@charset "utf-8";

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* reset */
html {overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family: '맑은 고딕','NanumSquare'; font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-2px; word-spacing:0px; color:#555;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;max-height:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
*html body img {margin:none; padding:none;} /*for IE 6*/
img[usemap] {border:none; height:auto; max-width:100%; width:auto;}
a{
  color:inherit;
  	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#9e9d9d;}

table caption {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
/* input[type="radio"], input[type="checkbox"] { vertical-align:middle !important; } */
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0; }
input[type='checkbox']{-webkit-appearance:checkbox; } 
input[type='radio']{-webkit-appearance:radio; }

/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
/* .hide {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;} */
.pointer {cursor:pointer;}
.input {height:35px; padding:5px 9px; font-size:15px; line-height:23px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.textarea {padding:5px 9px; font-size:14px; line-height:24px; border:1px solid #ddd; resize:none; overflow:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.select {height:35px; padding:0 9px; font-size:14px; font-weight:400; color:#807f7f; line-height:23px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input[type=file].input {border:0;padding:0;}
.text-box1 { padding:15px 0; font-size:14px; font-weight:300; line-height:24px; color:#777; border:1px solid #ccc; border-top:0;}
.head.bg0 { text-align:center; margin-top:20px; padding:8px 15px; background:#90f0f3}
.head.bg1 { text-align:center; margin-top:20px; padding:8px 15px; background:#16c5d0}
.head.bg2 { text-align:center; margin-top:20px; padding:8px 15px; background:#5badda}
.head.bg3 { text-align:center; margin-top:20px; padding:8px 15px; background:#5b65fa}
.head.bg4 { text-align:center; margin-top:20px; padding:8px 15px; background:#182ef0}
.head.bg5 { text-align:center; margin-top:20px; padding:8px 15px; background:#5a861d}

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 auto; }
.col { position: relative; width: 100%; padding:0 5px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.intro .cnt1 h4 {font-size:18px; font-weight:700; line-height:26px; color:#000;}
.intro .cnt2 {margin:25px 0;}
.intro .cnt3 p {margin-bottom:25px;}
.intro .row {margin:-8px 0;}
.intro .row:after {content:""; display:block; clear:both;}
.intro .row .col {text-align:center; padding:8px 15px;}
.intro .row .col .head {padding:10px 0;}
.intro .row .col .head h3 {font-size:24px; font-weight:500; color:#fff; line-height:26px;}
.intro .row .col .head.bg1 {background:#439fcf}
.intro .row .col .head.bg2 {background:#5c88ba}
.intro .row .col .head.bg3 {background:#43cacf}
.intro .row .col .head.bg4 {background:#8bb949}
.intro .row .col .txt {padding:15px 0; font-size:14px; font-weight:300; line-height:24px; color:#777; border:1px solid #ccc; border-top:0;}
.intro .row .col1 {width:100%; clear:both;}
.intro .row .col2 {float:left; width:50%;}
.intro .row .col2 .txt {text-align:left; padding:15px;}
.intro .cnt4 {position:relative; margin-top:50px; text-align:center; padding:35px 20px; border:1px solid #ccc;}
.intro .cnt4 .head {position:absolute; top:-18px; text-align:center; margin-left:20px; background:#3b74ac; color:#fff; border-radius:20px;padding: 0 20px}
.intro .cnt4 .head h3 {font-size:16px; font-weight:500; line-height:38px;}
.intro .cnt4 .head h3:before {content:""; display:inline-block; width:17px; height:17px; vertical-align:middle; margin:-.2em 5px 0 0;}
.intro .cnt4 strong {margin-bottom:20px; display:block; font-size:16px; font-weight:500; line-height:26px; color:#000;}
.intro .cnt4 .img {float:left; margin:8px 20px 0 0;}
.intro .cnt4 .box {margin-bottom:20px;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}

.fl {float:left;}
.fr {float:right;}

.space-center {text-align:center !important;}
.space-right {text-align:right !important;}
.space-left {text-align:left !important;}

.text-red {color:#ff0000;}
.text-black {color:#000000;}

.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
.fs-24 {font-size:24px;}
.fs-28 {font-size:28px;}

/* 사이트맵 */
.sitemap {*zoom:1; margin:0 -10px; overflow:hidden;}
.sitemap:after {content:" "; display:block; clear:both;}
.sitemap dl {float:center; width:20%; padding:0 10px; vertical-align:top; box-sizing:border-box;}
.sitemap dl dt {margin-bottom:5px; text-align:center; color:#fff; font-size:20px; font-weight:500; line-height:40px; letter-spacing:-2px; background:#3693b0;}
.sitemap dl dd {border-bottom:1px solid #ddd;}
.sitemap dl dd > a {display:block; line-height:22px; color:#555; font-size:15px; background:url("../images/sub/dot.gif") 5px 16px no-repeat; padding:8px 0 8px 20px; text-decoration:none;}
.sitemap dl dd a:hover,.sitemap dl dd a:focus {text-decoration:underline;}
.sitemap ul {border-top:1px dotted #eee; padding:8px 0 8px 25px; background:#fafafa;}
.sitemap ul li a {background:none; display:block; font-size:14px; line-height:24px; color:#777;}
.sitemap ul li a:before {content:"";}