@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', "Roboto", serif;}
.notosans {font-family:"Noto Sans", sans-serif !important}
.roboto {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
 ========================================================================== */
#header {position:relative; z-index:1000; width:100%; height:80px; border-bottom:1px solid #3971bf;}
#header .brand {display:inline; float:left; width:167px; z-index:20; margin:28px 63px 20px 0;}
#header .top-banner {float:left; position:absolute; top:0; right:0; width:340px;}
#header .top-banner .lang {float:left;}
#header .top-banner .lang li {display:inline-block; padding:0 20px;}
#header .top-banner .lang li:first-child,
#header .top-banner .lang li.first-child {background:url(/skin/img/common/div-bar.gif) right center no-repeat;}
#header .top-banner .lang li > a {font:bold 12px/30px "맑은 고딕", "Malgun Gothic", sans-serif; line-height:32px; vertical-align:middle; color:#8da3b0;}
#header .top-banner .banner {float:right;}
#header .menu-wrap {float:left; width:600px; margin-top:30px;}
#header .menu-wrap .nav {float:left; width:100%;}
#header .menu-wrap .nav > li {float:left; width:auto; box-sizing:border-box;}
#header .menu-wrap .nav > li > a {height:50px; padding:15px 20px; font-family: 'Roboto Medium', sans-serif; font-size:16px; color:#333; text-align:center; /*line-height:70px; vertical-align:middle;*/}
#header .menu-wrap .nav > li.open a,
#header .menu-wrap .nav > li.active > a,
#header .menu-wrap .nav > li > a:hover {color:#fff; background-color:#0045a6;}

#header .menu-wrap .nav > li .dropdown-menu {width:100%; padding:17px 0 22px; margin:0; color:#fff; background-color:#0045a6; border-top:1px solid #1a58af;; border-radius:0;}

#header .menu-wrap .nav > li .dropdown-menu > li > a {padding:0; font-weight:500; font-size:14px; text-align:center; line-height:30px; 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 {font-weight:500; color:#fff; text-decoration:underline; background-color:transparent;}

#footer {clear:both; width:100%; padding:50px 0 20px; border-top:1px solid #bfbfbf;}
#footer .brand {display:block; width:122px; margin:0 auto 15px;}
#footer .address {width:100%; text-align:center;}
#footer .address p {margin:0; font-family:"맑은 고딕", "Malgun Gothic", sans-serif; font-size:12px; color:#666; line-height:20px;}
#footer .address p strong {font-weight:bold; color:#4e66ae;}

/* ========================================================================
	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;}
.mb15 {margin-bottom:10px;}
.mb10 {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;}