@charset "utf-8";

/* reset */
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

*{margin:0; padding:0;}
body{font-size:16px; color:#6e6e6e; font-family:'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'DotummHelvetica', '돋움', 'Apple SD Gothic Neo', Sans-serif; font-weight:normal; line-height:1;}
a{font-size:inherit; color:inherit; text-decoration:none; outline:0;}
caption, legend{font-size:0; width:0; height:0; overflow:hidden; position:absolute; visibility:hidden;}
fieldset,img{border:0;}
table{border-collapse:collapse; border-spacing:0; border:0;}
th{font-weight:normal; text-align:left; box-sizing:border-box;}
td{box-sizing:border-box;}
ul,ol,dl{list-style:none;}
label{cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-size:inherit; color:inherit; font-weight:normal;}
input[type=password]{IME-MODE: disabled;}
input[type=button],input[type=submit],input[type=image]{cursor:pointer;}



/* common */
.wrap {position:relative; width:100%; height:100%;}
.pcVer {display:block;}
.moVer {display:none;}
.w1200 {position:relative; max-width:1200px; margin:0 auto;}
.grayBg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:20;}
.typePC {display:inline-block;}
.typeMobile {display:none;}


/* layout */
.header {position:fixed; width:100%; background-color:#fff; z-index:15;}
.header .hCenter {position:relative; max-width:1200px; margin:0 auto;}
.header .hCenter:after {content:""; clear:both; display:block;}
.header .hCenter h1 {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%)-50%); transform:translate(-50%, -50%); z-index:10;}
.header .hCenter .searchBox {float:right; margin:35px 0;}
.header .hCenter .searchBox label {display:block; padding:0 10px 8px; border-bottom:1px solid #ccc; font-size:0;}
.header .hCenter .searchBox label input {vertical-align:middle; font-size:14px; color:#333; font-weight:500;}
.header .hCenter .searchBox label input[type=text] {display:inline-block; width:200px; border:0; margin-right:27px;}

.header .gnb {display:block; max-width:1200px; margin:0 auto;}
.header .gnb ul.depth01:after {content:""; clear:both; display:block;}
.header .gnb ul.depth01 > li {position:relative; float:left; width:14.2857%;}
.header .gnb ul.depth01 > li > a {display:block; padding:15px 0; font-size:16px; color:#333; font-weight:500; text-align:center; border-top:1px solid #e4e5e7; border-bottom:3px solid #333333;}
.header .gnb ul.depth02 {display:none; position:absolute; width:100%; padding:30px 20px; box-sizing:border-box; background:rgba(255,255,255,0.8); z-index:10;}
.header .gnb ul.depth02 > li {margin-bottom:15px;}
.header .gnb ul.depth02 > li > a {display:block; font-size:16px; color:#333; font-weight:300;}
.header .gnb ul.depth02 > li:last-of-type {margin-bottom:0;}

.header .searchWrap {display:none;}


.footer {}
.footer .inner {max-width:1200px; margin:0 auto; overflow:hidden;}

.footer .fCon01 {padding:40px 0; background-color:#71c3ee;}
.footer .fCon01 ul {overflow:hidden; text-align:center;}
.footer .fCon01 ul li {float:left; width:25%; box-sizing:border-box; border-right:1px dotted #fff;}
.footer .fCon01 ul li:last-of-type {border-right:0;}
.footer .fCon01 ul li h5 {margin-bottom:20px; font-size:16px; color:#181d62; font-weight:500;}
.footer .fCon01 ul li p {font-size:40px; color:#fff; font-weight:600;}
.footer .fCon01 ul li p span {font-size:20px; font-weight:500;}

.footer .fCon02 {padding:40px 0; background-color:#707070;}
.footer .fCon02 .conLeft {float:left; width:50%; box-sizing:border-box; padding:0 10px;}
.footer .fCon02 .conRight {float:right; width:50%; box-sizing:border-box; padding:0 10px;}
.footer .fCon02 h5 {position:relative; margin-bottom:20px; padding-top:10px; font-size:20px; color:#fff; font-weight:600;}
.footer .fCon02 h5 i {position:absolute; top:0; left:0; display:block; width:20px; height:2px; background-color:#fff;}
.footer .fCon02 ul {overflow:hidden;}
.footer .fCon02 ul li {float:left; width:50%; margin-bottom:15px;}
.footer .fCon02 ul li a {font-size:16px; color:#fff; font-weight:300;}
.footer .fCon02 ul li a img {display:inline-block; vertical-align:middle; width:29px;}
.footer .fCon02 ul li a span {display:inline-block; vertical-align:middle; margin-left:10px;}

.footer .fCon03 {padding:40px 0; background-color:#ffffff; text-align:center;}
.footer .fCon03 p {margin-top:20px; font-size:14px; color:#777;}

/* hover */
.header .gnb ul.depth01 > li > a:hover{color:#71c3ee;}
.header .gnb ul.depth01 > li > a.active{color:#71c3ee;}
.header .gnb ul.depth01 > li > a.active2{color:#71c3ee;}
.header .gnb ul.depth01 > li > ul.depth02 > li > a:hover{color:#71c3ee;}
.header .gnb ul.depth01 > li > ul.depth02 > li > a.active{color:#71c3ee;}




/* allmenu */
.allmenu {display:none;}



/* main */
.main {padding-top:170px;}
.mainVisual {width:1180px;margin: 0 auto;}
.mainVisual ul li img {width:100%;}
.mainVisual ul li video {width:100%;}

.mainVisual .bx-pager {margin-top:30px; text-align:center;}
.mainVisual .bx-pager .bx-pager-item {display:inline-block; margin:0 5px;}
.mainVisual .bx-pager .bx-pager-item a {display:block; width:12px; height:12px; box-sizing:border-box; background-color:#fff; border:2px solid #333; border-radius:50%; text-indent:-9999px;}
.mainVisual .bx-pager .bx-pager-item a.active {background-color:#333;}

.mainVisual .youtube {position: relative;width: 100%;padding-bottom: 56.25%;}
.mainVisual .youtube iframe {position: absolute;width: 100%;height: 100%}

.mainCon01 {position:relative; margin:50px 0; overflow:hidden;}
.mainCon01 .innerLeft {float:left; width:50%; box-sizing:border-box; padding:0 0 0 10px;}
.mainCon01 .innerLeft ul {overflow:hidden;}
.mainCon01 .innerLeft ul li {position:relative; float:left; margin-right:10px; margin-bottom:10px;}
.mainCon01 .innerLeft ul li:nth-of-type(2n) {margin-right:0;}
.mainCon01 .innerLeft ul li img {width:100%;}
.mainCon01 .innerLeft ul li h5 {position:absolute; bottom:0; left:0; width:100%; padding:15px 0; font-size:20px; color:#333; font-weight:600; text-align:center; background:rgba(255,255,255,0.8);}
.mainCon01 .innerLeft ul li.mb0 {margin-bottom:0;}

.mainCon01 .innerRight {float:left; width:50%; box-sizing:border-box; padding:0 10px;}
.mainCon01 .innerRight ul {overflow:hidden;}
.mainCon01 .innerRight ul li {position:relative; float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
.mainCon01 .innerRight ul li:nth-of-type(2n) {margin-right:0;}
.mainCon01 .innerRight ul li img {width:100%;}
.mainCon01 .innerRight ul li h5 {position:absolute; bottom:0; left:0; width:100%; padding:15px 0; font-size:20px; color:#333; font-weight:600; text-align:center; background:rgba(255,255,255,0.8);}
.mainCon01 .innerRight ul li.mb0 {margin-bottom:0;}

.mainCon01 .innerAsrt {position:absolute; bottom:18px; left:0; width:50%; height:31%; box-sizing:border-box; padding:0 10px 0 10px;}
/*.mainCon01 .innerAsrt {position:absolute; bottom:0; left:0; width:50%; box-sizing:border-box; padding:0 10px;}*/
.mainCon01 .innerAsrt .bgSky {padding:8% 0 6% 0; background-color:#71c3ee;}
.mainCon01 .innerAsrt h5 {position:relative; margin:0 40px 45px; padding-top:10px; font-size:25px; color:#fff; font-weight:600;}
.mainCon01 .innerAsrt h5 i {position:absolute; top:0; left:0; display:block; width:20px; height:2px; background-color:#fff;}
.mainCon01 .innerAsrt ul {text-align:center;}
.mainCon01 .innerAsrt ul:after {content:""; clear:both; display:block;}
.mainCon01 .innerAsrt ul li {float:left; width:33.33%; box-sizing:border-box; border-right:1px dotted #fff;}
.mainCon01 .innerAsrt ul li:last-of-type {border-right:0;}
.mainCon01 .innerAsrt ul li p {margin-top:15px; font-size:20px; color:#fff; line-height:1.3;}


.mainCon02 {position:relative;}
.mainCon02 .inner {padding:10px;}
.mainCon02 .inner h5 {position:relative; margin-bottom:40px; text-align:center;}
.mainCon02 .inner h5 span {position:relative; display:inline-block; width:210px; font-size:27px; color:#333; font-weight:600; background-color:#fff; z-index:2;}
.mainCon02 .inner h5 i {position:absolute; top:50%; left:0; display:block; width:100%; height:2px; background-color:#333; z-index:1;}
.mainCon02 .inner ul {overflow:hidden;}
.mainCon02 .inner ul li {float:left; width:23.73%; margin-right:1.694%; margin-bottom:1.694%;}
.mainCon02 .inner ul li:nth-of-type(4n) {margin-right:0;}
.mainCon02 .inner ul li img {width:100%;}
.mainCon02 .inner ul li p {margin:20px 0 10px; font-size:18px; color:#333; font-weight:500; line-height:1.5;}



/* askPop */
.askPop {position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%)-50%); transform:translate(-50%, -50%); z-index:21;}
.askPop {display:none; width:100%; height:700px; max-width:1180px; padding:60px 40px; box-sizing:border-box; border:10px solid #71c3ee; background-color:#fff; text-align:center;}
.askPop h5 {font-size:35px; color:#333; font-weight:600;}
.askPop p {margin:10px 0; font-size:18px; color:#777; line-height:1.5;}
.askPop .close {position:absolute; top:30px; right:30px; width:51px; cursor:pointer;}
.askPop .close img {width:100%;}
.askPop .askTbl {padding:10px 0; border-top:2px solid #333; text-align:left;}
.askPop .askTbl table {width:100%;}
.askPop .askTbl table th.vat {vertical-align:top;}
.askPop .askTbl table th {padding:15px 0; font-size:18px; color:#333; font-weight:500; text-align:center;}
.askPop .askTbl table td {padding:15px 0; font-size:18px; color:#333; font-weight:300;}
.askPop .askTbl table td input,
.askPop .askTbl table td select,
.askPop .askTbl table td textarea {display:block; width:100%; height:30px; padding:0 15px; box-sizing:border-box; border:1px solid #d7d7d7;}
.askPop .askTbl table td textarea {padding:15px; height:160px; resize:none;}
.askPop .askTbl table td > span{width:1%; margin:0 1%; display:inline-block;}
.askPop .askTbl table td input.phone01{display:inline-block; width:31%;}
.askPop .askTbl .col1 {width:11.12%;}
.askPop .askTbl .col2 {width:38.88%;}
.askPop .askBtn {margin-top:10px;}
.askPop .askBtn a {display:inline-block; width:135px; height:40px; line-height:38px; box-sizing:border-box; font-size:16px; color:#333; font-weight:500; border:1px solid #959595;}
.askPop .askBtn a img {margin-left:8px;}

.askPop .askBtn a:hover{background:#f49c00;}

.askPop .progList {width: 300px; border:1 solid red;border-top:none;border-right:none}

.askPop .pager {margin-top:40px; text-align:center; font-size:0;}
.askPop .pager a {display:inline-block; width:27px; height:27px; line-height:25px; margin:0 3px; vertical-align:middle; box-sizing:border-box; border:1px solid #e1e1e1; font-size:16px; color:#333; font-weight:300;}
.askPop .pager a.first {background:url("/img/pager_first.png") no-repeat 0 0; background-size:cover; text-indent:-9999px; border:1px solid #fff;}
.askPop .pager a.prev {background:url("/img/pager_prev.png") no-repeat 0 0; background-size:cover; text-indent:-9999px; border:1px solid #fff;}
.askPop .pager a.next {background:url("/img/pager_next.png") no-repeat 0 0; background-size:cover; text-indent:-9999px; border:1px solid #fff;}
.askPop .pager a.last {background:url("/img/pager_last.png") no-repeat 0 0; background-size:cover; text-indent:-9999px; border:1px solid #fff;}

.askPop .pager a.active {color:#fff; font-weight:600; background-color:#333; }

/* mobile media-queries */
@media all and (max-width:1200px) {
	/* common */
	.w1200 {padding:0 30px;}

}

@media all and (max-width:1000px) {
	/* common */
	.pcVer {display:none;}
	.moVer {display:block;}
	.w1200 {padding:0 4.688%;}
	.typePC {display:none;}
	.typeMobile {display:inline-block;}


	/* layout */
	.header {padding:0 4.688%; box-sizing:border-box;}
	.header .hCenter .searchBox {float:none; margin:0; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.header .hCenter .searchBox label {padding:0; border-bottom:0;}
	.header .hCenter .searchBox label input[type=text] {display:none;}
	.header .hCenter .allMenuBtn {float:left; margin:31px 0;}
	.header .hCenter .allMenuBtn span {display:block; cursor:pointer;}

	.header .gnb {display:none;}

	.header .searchWrap {position:absolute; top:100%; left:0; display:none; width:100%; padding:45px 4.688%; box-sizing:border-box; background-color:#fff; z-index:21;}
	.header .searchWrap .arrow {position:absolute; top:-16px; right:4.688%;}
	.header .searchWrap h5 {margin-bottom:20px; font-size:25px; color:#000; font-weight:600; text-align:center;}
	.header .searchWrap label {display:block; border:2px solid #000; font-size:0;}
	.header .searchWrap label input {display:inline-block; vertical-align:middle; height:48px; box-sizing:border-box; font-size:20px; color:#777; font-weight:300;}
	.header .searchWrap label input[type=text] {width:calc(100% - 42px); padding-left:20px; border:0;}

	.footer .fCon01 {padding:20px 0;}
	.footer .fCon01 ul li {width:50%; padding:20px 0; border-right:0;}

	.footer .fCon02 {padding:30px 4.688%;}
	.footer .fCon02 .conLeft {display:none;}
	.footer .fCon02 .conRight {float:none; width:100%; padding:0;}
	.footer .fCon02 h5 {display:none;}
	.footer .fCon02 ul {text-align:center; margin-bottom:30px;}
	.footer .fCon02 ul li {float:none; display:inline-block; width:auto; margin:0 10px; margin-bottom:0;}
	.footer .fCon02 ul li a span {display:none;}
	.footer .fCon02 ul li a img {width:70px;}
	.footer .fCon02 select {display:block; width:100%; height:55px; padding:0 20px; box-sizing:border-box; font-size:25px; color:#333; font-weight:600;}

	.footer .fCon03 p {font-size:18px;}


	/* allmenu */
	.allmenu.view {left:0;}
	.allmenu {position:fixed; top:0; left:-100%; display:block; width:65.625%; min-width:210px; height:100%; background-color:#eff3f5; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms; transition-duration:300ms; z-index:21;}
	.allmenu .inner {position:relative; width:100%; height:100%; overflow-y:scroll;}
	.allmenu h3 img {width:100%;}
	.allmenu .close {position:absolute; top:20px; right:-60px; width:60px; cursor:pointer;}
	.allmenu .close img {width:100%;}
	.allmenu .menu ul.depth01 {}
	.allmenu .menu ul.depth01 > li {background-color:#fff;}
	.allmenu .menu ul.depth01 > li > a {display:block; padding:30px; font-size:25px; color:#71c3ee; font-weight:600; background-repeat:no-repeat; background-position:93% 50%; background-image:url("/img/allmenu_odd.png");}
	.allmenu .menu ul.depth01 > li:nth-of-type(even) {background-color:#71c3ee;}
	.allmenu .menu ul.depth01 > li:nth-of-type(even) a {color:#fff; background-image:url("/img/allmenu_even.png");}
	.allmenu .menu ul.depth01 > li.on > a {background-image:url("/img/allmenu_on.png");}
	.allmenu .menu ul.depth02 {display:none; padding:20px 30px; background:#eff3f5;}
	.allmenu .menu ul.depth02 > li {margin-bottom:20px;}
	.allmenu .menu ul.depth02 > li:last-of-type {margin-bottom:0;}
	.allmenu .menu ul.depth02 > li > a {display:block; font-size:20px; color:#3a5461; font-weight:300;}


	/* main */
	.main {padding-top:100px;}
	.mainCon01 .innerLeft {float:none; width:100%; padding:0; margin-bottom:10px;}
	.mainCon01 .innerRight {float:none; width:100%; padding:0;}
	.mainCon01 .innerRight ul li.mb0 {margin-bottom:10px;}
	.mainCon01 .innerAsrt {position:relative; bottom:auto; left:auto; width:100%; padding:0;}
	.mainCon01 .innerAsrt .bgSky {padding:30px 0;}
	.mainCon01 .innerAsrt .bgSky .pcVer {padding:30px 0; display:none;}
	.mainCon01 .innerAsrt h5 {margin-bottom:20px; font-size:20px;}
	.mainCon01 .innerAsrt ul {margin:0 40px;}
	.mainCon01 .innerAsrt ul li {float:none; width:100%; padding:20px 0; border-right:0; border-bottom:1px dotted #fff; text-align:left;}
	.mainCon01 .innerAsrt ul li:last-of-type {border-bottom:0;}
	.mainCon01 .innerAsrt ul li a {display:block; width:280px; margin:0 auto;}
	.mainCon01 .innerAsrt ul li img {display:inline-block; vertical-align:middle;}
	.mainCon01 .innerAsrt ul li p {display:inline-block; vertical-align:middle; margin-top:0; margin-left:25px;}

	.mainCon02 .inner {padding:0; margin-bottom:30px;}
	.mainCon02 .inner h5 {margin-bottom:30px;}
	.mainCon02 .inner ul li {width:48.276%; margin-right:3.45%; margin-bottom:3.45%;}
	.mainCon02 .inner ul li:nth-of-type(2n) {margin-right:0;}
	.mainCon02 .inner ul li:nth-of-type(3) {display:none;}
	.mainCon02 .inner ul li:nth-of-type(4) {display:none;}


	/* askPop */
	.askPop {padding:30px;}
	.askPop .close {width:41px;}
	.askPop .askTbl table td.empty {display:none;}
	.mainVisual {width:90%;margin: 0 auto;}

}

@media all and (max-width:425px) {
	/* layout */
	.header .hCenter h1 img {width:100%;}
	.header .hCenter .allMenuBtn {margin:28px 0;}
	.header .hCenter .allMenuBtn img {width:30px;}

	.header .searchWrap {padding:20px 4.688%;}
	.header .searchWrap h5 {font-size:22px;}
	.header .searchWrap label input {height:40px; font-size:16px;}
	.header .searchWrap label input[type=text] {width:calc(100% - 35px);}

	.footer .fCon01 ul li h5 {font-size:14px;}
	.footer .fCon01 ul li p {font-size:32px;}
	.footer .fCon01 ul li p span {font-size:14px;}
	.footer .fCon02 h5 {font-size:18px;}
	.footer .fCon02 ul {margin-bottom:20px;}
	.footer .fCon02 ul li {margin:0 5px;}
	.footer .fCon02 ul li a img {width:60px;}
	.footer .fCon02 select {height:50px; font-size:20px;}
	.footer .fCon03 img {width:140px;}
	.footer .fCon03 p {font-size:13px;}


	/* allmenu */
	.allmenu .close {right:-50px; width:50px;}
	.allmenu .menu ul.depth01 > li > a {padding:20px; font-size:20px; background-position:93% 50%;}
	.allmenu .menu ul.depth02 {padding:20px;}
	.allmenu .menu ul.depth02 > li {margin-bottom:15px;}
	.allmenu .menu ul.depth02 > li > a { font-size:16px;}


	/* main */
	.main {padding-top:90px;}
	.mainCon01 .innerRight ul li h5 {padding:10px 0; font-size:16px;}
	.mainCon01 .innerAsrt .bgSky {padding:30px 0 20px; }
	.mainCon01 .innerAsrt h5 {margin-bottom:10px; font-size:16px;}
	.mainCon01 .innerAsrt ul li {padding:10px 0;}
	.mainCon01 .innerAsrt ul li a {width:90%;}
	.mainCon01 .innerAsrt ul li img {width:40px;}
	.mainCon01 .innerAsrt ul li p {margin-left:10px; font-size:16px;}

	.mainCon02 .inner h5 span {width:180px; font-size:18px;}
	.mainCon02 .inner ul li p {margin:10px 0; font-size:14px;}


	/* askPop */
	.askPop {padding:20px;}
	.askPop h5 {font-size:28px;}
	.askPop p {font-size:16px; word-break:keep-all;}
	.askPop .close {top:20px; right:20px; width:36px;}
	.askPop .askTbl table th {padding:10px 0; font-size:16px; text-align:left;}
	.askPop .askTbl table td {padding:10px 0; font-size:16px;}
	.askPop .askTbl .col1 {width:25%;}
	.askPop .askTbl .col2 {width:75%;}

	.mainVisual {width:90%;margin: 0 auto;}

}

@media all and (max-width:375px) {
	.footer .fCon02 ul li {margin-bottom:15px;}
	.footer .fCon02 h5 {font-size:14px;}
	.footer .fCon02 p a {font-size:12px;}
	.footer .fCon02 p {margin-bottom:15px;}
	.mainVisual {width:90%;margin: 0 auto;}

}