@charset "utf-8";
@import url("../book/common/nanumgothic.css");
@import url("../book/_sprite_main.css");
html { height: 100% }
body {
	margin: 0; padding: 0; font-family:  dotum, Verdana, Geneva, sans-serif;
	background-color: #fff; color: #888; font-size: 13px;
	padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0px;
	line-height: 1.5em;
}

a:active { outline:none; }
a { color: #888; text-decoration: none; }
a:hover { color: #444; text-decoration: underline }
a:active { color: #444; text-decoration: underline }
a:focus { color: #444; text-decoration: underline }

input,select,button {vertical-align:middle }
form { margin: 0; }
ul, ol, li  { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
li { float: left; list-style-type: none; list-style-image: none; }
img { border: 0px; margin: 0px; }

a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }

a.rollover span { position: absolute; left: 36px; margin-top: 10px; text-decoration: none; text-align: center; color: #888; width: 77px; height: 25px; padding-top: 5px; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/quick_tip.gif) no-repeat 0 0; }
a.rollover span.over { display:none; }
a.rollover:hover span.over { display:inline; }

#wrap {
	position: relative; min-width: 1130px; left: 0px; width: 100%; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/bg_header.gif) repeat-x 0px 0px;
}

.top_menu { width: 930px; height: 30px; margin: 0 auto; text-align: left;  }
.top_menu .site {height: 30px; float: left;  }
.top_menu .login { margin-top: 8px; float: right; }
.top_menu .login img { margin-top: 3px; }

#header { z-index: 30; width:100%; height:154px; text-align: center; position:relative;}
#header .top_logo { width: 930px; margin: 0 auto; text-align: left; position:relative; height:106px;}
#header .top_logo .logo { position:absolute; top:30px; left:0;}
#header .top_logo .search { /* 930/2 - 370/2 = 280 */
	position:absolute;
	top:34px;
	left: 280px;
	width: 370px;
	height: 31px;
	border: 2px solid #d90000;
	font-size: 12px;
}
#header .top_logo .search input.input { position:absolute; bottom: 7px; border: 0; font-size: 12px; font-weight: bold; width: 230px; }
#header .top_logo .search input.submit { position:absolute; right:0px; border: 0; font-size: 12px; font-weight: normal; width: 40px; height: 31px; background-color: #d90000; color: #fff; }
#header .top_logo .search select.select {
		position:relative;
		z-index:10;
		width:90px !important;
		height:25px !important;
		line-height:25px;
		font-size: 12px;
  		background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/blank.png) repeat 0 0;

}


#header .top_logo .search span.select {
	position:absolute;
	bottom: 3px;
	float:left;
	left:0;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	width:90px;
	height:25px;
	line-height:25px;
	text-indent:10px;
	background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/bg_select2.gif) no-repeat 0 0;
	cursor:default;
	z-index:1;
}
#header .top_logo .mypage  { z-index: 35; margin-top: 0px; display: block; position:absolute; right:0;}
#header .top_logo .ad { z-index: 34; position:absolute; top: 27px; right:0; width: 200px; height: 65px; border: 1px dotted #eee; }
#header .top_navi_bg{width:100%; height:48px; position:relative; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/bg_header_ptn.gif) repeat-x;}
#header .top_navi { width: 930px; margin: 0 auto; text-align: left; position:relative; height:48px;}
#header .top_navi .navi { position: absolute; top: 3px; height: 45px; z-index: 40; }

/*페이지컨텐츠_bbs*/
#page_title_bbs { float:left;padding-bottom: 35px;}
#page_title_bbs .navi { position:absolute; float:right;  z-index: 110; width:703px; text-align:right; line-height:12px; height:12px; padding-top:20px; }
#page_title_bbs .t_title{ float:left;  width:780px; height:40px; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/sub1/sub_menu/tt_underbar.gif) no-repeat 0px 38px; }
#page_title_bbs .title_txt{ line-height:35px;   color:#4b5262; font-size:23px; font-weight:bold; font-family:Nanum Gothic; letter-spacing:-1px; }
/*#page_title_bbs .btline{border-bottom:4px solid #2b7bc2; width:703px; height:5px; float:left;}*/
#page_title_bbs .navi img { vertical-align:bottom; }
/*페이지컨텐츠*/

