@font-face {
    font-family: 'Yangjin';
    src: url('https://cdn.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
 
 #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 초기화 */
*{letter-spacing:-0.06em; line-height:1em}
html {overflow-y:scroll; overflow-x:hidden}
body {margin:0;padding:0;font-size:0.75em;font-family : 'NanumSquareNeo', Malgun Gothic,  Dotum, sans-serif ;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
.montser{font-family :"Montserrat", Malgun Gothic, ; letter-spacing:-0.3px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd ,li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family : 'NanumSquareNeo', Malgun Gothic,  Dotum, sans-serif ;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
table{border-collapse:collapse}
 *:focus { outline:none; }

textarea, select {font-family : 'NanumSquareNeo', Malgun Gothic,  Dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
input, textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
 
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button{border:0;}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
.block{display:block}
.clear:after{content:"";display:block;clear:both;*zoom:1}

.sound{display:inline-block;width:0;height:0;font-size:0 !important;line-height:0}
caption{display:none}
.hidden{display:none}
a{outline:0} 
::selection {background: #2e2d2d;color: #FFF;text-shadow: none;}
::-moz-selection {b ackground:#431601;color: #FFF;text-shadow: none;
}
::-webkit-selection {background:#431601;color: #FFF;text-shadow: none;}


.elip{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;}
.ie .elip{display:block !important;}
.e_line1{-webkit-line-clamp: 1;}
.e_line2{-webkit-line-clamp: 2;}

.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center !important;}
.gray{color:#828282 !important;}
.org{color:#ed6d00 !important;}
.blue{color:#1c92eb !important;}
.white{color:#fff !important;}
.black{color:#000 !important;}
.bold{font-weight:bold !important;}
.top{vertical-align:top !important}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.weight900{font-weight:900 !important}
.weight500{font-weight:500 !important}
.weight300{font-weight:300 !important}
.mb0{margin-bottom:0 !important;}
.mt0{margin-top:0 !important;}
.pointer{cursor:pointer;}
.block{display:block !important;}
.inline{display:inline !important;}
.w100{width:100% !important;}
.w50{width:50% !important;}
.padd-bot0{padding-bottom:0 !important;}
.cursor{cursor:pointer;}
.bg_white{background-color:#fff !important;}
.trans,.b-ajax-wrapper{
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;}
.bg_trans{
transition: background 0.25s ease-in-out;
-webkit-transition: background 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out;
-ms-transition: background 0.25s ease-in-out;
-o-transition: background 0.25s ease-in-out;}
.placeholdersjs {color:#aaa !important}

.panel_on{overflow:hidden; height:100%;}

.fa-pencil-square-o:before { content: "\f044";}


.nice-select.open .list{height:230px;}
.nice-select .option,.nice-select .current{height:40px;line-height:40px;font-size: 16px;padding: 0 10px;}

.swiper-slide-thumb-active{border: 5px solid #b40925;}

.swiper-pagination{margin-top:30px}
.swiper-pagination span{display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50%;border: 0;margin:0 5px;font-size: 0;background-color: #e6e6e6;}
.swiper-pagination span.swiper-pagination-bullet-active{background-color: #233c75;}





.selec_chk {left: 0;position: absolute;top: 0;opacity: 0;}

.chk_box2 {
    position: relative;
    font-weight: 300;
}
.chk_box2 input[type="checkbox"] + label {position:relative;vertical-align: middle;}
.chk_box2 input[type="checkbox"] + label span {display: inline-block;vertical-align: middle;background-color: #fff;text-align: center;border: 1px solid #aaa;}
.chk_box2 input[type="checkbox"] + label span i{display:none;color: #1d5c39;vertical-align: middle;}


.write_div .chk_box2 input[type="checkbox"] + label span, .bo_vc_w .chk_box2 input[type="checkbox"] + label span {position:absolute;left:0;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}

.chk_box2 input[type="checkbox"]:checked + label {}
.chk_box2 input[type="checkbox"]:checked + label span i {display:inline-block}

.contents p{position:relative;}
.contents p:last-child{margin-bottom:0;}
.link1{display:block;position:absolute;bottom: 4.3%;left: 20.5%;width: 58%;height: 6.4%;}

.con_box2{width: 85%;margin:0 auto;box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 20px;}
@media (min-width: 1200px) {
.selec_chk {width: 20px;height: 20px;}
.chk_box2 input[type="checkbox"] + label {line-height: 20px;}
.chk_box2 input[type="checkbox"] + label span {width: 20px;height: 20px;line-height: 16px;margin-right: 10px;border-radius: 5px;}
.chk_box2 input[type="checkbox"] + label span i{font-size: 18px;}


.visual{height:715px;}

.wrap_in{/* padding-left:calc(65vw - 600px); *//* width:65vw; */margin: 0 auto;}
.wrap_in .poster{position: sticky;top: 0;left: 0;width:calc(65vw - 600px);align-self: flex-start;padding: 50px 4vw 50px 0;text-align: right;}
.wrap_in .poster img{width:auto; max-width:100%;}
.inbox{width: 800px;padding-bottom: 100px;}
.contents{padding:90px 0}
.contents p{margin-bottom:90px}
.con_box{padding: 70px 12px;}
.con_box2{  padding: 70px 50px;  }
.con_box2:last-child{padding: 70px 50px;}
.title{margin: 0 auto 40px;}
.title span{ font-size:45px;}
.chk_box2 {font-size:15px}

    .form li:nth-last-child(3){margin-top: 40px;}
.form li{font-size: 25px;color:#266031}
    .form li p{font-size: 25px;/* margin-bottom: 5px; */}
.form li div{font-size: 22px;color:#266031;font-weight:900}
    .form li i{font-size:20px;}
.form li input[type=text]{height:65px;border-radius:10px;font-size: 20px;}
.hp input{width: 31% !important;}
.form li>span{font-size:17px; height:65px; border-radius:10px;}

.form li button{height:65px;font-size:23px;border-radius:10px;margin: 20px auto 0;}

.con_box2 h5{font-size:20px; margin-bottom:20px;}

.list{padding-left:10px; margin-bottom:50px;}
.list li{padding-left:10px; font-size:17px; }
.list li::before{font-size:17px; }

}

@media (min-width: 800px) and (max-width: 1200px){
	.visual{height: 50vw;background-size: auto 100% !important;}
.selec_chk {width:18px;height:18px;margin-top: -5px;}
.chk_box2 input[type="checkbox"] + label span {width: 3vw;height: 3vw;line-height: 2.5vw;margin-right: 1vw;margin-top: -4px;}
.chk_box2 input[type="checkbox"] + label span i{font-size: 20px;}




.wrap_in{/* padding-left:calc(65vw - 600px); *//* width: 90vw; */margin: 0 auto;justify-content: space-between;}
.wrap_in .poster{width: 100%;align-self: flex-start;padding: 5vw 0;text-align: center;}
.wrap_in .poster img{width:auto; max-width:100%;}
.inbox{max-width: 600px;width: 100%;margin: 0 auto;padding: 10vw 0;}
.con_box{padding: 7vw 1vw;}
.con_box2{padding: 7vw 3vw;}
.con_box2:last-child{padding: 4vw 3vw;width: 100%;margin-top: 6vw;}
.title{margin: 0 auto 4vw;}
.title span{ font-size:45px;}
.chk_box2 {font-size: 2.5vw;}
.contents p{margin-bottom:7vw}
.form li{margin-bottom:2vw !important}
      .form li:nth-last-child(3){margin-top: 40px;}
.form li{font-size: 2vw;color:#266031}
    .form li p{font-size: 2.5vw;/* margin-bottom: 5px; */}
.form li div{width: 35% !important;font-size: 2.5vw;color:#266031;font-weight:900}
.form li i{font-size:2vw;}
.form li input[type=text]{height: 6vw;border-radius: 1vw;font-size: 2.5vw;}
    .hp input{width: 31% !important;}
.form li>span{font-size: 2.5vw;height: 7vw;border-radius: 1vw;}

.form li button{height: 6vw;font-size: 3vw;border-radius: 1vw;margin: 1vw auto 0;}

.con_box2 h5{font-size:20px; margin-bottom:20px;}

.list{padding-left:10px; margin-bottom:50px;}
.list li{padding-left:10px; font-size:17px; }
.list li::before{font-size:17px; }

}

@media (max-width:800px){
	.visual{height: 59vw;background-size: auto 100% !important;}
.selec_chk {width:18px;height:18px;margin-top: -5px;}
.chk_box2 input[type="checkbox"] + label span {width: 4vw;height: 4vw;line-height: 4vw;margin-right: 1vw;margin-top: -4px;}
.chk_box2 input[type="checkbox"] + label span i{font-size: 3vw;}




.wrap_in{/* padding-left:calc(65vw - 600px); *//* width: 92vw; */margin: 0 auto;justify-content: space-between;}
.wrap_in .poster{width: 100%;align-self: flex-start;padding: 9vw 0;text-align: center;}
.wrap_in .poster img{width: 68.7vw;}
.inbox{max-width: 600px;width: 100%;margin: 0 auto;padding: 11vw 0;}
    .contents p{margin-bottom:13vw;padding: 0 5vw;}
.con_box{padding: 10vw 1vw;}
.con_box2{padding: 7vw 3vw;}
.con_box2:last-child{padding: 5vw 5vw 6vw;width: 85vw;margin-top: 13vw;}
.title{margin:0 auto 7vw;}
.title span{font-size: 8vw;}
.chk_box2 {font-size: 3vw;}
.form li div{width: 35% !important;font-size: 3.2vw;color:#266031;font-weight:900}
.form li{margin-bottom: 2vw !important;}
.form li input[type=text]{height: 8vw;border-radius: 1.5vw;font-size: 3vw;}
   .form li:nth-last-child(3){margin-top: 5vw;}
.form li{font-size: 2vw;color:#266031}
    .form li i{font-size:3vw}
.form li>span{font-size: 3vw;height: 9vw;border-radius: 1vw;}
  .hp input{width: 31% !important;}
.form li button{width: 50% !important;height: 9vw;font-size: 4.5vw;border-radius: 1vw;margin: 2vw auto 0;}
    .form li p{font-size: 3.2vw;/* margin-bottom: 5px; */}
.con_box2 h5{font-size: 3.5vw;margin-bottom: 3vw;}

.list{padding-left:10px; margin-bottom:50px;}
.list li{padding-left: 2vw;font-size: 3vw;}
.list li::before{font-size: 3vw;}

}
.visual{background:url(images/visual.png) no-repeat 50%;}
img{width:100%;}
.bg_brown{background-color: #fff;}
.bg_gray{background-color:#dedede;}
.bg_green{background-color:#1d5c39;}
.wrap{background-color: #266031;}
.inbox{/* background-color:#fff; */margin: 0 auto;}
.wrap_in{position:relative;}
.title{text-align:center;width: 80%;}
.title span{position:relative; color:#282828; font-weight:bold; z-index:1}
.title span::after{position:absolute;left:0;bottom: 4%;width:100%;height:25%;content:'';background-color: #fdeb26;z-index:-1;}
.form li p{line-height: 1.4em;}
.form li{position:relative;display:flex;justify-content: space-between;margin-bottom: 20px;align-items: center;}
.form li i{color: #1d5c39;position: absolute;top: 50%;right: 3%;z-index: 10;transform: translateY(-50%);/* font-weight: 400; */}
.form li div{width:30%}
.form li #bf_file_1{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0}
.form li:last-child{margin-bottom:  0 !important;}
.form input[type=text]{width: 100%;border:0;background-color: #d1ebe0;color:#282828;font-weight:300;padding: 0 3%;/* border: 1px solid #aaa; */}
.form li>span{display:flex;background-color:#743d2a;color:#fff;text-align:center;cursor:pointer;align-items: center;width: 22%;justify-content: center;margin-left: 10px;}

.form li button{width: 40%;background-color:#1d5c39;color:#fff;text-align:center;font-weight: 900;display: block;}

.list:last-child{margin-bottom:0;}
.list li{position:relative;color: #fff;font-weight:300;margin-bottom:5px;line-height:1.3em;word-break: keep-all;}
.list li:last-child{margin-bottom:0;}
.list li::before{position:absolute;left:0;top:0;color: #fff;font-weight:300;content: '*';line-height: 1.5em;}

.logo{padding: 4% 0 20%;background-color:#fff;}

.con_box2 h5{font-weight:bold;color: #fff;}

.social{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
.social .wrap_in{justify-content: flex-end;}
.social .inbox{display:flex;}