@charset "utf-8";

/*@import url("https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css");*/

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
* {max-height:1000000px; box-sizing:content-box;}
html,body{margin:0;padding:0;}
body{font:17px/1.5 "Noto Sans SC", "Microsoft JhengHei", "nanumgothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#727171; background-color:#fff;letter-spacing:-.25px;-webkit-text-size-adjust:none;word-break:break-all;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,button{font:17px/1.5 "Noto Sans SC", "Microsoft JhengHei", "nanumgothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#727171;vertical-align:middle;letter-spacing:-.25px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a, a:hover, a:focus{color:inherit;text-decoration:none;}

caption{display:none;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #e2e2e2;line-height:16px;text-indent:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
input[type="submit"],
input[type="button"]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{border:1px solid #e2e2e2;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #e2e2e2;background:#fff;resize:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;}
select{max-width:100%;border:1px solid #e2e2e2;background:#fff;border-radius:0;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;outline:0;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Guide */
#wrapper{position:relative;overflow:hidden;}
/* #mobileMenu{display:none;} */
#wrap{min-width:1150px;overflow:hidden;}
.wrapper{position:relative;width:1150px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}


/***************************************************** Reset *****************************************************/

.btn_wrap{position:relative;margin:15px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

/* Font */
.t_point{color:#0c4595;}
.t_strong{color:#333;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* Table */
.table_wrap{overflow:hidden;margin:0 -1px 0 0;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
.dtable{width:100%;border-top:1px solid #e6e6e9;border-right:1px solid #e6e6e9;}
.dtable th,
.dtable td{padding:8px 5px 7px;border-bottom:1px solid #e6e6e9;border-left:1px solid #e6e6e9;text-align:center;}
.dtable th,
.dtable td.th{background:#eaebee;font-weight:bold;color:#202020;}
.dtable.row th,
.dtable.row td,
.dtable .title{text-align:left;}
.dtable.row .th{text-align:center;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box;}
.table_form .tr{display:table-row;}
.table_form .td{display:table-cell;vertical-align:middle;}
.table_form.v-top .td{vertical-align:top;}

.dtable_txt{position:relative;margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/

    
 
/* Thin 100
Light 300
Regular normal
Medium 500
Bold bold
Black 900 */


/* Gnb */
#gnbCover{height:0;position:absolute;left:0;top:71px;right:0;background:#f9f9f9;background: -webkit-linear-gradient(left,  #ffffff 50%,#dadbda 100%);background: linear-gradient(to right,  #ffffff 50%,#dadbda 100%);box-shadow: 0 2px 3px rgba(0,0,0,.15);}
#gnbMenu{position:absolute;left:0;top:0;right:0;z-index:2;}
#gnbMenu.on #gnbCover{height:60px;}
#gnbMenu .outer{width:1150px;margin:0 auto;}
#gnbMenu .inner{padding:0 0 0 330px;}
#gnbMenu .inner:after{content:'';display:block;clear:both;}
/* #gnb{float:right;margin:0 -16px 0 0;} */
#gnb:after{content:'';display:block;clear:both;}
#gnb>li{float:left;position:relative;font-size:1.176em;font-weight:normal;}
#gnb>li>a{height:70px;padding:16px 25px 0;display:block;color:#3e3a39;box-sizing:border-box;position:relative;}
#gnb>li>a:hover,#gnb>li.active>a{color:#2a75c1;}
#gnb .sub{/* margin:15px 0 0 16px; */position:absolute;left:50%;top:71px;display:none;opacity:0;filter:alpha(opacity=0);}
#gnb .sub ul{white-space:nowrap;font-size:0;}
#gnb .sub ul li{display:inline-block;font-size:17px;font-weight:normal;line-height:58px;position:relative;}
#gnb .sub ul li a{height:60px;margin:0 -1px 0 0;padding:0 10px;display:block;color:#3e3a39;font-size:0.85em;position:relative;}
#gnb .sub ul li a:hover,
#gnb .sub ul li.on1 a,
#gnb .sub ul li.on1 li.on2 a{color:#2a75c1;}
#gnb .sub.no_part_bg ul li a:before{content:none;}
#gnb > li.on .sub{display:block !important;opacity:1 !important;}


.xe-widget-wrapper{ overflow:visible; padding-bottom:8px;}
#gnb .sub ul li > div.xe-widget-wrapper{display:none; position:absolute;top:100%;left:0;width:auto;border-bottom:4px solid #2570b4;box-shadow:1px 2px 5px rgba(0,0,0,.3);background:#f7f7f7;}
#gnb .sub ul li > div.xe-widget-wrapper li{display:block;}
#gnb .sub ul li > div.xe-widget-wrapper li div{display:block;}
#gnb .sub ul li > div.xe-widget-wrapper li.prd2 a{font-weight:400;font-size:14px;padding:4px 10px;cursor:default;background:#2570b4;color:#fff; cursor:pointer;}
/* #gnb .sub ul li > div.xe-widget-wrapper li.prd2 a:hover{background:none;color:#000 !important;} */
#gnb .sub ul li > div.xe-widget-wrapper li a{display:block;padding:4px 20px;font-size:13px;height:28px;line-height:26px;text-align:left;white-space:nowrap;color:#3e3a39;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#gnb .sub ul li > div.xe-widget-wrapper li a:hover{background:#2570b4;color:#fff !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#gnb .sub ul li.open .on div.xe-widget-wrapper{left:auto; right:0;}

#gnb .sub ul li > div.xe-widget-wrapper li div .open .on div{top:0;}

#gnb .sub ul li.open > div.xe-widget-wrapper{}

/* lnb */
#lnb > ul{position:relative;padding:1px 0 0;}
#lnb > ul > li{margin:-1px 0;}
#lnb > ul > li > a{display:block;position:relative;padding:11px 15px 12px;border-top:1px solid #cecece;border-bottom:1px solid #cecece;font-size:14px;text-decoration:none;}
#lnb > ul > li > a:hover,
#lnb > ul > li > a:focus,
#lnb > ul > li.active > a{background:#aaa;color:#fff;text-decoration:underline;}
#lnb > ul > li.active > a:before{content:'';position:absolute;right:-13px;top:50%;margin:-5px 0 0;border:5px solid transparent;border-left:8px solid #aaa;}
#lnb > ul > li.active ul{display:block;}
#lnb .active .sub{display:block;}
#lnb .sub{display:none;}
#lnb .sub ul{overflow:hidden;padding:0 0 8px;}
#lnb .sub ul li{margin:8px 0 0;}
#lnb .sub ul li a{padding:0 0 0 7px;font-size:12px;text-decoration:none;}
#lnb .sub ul li a:before{content:'ㆍ';}
#lnb .sub ul li a:hover,
#lnb .sub ul li a:focus,
#lnb .sub ul li.on a{color:#263997;}

#header{position:fixed;left:0;right:0;top:0;background:#fff;z-index:10;height:70px;border-bottom:1px solid #b0b0b0;box-shadow:0 0 8px rgba(0,0,0,.3);}
#header .wrapper{}
#header .wrapper:after{content:'';display:block;clear:both;}
#header h1{padding:16px 0 0;float:left;position:relative;z-index:3;}
#header .head{position:relative;right:0;left:0;top:10px;}
#header #mBanner{position:absolute;left:0;top:12px;}
#header #mBanner .inner{position:relative;height:80px;}
#header #mBanner .gallery{}
#header #mBanner .gallery li + li{display:none;}
#header #mBanner .nav{position:absolute;left:0;bottom:0;white-space:nowrap;}
#header #mBanner .nav button{margin:0 -1px 0 0;font-size:0;}
#header .conRight{position:absolute;right:0;top:10px;z-index:3;}
#header .util_wrap{display:inline-block;vertical-align:middle;color:#cecece;}
#header .util_wrap a{position:relative;margin:0 0 0 5px;padding:0 0 0 7px;font-weight:bold;font-size:11px;}
#header .util_wrap a:hover{color:#222;}
#header .util_wrap a:before{content:'';position:absolute;left:0;top:50%;height:11px;margin:-6px 0 0;border-left:1px solid #e9e9e9;font-size:0;}
#header .util_wrap a:first-child:before{content:none;}
#header .search{display:inline-block;width:129px;padding:0 37px 4px 0;height:24px;background:#005fc1 url('../image/btn_search.png') right no-repeat;position:absolute;right:110px;top:11px;z-index:10;}
#header .search input[type="text"]{width:100%;height:24px;margin:1px;padding:0;line-height:24px;border:0;vertical-align:middle;background:#005fc1;color:#fff;font-weight:300;text-indent:10px;}
input:-ms-input-placeholder { color: #fff; } /* Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder { color: #fff; } /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder { color: #fff; } /* Mozilla Firefox 4 부터 18에 적용 */
#header .search .sbtn{position:absolute;right:0;top:0;width:32px;height:26px;text-indent:-9999px;}

.m_search{position:absolute;top:20px;right:90px;}
.m_search span{display:inline-block;width:23px;height:24px;background:url('../image/m_search.png') no-repeat;}

#lang.mo_only{display:none;}
#lang{display:inline-block;position:relative;margin-left:8px;}
#lang button{width:100px;height:28px;box-sizing:border-box;border:1px solid #999;font-size:0.882em;font-weight:300;letter-spacing:0;background:#fff;text-align:left;padding:0 12px;}
#lang button:before{content:'';display: inline-block;width: 0;height: 0;vertical-align: middle;border-top: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;position:absolute;right:10px;top:50%;margin-top:-2px;}
#lang .option{display:none;position:absolute;left:0;top:32px;right:0;border:1px solid #ccc;background:#fff;padding:5px 0;margin:2px 0 0;border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);z-index:10;}
#lang .option li{vertical-align:top;line-height:1.6;}
#lang .option li + li{}
#lang .option a{display:block;padding:3px 18px;font-size:0.824em;color:#333;font-weight:normal;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#lang .option a:hover{background:#f5f5f5;color:#262626;}


.menuWrap{display:none;position:absolute;right:0;}
.main_menu{position:relative;right:0;top:0;z-index:104;width:32px;padding:10px 20px;text-align:center;line-height:26px;font-size:0;}
.main_menu:before{content:'';display:inline-block;position:absolute;left:0;top:0;bottom:0;}
.main_menu span{display:block;height:0;text-indent:-9999px;}
.main_menu .bar{width:100%;margin:8px auto;background:#000;}

.type_menu,
.type_menu_s {
	cursor: pointer;
	display: inline-block;
}

.bar {
	display: block;
	height: 2px;
	width: 15px;
	background: #fff;
	margin: 4px auto;
	border-radius:1px;
}

.type_menu {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}

.middle {
	margin: 0 auto;
}

.bar {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}

.nav_on .type_menu .top{
	-webkit-transform: translateY(6px) rotateZ(45deg);
	-moz-transform: translateY(6px) rotateZ(45deg);
	-ms-transform: translateY(6px) rotateZ(45deg);
	-o-transform: translateY(6px) rotateZ(45deg);
	transform: translateY(6px) rotateZ(45deg);

}

.nav_on .type_menu .bottom {
	-webkit-transform: translateY(-6px) rotateZ(-45deg);
	-moz-transform: translateY(-6px) rotateZ(-45deg);
	-ms-transform: translateY(-6px) rotateZ(-45deg);
	-o-transform: translateY(-6px) rotateZ(-45deg);
	transform: translateY(-6px) rotateZ(-45deg);
}

.nav_on .type_menu .middle {
	width: 0;
}

#mobileMenu{display:none;overflow:visible !important;position:absolute;left:auto;top:0;right:0;bottom:0;z-index:20;width:100%;height:auto !important;margin:0;box-sizing:border-box;white-space:normal;text-align:left;}
	
#mobileMenu:after{content:'';position:fixed;left:23%;top:0;right:0;bottom:0;background:#fff;}

.menu_bg,
#allMenu{right:0;top:0;z-index:102;width:77%;box-sizing:border-box;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:.7s transform ease-in-out;transition:.7s transform ease-in-out;display:none;padding-top:71px;}
.menu_bg{position:absolute;top:0;height:100%;background:#fff;}
#allMenu{position:absolute;background:#2a75c1;}
#allMenu h1{padding:20px;text-align:center;}
#allMenu h1 a{display:block;width:40px;margin:0 auto;}
#allMenu .menu{background:#fff;}
#allMenu .menu > li{font-size:1em;}
#allMenu .menu > li > a{display:block;position:relative;padding:15px;border-bottom:1px solid #e5e5e5;color:#3e3a39;font-size:1.176em;font-weight:normal;}
#allMenu .menu > li.on > a{}
#allMenu .menu > li > a > .cap{position:absolute;right:20px;top:50%;width:12px;margin:-7px 0 0;}
#allMenu .menu > li > a > .cap:before,
#allMenu .menu > li > a > .cap:after{content:'';position:absolute;width:2px;height:15px;background:#999;-webkit-transition:transform .3s ease;transition:transform .3s ease;}
#allMenu .menu > li > a > .cap:before{left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#allMenu .menu > li > a > .cap:after{right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#allMenu .menu > li.on > a > .cap:before,
#allMenu .menu > li.on > a > .cap:after{}
#allMenu .menu > li.on > a > .cap:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#allMenu .menu > li.on > a > .cap:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#allMenu .sub{display:none;border-bottom:1px solid #e5e5e5;background:#f8f8f8;font-weight:100;}
#allMenu .sub.prd > li{border-top:1px solid #e5e5e5;}
#allMenu .sub.prd > li:first-child{border-top:0;}
#allMenu .sub > li > a{display:block;padding:15px 20px;color:#3e3a39;font-size:1.059em;font-weight:bold;}
#allMenu .sub .xe-widget-wrapper{padding:0 0 10px 0;}
#allMenu .sub .xe-widget-wrapper li.prd2 > a{cursor:default;padding:5px 20px;font-size:.95em;font-weight:400;background:#2570b4;color:#fff;}
#allMenu .sub .xe-widget-wrapper a{display:block;padding:5px 30px;font-size:.8em;font-weight:300;}
#allMenu .sub > li:first-child > a{border-top:0;}
#allMenu .sub li.on1 > a,
#allMenu .sub li.on1 li.on2 > a{color:#2a75c1;}
#allMenu .top_logo{position:absolute;left:30px;top:18px;}

#container{padding:71px 0 0; padding-top:70px!important;}
#contents{/* width:100%; */padding:70px 0;}
#main #contents{padding:0;}


#sBody{}
#sBody #conLeft{float:left;width:200px;padding:50px 0 0;display:none;}
#sBody #conLeft h2{padding:40px 20px;border-radius:10px 10px 0 0;background:#222;font-weight:bold;font-size:18px;color:#fff;text-transform:capitalize;}
#sBody #contents{position:relative;}
#conLeft + #contents{}
.head_area h3{font-size:45px;color:#fff;/* text-transform:capitalize; */padding:10px 0 10px 0; font-weight: 900; font-family: 'Montserrat', sans-serif; letter-spacing: -1px;}
.head_area h3 em{color:#2a6eb4;}
.head_area{position:absolute;top:110px;left:0;right:0;}
#contents #location{position:absolute;right:0;top:20px;height:auto;border:0;background:none;}
#contents #location a{display:inline-block;}
/* #contents #location a:first-child{width:19px;background:url('../image/ico_home.png') no-repeat 50%;text-indent:-9999px;} */

.top_banner{background:url('../image/sub/bg_sub23.png') no-repeat 50% 0;font-size:0;background-size:cover;}
.top_banner .outer{height:100%;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.top_banner .wrapper{height:421px;}
.top_banner .wrapper:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.top_banner p{display:inline-block;vertical-align:middle;color:#fff;font-size:20px;font-weight:500;}
.top_banner p em{display:block;margin:0 0 5px;font-size:40px;line-height:1.2;font-weight:100;}
.top_banner p em strong{font-weight:400;}

#location{font-size:0;}
#location a:focus, #location a:hover{text-decoration:none;color:#fff;}
#location a{font-size:17px;font-weight:500;position:relative;padding:0 8px 0 13px; color:#fff;}
#location a:first-child{padding-left:0;}
#location a:first-child:before{content:none;}
#location a:before{content:'/';display:inline-block;position:absolute;left:0;top:0;font-size:17px;}
#location .lonb{background:#fff;}
#location .lonb:after{content:'';display:block;clear:both;}
#location .lonb li{float:left;position:relative;}
#location .lonb li a{position:relative;height:47px;padding:14px 100px 0 19px;box-sizing:border-box;display:block;color:#949494;text-decoration:none;border-right:1px solid #e2e2e2;white-space:nowrap;}
#location .lonb li a.home{width:47px;height:47px;padding:0;border-left:1px solid #e2e2e2; background:url('../image/sub/ico_home.png') no-repeat 50%;text-indent:-9999px;}
#location .lonb li a.home:before{content:none;}
#location .lonb li a.lop:before{background-position:0 100%;}
#location .lonb li a.active{font-weight:bold;color:#333;}
#location .lonb li a.active:before{background-position:0 100%;}
#location .lonb li.active a{font-weight:bold;color:#333;}
#location .lonb li.active a:before{content:none;background-position:0 100%;}
#location .lonb li .home.active{background:url('../image/icon_home_white.png') no-repeat;}
#location .lonb li ul{width:100%;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;position:absolute;left:-1px;top:47px;display:none;z-index:1;}
#location .lonb li ul.home_sub{width:150px;left:0;}
#location .lonb li ul li{float:none;border:1px solid #e2e2e2;border-top:0;border-left:0;}
#location .lonb li ul li a{height:auto;margin:0;padding:6px 15px 6px 19px;border:0;background:#f6f6f6;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
#location .lonb li ul li a:hover {color:#333;font-weight:bold;}
#location .lonb li.active a:before{content:'';position:absolute;right:17px;top:21px;width:10px;height:7px;background:url('../image/sub/ico_locate.png') no-repeat;}
#location .lonb li.active ul li a:before{content:none;}


/* footer */
#footer br{display:none;}

#footer{height:235px;box-sizing:border-box;padding:40px 0;background:#303b4b;letter-spacing:0;}
#footer .wrapper{font-size:0.941em;}
#footer .logo{float:left;}
#footer .foot{position:relative;margin-bottom:20px;}
#footer .foot:after{content:'';display:block;clear:both;}
#footer .elink{color:#fff;font-weight:300;position:absolute;left:220px;bottom:0;}
#footer .elink a{display:inline-block;}
#footer .elink a:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-1px;height:20px;margin:0 12px 0 8px;border-left:1px solid #7c8189;border-right:1px solid #fff;}
#footer .elink a:first-child:before{content:none;}
#footer address{color:#fff;font-weight:300;margin:0;}
#footer address em{}
#footer address em:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-1px;height:20px;margin:0 12px 0 8px;border-left:1px solid #7c8189;border-right:1px solid #fff;}
#footer address em:first-child:before{content:none;}

#footer .copyright{letter-spacing:0;color:#adafb4;font-size:0.765em;font-weight:300;}
#footer .copyright em{font-size:16px;color:#fff;margin-right:12px;}
#footer .aside{position:absolute;right:0;top:20px;}
#footer .aside .snsWrap{text-align:right;}
#footer .aside .snsWrap a{display:inline-block;margin:0 0 10px 5px;}

#footer a:focus, #footer a:hover{text-decoration:none;color:#fff;}

#btn_top{position:fixed;right:25px;bottom:80px;z-index:10;text-align:center;width:56px;height:56px;border:2px solid #fff;background:#303b4b;box-sizing:border-box;}
#btn_top span{position:relative;}
#btn_top span:before{content:'';position:absolute;right: -5px;bottom: 0;width: 23px;border-bottom:4px solid #fff;
	-webket-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform: rotate(-50deg);
}
#btn_top span:after{content:'';position:absolute;left: -5px;bottom: 0;width: 23px;border-bottom:4px solid #fff;
	-webket-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform: rotate(50deg);
}



/* familysite */
#family_site{display:inline-block;position:relative;margin:0 0 0 15px;vertical-align:middle;}
#family_site button{width:290px;height:32px;box-sizing:border-box;border:1px solid #999;font-size:0.882em;font-weight:300;letter-spacing:0;background:#fff;text-align:left;padding:0 12px;}
#family_site button:before{content:'';display: inline-block;width: 0;height: 0;vertical-align: middle;border-bottom: 4px solid #000;border-right: 4px solid transparent;border-left: 4px solid transparent;position:absolute;right:10px;top:50%;}
#family_site .option{display:none;position:absolute;left:0;bottom:36px;right:0;border:1px solid #ccc;background:#fff;padding:5px 0;margin:2px 0 0;border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);z-index:10;}
#family_site .option li{vertical-align:top;line-height:1.6;}
#family_site .option li + li{}
#family_site .option a{display:block;padding:3px 20px;font-size:0.97em;color:#333;font-weight:normal;word-wrap:break-word;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#family_site .option a:hover{background:#f5f5f5;color:#262626;}

.conHalf{float:left;width:47%;margin:10px 5% 10px 0;}
.conHalf:last-child{float:left;width:47%;margin-right:0;}



@media all and (max-width:640px){
    
    #family_site button{width:210px;height:32px;box-sizing:border-box;border:1px solid #999;font-size:0.882em;font-weight:300;letter-spacing:0;background:#fff;text-align:left;padding:0 12px;}
    
    
}






/* layerpop */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:100px 0 0;color:#333;text-align:center;}
.layerpop.on{display:block;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{display:inline-block;position:relative;margin:0 auto;padding:30px;border:3px solid #000;background:#fff;text-align:left;}
.layerpop h1{margin:0 0 15px;font-weight:bold;font-size:16px;}
.layerpop .head{font-size:15px;color:#333;}
.layerpop .head .t_point{font-size:24px;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:-3px;top:-22px;}
.layerpop .btn_wrap .close{position:static;}

/****************************** Layout ******************************/

/* article */
.article_wrap{margin:40px 0 0;}
#sBody #contents > h3 + .article_wrap,
.article_wrap:first-child{margin-top:0;}
.article_wrap .article{margin:20px 0 0;}
.article_wrap .article:first-child{margin-top:0;}

.h4{position:relative;margin:0 0 10px;padding:0 0 0 13px;font-weight:bold;font-size:17px;color:#393939;text-transform:capitalize;letter-spacing:-1px;}
.h4:before{content:'';position:absolute;left:0;top:4px;height:17px;border-left:3px solid #343434;vertical-align:-3px;}
.h5{margin:0 0 5px;font-weight:bold;font-size:16px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.h6{margin:0 0 5px;font-weight:bold;font-size:15px;color:#444;text-transform:capitalize;letter-spacing:-1px;}
.h6.stick:before{content:'';display:inline-block;vertical-align:middle;position:relative;top:-2px;width:7px;height:4px;margin:0 5px 0 0;background:#0f0e9f;font-size:0;}
.h4 .stxt{color:#767676;font-size:15px;font-weight:normal;text-transform:none;}

/* tabContents */
.tab_wrap .tabMenu{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
.tab_wrap .tabMenu ul{display:table-row;}
.tab_wrap .tabMenu li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
.tab_wrap .tabMenu li:first-child a{margin-left:0;}
.tab_wrap .tabMenu li a {display:block;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
.tab_wrap .tabMenu li a:hover,
.tab_wrap .tabMenu li.on a{border-bottom-color:#fff;color:#000;background:#fff;z-index:2;}
.tab_wrap .tabMenu li a:hover:before,
.tab_wrap .tabMenu li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #000;}
.tab_wrap .tabcont {overflow:hidden;height:0;}
.tab_wrap .tabcont.on{overflow:visible;height:auto;padding:30px 0 0;}

/* Contents */
#mBody{}

.mo_only{display:none;}

.btn00.listBtn {margin:30px 0 0;background:#fff;color:#727171;}
.btn00.listBtn a{font-size:18px;height:34px;padding:15px 522px;line-height:34px;border:1px solid #c9c9c9;vertical-align:middle;background:#337ab7;color:#727171;font-weight:400; color: #fff; width:100px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn00.listBtn a:hover{background:#2a6eb4;color:#fff;border-color:#2a6eb4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* main */
#main #container{padding:70px 0 0;}
#mBody .wrapper{width:100%;}
.mainVisual .owl-carousel .owl-item img.mo_only{display:none;}
.mainVisual .owl-carousel .item img{width:100%;}
.mainVisual .button.secondary{display:inline-block;cursor: pointer;position:absolute;bottom:0;left:50%;}
.mainVisual .button.secondary.play{margin-left:41px;}
.mainVisual .button.secondary.stop{margin-left:57px;}
.mainVisual .btnWrap{position:absolute;left:0;right:0;bottom:58px;z-index:1;text-align:center;}
.mainVisual .owl-theme .owl-nav{margin-top:0;}
.mainVisual .owl-theme .owl-nav [class*='owl-']{position:absolute;top:50%;font-size:0;margin:0;padding:0;width:31px;height:57px;background:url('../image/main/btn_prev.png') no-repeat;margin-top:-27px;}
.mainVisual .owl-theme .owl-prev{left:20px;}
.mainVisual .owl-theme .owl-next{right:20px;background:url('../image/main/btn_next.png') no-repeat !important;}
.mainVisual .owl-theme .owl-dots{position:absolute;left:0;right:0;bottom:50px;}
.mainVisual .owl-theme .owl-dots .owl-dot span{width:16px;height:16px;box-sizing:border-box;border:1px solid #acadad;background:#fff;margin:4px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mainVisual .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#256fb4 !important;border:1px solid #256fb4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.bxslider img.mo_only{display:none;} 
.bxslider img{width:100%;}

/* 푸터 페이지 */
.policy_box h4{ margin:0 0 20px; font-size:1.5em}
.policy_box h5{margin:40px 0 20px; font-size:1.2em; line-height:1.4;color:#2A6EB4}
.policy_box a{color:#2A6EB4}
.policy_box ol,.policy_box ul{ padding:0 20px 20px}

.sub_article{}
.sub_article2{ padding-top:35px; padding-bottom:35px;}
.sub_article p{ margin-bottom:1em;}
.sub_hd+.loc_h2{ margin-top:-1em;}


/* sitemap */
#sitemap h2{ margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #DDD;}
#sitemap > ul > li{ margin-bottom:50px}
#sitemap .list-inline > li{ padding:0 20px 20px 5px}
#sitemap h3{ font-size:18px}


/* boot */
.tab-content * {box-sizing:border-box;}
.modal-header.hide{display:block !important;}

/* nav */
.nav_wrp{overflow:hidden;}
.nav{display:table;margin:0 auto 20px;}
.nav>li{ display:table-cell;float:none;}
.nav>li>a{width:250px; border:2px solid #2a6eb4; color:#2a6eb4; border-radius:0;background:none;font-size:15px;text-align:center; letter-spacing:-1px;}
.nav>li.active>a, .nav>li>a:focus, {border-color:transparent; color:#2A6EB4!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    border-bottom:2px solid #2a6eb4;
}

.nav.v2>li>a{ width:170px;}
.nav.v3 a{color:#555;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* 기업비전 */
.aboutWrap .cont{color:#333;word-wrap: break-word;word-break:keep-all;}
.aboutWrap .cont p{padding-bottom:20px;}
.aboutWrap{padding-bottom:75px;}
.aboutWrap .center-block{margin:0;}
.aboutWrap .cont a{display:inline-block;}
.aboutWrap .table_form .td{vertical-align:top;}

/* 찾아오시는 길 */
.contact .nav{margin:0 0 20px;}
.contact .nav>li>a{margin:0;width:100%;}
.contact_info{padding:30px 15px;}
.contact_info li{font-size:1.059em;font-weight:300;position:relative;padding:5px 0 5px 110px;margin-bottom:5px;}
.contact_info li span{color:#2a6eb4;position:absolute;left:0;top:3px;}
.contact_info li span img{margin-right:10px;}

/* 연혁 */
.historyWrap{text-align:center;}
.historyWrap .nav{}
.history_title{display:inline-block;width:240px;height:32px;line-height:32px;text-align:center;background:#2a68a7;color:#fff;font-size:15px;margin:80px 0 0;}
.history_section:first-child .history_title{margin:0;}
.historyWrap .sectionWrap{margin-top:50px;}
.historyWrap .h_cont{width:50%;word-wrap:break-word;}
.historyWrap .h_cont.even{float:right;}
.historyWrap .h_cont.even .h_list{text-align:left;padding-left:50px;}
.historyWrap .h_list_wrap{margin-top:50px;}
.historyWrap .h_list_wrap:after{content:'';display:block;clear:both;}
.history_section{position:relative;}
.history_section:before{content:'';display:block;width:1px;height:100%;background:#d6d6d6;position:absolute;top:0;left:50%;z-index:-1;}

.historyWrap .h_cont.odd{float:left;}
.historyWrap .h_cont.odd .h_list{text-align:right;padding-right:50px;}

.historyWrap .h_cont .year{font-size:2.353em;font-weight:bold;color:#2a6eb4;position:relative;}
.historyWrap .h_cont .year:after{content:'';display:block; width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #8e8e8e;box-sizing:border-box;vertical-align:3px;position:absolute;top:15px;z-index:1;}
.historyWrap .h_cont.even .year:after{left:-55px;}
.historyWrap .h_cont.odd .year:after{right:-56px;}
.historyWrap .h_cont dd{margin-top:15px;font-size:16px;font-weight:300;color:#333;word-wrap:break-word;word-break:keep-all;}

.historyWrap .h_cont .img{margin-top:15px;}
.historyWrap .h_cont .img img{max-width:100%;}


/* 해외지사 */
.map_wrap{border:1px solid #c9c9c9;}
.map_wrap .map_box{position:relative; width:100%; height:587px;margin:0 auto;background:url('../image/sub/map_world.png') no-repeat 50% 0;}
.map_box .cap{display:none;z-index:2;}
.map_box > .cap{position:absolute;right:20px;top:50%;width:12px;margin:-7px 0 0;}
.map_box > .cap:before,
.map_box > .cap:after{content:'';position:absolute;width:2px;height:15px;background:#999;-webkit-transition:transform .3s ease;transition:transform .3s ease;}
.map_box > .cap:before{left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.map_box > .cap:after{right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.map_wrap .map_box.on > .cap:before,
.map_wrap .map_box.on > .cap:after{}
.map_wrap .map_box.on > .cap:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.map_wrap .map_box.on > .cap:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}





.map_box #map_list li{position:absolute;}
.map_box #map_list li a{display:inline-block;text-align:center;box-sizing:border-box;min-width:120px;height:30px;white-space:nowrap;padding:0 15px;border-radius:15px;font-size:0.941em;font-weight:300;line-height:28px;vertical-align:middle;background:#fff;border:1px solid #cbcbcb;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.map_box #map_list li.active a, .map_box #map_list li a:hover{background:#2a6eb4;color:#fff;border-color:#2a6eb4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#mapLoc{padding-top:80px;}
.loc_h2{padding:10px 0;font-weight:400;font-size:1.235em;text-align:center;}
.loc_dl{ margin:30px 15px;}
.loc_dl i{ width:50px;}
.color_blue{color:#2a6eb4;font-weight:normal;}
.color_pink{color:#c55684;font-weight:normal;}
[class^=icon_]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.icon_loc{width:21px;height:24px;background-image:url('../image/sub/ico_address.png');}
.icon_fax{width:21px;height:21px;background-image:url('../image/sub/ico_fax.png');}
.icon_tel{width:21px;height:21px;background-image:url('../image/sub/ico_tel.png');}
.icon_mail{width:21px;height:17px;background-image:url('../image/sub/ico_mail.png');}

.dl>*{ min-height:40px;padding:5px 0}
.dl dt{ float:left; padding-right:10px; font-weight:400; white-space:nowrap}
.dl dd{ margin-left:100px; margin-bottom:5px}

/* 제품소개 */
/*
.productWrap{}
.productList{padding-bottom:160px;}
.recommandarea{position:relative;padding:0;background:-webkit-linear-gradient(left, #515459 0%,#34404e 100%);
background:linear-gradient(to right, #515459 0%,#34404e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515459', endColorstr='#34404e',GradientType=1 );}
.recommandarea .wrapper{margin:180px auto -80px;}

.productList .owl-carousel .owl-item img{width:auto;}
.productList .owl-theme .owl-dots{position:absolute;right:0;top:-160px;}
.productList .owl-theme .owl-dots .owl-dot span{width:15px;height:15px;background:#fff;border:none;margin:5px;}
.productList .owl-theme .owl-dots .owl-dot.active span{background:#256fb4;}
.productList .owl-theme .owl-nav [class*='owl-']{width:31px;height:56px;padding:0;border-radius:0;font-size:0;position:absolute;bottom:110px;}
.productList .owl-carousel .owl-nav .owl-prev{background:url('../image/sub/arrow_r.png') no-repeat;right:-50px;}
.productList .owl-carousel .owl-nav .owl-next{background:url('../image/sub/arrow_l.png') no-repeat;left:-50px;}
.productList .owl-carousel .owl-nav .owl-prev:hover{background:url('../image/sub/arrow_r.png') no-repeat;}
.productList .owl-carousel .owl-nav .owl-next:hover{background:url('../image/sub/arrow_l.png') no-repeat;}
.productList .owl-carousel .owl-item .td{color:#fff;font-weight:300;}
.productList .owl-carousel .owl-item .td p{font-size:1.176em;width:125px;}
.productList .owl-carousel .owl-item .td span{font-size:1.059em;display:block;width:146px;height:34px;line-height:34px;text-align:center;border:1px solid #fff;border-radius:17px;box-sizing:border-box;margin-top:22px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.productList .owl-carousel .owl-item .td span:hover{background:#256fb4;border-color:#256fb4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.productList .owl-carousel .owl-item .td.td2{padding-bottom:55px;}

.lst_count{position:absolute;left:0;top:-140px;z-index:2;color:#fff;font-size:17px;font-weight:300;}
*/