#category_01 { display:none; position: absolute; top: 45px; left: 0; background-color: #fff; padding: 5px 10px 10px 10px; border-left: 1px solid #d80000; border-right: 1px solid #d80000; border-bottom: 1px solid #d80000; }
#category_02 { display:none; position: absolute; top: 45px; left: 186px; background-color: #fff; padding: 5px 10px 10px 10px; border-left: 1px solid #d80000; border-right: 1px solid #d80000; border-bottom: 1px solid #d80000; }
#category_03 { display:none; position: absolute; top: 45px; left: 372px; width: 164px; background-color: #fff; padding: 5px 10px 10px 10px; border-left: 1px solid #d80000; border-right: 1px solid #d80000; border-bottom: 1px solid #d80000; }
#category_04 { display:none; position: absolute; top: 45px; left: 558px; width: 164px; background-color: #fff; padding: 5px 10px 10px 10px; border-left: 1px solid #d80000; border-right: 1px solid #d80000; border-bottom: 1px solid #d80000; }
#category_05 { display:none; position: absolute; top: 45px; right: 0; width: 164px; background-color: #fff; padding: 5px 10px 10px 10px; border-left: 1px solid #d80000; border-right: 1px solid #d80000; border-bottom: 1px solid #d80000; }
.category_title li { list-style-type: none; display: inline-block; width: 130px; line-height: 25px; font-family: tahoma;}
.category_title a { color: #d80000; font-weight: bold; }
.category_list a { color: #666; font-weight: normal; line-height: 1.8em; }
.category_list a:hover { color: #fff; }
ul.category_list { border-top: 1px solid #ddd; }
.category_list li { clear:both; min-width:88px; width: 100%; padding-left: 5px; list-style-type: none; color: #666; height: 1.8em; border: 0;}
.category_list li:hover { background-color: #d80000; color: #fff; }

#container { z-index: 20; position: relative; text-align: left; padding-bottom: 0px; width: 100%; }
#container:after { display: block; clear: both; content: ''; }
#container .content { width: 930px; margin: 0 auto; text-align: left; }
#container .content .left { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 557px; height: 583px; overflow: hidden; float: left; }
#container .content .left .left_top { width: 557px; height: 335px; overflow: hidden; float: left; border-bottom: 1px solid #ddd; }
#container .content .left .left_bottom { display: inline;}
#container .content .left .left_bottom span { float: left; }
#container .content .right { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 371px; height: 582px; overflow: hidden; float: right; }
#container .content .right .right_top { width: 100%; height: 336px; float: left;  display: block; }
#container .content .right .right_top img { width: 185px; height: 111px; border: 0px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#container .content .right_bbs{ float:left; padding:30px 0 0 26px; width:703px;}


#container .content a.rollover img { border-width:0px; display:inline; }
#container .content a.rollover img.over { display:none; }
#container .content a.rollover img.main_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; }
#container .content a.rollover:hover img.main_over { display: block; position: absolute; top:0; left: 50%; margin-left: -465px; width: 556px; height: 335px; }
#container .content .tail { clear: both; padding-top: 35px; padding-left: 10px; }
#container .content .tail div { width: 230px; float: left; }
#container .content .tail img { float: left; }
#container .content .tail ul { float: right; }
#container .content .tail li { clear: both; width:110px; list-style-type: none; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/li_bg_bar.gif) no-repeat 0 0px; padding-left: 10px; }
#container .content .bbsbanner{ vertical-align:top;}
#container .content .bbsright{ padding-left:82px;}

/* sub01 // */
.sub1_content { width:100%; height: 384px; border-bottom: 1px solid #ddd; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/sub1/img1.jpg) no-repeat 324px 0px; }
.sub1_left { width: 360px; padding-top: 78px; }
.sub1_notice { width: 360px; height: 110px; padding-top: 85px; }
.sub1_notice .tlist { padding-top: 15px; }
.sub1_notice .tlist li { width: 300px; line-height: 1.6em; }
.sub1_notice .tlist li span{ color: #ccc; font-size: 11px; padding-left: 1em; padding-right: 1em;}
.sub1_link { width: 360px; padding-top: 20px; display: inline; }
.sub1_banners { width:100%; height: 125px; }
#notice #faq { display: block; }
#press { display: none; }
/* // sub01 */

/* sub05 // */
.sub5_notice { width: 300px; height: 110px; display:block; float:left;  }

.sub5_notice .ntimg { display:block; float:left;   }
.sub5_notice .more { float:right; padding-top:5px; }
.sub5_notice .tlist { padding-top: 15px; }
.sub5_notice .tlist li { width: 290px; line-height: 1.6em; font-weight:400;}
.sub5_notice .tlist li .txt{ float:right;}
.sub5_notice .tlist li span{ font-size: 11px; padding-left: 1em; padding-right: 1em;}
.sub5_link { width: 360px; padding-top: 20px; display: inline; }

.sub5_notice .line { width:100%; height:1px; background-color: #CCC; margin-top:5px;}
.contentcs .rightimg { float:right; padding-right:60px;}
.att{ padding-top:10px;}
.sub5_faq { width: 703px; display:block; float:left; padding-top:5px;  }
.faqcontents{ width: 703px; display:block;}
/* // sub05 */




/* sub0101 // */
.lmenu { width: 187px; padding-top: 43px; float: left; }
.lmenu li { width: 100%; padding-left: 25px; list-style: none; }
.lmenu li.select { color: #ff0000; }
.rcontent { width: 703px; padding-top: 40px; float: right;}
.rcontent .title {width: 100%; height: 37px; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/sub1/sub_menu/tt_underbar.gif) no-repeat 0px 34px; }
.rcontent .title img { float: left; margin-right: 5px; }
.rcontent .title .navi { padding-top:10px; float: right; }
#title_bbs {width: 703px; height: 37px; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/sub1/sub_menu/tt_underbar.gif) no-repeat 0px 34px; }
#title_bbs img { float: left; margin-right: 5px; }
#title_bbs #navi_bbs { padding-top:10px; float: right; }
/* // sub01 */

#footer { z-index: 40; text-align: center; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; clear: both; padding-top: 30px; }
#footer .menu { width: 100%; height: 30px; border-top: 1px solid #d90000; border-bottom: 1px solid #888; background-color: #fff; }
#footer .menu img { position:relative; top:9px; margin-right: 18px; }
#footer .menu .mbox { width: 930px; margin: 0 auto; text-align: left; }
#footer .menu .mbox .list { float: left; }
#footer .menu .mbox .family_site { position:relative; top:9px; width: 147px; float: right; }

#footer .menu .mbox .family_site select.select {
		position:relative;
		z-index:10;
		width:147px !important;
		height:19px !important;
		line-height:19px;
		font-size: 12px;
}
#footer .menu .mbox .family_site span.select{
	position:absolute;
	bottom: 3px;
	float:left;
	left:0;
	font-size: 0;
	/* filter: alpha(opacity=0); */
	width:147px;
	height:19px;
	line-height:19px;
	text-indent:10px;
	background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/footer_family.gif) no-repeat 0 0;
	cursor:default;
	z-index:1;
}
#footer .footer_wrap { clear: both; width: 930px; padding-top:30px; height: 100px; margin: 0 auto; text-align: left;  }
#footer .footer_wrap .flogo { float: left; }
#footer .footer_wrap .company { float: left; margin-top: 30px; padding-right: 35px;  border-right: 1px solid #ddd; }
#footer .footer_wrap .company a { background-color: #888; color: #fff; padding: 2px; }
#footer .footer_wrap .address { float: right; margin-top: 30px; }

#footer .footer_wrap address {
	float:left;
	width:680px;
	font-size:12px;
	font-style:normal;
	font-family:dotum;
	font-weight:normal;
	color:#888;
	text-align:left;
	position:relative;
}

#footer .footer_wrap address a.show-company {
	display:inline-block;
	padding:2px 5px 4px 5px;
	margin-left:3px;
	background-color:#666;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	letter-spacing:-1px;
}


#container .content-area { width: 702px; }

#quick_menu { clear: both; z-index: 99; position: fixed; top: 0; left: 0; width: 42px; height: 100%; padding-top: 200px; border-right: 0px solid #ddd; background-color: #fff; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/quick_left_bg.gif) repeat-y 0 0; }

#remote { display: none; z-index:110; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 200px; text-align: center;}
.full_wrap { display: block; z-index:100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50);}
.myinfo { position: absolute; left: 50%; margin-left: -469px;  z-index:999; width: 938px; height: 525px;}