@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {font-family:'MalgunGothic'; src: local('NanumGothic'), url(https://fonts.gstatic.com/s/nanumgothic/v9/PN_3Rfi-oW3hYwmKDpxS7F_z-7r_xFtIsPV5MbNOyrVj67GNc972x-dpix2LdhN-iTB6aWWhDX3G.0.woff2) format('woff2');}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
/* @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, 
sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
table caption {overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
a {color: #000000; text-decoration: none;}
label, img { vertical-align:middle;}
html {-webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y:auto }
input {-webkit-border-radius: 0; -webkit-appearance: none;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
.mobile_only {display:none}

input[type=checkbox] {display: inline-block; vertical-align: middle; margin-top: -2px;}
input[type=checkbox]:checked {padding: 0; width: 100%; height: 100%; border: 2px solid #00462a !important; box-sizing: border-box !important;}
input[type=checkbox]:checked::before {content: ''; width: 100%; height: 100%; display: block; background: url(/img/main/check_arrow.png) 50% 50% no-repeat #00462a;}
:focus {outline: none; border: none;}

div, label { box-sizing: border-box;}
button {cursor: pointer;}
.f-clear {display: block; min-height: 1%;}
.f-clear:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
*, button {font-family: 'Noto Sans KR', sans-serif; letter-spacing: -.02em;}
/* * { font-family: 'Malgun Gothic', arial, sans-serif; letter-spacing: -.02em;} */
* html .f-clear {height: 1%; }
.clear {clear: both;}
.f-left {float: left;}
.f-right {float: right;}
h3, h4, h5, h6 {font-weight: 500;}
html, body {width: 100%; height: 100%; font-size: 16px; background: #f7f7f7;}
#Wrap {position: relative; width: 100%; height: 100%; }

.c-skyblue {color: #16e1ff !important;}
input:focus {outline:none;}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #00462a !important;
}


.left .btn-menu{position: absolute;
    top: 7px;
    left: 0;
    width: 50px;
    height: 45px;
    background: url(/img/main/icon_nav.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    outline: none;
    z-index: 11;
    display: none;}

.left .btn-menu.on{background-image:url(/img/main/icon_close.png)}

#top_btn {display:none}

/*동영상 팝업*/
.video_popup{position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
	overflow-y:scroll;
	}
.video_popup .inner_wrap{
	z-index: 3;
    width: 95%;
    max-width: 1100px;
    max-height: 80vh;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.video_popup .inner_wrap .video_wrap{position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.5%;}

 .video_popup .inner_wrap .video_wrap iframe{z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;}

 #x_btn{color:#fff; position:absolute; top:-53px; right:0; font-size:40px; cursor:pointer;}

.video_popup .dark_bg{position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 2;}

	/*바디에 스크롤 막기*/
	.not_scroll{overflow: hidden;
    width: 100%;}

	.not_scroll .cont{position:relative;}
/*동영상 팝업*/

/*모바일 영상*/
.mobile_video{display:none; position:relative; margin-bottom:30px}


@media screen and (max-width: 860px){
.registration-con .left, .registration-con .right {
    float: none;
    width: 100%;

}
}
.registration-con .left {
    width: calc(68% - 40px);
    margin-right: 40px;
    vertical-align: top;
    height: auto;
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 860px){
.left {
    height: 0;
    width: 100%;
    min-height: auto;
	}
	}

@media screen and (max-width: 1200px){
.left {
    width: 250px;
}
}

.left {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 10;
}

.registration-con .left > div input[type=text],.registration-con .left > div input[type=tel], .registration-con .left > div select {
    height: 3.625em;
    font-size: 15px;
    font-weight: 600;
    color: #5f88b7;
    border: 1px solid #3f70a9;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 1em;
	}

.registration-con .left .input1 {
    float: left;
    width: 100%;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
.registration-con .left .input3 {
    width: 100%;
}

input {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
	border:none;
	border-right:0px; 
	border-top:0px; 
	boder-left:0px; 
	boder-bottom:0px;
}
.registration-btn {
	text-align:center;
    display: block;
    margin: 1em auto;
    background: #3da4e7;
    color: #fff;
    font-weight: 400;
    width: 240px;
    padding: .5em 0;
    border-radius: 3px;
    font-size: 1.5em;
	cursor: pointer;
}

input:focus {outline:none;}

/* left */
.left {position: absolute; width: 15%; height: 100%; background: #eef7e2; z-index: 10; border-radius: 0 40px 40px 0; box-shadow: 3px 7px 20px rgb(0 0 0 / 15%);}
.left h1 {position: relative; width: 100%; max-width: 235px; margin: 2.5em auto; transition: all .3s ease; margin-top: 3.5em;}
.left h1.m_logo {display: none;}
.left h1 a {display: block; width: 100%;}
.left h1 img {width: 100%;}
.left .my_btn_area {display: table; width: 85%; margin: 0 auto; margin: 0 auto .8em; text-align: center; border-bottom: 1px solid #d6dfe7; padding-bottom: 30px;}
.left .my_btn_area>a {display: table-cell;  width: 48%; padding: 0 5px; cursor: pointer; outline: none; border: none; background: transparent;}
.left .my_btn_area a span { display: block; text-align: center; background: #fff; border-radius: 20px; font-size: 16px; color: #666; font-weight: 600; width: 100%; padding: 6%;}
.left .my_btn_area .my_btn.active span {background: #7fcbc3; color: #fff;}
.left .nav-wrap li {display: block; margin-top: 1.5em; margin-left: 2.6em;}
.left .nav-wrap li a {display: block; width: 100%; font-size: 1.125em; font-weight: 600;color: #333; box-sizing: border-box; padding: 1em 0 1em 1em; border-radius: 40px;}
.left .nav-wrap li a img {display: inline-block; margin-right: 18px; margin-left:15px; width: auto;position: relative;  top: -3px; color: #222;}
.left .nav-wrap li:not(li:nth-child(2)) a:hover, .left .nav-wrap li a.active{background: #b1db79; color: #fff; width: 80%; border-radius: 40px; transition: all .4s ease;}
.left .nav-wrap li:not(li:nth-child(2)) a:hover, .left .nav-wrap li:last-child a.active{width: 85%;padding-left:5%}
.left .character {padding: 4em 0; border-bottom: 1px solid #d6dfe7; width: 85%; margin: 0 auto;}
.left .character img {display: block; margin: 0 auto;}
.left .etc {position: absolute; left: 0; bottom: 4%; width: 100%;}
.left .etc .info {margin: 0 auto; width: 90%; padding: .5em .75em; box-sizing: border-box; color: #121212; font-size: 16px; /*opacity: 0.45;*/ word-break: keep-all;}
.left .etc .info img {display: inline-block; margin-right: 5px; margin-top: -4px;}
.left .etc .info a {font-weight: 500; color: #666564; letter-spacing: .05em; word-break: keep-all;}
.left .etc .info a:hover {color: #666564}
.left .etc .info strong{word-break: keep-all;margin:10px 0;display: block;}
.noscroll {overflow: hidden;}

.left .nav-wrap li:nth-child(2){display:none;}

/* content */
.content-wrap {position: absolute; left: 300px; top: 0; width: calc(100% - 300px); height: 100%; /* background: url(/img/main/bg-content.jpg) top left no-repeat #254662;  */ background: #f7f7f7; background-size: 100% auto;  transition: all .3s ease; padding: 1em 1em;}
.content {max-width: 1200px; width: 100%; height: 100%; margin: 0 auto;  color: #fff;}
.mtt {text-align: center; font-size: 3.75em; letter-spacing: -.05em; font-weight: 600; margin: .6em ; word-break: keep-all;  transition: all .1s ease;}
.mtb {text-align: center; font-size: 2.1em; letter-spacing: -.05em; font-weight: 600; margin: .6em ; word-break: keep-all;  transition: all .1s ease;}
.mtt > p {position: relative; display: inline; margin: 0 auto; background: url(/img/main/icon-tt1.png) 5px .5em no-repeat; padding: .6em; background-size: 1em;}
.content footer {margin-top: 5em;}
.content footer div {font-size: .95em; font-weight: 100; line-height: 1.6; word-break: keep-all; margin-bottom: 1em; color: #444;}
.content footer div p {display: inline-block; padding-right: 15px; margin-right: 10px; background: url(/img/main/bg-footer.png) 100% 40% no-repeat; }
.content footer div p:last-child {background: none; padding-right: 0; margin-right: 0;}
.content footer div p a {color: rgba(55,206,255, .5)}
.content footer div p a:hover {text-decoration: underline;}

/* poster inner button */
.poster_holder .f_btn_wrap{position:relative; margin-top:-2px}
.poster_holder .f_btn{position:absolute; background:#fff; width:33.7%; bottom:50%; transform:translate(-50%, 50%); cursor:pointer; height:30.8%; border-radius:30px; display:block; transition:0.2s all}
.poster_holder .f_btn span{font-family: 'S-CoreDream-7ExtraBold'; font-size:1.2vw; color:#1a2c74; display:block; padding:5% 1%}
.poster_holder .f_btn:hover{-webkit-box-shadow: 1px 10px 15px 5px rgba(13,22,58,0.89); box-shadow: 1px 10px 15px 5px rgba(13,22,58,0.89);}
.poster_holder .f_btn.left_btn{left:50%}
.poster_holder .f_btn.right_btn{right:12.1%}


/* registration */
.registration-con {width: 95%; height: 85%; margin: 2em auto; background: #fff; display:block; min-height:1%;}
.registration-con:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
.registration-con > h2 {color: #0271ab; border-bottom: 3px solid #0271ab; font-size: 1.5em; font-weight: 600; text-align: left; padding: .5em 0; }
.registration-con .left > h3, .registration-con .right > h3 {text-align: left; color: #00462a; border-bottom: 3px solid #00462a; font-size: 1.25em; font-weight: bold; line-height: 2;}
.registration-con .left {width: 100%; margin-right: 40px; vertical-align: top; height: auto; position: relative; }
.registration-con .right {width: 100%; vertical-align: top; }
.registration-con .left > div {margin: 20px auto 0; text-align: left; display: block; min-height: 1%; width: 100%; }
.registration-con .left > div:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
.registration-con .left > div input[type=text],
.registration-con .left > div input[type=tel],
.registration-con .left > div input.upload-name,
.registration-con .left > div textarea,
.registration-con .left > div select {height: 3.625em; font-size: 15px; font-weight: 600; color: #222; border: 1px solid #2b88ef; border-radius: 3px; box-sizing: border-box; padding: 0 1em;}
.registration-con .left > div input::placeholder,.registration-con .left > div textarea::placeholder  {color: #888 !important; font-weight: 200;}
.registration-con .left > div input:-ms-input-placeholder,.registration-con .left > div textarea:-ms-input-placeholder {color: #888 !important; font-weight: 200;}
.registration-con .left > div input::-webkit-input-placeholder, .registration-con .left > div textarea::-webkit-input-placeholder {color: #888 !important; font-weight: 200;}
.registration-con .left > div label {display: block; font-size: 15px; color: #01447b; font-weight: 800; line-height: 1.5; margin: 0 0 1.25em; cursor: pointer; text-indent: 10px; padding: 6px 0;}
.registration-con .left > div label small {font-weight: 300; display: inline; text-indent: 10px; letter-spacing: -.025em;}
.registration-con .left > div p {font-weight: 600; color: #0271ab; display: block; margin-bottom: 15px; padding-top: 15px; font-size: 15px; border-top: 1px solid #ccc;}
.registration-con .left > div label:nth-child(1) {margin-top: 2em;}
.registration-con .left .input1 {float: left; width: 100%;}
.registration-con .left .input2 {float: left; width: 50%;}
.registration-con .left .input3 {width: 100%;}
.registration-con .left .select {width: 100%; color: #222; background: url(/img/main/select_arrow.png) 98% 50% no-repeat #fff;}
.registration-con .left .check1 input[type=checkbox] {width: 16px; height: 16px; border: 2px solid #8f203e; border-radius: 2px; box-sizing: border-box; margin-right: 10px; margin-left: -10px;}
.registration-con .left  .input_div.warning {margin-bottom:0}
.registration-con .left  .input_div.warning label {margin-top:0 !important}
.registration-con .left  .input_div.warning .check1 {padding-left:0}



.registration-con .right .check2 {display: block; font-size: 1.125em; color: #01447b; color: #333; font-weight: 800; margin: .9375em 0 1.25em; border-bottom: 1px solid #ccc; cursor: pointer; text-align: left; position: relative; height: 3.625em; line-height: 3.625em;padding-left: 25px;}
.registration-con .right .check2 input[type=checkbox] {width: 16px; height: 16px; border: 2px solid #00462a; border-radius: 2px; box-sizing: border-box; position: absolute; left: 0; top: 1.85em;}
.registration-con .right .policy {margin-bottom: 2em;margin-top: 2em;}
.registration-con .right .policy label {text-align: left; display: block; margin: 1em 0; color: #333; font-weight: 800; cursor: pointer;position: relative;}
.registration-con .right .policy input[type=checkbox] {width: 16px; height: 16px; border: 2px solid #00462a; border-radius: 2px; box-sizing: border-box; margin-right: 10px; margin-top: 0; vertical-align: middle;}
.registration-con .right .policy-con {height: 100px; overflow-y: auto; border: 1px solid #ccc; color: #666; padding: 10px; font-size: 12px; text-align: left; border-radius: 3px; box-sizing: border-box; background: #f9f9f9;}
.registration-con .right .policy-con > p {margin:0 0 15px 0}
.registration-con .right .policy-con > p >strong {font-weight: 800;}
.registration-btn {display: block; margin: 1em auto; background: #345555; color: #fff; font-weight: 400; width: 240px; padding: .5em 0; border-radius:3px; font-size: 1.5em;}
.registration-comment {margin: 1em auto 0; width: 95%; }
.registration-comment li {text-align: left; display: block; margin-bottom: .625em; color: #829ab9; font-size: 1em; margin-left: 10px; word-break: keep-all; letter-spacing: -.05em;}
.registration-comment li::before {content: "*"; display: inline-block; margin-left: -5px;}
.downBtn_box {display: flex; justify-content: space-between; align-items: center;}
.downBtn_box .registration-btn {width: 30%;}

.input_div {display:table !important; width: 100%; }
.input_div:after {content:""; clear:both; display:table}
.input_div > div {display:table-cell; vertical-align:middle}
.input_div .heads {width: 120px;  background: #345555;  text-align: center;}
.input_div .heads span {display: inline-block;   color: #fff;}
.input_div .heads b {display: block;  font-size: 0.8em;  color: #fff; font-weight: 400;}
.input_div .bodys {width: calc(100% - 120px); padding-left: 10px; position: relative;}
.input_div .bodys.no_pdl{padding-left:0}
.input_div.phone .bodys select, .input_div.phone .bodys span, .input_div.phone .bodys input {float:left; }
.input_div.phone .bodys select, .input_div.phone .bodys input {width: calc(33.33% - 13.9px)}
.input_div.phone .bodys .bar {display: inline-block;  width: 20px;  text-align: CENTER;  margin-top: 15px;}
.input_div.phone .bodys select { background: url(/img/main/select_arrow.png) 95% 50% no-repeat #fff; }

.input_div.address .bodys input, .input_div.address .bodys span{float:left; }
.input_div.address .bodys .input_zipcode {width: 100px; margin-right: 10px;}
.input_div.address .bodys .search_zipcode {display: inline-block;  height: 3.4em;  text-align: center;  background: #502819;  padding: 18px;  width: 150px;  color: #fff;  margin-left: 10px; cursor:pointer}
.input_div.address .bodys .input_add1 {width: calc(100% - 270px)}
.input_div.address .bodys .input_add2 {margin-top: 10px;  width: 100%;}
.input_div.comment .bodys textarea {width:100%; height:120px; padding:15px; margin-bottom: -3px;}
.input_div.comment {margin-bottom:35px !important}
.policy_agree_radio {margin-top:30px}
.policy_agree_radio input {-webkit-appearance: auto; cursor:pointer; margin: 5px;}
.policy_agree_radio input:last-child {margin-left:30px}
.policy_agree_radio label {display:inline-block !important}
.policy_agree_radio label[for="p_agree"],.policy_agree_radio label[for="p_agree2"] {margin-right:30px !important}

.policy_agree_radio input[type="radio"] { visibility: hidden;  position: absolute;  left: 0; }
.policy_agree_radio input[type="radio"]+span:before {  content: "";  position: absolute;  width: 10px;  height: 10px;  background: #fff;  left: -18px;  top: 4px;  border-radius: 50%;  border: 2px solid #8f203e;  box-sizing: content-box;}
.policy_agree_radio input[type="radio"]:checked+span:after {  content: "";  position: absolute;  width: 8px;  height: 8px;  background: #8f203e;  left: -15px;  top: 7px;  border-radius: 100%;}




.input_div.fileupload input[type="file"] {  position: absolute;   width: 0;  height: 0;  padding: 0;  overflow: hidden;  border: 0;}
.input_div.fileupload label { display: inline-block !important;  height: 3.6em;  text-align: center;  background: #d87f00;  padding: 18px !important;  width: 150px;  color: #fff !important; margin:0 0 0 10px !important;  cursor: pointer !important;text-indent: 0 !important;
    line-height: 1.2em !important;}
.input_div.fileupload .upload-name {width: calc(100% - 160px) }


.download_area a{display:block; border:3px solid #ccc; border-radius:5px; padding:20px; text-align:center; transition:0.2s all}
.download_area a span{display:block; color:#444; font-weight:400; font-size:16px}
.download_area a span + span{padding-top:15px}
.download_area a span + span + span{font-size:14px; padding-top:0}
.download_area a:hover{border:3px solid #0354a6}
.download_area a:hover span{color:#0354a6}


/* pop */
.pop {position:fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 100; display: none; background: rgba(5,10,20, .8);}
.pop .pop-inner {display: inline-block; vertical-align: middle; margin: 0; background: #fff; border-radius: .2em; box-shadow: 2px 2px 2px rgba(0,0,0,0.07); height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pop::after {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.pop .btn-close {width: 20px; height: 20px; padding: 0px; background: url(/img/main/icon-popclose2.png) no-repeat transparent; background-size: 100% auto; border: 0; cursor: pointer; font-size: .7em; position: absolute; right: 20px; top: 18px;}
.pop-wrap { width: 100%; padding: 3em 1.5em; font-size: 1em;}
.pop .pop-inner > h2 {text-align: left; display: block; font-size: 1.3em; margin: 0; padding: 0 1em; line-height: 1.4; background: #82cbc4; color: #fff; height: 58px; line-height: 62px;}
.pop .tbl-basic {min-width: auto; margin: 0 auto 15px;}
.pop .tbl-basic th, .pop .tbl-basic td {padding: 5px;}
.pop .register-pop {max-width: 1130px; width: 90%;}
.pop .confirm-pop {max-width: 1100px; width: 90%; height: 90vh; overflow:hidden}
.pop .confirm-con {position: relative; padding: 0 1em 0; width: 100%; max-width: 1000px; margin: 0 auto; }
.pop .confirm-con label input {width: 100%; height: 50px;  line-height: 50px; border: 0; padding-left: 45px; font-size: 1em;  color: #122b56; font-weight: 600; margin-bottom: .5em; box-sizing: border-box;}
.pop .confirm-con label input::placeholder {color: #888 !important;}
.pop .confirm-con label input:-ms-input-placeholder {color: #888 !important;}
.pop .confirm-con label input::-webkit-input-placeholder {color: #888 !important;}
.pop .confirm-con .email input {background: url(/img/main/icon-email.png) 10px 50% no-repeat #e1edf7;}
.pop .confirm-con .password input {background: url(/img/main/icon-lock.png) 10px 50% no-repeat #e1edf7;}
.pop .confirm-con .registration-comment {width: auto;}
.pop .confirm-con a {display: block;height: 50px; line-height: 45px; margin-top: 1.5em; color: #fff; border-radius: 3px; }
.login-btn {background: #8f203e;}
.register-btn {background: #002461;}
.pop.show {display: block;}

.pop .confirm-con .input_div {margin-bottom:10px}
.pop .confirm-con .input_div .heads {width:220px}
.pop .confirm-con .input_div .bodys {width: calc(100% - 220px);}
.pop .confirm-con .bodys input { height: 3.625em;   font-size: 15px;   font-weight: 600;   color: #345555;   border: 1px solid #cccccc;   border-radius: 3px;   box-sizing: border-box;  padding: 0 1em; width:100%}
.confirm-pop .info {text-align: left;min-height: auto;padding: 10px 15px;line-height: 70px;}
.confirm-pop .info h3 {font-size: 1.73em; text-align:center;  font-weight: 600;color: #007c71;word-break: keep-all;}
.confirm-pop .info p {font-size: 14px;   line-height: 1.5em;  margin-bottom: .5em;}
.confirm-pop .info p.last {margin-bottom: 1em;  margin-top: 2.5em;}

#confirm .confirm-pop, #Download .confirm-pop, #apply .confirm-pop{max-width:750px; height:auto;}


/*강의자료 다운받기 팝업*/
.confirm-pop .info .img_holder {position: relative;}
.confirm-pop .info .img_holder img {width: 100%;}
.confirm-pop .info .img_holder .download_btn {position: absolute;  border-radius: 11px; bottom: 18.5%; width: 26.9%; height: 22.5%;  font-size: 0;}
.confirm-pop .info .img_holder .download_btn1 {  left: 5%;  }
.confirm-pop .info .img_holder .download_btn2 {left: 36.5%;}
.confirm-pop .info .img_holder .download_btn3 {left: 67.8%;}



/* sub_page */
.container {padding:56.25% 0 0 0;position:absolute;}
.container .box1 {position:absolute;top:-2143px;left:31px;width:710px;height:415px;}
.container .box1 iframe {width: 100%; height: 100%;}
.container .box2 {width: 407px; height: 416px; position: absolute; left: 763px; top: -2143px;}
.container .box2 iframe {width: 100%; height: 100%;}


.link .btn {position:absolute; font-size: 0; width: 14%;}
.link .btn_1 {left: 35.5%; top: 42.5%; height: 3.5%; width: 12%;}
.link .btn_1_2 {left: 35.5%; top: 49%; height: 3.5%; width: 10.5%;}
.link .btn_1_3 {left: 35.5%; top: 59.5%; height: 3.5%; width: 12%;}
.link .btn_1_4 {left: 35.5%; top: 76%; height: 3.5%; width: 10%;}
.link .btn_1_5 {left: 35.5%; top: 82.2%; height: 3.5%; width: 12%;}
.link .btn_1_6 {left: 35.5%; top: 88.5%; height: 3.5%; width: 10%;}
.link .btn_2 {right: 43%; top: 42.5%; height: 3.5%; width: 10%;}
.link .btn_2_2 {right: 44%; top: 49%; height: 3.5%; width: 10%;}
.link .btn_2_3 {right: 36%; top: 59.5%; height: 3.5%; width: 16%;}
.link .btn_2_4 {right: 44%; top: 76%; height: 3.5%; width: 10%;}
.link .btn_2_5 {right: 41%; top: 82.2%; height: 3.5%; width: 10%;}
.link .btn_2_6 {right: 44%; top: 88.5%; height: 3.5%; width: 10%;}
.link .btn_3 {right: 33.5%; top: 42.5%; height: 3.5%; width: 10%;}
.link .btn_3_2 {right: 33.5%; top: 49%; height: 3.5%; width: 10%;}
.link .btn_3_3 {right: 25.5%; top: 59.5%; height: 3.5%; width: 10%;}
.link .btn_3_4 {right: 34%; top: 76%; height: 3.5%; width: 10%;}
.link .btn_3_5 {right: 30.5%; top: 82.2%; height: 3.5%; width: 10%;}
.link .btn_3_6 {right: 33.5%; top: 88.5%; height: 3.5%; width: 10%;}
.link .btn_4 {right: 24%; top: 42.5%; height: 3.5%; width: 10%;}
.link .btn_4_2 {right: 24%; top: 49%; height: 3.5%; width: 10%;}
.link .btn_4_4 {right: 24%; top: 76%; height: 3.5%; width: 10%;}
.link .btn_5 {left: 35.5%; bottom: 43.3%; height: 3.5%; width: 10%;}
.link .btn_6 {right: 44%; bottom: 43.3%; height: 3.5%; width: 10%;}


@media screen and (max-width: 1919px){
	.link .btn {width: 13%;}
	.link .btn_1, .link .btn_1_5 {left: 30.5%; width: 16%;}
	.link .btn_2 {right: 41%;}
	.link .btn_3, .link .btn_3_6 {right: 27.5%;}
	.link .btn_4 {right: 14%;}
	.link .btn_1_2, .link .btn_5, .link .btn_1_4, .link .btn_1_6 {left: 30.5%;}
	.link .btn_2_2, .link .btn_6, .link .btn_2_4, .link .btn_2_6 {right: 42%;}
	.link .btn_3_2, .link .btn_3_4 {right: 28.5%;}
	.link .btn_4_2, .link .btn_4_4 {right: 14%;}
	.link .btn_1_3 {width: 16%; left: 30.5%;}
	.link .btn_2_3 {width: 22%; right: 30%;}
	.link .btn_3_3 {right: 15.5%;}
	.link .btn_2_5 {right: 38%;}
	.link .btn_3_5 {right: 22.5%;}
}

@media screen and (max-width: 1600px){
	.link .btn {width: 16%;}
	.link .btn_1, .link .btn_1_5 {left: 25.5%; width: 20%;}
	.link .btn_2 {right: 38%;}
	.link .btn_3, .link .btn_3_6 {right: 21.5%;}
	.link .btn_4 {right: 5%;}
	.link .btn_1_2, .link .btn_5, .link .btn_1_4, .link .btn_1_6 {left: 25.5%;}
	.link .btn_2_2, .link .btn_6, .link .btn_2_4, .link .btn_2_6 {right: 41%;}
	.link .btn_3_2, .link .btn_3_4 {right: 22.5%;}
	.link .btn_4_2, .link .btn_4_4 {right: 5%;}
	.link .btn_1_3 {width: 20%; left: 25.5%;}
	.link .btn_2_3 {width: 27%; right: 26%;}
	.link .btn_3_3 {right: 7.5%;}
	.link .btn_2_5 {right: 35%;}
	.link .btn_3_5 {right: 15.5%;}
}

@media screen and (max-width: 1440px){
	.container .box1 {top:-1977px;left:31px;width:652px;height:382px;}
	.container .box2 {width: 380px; height: 381px; left: 702px; top: -1977px;}

	.link .btn {position:absolute; font-size: 0; width: 19%;}
	.link .btn_1 {left: 23.5%; height: 4%; width: 22%;}
	.link .btn_1_2 {left: 23.5%;height: 4%; width: 19%;}
	.link .btn_1_3 {left: 23.5%;height: 4%; width: 22%;}
	.link .btn_1_4 {left:23.5%; height: 4%; width: 19%;}
	.link .btn_1_5 {left: 23.5%; top: 82.2%; height: 3.5%; width: 22%;}
	.link .btn_1_6 {left: 23.5%; top: 88.5%; height: 3.5%; width: 19%;}
	.link .btn_2 {right: 37%;height: 4%; width: 19%;}
	.link .btn_2_2 {right: 39%;height: 4%; width: 19%;}
	.link .btn_2_3 {right: 24%;height: 4%; width: 30%;}
	.link .btn_2_4 {right: 39%; top: 76%; height: 3.5%; width: 19%;}
	.link .btn_2_5 {right: 34%; top: 82.2%; height: 3.5%; width: 19%;}
	.link .btn_2_6 {right: 39%; top: 88.5%; height: 3.5%; width: 19%;}
	.link .btn_3 {right: 19%;height: 4%; width: 19%;}
	.link .btn_3_2 {right: 19%; height: 4%; width: 19%;}
	.link .btn_3_3 {right: 4%; height: 4%; width: 19%;}
	.link .btn_3_4 {right: 20%; top: 76%; height: 3.5%; width: 19%;}
	.link .btn_3_5 {right: 12.5%; top: 82.2%; height: 3.5%; width: 19%;}
	.link .btn_3_6 {right: 19.5%; top: 88.5%; height: 3.5%; width: 19%;}
	.link .btn_4 {right: 1%;  height: 4%; width: 19%;}
	.link .btn_4_2 {right: 1%;  height: 4%; width: 19%;}
	.link .btn_4_4 {right: 1%; top: 76%; height: 3.5%; width: 19%;}
	.link .btn_5 {left: 23.5%; height: 4%; width: 19%;}
	.link .btn_6 {left: 42%; height: 4%; width: 19%;}
	
}

@media screen and (max-width: 1200px){
	.link .btn {height: 3%; width: 17%;}
	.link .btn_1, .link .btn_2, .link .btn_3, .link .btn_4 {top: 43%;}
	.link .btn_1_2, .link .btn_2_2,.link .btn_3_2, .link .btn_4_2  {top: 49.5%;}
	.link .btn_1_4, .link .btn_2_4, .link .btn_3_4, .link .btn_4_4 {top: 75.5%;}
	.link .btn_1_5, .link .btn_2_5, .link .btn_3_5 {top: 81.2%;}
	.link .btn_1_6, .link .btn_2_6, .link .btn_3_6 {top: 87%;}
	.link .btn_1, .link .btn_1_3 {left: 25.5%; width: 20%;}
	.link .btn_2 {right: 38%;}
	.link .btn_3 {right: 21%;}
	.link .btn_4, .link .btn_4_2, .link .btn_4_4 {right: 5%;}
	.link .btn_1_2, .link .btn_5, .link .btn_1_4, .link .btn_1_5, .link .btn_1_6 {left: 25.5%;}
	.link .btn_2_2 {right: 40%;}
	.link .btn_2_3 {width: 27%; right: 26%;}
	.link .btn_3_2 {right: 23%;}
	.link .btn_3_3 {right: 8%;}
	.link .btn_3_4 {right: 23%;}
	.link .btn_3_5 {right: 15.5%;}
	.link .btn_3_6 {right: 21.5%;}

	.container .box1 {top: -1524px; left: 23px; width: 505px; height: 296px;}
	.container .box2 {top: -1524px; height: 296px; width: 290px; left: 544px;}
}

@media screen and (max-width: 1024px){
	.container .box1 {top:-1211px;left:20px;width:396px;height:235px;}
	.container .box2 {width: 232px; height: 235px; left: 430px; top: -1211px;}

	.link .btn {position:absolute; font-size: 0; width: 19%;}
	.link .btn_1 {left: 25.5%; height: 4%; width: 20%;}
	.link .btn_1_2 {left: 23.5%;height: 4%; width: 19%;}
	.link .btn_1_3 {left: 24.5%;height: 3%; width: 22%;}
	.link .btn_1_4 {left:25.5%; height: 3%; width: 17%; top:75%;}
	.link .btn_1_5 {left: 23.5%; top: 81%; height: 3.5%; width: 22%;}
	.link .btn_1_6 {left: 23.5%; top: 86.5%; height: 3.5%; width: 19%;}
	.link .btn_2 {right: 37%;height: 4%; width: 19%;}
	.link .btn_2_2 {right: 39%;height: 4%; width: 19%;}
	.link .btn_2_3 {right: 26%;height: 3%; width: 28%;}
	.link .btn_2_4 {right: 39%; top: 75%; height: 3.5%; width: 17%;}
	.link .btn_2_5 {right: 34%; top: 81%; height: 3.5%; width: 19%;}
	.link .btn_2_6 {right: 39%; top: 86.5%; height: 3.5%; width: 19%;}
	.link .btn_3 {right: 22%;height: 4%; width: 17%;}
	.link .btn_3_2 {right: 23%; width: 17%;}
	.link .btn_3_3 {right: 7%; height: 3%; width: 19%;}
	.link .btn_3_4 {right: 23%; top: 75%; height: 3.5%; width: 17%;}
	.link .btn_3_5 {right: 14.5%; top: 81%; height: 3.5%; width: 19%;}
	.link .btn_3_6 {right: 19.5%; top: 86.5%; height: 3.5%; width: 19%;}
	.link .btn_4 {right: 6%;  height: 4%; width: 17%;}
	.link .btn_4_2 {right: 6%; width: 17%;}
	.link .btn_4_4 {right: 6%; top: 75%; height: 3.5%; width: 17%;}
	.link .btn_5 {left: 23.5%; height: 4%; width: 19%;}
	.link .btn_6 {left: 42%; height: 4%; width: 19%;}
}

@media screen and (max-width: 425px){
	.container .box1 {top:0;left:0;width:100vw;height:20vh;}
	.container .box2 {width: 100vw; height: 50vh; left: 0; top: 20vh;}

	.link .btn_4 {right: 2%;}
	.link .btn_4_2, .link .btn_4_4 {right: 3%;}
	.link .btn_3_3 {right: 4%;}
	.link .btn_3_4 {right: 21%;}
	.link .btn_1_4, .link .btn_2_4, .link .btn_3_4, .link .btn_4_4 {top: 74%;}
	.link .btn_1_5, .link .btn_2_5, .link .btn_3_5 {top: 79%;}
	.link .btn_1_6, .link .btn_2_6, .link .btn_3_6 {top: 84.5%;}
}


/* scroll */
.content-wrap .mCSB_dragger_bar {background-color: rgba(255,255,255,.3) !important; }
.content-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 8px !important;}
.content-wrap .mCSB_scrollTools .mCSB_draggerRail {background-color: rgba(255,255,255,.1) !important; width: 8px !important;}
.registration-con .mCSB_dragger_bar {background-color: rgba(0,0,0,.2) !important; }
.registration-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 8px !important;}
.registration-con .mCSB_scrollTools .mCSB_draggerRail {background-color: rgba(0,0,0,.1) !important; width: 8px !important;}

/* introduction */
.introduction-con {margin: 2em 0; border-bottom: 0px solid rgba(255,255,255,.3)}
.introduction-con > div {margin-bottom: 2em; display: block; min-height: 1%;}
.introduction-con > div:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
.introduction-con p {font-size: 1.2em; line-height: 1.6; margin-bottom: 1em; word-break: keep-all; display: block; font-weight: 100; width: calc(100% - 200px); vertical-align: top; letter-spacing: -.025em; float: left;}
.introduction-con img {width: 100px; height: 100px; display: block; vertical-align: top; margin-right:20px; float: left;}

/* agenda speaker */
.agenda-tt, .speaker-tt {color: #fff; font-size: 2.875em; padding:0; margin-bottom: .5em; background: url(/img/main/icon-tt2.png) 0 0 no-repeat; background-size: 1em auto;  font-weight: bold; letter-spacing: 0;}
.agenda {background: #146ea9; margin-bottom: 0.5em;}
.agenda > ul { background: #fff; font-size: 0;}
.agenda > ul li {display: inline-block; font-size: 20px; color: #002a58; line-height: 60px; width: -1%; font-weight: 600;}
.agenda > ul li b {font-weight: bold; background: url(/img/main/bg-agendatt.png) 0 0  no-repeat; color: #033873; font-size: 16px; display: inline-block; width: 110px; margin-right: 0px; text-align: left; text-indent: 25px;}
.agenda > div {color: #fff; font-size: 1em; padding: 2em; transition: all .3s ease; background: url(/img/main/img-agenda.png) no-repeat; background-size: 50% auto; background-position: 0 50%;}
.agenda > div p {padding-left: 52.5%; margin-bottom: 1.25em; word-break: keep-all; font-size: 1em; line-height: 1.6; font-weight: 200; letter-spacing: 0; }
.confirm-btn {float: right; width: 165px; height: 50px; line-height: 50px; color: #000; background: #ffac36; border-radius: 5px; margin-top: -70px; font-weight: bold; text-align: center; font-size: 20px;}
.speaker {background: #e9f9ff; padding: 2em; display: block; min-height: 1%;}
.speaker:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
.speaker > img {display: inline-block; width: 180px; margin-right: 25px; vertical-align: top; box-shadow: 5px 5px 0px rgba(0,0,0,.1);}
.speaker > div {display: inline-block; width: calc(100% - 220px); vertical-align: top; color: #333;}
.speaker > div > h3 {font-size: 1.25em; }
.speaker > div > h3 > b {color: #000; font-size: 1.5em; margin-right: 5px; display: inline-block;}
.speaker > div > ul {margin: 1em 0 2em;}
.speaker > div > ul li {display: inline-block;font-weight: bold; font-size: 1em; color: #000; letter-spacing: 0;}
.speaker > div > ul li::after {content:'\002F'; display: inline-block; width: 15px; height: 20px; color: #000; font-size: 1em; margin-left: 10px;}
.speaker > div > ul li:last-child::after {display: none;}
.speaker > div > p {color: #333; font-size: 1em; line-height: 1.5;}

/* intel-info */
.intel-info {text-align: center; margin: 0.5em 0; padding-top: 5.625em; border-top: 1px solid rgba(255,255,255,.2)}
.intel-info > img {width: 90%; max-width: 500px;}
/* event */
.event-tt {color: #fff; font-size: 2.5em; padding: 1em 0 .5em;font-weight: bold; letter-spacing: 0;}
.event-wrap {display: block; min-height: 1%;}
.event-wrap:after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}
.event-wrap > div {float: left; width: calc(50% - 20px); background: #fff; color: #333; text-align: center; position: relative; padding: 3.125em 2em;}
.event-wrap > div:nth-child(1) {margin-right: 20px;}
.event-wrap > div:nth-child(2) {margin-left: 20px;}
.event-wrap > div > h3 {font-size: 2.5em; font-weight: normal; letter-spacing: -.05em;}
.event-wrap > div > h3 > b {font-weight: bold;}
.event-wrap > div > span {position: absolute; left: 0; top: 0;}
.event-wrap > div > img {display: block; width: 100%; max-width: 437px; margin: 0 auto;}
.event-wrap > div > p {font-size: 1.15em; line-height: 1.6; display: block; margin: 1em 0 2.5em; letter-spacing: -.05em; }
.event-wrap > div > p > b {font-weight: bold; color: #389221;}
.event-comment {margin: 2em 0;}
.event-comment li {display: block; margin-bottom: .25em; font-size: 1.125em; color: #ddd;}


/* padding */
.pdb_30{padding-bottom:30px}

@media screen and (max-width: 2000px) {
	.left {width: 20%;}
	.left .nav-wrap li {margin-top: 0.4em;}
	.left h1 {margin: 1em auto; margin-top: 2.5em;}
	.left .character {padding: 2em 0;}
	.left .etc {bottom: 2%;}

	.content_wrap {background-position-x: 30%;}
	.content_wrap .text-wrap {left: 12%;}
	.content_wrap .text-wrap h3 {font-size: 22px; padding-bottom: .6em;}
	.content_wrap .text-wrap ul {padding-top: .6em;}
	.content_wrap .text-wrap ul li {font-size: 16px;}
}



@media screen and (max-width: 1919px) {
	.mtt {font-size: 3.2em;}
	.mtb {font-size: 1.8em;}
	.content-wrap {padding: 1em 1em;}
	.registration-con .left > div label small {display: block; margin-left: 20px; text-indent: 0; font-size: 14px; }
}

@media screen and (max-width: 1650px) {
	.content .agenda-speaker .agenda dl br {display: block;}
	.agenda > div {background-size: 65% auto; background-position: -45% 50%;}
	.event-wrap > div > p br{display: none;}
}

@media screen and (max-width: 1600px) {
	
	.agenda > ul li {font-size: 15px;}	
}

@media screen and (max-width: 1480px) {
	.agenda > div {background-size: 80% auto; background-position: -155% 50%;}
	.event-wrap > div {float: none; width: 100%; max-width: 900px; margin: 0 auto 2em;}
	.event-wrap > div:nth-child(1) {margin-right: auto;}
	.event-wrap > div:nth-child(2) {margin-left: auto;}
	.event-wrap > div > p {font-size: 1.25em; word-break: keep-all;}
	.event-tt {text-align: center;}
}
@media screen and (max-width: 1380px) {
.agenda > ul {padding: 1em 0; font-size: 1em;}
.agenda > ul li {display: block; width: 100%; font-size: 1.25em; line-height: 50px;}
.agenda > ul li b {background-size: 80% 80%; background-position: 50%; font-size: 1em; margin-right: 0;}

.left .nav-wrap li a:hover, .left .nav-wrap li a.active{width:85%}
.left .nav-wrap li a{padding-left:0;}
.left .nav-wrap li{margin-left:2em;}
}

@media screen and (max-width: 1320px) {
	.agenda > div {background: url(/img/main/img-agenda-m.png) 0 0 no-repeat; background-size: 100% auto; padding-top: 57.5%; height: auto;}
	.agenda > div p {padding-left: 0;}
}
@media screen and (max-width: 1200px) {
	.left {width: 250px;}
	.left h1 {width: 90%;}
	.left h1 img {width: 90%;}
	.left .etc {width: 100%;}
	.left .etc > img {width: 100%;}
	.left .etc .info a {display: block; margin-left: 20px; margin-top: 5px;}
	.content-wrap {padding: 1em; left: 250px; width: calc(100% - 250px)}
	.left .nav-wrap li a {font-size: 1em;}
	.left .nav-wrap li a img { width: calc(100% - 90%);}
	.left .nav-wrap li.group_activity a img { width: 30px;}
	.content {padding: 2em}
	.mtt {font-size: 2.4em;}
	.mtb {font-size: 2em;}
	.introduction-con p {font-size: 1em; width: calc(100% - 140px); }
	.introduction-con img {width: 110px; height: 110px; margin-right: 20px;}
	.content footer div {font-size: .8em;}
	.speaker > img {float: left; width: 130px;}
	.speaker > div {display: inline; text-align: left;}
	.speaker > div > h3 {font-size: 1em;}
	.speaker > div > ul li {display: block; margin-bottom: 5px;}
	.speaker > div > ul li::before {content:'-'; width: 10px; height: 10px; position: relative; display: inline-block; margin-top: -2px;}
	.speaker > div > ul li::after {display: none;}
	.content footer div p {display: inline;}
	.agenda-tt, .speaker-tt {font-size: 2.2em; margin-bottom: .5em;}
	.event-tt {padding: 1em 0; font-size: 2em;}
	
}
@media screen and (max-width: 860px) {
	.left {height: 0; width: 100%; min-height: auto;}
	.left h1 {margin: 1.5em auto 0; width: 220px;}
	.left h1 a {transform: translateY(-4px); text-align: center;}
	.left h1 a img {width: 100%;}
	.left .btn-menu {background-image: url(/img/main/icon_nav.png); display: block;}
	.left .nav-wrap {width: 100%; height: 100%; position: fixed;  top: 0;  left: 0; text-align: left; padding: 0; background: #fff;  z-index: 10; display: none; transition: all .3s ease;}
	.left .etc {display: none;}
	.left .btn-menu.on + .nav-wrap, .left .btn-menu.on ~ .etc {display: block; }
	.left .btn-menu.on ~ .etc {top: 500px; z-index: 10;}
	.left .btn-menu.on ~ .etc .info {padding: 1em .75em; font-size: 1em;}
	.left .btn-menu.on ~ .etc .info a {display: inline-block; margin-top: 0;}


     .left .mobile_only.poplink_login {display: block;  position: absolute; right: 10px;  top: 17px;  font-size: 14px;  background: #0354a6;  padding: 6px 12px;  border-radius: 30px;  color: #fff;  font-weight: 600;}

	.left .nav-wrap li{margin-left:4em;}
	.left .nav-wrap li:nth-child(2){display:block;}

	.content-wrap {left: 0; width: 100%; top: 60px; height: calc(100% - 60px); padding: 1em;}
	.content-wrap footer div {font-size: .85em;}
	.registration-con .left ,.registration-con .right {float: none; width: 100%;}
	.registration-con .right .check2 input[type=checkbox] {top: 1.65em;}
	.introduction-con p {text-align: left; float: none; width: auto; }
	.introduction-con p br {display: none;}
	.agenda > ul li {font-size: 1em; line-height: 40px;}
	.agenda > ul li b {width: 7em;}
	.speaker > img {float: left; width: 100px;}
	.speaker > div > p {font-size: 1em;}
	.content footer {margin-top: 0;}
	.pop .register-pop, .pop .confirm-pop {width: 95%; height: 90vh; max-width: 100%; margin: 0 auto;}
	/*.confirm-pop .info {padding: 0; }*/
	.confirm-pop .info.apply_info {padding: 30px 30px 0;}
	.registration-con .right > h3 {margin-top: 1em;}
	.intel-info {margin: 3.5em 0; padding-top: 2.5em;}
	.intel-info > img {width: 70%;}

	.left .nav-wrap li a img{width:auto}

	/* yr-수정 */
	.left.on {background: #fff; height: 100vh; border-radius: 0; overflow-y: scroll;}
	.left.on .nav-wrap {position: absolute; overflow-y: scroll;}

}


@media screen and (max-width: 767px) {

.input_div {  display: block !important;}
.input_div > div { display: block;}
.input_div .heads {background: transparent; text-align: left;margin-bottom: 6px; width:auto}
.input_div .heads span {  display: inline-block; color: #345555;}
.input_div .heads b {   display: inline-block;  color: #345555;  font-weight: 400;}
.input_div .bodys {  width: 100%;  padding-left: 0;}
.input_div.address .bodys .input_add1 {  width: 100%;}
.input_div.address .bodys .search_zipcode {position: absolute;   top: 0;  right: 0;height: 3.5em;  padding: 15px;}
.input_div.address .bodys .input_zipcode {  width: 45%;  margin-right: 0;  margin-bottom: 10px;}
.registration-con .left > div input[type=text], .registration-con .left > div input[type=tel], .registration-con .left > div textarea, .registration-con .left > div select { font-size: 13px;}

.pop .confirm-con {width:90%}
.pop .confirm-con .input_div .bodys {  width: 100%;}

.policy_agree_radio input[type="radio"]+span:before {top: 2px;}

#register .left h3 span {font-size: 0.65em !important;   display: block !important;   padding-left: 0 !important;   line-height: 1.5em !important;   margin-bottom: 15px;}
}







@media screen and (max-width: 680px) {
	.registration-btn {margin: 2em auto;width:100%}
	.content {padding: 2em 0;} 
	.event-wrap > div > span > img {width: 90px;}
	.confirm-btn {width: 120px; height: 40px; line-height: 40px; margin-top: -60px; font-size: 16px;}

	.left .mobile_only.poplink_login {font-size:3vw}
}

@media screen and (max-width: 560px) {
	html, body {font-size: 14px;}
	#Wrap {min-height: auto;}
	.content-wrap {padding: 1em; height: auto;}
	.left h1 {width: 150px; margin: 1.8em auto 0}
	.left .nav-wrap li a {padding: 1em 1.12em;}
	.left .nav-wrap li a img {width: 25px; top: 0;}
	.left .nav-wrap li a img.hov01{width:auto;margin-left:5px}
	.left .nav-wrap li.group_activity a img {width: 22px;}
	.mtt {font-size: 1.8em; font-weight: 600;}
	.mtb {font-size: 1.1em; font-weight: 600;}
	.registration-con .right .check2 input[type=checkbox] { /* top: 1em; */}
	.introduction-con p {font-size: 1em;} 
	.introduction-con img {width: 80px; height: 80px;}
	.speaker > img {width: 80px;}
	.event-wrap > div > h3 {font-size: 2em;}
	.event-wrap > div > span > img {width: 70px;}
	.downBtn_box {flex-wrap: wrap; gap: 10px; margin-bottom: 50px;}
	.downBtn_box .registration-btn {width: 100%; margin: 0;}
	
}


@media screen and (max-width: 480px) {
	.poster_holder .f_btn_wrap{background:#1a2c74; min-height:190px; overflow:hidden}
	.poster_holder .f_btn_wrap > img{display:none}
	.poster_holder .f_btn{position:static; width:90%; margin:20px auto 0; height:40px; line-height:40px}
	.poster_holder .f_btn span{padding:0; font-size:14px}


	.pc_video{display:none}
	.mobile_video{display:block}
	
	
	.left .nav-wrap li a img.hov01{width:calc(100% - 25%);}
	.confirm-pop .info {line-height: 2;}
}

/*인사말페이지*/
.greeting_wrap{max-width:1280px;margin:0 auto;}
.greeting_wrap .greeting_img{width:100%;margin:0 auto;}
/*
.greeting_wrap .greeting_title{text-align:center;color:#000;padding:5% 0}
.greeting_wrap .greeting_title h1{font-size: 63px;padding-bottom:30px;font-weight:bold;}
.greeting_wrap .greeting_title h3{font-size: 30px;}
.greeting_wrap .greeting_info{width:100%}
.greeting_wrap .greeting_info .greeting_info_left{width:35%;display:inline-block;vertical-align: top; padding-top: 29px;}
.greeting_wrap .greeting_info .greeting_info_left img{width:66%;display:block;margin:0 auto;}
.greeting_wrap .greeting_info .greeting_info_right{width:63%;display:inline-block;}
.greeting_wrap .greeting_info .greeting_info_right article{color:#000}
.greeting_wrap .greeting_info .greeting_info_right article div{padding:20px 0 0;font-size: 20px;font-weight: bold;}
.greeting_wrap .greeting_info .greeting_info_right article div h4{font-size: 27px;font-weight: bold;}
.greeting_wrap .greeting_info .greeting_info_right article div:last-child p{font-size: 17px;font-weight: 500;word-break: keep-all;}
.greeting_wrap .greeting_info .greeting_info_right article div .greeting_info_right_span{display:block;height:20px;}
.greeting_wrap .greeting_info .greeting_info_right article div .greeting-name{float:right;padding-top:6%;}
.greeting_wrap .greeting_info .greeting_info_right article div .greeting-name span{font-family: 'Nanum Myeongjo',serif; font-weight: 900; font-size: 25px; padding: 0 0 0 15px;letter-spacing: 0.5em;}
.greeting_wrap .greeting_info .greeting_info_right .greeting-name span.greeting-sign{font-family: 'SDK'; font-weight:normal}
*/

/*만족도 조사*/
.survey_wrap .survey_input_wrap{background:#dfe7e6;padding: 20px 0 10px 20px;}
.survey_wrap .survey_input_wrap .survey_input_title .subtile_bar{display:block;width:68px;height:10px;background:#007d6f;}
.survey_wrap .survey_input_wrap .survey_input_title h1{font-size:55px;margin-top: -12px;}
.survey_wrap .survey_input_wrap .survey_input_box .survey_input_box1 .survey_input_heads,.survey_wrap .survey_input_wrap .survey_input_title .survey_input_box .survey_input_box1 .survey_input_body{display:inline-block;float:left}
.survey_input_title, .survey_input_box{width:90%;margin:5% auto 2%;}
.survey_input_box{margin-top:0;}
.survey_input_title span, .survey_input_box span{font-size:20px;margin-right: 20px;}
.survey_title img{width:100%}
.survey_input_box .survey_input_bodys input[type="email"]{width: 200px;height: 28px;line-height: 28px;}
.survey_input_box .survey_input_bodys textarea{width: 80%;}
.survey_input_box .survey_input_box2{padding-top:30px}
.survey_input_box .survey_input_box2 div{padding:10px 0 20px}
.survey_input_box .survey_input_box2 div label{font-size:20px;margin-left:15px}
.survey_input_box .survey_input_box2 input[type="submit"] {width: 100px;height: 50px; text-align: center;line-height: 50px; font-size: 20px; border-radius: 0 15px 15px 0;margin-top:30px}

@media screen and (max-width: 1280px){
.survey_wrap .survey_input_wrap .survey_input_title h1{font-size:2.8em;}
}

/*공개특강페이지*/
.content {width: 100%; height: 100%; margin: 0 auto; color: #fff;}
.lecture_wrap{width:100%;max-width:1000px;position:relative;}
.lecture_btn{display:block;width:23%;height:69px;border-radius:36px;position:absolute;}
.lecture_btn.lecture_btn1{top:31.5%;right:12%}
.lecture_btn.lecture_btn2{top:43.8%;right:12%}
.lecture_btn.lecture_btn3{top:55.8%;right:12%}
.lecture_btn.lecture_btn4{top:68%;right:12%}
.lecture_btn.lecture_btn5{top:80.25%;right:12%}
.lecture_btn.lecture_btn6{top:92.1%;right:12%}

.modal_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
.modal_box{position:fixed;top:50%;left:55%;transform:translate(-44%,-50%);width:60vw !important;}
.modal_wrap button{display:block;width:10vw;height:4vw;position:fixed;top:-17%; right:0.5%;border-radius:3vw;background:#afc757;color:#fff;border:none;font-size:22px;font-weight:bold;max-width: 150px;max-height: 70px;}
@media screen and (max-width: 1280px){
.lecture_btn{height:4.7vw;}
.modal_box{left:54%;transform:translate(-41%,-50%);width:67vw !important;}
.modal_wrap button{font-size:18px;}
}
@media screen and (max-width: 980px){
.modal_box{left:56%;width:65vw !important;}
.modal_wrap button{width:103px;height:41px;}
}
@media screen and (max-width: 860px){
.lecture_btn{height:6.1vw;}
.modal_box{left:41%;width:89vw !important;}
}
/*사전등록*/
.confirm-pop1 {overflow-Y:auto !important;}
.confirm-pop1 .right{text-align: initial;padding:2% 3%;}
.confirm-pop1 .right input[type=checkbox]{appearance: revert;width:auto;height:auto;margin:0}
.confirm-pop1 .right input[type=checkbox]:checked::before{width:0;display:inline-block;}
.confirm-pop1 .right input[type=checkbox]:checked{width:auto;width:auto;height:auto;}

.pop .privacy div.email1 .bodys input[type=text]{width:39%}
.pop .privacy div.email1 .bodys{text-align:left}
.pop .privacy div.email1 .bodys select{width:17%;height:3.625em; font-size: 15px; font-weight: 600; color: #0354a6;border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; margin-left: 5px;
    padding: 0 1em;text-align:right;}

.pop .privacy div.email1 .bodys #email1ad{display: inline-block;width:39%;height: 3.625em; font-size: 15px; font-weight: 600; color: #5f90af;border: 1px solid #cccccc; border-radius: 3px;
    box-sizing: border-box; padding: 0 1em;vertical-align: middle;line-height: 3.3em;}
.confirm-pop1 .right > h3{text-align: left; color: #5f90af; border-bottom: 3px solid #5f90af;font-size: 1.75em;font-weight: bold; line-height: 2;padding-top:10px;margin-bottom:20px}
.confirm-pop1 .right .check2{display: block;font-size: 1.3em; color: #333;font-weight: 800;border-bottom: 1px solid #ccc; cursor: pointer;  text-align: left;  position: relative; height: 2.5em; 
	line-height: 1.625em;padding-left: 1em;}
.confirm-pop1 .right .check3{display: block;font-size: 1.077em; color: #333;font-weight: 700;cursor: pointer;  text-align: left;  position: relative; height: 2.5em; 
	line-height: 1.625em;padding-left: 1em;margin-top: 1em;}
.confirm-pop1 .right .policy-con{height: 100px;overflow-y: auto; border: 1px solid #ccc;color: #666;padding: 10px;font-size: 12px;text-align: left; border-radius: 3px; box-sizing: border-box;
    background: #f9f9f9;}

/* 신청하기-yr(231214) */
.copy.red {width: 88%; margin: 0 auto 8%; text-align: center; color: #d61331; font-size: 24px; font-weight: 700; word-break: keep-all; white-space: wrap;}
.copy.red.copy2 {font-size: 18px; width: 100%; margin: 0 auto 4%;}
.copy.small {font-size: 14px; margin-left: 5%; color: #345555; font-weight: 500;}
.pop .radio_box {height: 4.425em; border: 1px solid #ddd; border-radius: 3px; padding-left: 30px; width: 100%; background: #fff;}
.pop .radio_box {height: auto; padding: 10px; padding-left: 30px; text-align: left;}
.pop .right .radio_box {border: 0;}
.pop .radio_box .table_wrap {width: 95%; height: 100%;}
.pop .phone1 .bodys .dfbox {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.pop .phone1 .bodys .dfbox input {width: 33%;}
.pop .phone1 .bodys .dfbox p {margin: 0 0.8em; font-size: 18px; font-weight: 400;}
.pop .confirm-con .input_div.grade {height: 3.625em;}
.pop .confirm-con .input_div.grade .bodys {text-align: left; padding-left: 25px;}
.pop .confirm-con .input_div.grade .bodys label {padding-left: 20px;}
.pop .confirm-con .input_div.grade .bodys label.last {margin-right:0;}
.pop .bodys label:last-child {margin-right: 0;}
.pop .bodys label {display: inline-block; margin-right: 30px; line-height: 2.5; margin-bottom: 0; position: relative; }
.pop .bodys label {line-height: 1.5;}
.pop .bodys input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; display: none;}
.pop .bodys input[type="radio"] + label span.radio_figure {display: inline-block; width: 16px; height: 16px; border: 1px solid #345555; background: transparent; border-radius: 100px; margin-right: 4px; position: absolute; left: 0; top: 53%; transform: translateY(-50%);}
.pop .bodys input[type="radio"] + label span.radio_figure:after {content: ""; display: block; border-radius: 100px; background: transparent; width: 8px; height: 8px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }
.pop .bodys input[type="radio"]:checked + label span.radio_figure {border: 1px solid #21507e;}
.pop .bodys input[type="radio"]:checked + label span.radio_figure:after { background: #21507e;}
.pop .policy .policy-con {height: 80px; overflow-y: auto; border: 1px solid #ccc;color: #666;padding: 10px;font-size: 12px;text-align: left; box-sizing: border-box; background: #f9f9f9;}
.pop .policy .policy-con p {word-break: keep-all; white-space: wrap;}
.pop .btn_box {display: flex; justify-content: center; margin: 2em 0;}
.pop .btn_box input {margin: 0; width: auto; padding: 0.7em 3em; word-break: keep-all; font-size: 20px; font-weight: bold; box-shadow: 5px 5px 25px rgba(0,0,0, .9); border-radius: 40px; white-space: pre-wrap}
.pop .btn_box input:hover {background: #263f3f;}
.pop .bott_info {margin: 1em 0 2em; word-break: keep-all; white-space: wrap; text-align: center;}
#apply_pop1, #apply_pop2, #apply_pop3 {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); z-index: 99; display: none;}
#apply_pop1 .inWrap, #apply_pop2 .inWrap, #apply_pop3 .inWrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 1200px; width: 90%; margin: 0 auto; border-radius: 50px; overflow: hidden; background: #c4e49b;}
#apply_pop1 .inWrap .imgbox img, #apply_pop2 .inWrap .imgbox img, #apply_pop3 .inWrap .imgbox img {width: 100%;}
#apply_pop1 .inWrap .btn_box, #apply_pop2 .inWrap .btn_box, #apply_pop3 .inWrap .btn_box {display: flex; justify-content: center; width: 88%; margin: 4% auto 3%; gap: 11%;}
#apply_pop1 .inWrap .btn_box a, #apply_pop2 .inWrap .btn_box a, #apply_pop3 .inWrap .btn_box a {padding: 0.5em 0; width: calc(50% - 100px); font-size: 45px; background: #375555; border-radius: 60px; color: #fff; text-align: center; box-shadow: 5px 5px 25px rgba(0,0,0, .9);}
#apply_pop2 .inWrap .btn_box a, #apply_pop3 .inWrap .btn_box a {line-height: 1.2; padding: 0.6em 0; display: flex; flex-direction: column; justify-content: center;}
#apply_pop2 .inWrap .btn_box a span, #apply_pop3 .inWrap .btn_box a span {display: block; padding-bottom: 12px;}
#apply_pop1 .inWrap .btn_box a span, #apply_pop2 .inWrap .btn_box a span, #apply_pop3 .inWrap .btn_box a span {font-weight: 600;}
#apply_pop1 .inWrap .btn_box a span span, #apply_pop2 .inWrap .btn_box a span span, #apply_pop3 .inWrap .btn_box a span span {font-weight: 900;}
/* #apply_pop1 .btn-close {position: absolute; right: 30px; top: 0; color: #fff; appearance: none; border: 0; background: transparent; font-size: 55px;} */
#apply_pop1 .btn-close, #apply_pop2 .btn-close, #apply_pop3 .btn-close {width: 20px; height: 20px; padding: 0px; background: url(/img/main/icon-popclose2.png) no-repeat transparent; background-size: 100% auto; border: 0; cursor: pointer; font-size: .7em; position: absolute; right: 30px; top: 30px;}
.pop.apply_pops .pop-inner {max-width: 800px; background: #c4e49b; border-radius: 50px; overflow: hidden;}
.pop.apply_pops .pop-inner .confirm-con {width: 90%; max-width: 950px; padding: 0;}
.pop.apply_pops .pop-inner .heads span {font-weight: bold;}
.pop.apply_pops .pop-inner img {width: 100%;}
.pop.apply_pops .pop-inner .right.policy {margin-top: 2em; color: #345555 !important; font-weight: bold;}
.pop.apply_pops .pop-inner label input {width: 25px; height: 25px; line-height: 25px; margin-bottom: 0; margin-right: 0.5em; padding-left: 0; background: #fff; border: 1px solid #345555;}
.pop.apply_pops ::placeholder {color: #c9cbca;}
.pop.apply_pops .pop-inner .btn-close {right: 40px; top: 40px; position: fixed;}
.pop.apply_pops .pop-inner .mCSB_scrollTools .mCSB_draggerContainer {height: 85%; top: 50%; transform: translateY(-50%); right: 10px;}
.bott_bg {position: relative;}
.bott_bg {background: url(/img/sub/apply_pop_bottBg.png) no-repeat bottom #c5e49b; background-size: cover;}
.bott_bg::after {content: ''; background: url(/img/sub/apply_pop_bottBg.png) no-repeat bottom #c5e49b; background-size: cover; position: absolute; left: 0; bottom: 0; width: 100%; height: 172px; z-index: -1;}
.pop.apply_pops .pop-inner.down_pop {max-width: 1200px; height: auto;}
.pop.apply_pops .pop-inner.down_pop .confirm-con {max-width: 750px; width: 75%;}
.pop.apply_pops .pop-inner.down_pop .btn_box {margin: 3em 0 4em;}
.m_applyBtn {display: none;}

@media screen and (max-width: 1600px){
#apply_pop1 .inWrap .btn_box a, #apply_pop2 .inWrap .btn_box a, #apply_pop3 .inWrap .btn_box a {font-size: 2.800vw;}
.copy.red {font-size: 1.500vw;}
}
@media screen and (max-width: 1024px){
#apply_pop1 .inWrap .btn_box, #apply_pop2 .inWrap .btn_box, #apply_pop3 .inWrap .btn_box {gap: 8%}
#apply_pop1 .inWrap .btn_box a, #apply_pop2 .inWrap .btn_box a, #apply_pop3 .inWrap .btn_box a {font-size: 3.55vw; width: calc(92% / 2); border-radius: 40px;}
.copy.red {font-size: 1.959vw;}
}
@media screen and (max-width: 860px){
.pop.apply_pops .pop-inner, #apply_pop1 .inWrap .imgbox, #apply_pop2 .inWrap .imgbox, #apply_pop3 .inWrap .imgbox {border-radius: 30px;}
.pop.apply_pops .pop-inner .btn-close {right: 25px; top: 25px; z-index: 999;}
#apply_pop1 .btn-close, #apply_pop2 .btn-close, #apply_pop3 .btn-close {right: 20px; font-size: 45px; font-weight: 500;}
}

@media screen and (max-width: 767px){
#apply_pop1 .inWrap .btn_box a, #apply_pop2 .inWrap .btn_box a, #apply_pop3 .inWrap .btn_box a {font-size: 4.25vw;}
.copy.red {font-size: 3.008vw;}
.pop .confirm-con .input_div.grade {height: auto;}
.pop .confirm-con .input_div.grade .bodys {padding-left: 0; margin-bottom: 1em;}
}

@media screen and (max-width: 600px){
.apply_pops .confirm-pop {height: 90vh; overflow-y: scroll;}
.pop .btn_box {gap: 10px;}
.pop .btn_box input {font-size: 16px; width: 100%; padding: 0.5em 1em;}
#apply_pop1 .inWrap .btn_box, #apply_pop2 .inWrap .btn_box, #apply_pop3 .inWrap .btn_box {flex-direction: column; gap: 20px;}
#apply_pop1 .inWrap .btn_box a, #apply_pop2 .inWrap .btn_box a, #apply_pop3 .inWrap .btn_box a {font-size: 5.5vw; width: 100%; box-shadow: 3px 3px 15px rgba(0,0,0, .8);}
.copy.red {font-size: 4.408vw; margin: 4% auto 8%;}
.copy.small {margin-left: 0; display: block; margin-top: 7px;}
.pop .confirm-con .input_div.grade .bodys label {margin-right: 20px;}
.bott_bg::after {height: 50px;}
.m_applyBtn {display: block; background-color: #c5e49b; padding-top: 20px;}
.m_applyBtn button {appearance: none; border: 0; background: #eef7e2; width: 40%; height: 50px; line-height: 48px; font-size: 15px; font-weight: 600; border-radius: 40px; color: #375555;}
.m_applyBtn button:hover {background-color: #375555; color: #fff;}
}