/* common */
body {width:100%; margin:0 auto;}
body,table {font-family: 'Noto Sans','본고딕', sans-serif !important;}
ul,li {list-style: none;padding: 0;margin: 0;}
h1, .h1 {font-size: 100%;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin:0;}
.no-mar {margin-left: 0;margin-right: 0;}
.no-pad {padding: 0;}
.posi-relative {position: relative;}
.posi-absolute {position: absolute;}
.max-height {height: 100%;}
.maw100 {max-width: 100%;}
.margincenter {margin: 0 auto;}
.vc {display: table;width: 100%;height :100%;}
.vc .vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;}
strong {font-weight:700;}
a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; color: inherit;}
.aligncenter {display: block;margin: 0 auto; max-width: 100%;}
.t_center{text-align:center}
.deco_line{ width:100%; border-top: 2px solid #777;}

.nm {font-family: 'Nanum Myeongjo'!important;}

.wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.sub0301 .wrap.sub {padding-top: 100px;}
.main-menu {position:relative;}
.main-menu:before {display:table;content:"";}
.main-menu:after {display:table;content:"";clear:both;}
.header {background:none; position:fixed;top:0;left:0;width:100%;height:179px;margin: 0;z-index:500; padding: 40px 0; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.sub .header {padding: 30px 0;}
.header .container {position:relative;height:100%; max-width:100%;}

#logo {vertical-align: middle;margin: 0; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.scrolled #logo {margin-top: 5px;}
#logo a {display: block; max-width: 100%}
#logo a img {max-width: 100%;}
.sub #logo a img {width:105px;}

.scrollpoint {opacity: 0;}
.scrollpoint.active {opacity: 1 \0;}

.header.scrolled {height: 60px;padding: 0 6.25%; background-color: rgba(0, 0, 0, .8);}

.scrolled .gnb_wrap .gnb .dropdown:after {top: 25px;}
.scrolled .header_back {top: 60px;}
.scrolled .gnb_wrap .gnb .dropdown .sub-onemenu-wrap {top: 60px;}g
.scrolled #logo a {line-height: 60px;}
.scrolled #logo img {width: 68px;}
.sub .scrolled #logo img {width: 68px;}
.scrolled .gnb_wrap .gnb .dropdown .sub-onemenu {top: 55px;}

.gnb_wrap {text-align:center;float:right; height:100%;}
.gnb {height:100%; display: block; text-align: center;}
.gnb:before {display:block;content:"";}
.gnb:after {display:block;content:"";clear:both;}
.gnb li {display: inline-block; padding:0;height:100%;}
.gnb > li > a { display: block; position:relative;height:100%; font-weight: 500;line-height:25px;font-size:20px; color:#fff; text-decoration:none; padding: 30px 39px;}
.gnb > li:last-child > a {padding-right: 0;}
.scrolled .gnb > li > a { font-size:17px; padding: 15px 23px;}
.gnb > li > a:hover, .gnb > li > a:focus, .gnb > li.on > a {color: #ef9704;}

.gnb li li {display: block;}

.gnb .dropdown .sub-onemenu {border-top: 4px solid #fff; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display: none; margin-top: -2px;  z-index: 501;left:0;position:absolute;width: 100%; top:100%; background-color: #333; min-width:170px;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.header .gnb_wrap .gnb .dropdown.active .sub-onemenu {display:block;}
.gnb .sub-onemenu {padding:15px 0;}
.gnb .sub-onemenu > li {position: relative;}
.gnb .sub-onemenu > li > a {position: relative;}
.gnb .sub-onemenu > li > a:after {content: ''; width: 4px; height: 7px; position: absolute; right: 10px; top: 22px; background: url(/skin/default/img/common/menu_arrow.png) 0 0 no-repeat;}
.gnb .sub-onemenu > li > a {text-align: center; font-size: 15px; line-height: 2; padding: 5px;font-weight: 400; color: #999;}
.gnb .sub-onemenu > li > a > span {border-bottom: 3px solid rgba(0, 0, 0, 0); padding-bottom: 6px;}
.gnb .sub-onemenu > li.active > a, .gnb .sub-onemenu > li > a:hover, .gnb .sub-onemenu > li > a:focus {color: #fff; background: none;}
.gnb .sub-onemenu > li.active > a > span, .gnb .sub-onemenu > li > a:hover > span, .gnb .sub-onemenu > li > a:focus > span {border-bottom: 3px solid #fff;}


.gnb .sub-twomenu {display: none;width:170px;background-color:#333;position:absolute;left:100%;top:0;border-bottom:none;}
.gnb > li:last-child .sub-twomenu {left:auto; right:100%;}
.gnb .sub-twomenu li a {text-decoration:none;text-align:left;font-size:14px; color:#ffffff;font-weight:200;padding:12px 15px;letter-spacing:-1px;display:block;}
.gnb .sub-twomenu li:last-child a {border-bottom:none;}
.gnb .sub-twomenu li a:hover {background-color:#48494d;}
.gnb .sub-onemenu .sub-dropdown.active .sub-twomenu {display:block;}


.sub_menu_back {display:none;height:165px;position:fixed;top:98px;width:100%;background-color:#FFF;left:0;z-index:400;border-bottom:1px solid #d7d8dd;}

.hamburger {display:none;cursor: pointer;padding: 0;margin: 0;line-height: 0;position:absolute;z-index:100;top:25px; right:15px;font-size: 13px;text-transform: uppercase;color: #fff;font-weight: 300;letter-spacing: 1px;vertical-align: initial!important;outline: 0;text-decoration: none;}

.hamburger:focus,
.hamburger:visited {font-size: 13px;text-transform: uppercase;color: #fff;display: block;font-weight: 300;letter-spacing: 1px;vertical-align: initial!important;outline: 0;text-decoration: none;}
.hamburger-box {width: 35px;height: 27px;display: inline-block;position: relative;}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {border-radius: 0;height: 3px;background-color: #000; }
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: .15s;transition-delay: .15s;transition-timing-function: cubic-bezier(.55,.055,.675,.19);}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {width: 35px;height: 3px;background-color: #000;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: .15s;transition-timing-function: ease;}
.hamburger-inner {display: block;top: 50%;margin-top: -1.5px;}
.hamburger-inner::after, .hamburger-inner::before {content: "";display: block;}
.hamburger-inner::before {top: -12px;}
.hamburger--collapse .hamburger-inner::before {transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);}
.hamburger--collapse .hamburger-inner::after {top: -24px;transition: top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;}
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0,-8px,0) rotate(-45deg);transition-delay: .32s;transition-timing-function: cubic-bezier(.215,.61,.355,1)}
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear}
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)}



.tmenu_wrap {position:absolute;right:20px;top:20px; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.tmenu {display:block;position:relative;width:25px;height:22px;z-index: 100;}
.tmenu div {display:block; position: absolute; right: 30px; width: 50px; height: 30px; font-size: 16px; font-weight: 700; color: #fff;}
.tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-12.5px;top:50%;margin-top:-1px;width:25px;height:3px;background-color:#fff;}
.tmenu span:before {position:absolute;width:25px;height:3px;left:50%;margin-left:-12.5px;top:-7px;background-color:#fff;content:"";display:block;}
.tmenu span:after {position:absolute;width:25px;height:3px;left:50%;margin-left:-12.5px;top:7px;background-color:#fff;content:"";display:block;}
.tmenu span,.tmenu span:before,.tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.tmenu.is-active div {display: none;}
.tmenu.is-active span {background:none;}
.tmenu.is-active span:before {background-color: #fff;top: 0;transform: rotate(45deg);}
.tmenu.is-active span:after {background-color: #fff;top: 0;transform: rotate(-45deg);}

/*footer*/
.footer-top {background: #f39b08 url(../img/main/footer-top.jpg) repeat; padding: 40px 0;}
table.ftTb {margin-bottom: 35px;}
table.ftTb td {vertical-align: bottom; padding: 10px 26px 10px 0;}
.foot_logo {margin-right: 20px;}
.footer_link {font-size: 17px; line-height: 1.4117; font-weight: 500; color: #fff; text-decoration: underline; -ms-word-break: keep-all; word-break: keep-all;}
.footer_info {font-size: 14px; line-height: 1.7142; font-weight: 500; color: #fff; letter-spacing: -.05em; margin-bottom: 15px; -ms-word-break: keep-all; word-break: keep-all;}
.footer-bottom {background-color: #2b2b2b; padding: 13px 0;}
.copyright {color: rgba(255, 255, 255, .5); font-size: 13px; line-height: 1.84; font-weight: 300; letter-spacing: .05em; -ms-word-break: keep-all; word-break: keep-all; margin: 0;}


/*sitemap menu*/
.mgnb_wrap {position: fixed; width: 100%;background: #2b2b2b; top: 0; left: 0; z-index: 99; display:none; overflow: hidden; visibility:hidden; opacity:0;filter: alpha(opacity=0);-moz-opacity:0; -webkit-transition: all .2s ease;
-moz-transition: all .2s ease; transition: all .2s ease; overflow-y:scroll;}
.mgnb {display: block; background: none; margin-top:50px;}
.mgnb > li {position: relative; display: block; float: left; width: 16%;border-bottom: none;overflow:hidden; position:relative;}
.mgnb > li > a {display: block; text-align: center; font-size: 18px;color: #fff; line-height:1.5; letter-spacing: .06em;padding:0 0 20px; font-weight: 400; position:relative; margin: 0 1px 15px;}
.mgnb > li > a:hover,.mgnb > li > a:focus, .mgnb > li.on > a, .mgnb > li.active > a {text-decoration:none; color: #ef9704;}
.mgnb > li > .sub-menu {background: none;width:100%; border:none; border:none; top:auto; border-radius:0; display: block; padding-bottom: 10px; border-bottom: 1px solid #fff;}
.mgnb > li > .sub-menu > li {display: block;}
.mgnb > li.cdropdown > a {border-bottom: 1px solid #fff;}
.mgnb > li > .sub-menu > li > a {display: block;font-size: 16px; font-weight: 200; line-height: 1.75; padding: 3px; text-align: center; letter-spacing: .05em; color:rgba(255, 255, 255, .9);}
.mgnb > li > .sub-menu > li > a:hover, .mgnb > li > .sub-menu > li > a:focus, .mgnb > li > .sub-menu > li > a:active {color: #fff; background: none; text-decoration: none;}
.mgnb .sub-twomenu {display: block;}
.mgnb .sub-twomenu > li {display: block;}
.mgnb .sub-twomenu > li > a {display: block; text-align: center; font-size: 14px; font-weight: 200; line-height: 1.7; padding: 0 3px;letter-spacing: .05em;color:rgba(255, 255, 255, .5);}


/* margin */ 
.mb00 {margin-bottom: 0 !important;} 
.mb5 {margin-bottom: 5px !important;} 
.mb10 {margin-bottom: 10px !important;} 
.mb15 {margin-bottom: 15px !important;} 
.mb20 {margin-bottom: 20px !important;} 
.mb25 {margin-bottom: 25px !important;} 
.mb30 {margin-bottom: 30px !important;} 
.mb35 {margin-bottom: 35px !important;} 
.mb40 {margin-bottom: 40px !important;} 
.mb45 {margin-bottom: 45px !important;} 
.mb50 {margin-bottom: 50px !important;} 
.mb55 {margin-bottom: 55px !important;} 
.mb60 {margin-bottom: 60px !important;} 
.mb65 {margin-bottom: 65px !important;} 
.mb70 {margin-bottom: 70px !important;} 
.mb75 {margin-bottom: 75px !important;} 
.mb80 {margin-bottom: 80px !important;} 
.mb85 {margin-bottom: 85px !important;} 
.mb90 {margin-bottom: 90px !important;} 
.mb95 {margin-bottom: 95px !important;} 
.mb100 {margin-bottom: 100px !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

/* padding */
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}

.hoverBt {display: inline-block; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.hoverBt:hover, .hoverBt:focus {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6;}


@media (max-width:1200px){
	.gnb > li > a {font-size: 19px; padding: 30px;}
}

@media (max-width: 991px) {

	.header {padding: 20px 6.25%; height: 110px;}
	.gnb_wrap {display: none;}
	#logo {display: block;max-width: 214px; width: auto; padding-left: 0; }
	.scrolled #logo {margin-top: 0;}
	#logo a {line-height: 60px;}
	#logo img {width: 120px;}

	.mgnb > li {width: 100%;}
	.mgnb > li > a {padding:0 15px; height:36px;line-height:36px; margin-bottom: 0; border-bottom: 1px solid #fff;}
	.mgnb > li {height:40px;}

}
@media (min-width:768px){
	.mgnb > li > .sub-menu {display: block;}
	
}
@media (max-width: 767px) {

	
	.header, .sub .header {margin-top: 0; height: 80px; padding: 10px;}
	.header.scrolled, .sub .header.scrolled {height: 44px; padding: 0 10px;}
	#logo {display: block;}
	#logo a {line-height: 44px;}
	#logo img {width: 100px;}	
	.sub #logo a img {width: 85px;}
	.scrolled #logo img, .sub #logo a img {width: 80px;}
	.sub .scrolled #logo img {width: 50px;}

	.mgnb {margin-top:20px;}
	.mgnb > li {width: 100%;}
	.mgnb > li > a {padding:0 15px;font-size:15px;height:36px;line-height:36px; margin-bottom: 0; border-bottom: 1px solid #fff;}
	.mgnb > li {height:40px;}
	.mgnb > li > .sub-menu {margin-top: 5px; margin-bottom: 5px;}
	.mgnb > li > .sub-menu > li > a {font-size: 14px;line-height: 1.7; padding: 5px 3px;letter-spacing: -.05em;}
	.mgnb .sub-twomenu > li > a {font-size: 12px; line-height: 1.6;}
	.tmenu_wrap .tmenu span,
	.tmenu_wrap .tmenu span:before,
	.tmenu_wrap .tmenu span:after {margin-left:-10px;width:20px;height:2px;}

	.tmenu_wrap { top:21px;}
	.scrolled .tmenu_wrap { top:14px;}
	.tmenu_wrap .tmenu {width:20px; height: 17px;}
	.tmenu div {right: 15px; font-size: 13px; }
	
	.footer-top {padding: 20px 0;}
	.foot_logo {margin-right: 0;}
	.footer_link {font-size: 15px;}
	.footer_info {font-size: 13px;}
	.copyright {font-size: 11px}
}

@media (max-width: 480px) {
	.col-xxs-12 {width: 100%;}
	.col-xxs-6 {width: 50%;}

	#logo img {width: 80px;}
	.scrolled #logo img {width: 60px;}
	
	table.ftTb td {padding: 0 7px 0 0;}
	.foot_logo {width: 80px; height: auto;}
	.footer_link {font-size: 11px;}
	.footer_info {font-size: 10px;}
}