@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 

html { height: 100% }
body { 
	margin: 0; padding: 0; font-family: /*Nanum Gothic,*/ 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;
}
#ui-datepicker-div+div{position: absolute; left:0; top: 0px;}
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; }
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; } 
.img_link{ cursor:pointer;}
#wrap {
	position: relative; min-width: 1130px; left: 0px; width: 100%; background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/gnb_bg.gif) repeat-x   0px 0px; 
}

#header { z-index: 30; width:100%; height:178px; text-align: center; background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/popkon/common/header_bg.gif) repeat-x 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 {  width: 520px; height: 30px; float: left;  }

.top_img { background-color: #fff; }
#header .top_menu .login { margin-top:10px;  right:10px; margin-left:100px; 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:60px; }
#header .top_logo .search { /* 930/2 - 430/2 = 255 */
	position:absolute; top:65px; margin-left: 250px;
	width: 430px; height: 43px;
	font-size: 12px;
	background:url(//static-sdedu.akamaized.net/img1/_skin/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(//static-sdedu.akamaized.net/img1/_skin/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 {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: 143px; height: 35px; float: left; }

#container { position: relative; text-align: left; padding-bottom: 0px; width: 100%; }
#container:after { display: block; clear: both; content: ''; }
#container .content { width:100%; max-width:1100px; margin: 0 auto; text-align: left; }
#container .content .left { width: 200px;   float: left;  border-bottom: 1px solid #000;  }
#container .content .lef ul{ font-size:0px; }
#container .content .left ul li { display:inline; vertical-align:top; }
#container .content .left_category { width: 200px;   float: left;   }
#container .content .left_category ul{ font-size:0px; }
#container .content .left_category ul li { display:inline; vertical-align:top; }
#container .content .bleft {  margin-top: 10px; width: 200px; height:186px;  float: left;}
#container .content .mleft { width: 200px; height:165px;  float: left; }
#container .content .right {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  width: 729px; height:360px; float: left; overflow: hidden;    }
#container .content .right_contents {  width: 729px;  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; } 


#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:230px; float:left; padding:0 0 0 30px; }
.category_list li { list-style-type: none; display: inline-block; width: 230px; height:24px; line-height: 21px; 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_banner {  width:130px;  float:left;padding: 0 0 0 20px; margin-top:5px;}

#category_01 { 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 }
#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 }
#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 }
#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 }
#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 }
#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 }
#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 }

#user_guide { display:none;  position:absolute; width:728px; height:165px; z-index:9999; margin: -165px 0 0 202px;    }
#left_sub_category { display:none;  }
/*#left_sub_category { display:none; position:absolute; width:200px;} 레이어처리*/

#container .content .middle_content  .mleft { width: 200px; height:165px;  float: left; }
#container .content .middle_content  .mright {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  width: 729px; height:164px; float: right; overflow: hidden;    }
#container .content .middle_content  .mright .mright_top { width:729px; height:27px; }
#container .content .middle_content  .mright .mright_top_banner { float:left; }
#container .content .middle_content  .mright .mright_top_more { float: right; margin-top: 3px; margin-right:3px; }
#container .content .middle_content  .mright .mright_contents { float:left; left:0; }
#container .content .middle_content  .mright .mright_contents .mloop_contents { float:left; margin-left:20px; margin-top:20px; width:220px;  line-height:15px;}
#container .content .middle_content  .mright .mright_contents .mloop_contents .mimg { float:left; border:0; width:100px;  }
#container .content .middle_content  .mright .mright_contents .mloop_contents .mtext { float: left; border: 0; width: 110px; display:inline; margin-left:5px;  }
#container .content .middle_content  .mright .mright_contents .mloop_contents .mtext h3 { font-size: 11px; font-family: "돋움", Arial; color: #278783; font-weight: bold; }
#container .content .middle_content  .mright .mright_contents .mloop_contents .mtext p { font-size: 11px; font-family: "돋움"; color: #666666; padding-top:5px; }
#container .content .middle_content  .mright .mright_contents .mloop_contents .mname { text-align:left; }

#container .content .bottom_banners .bcontents .bleft {  margin-top: 10px; width: 200px; height:186px;  float: left;}
#container .content .bottom_banners .bcontents .bright {  margin-top: 10px; width: 730px; height:186px; float: left; overflow: hidden;}
#container .content .bottom_banners .bcontents .bright li {}
#container .content .bottom_banners .bcontents .bleft ul { font-size:0px;}
#container .content .bottom_banners .bcontents .bleft ul li { display:inline; }

#container .content .bottom_line { background:url(../../images/popkon/common/footer_line.gif); height:1px; }
#container .content .cscenter { margin-top:10px;}
#container .content .cscenter  .csleft { width: 270px; height:165px;  float: left;display:inline;   }
#container .content .cscenter  .csleft ul li { margin-top:20px; margin-left:10px;  }

#container .content .cscenter  .csmiddle { width: 320px; height:165px;  float: left; display:inline; }
#container .content .cscenter  .csmiddle ul { margin-top:20px; margin-left:30px;  }
#container .content .cscenter  .csmiddle ul li { display:inline;  }
#container .content .cscenter  .csmiddle .csmbanner {   float: left; display:inline;  }
#container .content .cscenter  .csmiddle .csmbanner ul {margin-top:20px; }
#container .content .cscenter  .csmiddle .csmbanner ul li {display:inline; }
#container .content .cscenter  .csmiddle .csquickbanner{   float: left; display:inline; }
#container .content .cscenter  .csmiddle .csquickmbanner ul { margin-top:20px;  }
#container .content .cscenter  .csmiddle .csquickmbanner ul li { display:inline;  }

#container .content .cscenter  .csright { width: 300px; height:165px;  float: left;display:inline; }
#container .content .cscenter  .csright .latest_title  { margin-top:20px; margin-left:30px;  }
#container .content .cscenter  .csright .latest_contents  {  height:200px; clear: both; margin-left:15px; padding-top: 10px; padding-left: 20px; }
#container .content .cscenter  .csright .latest_contents img  { float: left}
#container .content .cscenter  .csright .latest_contents ul  { float: left}
#container .content .cscenter  .csright .latest_contents div  { float: right}
#container .content .cscenter  .csright .latest_contents li {clear: both; list-style-type: none; background: url(../../images/popkon/common/bbs_icon.gif) no-repeat 0px 6px; padding-left: 12px; line-height:18px; width:300px;}
#container .content .cscenter  .seals { float:right; margin-top:20px; width:40px;}


#footer { text-align: center; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; clear: both; padding-top: 10px; }
#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(//static-sdedu.akamaized.net/img1/_skin/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-top: 45px; padding-right: 35px; }
#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; }


#container .content .left #accordion { position: relative; float: right; top: 3px; width: 276px; height: 245px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#accordion h3 { margin: 0 0 1px; width: 100%; height: 30px; text-indent:10px; line-height: 30px; font-size: 12px; font-weight: bold; color: #666; background-color: #ccc; }
#accordion h3:hover { background-color: #eee; }
#accordion h3 a { float: right; padding-right: 10px; font-weight: normal; font-family: Verdana,sans-serif, dotum; font-size: 12px; color: #fff; }
#accordion h3 a:hover, active { color: #000; text-decoration: none; }
#accordion div { height: 120px; overflow: hidden; line-height: 2em; }
#accordion p {  margin: 15px 0 0 15px; }

#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(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/quick_left_bg.gif) repeat-y 0 0; }
#quick_cart { z-index: 999; 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; }

#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;}