@charset "utf-8";
/*@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#wrap{min-width:1000px;}

/*스킵메뉴*/
.header_w_bg{background-color:#ffffff; background:url('/img/logo_bg.gif') repeat-x;}
#skipnav{overflow:hidden;position:relative;width:100%; text-align:center;}
#skipnav a{display:block;overflow:hidden;height:0px;width:100%;margin:0;font-size:0;line-height:0;}
#skipnav a:hover,#skipnav a:active,#skipnav a:focus{width:auto;height:32px;margin:0;padding:15px 0 0 15px;background:#def;font-size:14px;font-weight:bold;line-height:1;color:#000;outline:none}

/*---------- header ----------*/
#header_wrap{margin:0 auto; width:1000px;}
#logo{float:left;}
#logo>p{height:90px;}
#tnb{float:right; margin-top:48px; width:240px;}
.util{float:left; width:168px;}
.util>li{float:left; padding:0 8px; background:url("/img/tnb_gb.gif") no-repeat 0 5px; }
.sns{float:left; width:72px;}
.sns>li{float:left; padding-right:10px;}
/*gnb메뉴*/
#gnb{position:relative; background:url('/img/gnb_bg.gif') repeat-x;}
#gnb>ul{margin:0 auto; width:1000px;}
#gnb>ul>li{float:left; position:relative; z-index:1; height:46px;}
.gnbs_lst{position:relative; z-index:2; padding:18px 0 0 28px; width:137px; height:167px; border-left:1px solid #515151;}
.gnbs_bd{border-right:1px solid #515151;}
.gnbs_lst>li{float:none; position:relative; z-index:1; padding-bottom:5px;}
.gnbs_lst>li>a{color:#ddd;}
.gnbs_lst>li>a:hover{color:#e9b733;}

.gnbs_close{position:absolute; z-index:2; right:0px;; top:184px;}
.gnb_bg{position:relative; left:0; top:0px; z-index:0; width:100%; height:185px; background:url("/img/gnb_sub_bg.gif") repeat-x;}

/*---------- mcontainer ----------*/
#mcontainer{position:relative; z-index:5; padding:27px 0 27px 0; background:url("/img/main_bg.gif") repeat 0 0;}
#mcontainer_wrap{margin:0 auto; width:1000px;}

#m1{float:left; width:193px; margin-bottom:7px;}
#m2{float:left; padding-left:7px; width:800px;}
#m3{float:left; padding-left:7px; width:193px;}
#m4{clear:both; width:1000px;}

#m1_1{position:relative; margin-bottom:7px;}
.m1_1_b{width:191px; height:416px; border:1px solid #d9d9d9;}
#m1_1_b1{width:191px; height:416px; overflow:hidden;}
#m1_1_b1>li{float:left;}
.m1_1_arrow{position:absolute; left:1px; bottom:1px;}

#m2_1{position:relative; margin-bottom:7px;}
#m2_1 p.m2_1_play{position:absolute; left:50%; top:50%; margin-left:-62px; margin-top:-63px;}


#m2_2{float:left; position:relative; margin-right:7px; width:394px; height:118px; background-color:#fff; border:1px solid #d9d9d9;}
#m2_2>h2{padding:16px 0 14px 20px; height:15px;}
#m2_2_m{margin-left:20px; width:358px; height:60px; overflow:hidden; }
#m2_2_m>div{float:left; width:358px; height:60px; }
#m2_2_m>div>p.m2_2_1{float:left; width:87px;}
.m2_2_2{float:left;padding-left:13px; width:255px;}
.m2_2_2>h3{font-weight:bold; margin-bottom:7px; margin-top:5px;}
.m2_2_2>h3>a:hover,.m2_2_t>a:hover{text-decoration:none; }
.m2_2_arrow{position:absolute; right:19px; top:14px;}


#m2_3{float:left; width:395px; height:118px; background-color:#fff; border:1px solid #d9d9d9;}
#m2_3>dl{position:relative; padding:16px 0 0 20px;}
#m2_3>dl>dt.m2_3_1{position:absolute; left:20px; top:14px; padding-right:19px; width:40px; height:18px; background:url("/img/m_5_1bar.gif") no-repeat 46px 0;}
#m2_3>dl>dt.m2_3_2{position:absolute; left:78px; top:14px; height:27px; }
#m2_3>dl>dd{float:left; margin-top:28px;}
#m2_3>dl>dd>ul>li{padding-left:6px; background:url("/img/m_5_1_list.gif") no-repeat 0 7px;}
#m2_3>dl>dd>ul>li>a{text-decoration:none;}
#m2_3>dl>dd>p.m2_3_1ar{position:absolute; right:19px; top:14px; width:18px;}

#m3_1{margin-bottom:7px;}
#m3_1>ul>li{line-height:0; font-size:0;}
#m3_1>ul>li>a{line-height:0;}

#m4{position:relative; width:1000px; height:177px; background:url("/img/m_7_bg.gif") no-repeat 0 0;}
#m4>dl{margin-left:20px; padding-top:19px;}
#m4>dl>dt{float:left; padding-top:5px; width:105px;}
#m4>dl>dd{float:left;}
#m4>dl>dd>ul{margin-left:96px; width:772px;}
#m4>dl>dd>ul>li{float:left; padding-right:16px; background:url("/img/m_7_on.png") no-repeat 0px 0;}
#m4>dl>dd>ul{position:relative; height:139px; overflow:hidden;}

.m4_bn{position:absolute; left:0px; bottom:-95px; padding-top:9px; width:177px; height:123px; overflow:hidden; background:url("/img/m_7_on.png") no-repeat 0 0; text-align:center;}
.m4_bn.no2{left:193px;}
.m4_bn.no3{left:386px;}
.m4_bn.no4{left:579px;}
.m4_bn p{color:#fff; cursor:default;}
.m4_b{padding-bottom:7px; font-weight:bold; color:#fff; }
.m4_m{padding-top:28px; color:#fff;}
.m4_m>a,.m4_m>a:link,.m4_m>a:hover{color:#fff; text-decoration:underline;}

/*---------- sub_page ----------*/
#container{padding:27px 0 32px 0; background:url("/img/main_bg.gif") repeat 0 0; position:relative; z-index:5;}
#container_wrap{margin:0 auto; width:998px; background:url("/img/sub_bg.gif") no-repeat 0 0; background-color:#fff; border:1px solid #dbdbdb}
#lnb_st{float:left; width:223px;}
#cont_st{float:left; width:773px; border-left:1px solid #ddd;}

/* lnb_st */
#lnb{margin:32px 19px 0 19px;}
#lnb>h2{margin:0 0 34px 3px;}
#lnb>ul>li{padding:10px 0 4px 6px; border-bottom:1px solid #d9d9d9; color:#8c8c8c;}
#lnb>ul>li>a{width:178px; display:inline-block; background:url("/img/lnb_btn_off.png") no-repeat 162px 5px; }
#lnb>ul>li>a:hover,.lnb_on>a{background:url("/img/lnb_btn_on.png") no-repeat 162px 5px; text-decoration:none; color:#415600; font-weight:bold; }
#lnb>ul>li.lnb_on>a{text-decoration:none; background:url("/img/lnb_btn_on.png") no-repeat 162px 5px; color:#415600; font-weight:bold; }
#lnb_st>div#lnb_bn{margin:36px 19px 0 19px;}
#lnb_st>div#lnb_bn>img{padding-bottom:13px;}

/* cont_st */
#tit_st{margin:0 auto; padding:20px 0 12px 0; width:725px; }
#tit_st h3{font:bold 24px 'Nanum Gothic',dotum,arial,"맑은고딕",sans-serif; color:#222222;  letter-spacing:-0.5px;}
#cont_site_m  h3{font:bold 18px 'Nanum Gothic',dotum,arial,"맑은고딕",sans-serif; color:#222222;  letter-spacing:-0.5px;}
#tit{float:left; padding-top:21px;}
#navi{float:right;}
#navi>ol>li>span{padding:0 4px 0 4px; color:#8c8c8c;}
#navi>ol>li{float:left; color:#8c8c8c;}
.navi_h{padding-left:16px; background:url("/img/navi_home.gif") no-repeat 0 4px;}
#navi ol li.navi_fc{color:#2c2c2c;}

#cont{padding:0 25px 115px 25px;}

/*---------- footer ----------*/
#footer{position:relative; z-index:7; ;}
#footer_wrap{margin:0 auto; padding:24px 0 30px 0; width:1000px;}
#footer_wrap>p{float:left; padding:3px 0 0 9px;}
#fnb_wrap{float:left; /*padding-left:56px;*/ padding-left:40px;}
#fnb_wrap a{color:#666; font-weight:bold;}
.fnb{padding-bottom:13px;}
.fnb>ul>li{float:left; }
.fnb>ul>li>a{color:#666;}
.fnb_1{padding-right:27px; background:url("/img/fnb_bar.gif") no-repeat 161px 4px;}
.addr address ,.addr address span, .addr p{color:#7a7a7a;}
.addr address span{padding-left:27px; background:url("/img/fnb_bar.gif") no-repeat 13px 1px;}

#family_site{float:right; margin:-5px 16px 0 0;}
.select_open{width:134px;}
.family_list{position:absolute; left:0; bottom:25px; padding:4px 0 4px 0px; width:134px; background-color:#414751; border:1px solid #3a3f49;}