@charset "utf-8";

html {overflow-x:hidden;overflow-y:scroll;}
html,body {width:100%;/*height:100%;*/-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,p,dl,dt,dd,ul,ol,li,table,th,td,textarea,form,fieldset,legend,input,select,button {margin:0;padding:0}
ul,ol,li {list-style:none;}
img,fieldset,iframe {border:0 none;}
input,select,button {vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
img {max-width:100%;/*width:100%;*/height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:1em;font-weight:normal;}
address,em,strong {font-style:normal;font-weight:normal;}
input,select,textarea {vertical-align:middle;}
textarea {overflow:auto;}
table {border-spacing:0;border-collapse:collapse;}
img[usemap],map area {outline:none;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
caption, legend, hr, .hid {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}

body, input, select, textarea, button {font-family:NotoSansKR,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif;font-size:14px;line-height:1.5;color:#333;}
a {text-decoration:none;color:#333;background-color:transparent;}
a:hover, a:focus {color:#44c4bd;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after {box-sizing:inherit;}

.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled], input[disabled] {cursor:default;}
button {-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;line-height:1;}
.button {display:inline-block;text-align:center;line-height:1;cursor:pointer;vertical-align:middle;border:1px solid transparent;background-color:#2ba6cb;color:#fff;
	-webkit-appearance:none;transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
.button:after {transition:opacity 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out;}
.button span {position:relative;z-index:1;}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {width:100%;height:auto;padding:4px 4px;/*margin-bottom:5px;*/background-color:#fefefe;font-size:0.9em;border:1px solid #cacaca;box-shadow:inset 0 1px 2px rgba(10, 10, 10, 0.1);-webkit-appearance:none;-moz-appearance:none;
	transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {border:1px solid #2ba6cb;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;}
[type="file"], [type="checkbox"], [type="radio"] {padding:0;margin:0;vertical-align:middle;}
[type="checkbox"] + label, [type="radio"] + label {display:inline-block;vertical-align:middle;margin:0 15px 0 5px;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input::-webkit-input-placeholder {color:#aaa !important;font-weight:300;text-align:center;}
input:-moz-placeholder {color:#aaa !important;font-weight:300;text-align:center;}
input::-moz-placeholder {color:#aaa !important;font-weight:300;text-align:center;}
input:-ms-input-placeholder {color:#aaa !important;font-weight:300;text-align:center;}
input:placeholder-shown {color:#aaa !important;font-weight:300;text-align:center;}

.ls-1 {letter-spacing:-1px !important;}
.ls-2 {letter-spacing:-2px !important;}
.pd0 {padding:0 !important;}
.pdlr0 {padding-left:0 !important;padding-right:0 !important;}
.pl37 {padding-left:37px !important;}
.m0 {margin:0 !important;}
.mt60 {margin-top:60px !important;}
.mt40 {margin-top:40px !important;}
.mt35 {margin-top:35px !important;}
.mt20 {margin-top:20px !important;}
.mb20 {margin-bottom:20px !important;}
.posab {position:absolute;bottom:0 !important;}
.tac {text-align:center !important;}
.vat {vertical-align:top !important;}
.w100 {width:100% !important;}
.w20p {width:20%;}
.w40p {width:40%;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.bdbd {padding-bottom:13px;border-bottom:1px dotted #999;}

/* 그리드 */
.grid {max-width:1200px;}
.grid:after {content:'';display:block;clear:both;}

.grid-sizer {width:12.5%;}
.grid-item {float:left;width:12.5%;height:auto !important;line-height:1.0;background-color:#fff;}
.grid-item:after {content:'';display:block;padding-top:100%;}
.grid-item--width2 {width:25%;}
.grid-item--width4 {width:50%;}
.grid-item--width4:after {padding-top:50%;}
.grid-item--width6 {width:75%;}

.grid-item--footer {height:130px !important;}
.grid-item--footer:after {display:none;}

/*.grid-item:nth-child(10n+0) { background: hsl(   0, 100%, 50%); }
.grid-item:nth-child(10n+1) { background: hsl(  36, 100%, 50%); }
.grid-item:nth-child(10n+2) { background: hsl(  72, 100%, 50%); }
.grid-item:nth-child(10n+3) { background: hsl( 108, 100%, 50%); }
.grid-item:nth-child(10n+4) { background: hsl( 144, 100%, 50%); }
.grid-item:nth-child(10n+5) { background: hsl( 180, 100%, 50%); }
.grid-item:nth-child(10n+6) { background: hsl( 216, 100%, 50%); }
.grid-item:nth-child(10n+7) { background: hsl( 252, 100%, 50%); }
.grid-item:nth-child(10n+8) { background: hsl( 288, 100%, 50%); }
.grid-item:nth-child(10n+9) { background: hsl( 324, 100%, 50%); }*/

/* 공통 */
#header {position:relative;background-color:#fff;z-index:9;}
#container {max-width:1200px;margin:0 auto;position:relative;}
#footer {position:relative;background-color:#4f4f4f;}

#header .logo {padding:20px 0 0 25px;}
#header .logo img {width:192px;height:auto;}
#header .inner {max-width:1200px;height:150px;margin:0 auto;position:relative;}

#header, #header .inner, #header .gnb_mobile_btn {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;}

#footer .inner {max-width:1200px;margin:0 auto;position:relative;}
#footer .grid-item {background-color:#4f4f4f;}
#footer .logo_foot {display:inline-block;zoom:1;*display:inline;width:24%;vertical-align:middle;margin:0 20px 0 20px;}
#footer .addr {display:inline-block;zoom:1;*display:inline;vertical-align:middle;line-height:1.5;color:#eee;font-size:12px;font-weight:300;}
#footer .footinfo {padding-top:42px;}
#footer .footmenu {padding-top:53px;}
#footer .footmenu ul {text-align:center;font-size:0;}
#footer .footmenu ul li {display:inline-block;zoom:1;*display:inline;background:url('/images/common/sep_footmenu.jpg') 0 1px no-repeat;}
#footer .footmenu ul li:first-child {background:none;}
#footer .footmenu ul li a {display:block;padding:0 10px;font-size:14px;font-weight:300;color:#eee;}
#footer .footmenu ul li:first-child a {color:#44c4bd;font-weight:400;}
#footer .copy {padding:10px 0 50px;text-align:center;background-color:#d9d9d9;color:#444;font-size:12px;}

/* utilmenu */
.utilmenu {position:absolute;right:0;top:50px;text-align:center;font-size:0;}
.utilmenu > li {display:inline-block;zoom:1;*display:inline;border:1px solid #ddd;border-left:none;}
.utilmenu > li:first-child {border-left:1px solid #ddd;}
.utilmenu > li.util3 {background-color:#63d7d1;}
.utilmenu > li.util4 {background-color:#666;}
.utilmenu > li a {display:block;width:86px;height:34px;line-height:34px;font-size:13px;color:#000;}
.utilmenu > li.util3 a, .utilmenu > li.util4 a {color:#eee;font-weight:300;}

.global_btn_box {position:relative;}
.global_btn {font-weight:600;color:#0673ba !important;}
.global_list {position:absolute;top:35px;left:-1px;display:none;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-top:none;z-index:99999;}
.global_list li {width:86px;height:34px;line-height:34px;border-bottom:1px solid #ddd;}
.global_list li:last-child {border-bottom:none;}
.global_list li a {display:block;width:100%;height:100%;}
.national {position:absolute;right:0;top:5px;display:none;}
.national li {float:left;margin:0 5px;}

/* gnb */
.gnb_wrap {position:absolute;left:0;right:0;bottom:0;border:1px solid #ddd;border-left:none;border-right:none;}
#gnb {max-width:1200px;height:50px;margin:0 auto;font-size:0;border-left:1px solid #ddd;border-right:1px solid #ddd;overflow:hidden;}
#gnb a {display:block;vertical-align:top;}

#gnb>li {display:inline-block;zoom:1;*display:inline;width:18%;height:50px;line-height:50px;position:relative;}
#gnb>li:first-child {margin-left:10%;border-left:1px solid #ddd;border-right:none;}
#gnb>li>a {display:block;height:50px;line-height:50px;font-size:18px;font-weight:500;text-align:center;overflow:hidden;}
#gnb>li>a span {display:block;width:100%;height:100%;}
#gnb>li>a span.over {height:102%;color:#fff;font-weight:400;box-shadow:inset 0px 1px 3px rgba(0,0,0,0.4);
background: #2496ab;
/*background: -moz-linear-gradient(top,  #2496ab 0%, #49abbb 11%, #49abbb 17%, #1391a7 49%, #1391a7 63%, #50b3c3 100%);
background: -webkit-linear-gradient(top,  #2496ab 0%,#49abbb 11%,#49abbb 17%,#1391a7 49%,#1391a7 63%,#50b3c3 100%);
background: linear-gradient(to bottom,  #2496ab 0%,#49abbb 11%,#49abbb 17%,#1391a7 49%,#1391a7 63%,#50b3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2496ab', endColorstr='#50b3c3',GradientType=0 );*/}

/* icons */
.icons {position: absolute;width:210px;top:50px;right:-230px;}
.icons .sns li {float: left;margin-right: 20px;}
.icons .sns li:last-child {margin-right: 0px;padding-top: 4px;}


.gnb_sub_wrap {position:absolute;left:0;top:51px;width:100%;padding:10px 0 20px;font-size:0;background:rgba(255, 255, 255, 0.6) url('/images/common/bg_gnb_sub.png') 0 0 repeat;display:none;}
.gnb_sub_wrap .outer {max-width:1200px;margin:0 auto;}
.gnb_sub_wrap ul {display:inline-block;zoom:1;*display:inline;width:18%;vertical-align:top;}
.gnb_sub_wrap ul:first-child {margin-left:10%;}
.gnb_sub_wrap ul li {padding:2px 0;}
.gnb_sub_wrap ul li a {display:block;color:#222;font-size:13px;text-align:left;}
.gnb_sub_wrap ul.gnb1_sub li a {padding-left:16.203%;}
.gnb_sub_wrap ul.gnb2_sub li a {padding-left:34.388%;}
.gnb_sub_wrap ul.gnb3_sub li a {padding-left:35.281%;}
.gnb_sub_wrap ul.gnb4_sub li a {padding-left:38.888%;}
.gnb_sub_wrap ul.gnb5_sub li a {padding-left:35.185%;}
.gnb_sub_wrap ul li a:hover {color:#44c4bd;font-weight:500;}

.gnb_sub_wrap ul li a.sub9 {line-height:1.2;}

/*#magic-line {position:absolute;bottom:-4px;left:0;width:10px;height:4px;background:#116780;}*/

/* gnb_mobile */
.gnb_mobile_btn {position:absolute;left:4%;bottom:0px;line-height:1;user-select:none;-webkit-tap-highlight-color:transparent;z-index:99;}
.gnb_mobile_btn *, .gnb_mobile_btn *:before, .gnb_mobile_btn *:after {transform:translate3d(0, 0, 0);}

.gnb_mobile_btn .navicon-button {display:inline-block;height:50px;line-height:50px;position:relative;transition:0.25s;cursor:pointer;user-select:none;}
.gnb_mobile_btn .navicon-button .navicon:before, .gnb_mobile_btn .navicon-button .navicon:after {transition:0.25s;}
/*.gnb_mobile_btn .navicon-button:hover {transition:0.5s;}
.gnb_mobile_btn .navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after {transition:0.25s;}
.gnb_mobile_btn .navicon-button:hover .navicon:before {top:10px;}
.gnb_mobile_btn .navicon-button:hover .navicon:after {top:-10px;}*/
.gnb_mobile_btn .navicon-button:hover .navicon, .gnb_mobile_btn .navicon-button:hover .navicon:before, .gnb_mobile_btn .navicon-button:hover .navicon:after {background-color:#ff5a00;}

.gnb_mobile_btn .navicon {position:relative;width:30px;height:4px;margin:23px auto;background:#63d7d1;transition:0.5s;border-radius:30px;}
.gnb_mobile_btn .navicon:before, .gnb_mobile_btn .navicon:after {display:block;content:"";height:4px;width:30px;background:#63d7d1;position:absolute;z-index:-1;transition:0.5s 0.25s;border-radius:12px;}
.gnb_mobile_btn .navicon:before {top:8px;}
.gnb_mobile_btn .navicon:after {top:-8px;}

.gnb_mobile_btn .sb-active:not(.steps) .navicon:before, .gnb_mobile_btn .sb-active:not(.steps) .navicon:after {top:0 !important;}
.gnb_mobile_btn .sb-active .navicon:before, .gnb_mobile_btn .sb-active .navicon:after {transition:0.5s;}
.gnb_mobile_btn .sb-active.x .navicon {background:transparent;}
.gnb_mobile_btn .sb-active.x .navicon:before {transform:rotate(-45deg);}
.gnb_mobile_btn .sb-active.x .navicon:after {transform:rotate(45deg);}

/* mobile slidebar */
/*html.sb-scroll-lock.sb-active:not(.sb-static) {overflow:hidden;}*/
html.sb-scroll-lock.sb-active:not(.sb-static), html.sb-scroll-lock.sb-active:not(.sb-static) body { overflow: hidden; height: 100%; }
#sb-site {min-height:100%!important;}
#sb-site, .sb-site-container {width:100%;min-height:100vh;position:relative;z-index:1;background-color:#ffffff;}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {content:' ';display:table;}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {clear:both;}
.sb-slidebar {height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#333;}
.sb-slidebar, .sb-slidebar * {-webkit-transform:translateZ( 0px );}
.sb-left {left:0;}
.sb-right {right:0;}

html.sb-static .sb-slidebar, .sb-slidebar.sb-static {position:absolute;}
.sb-slidebar.sb-active {display:block;}
.sb-style-overlay {z-index:9999;}
.sb-momentum-scrolling {-webkit-overflow-scrolling:touch;}

.sb-slidebar {width:60%;}
.sb-width-thin {width:40%;}
.sb-width-wide {width:70%;}

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right;
	-webkit-backface-visibility: hidden;}

.sb-hide {display:none;}

.sb-slidebar .sb-menu li {padding:20px 10px;min-height:50px;text-align:right;position:relative;border-top:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);color:#fff;}
.sb-slidebar .sb-menu li p {padding-bottom:3px;}
.sb-slidebar .sb-menu li p.first {padding-top:6px;}
.sb-slidebar .sb-menu li a {color:#fff;font-size:1.1em;}
.sb-slidebar .sb-menu li a:hover {color:#7accd9;}
.sb-slidebar .sb-menu .mtit {margin-bottom:5px;font-size:1.6em;line-height:84%;font-weight:700;color:#30474b;color:#f6731b;z-index:-1;}

/* 로그인 폼 팝업 */
.bypass_popup_wrap {max-width:520px;padding:40px;margin:0 auto;background-color:#fff;border:10px solid #7accd9;border-radius:8px;position:relative;}
.bypass_popup_wrap .top .title {margin-bottom:30px;text-align:center;}
.bypass_popup_wrap .top .title span {margin-left:10px;font-size:1.8em;font-weight:500;vertical-align:middle;}
.bypass_popup_wrap .top .title span.sep_tit {margin-left:8px;}
.bypass_popup_wrap .top .input_bypass {}
.bypass_popup_wrap .top .input_bypass label {display:inline-block;zoom:1;*display:inline;width:75px;padding-right:20px;font-size:1.2em;font-weight:500;text-align:right;}
.bypass_popup_wrap .top .input_bypass input {width:100%;height:36px;}
.bypass_popup_wrap .top .btn_bypass {margin-top:30px;text-align:center;}
.bypass_popup_wrap .top .btn_bypass input {width:130px;height:40px;background-color:#63d7d1;color:#fff;font-size:1.2em;text-shadow:0 0 5px rgba(0, 0, 0, 0.6);border:none;outline:0;}


/* ------------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
	#gnb {border:none;}
	#footer .logo_foot {margin:0 15px 0 15px;}
	#footer .addr span {display:block;}
	#footer .footmenu ul li a {font-size:13px;}
}

/* ------------------------------------------------------------------------- */
@media only screen and (max-width:1100px) {
	.divpop{display: none;}
}
@media only screen and (max-width:1050px) {
	#footer .footmenu ul li a {font-size:12px;}
}
@media only screen and (max-width:1000px) {
	#footer .addr {font-size:12px;}
	#footer .footmenu ul li a {padding:0 8px;font-size:12px;}
}
@media only screen and (max-width:950px) {
	#footer .footmenu ul li a {font-size:11px;}
}
@media only screen and (max-width:900px) {
	#gnb>li>a {font-size:17px;}
	#footer .footmenu ul li a {padding:0 6px;font-size:11px;}
}
@media only screen and (max-width:850px) {
	#gnb>li>a {font-size:16px;}
	#footer .addr {font-size:11px;}
	#footer .footmenu ul li a {font-size:10px;}
}
@media only screen and (max-width:800px) {
	#gnb>li>a {font-size:15px;}
	#footer .addr {font-size:10px;}
	#footer .footmenu ul li {background-position:0 5px;}
	#footer .footmenu ul li a {padding:6px 12px;font-size:11px;}
}
@media only screen and (max-width:750px) {
	#gnb>li>a {font-size:14px;}
	#footer .logo_foot {margin:0 5px 0 5px;}
	#footer .addr {font-size:11px;}
}
@media only screen and (max-width:700px) {
	#gnb>li>a {font-size:13px;}
	#footer .logo_foot {margin:0 5px 0 2px;}
	#footer .addr {font-size:10px;}
}
@media only screen and (max-width:690px) {
	
}
@media only screen and (max-width:650px) {
	#gnb>li>a {font-size:12px;}
	#footer .logo_foot {width:24%;}
	#footer .footmenu ul li a {padding:6px 10px;font-size:10px;}
}

/* -------------------------------- MOBILE --------------------------------- */
@media only screen and (max-width:600px) {
	html {height:100%;}
	body {min-height:100%;height:auto;position:relative;}
	#mq_indicator {display:none;}

	.icons {display:none;}
	.icons_m {height: 50px;}
	.icons_m .sns_m {padding-top: 7px;width:189px;margin:auto;}
	.icons_m .sns_m li {float:left;margin-right: 15px;}
	.icons_m .sns_m li:last-child{margin-right: 0px;padding-top: 3px;}

	.grid-sizer {width:25%;}
	.grid-item {width:25%;}
	.grid-item--width2 {width:50%;}
	.grid-item--width4 {width:100%;}
	.grid-item--width6 {width:100%;}


	#header .inner {height:80px;}
	#header .logo {padding:10px 0 0 15px;}
	.utilmenu {display:none;}
	.national {display:none;}
	.gnb_wrap {display:none;}
	.gnb_mobile_btn {position:absolute;left:auto;right:20px;top:16px;display:block;}
	
	.grid-item--footer {height:70px !important;}
	#footer .footinfo {padding-top:0px;}
	#footer .logo_foot {width:30%;margin:0 30px 0 20px;}
	#footer .addr span {display:inline;}
	#footer .footmenu {padding-top:30px;}
	#footer .footmenu ul li {background-position:0 5px;}
	#footer .footmenu ul li a {font-size:13px;}
}

/* ------------------------------------------------------------------------- */
@media only screen and (max-width:570px) {
	#footer .logo_foot {margin:0 5px 0 10px;}
	#footer .addr {line-height:1.5;font-size:11px;}
	#footer .footmenu ul li {background-position:0 2px;}
	#footer .footmenu ul li a {padding:0 8px;font-size:13px;}
}

@media only screen and (max-width:520px) {
	#footer .addr {font-size:10px;}
	#footer .footmenu ul li a {padding:0 5px;font-size:12px;}
}

/* ------------------------------------------------------------------------- */
@media only screen and (max-width:480px) {

	#header .logo {width:130px; padding-top:20px;}

	#footer .logo_foot {margin:0 5px 0 3px;}
	#footer .addr {font-size:11px;}
	#footer .addr span {display:block;}
	#footer .footmenu ul li {background-position:0 -1px;}
	#footer .footmenu ul li a {padding:0 6px;font-size:10px;}
	#footer .copy {padding:10px 0 30px;font-size:11px;}

	.bypass_popup_wrap .top .title span.sep_tit {display:block;}

}

/* ------------------------------------------------------------------------- */
@media only screen and (max-width:400px) {
	#footer .logo_foot {width:25%;}
	#footer .addr {line-height:1.5;font-size:10px;}
	#footer .footmenu ul li a {padding:0 5px;font-size:9px;letter-spacing:-1px;}
	.icons_m .sns_m li {float:left;margin-right: 10px;}

}
/* ------------------------------------------------------------------------- */
@media only screen and (max-width:320px) {
	#footer .logo_foot {margin:0 3px 0 0;}
	#footer .addr {line-height:1.5;font-size:9px;}
	.icons_m .sns_m li {float:left;margin-right: 4px;}
}