@charset "UTF-8";
@import url("common/common.css");
@import url("_footer_sprite.css");

#container .content .left { width: 200px; height:360px;  float: left;  border-bottom: 1px solid #000;  }
#container .content .left ul{ font-size:14px; }
#container .content .left ul li { display:block; vertical-align:top; height:37px; }

#container .content .left .height35 { display:block; vertical-align:top; height:35px !important; }
#container .content .left .height34 { display:block; vertical-align:top; height:34px !important; }
#container .content .right {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  width: 729px; height:360px; float: left; overflow: hidden;    }
#container .content .right .right_top {  float: left;  display: block;}
#container .content .right .right_top img { border: 0px; }
#container .content .right .right_bottom { display: inline; float:right;}
#container .content a.rollover img { border-width:0px; display:inline; }
#container .content a.rollover img.over { display:none; }
#container .content a.rollover:hover { border:0px }
#container .content a.rollover:hover img { display:none; }
#container .content a.rollover:hover img.over { display:inline; }

#category_01 { display:none; position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }
#category_02 { display:none;  position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }
#category_03 { display:none;  position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }
#category_04 { display:none;  position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }
#category_05 { display:none;  position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }
#category_06 { display:none;  position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }
#category_07 { display:none;  position:absolute; width:728px; height:249px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 10px 0px 0px 0px; top:0; }

#container .content .middle_content  .mright .mright_contents .mloop_contents .mtext { float: left; border: 0; width: 110px; display:inline; margin-left:5px; font-family: Nanum Gothic;  }
#container .content .middle_content  .mright .mright_contents .mloop_contents .mtext h3 { font-size: 11px; font-family: "돋움", Arial; color: #278783; font-weight: bold; font-family: Nanum Gothic; }

