@charset "utf-8";

/*기본공통*/
html { height: 100% }
body { 
	margin: 0; padding: 0; font-family:dotum, Verdana, Geneva, sans-serif; 
	background-color: #fff; color: #888; font-size: 11px;
	padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0px;
	line-height: 1.5em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

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, p  { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-size:11px;}
li { float: left; list-style-type: none; list-style-image: none; }
img { border: 0px; margin: 0px; }
p .sample{
	position:absolute;
	width:110px;
	height:30px;
	bottom:940px;
}
p .sample.sample-1{
    right: 974px;
}
p .sample.sample-2{
	right:792px;	
}
p .sample.sample-3{
	right:613px;	
}
p .apply-btn{
	position: absolute;
    right: 726px;
    width: 236px;
    height: 30px;
    bottom: 390px;
}
p .dedail-view{
	position: absolute;
    right: 682px;
    width: 69px;
    height: 24px;
    bottom: 156px;
}
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(../../../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(../../../sidae/images/popkon/common/gnb_bg.gif) repeat-x   0px 0px; 
}
/*기본공통END*/

/*헤더*/
#header { z-index: 30; width:100%; height:206px; text-align: center; background:url(../../../sidae/images/sdedu/p_tpl_main/gnb_bg.jpg) no-repeat 0 0; }
#header a.rollover img { border-width:0px; display:inline; }
#header a.rollover img.over { display:none; } 
#header a.rollover:hover { border:0px }
#header a.rollover:hover img { display:none; }
#header a.rollover:hover img.over { display:inline; }
#header .top_menu { width: 930px; height: 30px; margin: 0 auto; text-align: left;  }
#header .top_menu .site { height: 30px; float: left;  }
#header .top_menu .login { margin-top:10px;  right:10px; margin-left:50px; float: right; }
#header .top_menu .mypage_btn { top: 30px; margin-left:800px; float: right;  }
#header .top_logo .mypage  { z-index: 35; margin-top: 1px; float: right; display: block;}
#header .top_logo { width: 930px; margin: 0 auto; text-align: left;  }
#header .top_logo .logo { position:absolute; top:70px; padding-right:5px; }
#header .top_logo .search { /* 930/2 - 430/2 = 255 */
position:absolute; top:75px; margin-left: 250px; width: 430px; height: 43px; font-size: 12px; background:url(../../../sidae/images/popkon/common/search_bg.jpg) no-repeat 0 0;}
#header .top_logo .search input.input { position:absolute; bottom: 15px; border: 0; font-size: 12px; font-weight: bold; width: 230px; }
#header .top_logo .search input.submit { position:absolute; margin-top:3px; margin-left:10px; right:0px; border: 0; font-size: 12px; font-weight: normal; width: 37px; height: 37px;  background:url(../../../sidae/images/popkon/common/search_btn.png) no-repeat 0 0; }
#header .top_logo .search select.select { position:relative; z-index:10;	width:90px !important;	height:25px !important; line-height:25px; font-size: 12px;}
#header .top_logo .search span.select { position:absolute; bottom: 8px; float:left;	left:5px; font-size: 12px; color: #666; width:90px; height:25px; line-height:25px; text-indent:10px; cursor:default; z-index:1;}
#header .top_logo .ad { z-index: 34; position:absolute; top: 60px; left: 50%; margin-left: 265px; width: 200px; height: 65px; border: 1px dotted #eee; }

#header .top_navi { width: 930px; margin: 0 auto; text-align: left;}
#header .top_navi .navi { position: absolute; top: 90px; height: 156px; float: left; width: 930px;}
#header .top_navi .navi .top_list{height: 48px; float:right; margin-top:15px;}
#header .top_navi .navi .bottom_list{height: 43px; float:left; margin-top:10px;}
#header .top_navi .navi .logo_list{float:left; height:63px;}
#header .top_navi .icon{margin-top:-3px; }

/*헤더END*/
.paddingtop10{ padding-top:10px;}
.paddingbottome10{ padding-bottom:10px;}
.paddingleft10{ padding-left:10px}
.paddingright10{ padding-right:10px;}

.paddingtop20{ padding-top:20px;}
.paddingbottome20{ padding-bottom:20px;}
.paddingleft20{ padding-left:20px}
.paddingright20{ padding-right:20px;}

.paddingtop30{ padding-top:30px;}
.paddingbottome30{ padding-bottom:30px;}
.paddingleft30{ padding-left:30px}
.paddingright30{ padding-right:30px;}

