/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Sriracha&display=swap');
@import url("https://use.typekit.net/uwj4our.css");
@font-face {
	font-family: 'Sriracha Regular';
	font-style: normal;
	font-weight: normal;
	src: url(./font/Sriracha-Regular.woff);
}
/*===========================================================================
	RESET
============================================================================*/
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, sub, sup, tt, var,
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, button, input, br {margin:0;padding:0;border:0;box-sizing:border-box; color:/*#585858*/#000; line-height:1.2; letter-spacing:-0.36px; font-weight: 400;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {display: inline-block;text-decoration:none;color:inherit;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
img {border:none;vertical-align:middle;}
ol, ul, li {list-style:none;}
i, em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;width:100%;}
fieldset {border:none;}
legend{width:1px;height:1px;overflow:hidden;visibility:hidden;line-height:0;font-size:0;position:absolute; left:-999px;}
button, input[type="button"]{padding:0;margin:0;border:none;vertical-align:middle;cursor:pointer;background:transparent;}
input{margin:0;padding:0;border:0;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
textarea {resize:none;}
input, select, button, textarea{outline: none; -moz-appearance: none; -webkit-appearance: none;}
button:focus{outline:0;}
input[type="text"], input[type="password"], input[type="number"], textarea {padding:0 10px;border:1px solid #B2B2B2;}
input[type="text"], input[type="password"], textarea {height:60px; border-radius:30px; padding:0 30px; background-color:#fff;}
input::placeholder, textarea::placeholder {color:#585858;}
input[type="checkbox"] {display:none;}
.clearfix:after{content:''; display:block; clear:both;}
input:read-only{background:#eee;}
select{padding:10px 20px 10px 10px;background-image:url(../img/icons/faq_arrow.png);background-repeat:no-repeat;background-size:16px;background-position:right 4px center;}
input[type="checkbox"] , input[type="radio"]{-webkit-border-radius:0;-webkit-appearance:none;}
/*reset end*/

/*font_size & color & family*/
*{font-family: 'Nanum Gothic', sans-serif;font-size:16px;box-sizing:border-box;color:#585858;}
.point_txt{color:#10BF99 !important;} /*초록색*/
.point2_txt{color:#F6A400 !important;} /*노랑색*/
.yellow_txt{color:#fff475 !important;} /*노랑색*/
.gray_txt{color:#787679 !important;}
.red_txt{color:#ff0000 !important;}
.font_small{font-size:13px;}
.font_light{font-weight: 400;}
.f_bold{font-weight: bold !important;}
.pre{white-space:pre-line;}

/*common class*/
.border_bottom_000 {border-bottom:1px solid #000;}
.mt10 {margin-top:10px;}
.mb_0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px;}
.has_right_border{margin-right:10px;position:relative;}
.has_right_border:after{content:"";display:inline-block;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:1px;height:12px;background:rgba(0,0,0,0.7);}
.has_bar{position:relative;text-align:center;}
.has_bar span{display:block;width:100%;height:1px;position:absolute;top:50%;transform:translateY(-50%);background:#707070;}
.has_bar p{background:#fff;display:inline-block;position:relative;z-index:9;padding:10px !important;}
.text_center{text-align:center !important;}
.text_r{text-align:right !important;}
.text_l{text-align:left !important;}
.clearfix:after, .clearfix2:after, .clearfix3:after{content:''; display:block; clear:both;}
.clearfix>*{float:left;}
.clearfix2>*:first-child{float:left;}
.clearfix2>*:nth-child(2){float:right;}
.clearfix3>*:first-child{float:right;}
.clearfix3>*:nth-child(2){float:left;}
.flex{display:flex;}
.ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis2{overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.floatL {float:left !important;}
.floatR {float:right !important;}
a.underline {text-decoration: underline !important;}
.pointer {cursor: pointer;}

/* title */
.sub_section_title{font-size:20px;display:inline-block;background:#ADF002;color:#000;padding:6px 28px;border-radius:20px;}
p.sub_section_title.main_theme{color: #000;font-weight: 600;letter-spacing: -0.5px;}
.section_title_wrap {text-align:center;padding-bottom:40px;}
/*.section_title_wrap2 {padding: 15px 20px;}*/
.section_title_wrap2 + .basic_ul {margin-top:57px;}
.title{font-size:28px;font-weight:bold;/*display:inline-block;*/padding-bottom: 15px;/*padding-left: 20px;*/}
.visa .title{padding-left:0;}
.visa .title + a{word-break: break-all;}
/*.title:after{content:'';display:block;width:100%;height:12px;background:#C9F7FF;position:absolute;left:0;bottom:0;z-index:-1;}*/
/*.title_point{text-align: center;}*/
/*.img_wrap{background:#F0F0F0;}*/

/* tab_area & steps_area*/
.tab_area{margin-top:-30px;margin-bottom:50px;}
.tab_area .clearfix{display:inline-block;}
.tab_area{text-align:center;}
.tab_area .clearfix li{margin-right:6px;}
.tab_area .clearfix li:last-of-type{margin-right:0;}
.tab_area .btn{padding:0px 15px;}
.tab_area .btn.active{border-color:#ADF000;background:#ADF000;color:#000;font-weight:500;}
/*hansol_addStart*/
.tab_area2{margin-bottom:50px;}
.tab_area2 .clearfix{display:inline-block;}
.tab_area2{text-align:center;width: 100%;}
.tab_area2 li, .tab_li li{/*width:calc(33.3333% - 13.4px)*/;height: 100%;background-color: #fff;padding: 6px 25px 8px;border-radius: 30px;color: #fff;}
.tab_li {text-align:center; margin-bottom:50px;}
.tab_li li{display:inline-block;}
.tab_area2 .clearfix li, .tab_li li {margin-right:20px;border: 1px solid #707070}
.tab_area2 .clearfix li.active, .tab_li li.on {background-color: #10BF99;border: 1px solid #10BF99;}
.tab_area2 .clearfix li.active a, .tab_li li.on a {color:#fff;}
.tab_area2 .clearfix li a, .tab_li li a {color: #444444;font-size: 22px; font-weight:bold;}
.tab_area2 .clearfix li a strong, .tab_li li a strong {font-weight: bold;color: #444444;font-size: 22px;}
.tab_area2 .clearfix li:last-of-type, .tab_li li:last-of-type {margin-right:0;}
.tab_area2 .btn{padding:0px 15px;}
.tab_area2 .btn.active{border-color:#ADF000;background:#ADF000;color:#000;font-weight:500;}
.steps_area2 li{width:100%;text-align:center;text-align: left;position: relative;}
.steps_area2 li p{float: left;}
.steps_area2 .clearfix>li:after{content:'';display:block;width:1px;background:#707070;height:100%;position:absolute;left:35px;z-index:-1;}
.steps_area2 .clearfix>li:last-of-type:after{display: none;}
.steps_area2 .sub_info{width: calc(100% - 80px);float: right;}
.steps_area2 .sub_info li{text-align: justify;margin-bottom: 15px;}
.steps_area2 li.warning_point:before{content: '※';display: inline-block;margin-right: 10px;}
.steps_area2{margin:0 auto;}
.steps_area2 .step_txt{display: flex;height: 70px;align-items: center;}
.steps_area2 li>p:first-of-type{position:relative;background:#ADF000;margin:0 auto;border-radius:50%;width:70px;height:70px;border:2px solid #ADF000;margin-bottom:20px;color: #585858;font-weight: bold;text-align: center;font-size: 12px;display: flex;justify-content: center;align-items: center;}
.steps_area2 li .sm_txt{padding-left: 10px;font-weight: bold;}
.detail_svg{width: 100%;display: inline-block;}
.detail_svg img{max-width: 100%;}
/*hansol_addEnd*/
.steps_area li{width:33.3333%;text-align:center;position:relative;}
/*.steps_area li p:first-of-type:after{content:'';display:block;width:150px;background:#707070;height:2px;position:absolute;top:50%;right:-150px;z-index:-1;}*/
.steps_area li p:first-of-type:after{content:'';display:block;width:36px;height:36px;background:url("../img/icons/icon_step_arrow.svg") no-repeat center /contain;position:absolute;top:60px;right:0;z-index:-1; transform:translateX(50%) rotate(-90deg);}
.steps_area li:last-of-type p:first-of-type:after{display:none;}
.steps_area{max-width:710px;margin:0 auto;}
.steps_area li p:first-of-type{/*position:relative;*/background:#fff;margin:0 auto;border-radius:50%;width:147px;line-height:147px;height:147px;margin-bottom:10px;font-size:20px;font-weight:bold;color:#000;background-color:#989898;}
.steps_area li.on p:first-of-type{background-color:#FFEB00;}
.steps_area li.next p:first-of-type{background-color:#ccc;}
.steps_area li .sm_txt{padding-top:10px;font-weight:bold;line-height:22px;font-size:18px;color:#000;}
.steps_area li p{color:#ADADAD;}
.steps_area li.on p{color:#000}
.steps_area li.past p:first-of-type{border-color:#ADF000;background:#ADF000;}

/*btn*/
.btn{font-size:20px; font-weight:bold; height:50px; cursor:pointer; background:transparent; color:#585858; border-radius:30px; /*padding:0 30px;*/ border:1px solid #585859;}
a.btn{line-height:50px; text-align: center;}
/*.btn.white_border{border-color:#fff;color:#fff;}*/
/*.btn:hover{background:#ADF000;color:#fff;border-color:#ADF000;}*/
.fixed_btn{position:fixed;bottom:40px;/*right:20px;*/ right: 140px;border-radius:50%;font-size:16px;width:110px;height:110px;background:#DEDEDE;font-weight:600;padding-right:10px;padding-bottom:10px; z-index:10;}
.fixed_btn:hover{background:#ADF000;}
.fixed_btn:after{content:'';display:block;z-index:-1;position:absolute;top:-5px;right:5px;width:110px;height:110px;border:1px solid #000;color:#000;border-radius:50%;}
.green_btn {background-color:#10BF99; border-color:#10BF99; color:#fff;}
.yellow_btn {background-color:#FFEB00; border-color:#FFEB00; color:#000;}
.gray_btn {background-color:#999999; border-color: #999999; color: #fff;}
.gray2_btn {background-color:#707070; border-color: #707070; color: #fff;}
.long_btn {font-size: 22px; color: #FFF; border: 0; border-radius: 25px; background-color: #10BF99; width: 100%; max-width: 400px;} /* guideline에 들어가는 버튼*/
a.long_btn {max-width: max-content; padding: 0 40px; line-height: 50px; text-align: center;} /* download 버튼 */
a.long_btn + a.long_btn {margin-left: 24px;}
a.long_btn img {width: 20px; height: 20px; margin-right: 20px;}

/*checkbox customizing*/
.checkbox{padding:0;height:initial;width: initial;margin-bottom:0;display:none;cursor:pointer;}
.checkbox + label{position: relative;cursor: pointer;}
.checkbox + label:before{content:''; border:1px solid #B2B2B2; width:19px; height:19px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; border-radius:5px;}
.checkbox:checked + label:before{background-color:#666666; border-color:#666666;}
/*.checkbox:checked + label:after{content: '';display: block;position: absolute;top:1px;left:7px;width:6px;height:10px;border: solid #ADF000;border-width: 0 2px 2px 0;transform: rotate(45deg);}*/

/*radio customizing*/
.radio:checked, .radio:not(:checked) {position: absolute;left: -9999px;}
/*.radio:checked + label, .radio:not(:checked) + label{position: relative;padding-left:24px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}*/
/*.radio:checked + label:before, .radio:not(:checked) + label:before{content: '';position: absolute;left: 0;top:2px;width:18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}*/
/*.radio:checked + label:after, .radio:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #ADF000;position: absolute;top:6.5px;left:5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}*/
/*.radio:not(:checked) + label:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}*/
/*.radio:checked + label:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}*/
/* 220407 HUBDNC LJH2 수정 (스타일참고: registration.php) */
.radio:checked + label, .radio:not(:checked) + label {position: relative; display: inline-block; cursor: pointer; font-weight: bold; color: #000; padding-left: 50px; line-height: 24px;}
.radio:checked + label.tight, .radio:not(:checked) + label.tight {padding-left: 35px; margin-left: 30px;}
.radio:checked + label:before, .radio:not(:checked) + label:before {content: '';position: absolute;left: 0;top:2px; width: 24px; height: 24px; border-radius: 5px; border: 1px solid #B2B2B2; box-sizing: border-box;}
.radio:checked + label:before {background-color: #666666;}
.online_register .radio:checked + label, .online_register .radio:not(:checked) + label  {font-size: 24px;}

/*select > round (스타일참고: FAQ.php)*/
.select {padding: 13px 77px 13px 38px; border: 1px solid #999999; border-radius: 23px; background: none; font-size: 16px; font-weight: 400; color: #666666;}
.select_box {width: max-content; position: relative;}
.select_box.on .select_icon {transform: translateY(-50%) rotate(180deg);}
.select_icon {position: absolute; top: 50%; right: 22px; transform: translateY(-50%); transition: all 0.3s;}

/*layout*/
.container{width:calc(100% - 34px);margin:0 auto;max-width:1200px;}
section.container {min-height: calc(100vh - 532px); padding: 87px 0 50px; margin-top: 136px;}
section.container.program_detail {padding: 223px 0 50px; margin-top: 0;}
.form_section{max-width:890px;margin:0 auto;width:calc(100% - 20px);padding:245px 0 250px;min-height:calc(100vh - 375px);}
.form_section.login{max-width:330px;}
/*.sub_page .container{padding:0 20px;}*/
/*.sub_page .section{padding-bottom:180px;}*/
.sub_banner {text-align:center;position:relative;/*padding:50px 0;*/padding-bottom: 52px;}
.sub_banner h5{width:100%;font-family: 'Sriracha', cursive;font-size:100px;font-weight:100;color:#F2F2F2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;}
.sub_banner h1{display:inline-block;font-size:44px;font-weight:bold;/*margin:44px 0;position:relative;z-index:1;*/color:#000;}
/*.sub_banner h1:after{content:'';display:block;width:100%;height:17px;background:rgba(169,239,0,0.6);position:absolute;left:0;bottom:0;z-index:-1;}*/
/*section.sub_page{padding-top:222px;}*/

/*header*/
header{background: #444;position: relative;z-index: 999;position: fixed;top: 0;left: 0;width: 100%;}
header a{color:#fff;}
header .logo img:nth-of-type(2){display:none;}
header .btn{padding:0 12px;height:38px;line-height:36px;font-size:17px;margin-top:20px;}
header .top{padding:48px 0 30px;}
header .depth01{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #F7F7F7;}
header .depth01>li>a{font-weight:bold;padding:30px 0;width:100%;display:block;text-align:center;}
header .depth01>li:hover>a span{color:#ADF002 !important;}
header .depth01>li>a span{font-size:16px;color:#fff;}
header .depth01 li ul{height:0;overflow:hidden;transition:all 0.3s;opacity:0;position:relative;z-index:1;}
header .depth01 li ul li a{font-size:14px;color:#000;display:block;width:100%;padding:12px 0;text-align:center;font-weight:500;}
header .depth01 li ul li a:hover{color:#ADF000;}
header .depth01 li ul li:first-of-type{padding-top:24px;}
header .btn:first-of-type{margin-right:5px;}
header.nav_show:after{content:'';display:block;width:100%;height:260px;background:#fff;position:absolute;top:223px;left:0;}
header.nav_show .depth01 li ul{opacity:1;overflow:visible;}
header.nav_show{background:#fff !important;}
header.nav_show .depth01>li>a span{color:#000;}
header.nav_show .btn{color:#585858;border-color:#585858;}
header.nav_show .logo img:nth-of-type(2){display:inline-block;}
header.nav_show .logo img:nth-of-type(1){display:none;}
header.nav_show .depth01{border-color:#585858;border-bottom:1px solid #585858; }
.depth01 li a img{margin-left:10px;}
header .nav_wrap{position:relative;}
header .bar{height:4px;background:#ADF002;position:absolute;display:block;top:-2px;transition:left 0.5s;z-index:1;}
header.nav_show .bar{top:83px;}
.nav_dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(112, 112, 112, 0.6);display:none;z-index:99;}
.page_loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;z-index:1000;}
.page_loading.active{display: inline-block;}
.page_loading #vid_auto{width: 100%;display: inline-block;position: absolute;top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%);}
header.nav_show .toggle_wrap label{color:#585858;}
header.nav_show .toggle{background:#585858;}
header .toggle_wrap{border-left:1px dashed #fff;padding-left:10px;}
header.nav_show .toggle_wrap{border-color:#585858;}

/*footer*//* 220321 HUBDNC LJH2 수정 */
.footer_wrap {padding: 60px 0 54px; background-color: #F2F2F2; position:relative;}
.s_logo_list{margin-bottom:20px;}
.s_logo_list li img{position:absolute;max-height:100%;max-width:100%;top:50%;left:50%;transform:translate(-50%, -50%);}
.s_logo_list li{height:40px;position:relative;margin: 0 10px;}
.footer h5 {font-size: 16px; font-weight: bold; color: #7C7C7C; padding-left: 10px; position: relative;}
.footer h5:before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #7C7C7C; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer .container > h5 {margin: 60px 0 50px;}
.f_bottom {display: flex; word-break: break-all;}
.footer_l {width:260px; padding:0 34px 0 27px;}
.footer_l img:nth-child(even) {margin-left:20px;}
.footer_l img:nth-child(n+3) {margin-top:35px;}
.footer_c {width:calc(55% - 130px);}
.footer_r {width:calc(45% - 130px);}
.f_bottom > div:not(:first-child) {border-left:1px solid #707070; padding:4px 13px;}
.f_bottom > div:not(:first-child) p {font-size:16px; font-weight:bold; color:#666; margin-bottom:16px;}
.f_bottom > div:not(:first-child) ul + ul {margin-top:10px;}
.f_bottom > div:not(:first-child) li {font-size:14px; line-height:20px; color:#666;}
.f_bottom > div:not(:first-child) li span {font:inherit; color:inherit;}
/*.f_bottom > h5 {height: max-content; margin-right: 16px;}*/
/*.f_b_right {width: calc(100% - 120px);}*/
/*.f_b_r_top {display: flex;align-items: center; margin-bottom: 24px;}*/
/*.f_b_r_top .f_info {width: calc(100% - 66px);}*/
/*.f_logo_mini {width: 50px; height: 32px; margin-right: 16px;}*/
/*.f_logo_mini img {width: 100%;}*/
/*.f_info li {font-size: 14px; font-weight: 400; color: #7C7C7C; line-height: 18px;}*/
/*.f_info li b {font: inherit; font-weight: bold;}*/

/*popup*/
.popup{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;display:none;}
.pop_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.pop_contents{padding:30px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:750px;width:calc(100% - 20px);max-height:85vh;overflow-y:auto;}
.term1.popup .pop_contents, .term2.popup .pop_contents{max-width:900px;}
.pop_contents .pop_close{position:absolute;right:30px;top:30px;width:30px;height:30px;}
.pop_contents .pop_close img{width:100%;}
.pop_title{line-height:30px; font-size:18px;font-weight:normal;padding-bottom:20px;font-weight: bold;color: #000;}
.pop_title img{margin-right:10px;}
.pop_contents .pop_close_w{top:-40px;right:0;}
.popup .title{font-size:16px;}
.pop_contents p, .pop_contents li {text-align: justify;}
.pop_contents li {margin-bottom: 25px;}
.pop_contents li:before{content: '-';display: inline-block;margin-right: 10px;}
.pop_contents li.warning_point:before{content: '※';}
.pop_contents a.btn{margin-bottom: 15px;height: 100%;}
/*.pop_contents .c_table2 th{text-align: center;}*/
.pop_contents .c_table2 th.bg_point{border-right: 1px solid #707070;background-color: #c6c4c4;}
.pop_contents .section_title_wrap2 .title:after {background:#ADF002;height: 3px;}
.pop_contents .pTop0{padding-top: 0 !important;}

/*table*/
.table_wrap {max-width: 100%;overflow-x: auto;}
.table_wrap table{width:100%;}
.c_table_wrap{border-top:2px solid #707070;border-bottom:2px solid #707070;}
/*.c_table_wrap2{border-bottom:1px solid #707070;}*/
/*.c_table tr{background:#fff;}*/
/*.c_table tr:nth-of-type(2n){background:#F2F2F2;}*/
.c_table th{color:#505050;font-size:16px;border-right:25px solid #fff;}
.c_table th, .c_table td, .c_table2 th, .c_table2 td{white-space:nowrap;font-size:16px;font-weight:400;color:#000000;word-break:keep-all;padding:18px 10px;border-bottom:1px solid #707070;border-right:1px solid #707070;}
.c_table th:last-of-type, .c_table2 th:last-of-type {border-right: 0;}
.c_table td:last-of-type, .c_table2 td:last-of-type {border-right: 0;}
/*.c_table tr:last-of-type th, .c_table tr:last-of-type td, .c_table2 tr:last-of-type th, .c_table2 tr:last-of-type td{border-bottom:0;}*/
.c_table th{text-align:left;}
.c_table td{font-size:16px;font-weight:300;}
.c_table2{border-top:2px solid #707070;}
.c_table2 thead th{background:#F2F2F2;/*border-top:0;border-bottom:0;*/}
.c_table2 thead tr:last-of-type th{border-bottom:1px solid #707070;}
.c_table2 tbody th{text-align:left;}
/*.preview_room .c_table2{border-top:0;}*/
.preview_room .c_table2 td{text-align: center;}

/*table(thead+tbody / gray) - 220322 HUBDNC LJH2 추가*/
.col_date {width: 150px;}
.table_vertical {width: 100%; /*table-layout:fixed*/ table-layout: auto;}
.table_vertical thead tr {background-color: #F4F4F4; border-top: 2px solid #707070;}
.table_vertical tbody tr {border-bottom: 1px solid #CECECE;}
.table_vertical th {font-size: 20px; font-weight: 400; color: #666666; line-height: 2.5;}
.table_vertical td {font-size: 18px; font-weight: bold; color: #000000; line-height: 3.5; padding: 0 27px; text-align: center;}
.table_vertical td a {font: inherit; color: inherit; line-height: 1; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; vertical-align: middle;}
.normal .table_vertical th, .normal .table_vertical td {white-space:normal;}
.table_vertical th, .table_vertical td {white-space: nowrap; padding:0 10px;}
.table_date {font-size: 14px;}
.alert_new {color: #FF3333; margin-right: 39px; position: relative;}
.alert_new:after {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #FF3333; position: absolute; right: 0; top: 0; transform: translateX(100%);}

.registration_table th, .registration_table td, .registration_table button {font-size:14px;}
.registration_table button {height:34px;}
.registration_table button + button {margin-left:8px;}

.detail_table_common p {font:inherit;}
.detail_table_common p.mt10 {margin-top:10px;}

/*file input customizing*/
.file_input{display: inline-block;padding:18px 10px;width:100%;position:relative;}
.file_input input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;}
.file_input .btn{padding:4px 10px;cursor:pointer;}
.file_input.-chosen > .label {color:000;}

/*slick*/
.slick-arrow{font-size:0;width:40px;height:60px;background:url('../img/icons/arrows_left.png');background-repeat:no-repeat;background-position:center;background-size:90%;}
.slick-arrow{position:absolute;top:50%;margin-top:-30px;}
.slick-prev{left:0px;}
.slick-next{right:0px;background:url('../img/icons/arrows_right.png');background-repeat:no-repeat;background-position:center;background-size:90%;}
.footer_wrap .slick-arrow {width: 11px; background-image: url("../img/icons/arrows_left_small.png");}
.footer_wrap .slick-next {background-image: url("../img/icons/arrows_right_small.png");}
/*slick arrows*/
.slick-slider{padding:0 40px;}

/*pagination*/
.pagination{text-align:center;margin-top:50px;}
.pagination ul{display:inline-block;}
.pagination a{padding:10px 8px; font-size: 18px; font-weight: 400; color: #CCCCCC}
.pagination .on a{font-weight:500; color: #10BF99;}
.pagination img{height:14px;}

/*toggle*/
.toggle {position: relative;height: 2px;width:44px;background: #fff;margin: 10px 6px;}
.toggle input {opacity: 0;width: 100%;height: 200%;position: absolute;top: -7px;left: 0;z-index: 2;margin: 0}
.toggle input:nth-child(2):checked {z-index: 1;}
.toggle__pointer {position: absolute;top: -7px;left: 32px;background:#ADF002;width:14px;height:14px;border-radius:50%;-webkit-transition: left .15s ease-out;transition: left .15s ease-out;cursor: pointer;}
.toggle_wrap.left .toggle__pointer{left: 0px;background-color: #ADF002;}
.toggle_wrap label{font-size:17px;color:#fff;cursor:pointer;}
.toggle_wrap{margin-top:30px;margin-left:10px;}
.toggle_wrap input:checked + label{color:#ADF002;}

.slash{background-image:url('../img/icons/slash.png') !important;background-position:center center !important;background-repeat:no-repeat !important;}
.slash, .backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }

/*tab*/
.tab_contents{display:none;}
.tab_area2 .clearfix li{cursor:pointer;}

/*tab_green - 220322 HUBDNC LJH2 추가*/
.tab_green {display: flex; justify-content: center; margin-bottom: 37px;}
.mypage .tab_green {align-items: center;}
.tab_green li:not(:last-of-type) {margin-right: 40px;}
.tab_green li a {font-size: /*30px*/ 24px; font-weight: 400; color: #CCCCCC;}
.tab_green li.on {border-bottom: 2px solid #10BF99;}
.tab_green li.on a {font-weight: bold; color: #10BF99;}
.tab_green.long {width: 100%; overflow-y: auto;}
.tab_green.long li:not(:last-of-type) {margin-right: 30px;}
.tab_green.long li a {font-size: 23px;}

/**/
.program_detail .tab_cont {display:none;}
.program_detail .tab_cont.on {display:block;}


/*index_popup*/
.index_pop  {display: none;position: fixed; width:80%; max-width: 600px; top: 50%; left: 50%; transform:translateX(-101%) translateY(-50%); z-index: 999; min-width: 300px;}
.index_pop .top_check  {background: #000; padding: 10px;}
.index_pop .top_check .popclose img{ width: 20px; }
/*.index_pop input[type="checkbox"] + label{display: block;position: relative;width: 22px;    height: 22px;border: 1px solid #E9E9E9;border-radius: 2px;-webkit-border-radius: 2px;margin-right: 8px;cursor: pointer;}*/
.index_pop .top_check>label>span { color: #fff; line-height: 22px; border:none;}
.index_pop .pop_img { padding:0; width:100%; border:none;}
.index_pop .pop_img>img { width: 100%; }

.index_pop2  {display: none;position: fixed; width:80%; max-width: 600px; top: 50%; left: 50%; transform:translateX(1%) translateY(-50%); z-index: 999; min-width: 300px;}
.index_pop2 h1{font-size: 5rem; font-weight: 800;}
.index_pop2 h1.dday{font-size: 4rem;}
.index_pop2 .top_check  {background: #000; padding: 10px;}
.index_pop2 .top_check .popclose img{ width: 20px; }
/*.index_pop2 input[type="checkbox"] + label{display: block;position: relative;width: 22px;    height: 22px;border: 1px solid #E9E9E9;border-radius: 2px;-webkit-border-radius: 2px;margin-right: 8px;cursor: pointer;}*/
.index_pop2 .top_check>label>span { color: #fff; line-height: 22px; border:none;}
.index_pop2 h1{text-align: center;position: absolute;top:61%;left: 29%;transform: translateX(-50%) translateY(-30%);color: #93ed00;}
.index_pop2 h1.pre_abstract{color: #ff3b8b;left: 71%;}
.index_pop2 h1.pre_abstract.dday{left: 52%;width: 100%;}
.index_pop2 .pop_img { padding:0; width:100%; border:none;position: relative;}
.index_pop2 .pop_img>img { width: 100%; }
.index_pop2 .notice_link{position: absolute;width: 31%;height: 11%;top: 52%;left: 71%; transform: translateX(-50%) translateY(-30%);}
.index_pop2 .notice_link a{width: 100%; height: 100%;}


.index_pop3  {display: none;position: fixed; width:80%; max-width: 600px; top: 50%; left: 50%; transform:translateX(-102%) translateY(-45%); z-index: 999; min-width: 300px;max-height: 800px;overflow-y: scroll;}
.index_pop3 .top_check  {background: #000; padding: 10px;}
.index_pop3 .top_check .popclose img{ width: 20px; }
/*.index_pop input[type="checkbox"] + label{display: block;position: relative;width: 22px;    height: 22px;border: 1px solid #E9E9E9;border-radius: 2px;-webkit-border-radius: 2px;margin-right: 8px;cursor: pointer;}*/
.index_pop3 .top_check>label>span { color: #fff; line-height: 22px; border:none;}
.index_pop3 .pop_img { padding:0; width:100%; border:none;}
.index_pop3 .pop_img>img { width: 100%; }




/* fixed button - 220323 HUBDNC LJH2 추가 */
/*body {position: relative}*/
.fixed_btn_clone {position: fixed; bottom: 32px; left: 32px; z-index: 1; width: 5px; height: 5px; opacity: 0;}
.fixed_btn_wrap {position: fixed; bottom: 32px; right: 24px; z-index: 100;}
.toolbar_wrap {margin-bottom: 100px;}
.toolbar_wrap li:not(:last-of-type) {margin-bottom: 6px;}
.toolbar_wrap li:hover button, .toolbar_wrap li.on button {background-color: #10BF99;}
.toolbar_wrap button {width: 83px; height: 83px; padding: 10px; border-radius: 13px; background-color: #999999; font-size: 10px; font-weight: bold; color: #fff; text-align: center;}
.toolbar_wrap button i {display: block; margin-bottom: 6px;}
.btn_top {display: none; position: absolute; bottom: 0; left: 0; width: 64px; height: 64px; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(0,0,0,0.16); background-color: #fff;}
.fixed_btn_wrap.on {position: absolute;}
.fixed_btn_wrap.index_pg {right: 35px; bottom: 125px; }

.form_table input, .form_table select {border-radius:0; width:100%; height:40px;}
.pop_contents .form_table input, .pop_contents .form_table select {padding: 0 15px;}


/*::-webkit-scrollbar {width: 5px;margin-right: 5px;}*/

/* 스크롤 바 */
::-webkit-scrollbar-track {background-color: #f2f2f2;}

/* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb {background: #444444;}

/* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover {background: #adf002;}

/* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active {background: #adf002;}

/* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button {display: none;}

/* 스크롤 바 상 하단 버튼 */
 * {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust:100%;}



/* 220406 HUBDNC LJH2 */
/* common */
.m10 {margin: 10px 0;}
.mt25 {margin-top: 25px;}
.bold {font-weight:bold !important;}

/* sub-banner margin */
.registration .sub_banner {padding-bottom: 100px;}

/* lecture note submission > guideline */
.lecture_guideline .section_title_wrap2 {margin-top: 80px;}

/* visa */
.visa_col {width:200px;}
.visa_col2 {width:150px;}
.border_right {border-right:1px solid #CECECE !important;}
.visa .inner > div:not(:first-child) {margin-top:72px;}
.visa .table_vertical thead tr {border-bottom:1px solid #cecece;}
.visa .table_vertical th:not(:first-child) {border-left:1px solid #cecece;}
.visa .table_vertical td {font-size:16px; text-align:left; font-weight:400; line-height:1.2; padding:10px; border-right:1px solid #CECECE;}
.visa .table_vertical td:last-of-type {border-right:none;}

/*abstract_submission_award*/
.green_bg01 {background-color:#186D77 !important; color:#fff !important;}
.green_bg02 {background-color:#1B8B9A !important; color:#fff !important;}
.green_bg03 {background-color:#3DB2C1 !important; color:#fff !important;}
.green_bg04 {background-color:#EAFDFF !important;}
.purple_bg01 {background-color:#560D98 !important; color:#fff !important;}
.purple_bg02 {background-color:#F9F2FF !important; color:#560D98 !important;}
.pink_bg01 {background-color:#DF4086 !important; color:#fff !important;}
.pink_bg02 {background-color:#FFF2F8 !important; color:#DF4086 !important;}
.pop_gray_bg {background-color:#F4F4F4;}

@media screen and (max-width: 1280px){
    .index_pop { width:80%; right: 50%; transform:translate(-50%, -50%);}
    .index_pop3 { width:80%; right: 50%; transform:translate(-45%, -45%);height: 60%;max-height: 700px;}
    .index_pop2 { width:80%; right: 50%; transform:translate(-40%, -42%);}
}

@media screen and (max-width: 1200px){
	/* tab */
	.tab_green li a {font-size: 24px; white-space:nowrap;}
	.tab_green li:not(:last-of-type) {margin-right: 20px;}
	.tab_green.long {justify-content: initial;}
}

@media screen and (max-width: 1024px){
	/* layout */
	section.container {min-height: calc(100vh - 446px); padding: 50px 0 100px; margin-top: 56px;}
	
	/*table(thead+tbody/gray)*/
	.table_vertical th, .table_vertical td {font-size: 16px;}
	.table_vertical td {padding: 0 20px;}

	/* select */
	.select {padding: 7px 60px 7px 25px;}

	/* fixed btn */
	.fixed_btn_wrap.index_pg {right: 17px; bottom: 115px;}

	/* footer */
	.footer_wrap {padding: 35px 0;}
	.footer .container > h5 {margin: 30px 0;}
	.f_bottom {flex-wrap: wrap;}
	.footer_l {width:100%; text-align:center; margin-bottom:30px; padding:0;}
	.footer_l img {float:none;}
	.footer_l img:nth-child(n+3) {margin-top:0;}
	.footer_l img:nth-child(3) {margin-left:20px;}
	.f_bottom > div:not(:first-child) {width:50%;}

	/* lecture note submission > guideline  - 220406 HUBDNC LJH2 */
	.lecture_guideline .section_title_wrap2 {margin-top: 0;}

	/*visa*/
	.visa_col {width: 140px;}
	.visa_col2 {width: 130px;}
}

@media screen and (max-width: 780px){
    .index_pop2 h1{font-size: 4rem;}
    .index_pop2 h1.dday{font-size: 3rem;}
}

@media screen and (max-width: 768px){
	/* fixed btn */
	.toolbar_wrap {display: none;}
	.btn_top {position: relative;}

	/* tab */
	.tab_green {width: 100%; /*justify-content: initial;*/ overflow-y: auto;}
	.terms .tab_green, .board .tab_green, .mypage .tab_green {justify-content: center;}
	.tab_green li a, .tab_green.long li a {font-size: 20px;}
	
	/* 220406 HUBDNC LJH2 */
	/* sub banner margin */
	.registration .sub_banner {padding-bottom: 50px;}

	/* btn */
	a.btn {line-height: 40px;}
	.long_btn {font-size: 16px; height: 35px;}
	a.long_btn {line-height: 35px; padding: 0 30px;}
	a.long_btn img {width: 18px; height: 17px; margin-right: 10px;}
	.fixed_btn {bottom: 100px; right: 20px;}

	/**/
	.online_register .radio:checked + label, .online_register .radio:not(:checked) + label,
	.radio:checked + label, .radio:not(:checked) + label {font-size: 16px; padding-left: 35px;}

	/*step*/
	.steps_area li p:first-of-type {width:70px; height:70px; line-height:70px; font-size:16px;}
	.steps_area li p:first-of-type:after {width:20px; height:20px; top:26px;}
	.steps_area li .sm_txt {font-size:14px; line-height:17px; padding-top:0;}

	.visa .table_vertical {min-width:740px;}
}

@media screen and (max-width: 480px){
    .index_pop2 h1{font-size: 3rem;}
    .index_pop2 h1.dday{font-size: 2rem;}

	/* select */
	.select {padding: 5px 40px 5px 20px;}
	.select_icon {width: 14px;}
	.select_icon img {width: 100%;}

	/* btn - 220406 HUBDNC LJH2 */
	.long_btn {font-size: 14px; height: 30px;}
	a.long_btn {line-height: 30px; padding: 0 15px;}

	/*step*/
	.steps_area li p:first-of-type {width:50px; height:50px; line-height:50px; font-size:14px;}
	.steps_area li p:first-of-type:after {width:15px; height:15px; top:16px;}
	.steps_area li .sm_txt {font-size:12px; line-height:15px; font-weight:500;}
	
	.footer_l .clearfix {max-width:225px; margin:0 auto;}
	.footer_l img:nth-child(n+3) {margin-top: 20px;}
	.f_bottom > div:not(:first-child) {width:100%;}
	.f_bottom > div:last-child {margin-top:30px;}
}

@media screen and (max-width: 375px){
	.pagination a {font-size: 16px; padding: 10px 6px;}
}





/* 22.04.22 HUBDNC LJH2 추가 */
.welcome_txt {font-size: 18px; line-height: 1.5; text-align: justify; margin-bottom: 30px;}