@charset "utf-8";
@import url('reset.css');
.clr:before,
.clr:after { content: ' '; display: block; }
.clr:after { clear: both; }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
body { font-size: 22px; color: #000; font-family: '맑은 고딕', '나눔고딕', dotum; }
::-webkit-input-placeholder { color: #c5c4c4; }
::-moz-placeholder { color: #c5c4c4; }
:-ms-input-placeholder { color: #c5c4c4; }
:-moz-placeholder { color: #c5c4c4; }
.placeholder { color: #c5c4c4 !important; }
.placeholder option { color: #000; }
.wrapper { margin: 0 auto; }
.wrap { max-width: 1100px; margin: 0 auto; text-align: left; }
.wrap2 { max-width: 1400px; margin: 0 auto; text-align: left; }
.imgbox > img,
.imgbox > a > img,
.imgbox > .wrap > img,
.imgbox > .wrap > a > img { display: block; width: 100%; }
.ta-c { text-align: center; }
.fullimg { position: relative; overflow: hidden; text-align: left; }
.fullimg img { display: block; position: relative; left: 50%; margin-left: -960px; }

.quick1{bottom:80px;}
.quick2{bottom:5px;}
@media all and (max-width:1099px) {
    .fullimg img { left: 0; margin-left: -37.2727%; width: 174.5454%; }
}

/* content */
.co1 { background: url(../imgs/co1_bg.jpg) no-repeat 50% 0; background-size: cover; }
.co1 .btns { margin: 0 auto; line-height: 0; text-align: center; }
.co1 .btns img { width: 40%; max-width: 304px; margin: 0 1.4%; }
.co1-2-pc { }
.co1-2-m { display: none; }
.co2 { background: #ff4132; }
.co3 { background: #f2f2f2; }
.co4 { position: relative; background: url(../imgs/co4_bg.jpg) no-repeat 50% 0; background-size: cover; }
.co4:before { content: ''; position: absolute; left: 0; right: 0; bottom: 17%; height: 13.5%; background: url(../imgs/co4_photo.jpg) repeat-x 50% 50%; }
.co5 { background: #f2f2f2; }
.co6 { padding-top: 110px; padding-bottom: 90px; background: url(../imgs/co6_bg.jpg) no-repeat 50% 0; background-size: cover; }
.co6 .wrap { padding: 0 20px; }
.co6-img { float: left; width: 41%; max-width: 444px; }
.co6-img img { width: 100%; }
.co7 { background: url(../imgs/co7_bg.jpg) no-repeat 50% 0; background-size: cover; }
.co8 { background: #f2f2f2; }
.co9 { background: #3bb6d5; }
.partners { padding: 0 20px 10%; }
.footer { padding-top: 6%; padding-bottom: 5%; background: #efefef; color: #888; font-size: 0.7em; text-align: center; }

/* 홈페이지바로가기 */
.go-home { padding-top: 5%; text-align: center; font-size: 1.1em; letter-spacing: -0.05em; line-height: 1.1; }
.go-home a { display: inline-block; padding: 15px 20px; background: #000; border-radius: 150px; color: #fff; text-decoration: none; }
.go-home2 { padding-top: 3%; text-align: center; }
.go-home2 img { width: 83%; max-width: 638px; }

/* 최신글 */
.latest { float: right; width: 59%; max-width: 530px; font-size: 17px; }
.latest-title { font-size: 1.35em; color: #fff; letter-spacing: -0.075em; }
.ticker-wrap { margin: 25px auto; padding: 20px 15px; background: #fff; box-sizing: border-box; }
.latest-list { width: 100%; letter-spacing: -0.07em; }
.latest-list li { display: table; width: 100%; position: relative; height: 30px; line-height: 30px; }
.latest-list li:first-child { border-top: 0; }
.latest-list li a { color: inherit; font-weight: bold; text-decoration: none; }
.latest-list li > div { display: table-row; width: 100%; }
.latest-list li > div > span { display: table-cell; padding: 0 5px; text-align: center; }
.latest-list li > div > span:nth-child(1) { width: 110px; }
.latest-list li > div > span:nth-child(2) { white-space: nowrap; word-break: break-all; word-wrap: break-word;/* text-overflow: ellipsis; */ overflow: hidden; text-align: left;/* text-indent: 10px; */ }
.latest-list li > div > span:nth-child(3) { width: 80px; }
.latest-list li > div > span:nth-child(4) { width: 80px; }
.latest-list li [class*="state-"] { display: inline-block; width: 70px; padding: 5px 10px; border-radius: 35px; box-sizing: border-box; font-style: normal; font-size: 0.8em; text-align: center; line-height: 1; }
.latest-list li .state-1 { background: #4a40cb; color: #fff; }

/* 신청폼 */
#dbresult { display: block; width: 0; height: 0; }
.dbform { background: #3f3e48; }
.dbform .form { }

/* 입력폼 */
.dbform .text,
.dbform .select,
.dbform .textarea { width: 100%; padding: 5px; border: 0 none; background: #fff; background-image: none !important; height: 50px; box-sizing: border-box; }
.dbform .textarea { height: 190px; resize: none; }
.dbform .select { padding: 5px 0; }

/* 폼 그룹 */
.dbform .item-list {/* margin: 0 20px; */ }
.dbform .item-row:before,
.dbform .item-row:after { content: ''; display: block; }
.dbform .item-row:after { clear: both; }
.dbform .item-row { position: relative; margin-bottom: 20px; }
.dbform .item-row:last-child { margin-bottom: 0; }
.dbform .item-col { float: left; width: 50%; box-sizing: border-box; }
.dbform .item-col:first-child {/* padding-right: 50px; */ }
.dbform .item-col:last-child {/* padding-left: 50px; */ }
.dbform .item-col-1 { width: 50%; padding: 0 1.5%; }
.dbform .item-col-2 { width: 33.3333%; padding: 0 1.5%; }
.dbform .label,
.dbform .field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dbform .label { position: absolute; width: 120px; padding-left: 15px; line-height: 50px; height: 50px; white-space: nowrap; color: #724b18; }
.dbform .field { vertical-align: top; }
.dbform .field-desc { display: inline-block; margin-top: 3px; margin-left: 5px; margin-bottom: 0; color: #fff; vertical-align: top; line-height: 1.5em; font-size: 11px; }
.dbform .dash { display: inline-block; width: 8%; text-align: center; }

/* 폼하단,처리 */
.dbform .agree { font-size: 0.8em; color: #fff; text-align: center; }
.dbform .agree-label { }
.dbform .agree-label input { width: 16px; height: 16px; }
.dbform .privacy-link { color: #575757; font-size: 0.9em; text-decoration: underline; }
.dbform .submit { padding: 4% 0 8%; }
.dbform .submit .submit-btn { display: block; width: 90%; max-width: 380px; margin: 0 auto; cursor: pointer; }
.dbform-2 .submit { padding-bottom: 0; }
.dbform-2 .submit .submit-btn { max-width: 570px; }

/*.tels i { float: left; width: 5%; text-align: center; font-size: 20px; font-style: normal; height: 50px; line-height: 50px; }
.tels i:before { content: '-'; }*/
.time .text { width: 70%; }
.radio-field { padding-top: 10px; padding-bottom: 10px; }
.radio-field label { white-space: nowrap; margin-right: 5px; }
.radio-field input[type=radio] { vertical-align: middle; width: 16px; height: 16px; }
.name-field { padding-right: 0 !important; }
.time-field { position: relative; }
.time-field:after { content: '시'; position: absolute; right: 0; top: 0; color: #bbb; padding: 10px; }

/* quick */
.quick { position: fixed; right: 0; top: 67px; width: 197px; }
.quick > .inner { }

/* quick-btn */
.quick-btn { position: fixed; right: 10px; top: 10px; display: none; width: 60px; height: 60px; border-radius: 50%; background: #e84c27; text-align: center; opacity: 0.8; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.quick-btn a { display: table-cell; vertical-align: middle; color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; cursor: pointer; }
.quick-btn.is-hide { top: -100px; opacity: 0; }

/* quick dbform */
.quick-dbform { background: url(../imgs/quick_form_bg.jpg) repeat-y 50% 0; font-size: 12px; }

/* 입력폼 */
.quick-dbform .text,
.quick-dbform .select,
.quick-dbform .textarea { width: 100%; padding: 0 5px; border: 0 none; background: #fff; background-image: none !important; height: 25px; box-sizing: border-box; }
.quick-dbform .textarea { height: 190px; resize: none; }
.quick-dbform .select { padding: 5px 0; }

/* 폼 그룹 */
.quick-dbform .item-list { margin: 0 20px; }
.quick-dbform .item-row:before,
.quick-dbform .item-row:after { content: ''; display: block; }
.quick-dbform .item-row:after { clear: both; }
.quick-dbform .item-row { position: relative; margin-bottom: 8px; }
.quick-dbform .item-row:last-child { margin-bottom: 0; }
.quick-dbform .label,
.quick-dbform .field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quick-dbform .label { position: absolute; width: 120px; padding-left: 15px; line-height: 25px; height: 25px; white-space: nowrap; color: #724b18; }
.quick-dbform .field { vertical-align: top; }
.quick-dbform .field-desc { display: inline-block; margin-top: 3px; margin-left: 5px; margin-bottom: 0; color: #fff; vertical-align: top; line-height: 1.5em; font-size: 11px; }
.quick-dbform .dash { display: inline-block; width: 8%; text-align: center; }

/* 폼하단,처리 */
.quick-dbform .agree { padding: 8px 0; color: #fff; text-align: center; letter-spacing: -0.1em; }
.quick-dbform .agree .privacy-link { }
.quick-dbform .submit { padding-bottom: 10px; }
.quick-dbform .submit input { display: block; margin: 0 auto; }

/* 폼 커스텀 */
.tels:after { content: ''; display: block; clear: both; }
.tels .text,
.tels .select { float: left; width: 32%; margin-right: 2%; }
.tels .text:last-child,
.tels .select:last-child { margin-right: 0; }

.toptext{font-size:12pt;}

.c0_new6_video{width:100%;max-width:1300px;text-align:center;margin:0 auto;}
 
.c0_new6_video div{width:32%;display:inline-block;margin:90px 0}
.c0_new6_video div video{width:100%;border:1px solid #d8d8d8;box-shadow:1px 1px 2px gray;}

/* responsive */
@media all and (max-width:1023px) {
    .quick { display: none; }
    .quick-btn { display: table; }
}
@media all and (max-width:1099px) {

    /* content */
    .co4:before { -webkit-background-size: cover; background-size: cover; }
    .co6 { padding-top: 7%; padding-bottom: 5%; }
    .co6-img { width: 35%; }
    .latest { width: 61%; max-width: none; }
}
@media all and (max-width:767px) {

    /* content */
    .co1-2-pc { display: none; }
    .co1-2-m { display: block; }
    .co6 { padding-top: 30px; padding-bottom: 20px; }
    .co6 .wrap { padding: 0 10px; }
    .co6-img { display: none; }
    .latest { float: none; width: auto; max-width: none; }
    .partners img { width: 50%; min-width: 110px; }

    /* 신청폼 */
    .dbform .item-list { }
    .dbform .item-col { float: none; width: auto; padding: 0 5%; margin-bottom: 10px; }
	
	.toptext{font-size:0.6em;}
	.quicks img{width:160px;}
	
	.quick1{left:0px;bottom:5px;}
	.quick2{bottom:5px;}
	
	.co_new6{padding-bottom:50px;}
	.co_new6 h1{font-size:1.2em;margin-top:40px!important;margin-bottom:20px;}
	.c0_new6_video div{width:80%;display:inline-block;margin:10px 0}
}
@media all and (max-width:479px) {
    body { font-size: 16px; }

    /* 홈페이지바로가기 */
    .go-home { font-size: 0.9em; }
    .go-home a { padding: 2% 20px; }

    /* 최신글 */
    .latest { font-size: 13px; }
    .ticker-wrap { padding: 10px 5px; }
    .latest-list li > div > span:nth-child(1) { width: auto; white-space: nowrap; }
    .latest-list li > div > span:nth-child(2) { }
    .latest-list li > div > span:nth-child(3) { width: auto; white-space: nowrap; }
    .latest-list li > div > span:nth-child(4) { width: auto; white-space: nowrap; overflow: hidden; }
    .latest-list li [class*="state-"] { width: auto; }

    /* 신청폼 */
    .dbform .text,
    .dbform .select { height: 40px; }
    .dbform .textarea { height: 135px; }
    .dbform .item-row { margin-bottom: 10px; }
}
@media all and (max-width:339px) {

    /* 최신글 */
    .latest { font-size: 12px; }
}
#msg_null { position: fixed; width: 100%; text-align: center; z-index: 10000 }

/* 팝업 */
.popup { position: relative; font-size: 13px; color: #555; }
.popup h1 { margin-top: 0; padding: 10px; background: #333; color: #fff; font-size: 18px; font-weight: bold; }
.popup h2 { font-size: 14px; margin: 25px 15px 15px; }
.popup p { margin: 0; }
.popup .close-popup { position: absolute; top: 5px; right: 5px; }
.popup .close-popup a { display: inline-block; width: 30px; height: 30px; background: url(../imgs/close-popup.png) no-repeat; text-indent: -99999px; overflow: hidden; }
.popup .pre { font-family: "돋움", dotum, verdana; display: inline-block; width: 94%; padding: 1% 2%; word-wrap: break-word; word-break: break-all; line-height: 1.3; white-space: pre-wrap; text-align: left; }
.popup .pre .p5 { padding-top: 10px; }
.no-pre { font-family: "돋움", dotum, verdana; display: inline-block; width: 94%; padding: 1% 2% 20px; line-height: 1.6; letter-spacing: -0.07em; }
.no-pre dl { margin-top: 10px; margin-bottom: 10px; }
.no-pre dd { padding-left: 10px; margin-bottom: 10px; }
.no-pre dt { margin-bottom: 10px; font-weight: bold; }
.no-pre ul { margin-top: 5px; margin-bottom: 10px; }
.no-pre li { padding-left: 15px; margin-bottom: 10px; }
.no-pre table { border-collapse: collapse; margin-top: 10px; margin-bottom: 20px; }
.no-pre table th { padding: 5px; background: #ddd; border: 1px solid #ccc; }
.no-pre table td { padding: 5px; border: 1px solid #ccc; }
.no-pre .old-link { display: block; text-align: center; }
.no-pre .old-link a { display: inline-block; padding: 10px; border: 1px solid #ccc; background: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; color: #000; }