@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}

fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
html{    overflow-y: scroll;}
button {border:none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none; } /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; }
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;vertical-align:top;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
a {color:#3a3a3a;text-decoration:none !important;}
.show2 {color : white; background: #00b9f4; width: 58px; display: inline-block; height: 18px; line-height: 1; text-align: center;}
.show2 span {font-size:13px;}
a:active, a:hover {text-decoration:none !important;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{max-width:100%;}
caption, legend {width: 0; visibility:hidden; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }
h1,h2,h3,h4,h5,p,ul,ol,dl{margin:0; padding:0; word-break: keep-all;}
p{word-break: keep-all;}

/* ==========================================================================
   세미나 참가신청 안내문구 및 SNS 홍보 영역 (데스크톱 & 모바일 공용)
   ========================================================================== */

/* 안내 문구 박스 스타일 */
.apply_notice_box {
    background-color: #f8f9fb;
    border: 1px solid #e1e7ed;
    padding: 18px 20px;
    margin: 10px 0 25px 0;
    border-radius: 6px;
    text-align: left; /* 부모의 center 정렬을 무시하고 텍스트는 좌측 정렬 */
    box-sizing: border-box;
}
.apply_notice_box ul { list-style: none; padding: 0; margin: 0; }
.apply_notice_box li {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    position: relative;
    padding-left: 15px;
    word-break: keep-all; /* 단어 단위 줄바꿈으로 깔끔하게 유지 */
}
.apply_notice_box li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #568AE5; /* 사이트 포인트 컬러와 매칭 */
    font-weight: bold;
}
.apply_notice_box li.important {
    color: #e63946;
    font-weight: 600;
}

/* 하단 홍보 섹션 스타일 */
.promo_section { 
    margin-top: 40px; 
    padding: 30px 20px; 
    border-top: 1px dashed #ced4da;
    text-align: center;
}
.promo_title { 
    font-size: 15px; 
    font-weight: 600; 
    color: #333; 
    margin-bottom: 25px;
}
.qr_container { 
    display: flex; /* 가로 배열 */
    justify-content: center; /* 중앙 정렬 */
    align-items: center;
    gap: 40px; /* QR 사이 간격 (데스크톱) */
}
.responsive-qr {
    width: 120px; /* 데스크톱 기준 크기 */
    height: auto;
    transition: transform 0.2s ease;
    display: block;
}
.responsive-qr:hover { 
    transform: scale(1.05); 
}

/* 모바일 반응형 (500px 이하일 때 데스크톱 설정을 덮어씀) */
@media screen and (max-width:500px) {
    .apply_notice_box { padding: 15px; }
    .apply_notice_box li { font-size: 13px; line-height: 1.6; }
    .promo_section { margin-top: 25px; padding-top: 20px; }
    .promo_title { font-size: 14px; line-height: 1.4; }
    .qr_container { gap: 20px; } /* 모바일에서는 간격을 좁게 */
    .responsive-qr { width: 95px; } /* 모바일 전용 크기 */
}

.inner {max-width:1500px;min-height:100%; margin:0 auto;position:relative;padding-left: 10px;padding-right: 10px;}
.header_top {border-bottom:solid 1px #ddd;overflow:hidden;}
.header_top ul {float:right;font-size:0;}
.header_top ul li {display:inline-block;margin-left:25px;}
.header_top ul li a {font-size:13px; color:#999999;font-weight:500;display:inline-block; padding:12.5px 0;}
.header_top ul li:last-child a {color:#313641;}

.header_mid {position:relative;text-align:left;padding:30px 0;border-bottom:solid 2px #000002;}
.header_mid a {display:inline-block;}
.header_mid a img {display:block;}
.header_mid .search_box {position:absolute; right:0; top:0;font-size:0;}
.header_mid .search_box input[type="text"] {font-size:14px;width:250px; height:40px; line-height:40px;padding-left:10px;border:solid 1px #ddd;}
.header_mid .search_box button {font-size:13px;width:71px;height:40px; line-height:40px; text-align:center; color:#fff;background-color:#313641;}
.header_mid .search_box button span {display:inline-block;background:url('/images/main/search_icon.png') no-repeat left center;padding-left:16px;}
.fs0 {font-size:0;}

.header_bottom {border-bottom:solid 1px #ededed;}
.header_bottom ul {font-size:0;}
.header_bottom ul li {display:inline-block; width:16.6666%;}
.header_bottom ul li a {font-size:18px; color:#222;display:inline-block; width:100%;padding:20px 0; text-align:center;font-weight:500;position:relative;}
.header_bottom ul li a:after {content:'';display:inline-block; width:1px; height:14px; background-color:#dddddd;position:absolute; right:0; top:50%;margin-top:-7px;}
.header_bottom ul li:first-child a:before {content:'';display:inline-block; width:1px; height:14px; background-color:#dddddd;position:absolute; left:0; top:22px;}

.footer {background-color:#313641;}
.foot_top {padding:40px 0 35px 0;}
.f_list1 {font-size:0;margin-bottom:39px;}
.f_list1 li {display:inline-block;padding-right:32px;}
.f_list1 li a {display:inline-block;width:100%; font-size:14px; color:#9ea4b0;font-weight:500;}
.f_list1 li:first-child a {color:#fff;}
.footer p {font-size:14px; color:#828a97;margin-bottom:6px;}
.f_list2 {font-size:0;}
.f_list2 li {display:inline-block; font-size:14px; color:#828a97;padding-right:15px;}

.corp {padding:15px 0;border-top:solid 1px #3c404b;background-color:#313641;}
.corp span {font-size:13px; color:#52565e;display:block;}

.f_download {display:inline-block; padding-left:18px; position:absolute; top:0; right:0; background:url('/images/main/f_download.png') no-repeat left center;font-size:14px; color:#9ea4b0;font-weight:500;}

.f_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#313641 url('/images/main/f_select_arr.png') no-repeat 92% 50%;border:solid 1px #828a97; border-radius:5px;color:#828a97;width:168px; height:38px; position:absolute; right:0; bottom:0;padding-left:15px;}
.f_select::-ms-expand { display: none; }
.f_select option:first-child {display:none;}

.foot_btn{position:fixed; opacity:0; left:50%; margin-left:720px; bottom:30px; z-index:99998; }
#footer_box {position:relative;margin:0 auto;}
.foot_btn a {display:inline-block;width:66px;height:66px;border:solid 2px #33363d; background-color:#fffdfe;position:relative;}
.foot_btn a img {display:inline-block; position:absolute;left:50%; top:50%; margin-left:-13px; margin-top:-10px;transition:all 1s;animation:bouncetop 2.5s ease-in-out;  animation-iteration-count:infinite;}
@keyframes bouncetop {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		50% {
			-webkit-transform: translateY(-7px);
			transform: translateY(-7px);
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}




.inner_hidden {overflow:hidden;}

.wrap_header {position:absolute; display:none; top:235px; left:0; width:100%; height:435px; z-index:99999; padding-top:15px;background:#fff url('/images/main/full_back.jpg') no-repeat left bottom;padding-bottom:33px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.wrap_header.on {display:block;}
.dep_full {display:inline-block; background-color:#fff; vertical-align:top; width:16.6666%;  border-right:solid 1px #dddddd; height:100%;}
.dep_full01 {border-left:solid 1px #dddddd;}
.dep_full li {background-color:#fff; padding:0 10px;text-align:center;margin-bottom:8px;}
.dep_full li:last-child {margin-bottom:0;}
.dep_full li > a {display:inline-block;width:100%;color:black;padding:5px 0; padding-left:0; color:#626262;font-size:15px; color:#666666;}
.gnb_inner {max-width:1320px; margin:0 auto;height:100%;font-size:0;}
.dep_full li a:hover {color:#fff;background:#0090ad url('/images/main/full_arr.png') no-repeat 95% center;}



.detmark_news {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_news {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}
.det_news_top {position:relative; background-color:#313641;padding:20px 30px;}
.det_news_top p {font-size:19px; color:#fff;}
.det_news_top button {position:absolute; right:30px; top:50%;margin-top:-13px; width:27px;height:27px;}
.det_news_top button img {display:block;}
.det_news_cont {padding:40px 35px;}
.det_news_cont > div {}
.det_news_cont > div:nth-child(1) {padding-top:60px; text-align:center; background:url('/images/main/letter_img.png') no-repeat center top;}
.det_news_cont > div:nth-child(1) h3 {font-size:15px; color:#666666; font-weight:400;}
.det_news_cont > div:nth-child(2) {background-color:#f6f6f6;padding:20px 15px;margin-top:18px;}
.det_news_cont > div:nth-child(2) table {width:100%;font-size:0;}
.det_news_cont > div:nth-child(2) table th,.det_news_cont > div:nth-child(2) table td {padding:5px;font-size:16px; color:#333333;text-align:left; font-weight:400;}
.det_news_cont > div:nth-child(2) table td input[type="text"] {width:100%; height:40px; border:solid 1px #ededed;background-color:#fff;padding-left:10px;}
.det_news_cont > div:nth-child(2) table td .det_email_box {font-size:0;}
.det_news_cont > div:nth-child(2) table td .det_email_box .det_email_box1 {width:44%;font-size:16px;}
.det_news_cont > div:nth-child(2) table td .det_email_box span {font-size:16px; display:inline-block; width:6%;height:40px; line-height:40px; text-align:center;vertical-align:top;}
.det_news_cont > div:nth-child(2) table td .det_email_box .det_email_box2 {width:50%;font-size:16px;}
.det_news_cont > div:nth-child(3) {font-size:0; text-align:center;margin-top:20px;}
.det_news_cont > div:nth-child(3) a {display:inline-block;width:110px; height:42px;line-height:42px; font-size:14px; color:#fff;background-color:#b5bec0;}
.det_news_cont > div:nth-child(3) a:first-child {margin-right:10px;background-color:#568AE5;}
.detmark_priv {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_priv {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}
.det_cont_priv {overflow-y:scroll;padding:45px 35px;height:532px;}
.det_cont_priv p {font-size:15px; color:#555555;margin-bottom:32px;}
.det_cont_priv h3 {font-size:17px; color:#333333; font-weight:600; background:url('/images/main/det_dot2.png') no-repeat left center;padding-left:25px;margin-bottom:12px;}
.det_cont_priv h4 {font-weight:500; font-size:15px; color:#444;margin-bottom:5px;}

.detmark_turms {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_turms {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}

.detmark_email {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_email {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}



.all_menu2_con {padding:20px 30px;}
.nav_btn{display:none; position:absolute; right:4%; top:24px; width:50px;height:50px;z-index:999;}
.nav_btn a {display:inline-block;width:100%;height:100%;background:#fff url('/images/main/mob_btn.png') no-repeat center; border:solid 1px #dddddd;}
.all_menu2 > a {color:#333; font-size:15px; font-weight:600;}
.all_menu2 .all_menu2_con a {display:block; text-decoration:none;}
.all_menu2 .all_menu2_con > li > a {padding:22px 20px; color:#333333; font-size:24px; font-weight:400; border-bottom:1px solid #dddddd; background:#fff}
.all_menu2 .all_menu2_con > li > a.on {color:#0090ad; border-bottom:solid 2px #0090ad;background-color:#f1f5f6;}

.all_menu2 {position:absolute; z-index:9999; display:none; background:rgba(0,0,0,0.5);width:100%;height:0;left:0; top:0;}
#scroller > div {position:absolute; top:0; left:0;  width:100%; height:auto; background:#fff; z-index:99999;}
#mask {position:fixed; background:rgba(0,0,0,0.5); display:none; right:0; top:0px; z-index:999; width:100%; height:100%;}
.menu_sub{background:#fff;padding:22px 0;border-bottom:solid 1px #dddddd;}
.all_menu2 .menu_sub li {}
.all_menu2 .menu_sub > li > a {position:relative; padding:6px 35px; font-size:22px; color:#777777;}
.all_menu2 .menu_sub > li > a:after {content:''; display:inline-block; width:6px; height:6px; background-color:#bbbbbb; position:absolute; left:20px; top:50%; margin-top:-3px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#383838;}
.all_menu2 .menu_sub li ul li a{padding:7px 5px 8px 40px; font-size:11px; color:#cccbcb; border-bottom:1px solid #343434;}
.all_menu2 .btn_nav2.close{display:block; position:absolute; right:3%; top:11px;}

.ham_top {position:relative;background-color:#3d4b56;padding:14px 25px;}
.ham_top span {font-size:26px; color:#ffffff;}
.ham_top button {position:absolute; right:25px; top:50%; margin-top:-10px;}
.ham_top button img {display:block;}


/*.detwrap_apply {display:inline-block; width:630px; height:800px; background-color:#fff;}*/
.detwrap_apply {
    display: block;          /* inline-block 대신 block 사용 */
    width: 100%;             /* 전체 너비 사용 */
    max-width: 630px;        /* 데스크톱에서도 최대 630px까지만 커지도록 제한 */
    margin: 0 auto;          /* 데스크톱 화면 중앙 정렬 */
    background-color: #fff;
    min-height: 100vh;       /* 높이를 고정하지 않고 최소 높이 설정 */
}
/* .det_cont_apply {padding:35px;height:auto;text-align:left;} */
.det_cont_apply {
    padding: 35px;
    height: auto;
    text-align: left;
    box-sizing: border-box;  /* 패딩이 너비에 영향을 주지 않도록 설정 */
}
.det_cont_apply p {font-size:15px; color:#555555;margin-bottom:32px;}

.apply_poptop {}
.apply_poptop h3 {font-size:22px; color:#568AE5;text-align:center;font-weight:500;padding-bottom:45px; background:url('/images/sub/apply_pop_bar.png') no-repeat center bottom;margin-bottom:28px;}
.apply_poptop h4 {font-size:14px; color:#333333;background:url('/images/sub/cont_bar1.jpg') no-repeat left center;display:inline-block;padding-left:20px;font-weight:400;margin:0 103px;}
.mgb28 {margin-bottom:28px !important;}
.apply_popcont {background-color:#f6f6f6;padding:20px 10px;}
.apply_popcont table {width:100%;}
.apply_popcont table th,.apply_popcont table td {font-size:16px;text-align:left;padding:5px 5px;font-weight:400;}
.apply_popcont table th {}
.apply_popcont table td {}
.apply_popcont table td input[type="text"] {width:95%; height:42px; border:solid 1px #ededed;padding:0 8px;}
.apply_popcont table td select {width:100%; height:42px; border:solid 1px #ededed;padding:0 8px;}
.apply_btnbox {text-align:center;margin-top:20px;}
.apply_btnbox a {display:inline-block;width:110px;height:42px;line-height:42px; color:#fff;text-align:center; background-color:#568AE5;font-size:14px;}








@media screen and (max-width:1024px) {
.header_bottom ul li a {font-size:16px;}
}

@media screen and (max-width:800px) {
.foot_btn{position:fixed; left:inherit; right:4%;bottom:20px; margin-left:0; }
.nav_btn {display:block;}
.header_bottom {display:none;}
.header_top {background-color:#3d4b56;padding:0 4%;}
.header_top ul li a {color:#9da2a7; font-size:22px;}
.header_top ul li:last-child a {color:#9da2a7;}
.header_top ul li {margin-left:30px;}
.header_mid {padding:25px 4%;text-align:center;height:101px;}
.header_mid .logo {margin-top:5px;}
.header_mid .search_box input[type="text"] {display:none;}
.header_mid .search_box {left:0;right:inherit;}
.header_mid .search_box button {text-indent:-9999px;width:50px;height:50px;background:#fff url('/images/main/mob_search_icon.png') no-repeat center; border:solid 1px #dddddd;}

.footer {padding:0 4%;text-align:center;}
.f_list1 {text-align:center;margin-bottom:10px;}
.f_list1 li {padding:0 25px;margin-bottom:15px;}
.f_list1 li a {font-size:24px;}
.f_download {position:static; width:auto;font-size:24px;background:url('/images/main/f_downloadm.png') no-repeat left center;padding-left:32px;}
.f_select {position:static; width:100%;font-size:24px;margin-top:50px;margin-bottom:25px;height:50px;background:url('/images/main/f_select_arrm.png') no-repeat 97% center;}
.footer p {font-size:22px; text-align:center;}
.f_list2 {text-align:center;}
.f_list2 li {font-size:22px;text-align:center;}
.corp {padding:24px 0;text-align:center;}
.corp span {font-size:20px;}
.foot_top {padding:50px 0 25px 0;}
body {width:100%; overflow:hidden;}



}

@media screen and (max-width:500px) {
.foot_btn a {width:46px;height:46px;}
.foot_btn a img {width:20px;margin-left:-10px;margin-top:-8px;}
.header_top ul li a {font-size:14px; font-weight:300;padding:8px 0;}
.header_top ul li {margin-left:20px;}
.header_mid .search_box button {width:35px; height:35px; background-size:55%;}
.header_mid {padding:17px 4%;}
.header_mid {height:71px;}
.logo img {width:122px;}
.header_mid .logo {margin-top:4px;}
.nav_btn {width:35px; height:35px;top:50%; margin-top:-17px;}
.nav_btn a {background-size:45%;}
.ham_top span {font-size:17px;}
.ham_top {padding:10px 4%;}
.ham_top button {right:4%;margin-top:-6.5px;}
.ham_top button img {width:13px;}
.all_menu2 .all_menu2_con > li > a {font-size:16px;padding:10px;}

.all_menu2 .all_menu2_con > li:last-child > a {border-bottom:none;}

.all_menu2_con {padding:10px 4%;}
.all_menu2 .menu_sub > li > a {font-size:15px;padding:4px 22px;}
.menu_sub {padding:16px 0;}
.all_menu2 .menu_sub > li > a:after {left:10px; width:4px;height:4px;margin-top:-2px;}
.f_list1 li a {font-size:15px;}
.f_list1 li {padding:0 13px;margin-bottom:10px;}
.footer p {font-size:14px;margin-bottom:3px;}
.f_list2 li {font-size:14px;}
.f_select {font-size:15px;height:36px;background-size:10px;background-position:96.5% center}
.f_download {font-size:15px;background-size:15px;padding-left:22px;}
.f_select {margin-top:27px; margin-bottom:14px;}
.foot_top {padding:30px 0 15px;}
.corp span {font-size:13px;}
.corp {padding:10px 0;}


.detwrap_news {width:auto; left:4%; right:4%;margin-left:0;}
.det_news_cont {padding:20px 15px;}
.det_news_cont > div:nth-child(1) {background-size:35px;padding-top:50px;}
.det_news_cont > div:nth-child(2) {padding:12px 8px;margin-top:15px;}
.det_news_cont > div:nth-child(2) table th, .det_news_cont > div:nth-child(2) table td {font-size:14px;padding:3px;}

.det_news_cont > div:nth-child(2) table th {width:25%;}
.det_news_cont > div:nth-child(2) table td {width:75%;}


.detwrap_priv {width:auto;height:500px; left:4%; right:4%; margin:0; margin-top:-250px;}
.det_news_top {padding:12px 15px;}
.det_news_top p {font-size:15px;}
.det_news_top button img {width:15px;}
.det_news_top button {width:auto; height:auto;right:4%; margin-top:-7px;}
.det_cont_priv {padding:20px 15px;height:455px;}
.det_cont_priv p {font-size:14px; margin-bottom:20px;}
.det_cont_priv h3 {font-size:15px;margin-bottom:6px; background-size:10px;padding-left:16px;}
/* .detwrap_apply {width:100%;height:auto;} */
.det_cont_apply {padding:15px;}
.apply_poptop h3 {font-size:18px;}
.apply_poptop h3 {padding-bottom:30px;margin-bottom:20px;}
.apply_poptop h4 {font-size:13px; margin:0 30px;background-size:10px;padding-left:16px;}
.apply_popcont {padding:15px 8px;}
.apply_popcont table th, .apply_popcont table td {font-size:13px;padding:3px 3px;}

.apply_popcont table th {width:27% !important;}
.apply_popcont table td {width:73% !important;}
.apply_popcont table td input[type="text"] {height:32px;}
.apply_popcont table td select {height:32px;padding:0 5px;}

.apply_btnbox a {height:38px;line-height:38px; font-size:13px;}