@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0;min-height:100%;background:#f2f2f2;}
body, table, input, textarea, select, button {font-family:AppleGothic, '나눔바른고딕', NanumBarunGothic, ng,  '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo',  Helvetica, sans-serif;font-size:14px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{position:relative;*zoom:1;}
.clearBoth:after{content:"";display:block;clear:both;}
/* Skin to content */
.skip{margin:0}
.skip a{display:block;text-align:center;line-height:0;height:0;width:0;overflow:hidden}
.skip a:active,
.skip a:focus{position:relative;height:auto;width:auto;line-height:25px;}
.round3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.round4{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.round5{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a{text-decoration:none;color:#222;}
/* Layout */
.xe{background-color:#f2f2f2;}
/* 헤더 상단 배너 */
.wrap_header_banner{text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);}
.wrap_header_banner .xe_width{border-bottom:1px solid rgba(0,0,0,0.08);}
.wrap_header_banner img{vertical-align:middle;width:100%;}
/* -- Header -- */ 
/* - 헤더 상단 - */
.header{top:0;left:0;width:100%;z-index:3;position:relative;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 1px 2px rgba(0,0,0,0.3);}
.header h1{margin:0;padding:0;min-height:37px;padding-top:8px;position:relative;text-align:center;}
.header h1 a{color:#fff;}
.header h1 img{vertical-align:top;max-height:30px;}
.in_header{position:relative}
.header ul{margin:0; padding:0;list-style:none;}
.header ul li{float:left;}
/* 상단 메뉴 */
.top_header{z-index:2;position:relative;height:45px;background-color:rgba(0,0,0,0.09);}
.none_tab{background:none;}
.fix_header{position:fixed;width:100%;height:45px;top:0;opacity:0.75;display:none;box-shadow:0 1px 2px rgba(0,0,0,0.3);}
.has_header .fix_header{display:block;}
.top-owl-menu{border-top:1px solid rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.09);position:relative;z-index:2 !important;}
.top_menu{position:relative;}
.top_menu .owl-menu .owl-stage{white-space:nowrap;min-width:100%;}
.owl-menu .owl-item:first-child,
.owl-menu .owl-item:last-child{margin:0 !important;}
.owl-menu .owl-controls{display:none;}
.top_menu .first_a,
.top_menu .first_b{padding:12px 15px 11px 15px;font-size:15px;line-height:18px;display:block;color:#fff;position:relative;}
.first_active:after{content:"";display:block;position: absolute; width:0;height:0;bottom:6px;left:50%;margin-left:-4px;border:4px solid transparent;border-bottom-color:#f5f5f5;}
.top_menu .on .first_a{background:#f5f5f5;color:#222;border:1px solid #fafafa;border-bottom:0;padding:12px 14px 10px 14px;}
.top_menu .on .first_a1{border-left:0;padding-left:15px;}
.top_menu .second_a{padding:9px 10px 6px 10px;font-size:14px;line-height:18px;display:block;}
.top_menu .first_a i{display:none;}
.sub_menu{height:0;overflow:hidden;position:relative;z-index:1;}
.wrapTab_on{height:34px;padding:5px 0 4px 0;background:#f5f5f5;width:100%;border-bottom:1px solid #fafafa;}
.mobile_menu_act{position:absolute;top:13px;left:13px;width:21px;height:21px;}
.search_menu{position:absolute;top:13px;right:13px;width:21px;height:21px;}
.first_a img{height:21px}
.empty_sub_menu{display:none !important;}

/* 본문 */
.body{padding:4px;position:relative;z-index:2;}
/*.body .xe_width{max-width:768px;margin:0 auto;}*/
/*빵조각*/
.wrap_breadclumb{position:relative;*zoom:1;z-index:1;margin:4px 4px;padding:6px 4px 2px 0;}
.wrap_breadclumb:after{content:"";display:block;clear:both;}
.breadclumb{padding:1px 0px 0 0;float:right;margin:0;list-style:none;}
.breadclumb li{float:left;padding-left:6px;height:18px;line-height:18px;}
.breadclumb li.first_breadclumb{padding-left:10px;background:none;}
.breadclumb a{text-decoration:none;color: #3a3939;}
.breadclumb li i{display:none;}
.breadclumb .last_breadclumb a{color:#444;}
.has_bg_breadclumb{position:relative;background:#fff;border-bottom:1px solid #ddd;}
.has_bg_breadclumb img{width:100%;vertical-align:middle;}
.bg_breadclumb{position:relative;height:130px;background-image: url(../img/bg_breadclumb.jpg);background-position:center;background-repeat: no-repeat;background-size: cover;}
.breadclumb_title{position:absolute;right:0;top:0;background-color:rgba(255,255,255,0.4);width:40%;min-width:240px;height:100%;}
.breadclumb_title h2{margin:0;padding:0;display:block;position:absolute;right:5%;width:90%;height:34px;top:50%;margin-top:-15px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;text-align:center;}
.breadclumb_title h2 a{text-decoration:none;font-size:24px; color:#111;}
.breadclumb_title h2 a span{line-height:30px;height:30px;padding:0;border-bottom:3px solid #111;}
.wrap_breadclumb{}
/* 위젯 범위 */
.w50{float:left;width:50%;}
.wrap_widget{padding:4px;}
.box{background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.1);border-top:2px solid #4584f1}
.wrap_widget h2{padding:5px 0 4px 15px;margin:0;line-height:34px;height:34px;font-size:15px;position:relative;border-bottom:1px solid #DFDFDF;background:#f9f9f9;}
.wrap_widget h2 i{font-size:18px;position:relative;padding-right:5px;top:3px;}
.more_up{position:absolute;right:12px;top:7px;font-size:18px;}
.banner{text-align:center;padding:4px;}
.banner img{width:100%;vertical-align:middle}
.banner_google{text-align:center;margin:4px;}
.banner_google *{vertical-align:middle;}
.banner_google img{width:100%;max-width:728px;}
.w_bg{padding:4px 4px;}
.w_bg .in_content{background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.1);padding:10px;}
/* Footer */
.footer{color:#999;border-top:1px solid #ddd;position:relative;z-index:1;}
.footer,
body{background-color:#fff;}
.footer .footer_top{padding:10px 0 8px 0;color:#777;}
.footer p{margin:0;padding:10px 10px 15px 10px;}
.footer span {color:#333;font-weight:bold;}
.footer a{text-decoration:none;color:#999}
.footer .footer_top a{color:#333 !important}
.footer a:hover,
.footer a:focus{text-decoration:underline}
.footer ul{margin:0;padding:0;list-style:none;}
.wrap_foot_menu{padding-bottom:2px;background:url(../img/bg_foot.gif) repeat-x left bottom}
.foot_menu{display:inline-block;*display:inline}
.footer_li{float:left;padding:5px 10px;background:url(../img/foot_li.gif) no-repeat left 7px;line-height:18px;font-size:13px;}
.footer_li1{background:none;padding-left:0;}
.copylight{padding:0;line-height:20px;}
.ft {background:#474747;border-top:1px solid #666;}
.ft li{float:left;width:33.3%;text-align:center;}
.ft li a{display:block;padding:10px 0;border-right:1px solid #666;color:#ccc;}
.ft li.last_fr a{border:0;}

.control-group button, .control-group select, .control-group input,input[type=text]  {-webkit-box-sizing:content-box;
-o-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;}

#scrollUp {bottom:20px;right:20px;opacity:0.7;filter:alpha(opacity=70);width:42px;height:42px;background-image:url(../img/to-top.png);background-repeat:no-repeat;background-position:50% 50%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}


/* 모바일 메뉴 */
.fix_mobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;display:none;z-index:5;}
.mm_mobile_menu{position:fixed;width:0;overflow:hidden;height:100%;left:0;top:0;z-index:10000;white-space:nowrap;}
.mm_search_menu{position:fixed;width:0;overflow:hidden;height:100%;right:0;top:0;bottom:0;z-index:10000;white-space:nowrap;background:#f9f9f9;}
.top-mm-menu{padding-right:10px;position:relative;height:44px;background:#edeeee;border-bottom:1px solid #c8c7cc}
.top_login{margin:0;padding:7px 0 0 6px;list-style:none;min-width:200px;}
.top_login li{float:left;padding:0 5px;}
.top_login a{height:28px;line-height:28px;padding:0 10px;display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;border:1px solid #b5b5b5;}
.top_login a.login_A{background:#4a5164;color:#fff;border:1px solid rgba(0,0,0,0.2);}
.in_mobile_act{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:16px;text-align:center;left:auto;right:10px;top:12px;text-indent:-9999px;overflow:hidden;background:url(../img/close.png) no-repeat 50% 50%;background-size:17px;}
.mobile_search{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:16px;text-align:center;left:12px;top:12px;text-indent:-9999px;overflow:hidden;background:url(../img/close.png) no-repeat 50% 50%;background-size:17px;}
#mm-menu{display:block;padding:0;width:300px;overflow:auto;background:#f1f1f1;top:45px;bottom:0;position:absolute;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
.mm-list{margin:0;padding:0;list-style:none;border-bottom:1px solid #fff;}
.mm-list-li{border-bottom:1px solid #ccc;border-top:1px solid #ffffff;position:relative}
.mm-list-li_last{border:0;}
.mm_a{display:inline-block;font-size:15px;text-align:left;padding:8px 14px;line-height:24px;}
.mm_a i{padding-right:5px;position:relative;top:1px;}
.mm-list ul{margin:0;padding:0;list-style:none;}
.mm-list a{text-decoration:none;}
.mm-list ul{display:none;background:#fafafa;padding:5px 0;border-top:1px solid #ccc;border-bottom:0;border-right:0;position:relative;z-index:1;}
.mm-list ul ul{padding:0;display:block;border:0;border-left:5px solid #ECECEC;margin:0 20px 10px 15px;}
.mm-list .active  ul{display:block;}
.mm-list ul li{line-height:32px;}
.mm-list ul ul li{line-height:24px;border:0;}
.mm-list ul li a{font-size:15px;padding-left:14px;display:block;padding:3px 0 3px 15px;}
#mm-menu .mm-list ul li li a{color:#777;font-size:13px;padding-left:10px;}
.Nav_i{position:absolute;width:42px;height:42px;border:0;padding:0;margin:0;right:0;top:-1px;cursor:pointer;outline:none;background:none;color:#666 !important;font-size:18px;z-index:2;}
.mm-list .hover{background:#fafafa;border-left:1px solid #ccc;}
.Nav_i .xi-angle-up{display:none;}
.hover .xi-angle-up{display:block;} 
.hover .xi-angle-down{display:none;} 
#mm-menu a{color:#333;}
#mm-menu a.active_a{color:#ee6749;}
.mm-list ul i{margin-right:5px;position:relative;top:1px;}
.mm_lang{color:#111;font-weight:bold;}
.mm-list .selectLang a{font-family:Arial,Helvetica,sans-serif;}
/* 모바일 검색 */
.mm_search_menu h2{margin:0;padding:7px 0 0 45px;text-align:right;line-height:34px;font-size:20px;color:#444;font-family:Arial;font-weight:normal;}
.top_search{margin:15px 10px 0 10px;position:relative;}
.HBinputText{color:#666;background:#dadada;height:37px;font-size:14px;box-sizing:border-box !important;width:100%;padding:9px 75px 9px 9px;border:1px solid #d1d1d1;outline:none;line-height:16px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .4s;transition:all .4s;-moz-transition:all .4s;}
.HBinputText:focus{color:#333;background:#EFEFEF;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.0);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.0);}
.HBsearch{margin:0;padding:0;border:0;position:absolute;height:37px;width:65px;right:0;top:0;outline:none;cursor:pointer;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
/* 아이패드2- */

@media screen and (max-width:768px){

.footer ul{margin-left:-1px;}
.footer_li1{padding-left:10px;}
}
@media screen and (max-width:760px){

}
@media screen and (max-width:667px){
}
@media screen and (max-width:630px){

}

/* 안드로이드(진저+) landscape */
@media screen and (max-width:533px){
.w50{float:none;width:100%;}
}

/* 아이폰4+ landscape */
@media screen and (max-width:479px){

}
@media screen and (max-width:410px){

}
@media screen and (max-width:374px){


}
/* 안드로이드(진저+), 아이폰4+ */
@media screen and (max-width:320px){
.last_breadclumb{display:none;}
}