@charset "utf-8";

/* ========================================================================
	RESET CSS STYLE
 ========================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address,select,button,input{margin:0;padding:0;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a {text-decoration:none;color:#454545; }
a:visited {color:#454545;}
hr,caption,legend {display:none;}
img{border:none}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
input {vertical-align:middle}
blockquote {padding:0; margin:0; border-left: 0;}

/* ========================================================================
	Font System
 ========================================================================== */
body, body * {font-family: 'Noto Sans', serif;}
.notosans,
.notosans-all,
.notosans-all * {font-family:"Noto Sans", sans-serif !important;}
.roboto,
.roboto-all,
.roboto-all * {font-family:"Roboto", sans-serif !important;}
/*.nanumgothic {font-family:"Nanum Gothic", sans-serif !important;}
.opensans {font-family:"Open Sans", sans-serif !important;}

.nanumgothic-all,
.nanumgothic-all * {font-family:"Nanum Gothic", sans-serif !important;}*/

/* ========================================================================
	LAYOUT STYLE CSS
 ========================================================================== */
@media (min-width: 1200px) {
  .container {
    width: 1116px;
  }
}
.container {
	padding-right: 8px;
	padding-left: 8px;
}
.row {
	margin-right: -8px;
	margin-left: -8px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 8px;
	padding-left: 8px;
}

#header {float:left; position:relative; z-index:1000; width:100%; height:96px;}
#header .navbar {background-color:#fff;margin-bottom: 0;}
.sub-all-wrap #header .navbar {border-bottom:1px solid #8b94a7;}

#header .brand {display:block; float:left; z-index:20;}
#header .menu-wrap {float:right;padding-right: 100px;position: relative; }
#header .menu-wrap .topper {display:inline; float:right; width:787px; margin-top:12px; text-align:right;}
#header .menu-wrap .topper li {display:inline; font-weight:100; font-size:13px; color:#474747; line-height:20px; vertical-align:middle;}
#header .menu-wrap .topper li + li:before {padding:0 5px; font-size:10px; content:"/";}
#header .menu-wrap .nav {float:right; height:96px;}
#header .menu-wrap .nav > li {float:left; box-sizing:border-box;}
#header .menu-wrap .nav > li > a {height:96px; padding:0 42px; font-size:19px; color:#090909; line-height:96px; text-align:center; vertical-align:middle;}
#header .menu-wrap .nav > li.open > a,
#header .menu-wrap .nav > li > a:hover {background-color:#9d4999; color:#fff;}
/*#header .menu-wrap .nav > li.last-child,
#header .menu-wrap .nav > li:last-child > a {padding-right:0;}*/

