@import url(common.css);
body{background:url(/img/common/top_bg.gif) repeat-x;}

#wrap { clear:both; width:100%; min-width:320px;}
.ie6 #wrap, .ie7 #wrap { min-width:1100px; }
.fixing {max-width:1100px; min-width:1100px; width:100%; position:relative; margin:0 auto; }
a.mobile_close_btn,  a.mobile_open_btn{display:none;}

/*header*/
#header {width:100%; position:relative; top:0; left:0; z-index:10;}
#header .border_frame { width:100%;}
#header .border_frame .fixing {height:145px; }



.ie7 .ie7header { z-index:10000 !important;}
#header h1.top_logo { padding-top:25px; width:278px; position:relative; margin:0 auto; z-index:10; }
#header h1.top_logo a { overflow:hidden; width:278px; height:61px; display:block; text-indent:-9999px; background:url("/img/common/logo.jpg") no-repeat; background-size:278px 61px;}

#header .left_etc_navi {z-index:100; position:absolute; top:35px; left:0; overflow:hidden;}
#header .left_etc_navi ul {overflow:hidden;}
#header .left_etc_navi li {float:left; }
#header .left_etc_navi li img{width:40px;}

#header .right_etc_navi {border:1px solid #d5d7d9; border-radius:3px;  position:absolute; top:33px; right:0; z-index:3; overflow:hidden;}
#header .right_etc_navi ul {overflow:hidden;}
#header .right_etc_navi li { float:left; }
#header .right_etc_navi li a {display:inline-block;font-size:13px; padding:3px 15px 5px 15px; position:relative;}
#header .right_etc_navi li a:before{content:''; display:block; position:absolute; left:0; top:10px; width:1px; height:8px; background-color:#b9b9b9;}
#header .right_etc_navi li:first-child a:before{width:0;}
#header .right_etc_navi li a:hover{text-decoration:underline;}
#header .right_etc_navi li:first-child{}


/* 상단 메인메뉴 */
#header .gnb_shadow {visibility:visible; left:0; width:100%; overflow:hidden; position:absolute; top:98px;  z-index:8; height:70px; }
#header .gnb_frame { width:100%; overflow:hidden;/* border-bottom:1px solid #ccc; */}
#header .gnb_frame a { }
/*메뉴 롤오버 이미지 background*/
#header .gnb_frame .fixing {overflow:hidden; height:500px; }


#header a.close_btn {width:151px; height:30px; position:absolute; bottom:0; left:50%; z-index:5; color:#fff;  font-size:12px; line-height:28px; text-align:center; margin-left:-73px; background-image:url(/img/common/btn_close.png); background-repeat:no-repeat; background-position:50% 50%; }


#header .gnb_frame .fixing #gnb {overflow:hidden; padding-bottom:30px;}
#header .gnb_frame .fixing #gnb ul.gnb_group {}
#header .gnb_frame .fixing #gnb li.loop {float:left; width:183px; height:200px;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub0{display:none;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub1 {}
#header .gnb_frame .fixing #gnb li.loop.gnbSub1:hover{background:#6f3166;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub1 .gnbSub{background:#86487d;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub2 {}
#header .gnb_frame .fixing #gnb li.loop.gnbSub2:hover{background:#6f3166;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub2 .gnbSub{background:#86487d url(/img/common/gnbsub1_bg.png) bottom right no-repeat;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub3 {width:185px; }
#header .gnb_frame .fixing #gnb li.loop.gnbSub3:hover{background:#6f3166;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub3 .gnbSub{background:#86487d url(/img/common/gnbsub2_bg.png) bottom right no-repeat;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub4 {}
#header .gnb_frame .fixing #gnb li.loop.gnbSub4:hover{background:#6f3166;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub4 .gnbSub{background:#86487d url(/img/common/gnbsub3_bg.png) bottom right no-repeat;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub5 {}
#header .gnb_frame .fixing #gnb li.loop.gnbSub5:hover{background:#6f3166;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub5 .gnbSub{background:#86487d url(/img/common/gnbsub4_bg.png) bottom right no-repeat;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub6 {}
#header .gnb_frame .fixing #gnb li.loop.gnbSub6:hover{background:#6f3166;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub6 .gnbSub{background:#86487d;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub7{display:none;}
#header .gnb_frame .fixing #gnb li h2 a {border-right:1px solid #6f3166; display:inline-block; width:100%; text-align:center; padding:12px 10px 13px 10px; height:50px; line-height:20px;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub1 h2 a{border-left:1px solid #6f3166;}
#header .gnb_frame .fixing #gnb li h2 a span{ font-weight:500; font-size:17px; color:#fff;}
#header .gnb_frame .fixing #gnb li .gnbSub {height:280px; padding-top:10px; background-color:#86487d;}
#header .gnb_frame .fixing #gnb li .gnbSub p a {padding-left:10px; display:block;}
#header .gnb_frame .fixing #gnb li .gnbSub p a span{color:#fff; position:relative; padding-left:7px;}
#header .gnb_frame .fixing #gnb li .gnbSub p a span:before{content:''; display:block; position:absolute; left:0; top:10px; width:3px; height:2px; background-color:#fff; }
#header .gnb_frame .fixing #gnb li .gnbSub p a:hover span{color:#fff; text-decoration:underline;}
#header .gnb_frame .fixing #gnb li p a span{line-height:1.9em; }

