@font-face {
    font-family: 'TMoneyDungunbaram';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

img {max-width:100%;}
body {line-height: 1.4;}
body, input, textarea, button, select {font-family:'pretendard', sans-serif; word-break: keep-all; font-weight: 500; letter-spacing: -0.5px}


.sec_t {margin-top: 90px;}
.inner {width: 100%;max-width: 1400px;margin:0 auto;}
.lock_scroll {overflow: hidden;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bold {font-weight: 700;}
.pointColor {color: #0067Ac;}

/* input style */
input, textarea, button, select {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius:0
	-webkit-border-radius:0;
	-moz-border-radius:0;
}

select::-ms-expand {display:none;}
select {background: url('../img/select_arrow.png') no-repeat right 5px center; background-size: 13px 13px; padding:0 30px 0 10px; border:1px solid #ccc;  border-radius: 0;}
label {display: inline-block;}
textarea {border:1px solid #ccc; background:#fff; padding:10px; resize: none;}
input[type="text"] {border:1px solid #ccc; background:#fff; height: 50px; line-height: 50px; padding:0 10px; border-radius: 0;}
input[type="tel"] {border:1px solid #ccc; background:#fff;  height: 50px; line-height: 50px; padding:0 10px; border-radius: 0;}
input[type="password"] {border:1px solid #ccc; background:#fff;  height: 50px; line-height: 50px; padding:0 10px; border-radius: 0;}
input[type="email"] {border:1px solid #ccc; background:#fff;  height: 50px; line-height: 50px; padding:0 10px;  border-radius: 0;}
input[type="radio"] {border:1px solid #ccc; background:#fff; width: 20px; height: 20px; margin-right:10px; margin-bottom:5px; vertical-align: middle; border-radius: 50px}
input[type="checkbox"] {border:1px solid #ccc; background:#fff; width: 20px; height: 20px; margin-right:10px; margin-bottom:5px; vertical-align: middle; border-radius: 0;}
input[type="radio"]:checked {border:5px solid #0067Ac;}
input[type="checkbox"]:checked {border:5px solid #0067Ac;}


.f_r_btn {position: fixed; bottom: 40px; right: 40px; z-index: 998; }
.f_r_btn a {display: block;  margin:3px; cursor: pointer; margin:10px 3px;}
.f_r_btn .k_btn {
	width: 250px; border-radius:100px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}


/* 荑좏궎�앹뾽 */
#layerPopup {display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
#layerPopup .popupBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); overflow: hidden; background:#111; max-width: max-content; width:90%; max-height: 90vh}
#layerPopup .popupBox .contBox {max-height: calc(90vh - 40px); overflow: hidden;  font-size: 0; overflow-y: auto;}
#layerPopup .popupBox img {width:100%; max-height: calc(90vh - 40px); height: 100%;}
#layerPopup .popupClose {text-align:right; background:#111; height: 40px; padding: 0 10px; align-items: center; display: flex; justify-content:flex-end;}
#layerPopup .popupClose input {vertical-align:middle;}
#layerPopup .popupClose label {color:#fff; font-size:14px; vertical-align:middle; margin-left:3px;}
#layerPopup .popupClose a{color:#fff; width:15px; height: 15px; display:inline-block; vertical-align:middle; margin-left:10px;background: url('../img/close_w.png') no-repeat center center / cover;}



/* image style */
.box_img { position: relative; display:block !important; height: 0; overflow: hidden; max-width: 100%; background: #fff;}
.box_img img {position:absolute;  top:50%; left:50%; transform: translate(-50%,-50%);}
.box_img.img11 {padding-bottom: 100%;} /*1:1*/
.box_img.img21 {padding-bottom: 50%;} /*2:1*/
.box_img.img12 {padding-bottom: 200%;} /*1:2*/
.box_img.img43 {padding-bottom: 75%;} /*4:3*/
.box_img.img169 {padding-bottom: 56.25%;} /*16:9*/


/* padding 쨌 margin style*/
.padding_tb {padding:90px 0;}
.padding_t {padding-top: 90px;}
.padding_b {padding-bottom: 90px;}
.margin_tb {margin:90px 0;}
.margin_t {margin-top: 90px;}
.margin_b {margin-bottom: 90px;}


/* tab style */
.box_tab {text-align: center; margin-bottom: 70px;}
.box_tab li {font-size:20px; color:#0067Ac; opacity: .5; font-weight: 700; display: inline-block; margin:0 20px; padding:6px 0; cursor: pointer;}
.box_tab li.on {color:#0067Ac; opacity:1; border-bottom: 4px solid #0067Ac}
.boxCont .box.on {display: block;}
.boxCont .box {display: none;}


/* div table */
.divT { display: table; border-bottom: 2px solid #0067Ac; border-collapse: collapse; width: 100%;}
.divT_row { display: table-row; border-bottom: 1px solid #ddd;}
.divT_hdg { display: table-header-group;}
.divT_cell, .divT_hd { display: table-cell; padding:20px; vertical-align: middle; border-right: 1px solid #ddd;}
.divT_hdg .divT_row > div:last-child, .divT_bd .divT_row > div:last-child {border-right: 0;} 
.divT_hdg { display: table-header-group;}
.divT_bd { display: table-row-group;}
.divT_hdg .divT_hd {background:#0067Ac; color:#fff; text-align: center;}
.divT_bd .divT_hd {background:#f8f9fb; text-align: center;}


/* popup style */
.popup {overflow-y:auto; display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
.popup.on {display:block;}
.popup .popup_inner {width:100%; height: 100%; padding:15px; display: table; position: relative; margin:0 auto; box-sizing: border-box;}
.popup .popup_wrap {display:table-cell; vertical-align: middle; position: relative; }
.popup .view_box {position: relative; background: #fff;}
.popup .view_box .close {position: absolute; right: 0; top: -35px; width: 25px; height: 25px; cursor: pointer;}
.popup .view_box .pop_tit {font-size: 18px; line-height: 24px; background:#0067Ac; color:#fff; font-weight: 700; padding:20px; text-align: center; }
.popup .view_box .pop_layer {padding:20px;}
.popup .view_box .pop_scroll {overflow-x: hidden; overflow-y: auto; max-height: 450px;}
.popup .view_box .pop_box {padding:10px;}


/* header */
#header {position: fixed; top:0; width: 100%; background: rgba(255,255,255,1); z-index: 998;}
#header .aside {width: 100%;}

#header .hd_top {background:#0067Ac; }
#header .hd_top .hd_top_nav {width: 90%; max-width: 1400px; margin:0 auto; text-align: right;}
#header .hd_top .hd_top_nav li { display: inline-block; vertical-align: middle;}
#header .hd_top .hd_top_nav li a {font-size: 14px; height:35px; line-height:35px; margin-left: 10px; color: #fff; display: inline-block; font-weight: 400; letter-spacing: 0;}

#header .hd_nav {max-width: 1400px;height: 90px;margin: 0 auto;display: flex;align-items: center;gap:120px;}
#header .hd_nav .nav2 {display: flex; flex: 1 0 0; height: 100%; justify-content: space-between;}
#header .hd_nav .menu {position: relative;  width: auto; height: 100%; display: flex; align-items: center; justify-content: center;}
#header .hd_nav .menu > a {font-size: 18px;font-weight: 500;position: relative;}
/* #header .hd_nav .menu > a::after {
	display: block; content: ""; background: url('../img/nav_bg.png') no-repeat center center / contain;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 140px; height: 40px; z-index: -1;
} */

#header .hd_nav .submenu {display:none;position: absolute;top: 90px;left:50%;transform: translateX(-50%);width: max-content;min-width:150px;text-align: center;}
#header .hd_nav .submenu ul {background: #fff; border:1px solid #ddd;padding:10px 0;  }
#header .hd_nav .submenu li a {font-size: 16px; line-height:22px; padding: 8px 0; display: block;}
#header .hd_nav .submenu li a:hover {color:#0067Ac; font-weight: 700;}

#header .hd_logo {/* width: 180px; */}
#header .hd_logo img {/* max-width: 180px; */width: 100%;}
#header .hd_woori {display: none;}


/* header white */
#header.white {background: rgba(0, 0, 0, 0.0);}
#header.white .hd_top {background: none; border-bottom: 1px solid rgba(255,255,255,0.5);}
#header.white  .hd_nav .menu > a {color: #222;}
#header.white .m_menu span:before,
#header.white .m_menu span:after,
#header.white .m_menu span {background: #222;}



#header.active {background: rgba(255,255,255,0.9);}
#header.white.active {background: #fff;}
#header.white.active .menu a {color:#222;}

/* mobile menu */
.m_box {display:none;}
.m_logo {display: none;}

/* footer */
#footer {border-top: 1px solid #ddd;}
#footer .inner {max-width: 1400px;}
.partner-list {
    display: flex;
    width: 100%;
    justify-content: center;
    gap:135px;
}


.ft_top {padding: 30px 0;}
.ft_top .inner {display: flex; align-items: center; justify-content: space-between;}
.ft_top .host {display: flex; flex-wrap: wrap; align-items: center; gap:20px 60px;}
.ft_top .host p {display: flex; flex-direction: column; gap: 10px;}
.ft_top .host span {display: flex; gap: 20px; flex-wrap: wrap;}
.ft_top .host span img {height: 40px;}
.ft_top .host .gubun {background: url('../img/ft_host_bg.png') no-repeat center 7px/ contain; width: 70px; height: 60px; align-items: center; justify-content: center; color: #fff;}
.ft_top .logo img{height: 105px;}

.ft_info {background:#002E4D; padding:60px 0; color:#fff;}
.ft_info .inner {display: flex; align-items: flex-start;}
.ft_info .info {flex: 1 0 0;text-align:center;}
.ft_info .info .tit {font-size: 25px;}
.ft_info .info .txt {margin-top: 20px; font-weight: 300;}
.ft_info .info .txt span {display: block; font-size: 16px; line-height: 24px; }
.ft_info .info .copy {font-size: 14px; opacity: 0.7; margin-top: 15px; font-weight: 300;}
.ft_info .btn {display: flex; gap: 10px; align-items: flex-start;}
.ft_info .btn a {color:#fff; font-size: 16px; padding: 10px; border: 1px solid #fff; min-width: 110px; text-align: center;}
.ft_info .btn a:first-child {color: #FFE268; border: 1px solid #FFE268;}

/* main */
.main_wrap {}
.main_s1, .main_s2, .main_s3, .main_s4, .main_s5 {overflow: hidden;}
a.mBtn01 {display: block;width: 210px;height: 65px;line-height: 65px;text-align: center;background: #123f6d;border-radius: 35px;color: #fff;font-size: 19px;transition: all 0.3s ease;}
a.mBtn01:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
h3 {position: relative;padding: 75px 0 50px;text-align: center;font-family: 'TMoneyDungunbaram';font-size: 58px;color: #333;font-weight: normal;letter-spacing: -4px;line-height: 100%;}
h3:before {content:'';position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 47px;height: 48px;background: url(/img/main/tit02.png) center center no-repeat;}
h3.white {}
.fc-blue {color: #123f6d !important;}
.fw-800 {font-weight: 800 !important;}
.fc-black {color: #111 !important;}
.txt1 {font-size: 1.488rem;font-weight: 800;padding-bottom: 6px;}
.txt2 {font-size: 1.25rem;}
.small {font-size: 1.25rem;}
.big {font-size: 1.688rem;}
.main_s1 {padding: 240px 0 210px;position: relative;background: #d6e4fc;overflow: hidden;z-index: 0;}
.main_s1:after {content:'';position:absolute;bottom: 0;left: 0;width: 100%;height: 150px;background: #b4c9ee;}
.main_s1 .inner {position: relative;padding:0 0 0 80px;opacity: 0;animation: fadeInFromLeft 1.2s ease-out forwards;animation-delay: 0.2s;z-index: 3;}
.main_s1 .tit {}
.main_s1 strong {position:relative;display: inline-block;font-family:'TMoneyDungunbaram';font-size: 31px;color: #0083ca;letter-spacing: -1.5px;font-weight: normal;line-height: 100%;margin: 0 0 20px;}
.main_s1 strong:after {content:'';position: absolute;right: -117px;top: -74px;width: 117px;height: 87px;background: url(/img/main/mv_ob02.png) no-repeat;}
.main_s1 h2 {font-family:'TMoneyDungunbaram';font-size: 74px;color: #123f6d;letter-spacing: -5px;line-height: 100%;margin: 0 0 40px;}
.main_s1 p {font-size: 21px;color: #333;line-height: 34px;margin: 0 0 40px;}
.main_s1 .img {position: absolute; font-size: 0;}
.main_s1 .img1 {bottom: 145px;right: -97px;z-index: 1;}
.main_s1 .img2 {position: absolute;right: 318px;bottom: 50px;z-index: 2;opacity: 0;animation: fadeInFromRight 1.2s ease-out forwards;animation-delay: 0.6s;}
.main_s1 .banners {position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;z-index: 3;width: 100%;max-width: 1400px;padding: 0 0 0 80px;}
.main_s1 .banners ul {display: flex;width: 100%;justify-content: left;gap: 40px;}
.main_s1 .banners li {}
.main_s1 .banners a {display: block;height: 42px;}
.main_s1 .banners img {max-height:100%
}


@keyframes fadeInFromLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInFromRight {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}

.main_s2 {position: relative;padding: 160px 0 100px;background: linear-gradient(180deg, #69aaf9, transparent);}
.main_s2 .inner {text-align: center;position: relative;z-index: 2;}
.main_s2 .box {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr;gap: 30px;grid-gap: 30px;}
.main_s2 .box > li {position: relative;background: #fff;border-radius: 50%;width: 100%;padding-top: 100%;transition: all 0.3s ease-in-out;cursor: pointer;backface-visibility: hidden;}
.main_s2 .box li:hover {transform: translateY(-8px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);border-color: #004695;}
.main_s2 .box li:hover .tit {color:#0083ca}
.main_s2 .box li:hover .cmnt {color:#0083ca}
.main_s2 .content {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main_s2 .icon {}
.main_s2 .tit {margin: 20px 0 5px;font-weight: 700;line-height: 100%;font-size: 22px;color: #333;letter-spacing: -1px;}
.main_s2 .cmnt {font-size: 15px;color: #666;font-weight: 400;}
.main_s2 .cmntBox {margin: 70px 0 0;opacity: .6;font-weight: 400;}
.main_s2 .img {position: absolute;font-size: 0;z-index: 1;}
.main_s2 .img1 {left: 1%;top: 25%;}
.main_s2 .img2 {right: 0%;top: 50%;}
.main_s2 .img3 {right: 1%;top: 9%;animation: floating 3s ease-in-out infinite;}

@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-30px); }
    100% { transform: translateY(0px); }
}

.main_s3 {position: relative;padding: 50px 0 140px;}
.main_s3 .inner {text-align: center;position: relative;z-index: 2;}
.main_s3 .article {}
.main_s3 .article-1 {display: inline-block;text-align: left;background: #fff;padding: 60px 70px 20px 70px;border-radius: 50px;box-shadow: 6px 6px 0 5px #126bd6;border: 3px solid #126bd6;}
.main_s3 .section-desc {}
.main_s3 .section-desc em {}
.main_s3 ul {padding-top: 40px;}
.main_s3 ul > li {display: flex;margin-bottom: 37px;gap: 10px;}
.main_s3 ul > li > span {display: flex;align-items: center;justify-content: center;width: 80px;height: 33px;background-color: #126bd6;font-size: 1.15rem;color: #fff;font-weight: 700;border-radius: 17.5px;}
.main_s3 .info {}
.main_s3 .img {position: absolute; font-size: 0;}
.main_s3 .img1 {left: 7%;top: 34%;z-index: 1;}
.main_s3 .img2 {top: 1%;right: 1%;z-index: 1;}
.main_s3 .img3 {left: 3%;bottom: 0%;animation: floating 3s ease-in-out infinite;z-index: 1;}
.main_s4 .procedure {display: flex;align-items: center;gap: 94px;}
.main_s4 .procedure .box {position: relative;width:280px;aspect-ratio: 280/190;border-radius: 15px;border: solid 2px #126bd6;}
.main_s4 .procedure .box:last-child:after {content:none;}
.main_s4 .procedure .box:after {content:'';position: absolute;right: -58px;top:50%;transform: translateY(-50%);background-image: url('/img/main/icon-procedure-arrow.png');background-repeat: no-repeat;background-position: center right;background-size: cover;width:16px;aspect-ratio: 16/17;}
.main_s4 .procedure .box .top {font-size: 1.25rem;font-weight: 800;color:#fff;text-align: center;background-color: #126bd6;padding: 14px 0;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.main_s4 .procedure .box .top span {display: inline-block;border-radius: 12.5px;background-color: #fff32f;font-size: 1.1rem;font-weight: 800;color: #000000;padding:2px 14px;margin-left:6px;}
.main_s4 .procedure .box .cont {display: flex;align-items: center;justify-content: center;height:130px;background: #fff;border-radius: 0 0 20px 20px;}
.main_s4 .procedure .box .cont p {font-size: 1.25rem;line-height: 1.5;font-weight: 800;text-align: center;}
.main_s4 {position:relative;padding: 50px 0 150px;}
.main_s4 .inner {}
.main_s4 .img {position: absolute; font-size: 0;}
.main_s4 .img1 {right: -2%;top: 5%;z-index: -1;}
.main_s5 {position:relative;padding: 50px 0 280px;background: linear-gradient(180deg, transparent, #a7c5f9);overflow: hidden;z-index: 0;}
.main_s5 .inner {}
.main_s5 .cmntBox {text-align:center;margin: 30px 0 30px;opacity: .6;font-weight: 400;}
.main_s5 .img {position: absolute; font-size: 0;}
.main_s5 .img1 {right: 4%;bottom: 13%;z-index: -1;}
.main_s5 .img2 {left: 4%;bottom: -119px;z-index: -1;}
.main_s5 .img3 {left: 50%;bottom: 0;transform: translateX(-50%);}
.main_s5 .info-box {display: flex;align-items: center;justify-content: center;border-radius: 10px;background-color: #dee9fd;text-align: center;margin-bottom: 18px;padding: 22px 0;font-size: 1.2em;margin: 30px 0 0;}
.main_s5 .table-wrap {position: relative;z-index: 2;}
.main_s5 .table-wrap table {width:100%;}
.table-wrap table {border-top:2px solid #14416e;border-bottom:2px solid #14416e;}
.table-wrap table thead {background-color: #ecf2f5;}
.table-wrap table th, .table-wrap table td {font-size: 1.25rem;line-height:1.2;color:#111;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align: center;padding:16px 0;background: #fff;}
.table-wrap table th:last-child, .table-wrap table td:last-child {border-right:0;}
.table-wrap table td.bd_r {border-right:1px solid #ddd;}
.table-wrap table td.txt-l {text-align: left;}
.table-wrap table th {font-weight: 800;color: #123f6d;background: #dee9fd;}
.table-wrap table .num-box {display: flex;gap:6px;text-align: left;padding:0 45px;}
.table-wrap table .num-box i.square {width:23px;height:23px;aspect-ratio: 1/1;background-color: #123f6d;display: flex;align-items: center;justify-content: center;font-size: 1.125rem;color:#fff;font-weight: 700;font-style: normal;}
.table-wrap table .num-box p {font-size: 1.25rem;font-weight: 700;color:#123f6d;}
.table-wrap table .num-box span {display:flex;font-weight: 400;color:#123f6d;padding-top:10px;}
.table-wrap table .round-num {display: flex;align-items: center;gap:8px;margin-bottom:5px;padding:0 0 0 110px;}
.table-wrap table .round-num:last-child {margin-bottom:0;}
.table-wrap table .round-num span {border-radius: 12.5px;background-color: #0083ca;font-size: 1.125rem;font-weight: 700;color:#fff;width:70px;height:26px;display: flex;align-items: center;justify-content: center;}
.table-wrap table .circle-num {display: flex;justify-content: center;gap:5px;font-size: 1.125rem;font-weight: 800;color:#123f6d;padding-bottom:10px;}
.table-wrap table i.circle {display: flex;align-items: center;justify-content: center;width:20px;height:20px;background-color: #0083ca;border-radius: 50%;font-style: normal;color:#fff;font-size:0.938rem;font-weight: 700;}
.table-wrap table ul {padding:0 23px;}
.table-wrap table ul li {position: relative;padding-left:10px;margin-bottom:10px;}
.table-wrap table ul li:last-child {margin-bottom:0;}
.table-wrap table ul li.no-dot {padding-left:5px;}
.table-wrap table ul li.no-dot:after {content:none;}
.table-wrap table ul li:after {content:'·';position: absolute;top:0;left:0;}
.table-wrap .table-desc {padding-top:20px;}
.table-wrap .table-desc p {font-size: 1.125rem;line-height: 1.56;}
.table-wrap .table-desc i {background-color: #123f6d;color:#fff;font-size: 0.875rem;font-weight: 700;padding: 0 5px;font-style: normal;}




.cate_t {background: url('/img/bg_sub.jpg') no-repeat center bottom / cover;height: 240px;position: relative;overflow: hidden;}
.cate_t .inner {display: flex; align-items: center; justify-content: center; height: 100%;}
.cate_t .box {display: flex; align-items: center; justify-content: center; text-align: center; margin: 0 auto; position: relative;}
.cate_t .box::after {display: block; content: ""; height: 100%; aspect-ratio: 57/21;background: url('../img/cate_t_img.png') no-repeat center center / contain; position: absolute; left: 45px; mix-blend-mode: screen;}
.cate_t .box .tit_box {position: relative; z-index: 1;}
.cate_t .box .tit_box .tit {font-size: 42px;font-family: 'pretendard';font-weight: 700;color: #333;position: relative;display: flex;gap: 10px;align-items: center;justify-content: center;} 
.cate_t .box .tit_box .tit::before,
.cate_t .box .tit_box .tit::after {
display: block; content: ""; aspect-ratio: 1/1;
}
.cate_t .box .tit_box .tit::before {background: url('../img/cate_t_source1.png') no-repeat right center / 100px auto; width: 150px; margin-right: 20px;}
.cate_t .box .tit_box .tit::after {background: url('../img/cate_t_source2.png') no-repeat left center / contain; width: 150px;}

.cate_n {border-bottom:1px solid #ddd; position: relative;margin-bottom:70px;}
.cate_n ul {font-size: 0; background:#fff; z-index: 1; display: flex; justify-content:space-around; width: 1200px;  margin:0 auto;padding-left:0;}
.cate_n ul li {width: 100%; text-align: center; border-right: 1px solid #ddd;}
.cate_n ul li:first-child {border-left: 1px solid #ddd;}
.cate_n ul a {font-size: 18px; font-weight: 500; display: block;  color:#999; padding:25px 0;}
.cate_n ul li.active a {color:#fff; background:#0067Ac; font-weight: 700; }

.sub_tit {font-size: 35px; letter-spacing: -1px; font-weight: 700; color:#0067Ac; padding-bottom: 18px; border-bottom: 3px solid #0067Ac; margin-bottom: 40px;}



.apply_g1 .box1 {font-size: 0;}
.apply_g1 .box1 li {
	border:1px solid #ddd; width: 23.5%; margin-right: 2%; display: inline-block; vertical-align: middle; position: relative; overflow: hidden;}
.apply_g1 .box1 li:last-child {margin-right: 0;}
.apply_g1 .box1 li:after {content: ""; display: block; padding-bottom: 100%;}
.apply_g1 .box1 li .cont_box {position: absolute; width: 100%; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align: center;}
.apply_g1 .box1 li .icon {width: 80px; margin:0 auto;}
.apply_g1 .box1 li {text-align: center;}
.apply_g1 .box1 li .txt1 {font-size: 18px; margin-top: 20px; color:#0067Ac; font-weight: 700;}
.apply_g1 .box1 li .txt2 {font-size: 16px; margin-top: 7px; line-height: 20px;}
.apply_g1 .box1 li .txt3 {font-size: 14px; margin-top: 3px; color:#555; line-height: 18px;}
.apply_g1 .box2 {margin-top: 30px;}
.apply_g1 .box2 li {padding-left: 20px; font-size: 16px; line-height: 22px; position: relative;}
.apply_g1 .box2 li span {position: absolute; left: 0; display: inline-block;}

.apply_g2 .box1 {font-size: 0;}
.apply_g2 .box1 li { width: 49%; margin-right: 2%; margin-bottom: 30px; display: inline-block; vertical-align: top;}
.apply_g2 .box1 li:nth-child(2n) {margin-right: 0;}
.apply_g2 .box1 .img {border:1px solid #ddd;}
.apply_g2 .box1 .txt {font-size: 20px; padding:20px 0 0; text-align: center;}
.apply_g2 .box1 .txt a {display: block; background: #0067Ac; color:#fff; padding:15px; font-size: 16px; margin-top: 20px;}


.apply_j .tit_box {font-size: 35px; line-height:42px; text-align: center; font-weight: 400; margin-bottom: 60px;}
.apply_j .tit_box span {color:#0067Ac; font-weight: 700;}
.apply_j .sec_box {font-size: 0; text-align: center;}
.apply_j .sec_box .box {width:49%; max-width: 400px; border:1px solid #ddd; display: inline-block; vertical-align: middle; padding:50px 20px;}
.apply_j .sec_box .box .img img {width: 200px;}
.apply_j .sec_box .box .big {font-size: 30px; margin-top:30px; font-weight: 700; color:#0067Ac;}
.apply_j .sec_box .box .small {font-size: 18px; margin-top:15px; color:#777;}
.apply_j .sec_box .indiv {margin-right: 2%;} 


.login_s {}
.login_s .box {width:100%; max-width: 500px; margin:0 auto;   }
.login_s .box .top_txt {text-align: center; font-size: 18px; padding-bottom:30px;}
.login_s .box .box_cont {padding: 50px 40px; background: #fff; border:1px solid #ddd;}
.login_s .box .box_cont .id {margin-bottom:10px;}
.login_s .box .box_cont .pw {margin-bottom:20px;}
.login_s .box .box_cont .id input,
.login_s .box .box_cont .pw input {width: 100%; font-size: 16px; border:none; background: #fff; border:1px solid #ddd;}
.login_s .box .box_cont .find {text-align: right; margin-bottom:30px;}
.login_s .box .box_cont .find a { font-size: 15px; color:#000;}
.login_s .box .box_cont .find span {font-size: 14px; color:#000; margin:0 5px;}
.login_s .box .box_cont .btn_login {margin-bottom:10px;}
.login_s .box .box_cont .btn_login button {width: 100%; color:#fff; padding:15px 20px; font-size: 18px; background:#0067Ac; border:none; cursor: pointer;}
.login_s .box .box_cont .btn_join {margin-bottom:10px;}
.login_s .box .box_cont .btn_join a {width: 100%; color:#0067Ac; border: 1px solid #0067Ac; padding:12px 20px; font-size: 18px; background:#fff; text-align: center; display: block;}

.find_s .box {width:100%; max-width: 500px; margin:0 auto;}
.find_s .box .top_txt {text-align: center; font-size: 18px; padding-bottom:30px;}
.find_s .box .box_cont  {padding: ; background: #fff; border:1px solid #ddd;}
.find_s .box .box_cont .sort {margin-bottom:40px; text-align: center;}
.find_s .box .box_cont .sort:after {display: block; clear: both; content: "";}
.find_s .box .box_cont .sort a {float:left; width:50%; font-size: 18px; padding:20px; background: #fff; border-bottom:1px solid #ddd;}
.find_s .box .box_cont .sort a.active {border-bottom:none; color:#fff; background: #0067Ac; border-bottom:1px solid #ddd;}
.find_s .box .box_cont .name,
.find_s .box .box_cont .id {margin-bottom:10px; padding:0 40px;}
.find_s .box .box_cont .phone,
.find_s .box .box_cont .mail {margin-bottom:40px; padding:0 40px;}
.find_s .box .box_cont .name input,
.find_s .box .box_cont .id input,
.find_s .box .box_cont .mail input {width: 100%;  font-size: 16px; background: #fff; border:1px solid #ddd;}
.find_s .box .box_cont .btn_check {padding:0 40px 50px;}
.find_s .box .box_cont .btn_check button {width: 100%; color:#fff; padding:15px 20px; font-size: 18px; background:#0067Ac; border:none;}


.terms_box {border-top: 2px solid #0067Ac; margin-bottom: 60px; padding:20px 0; border-bottom: 1px solid #ddd;}
/* .terms_box a {color:#0067Ac;}
.terms_box p {margin:10px 0; padding-left:35px; font-size: 16px; line-height:22px; position: relative;}
.terms_box p label input {position: absolute; left: 0;top: -2px;} */

.terms_box .box {line-height: 1.4; padding: 20px; border: 1px solid #ddd; overflow-y: auto; max-height: 200px; }
.terms_box .box .top_txt {font-size: 14px;}
.terms_box .box .tit {font-size: 16px; color: #0067Ac; margin-top: 25px; font-weight: 700;}
.terms_box .box .list {margin-top: 7px;}
.terms_box .box .list > div {padding-left: 12px; position: relative; margin:7px 0; font-weight: 700; font-size: 16px;}
.terms_box .box .list > div.small {font-size: 14px; font-weight: 500;}
.terms_box .box .list > div span {position: absolute; left: 0; display: inline-block;}
.terms_box .box .list > div p {position: relative; padding-left: 12px; color:#555; font-size: 13px; line-height: 1.4;}
.terms_box .bot {padding-top: 15px; display: flex; gap: 10px;}
.terms_box .bot .rbox {margin-left: auto; display: flex; gap: 10px;}


.agr_box {position: relative; max-width: 860px; margin:0 auto; margin-bottom: 60px;}
.agr_box .agr_txt {position: absolute; right: 0; top:30px;}
.agr_box .agr_txt p {font-size: 16px; line-height: 22px;}
.agr_box .agr_txt a {background: #0067Ac; color: #fff; display: inline-block; padding: 15px 20px; font-size: 16px; margin-top: 20px;}

.part_box {margin-bottom:90px;}
.part_box .es:before {display: inline-block; content: "*"; color:#0067Ac; margin-right: 3px;}



.part_tit {display: flex; justify-content:space-between; padding-bottom: 12px; align-items:flex-end; }
.part_tit .tit {font-size: 24px; }
.part_tit .tit span {font-size: 16px; color: #777; margin-left: 5px;}
.part_tit .es {font-size: 16px;}

.part_list {border-top: 2px solid #0067Ac;}
.part_list .input_box li {border-bottom:1px solid #ddd;  padding: 20px 0; display: flex;}
.part_list .input_box .input_tit {font-size: 16px; line-height:22px; width: 20%; padding:15px 20px 0;}
.part_list .input_box .input_txt {font-size: 0; width: 80%; padding:0 20px; }
.part_list .input_box .input_txt input {font-size: 15px;}
.part_list .input_box .input_txt select {font-size: 15px; height: 50px; line-height: 50px; }
.part_list .input_box .input_txt label {height: 50px; line-height: 50px; margin-right: 20px; font-size: 15px;}
.part_list .input_box .input_txt .terms_box {border: 0; margin-bottom: 0; margin-bottom: 20px; padding: 0;}
.part_list .input_box .input_txt .terms_box .bot {padding-top: 0; border:1px solid #ddd; border-top: 0;}
.part_list .input_box .pTxt input {width: 100%; max-width: 625px;}
.part_list .input_box .pBirth input,
.part_list .input_box .pBirth select {max-width: 150px; width: 30%; vertical-align: middle; margin-right: 5px;}
.part_list .input_box .pTel input,
.part_list .input_box .pTel select {width: 29%; max-width:145px; vertical-align: middle;}
.part_list .input_box .pTel span {width: 6.5%;  max-width: 20px; text-align: center; display: inline-block; font-size: 14px;}
.part_list .input_box .pTel a {width:135px; height: 50px; line-height: 50px; color:#fff; font-size: 15px; text-align: center;background: #0067Ac; display: inline-block; vertical-align: middle; margin-left: 6px;}
.part_list .input_box .pCert input {width: 100%; max-width: 482px;}
.part_list .input_box .pCert a {width:135px; height: 50px; line-height: 50px; color:#fff; font-size: 15px; text-align: center;background: #0067Ac; display: inline-block;  margin-left: 6px;}
.part_list .input_box .pEmail input {width: 30.5%; max-width: 200px; vertical-align: middle;}
.part_list .input_box .pEmail select {width: 30.5%; max-width: 200px; vertical-align: middle; margin-left: 6px;}
.part_list .input_box .pEmail span {width: 6.5%; max-width:20px; display: inline-block; text-align: center; font-size: 14px;}
.part_list .input_box .pRoute label {width: 30%; }
.part_list .input_box .pAdress input[type="button"] {font-size: 15px; color:#fff; background: #0067Ac; width:135px; height:50px; line-height: 50px; margin-left: 6px; border:0; }
.part_list .input_box .pAdress #sample6_address,
.part_list .input_box .pAdress #sample6_detailAddress {width: 100%; max-width: 625px; margin-top: 10px;}
.part_list .input_box .caution {font-size: 16px; color:#0067Ac; margin: 12px 0;}
.part_list .input_box .cmnt {font-size: 14px; color:#555; margin-top:15px;}
.part_list .input_box .input_sub {margin-top: 25px;}
.part_list .input_box .input_sub_tit {margin-bottom: 10px; font-size: 16px;}


.part_list .file_box label {display: inline-block; vertical-align: middle; color:#fff; background: #0067Ac;height: 50px; line-height: 50px; width:135px; margin-left: 6px; cursor: pointer; text-align: center; margin-right: 0 !important;}
.part_list .file_box input[type="file"] {position: absolute; width: 1px; height: 1px; padding:0; margin:-1px; overflow:hidden; border:0; clip:rect(0,0,0,0);}
.part_list .file_box .upload_name {display: inline-block; vertical-align: middle;  padding: 10px;}

/* .part_btn {text-align: center;}
.part_btn a {display:inline-block; width:350px; background:#0067Ac; color:#fff; height:60px; line-height: 60px; font-size: 22px; border-radius: 100px;} */

.part_box .withdraw {display: none}

.part_btn {text-align: center; display: flex; justify-content: center; align-items: center;}
.part_btn a {width: 50%; max-width:350px; background:#0067Ac; color:#fff; height:60px;line-height: 60px; font-size: 22px; border-radius: 100px; margin:0 10px;}
.part_btn .withdraw_btn{width: 50%; max-width:350px; background: #ddd; color:#000; margin: 0 10px;height:60px; line-height: 60px; font-size: 22px; border-radius: 100px; border:0;}



.reg_list .txt_box li {font-size: 20px; line-height:26px; color:#e20000; padding-left: 20px; position: relative; margin:5px 0;}
.reg_list .txt_box li span {display: inline-block; position: absolute; left: 0;}
.reg_list .btn_box {margin-top:30px;}
.reg_list .btn_box .add_btn {font-size: 20px; width: 100%;  text-align:center;height: 60px; line-height: 60px; background:#0067Ac; color:#fff; display: inline-block;}
.reg_list .table_box {margin-top: 30px;}
.reg_list .table_box .number {width: 5%}
.reg_list .table_box .name {width: 20%;}
.reg_list .table_box .affl {width: 20%}
.reg_list .table_box .cate {width: 20%}
.reg_list .table_box .admin {width: 20%}
.reg_list .table_box .admin a {display: inline-block; padding: 0 10px; color:#fff; font-size: 14px; height: 26px; line-height: 26px;}
.reg_list .table_box .modify{background:#0067Ac;}
.reg_list .table_box .delete { background:#333;}
.reg_list .table_box table td,
.reg_list .table_box table th {border:1px solid #ddd; padding:15px; vertical-align: middle; text-align: center; font-size: 16px; line-height: 20px;text-overflow: ellipsis; word-break: break-all;}
.reg_list .table_box table th {background:#002E4D; color:#fff;}




.pre_list .txt_box {text-align: center; font-size: 24px; line-height: 30px; padding-bottom: 30px;}
.pre_list .txt_box p span {font-weight: 700; color: #0067Ac}

.pre_list .table_box {overflow-x: auto;}
/* .pre_list .table_box .number {width: 5%}
.pre_list .table_box .name {width: 20%;}
.pre_list .table_box .affl {width: 20%}
.pre_list .table_box .cate {width: 20%}
.pre_list .table_box .result {width: 20%}
.pre_list .table_box table {table-layout: fixed;} */
.pre_list .table_box table {width: 100%; min-width: max-content }
.pre_list .table_box table td,
.pre_list .table_box table th {border:1px solid #ddd; padding:15px; vertical-align: middle; text-align: center; font-size: 16px; line-height: 20px;text-overflow: ellipsis; word-break: break-all;}
.pre_list .table_box table th {background:#002E4D; color:#fff;}
.pre_list .table_box .evt label {margin-right: 10px;}
.pre_list .table_box .evt label:last-child {margin-right: 0;}
.pre_list .table_box .nok {width: 290px;}
.pre_list .table_box .nok > div {display: flex; gap: 5px; align-items: center;}
.pre_list .table_box .nok > div:last-child {margin-top: 10px;}
.pre_list .table_box .nok > div span {width: 50px; flex-shrink: 0;}
.pre_list .table_box .nok > div input {height: 36px;}
.pre_list .table_box table td.evt {background: #EBFBFF;}



.pre_list .inner {display: flex; flex-direction: column; gap: 60px;}
.pre_list .top_txt {display: flex; flex-direction: column; align-items: center; gap: 20px; justify-content: center; text-align: center;}
.pre_list .top_txt .char img {height: 200px;}
.pre_list .top_txt .text {font-size: 24px; line-height: 1.4;}
.pre_list .pre_evt {display: flex; align-items: flex-start; gap: 40px; background: #EEF6FA; padding: 60px;}
.pre_list .pre_evt .img {width: 350px; flex-shrink: 0;}
.pre_list .pre_evt .cont {display: flex; flex-direction: column; gap: 20px; flex: 1 0 0;}
.pre_list .pre_evt .cont .tit {font-size: 40px; font-weight: 700;}
.pre_list .pre_evt .cont .text {font-size: 18px;}
.pre_list .pre_evt .cont .nt {display: flex; flex-direction: column; gap: 10px;}
.pre_list .pre_evt .cont .nt li {padding-left: 12px; position: relative;}
.pre_list .pre_evt .cont .nt li::before {position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background: #0067Ac; display: block; content: "";}
.pre_list .pre_evt .cont .cmnt {font-size: 14px; color: #555;}
.pre_list .pre_evt .cont .check {margin-top: 20px;}
.pre_list .pre_evt .cont .btn {font-size: 18px; width: 220px; height: 60px; margin-top: 20px;display: flex; align-items: center; justify-content: center; text-align: center; background: #0067Ac; color: #fff;
}

.pre_list .evt_btn {font-size: 18px; width: 220px; height: 60px; margin: 0 auto;
	display: flex; align-items: center; justify-content: center; text-align: center; background: #0067Ac; color: #fff;}



/* 蹂몄꽑寃곌낵 */
.final_list {
	background-image:url('../img/final_bg01.png'), url('../img/final_bg02.png'), url('../img/final_bg03.png');
	background-size:auto, auto, cover;
	background-position: center top, center top, center center;
	background-repeat:no-repeat;
}
.final_list.gaein {
	background-image:url('../img/final_bg01.png'), url('../img/final_bg02.png'), url('../img/final_bg04.png');
	background-position: center top, center top, center top;
}
.final_list .txt_box {text-align: center; font-size: 40px; line-height: 50px; padding-top:70px;padding-bottom: 40px; color:#fff;}
.final_list .txt_box p img {display: block; margin:0 auto 20px;}
.final_list.gaein .txt_box {font-size:50px; line-height: 60px;}
.final_list .table_box {margin-top: 30px;}
.final_list .table_box .number {width: 5%}
.final_list .table_box .name {width: 20%;}
.final_list .table_box .affl {width: 20%}
.final_list .table_box .cate {width: 20%}
.final_list .table_box .result {width: 20%}
.final_list .table_box table {table-layout: fixed; background: #fff;}
.final_list .table_box table td,
.final_list .table_box table th {
	border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; vertical-align: middle; text-align: center; font-size: 16px; line-height: 20px;
	text-overflow: ellipsis; word-break: break-all;
}
.final_list .table_box table th:last-child,
.final_list .table_box table td:last-child {border-right: 0;}
.final_list .table_box table th {background:#002E4D; color:#fff;}
.final_list .table_box table td.result img {width: 25px; vertical-align: middle; margin:0 5px 5px 0;}

.final_list.gaein .table_box table td,
.final_list.gaein .table_box table th {padding:25px 10px; font-size:17px;}


/* 寃뚯떆�� */
.board_top {margin-bottom: 30px;}
.board_top .inner:after {display: block; clear: both; content: "";} 
.board_top .search_wrap {vertical-align: bottom; display: inline-block; width: 70%; float: right;}
.board_top .search_box {text-align: right;}
.board_top .search_box .select {display: inline-block; }
.board_top .search_box .select select {display:block; width: 100px;  border:none; border-bottom:1px solid #000; height: 50px; line-height: 50px; font-size: 16px;}
.board_top .search_box .search {margin-left: 10px; display: inline-block; position: relative;}
.board_top .search_box .search input {border:none; border-bottom:1px solid #000; width: 300px; font-size: 16px; background: unset;}
.board_top .search_box .search button {
	position: absolute; top:50%; right: 2px; transform: translateY(-50%); display: block;
	background:url('../img/search_icon.gif') no-repeat; width: 20px; height: 20px; background-size: 100%; border:none; padding:10px;
}

.board_top .write_btn {float: left; width: 30%; margin-top: 12px;}
.board_top .write_btn a {display: inline-block; background: #0067Ac; padding:10px 30px; font-size: 18px; color: #fff;}

.board_view .box1 {border-top:2px solid #0067Ac; background: #0067Ac; border-bottom:2px solid #0067Ac; text-align: center; padding:25px 30px;}
.board_view .box1 .tit {font-size: 24px; line-height: 30px; font-weight: 500; color:#fff;}
.board_view .box1 .date {font-size: 16px; font-weight: 500; color:#fff; margin-top:10px;}
.board_view .box2 {padding:20px 30px; border-bottom:1px solid #000;}
.board_view .box2:after {display: block; clear: both; content: "";}
.board_view .box2 .file {float:left; width:85%; font-size: 16px; line-height:24px; color:#000; font-weight: 500; overflow: hidden; word-wrap:break-word; word-break: break-all;}
.board_view .box2 .file .icon {margin-right: 20px;}
.board_view .box2 .file .icon:before {
	display: inline-block; vertical-align: middle; content:""; background: url(../img/down_icon.png) no-repeat; background-size:100%;
	width:23px; height: 17px; margin-right:5px; margin-bottom:3px;
}
.board_view .box2 .file a {margin:3px 15px 3px 0; color:#555; display: inline-block;}
.board_view .box2 .file a:hover {text-decoration: underline;}
.board_view .box2 .count {float: right; text-align:right; width:10%; font-size: 16px; color:#000; font-weight: 500; margin:3px 0;}
.board_view .box3 {padding:30px;  font-weight: 500; }
.board_view .box4 {border:1px solid #000; border-top:none;}
.board_view .box4 > div {font-size: 0; border-top:1px solid #000;}
.board_view .box4 > div > span {display: inline-block; font-size: 16px; font-weight: 500; padding:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_view .box4 .sort {width:10%; color:#fff; background: #0067Ac; border-right:1px solid #000;}
.board_view .box4 .cont {width:90%; cursor: pointer;}
.board_view .box5 {text-align: right; margin-top:30px;}
.board_view .box5 .move_list {display:inline-block; padding:15px 40px; color:#fff; font-weight: 500; font-size: 18px; background:#777;}
.board_view .box5 .modify {display:inline-block; margin-right:20px; padding:15px 40px; color:#fff; font-weight: 500; font-size: 18px; background:#0067Ac;}

.board_list {}
.board_list .box {width: 100%; margin:20px 0 40px;}
.board_list .box .board_box {width: 100%; border-top :2px solid #0067Ac; border-bottom :2px solid #0067Ac; }
.board_list .box .board_box .list_number {width:10%;}
.board_list .box .board_box .list_title {width:70%; }
.board_list .box .board_box td.list_title {text-align: left; }
.board_list .box .board_box .list_title a {display: block;}
.board_list .box .board_box .board_ripple .list_title a:before {
	display: inline-block; content:""; background: url('../img/ripple_btn.png') no-repeat; width: 58px; height: 16px;
	vertical-align: middle; margin:0 10px;
}
.board_list .box .board_box tr th {background: #0067Ac; color:#fff;}
.board_list .box .board_box tr th,
.board_list .box .board_box tr td {
	border-bottom:1px solid #ddd;
	text-align: center; vertical-align: middle; font-size: 15px; line-height: 21px; padding:12px; word-break: keep-all;
}



.board_pw_view {}
.board_pw_view .view_box {width: 300px; background: #fff; margin:0 auto; }
.board_pw_view .tit {background: #0067Ac; color:#fff; text-align: center; padding:15px; font-size: 18px;}
.board_pw_view .txt {text-align: center; font-size: 15px; line-height: 20px; padding:15px ;}
.board_pw_view .txt p input[type="password"] {padding:10px; border:1px solid #ccc; width: 100%; margin-top:10px; }
.board_pw_view .btn {padding:0 15px 15px;}
.board_pw_view .btn a {width: 49%; margin-right: 2%; font-size: 16px; color:#fff; padding:10px; display: inline-block; text-align: center;}
.board_pw_view .btn a.submit {background:#0067Ac;}
.board_pw_view .btn a.cancel {background:#777; margin-right: 0;}


.board_write {}
.board_write table {border-top: 2px solid #0067Ac; border-bottom: 2px solid #0067Ac}
.board_write table tr td {border:1px solid #ddd; padding:15px; vertical-align: middle; font-size: 16px;}
.board_write .write_t {width: 20%; background: #0067Ac; color:#fff; text-align: center;}
.board_write .write_c {width: 80%;}
.board_write .bTxt input {width: 100%; max-width: 600px;}
.board_write .bTxtarea textarea {width: 100%; height:300px; }
.board_write .cmnt {font-size: 14px; line-height: 18px; margin: 15px 0;  color:#555;}
.board_write .btn {text-align: center; margin-top:60px;}
.board_write .btn a {display: inline-block; color:#fff; height:60px; line-height: 60px; width:49%; max-width: 300px; font-size: 20px;}
.board_write .btn a.submit {background: #0067Ac; margin-right: 2%;}
.board_write .btn a.cancel {background: #777;}
.board_write .file_box {margin-bottom: 10px;}
.board_write .file_box label {
	display: inline-block; vertical-align: middle; color:#fff; background: #0067Ac;
	height: 50px; line-height: 50px; width:135px; margin-left: 6px; cursor: pointer; text-align: center; margin-right: 0 !important;
}
.board_write .file_box input[type="file"] {position: absolute; width: 1px; height: 1px; padding:0; margin:-1px; overflow:hidden; border:0; clip:rect(0,0,0,0);}
.board_write .file_box .upload_name {display: inline-block; vertical-align: middle;  padding: 10px;}




.paging {text-align: center; }
.paging a {display: inline-block; vertical-align: middle; border-radius: 100%; overflow: hidden;}
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a {background: #fff;  display: inline-block; vertical-align: middle; padding:0 5px; border:1px solid #000; border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #0067Ac; color:#fff; border: 1px solid  #0067Ac;}



.board_faq .box { border-top:2px solid #0067Ac; padding:0 0 40px;}
.board_faq .box li > div {padding:25px 25px 25px 90px; font-weight: 500;  position: relative;}
.board_faq .box li > div:before {
	position:absolute; left:25px; top:16px; border-radius: 50px; width:40px; height: 40px;
	font-size:25px; font-weight: 700; text-align: center; line-height: 40px; margin-right: 15px; 
}
.board_faq .box li {border-bottom:1px solid #ddd;}
.board_faq .box .ask {font-size: 18px; line-height:24px;}
.board_faq .box .ask:before {content:"Q"; color: #0067Ac; border:1px solid #0067Ac;}
.board_faq .box .ask:after {
	content:""; width:10px; height: 10px; border-top:2px solid #000; border-right:2px solid #000;
	display: inline-block; transform: rotate(135deg) translateY(-50%); position:absolute; top:31%; right:30px; 
}
.board_faq .box .ask.on:before {color: #fff; background:#0067Ac;}
.board_faq .box .ask.on:after {transform: rotate(315deg) translateY(-50%); top:50%; right:20px;}

.board_faq .box .answer {display:none; border-bottom:1px solid #ddd; background:#f8f8f8; font-size: 16px; font-weight: 500; line-height: 24px;}
.board_faq .box .answer:before {content:"A"; color: #fff; background:#20C4F4; border:1px solid #20C4F4; }
.board_faq .box .answer .a_img {width: 90%; max-width: 500px; padding-top: 20px;}


/* ���뚭컻�� */
.ov_s1 .sec_box {font-size: 0;}
.ov_s1 .sec_box > div {display: inline-block; vertical-align: middle;}
.ov_s1 .img_box {width: 43%; margin-right: 2%;}
.ov_s1 .table_box {width: 55%;}
.ov_s1 .table_box table {border-top:2px solid #002E4D; table-layout: fixed;}
.ov_s1 .table_box tr td {font-size: 16px; line-height:22px; border:1px solid #ddd; padding:20px; vertical-align: middle;}
.ov_s1 .table_box .td_t {text-align: center; background: #002E4D; color:#fff; width: 20%;}
.ov_s1 .table_box .td_c {text-align: left; width: 80%}
.ov_s1 .table_box .td_c .td_box {margin-bottom: 15px;}
.ov_s1 .table_box .td_c .td_box .txt1 {color:#0067Ac; font-weight: 700;}
.ov_s1 .table_box .td_c .td_box .txt2 {margin-top: 2px;}
.ov_s1 .table_box .td_c .td_btn {display: inline-block; padding:10px; background:#0067Ac; color:#fff; font-size: 14px;}

.intro_s1 {background:url('../img/intro_bg_1.jpg') no-repeat center center / cover; padding-top: 0 !important; padding-bottom: 0 !important; }
.intro_s1 .inner {width: 100%; max-width: unset; background: url('../img/intro_bg_2.jpg') no-repeat center bottom / cover; padding: 100px 0;}
.intro_s1 .box {background:url('../img/intro_img1.png') no-repeat center center / contain; text-align: center; max-width: 1200px; margin: 20px auto;}
.intro_s1 .box .tit img {height: 250px;}
.intro_s1 .box .tit br {display: none;}
.intro_s1 .box .tit span {color:#0067Ac;}
.intro_s1 .box .txt p {
	font-family: 'Lotte Mart Dream','pretendard', sans-serif; rotate: 0.1deg;
	margin-top:30px; font-size: 20px; line-height: 26px; color:#333;
}
.intro_s1 .box .txt p span {color:#0067Ac;}
.intro_s1 .box .img {width: 90%; margin:0 auto; max-width: 800px; margin-top: 20px; }

.intro_s2 .mo {display: none;}


.int25_wrap {background: url('../img/intro25_bg.webp') repeat-y center center / 100% auto; overflow: hidden;}
.int25_wrap .inner {position: relative;}
.int25_wrap .box {padding: 100px 0; }
.int25_wrap .tit {position: relative; margin-bottom: 40px;}
.int25_wrap .tit::after {
	display: block; content: ""; background: url('../img/intro25_tit_bg.png') no-repeat center center / contain;
	position: absolute; top: 0; left: -10%; width: 100%; height: 100%; mix-blend-mode: screen;
}
.int25_wrap .txt {
	display: flex; flex-direction: column; gap: 40px; font-weight: 700; text-shadow: 0 0 5px #001B2E; position: relative; z-index: 1;
	font-size: 20px; line-height: 1.8; color: #fff; font-family: 'Wooridaum', sans-serif; text-align: center; 
}
.int25_wrap .txt .line {display: inline-block; background: #0067Ac; line-height: 1.4;}
.int25_wrap .imgbox .img {position: absolute;}
.int25_wrap .imgbox .img1 {bottom: -3.5vw; left: -10%; width: 20%;}
.int25_wrap .imgbox .img2 {top: 35%; left: -5%; width: 20%;}
.int25_wrap .imgbox .img3 {top: 80%; right: -5%; width: 25%;}

/* �몄궗留� */
.greeting_s1 .sec_box {font-size: 0;}
.greeting_s1 .sec_box > div {display: inline-block; vertical-align: middle;}
.greeting_s1 .img_box {width: 40%; margin-right: 4%; }
.greeting_s1 .txt_box {width: 56%; font-size: 16px;}
.greeting_s1 .txt_box .txt1 {font-size: 30px; line-height:40px; font-weight: 700;}
.greeting_s1 .txt_box .txt1 span {color: #0067Ac}
.greeting_s1 .txt_box .txt2 p {margin-top:20px; font-size: 18px; line-height: 26px; color:#333;}
.greeting_s1 .txt_box .txt3 {margin-top: 40px; font-size: 22px; color:#333; text-align: right;}
.greeting_s1 .txt_box .txt3 span {font-weight: 900;}

/* ���뚯씪�� */
.cd_s1 .box {padding-bottom: 60px;}
.cd_s1 .box:last-child {padding-bottom: 0;}
.cd_s1 .box .tit {font-size: 24px; color:#0067Ac; font-weight: 700; margin-bottom: 20px; padding-bottom: 15px;  border-bottom: 2px solid #0067Ac;}
.cd_s1 .box .table_box table {table-layout: fixed;}
.cd_s1 .box .table_box tr td {font-size: 16px; line-height:22px; vertical-align: middle; padding: 15px; border:1px solid #ddd;}
.cd_s1 .box .table_box .td_t {width: 20%; background: #0067Ac; color:#fff; text-align: center;}
.cd_s1 .box .table_box .td_c {width: 80%;}
.cd_s1 .box .table_box .td_c div {margin:5px 0;}
.cd_s1 .box .table_box .td_c .txt2 {font-size: 16px; color:#555;}



/* 媛쒖씤�뺣낫�숈쓽 �앹뾽(李멸��좎껌) */
.ap_agr_view .view_box {width:90%; max-width: 1000px; margin:0 auto; background: #fff;}
.agr_pop_box {font-size: 14px; line-height: 18px;}
.agr_pop_box .top_txt {font-size: 16px; line-height: 22px;}
.agr_pop_box .tit {font-size: 16px; line-height:24px; color: #0067Ac; margin-top: 25px; font-weight: 700;}
.agr_pop_box ul {margin-top: 7px;}
.agr_pop_box ul li {padding-left: 12px; position: relative; margin:7px 0;}
.agr_pop_box ul li span {position: absolute; left: 0; display: inline-block;}
.agr_pop_box ul li p {position: relative; padding-left: 12px; color:#555; font-size: 13px; line-height: 17px;}


/* 媛쒖씤�뺣낫�숈쓽 */
.agr_s .agr_b {border:1px solid #ddd; padding:10px 50px;}
.agr_s .agr_b .box {font-size: 15px; line-height: 20px; margin:40px 0;}
.agr_s .agr_b .box .tit {margin:10px 0; font-size: 18px; font-weight: 700;}
.agr_s .agr_b .box .txt {margin:10px 0; color:#444;}
.agr_s .agr_b .box .txt.boxSt01 {background: #f1f1f1; padding: 20px;}
.agr_s .agr_b .box ul li {margin:10px 0; padding-left: 18px; position: relative; color: #444;}
.agr_s .agr_b .box ul li span {position: absolute; left: 0; display: inline-block;}
.agr_s .agr_b .box table {table-layout: fixed; margin:10px 0 20px; word-break: break-all;}
.agr_s .agr_b .box table tr td,
.agr_s .agr_b .box table tr th {border:1px solid #ddd; font-size: 14px; padding:15px; text-align: center; vertical-align: middle;}
.agr_s .agr_b .box table tr th {background: #f1f1f1;}

.agr_s .pri_b {display: none;}
.agr_s .pri_b.on {display: block;}

.agr_s .agr_c {display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding-top: 20px;}
.agr_s .agr_c select {height: 40px;}
.agr_s .agr_c .btn {display: flex; align-items: center; justify-content: center; height: 40px; font-size: 14px; background: #ddd; padding: 5px 15px;}

#popPrivacyBna .view_box {max-width: 1072px; margin: 0 auto;}
#popPrivacyBna .pop_layer {display: flex; gap: 15px; max-height: 80vh;}
#popPrivacyBna .pop_layer .img {width: 100%; }
#popPrivacyBna .pop_layer .img img {padding-bottom: 20px;}


/* �대깽�� */
.evt_s {text-align: center; margin-top: 0 !important;}
/* .evt_s1 {background: url('../img/event_0818_bg.jpg') no-repeat center center / cover;} */
.evt_s1 .inner .img_box {text-align: center;}
.evt_s1 .inner .img_box .m_img {display: none;}
.evt_s1 .inner .img_box .btn {margin-top: 20px; display: inline-block}
.evt_s1 .inner .img_box .cmnt {color: #333; margin-top: 30px;}


/* 媛ㅻ윭由ш쾶�쒗뙋 */
.gr_sec {
	position: relative;
	background-image: url('../img/gallery_bg01.png'),url('../img/gallery_bg02.png'),url('../img/gallery_bg03.png');
	background-repeat: no-repeat;
	background-position: left 150px, right 400px, center bottom; 
	background-size: auto, auto, 100% auto;
}
.gr_sec:after {display:block; content:""; width:100%; height:100%; background:url('../img/gallery_bg.webp') repeat-y center center / 100% auto; position: absolute; top:0; left: 0; z-index: -1}
.gr_sec .paging {padding-top: 30px;}

.gr_cate {margin-bottom: 50px;}
.gr_cate ul {display: flex; align-items: center; }
.gr_cate ul li {width: 100%; text-align: center;  margin:0 10px; }
.gr_cate ul li a {display: block; padding: 20px 0; background: #fff; font-size: 18px; border-radius: 50px;}
.gr_cate ul li.active a {background: #0067Ac; color: #fff;}

#gallery{ display: flex; flex-wrap: wrap; column-gap:unset; column-width: auto;}
#gallery a {display: block; width: 50%;}
#gallery .box_wrap { display: inline-block; margin: 0 0 4% 0; padding:10px; width:100%; text-align: center; position: relative;}
#gallery .box_wrap .frame {position: absolute; width: calc(100% - 20px); top: 10px; left: 50%; transform: translateX(-50%)}
#gallery .box img {width: 100%;}
#gallery .box .txt_box { background: #fff; padding: 20px 10px;}
#gallery .box .txt_box .part {font-size:20px;  color: #0067Ac;}
#gallery .box .txt_box .info {font-size: 18px; margin-top: 10px; display: none;}



#gallery_view {background:#fff; padding:50px;} 
#gallery_view .info_box {border:1px solid #000; border-bottom: 0;}
#gallery_view .info_box:after {display: block; content: ""; clear: both;}
#gallery_view .info_box > div {float:left; font-size: 0; display: flex; border-bottom:1px solid #000;}
#gallery_view .info_box .category,
#gallery_view .info_box .part,
#gallery_view .info_box .name,
#gallery_view .info_box .affl {width:50%;}
#gallery_view .info_box .tit,
#gallery_view .info_box .cont {width:100%;}
#gallery_view .info_box .name,
#gallery_view .info_box .affl {display: none;}
#gallery_view .info_box > div > div {display: inline-block; vertical-align: middle;padding:20px; word-break: break-all;}
#gallery_view .info_box .hd {background:#0067Ac; color:#fff; font-size: 16px; line-height:20px; width:50%; text-align: center; border-right:1px solid #000; }
#gallery_view .info_box .bd {background:#fff; font-size: 16px; line-height: 20px; width:50%;}
#gallery_view .info_box .tit .hd,
#gallery_view .info_box .cont .hd {width:25%;}
#gallery_view .info_box .tit .bd,
#gallery_view .info_box .cont .bd {width:75%;}
#gallery_view .cont_box {padding:50px 0; border-bottom:1px solid #000; text-align: center; }
#gallery_view .cont_box img {max-height: 800px;}
#gallery_view .btn_box {text-align: right; padding-top: 30px;}
#gallery_view .btn_box a {text-align: center; width:250px; padding:20px 0; font-size:20px; color:#fff; background: #0067Ac; display: inline-block;}


.teen_evt {padding: 70px 0 20px; position: relative;}
.teen_evt .tit .img {max-width: 700px; margin: 0 auto;}
.teen_evt .tit .img .m {display: none;}
.teen_evt .tit .sub {text-align: center; font-size: 18px; color: #333; margin-top: 30px;}
.teen_evt .tit .cmnt {text-align: center; font-size: 15px; color: #767676; margin-top: 30px;}
.teen_evt .box {background: #E8F1F5; border-radius: 20px; padding: 40px; margin-top: 40px;}
.teen_evt .input {display: flex; align-items: center; flex-direction: column; gap: 15px;}
.teen_evt .input .text {font-size: 24px;}
.teen_evt .input input {border: 0; width: 100%; max-width: 370px; font-size: 16px;}
.teen_evt .cont {margin-top: 50px; text-align: center;}
.teen_evt .cont .list {margin-top: 20px; display: flex; justify-content: center; gap: 10px;}
.teen_evt .cont .list .text {margin-top: 10px; font-size: 18px;}
.teen_evt .cont .bot {font-size: 16px; margin-top: 40px;}
.teen_evt .btn_box {margin-top: 40px;}
.teen_evt .btn_box a {background: #0067Ac; color: #fff; padding: 15px 20px; display: block; max-width: max-content; margin: 0 auto;}
.teen_evt .btn_box .cmnt {color: #767676; font-size: 14px; margin-top: 15px; text-align: center;}
.teen_evt .char {position: absolute; right: 0; bottom: -40px; width: 300px;}

/*sub*/
.doc-title {position: relative;font-size: 1.82rem;font-weight: 700;line-height: 100%;font-family: 'pretendard';padding: 0 0 0 15px;margin: 0 0 25px;}
.doc-title:after {content:'';position: absolute;left: 0;top: 0;width: 6px;height: 100%;background: #0067ac;}