@charset"utf-8";

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

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0} 
body { line-height:1.5;font-family:'GmarketSans',"Noto Sans KR", "NanumGothic", dotum ,sans-serif;vertical-align:middle} 

ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:1.5}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:keep-all;word-break:keep-all;vertical-align: middle;}

img{border:0;line-height:0}
br{font-family:inherit}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit;text-decoration:none;}
a img, input.type-image {border:none;}
strong{font-weight:500}

form{margin:0; padding:0}
input.type-text, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type=button] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px}

.overflow{overflow:hidden}


/* 정렬 */
.float_l{float:left;}
.float_r{float:right;}
.clear{clear:both}

.align_l{text-align:left}
.align_c{text-align:center}
.align_r{text-align:right}

.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

@font-face { font-family: 'GmarketSans'; src: url('../fonts/GmarketSansLight.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'GmarketSans'; src: url('../fonts/GmarketSansMedium.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'GmarketSans'; src: url('../fonts/GmarketSansBold.woff') format('woff'); font-weight: 600; font-style: normal; }

.tit-wrap{width:100%;background:url(../image/img.png) no-repeat 50% 100%;background-size:cover}
.tit-wrap > div{position:relative; height:700px;width:90%;max-width:1200px;margin:0 auto}
.tit-wrap h1{position:absolute;left:0; top:50%;color:#fff;font-size:4.5rem;line-height:1.2;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);text-shadow:5px 5px 5px rgba(0,0,0,.2)}
.tit-wrap h1 span{font-weight:200}
.tit-wrap .spon{width:100%;padding:50px 0;overflow:hidden}
.tit-wrap .spon span{float:left;margin-right:10px;}
.tit-wrap .spon span:last-child{float:right;margin-right:0}
.tit-wrap .spon span img{vertical-align:middle}

.contents{margin:0 auto; width:90%; max-width:1200px}
h2{color:#e9a822; font-size:2.7rem;margin-top:100px;text-align:left;}
h3{font-size:1.8rem;color:#e9a822;margin-top:20px; font-weight:400;text-align:left;}
h4 span{font-size:1.5rem;display:inline-block; background:#e9a822; color:#fff; height:45px; line-height:45px; padding:0 30px; border-radius:50px;margin-top:50px}
.info{display:flex; flex-wrap:wrap;justify-content:space-between}
.info > div{width:calc(50% - 30px)}
.info ul{background:#f1f1f1; padding:20px;font-size:1.2rem; line-height:1.5; min-height:185px}

table{border-top:1px solid #aaa; border-left:1px solid #aaa;width:100%;margin-top:20px}
table thead th{font-size:1.3rem; color:#222;padding:20px 0; background:#fcf3e0; border-right:1px solid #aaa; border-bottom:1px solid #aaa}
table tbody td,table tbody th{font-size:1.2rem; border-right:1px solid #aaa; border-bottom:1px solid #aaa;text-align:center;padding:20px 15px;}
table tbody td a{display:inline-block;color:#fff !important; height:25px; line-height:25px;padding:0 10px;background:#e9a822;font-size:1rem;cursor:pointer}
table tbody td.left{text-align:left;}
.m-thead{display:none}
.ex{margin-top:15px}

.day2 h3{color:#2eac20;margin-top:50px }
.day2 h3 span{background:#2eac20; color:#fff}
.day2 table thead th{background:#ddf8da}
.day2 table tbody td a{background:#2eac20}

.btn {text-align:center;margin-top:30px}
.btn a{display:inline-block; width:100%; max-width:380px; background:#e9a822; color:#fff; height:80px;line-height:85px;font-size:1.5rem}

.cs{font-size:1.3rem}
.cs ul{display:flex; flex-wrap:wrap;margin-top:5px;}
.cs li{width:33.3%;font-size:1rem;background:url(../image/ico-dot.png) no-repeat 0 50%; padding-left:10px;}
.cs li a:hover{color:#e9a822}
footer{background:#f3f4f5;padding:25px 0;margin-top:70px}
footer > div{width:90%; max-width:1200px; margin:0 auto;text-align:center;vertical-align:middle}
footer img{vertical-align:middle;margin:0 10px}
footer span{margin-left:50px}
footer span:first-child{margin-left:0px}

.quick{position:fixed;z-index:9999; top:45%; right:50px}
.btn-m{display:none !important}

.modal_hidden{display:none}
.profile {display:flex; flex-wrap:wrap;}
.profile .img{width:250px}
.profile .con{width:calc(100% - 250px)}
.profile .con .name{font-size:2rem;font-weight:600}
.profile .con .name span{font-weight:200}
.profile .con dl{margin-top:20px}
.profile .con dt{color:#e9a822;}
.profile .con dd{font-size:1rem;background:url(../image/ico-dot.png) no-repeat 0 7px; padding-left:10px;}

.program{display:flex; flex-wrap:wrap;background:#f6f6f6; padding:20px 30px}
.program li{width:50%;background:url(../image/ico-dot.png) no-repeat 0 7px;padding-left:10px;margin-top:10px}

@media(max-width:1300px){
.info ul{font-size:1rem;}
.info > div{width:calc(50% - 15px)}
}

@media(max-width:1024px){
.tit-wrap .spon{padding:25px 0}

.tit-wrap{background:url(../image/img_m.png) no-repeat 50% 100%; background-size:cover}
.tit-wrap > div{height:700px;}
.tit-wrap h1{font-size:3.7rem;text-align:center;top:120px;    -webkit-transform: translateY(0%);    -moz-transform: translateY(0%);    -ms-transform: translateY(0%);    -o-transform: translateY(0%);    transform: translateY(0%);width:100%}
.tit-wrap h1 br{display:none}
.tit-wrap h1 span{display:block;}

h2{font-size:1.5rem;margin-top:30px}
h3{font-size:1.2rem;}
h4 span{font-size:1.2rem; height:40px; line-height:40px;}

.info > div{width:100%;min-height:auto}
table thead th{font-size:1.1rem}
table tbody td{font-size:1rem}

.cs li{width:100%}
.quick{right:20px;bottom:30px;top:auto;width:80px; height:80px;}
.quick img{max-width:100%}

.program li{width:100%}
}

@media(max-width:768px){
.tit-wrap > div{height:600px}
.tit-wrap h1{font-size:2.5rem;}
.tit-wrap .spon{padding:20px 0}
.tit-wrap .spon img{height:20px}

h2{font-size:1.5rem;margin-top:30px}
h3{font-size:1.2rem;}
h4 span{ font-size:1rem;height:35px; line-height:35px;}

.info ul{font-size:.9rem;min-height:auto}
.info > div{width:100%;}
table thead th{font-size:1rem;padding:15px 10px}
table tbody td{font-size:.8rem;padding:15px 10px;letter-spacing:-1px}
table tbody td a{font-size:.7rem}
.btn a{font-size:1.2rem;height:60px;line-height:65px}
footer {font-size:.8rem}
footer > div span{width:50%;display:flex; flex-wrap:wrap;align-items:center; text-align:left;margin-left:0;padding-top:10px;}
footer > div span:first-child{padding-top:0}
footer > div span strong{display:inline-block; width:40px;}
footer > div span em{display:inline-block; width:calc(100% - 40px)}
footer img{height:30px}

.btn-pc{display:none !important}
.btn-m{display:block !important;margin:0 auto}

.profile .img{width:100%;text-align:center}
.profile .con{width:100%}
.profile .con .name{text-align:center; margin-top:20px}

.profile .con dd{font-size:.8rem}

.notice{text-align:center}
.notice svg, .notice i{font-size:3rem; color:#e9a822}
.cs{font-size:1rem}


.tbl-wrap table{table-layout:auto}
.tbl-wrap table colgroup{display:none}
.tbl-wrap tbody th, .tbl-wrap thead th:first-child{display:none}
.tbl-wrap tbody td{word-break:keep-all}
.m-thead{display:block;margin-top:20px}
}

@media(max-width:500px){
.tit-wrap > div{height:400px}
.tit-wrap h1{font-size:1.8rem;top:80px}
}