.g30{margin-top:-15px;}







footer{margin-top:10px; width:100%; background:#3e3e3e; }
#footer{position:relative; width:1100px; margin:0 auto; padding:2% 0 2% 0;}
.footer_m{overflow:hidden; border-bottom:1px solid #4e4d50;  padding-bottom:10px;}
.footer_m li{float:left; margin-left:30px;}
.footer_m li:first-child{margin-left:0;}
.footer_m li a{color:#ddd;}
.footer_m li a strong{color:#fcff00;}

#footer address{}
#footer address dt{padding-top:10px; color:#a4a4a4; font-size:15px;}
#footer address dd{color:#a4a4a4; font-size:15px;}
#footer address p{margin-top:10px; color:#a4a4a4; font-size:12px;}
#footer address span{padding-left:10px;}
#footer address dd a{color:#fff;}
#footer .footer_site{position:absolute;right:30px; top:20px;width:460px;text-align:right;}
#footer .familysite{position:relative;margin:0 0 0 4px;width:217px;z-index:7;display:inline-block;text-align:left;}
#footer .familysite .my_value{position:relative;border:1px solid #bbb; left:0;top:0;z-index:2;width:217px;margin:0;padding:0;line-height:37px;height:37px;color:#fff;text-align:left;background:#2b2b2b;text-indent:25px;font-size:13px;}
#footer .familysite .my_value:after{content:"";display:block;position:absolute;right:16px;top:12px;width:12px;height:12px;background:url("/img/common/ico.png") no-repeat -150px -50px;}
#footer .familysite .my_value.familysiteed{font-weight:bold;}
#footer .familysite.open .my_value,.familysite .my_value.outLine{border:1px solid #999;}
#footer .familysite ul{overflow:hidden;position:absolute;left:0;bottom:37px;width:217px;list-style:none;border:0;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;background:#2b2b2b;text-align:left;}
#footer .familysite ul{display:none;}
#footer .familysite.open ul{display:block;}
#footer .familysite li{overflow:hidden;position:relative;height:35px;line-height:34px;border-left:1px solid #2b2b2b;border-right:1px solid #2b2b2b;white-space:nowrap;}
#footer .familysite li a{font-size:13px; display:block;height:35px;line-height:34px;background:#2b2b2b;text-decoration:none; text-indent:25px;color:#fff;}
#footer .familysite li.hover *{background:#111;color:#fff;}




/********************************** Media Queries **********************************/
@media all and (min-width:1101px) and (max-width:4000px) {
.gnb_shadow{display:block !important;}/*중요*/
.ie6 #wrap, .ie7 #wrap { min-width:1100px; }
.fixing {max-width:1100px; min-width:1100px;}
}

@media all and (max-width:999px){
body {background:none;}
.ie6 #wrap, .ie7 #wrap {min-width:100%; }
.fixing {max-width:100%; min-width:100%;}
#header h1.top_logo {padding-top:15px;width:240px; position:relative; margin:0 auto; z-index:10; }
#header h1.top_logo a {width:240px; height:53px; background-size:100%;}
#header .left_etc_navi {top:20px; left:5px;}
#header .right_etc_navi{display:none;}


.border1{display:none; }
#header .border_frame .fixing {height:75px;}

/* 상단 메인메뉴 */
a.mobile_close_btn,  a.mobile_open_btn{font-size:13px;padding:15px 7px 7px 7px;display:block ; position:absolute; right:10px; top:20px; visibility:visible !important; background:#86487d url(/img/common/ble_menu_blt.png) center 12px no-repeat; width:40px; height:40px;}
a.mobile_close_btn:hover,  a.mobile_open_btn:hover{text-decoration:none; background:#6f3166 url(/img/common/ble_menu_blt.png) center 12px no-repeat; text-decoration:underline;}
#header .gnb_shadow {z-index:2;display:none; height:1100px !important; top:75px; padding-bottom:0; background-image:none; }
#header .gnb_frame {background-color:#fff; padding-bottom:10px; }
#header .gnb_frame .fixing { height:auto; background-image:none; }
#header .gnb_frame .fixing #gnb { overflow:hidden; padding-bottom:0 !important; width:100% !important; margin:0 auto !important; }
#header .gnb_frame .fixing #gnb ul.gnb_group { float:left; width:100% !important; margin-left:0 !important; margin-right:0 !important; }
#header .gnb_frame .fixing #gnb li.loop { clear:both !important; float:none !important; width:100% !important; height:auto !important; margin-top:0 !important; margin-left:0 !important; }
#header .gnb_frame .fixing #gnb li.loop.gnbSub1,  #header .gnb_frame .fixing #gnb li.loop.gnbSub5,  #header .gnb_frame .fixing #gnb li.loop.gnbSub6 { width:100% !important; }
#header .gnb_frame .fixing #gnb li h2 a {background:#6f3166; border-right:0; display:inline-block; width:100%; text-align:left; padding:7px 10px 10px 10px; height:auto; line-height:20px;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub1 h2 a{border-left:0;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub7{display:block;}

/*
#header .gnb_frame .fixing #gnb li h2 a { display:block; color:#0d4b97; font-size:17px; border-bottom:0; background-color:#f9f9f9; border-top:1px solid #e5e4e4; border-bottom:1px solid #e5e4e4;}
#header .gnb_frame .fixing #gnb li h2 a:hover { color:#fff;}
*/
#header .gnb_frame .fixing #gnb li h2 a span { display:block; padding:0;}
#header .gnb_frame .fixing #gnb li .gnbSub {overflow:hidden; margin-top:0 !important; width:100% !important; display:block !important;padding:5px 0px 10px 0px; background-color:#ffffff; height:auto; }
#header .gnb_frame .fixing #gnb li .gnbSub p a {margin-left:5px; display:block; width:45%; float:left; font-size:13px; line-height:27px; }
#header .gnb_frame .fixing #gnb li .gnbSub p a span {}
.g30{margin-top:-10px; width:60px;}


#header .gnb_frame .fixing #gnb li.loop.gnbSub2 .gnbSub{background:#86487d;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub3 .gnbSub{background:#86487d;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub4 .gnbSub{background:#86487d;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub5 .gnbSub{background:#86487d;}
#header .gnb_frame .fixing #gnb li.loop.gnbSub7 .gnbSub{background:#86487d;}




#footer{width:100%; padding:3% 4% 3% 4%;}



}


@media all and (max-width:720px) {

#header .gnb_frame .fixing #gnb li p a span{font-weight:400;}
#header h1.top_logo {padding-top:0; position:absolute; left:10px; top:15px;}

#header .left_etc_navi{display:none;}



}
@media all and (max-width:640px) {
a.mobile_close_btn,  a.mobile_open_btn{top:18px;}
#header h1.top_logo {width:230px;}
#header h1.top_logo a {width:230px; height:51px; background-size:100%;}

.line-none a{background:none !important;}


#footer{width:100%; padding:4% 4% 3% 4%;}

.footer_site{display:none;}

}
@media all and (max-width:400px) {
#footer span{display:block}
}

@media all and (max-width:320px) {


}