#arrow1{ position:absolute; float:left; overflow:hidden; top:0; }
#arrow2{ position:absolute; float:left; overflow:hidden; top:37px; }
#arrow3{ position:absolute; float:left; overflow:hidden; top:74px; }
#arrow4{ position:absolute; float:left; overflow:hidden; top:111px; }
#arrow5{ position:absolute; float:left; overflow:hidden; top:148px; }
#arrow6{ position:absolute; float:left; overflow:hidden; top:185px; }
#arrow7{ position:absolute; float:left; overflow:hidden; top:222px; }
.category_list { width:124px; float:left; padding:0 0 0 20px; }
.category_list ul li { list-style-type: none; display: inline-block; width: 180px; height:24px; line-height: 22px; font-size:12px; }
.category_list ul li .icon{color:#F00; font-size:10px; font-weight:bold; padding-left:6px;}
.category_list ul li a{ list-style-type: none; display: inline-block; width: 180px; height:24px; line-height: 22px; font-size:12px;}
.category_list a { color: #d80000; font-weight: bold; }
.category_list a { color: #666; font-weight: normal; line-height: 1.8em; }
.category_list a:hover { color:#333;  font-weight: bold; text-decoration:none; }
.category_hurry {  width:124px; height:200px;  float:left; padding: 0 0 0 20px; margin-top:5px; background-image:url(/_skin/sidae/images/sdedu/category_navi/test_banner.jpg)}
.category_hurry ul{padding-top:115px;}
.category_hurry ul li{list-style-type: none; display: inline-block; width: 180px; height:17px; line-height: 11px; font-size:13px; margin-left:-10px;}
.category_hurry a { color: #FFF; font-weight: normal; line-height: 1.8em; }
.category_hurry a:hover { color: #FFF; font-weight: bold; text-decoration:none; }
.category_banner {  width:130px;  float:left; padding: 0 0 0 20px; margin-top:5px;}

#container .content .cscenter  .csright { width: 300px; height:165px;  float: left;display:inline; }
#container .content .cscenter  .csright .latest_title  { float: left; width:229px; margin-top:20px; margin-left:30px;  }


/*new index 2014 0326*/
#center{width:960px;}
a,img,input{outline: none;selector-dummy:expression(this.hideFocus=true);}

/*이벤트배너*/
.event{float:left; margin-bottom:35px;}
.event ul li{float:left;}

/*common*/
.common{background: url('../../images/sdedu/main3/center/popkon_default.png') no-repeat;}
.common2{background: url('../../images/sdedu/main3/center/popkon_default2.png') no-repeat;}
.common3{background: url('/_skin/sidae/images/common/head_default.png') no-repeat;}

/*빠른 서비스*/
.service ul {}
.service ul li{}
.service ul li.sv-01{width: 296px; height: 70px;}
.service ul li.sv-02{width: 168px; height: 70px;}
.service ul li.sv-03{width: 179px; height: 70px;}
.service ul li.sv-04{width: 159px; height: 70px;}
.service ul li.sv-05{width: 158px; height: 70px;}
.service ul li.sv-01 span{background-position: 0px -430px;}
.service ul li.sv-02 span{background-position: -300px -430px}
.service ul li.sv-03 span{background-position: -470px -430px}
.service ul li.sv-04 span{background-position: -660px -430px}
.service ul li.sv-05 span{background-position: -830px -430px}
.service ul li span{display: block; width: 100%; height: 100%;}

.day_cate_01 a{cursor:pointer;display:block;width:104px;height:27px;background-position: -840px -300px}
.day_cate_02 a{cursor:pointer;display:block;width:104px;height:27px;background-position: -840px -330px}
.day_cate_03 a{cursor:pointer;display:block;width:104px;height:27px;background-position: -840px -360px}
.day_cate_04 a{cursor:pointer;display:block;width:104px;height:24px;background-position: -840px -390px}


.test_day_title span{cursor:pointer;display:block;width:252px;height:29px;background-position: -640px -570px}

.notice_title span{cursor:pointer;width:44px;height:14px;background-position:-810px -610px; float: left;}
.news_title span{cursor:pointer;width:44px;height:14px;background-position: -810px -630px; float: left}

.test_day_n1 span{cursor:pointer;width:16px;height:16px;background-position: -800px -650px; float: left; margin-right: -200px;}
.test_day_n2 span{cursor:pointer;width:16px;height:16px;background-position: -820px -650px; float: left}
.test_day_n3 span{cursor:pointer;width:16px;height:16px;background-position: -840px -650px; float: left}
.test_day_n4 span{cursor:pointer;width:16px;height:16px;background-position: -860px -650px; float: left}

.day_title span{cursor:pointer;display:block;width:148px;height:120px;background-position: -640px -610px}

.day_cate_01 span.common{cursor:pointer;display:block;position:absolute;top:1px;left:1px;width:104px;height:27px;background:url(../img/.png) -840px -300px no-repeat}
.day_cate_02 span.common{cursor:pointer;display:block;position:absolute;top:1px;left:1px;width:104px;height:27px;background:url(../img/.png) -840px -330px no-repeat}
.day_cate_03 span.common{cursor:pointer;display:block;position:absolute;top:1px;left:1px;width:104px;height:27px;background:url(../img/.png) -840px -360px no-repeat}
.day_cate_04 span.common{cursor:pointer;display:block;position:absolute;top:1px;left:1px;width:104px;height:24px;background:url(../img/.png) -840px -390px no-repeat}


.sidae>.common{background-position: -320px -510px;}


/*사업분야 시작*/
.inmenu li span.common{width: 155px; height: 140px;}
.inmenu span{display: block; width: 145px; height: 140px; margin: 0 2px}
.inmenu span.sd-01{background-position: 0px 0px}
.inmenu span.sd-02{background-position: -160px 0px;}
.inmenu span.sd-03{background-position: -340px 0px;}
.inmenu span.sd-04{background-position: -530px 0px;}
.inmenu span.sd-05{background-position: -720px 0px;}
.inmenu span.sd-06{background-position: 0px -150px;}
.inmenu span.sd-07{background-position: -160px -150px;}
.inmenu span.sd-08{background-position: -340px -150px;}
.inmenu span.sd-09{background-position: -530px -150px;}
.inmenu span.sd-10{background-position: -733px -150px;}
/*사업분야 끝*/


/*고객지원센터*/
.info{width:960px; float:left; margin-bottom:20px; margin-top: 20px;}
.info .title{float:left; width:150px; height:205px; background-position: 0 -510px;}

.info .sidae .common{background-position: -320px -510px}

.info .coustomer{float:left; margin-right:27px;}
.info .coustomer .notice{width:250px; height:40px; border:1px solid #cacaca;}
.info .coustomer .notice .title{float:left; height:10px; padding:13px 0 0 15px;}
.info .coustomer .notice .title span.text{position:absolute; float:left; margin-top:2px; margin-left:10px; width:146px; height:10px;}
.info .coustomer .notice .more{float:right; padding:11px 10px 0 0; z-index:5;}

.info .coustomer .news{width:250px; height:40px; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.info .coustomer .news .title{float:left; height:10px; padding:13px 0 0 15px;}
.info .coustomer .news .title span.text{position:absolute; float:left; margin-top:2px; margin-left:10px; width:146px; height:10px;}
.info .coustomer .news .more{float:right; padding:11px 10px 0 0;}

.alliance_title span{cursor:pointer;display:block;width:150px;height:39px;background-position: -640px -510px}

.info .data{float:left; width:252px; margin-left:27px;}
.info .data .day1{float:left; width:252px;}
.info .data .day1 .list{width:252px; margin-left:8px;}
.info .data .day1 .list li{width:252px; height:21px; text-align:left;}
.info .data .day1 .list li img{vertical-align:middle;}
.info .data .day1 .list li span.list2{ position:absolute; margin-top:3px; width: 140px; margin-left: 25px}


.info .data .day2{float:left; width:252px;}
.info .data .day2 .left_menu{margin-top:0px;}
.info .data .day2 .right_menu{margin-top:19px;}
.info .data .day2 .right_menu .m1{height:27px;}
.info .data .day2 .right_menu .m2{height:27px;}
.info .data .day2 .right_menu .m3{height:27px;}
.info .data .day2 .right_menu .m4{height:24px;}


.social_title span.common{cursor: pointer; display: inline-block; width: 150px; height: 162px; background-position: -480px -510px;}
.social_bn1 span{cursor: pointer; display: block; width: 808px; height: 180px; background-position: -480px -510px;}

.service{float:left; width:960px; margin-bottom:20px;}

.sidae{width:960px; float:left; border-top:1px solid #CCC; padding-top:35px; padding-bottom:35px;}
.sidae .title{float:left; width:150px; height:216px;}
.sidae .middle_menu{float:left; width:810px;}
.sidae .middle_menu .inmenu{float:left;}

.social{float:left; border-top:1px solid #CCC; padding-top:35px;}
.social .title{float:left; width:150px; height:180px;}

.social_bn1 .common2{cursor: pointer; display: block; width: 808px; height: 180px; background-position: 0px 0px;}
.social .middle_menu{float:left; width:810px;}
.social .middle_menu .inmenu{float:left;}
.social .middle_menu .inmenu .ano{padding-left:26px;}

.alliance{float:left; border-top:1px solid #CCC; padding-top:35px; margin-bottom:35px; overflow:hidden;}
.alliance .title{float:left; width:150px; height:39px;}
.alliance .middle_menu{float:left; width:810px; margin-top:10px;}
.alliance .middle_menu .inmenu{float:left;}
.alliance .middle_menu .inmenu .ano{padding-left:26px;}

.bg_consultation {width:265px; height:235px;}
.bg_consultation .process {padding-left:28px; width:303px;}
.bg_consultation .phone_number {padding-left:28px;padding-top:7px;}
.bg_consultation .call {padding-left:28px; padding-top:4px;}

#open_fmb{position:absolute; margin-left:-5px; width:265px; height:235px; border:3px solid #F00; border-radius:3px; background-color:#FFF; z-index:5; display:none;}
#open_fmb .bg_consultation #x_bn{position:absolute; margin-left:240px; margin-top:12px;}
/*new index*/