/* BASIC css start */
#top_banner {min-width: 1100px;margin: 0 auto;height: 75px;background-color:#c2e2e5; display: none;text-align: center;}
#top_banner p {margin: 0;padding: 0;line-height: 75px;color: #fff;font-size: 20px;}
#top_banner div .close {position: absolute;width: 90px;height: 120px;top: 10px;right: 20px;text-align: left;}
#top_banner span .close {font-size: 12px;display: inline-block;width: 40px;line-height: 18px;cursor: pointer;background: #fff;border: 1px solid #ddd;}
#top_banner span {position: absolute;top: 27px;right: 420px;font-size: 18px;cursor: pointer;color: #fff;border: 1px solid #fff;padding: 0 7px;height: 25px;}

/*위에서 내려오는 대배너*/
.top_ban_layer {position:absolute; left:50%; top:-627px; margin-left:-550px; width:1100px; height:627px; z-index:99999999} 
.top_ban_layer form{position:absolute; top:0; right:0; z-index:999999999;}
 #check {font-size:16px; position:absolute; top:20px; right:80px; width:300px; text-align:right; color:#666;}
 #check input {margin-right:5px;}

#preview_wrap .preview_label {display:none;}
.quickm {position:fixed; top:0; right:0; z-index:100000; width:12px; height:100%; max-height:980px; background:url('/design/intheroom/topmenu/quickbg22.png') repeat-y 0 0;}
.quicka {position:fixed; top:0; right:0; z-index:100001; width:123px; height:100%; max-height:980px; background:url('/design/intheroom/topmenu/quickbg12.png') repeat-y 0 0;}
.quicka .quckinner { position:relative; width:110px; margin:0 0 0 15px; padding-top:7px; font-size:11px; color:#5b5b5b;}
.quicka .quckinner .qtit {font-weight:600; color:#2d2d2d; margin-top:28px; line-height:18px;}
.quicka .quckinner a {font-size:11px; color:#5b5b5b;}
.quicka .quckinner b {font-size:11px;}
.quicka .quckinner li {line-height:18px;}
.quicka .quckinner .snslink li {border-bottom:1px solid #dcdcdc; padding:4px 0; margin-right:10px;}

#hdrWrap,
#hdr { *zoom: 1; position: relative; width:1100px; margin:0 auto; height:150px;  }
#hdr:after {content:""; display:block; clear:both;}
#hdrWrap { width: 100%; height:230px; background: url(/design/intheroom/topmenu/headBg.gif) repeat-x 0 0; }
#hdrWrap .hdr1 {width:1100px; min-width:1100px; height:37px; line-height:37px; margin:0 auto; *zoom:1;}
#hdrWrap .hdr1:after {content:""; display:block; clear:both;}
#hdrWrap .hdr1 .fL {float:left; margin-left:10px; width:60%; text-align:left;}
#hdrWrap .hdr1 .fL li {display:inline-block; margin-left:10px; padding-right:15px; background: url(/design/intheroom/topmenu/topbar.gif) no-repeat right 16px; }
#hdrWrap .hdr1 .fL li a {color:#bcbcbc; font-family: 'Lato'!important;}
#hdrWrap .hdr1 .fL li a:hover {color:#00b079;}
#hdrWrap .hdr1 .fR {float:right; margin-right:10px; text-align:right; width:35%;}
#hdrWrap .hdr1 .fR li {display:inline-block; margin-left:10px; padding-right:15px; background: url(/design/intheroom/topmenu/topbar.gif) no-repeat right 16px; }
#hdrWrap .hdr1 .fR li a {color:#bcbcbc; font-family: 'Lato'!important;}
#hdrWrap .hdr1 .fR li a:hover {color:#00b079;}


#hdr #shopFav,
#hdr .mlink { position: absolute; }
#hdrWrap .gnb-w { zoom: 1; position: relative; height: 42px; }
#hdrWrap .gnb-w:after { content: ""; display: block; clear: both; }
/* bi */
#hdr .bi { float:left; }
/* shopFav */
#hdr #shopFav { left: 243px; top: 63px; }
/* mlink */
#hdr .mlink { zoom: 1; right: 35px; top: 70px; }
#hdr .mlink:after { content: ""; display: block; clear: both; }
#hdr .mlink li,
#hdr .mlink a { display: inline; float: left; width: auto;}
#hdr .mlink li { margin-left: 12px; }
#hdr .mlink li.login a { color: rgb(0, 233, 162); }
/* gnb */

.gnb-w .menu1 {width:1100px; height:42px; line-height:42px; z-index:499;} 
.gnb-w .menu1 > LI { float:left; width:136.5px; text-align:center; } 
.gnb-w .submenuBox1 { position:absolute; top:42px; height:0px; width:100%; overflow:hidden; background:#fff;} 
.gnb-w .submenu1 { float:left; width:150px; } 
.gnb-w .submenu1 > LI { padding:10px 20px; text-align:center; } 


.menu { width:1100px; margin:0 auto; position:relative; *zoom:1;}
.menu:after { content: ""; display: block; clear: both; }
.menu li { padding:0 20px; height:42px; line-height:42px; float:left; text-align:center;}
.menu li a{  color:#dcdcdc; font-size:13px;    font-weight: bold;}
.menu li a:hover {color:#00e9a2; }
.menu li .active {position:absolute; top:-41px; width:137.5px; font-size:14px; text-align:center; color:#00e9a2;  height:41px; line-height:42px; font-weight:800; background:#224e8b url(/design/intheroom/topmenu/menubg.png) no-repeat center bottom;}
.menu li div {padding-bottom:20px; text-align:left; position:absolute; top:42px; left:0; width:1098px; height:auto; border:1px solid #bbbbbd; border-top:none; display:none; background:#fff; z-index:499; *zoom:1;}
.menu li div:after { content: ""; display: block; clear: both; }
.menu li div em {display:block; *zoom:1;}
.menu li div em:after { content: ""; display: block; clear: both; }
.menu .bmenu {font-size:14px; font-weight:800; color:#fff; cursor:pointer;}
.menu .bmenu:hover {color:#00e9a2;}
.menu li div dl {float:left;display:inline-block; width:226px; height:150px; border-right:1px solid #dfdddd; margin-top:40px;}
.menu li div span {text-align:right; float:right; display:inline-block; margin:20px 20px 0 0;}
.menu li div dl dt {font-size:10px; font-weight:800; color:#1f1f1f; line-height:14px;}
.menu li div dl dt, .menu li div dl dd {padding:0 0 0 34px; margin:0; height:22px;}
.menu li div dl dd a {color:#757575; line-height:22px; font-weight:normal; font-size:12px; height:15px !important;}

.menu li.p_line{color:#00e9a2;background:#001e49 !important;}


#hdr2 #gnb { float: left; }
#hdr2 #gnb li,
#hdr2 #gnb a { float: left; width: auto; }
#hdr2 #gnb li { margin-right: 50px; }
#hdr2 #gnb a { line-height: 30px; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: -1px; }
#hdr2 #gnb li.last { margin-right: 0; }
/* sch-frm */
#hdr .sch-frm { position: relative; top: 97px; right:20px; float: right; width: 296px; background-color: #b8c8d3; border:1px solid #283c6e; font-size: 0; line-height: 0; }
#hdr .sch-frm .MS_search_word_best,
#hdr .sch-frm .btn { float: left; }
#hdr .sch-frm .MS_search_word_best { padding-left:10px; width: 247px; height: 34px; line-height: 34px; border: 0; background: none;color: #565656; }
#hdr .sch-frm .favosrch { display:none; clear:both; position:absolute; top:35px; left:-1px; border:1px solid #283c6e; width:296px; background:#fff; z-index:500;}
#hdr .sch-frm .favosrch ul {margin:10px 20px 50px 20px;}
#hdr .sch-frm .favosrch ul li {line-height:25px; color:#878787;}
#hdr .sch-frm .favosrch ul li a {color:#878787;}
#hdr .sch-frm .favosrch ul li.fir {margin-bottom:10px;}
#hdr .sch-frm .favosrch ul li.fir a {color:#464646;}
#hdr .sch-frm .favosrch p {float:right; padding-bottom:10px;}
#hdr .sch-frm .favosrch ul li em {display:inline-block; margin-right:15px; font-style:italic;}
#hdr .sch-frm .favosrch img {position:absolute; bottom:1px; right:1px;}
#hdr .sch-frm:hover .favosrch1 {display:block;}
.in_pointer{cursor: pointer;}

/* 레이어팝업 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 20%; left: 50%; height:auto;  background-color:rgba(191, 190, 190, 0.76);z-index: 10;}	
.pop-layer .pop-container {padding: 15px 15px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; text-align:right;position: absolute;top: 20px;right: 30px; padding-top: 10px;}
a.cbtn {display:inline-block;}	

/* 닫기버튼 */
.outer {position: absolute; width: 35px; cursor: pointer; right: 22px; top: 20px;}
.inner {width: inherit;text-align: center;}
.inner label { font-size: .8em; line-height: 4em; text-transform: uppercase; color: #000; transition: all .3s ease-in; opacity: 0; cursor: pointer;}
.inner:before, .inner:after {position: absolute;content: '';height: 2px;width: inherit;background: #000;left: 0;transition: all .3s ease-in;}
.inner:before {top: 47%; transform: rotate(45deg); }
.inner:after {bottom: 50%;transform: rotate(-45deg);}
.outer:hover label {opacity: 1;}
.outer:hover .inner:before, .outer:hover .inner:after {transform: rotate(0);}
.outer:hover .inner:before {top: 0;}
.outer:hover .inner:after {bottom: 0;}

/* BASIC css end */