#tpl_contents { width:703px; float:right;}
#tpl_contents_2 { margin-top:-10px; width:703px; float:right;}
#tpl_right_navi { width:200px; float:left; display:block;}
#tpl_right_navi ul li{padding-top:8px;}
#tpl_r_cate{  width:196px;  margin-top:19px;}
#tpl_r_cate #tpl_r_cate_title{  width:196px; height:86px; font-size:22px; font-weight:bold; font-family:Nanum Gothic; color:#4a5362; top:67px; line-height:116px; text-indent:11px; border:2px solid #dedede;}
#tpl_r_cate #tpl_r_cate_title img{ position:absolute; margin-left:139px; top:21px; }
#tpl_r_cate #tpl_r_cate_list{ float:left; width:196px; border:2px solid #dedede; }

#tpl_r_cate #tpl_r_cate_list{padding: 11px 0 11px 12px; width:184px;}
#tpl_r_cate #tpl_r_cate_list ul li{width:184px; line-height:20px;}
#tpl_r_cate #tpl_r_cate_list ul li a{ color:#4b5262; font-family:Nanum Gothic; font-size:12px; font-weight:bold;}
#tpl_r_cate #tpl_r_cate_list ul li a:visited{ color:#4b5262; }
#tpl_r_cate #tpl_r_cate_list ul li a:hover{ color:#666;}
#tpl_r_cate #tpl_r_cate_list ul li a:active{ color:#4b5262;}
#tpl_r_cate #tpl_r_cate_list ul li a:focus{ color:#4b5262;}
#tpl_r_cate #tpl_r_cate_list ul li img {  padding:5px 0 0 113px; position:absolute; }


/*컨테이너*/
#container { 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; overflow:inherit; }
/*컨테이너END*/
#arrow1{ position:absolute; float:left; overflow:hidden; top:0; left:720px; }
#arrow2{ position:absolute; float:left; overflow:hidden; top:37px; left:720px; }
#arrow3{ position:absolute; float:left; overflow:hidden; top:74px; left:720px; }
#arrow4{ position:absolute; float:left; overflow:hidden; top:111px; left:720px; }
#arrow5{ position:absolute; float:left; overflow:hidden; top:148px; left:720px; }
#arrow6{ position:absolute; float:left; overflow:hidden; top:185px; left:720px; }
#arrow7{ position:absolute; float:left; overflow:hidden; top:222px; left:720px; }
.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;}
#left_sub_category li{ display:block; height:37px;}
#category_01 { display:none;  position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900; }
#category_02 { display:none; float:left; position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900;}
#category_03 { display:none; float:left; position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900;}
#category_04 { display:none; float:left; position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900;}
#category_05 { display:none; float:left; position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900;}
#category_06 { display:none; float:left; position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900;}
#category_07 { display:none; float:left; position:absolute; width:728px; height:239px;  background-color: #eaf8fb;  border-left: 1px solid #3abdd8; border-right: 1px solid #3abdd8; border-bottom: 1px solid #3abdd8; color:#666666; padding: 20px 0px 0px 0px; margin-right:200px; z-index:900;}
/*#left_sub_category { display:none;  } /*내부삽입*/
#left_sub_category { display:none; margin-left:730px; position:absolute; width:200px; z-index:50; height:259px;}/* 레이어처리*/
#left_sub_category ul li{ height:37px;}

/*푸터*/
#footer { text-align: center; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; clear: both; padding-top: 30px;}
#footer .menu { width: 100%; height: 30px;  background-color: #fff; }
#footer .menu img { position:relative; top:9px; margin-right: 18px; }
#footer .menu .mbox { width: 930px; height: 30px;  margin: 0 auto; text-align: left; border-top: 1px solid #888; border-bottom: 1px solid #888; }
#footer .menu .mbox .list { float: left; padding-left:15px; }
#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: 0px;
	width:147px;
	height:19px;
	line-height:19px;
	text-indent:10px;
	background:url(../../../sidae/images/common/footer_family.gif) no-repeat 0 0;
	cursor:default;
	z-index:1;
}
#footer .footer_wrap { clear: both; width: 930px; height: 100px; margin: 0 auto; text-align: left;  }
#footer .footer_wrap .flogo { float: left; margin-left:30px; margin-top: 30px; padding-right: 10px;}
#footer .footer_wrap .company { float: left; margin-top: 30px; padding-right: 45px;  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; }
/*푸터END*/


/*퀵메뉴*/
#quick_menu { 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(../../../sidae/images/brand/common/quick_left_bg.gif) repeat-y 0 0; }
#quick_cart { z-index: 997; position: fixed; display:block; overflow:visible; top: 0; right: 0; width: 100px; height: 100%; padding-top: 30px; border-left: 1px solid #ddd; background-color: #fff; text-align: center; line-height: 2em; }
#quick_cart img.line { margin-top: 0px; margin-bottom: 3px; }
#quick_cart img.line2 { margin-top: 5px; margin-bottom: 10px; }
#quick_cart .item_list img { width: 60px; height: 70px; margin-bottom: 5px; }
/*퀵메뉴END*/

/*리모컨,마이페이지,기타공통*/
#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: fixed; 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;}
/*리모컨,마이페이지,기타공통END*/


.content{}