@charset "utf-8";

#lnb_hm{display:none;}

div[id^="summary"]{position:absolute;left:0;top:20px;width:250px;text-align:left;color:#e2e3e3;z-index:10;}
div[id^="summary"] strong{font-weight:700;font-size:35px;color:#45495b}
div[id^="summary"] p{font-size:14px;color:#666;letter-spacing:-1px;line-height:18px}
div[id^="summary"] strong{font-size:35px}

#location{position:relative;margin-bottom:40px;width:100%;border-bottom:1px solid #efefef;}
#navigate{position:relative;}
#location *{vertical-align:middle;}
#location:after{content:"";display:block;clear:both;visibility:hidden;}
#location h1{display:inline-block;margin:0 0 5px;color:#010101;font-size:26px;line-height:1.2;}
#location .dir{position:absolute;bottom:14px;right:65px;z-index:10;}
#location .dir *{vertical-align:middle;}
#location .dir span{display:inline-block;padding-left:15px;margin-left:3px;background:url(/images/common/location_arr.png) no-repeat 0 45%;color:#666;font-size:13px;line-height:1.2;}
#location .dir .home{margin:0;padding-left:22px;width:auto;background:url(/images/common/navi_home.png) no-repeat 0 1px;line-height:1.2;}
#location .dir .current{text-decoration:underline;}
.ir{background:url(/images/common/ir-tmpl.png) no-repeat}
.ir-tmpl.sns,.ir-tmpl.print{background:url(/images/common/ir-tmpl.png) no-repeat}
.location_buttons_box{position:relative;float:right;margin:0 0 10px;height:27px;vertical-align:middle;}
.location_buttons_box:after{content:"";display:block;clear:both;visibility:hidden;}
.location_buttons_box .ir{display:inline-block;float:left;margin-left:3px;width:27px;height:27px;font-size:0;}
.location_buttons_box .sns{background-position:-63px -260px;}
.location_buttons_box .sns.ov,
.location_buttons_box .sns:active{background-position:-33px -260px;}
.location_buttons_box .print{background-position:-93px -260px;}

.sns_btn{display:inline;}
#naviSNS{position:absolute;top:34px;right:27px;width:98px;height:33px;padding:3px;border:1px solid #efefef;background-color:#fff;border-radius:50px;}
#naviSNS a{display:inline-block;width:27px;height:27px;font-size:0;}
#naviSNS .fb{background-position:0px -289px;}
#naviSNS .tw{background-position:-93px -289px;}
#naviSNS .ks{background-position:-62px -289px;}
#naviSNS .bk{background-position:-32px -289px;}
#txt{width:100%;}

#svisual{display:block;position:relative;height:180px;background-color:#454950;background-repeat:no-repeat;background-size:cover;}
.local-background-01{background-image:url(/images/common/svisual_bg_1.jpg);}
.local-background-03{background-image:url(/images/common/svisual_bg_3.jpg);}
.local-background-04{background-image:url(/images/common/svisual_bg_4.jpg);}
.local-background-05{background-image:url(/images/common/svisual_bg_5.jpg);}
.local-background-06{background-image:url(/images/common/svisual_bg_6.jpg);}
.local-background-07{background-image:url(/images/common/svisual_bg_7.jpg);}
.local-background-em{background-image:url(/images/common/svisual_bg_7.jpg);}
#svisual h1{padding-top: 90px;margin-right:25px;color: #fff;font-size: 30px;font-weight: 600;font-family: 'nsr';}
#svisual span{display: block;padding-top:0;color: #fff;font-size:15px;line-height:24px}
#svisual span:before{content:"";display:inline-block;width:3px;height:12px;margin-right:5px;background-color:#911c1f}

#menulocate{display:none}

@media(min-width:640px){
	#svisual{height:350px;padding-left:20px}
	#svisual h1{padding-top:165px;font-size:38px}
	#svisual span{font-size:15px}
    #menulocate{display:block;position:absolute;top:180px;left:auto;right:10px;width:auto;}
    #menulocate a{display:block;/*height:59px*/;padding:10px 20px;border:1px solid #ddd8d3;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    #menulocate a *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    #menulocate a[data-control="prev"],
    #menulocate a[data-control="prev"]:hover{border-right:0;}
    /*
    #menulocate a:before,
    #menulocate a:after{content:"";display:inline-block;position:absolute;top:0;width:31px;height:60px;background:url(/images/kor/common/menulocate.png) no-repeat}
    */
    #menulocate a[data-control="prev"]{padding-left:70px;}
    #menulocate a[data-control="prev"]:before{content:"";display:inline-block;overflow:hidden;position:absolute;top:7px;left:15px;width:31px;height:60px;background:url(/images/kor/common/menulocate.png) no-repeat}
    #menulocate a[data-control="next"]{padding-right:70px;}
    #menulocate a[data-control="next"]:after{content:"";display:inline-block;overflow:hidden;position:absolute;top:7px;right:15px;width:31px;height:60px;background:url(/images/kor/common/menulocate.png) no-repeat -50px 0}
    #menulocate a.ov{background:#454950;border:1px solid #454950}


    #menulocate a div{display:block;font-size:20px;line-height:1.3;vertical-align:middle;color:#fff}
    #menulocate a div span{display:block;font-size:13px}
    #menulocate a div span:before{display:none}
    #menulocate a.ov div{font-size:20px;opacity:0.7}
    #menulocate a.ov span{font-size:13px;opacity:0.5}

    #menulocate a[data-control="prev"]{float:left}
    #menulocate a[data-control="next"]{float:right}
    /*
    #menulocate a[data-control="prev"]{float:left}
    #menulocate a[data-control="prev"]:before{margin-right:7px;background-position:0 0}

    #menulocate a[data-control="next"]{float:right}
    #menulocate a[data-control="next"]:after{margin-left:7px;background-position:-50px 0}

    #menulocate a[data-control="prev"]:after,
    #menulocate a[data-control="next"]:before{display:none}

    */
}

#remote{position:relative;z-index:10;float:right;width:16%;}
#content{float:left;width:78%;margin:30px 0}

#remote h1{height:142px;text-align:center;border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;}
#remote h1:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#remote h1 span{display:inline-block;vertical-align:middle;font-size:0;width:87px;height:86px;background:url(/images/common/nav-logo.png)no-repeat}

#lnb{border:#b7b7b7 solid;border-width:0 1px 1px}
#lnb li{border-top:1px solid #b7b7b7}
#lnb li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;}
#lnb li span{position:absolute;right:19px;top:50%;width:11px;height:11px;background-image:url(/images/common/icon_lnb.png)}
#lnb .th2{}
#lnb .th2>a{padding:15px 30px 15px 15px}
#lnb .th2 .link_2th{}
#lnb .th2 .link_2th_ov{background-color:#45495b;color:#fff}
#lnb .th2 .link_2th span{background-position:0 0}
#lnb .th2 .link_2th_ov span{background-position:0 -50px}
#lnb .th3{display:none;padding:25px 16px;background-color:#f9f9f9}
#lnb .th3 li{border-top:none;}
#lnb .th3 li a{margin-bottom:2px;padding:3px 0;padding-right:30px;background-position:0 0;font-size:14px;word-wrap:break-word;word-break:keep-all;}
#lnb .th3 li span{top:10px;right:0;}
#lnb .th3 .link_3th{}
#lnb .th3 .link_3th_ov{color:#da3b2a}
#lnb .th3 .link_3th span{background-position:0 -100px}
#lnb .th3 .link_3th_ov span{background-position:0 -150px}



/* ?�이?�웃 */

.js_mobile_check{display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}



/* 공통 */
.user #wrap,
.user#main #header h1,
.user#main #header #etc ul li a,
.user#main #header .all_menu,
.user#main #header .all_menu .btns,
.user#main #header .user_menu .btns,
.user#main #header .user_menu .cons,
.user#main #header .user_menu .cons .tab_view li a,
.user#main #header .user_menu .cons .tes ul li a,
.user#main #header .menu ul li a,
.user#main #header .menu ul li ul li a:after,
.user#main #visual .arrow_left, 
.user#main #visual .arrow_right,
.user#main #visual,
.user#main #visual .controll [class*="btn_"],
.user#main #visual [class*="view_"],
.user#main #visual .fix_box .bodos,
.user#main #visual .view_01 .titles,
.user#main #visual .view_02 .lists,
.user#main #visual .view_02 .btns,
.user#main #visual .view_03 .lists,
.user#main #visual .view_03 ul li .lay,
.user#main #visual .view_03 ul li .tis,
.user#main #visual .view_03 ul li .tes,
.user#main #visual .fix_box .sosic,
.user#main #visual .fix_box .sosic .tis,
.user#main #visual .fix_box .sosic .btn_left,
.user#main #visual .fix_box .sosic .btn_right,
.user#main #container #box_01 .item_01 .cons,
.user#main #container #box_01 .item_01 p,
.user#main #container #box_01 .item_01 ul li a,
.user#main #container #box_01 .item_02 ul li a,
.user#main #container #box_02 .titles ul,
.user#main #container #box_02 .titles ul li,
.user#main #container #box_02 .titles ul li a,
.user#main #container #box_02 .photos li a,
.user#main #container #box_02 .photos li a .photos span img,
.user#main #container #box_02 [id*="boxtab_"] .more,
.user#main #container #box_03 [class*="item_"] .over .tes,
.user#main #container #box_03 [class*="item_"] .over .tes ul li a,
.user#main #footer .tes .select_group .select a,
.user#main #footer .tes .select_group .select ul,
.user #slide_map .slide_map_close,
.user #slide_map .btn_etc a,
.user #slide_map .slide_map_close
{
    transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
}

/* 공통 */
.js_mobile_check{display:none;}
body{overflow-x:hidden;  position:relative; height:auto;}
.user #wrap{font-family:"Nanum Square";}
.user #txt{font-family:"Noto Sans KR";}
.user #wrap{}
.user #wrap .layout{position:relative; width:100%; max-width:1340px; height:100%; margin:0 auto; box-sizing:border-box;}
.mCSB_container{margin-right:0px !important;}

.mobile_head{display:none}

/* layout */
.user#main #header{position:absolute; left:0; top:0; z-index:99; width:100%; height:106px;}
.user#main #header .layout{height:100%; background:url(/images/kor/layout/header_bg.gif) repeat-x left top;}
.user#main #header h1{overflow:hidden; position:absolute; left:0; top:43px; z-index:10; width:210px; height:63px; text-indent:-1000px; }
.user#main #header h1 a{display:block; width:100%; height:100%;background:url(/images/kor/layout/logo.png) no-repeat left top;font-size:0;}
.user#main #header #tnb{position: absolute;top:9px;right:125px;z-index:999;}
.user#main #header #tnb li{float:left;}
.user#main #header #tnb li a{display:inline-block;margin-left:10px;vertical-align:middle;color:#fff;font-size:13px;background-color:#444;border-radius:20px;padding: 2px 9px 2px 7px;min-height: 28px;line-height: 23px;}
.user#main #header #tnb li .tnb_ico{display:inline-block;width:23px;height:23px;background: url(/images/kor/layout/tnb_ico.png) no-repeat;border-radius:50%;vertical-align:middle;}
.user#main #header #tnb li .tnb_ico.ico1{background-position:0 0}
.user#main #header #tnb li .tnb_ico.ico2{background-position:-23px 0}
.user#main #header #tnb li .tnb_ico.ico3{background-position:-46px 0}
.user#main #header #tnb li .tnb_ico.ico4{background-position:-66px -1px}

.user#main #header #tnb li a:hover,
.user#main #header #tnb li a:focus,
.user#main #header #tnb li a:active{color:#fff;}
.user#main #header #etc{position:relative; height:43px; text-align:right;}
.user#main #header #etc .sitelink{display:inline-block; position:absolute; left:0; top:9px; line-height:25px; padding-left:30px; text-align:left; font-size:14px; color:#fff; background:url(/images/kor/layout/site_bul.png) no-repeat left center;}
.user#main #header #etc ul{overflow:hidden; display:inline-block; margin-top:9px; text-align:left;}
.user#main #header #etc ul li{float:left; padding-left:5px;}
.user#main #header #etc ul li a{overflow:hidden; display:block; width:25px; height:25px; text-indent:-1000px; background-repeat:no-repeat; background-position:center center;}
.user#main #header #etc ul li.icon_01 a{background-image:url(/images/kor/layout/site_t.png);}
.user#main #header #etc ul li.icon_01 a:hover{background-image:url(/images/kor/layout/site_t_on.png);}
.user#main #header #etc ul li.icon_02 a{background-image:url(/images/kor/layout/site_f.png);}
.user#main #header #etc ul li.icon_02 a:hover{background-image:url(/images/kor/layout/site_f_on.png);}
.user#main #header #etc ul li.icon_03 a{background-image:url(/images/kor/layout/site_en.png);}
.user#main #header #etc ul li.icon_03 a:hover{background-image:url(/images/kor/layout/site_en_on.png);}
.user#main #header #etc ul li.icon_04 a{background-image:url(/images/kor/layout/site_cn.png);}
.user#main #header #etc ul li.icon_04 a:hover{background-image:url(/images/kor/layout/site_cn_on.png);}


.user#main #header .menu{overflow:hidden; position:relative; z-index:0; width:100%; height:100%; padding:0px 203px 0px 300px; font-family:"Noto Sans KR"; box-sizing:border-box;}
.user#main #header .menu .arrow{
    display:block; position:absolute; left:0; top:61px; width:10px; height:2px; line-height:1px; font-size:1px; background-color:#fff;
    border-radius:1px;
    -webkit-border-radius:1px;
} 
.user#main #header .menu .tmenu_ti{position:absolute; left:0; top:55px; z-index:10; width:320px; height:100%; line-height:41px; padding:65px 45px; text-align:left; font-size:36px; color:#f0f0f0; background:url(/images/kor/layout/gnb_bg.png) no-repeat left bottom; box-sizing:border-box;}
.user#main #header .menu .tmenu_ti em{display:block; line-height:31px; padding-bottom:5px; font-style:normal; font-size:30px;}
.user#main #header .menu .tmenu_ti span{display:block; line-height:16px; padding-top:24px; font-size:15px; color:#c7c7c7;}
.user#main #header .menu ul{width:100%; text-align:center}
.user#main #header .menu ul li{display:inline-block; text-align:center;}
.user#main #header .menu ul li a{display:block; line-height:63px; padding:0px 13px; font-size:17px; color:#fff;}
.user#main #header .menu ul li a *{vertical-align:middle}
.user#main #header .menu ul li ul{display:none;position:absolute; left:0; top:64px; z-index:0; width:100%; padding-left:320px; text-align:left; box-sizing:border-box;}
.user#main #header .menu ul li ul li{display:block; position:relative; min-height:50px; padding-left:218px; text-align:left; border-top:1px solid #303237;}
.user#main #header .menu ul li ul li:first-child{border-top:none;}
.user#main #header .menu ul li ul li a{display:block; position:absolute; left:0; top:0; width:218px; height:100%; line-height:16px; padding:15px 10px 15px 40px; margin:0; text-decoration:none; font-size:15px; color:#fff; background-color:#33373e; box-sizing:border-box;}
.user#main #header .menu ul li ul li:hover a,
.user#main #header .menu ul li ul li a.on,
.user#main #header .menu ul li ul li a.on:hover{background-color:#1e2229;}
.user#main #header .menu ul li ul li a:after{opacity:0; content:""; display:block; position:absolute; left:212px; top:50%; width:13px; height:15px; margin-top:-7px; background:url(/images/kor/layout/gnb_focus.png) no-repeat center center;}
.user#main #header .menu ul li ul li:hover a:after,
.user#main #header .menu ul li ul li a.on:after{opacity:1;}
.user#main #header .menu ul li ul li ul{overflow:hidden; display:block; position:relative; left:auto; top:auto; width:100%; padding:13px 10px;}
.user#main #header .menu ul li ul li ul li{display:block; float:left; min-height:10px; padding:0; border-top:none;}
.user#main #header .menu ul li ul li ul li a{position:relative; left:auto; top:auto; width:auto; line-height:20px; padding:0 13px; font-size:14px; color:#ddd; background-color:transparent;}
.user#main #header .menu ul li ul li:hover ul li a{background-color:inherit;}
.user#main #header .menu ul li ul li ul li a:after{display:none; content:none;}
.user#main #header .menu ul li ul li ul li a:hover{text-decoration:underline;}

.user#main #header .all_menu,
.user#main #header .search_menu,
.user#main #header .user_menu{position:absolute; top:44px; z-index:10; width:63px; height:62px;}

.user#main #header .all_menu{right:126px;}
.user#main #header .search_menu{right:63px;font-size:0}
.user#main #header .user_menu{right:0px;}
.user#main #header .all_menu .btns,
.user#main #header .user_menu .btns,
.user#main #header .search_menu #open_sc{overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.user#main #header .all_menu .btns{background-image:url(/images/kor/layout/icon_all_menu.png);}
.user#main #header .user_menu .btns{background-image:url(/images/kor/layout/icon_user.png);}
.user#main #header .search_menu #open_sc{background-image:url(/images/kor/layout/icon_search.png);}
.user#main #header .all_menu .btns:hover,
.user#main #header .all_menu.on .btns,
.user#main #header .user_menu .btns:hover,
.user#main #header .user_menu.on .btns{background-color:#450b0d;}
.user#main #header .user_menu .cons{display:none; position:absolute; right:0; top:62px; width:494px; height:775px; padding:54px 52px; background-color:#450b0d; box-sizing:border-box;}
.user#main #header .user_menu .cons .tab_view{overflow:hidden;}
.user#main #header .user_menu .cons .tab_view li{float:left; margin-right:5px;}
.user#main #header .user_menu .cons .tab_view li a{
    display:block; width:120px; height:37px; line-height:34px; text-align:center; text-decoration:none; font-size:15px; border:3px solid #612f31; border-bottom:none; color:#c4bbbb; box-sizing:border-box;
    padding-top:5px;
    border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
}
.user#main #header .user_menu .btns{background:none;font-size: 13px;color: #fff;text-indent: 0;text-align: center;line-height: 17px;padding: 14px 5px;}
.user#main #header .user_menu .cons .tab_view li.on a{border-color:#dacecf; color:#d8d2d2;}
.user#main #header .user_menu .cons .tis{padding-bottom:32px; background:url(/images/kor/layout/main_slide_bg.png) no-repeat center bottom;}
.user#main #header .user_menu .cons .tis em{display:block; padding-top:30px; margin:0px 0px 10px 0px;}
.user#main #header .user_menu .cons .tis em img{vertical-align:top;}
.user#main #header .user_menu .cons .tis strong{display:inline-block; font-weight:500; font-size:40px; color:#fff;}
.user#main #header .user_menu .cons .tis span{display:inline-block; font-weight:normal; font-size:14px; color:#b2a5a6;line-height:1.2}
.user#main #header .user_menu .cons .tes{margin-top:20px;}
.user#main #header .user_menu .cons .tes ul{overflow:hidden;}
.user#main #header .user_menu .cons .tes ul li{float:left; width:25%; height:125px;}
.user#main #header .user_menu .cons .tes ul li a{display:block; width:100%; height:100%; padding-top:75px; text-decoration:none; text-align:center; font-size:14px; color:#e2dede; background-repeat:no-repeat; background-position:center top; box-sizing:border-box;}
.user#main #header .user_menu .cons .tes ul li.icon_01 a{background-image:url(/images/kor/layout/main_icon_01.png);}
.user#main #header .user_menu .cons .tes ul li.icon_01 a:hover{background-image:url(/images/kor/layout/main_icon_01_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_02 a{background-image:url(/images/kor/layout/main_icon_02.png);}
.user#main #header .user_menu .cons .tes ul li.icon_02 a:hover{background-image:url(/images/kor/layout/main_icon_02_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_03 a{background-image:url(/images/kor/layout/main_icon_03.png);}
.user#main #header .user_menu .cons .tes ul li.icon_03 a:hover{background-image:url(/images/kor/layout/main_icon_03_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_04 a{background-image:url(/images/kor/layout/main_icon_04.png);}
.user#main #header .user_menu .cons .tes ul li.icon_04 a:hover{background-image:url(/images/kor/layout/main_icon_04_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_05 a{background-image:url(/images/kor/layout/main_icon_05.png);}
.user#main #header .user_menu .cons .tes ul li.icon_05 a:hover{background-image:url(/images/kor/layout/main_icon_05_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_06 a{background-image:url(/images/kor/layout/main_icon_06.png);}
.user#main #header .user_menu .cons .tes ul li.icon_06 a:hover{background-image:url(/images/kor/layout/main_icon_06_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_07 a{background-image:url(/images/kor/layout/main_icon_07.png);}
.user#main #header .user_menu .cons .tes ul li.icon_07 a:hover{background-image:url(/images/kor/layout/main_icon_07_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_08 a{background-image:url(/images/kor/layout/main_icon_08.png);}
.user#main #header .user_menu .cons .tes ul li.icon_08 a:hover{background-image:url(/images/kor/layout/main_icon_08_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_09 a{background-image:url(/images/kor/layout/main_icon_09.png);}
.user#main #header .user_menu .cons .tes ul li.icon_09 a:hover{background-image:url(/images/kor/layout/main_icon_09_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_10 a{background-image:url(/images/kor/layout/main_icon_10.png);}
.user#main #header .user_menu .cons .tes ul li.icon_10 a:hover{background-image:url(/images/kor/layout/main_icon_10_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_11 a{background-image:url(/images/kor/layout/main_icon_11.png);}
.user#main #header .user_menu .cons .tes ul li.icon_11 a:hover{background-image:url(/images/kor/layout/main_icon_11_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_12 a{background-image:url(/images/kor/layout/main_icon_12.png);}
.user#main #header .user_menu .cons .tes ul li.icon_12 a:hover{background-image:url(/images/kor/layout/main_icon_12_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_13 a{background-image:url(/images/kor/layout/main_icon_13.png);}
.user#main #header .user_menu .cons .tes ul li.icon_13 a:hover{background-image:url(/images/kor/layout/main_icon_13_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_14 a{background-image:url(/images/kor/layout/main_icon_14.png);}
.user#main #header .user_menu .cons .tes ul li.icon_14 a:hover{background-image:url(/images/kor/layout/main_icon_14_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_15 a{background-image:url(/images/kor/layout/main_icon_15.png);}
.user#main #header .user_menu .cons .tes ul li.icon_15 a:hover{background-image:url(/images/kor/layout/main_icon_15_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_16 a{background-image:url(/images/kor/layout/main_icon_16.png);}
.user#main #header .user_menu .cons .tes ul li.icon_16 a:hover{background-image:url(/images/kor/layout/main_icon_16_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_17 a{background-image:url(/images/kor/layout/main_icon_17.png);}
.user#main #header .user_menu .cons .tes ul li.icon_17 a:hover{background-image:url(/images/kor/layout/main_icon_17_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_18 a{background-image:url(/images/kor/layout/main_icon_18.png);}
.user#main #header .user_menu .cons .tes ul li.icon_18 a:hover{background-image:url(/images/kor/layout/main_icon_18_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_19 a{background-image:url(/images/kor/layout/main_icon_19.png);}
.user#main #header .user_menu .cons .tes ul li.icon_19 a:hover{background-image:url(/images/kor/layout/main_icon_19_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_20 a{background-image:url(/images/kor/layout/main_icon_20.png);}
.user#main #header .user_menu .cons .tes ul li.icon_20 a:hover{background-image:url(/images/kor/layout/main_icon_20_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_21 a{background-image:url(/images/kor/layout/main_icon_21.png);}
.user#main #header .user_menu .cons .tes ul li.icon_21 a:hover{background-image:url(/images/kor/layout/main_icon_21_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_22 a{background-image:url(/images/kor/layout/main_icon_22.png);}
.user#main #header .user_menu .cons .tes ul li.icon_22 a:hover{background-image:url(/images/kor/layout/main_icon_22_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_23 a{background-image:url(/images/kor/layout/main_icon_23.png);}
.user#main #header .user_menu .cons .tes ul li.icon_23 a:hover{background-image:url(/images/kor/layout/main_icon_23_on.png); background-position:center -5px;}
.user#main #header .user_menu .cons .tes ul li.icon_24 a{background-image:url(/images/kor/layout/main_icon_24.png);}
.user#main #header .user_menu .cons .tes ul li.icon_24 a:hover{background-image:url(/images/kor/layout/main_icon_24_on.png); background-position:center -5px;}

.user#main #header .user_menu.on .cons{display:block;}

#topkeyword{display:none;position:absolute;top:44px;width:100%;z-index:999;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#topkeyword.hiddenSearch{display:block}
#topkeyword .layout *{margin:0;padding:0;}
#topkeyword .search{position:relative;padding:10px 30px;margin-left:320px;margin-right:66px;/*background-color:#fff;*/transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
#topkeyword .search .search_box{position:relative;padding-left:120px;}
#topkeyword .search h3{display:inline-block;position:absolute;top:10px;left:0;color:#333;font-family:'nsr','Malgun Gothic';font-size:20px;line-height:1.2;font-weight:600}
#topkeyword .search .search_box .input_box{position:relative;padding-right:140px;}
#topkeyword .search .search_box .input_box .search-input input[type="search"]{width:100%;height:40px;color:#b0b0b0;font-size:26px;background-color:transparent;line-height:40px;border:none;}
#topkeyword .search .search_box .input_box .search-input{position:relative;padding:0 40px 0 30px;border:none;background-color:#f9f7f5;height:42px;}
#topkeyword .search .search_box .input_box .search-input label{position:absolute;top:0;left:0;color:#b0b0b0;padding:2px 40px 0 30px;font-size:17px;line-height:40px;font-family:'nsr','Malgun Gothic';}
#topkeyword .search .search_box .input_box input[type="submit"]{position:absolute;top:5px;right:60px;width:36px;height:36px;background:url(/images/kor/layout/icon_search2.png) no-repeat 50% 50%;font-size:0;line-height:0;border:none;}
#topkeyword .search .search_box .input_box .close{position:absolute;top:5px;right:0;width:36px;height:36px;}
#topkeyword .search .search_box .input_box .close a {color:#fafafa;font-size:0;display:inline-block;width:50px;height:50px;}
#topkeyword .search .search_box .input_box .close a:hover,
#topkeyword .search .search_box .input_box .close a:focus{color:#121212}
#topkeyword .search .search_box .input_box .close a .ui-close{position:relative;display:inline-block;width:50px;height:50px;font-size:0;}
#topkeyword .search .search_box .input_box .close a .ui-close span{display:inline-block;position:absolute;top:0;left:50%;transition: all .5s ease;width:1px;height:36px;transform: rotate(-45deg);background-color:#999}
#topkeyword .search .search_box .input_box .close a .ui-close span.nth-2{transform: rotate(45deg);}
#topkeyword .search .search_box .input_box .close a:hover .ui-close span,
#topkeyword .search .search_box .input_box .close a:focus .ui-close span{transform: rotate(-90deg);background-color:#999}
#topkeyword .search .search_box .input_box .close a:hover .ui-close span.nth-2,
#topkeyword .search .search_box .input_box .close a:focus .ui-close span.nth-2{transform: rotate(90deg);}


/* footer */

#footer{clear:both}
#footer{padding:40px 0px; border-top:1px solid #35393e; color:#e2e2e3; background-color:#42474e;}
#footer .layout{padding:0px 30px;}
#footer .tes{position:relative; min-height:86px; padding:0px 270px 0px 117px; text-align:left; background:url(/images/kor/layout/logo_gray.png) no-repeat left top;}


#footer_function{position:absolute;top:0;right:0;z-index:999;} 
#anchor_group{position:relative;width:233px; height:41px;}
#anchor_group .title:before,
#anchor_group .title span:before{content:"";display:inline-block;height:100%;vertical-align:middle;text-indent:0}
#anchor_group .title{display:block;width:100%;height:36px;overflow:hidden;text-indent:15px;text-align:left;border-radius:3px;color:#fff; background:#555a60 url(/images/kor/layout/select_bul.png) no-repeat right center;}
#anchor_group .title:hover,#anchor_group .title:focus{color:#efefef}
#anchor_group .select{display:none;position:absolute;bottom:50px;right:0;width:720px;border-radius:3px;background-color:#fff}
#anchor_group .select .inner{width:720px;padding:20px;overflow:hidden}
#anchor_group .select .item{width:100%;}
#anchor_group .select .item b{display:block;font-size:18px;color:#7a3a3d;font-weight:normal}
#anchor_group .select .item ul{}
#anchor_group .select .item ul:after {content:"";display:block;visibility:hidden;clear:both;}
#anchor_group .select .item ul li{float:left;width:33.33%;border-left:1px solid #c5c5c5;text-align:left;}
#anchor_group .select .item ul li a{display:block;color:#333;border-left:10px solid transparent;}
#anchor_group .select .item ul li a:hover,
#anchor_group .select .item ul li a:focus{color:#7a3a3d}
/*
#footer .tes .select_group{position:absolute; right:0; top:0;z-index:999;}
#footer .tes .select_group .select{overflow:hidden; position:relative; z-index:2; width:233px; height:41px; margin-bottom:5px;}
#footer .tes .select_group .select:first-child{z-index:99;}
#footer .tes .select_group .select ul{position:absolute; left:0; bottom:0; width:100%; height:41px; border:1px solid #555a60; box-sizing:border-box;}
#footer .tes .select_group .select ul:hover{border:1px solid #fff;}
#footer .tes .select_group .select li{display:none; width:100%; height:39px; text-align:left; border-bottom:1px solid #ccc; box-sizing:border-box;}
#footer .tes .select_group .select a{display:block; line-height:38px; padding:0px 20px 0px 10px; text-decoration:none; color:#505050; background-color:#eee;}
#footer .tes .select_group .select.on{overflow:visible;}
#footer .tes .select_group .select.on ul{height:auto; padding-bottom:40px; border:1px solid #fff;}
#footer .tes .select_group .select.on ul li{display:block;}
#footer .tes .select_group .select li.on{display:block; position:absolute; left:0; bottom:0; border-bottom:1px solid #555a60;}
#footer .tes .select_group .select li.on a{color:#fff; background:#555a60 url(/images/kor/layout/select_bul.png) no-repeat right center;}
*/

#footer .tes .menu ul{overflow:hidden; width:100%; margin-bottom:10px;}
#footer .tes .menu ul li{display:inline-block; padding-left:21px; background:url(/images/kor/layout/footer_menu_bar.gif) no-repeat 10px center;}
#footer .tes .menu ul li:first-child{padding-left:0; background:none;}
#footer .tes .menu ul li a{line-height:22px; font-size:14px; color:#ddd;}
#footer .tes .menu ul li a.on{font-weight:500; color:#fff;}
#footer .tes address{line-height:22px; font-style:normal; font-size:14px; color:#b6b6b7;}
#footer .tes address span{color:#e2e2e3;}
#footer .tes .copyright{line-height:22px; font-style:normal; font-size:14px; color:#b6b6b7;}
#footer .tes .startup_lnk{display:block;position: absolute;right:0;bottom:0;font-size:0;width:150px;height:28px;background:url(/images/common/startup.png) no-repeat;background-size:100% 100%;margin-right:180px}
#footer .tes .WA{display:block;position: absolute;right:0;bottom:-13px;font-size:0;width:80px;height:auto;margin-right:350px}

.search-wrapper {
display:none;
position: absolute;
top: 44px;
left: 20%;
width:66%;
background: transparent;
height: 62px;
}

.search-displayed {
display: block;
}

.search-form-wrapper {
height: 25px;
padding: 11px 5px;
width:100%;p
position: absolute;
left:100px;
opacity:0;
}

.search-form i {
color:#fff;
margin-right:10px;
}

.search-form input[type="text"] {
background-color: rgba(255, 255, 255, 0.09);
color: #fff;
margin-right:10px;
border: none;
font-size: 16px;
font-weight: 100;
width:80%;
height:40px;
line-height:30px;
color: #fff;
outline: none;
}

.search-form input[type="submit"]{
background-color: transparent;
border: 1px solid #ddd;
border-radius: 3px;} 

.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:focus,
.search-form input[type="submit"]:active{background-color:#611b1b;
-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}

.search-form .close{float: right;margin-top: 7px;}
.search-form .close a { font-size:14px;color:#fff;display:inline-block;width:60px}
.search-form .close a .ui-close{position:relative;display:inline-block;width:50px;height:50px;font-size:0;}
.search-form .close a .ui-close span{display:inline-block;position:absolute;top:0;left:50%;width:1px;height:36px;transform: rotate(-45deg);background-color:#ddd}
.search-form .close a .ui-close span.nth-2{transform: rotate(45deg);}


/* �Խ��� ���κ� �ؽ�Ʈ */
.brd_wline_box{ position:relative; border:1px solid #e0e0e0; background:url(../../images/kr/common/wline_bg.gif) repeat; margin-bottom:20px;}
.brd_wline_box .jump_cnu{position:absolute;right:40px;top:15px}
.board_t_icon{margin:10px 20px; padding:25px 0 25px 105px; background:url(../../images/kr/common/brd_top_icon.png) no-repeat left 50%;}
.brd_t_ul{margin:0 0 0 5px; padding:0;}
.brd_t_ul li{color:#444 !important; font-size:14px !important; line-height:20px; background:url(../../images/kr/common/h7_bul.gif) no-repeat 3px 8px !important; padding:0 0 0 10px !important; font-weight:normal !important; margin:0 0 4px 0 !important; }
.brd_t_ul li a[target="_blank"] {background:url(../../images/kr/common/blank_ico.gif) no-repeat 100% 50%; margin:0 5px; padding:0 15px 0 0; text-decoration:underline; color:#258ccc;}
.board_t_icon span.red_c {color:#ff0000;}