.lang {position: absolute;top: 36px;right: 0;}
.lang li {float:left;padding-right: 12px;position: relative;margin-right: 7px;}
.lang li:after {content: "/";color: #666;font-size: 13px;display: block;position: absolute;right: 0;top: 1px;}
.lang li.last {padding-right: 0;margin-right: 0;}
.lang li.last:after {display: none;}
.lang li a {font-size: 15px;color: #666;}
.lang li.active a {color: #000;font-weight: 500;}

#header .menu-wrap .nav > li .dropdown-menu {left:50%; min-width:200px; padding:0; margin:0 0 0 -100px; background-color:#28406f; border:1px solid #ccc;; border-radius:0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .175); box-shadow: 0 1px 2px rgba(0, 0, 0, .175);}
#header .menu-wrap .nav > li .dropdown-menu > li {padding:0 0;}
#header .menu-wrap .nav > li .dropdown-menu > li > a {padding:0; font-weight:400; font-size:14px; text-align:center; line-height:35px; vertical-align:middle; color:#fff;}
#header .menu-wrap .nav > li .dropdown-menu > li.active a,
#header .menu-wrap .nav > li .dropdown-menu > li > a:hover,
#header .menu-wrap .nav > li .dropdown-menu > li > a:focus {color:#fff; text-decoration:underline; background-color:#466195;}

.bottom-menu-wrap {clear:both; background-color:#2e2d32;margin-top: 30px;}
.bottom-menu-wrap ul.sitemap-list {float:left; width:100%; border-left:1px solid #3d3c40; background-color: #2e2d32;}
.bottom-menu-wrap ul.sitemap-list > li {float:left; width:25%; height:257px; padding:48px 24px 0; border-right:1px solid #3d3c40; box-sizing:border-box;}
.bottom-menu-wrap ul.sitemap-list > li a.head {display:block; margin-bottom:20px; font-size:18px; color:#cacaca;}
.bottom-menu-wrap ul.sitemap-list > li ul.sub-list {}
.bottom-menu-wrap ul.sitemap-list > li ul.sub-list li > a {font-size:14px; line-height:28px; color:#8f8f8f;}

#footer {clear:both; width:100%; background-color:#49484d;}
#footer .address {padding:22px 0; font-size:15px; font-weight:100; color:#a0a0a0; line-height:30px; background-color:#49484d;}
#footer .address .ft_point{ font-size:20px;font-weight:300; color:#fff;}
/* BACK TOP */
#back-top {position:fixed; bottom:10%; right:5%; z-index: 1000; width:50px; height:50px; border-radius:30px; background-color:#fff; text-align:center;}
#back-top .fa {line-height:1.2; vertical-align:middle;}

/* ========================================================================
	Component: utils.less
 ========================================================================== */
.img-responsive2 {width:100%;}
.img-responsive3 {display:block; max-width:100%; height:auto; margin:0 auto;}

.radius-clear {
  border-radius: 0 !important;
}
.shadow-clear {
  box-shadow: 0 0 0 #000 !important;
}
.text-white {
  color: #fff;
}
.text-inverse {
  color: #2d2d2d;
}
.text-alpha {
  color: rgba(255, 255, 255, 0.5);
}
.text-pink {
  color: #ff3366;
}
.text-purple {
  color: #9b59b6;
}
.text-alpha-inverse {
  color: rgba(0, 0, 0, 0.5);
}
.text-green {
  color: #01b6ad;
}
.text-sm {
  font-size: 11.9px;
}
.text-lg {
  font-size: 42px;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align:right !important;
}
.text-center {
	text-align:center !important;
}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt26 {margin-top:26px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:40px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}

.pt0 {padding-top:0 !important;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt26 {padding-top:26px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb0 {padding-bottom:0;}
.pb5 {padding-bottom:5px;}
.pb15 {padding-bottom:10px;}
.pb10 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:30px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}

.tmenu_wrap {position:absolute;right:15px;top:26px;display:none;}
.tmenu_wrap .tmenu {display:block;position:relative;width:28px;height:100%;}
.tmenu_wrap .tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-14px;top:50%;margin-top:-1px;width:28px;height:3px;background-color:#444444;}
.tmenu_wrap .tmenu span:before {position:absolute;width:28px;height:3px;left:50%;margin-left:-14px;top:-9px;background-color:#444444;content:"";display:block;}
.tmenu_wrap .tmenu span:after {position:absolute;width:28px;height:3px;left:50%;margin-left:-14px;top:9px;background-color:#444444;content:"";display:block;}
.tmenu_wrap .tmenu span,
.tmenu_wrap .tmenu span:before,
.tmenu_wrap .tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.navigation-visible .tmenu_wrap .tmenu span {background:none;}
.navigation-visible .tmenu_wrap .tmenu span:before {top: 0;transform: rotate(45deg);}
.navigation-visible .tmenu_wrap .tmenu span:after {top: 0;transform: rotate(-45deg);}

.mgnb_wrap {position: absolute;width: 100%;top: 53px;left: 0;z-index: 99;box-shadow: 0px 10px 10px rgba(0,0,0,0.3);display:none;overflow: hidden;visibility:hidden;opacity:0;filter: alpha(opacity=0);-moz-opacity:0;}
.mgnb {background: #fff;border-top:1px solid #dcdcdc;}
.mgnb > li {width: 100%;border-bottom: 1px solid #dcdcdc;overflow:hidden;height:58px;}
.mgnb > li > a {font-size: 20px;color: #000;padding: 15px 30px;display: block;font-weight: 500;position:relative;}
.mgnb > li > a:hover,.mgnb > li > a:focus {text-decoration:none;}
.mgnb .sub-menu {background: #fbfbfb;}
.mgnb .sub-menu li {color: #979797;font-size: 20px;border-top: 1px solid #dcdcdc;}
.mgnb .sub-menu li a {display: block;padding: 12px 30px;font-size: 15px;}