/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}


/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
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:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard' ; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

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


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}


:root {
  --co01: #232041;
  --co02: #4f4783;
  --co03: #f8c45d;
  
}

::selection{background: var(--co01); color: #fff;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1420px;  margin: 0 auto; overflow: hidden;word-break: keep-all;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

/* header */
#header{line-height: 1;}
#header .h_top{ background: #fafafa;}
#header .h_top .inner{display: flex;align-items: center;justify-content: space-between; height: 50px;}
#header .h_top .btn_wrap{display: flex;align-items: center;height: 100%;}
#header .h_top .btn_wrap a{display: flex;align-items: center;gap:10px;width: 124px;height: 100%;font-size: 15px; padding: 0px 16px; color: #666; font-weight: 500; background: #e6e6e6;}
#header .h_top .btn_wrap a.co01{width: 152px;color: #fff; background: #f9c45d;}

#header .h_top .log_wrap{display: flex;gap:15px; align-items: center;}
#header .h_top .log_wrap a{font-size: 15px; color: #333; font-weight: 500;}

#header .header .inner{display: flex; align-items: center;justify-content: space-between; height: 90px;}
#header .gnb{display: flex;}
#header .gnb > li{position: relative;padding: 36px 35px;}
#header .gnb span a{display: block;font-size: 18px; color: #333; font-weight: 500;}
#header .gnb .lnb_sub{position: absolute; top: 80px; left: 50%; transform:translateX(-50%);z-index: 100; width: 160px; background: var(--co01); border-radius:16px;}
#header .gnb .lnb_sub ul{display: none;padding: 25px 0px;}
#header .gnb .lnb_sub ul li a{display: block;color: #fff;font-size: 18px;text-align: center; font-weight: 500;}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 20px;}

#header a.tel{display: flex;gap:10px;align-items: center;width: 240px; height: 50px; border:1px solid rgba(35,32,65,.5);border-radius:25px;font-size: 20px; color: var(--co01); font-weight: 700;}

/*navi*/
.nav_btn{display: none;}
.navigation{display: none;}

/* visual */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .txt_wrap{position: absolute; left: 0; top: 50%; width: 100%; transform:translateY(-50%);color: var(--co01);}
#visual_wrap .txt_wrap p{font-size: 55px; color: var(--co01); font-weight: 700; line-height: 75px;}
#visual_wrap .txt_wrap span{display: block;font-size: 30px; font-weight: 500; margin-top: 40px;}
#visual_wrap .txt_wrap .btn_wrap{display: flex;margin-top: 80px;gap:20px;}
#visual_wrap .txt_wrap .btn_wrap a{display: flex;align-items: center;justify-content: center; gap:20px; width: 180px; height: 64px; background: #fff; border:1px solid rgba(81,76,113,.5); border-radius:12px;font-size: 20px; color: var(--co01); font-weight: 500;transition:.3s;}
#visual_wrap .txt_wrap .btn_wrap a.co01{background: var(--co01); color: #fff; border:0px; width: 200px; height: 64px;}
#visual_wrap .txt_wrap .btn_wrap a:hover{opacity: .8;}
#visual_wrap .vis_items{display: flex;align-items: center;justify-content: center;gap:10px;position: absolute;bottom: 80px; right: 260px; width: 108px; height: 40px; background: rgba(0,0,0,.3); border-radius:20px;}
#visual_wrap .vis_items .numcount{display: flex;align-items: center;gap:16px;}
#visual_wrap .vis_items span{position: relative;font-size: 18px; color: #bbb;}
#visual_wrap .vis_items span.now{color: #fff;}
#visual_wrap .vis_items span.total::after{content:'/';position: absolute; left: -10px;}
#visual_wrap .vis_items .arr_wrap{display: flex;gap:10px;}

/* section */
.section{padding: 90px 0;line-height: 1;}
.sec_tit01{display: flex;justify-content: space-between;align-items: center; margin-bottom: 40px;}
.sec_tit01 p{font-size: 36px; color: #333; line-height: 54px;font-weight: 700;}
.sec_tit01 p b{position: relative;font-weight: 700;}
.sec_tit01 p b::after{content:'';position: absolute;bottom: 0; left: 0;width: 100%; height: 10px; background: #f3ecff;z-index: -1;}

.sec_tit01 .more_btn{display: flex;align-items: center;gap:10px; font-size: 18px; color: #666; font-weight: 700;}

/* section01 */
#section01 .inner{display: flex;justify-content: space-between;align-items: center;}
#section01 .sec_tit01{margin-bottom: 0;}
#section01 .btn_wrap{display: flex;gap:30px;}
#section01 .btn_wrap a{display: flex;align-items: center;justify-content: space-between; width: 480px; height: 180px; padding: 0px 50px 0px 60px; background: #f5f5f5; border-radius:20px;}
#section01 .btn_wrap p{display: flex;align-items: center;gap:15px;font-size: 28px; color: #333; font-weight:  700;}
#section01 .btn_wrap p::after{content:'';width: 36px; height: 36px; background: url(/assets/images/main/more_btn02_pc.png)center no-repeat #ddd; border-radius:50%;}
#section01 .btn_wrap span{display: block;font-size: 16px; color: #666; font-weight: 500; line-height: 24px;margin-top: 15px;}

#section01 .btn_wrap a:hover{background: linear-gradient(291deg,rgba(79, 71, 131, 1) 0%, rgba(35, 32, 65, 1) 100%);}
#section01 .btn_wrap a:hover p{color: #fff;}
#section01 .btn_wrap a:hover p::after{background: url(/assets/images/main/more_btn01_pc.png)center no-repeat rgba(162,159,179,.2);}
#section01 .btn_wrap a:hover span{color: #fff;}

/* section02 */
#section02{padding-bottom: 0; background: #f5f5f5;}
#section02 .sec_tit01{margin-bottom: 0;}
#section02 .slick-list{width: calc(100% + 80px);padding: 40px 0px 90px 40px ;transform:translateX(-40px);}
#section02 .sec01_slide li{margin-right: 40px;}
#section02 .sec01_slide .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd; border-radius:20px;background: #fff; overflow: hidden;transition:.3s;}
#section02 .sec01_slide .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}
#section02 .sec01_slide .txt_wrap{margin-top: 30px;}
#section02 .sec01_slide .txt_wrap p{font-size: 20px; color: #333; font-weight: 700;text-align: center;}

#section02 .slick-arrow{position: absolute;top: 40%; transform:translateY(-50%);text-indent: -9999px; width: 60px; height: 60px;z-index: 100;}
#section02 .slick-prev{left: -80px;background: url(/assets/images/main/prev02_pc.png)center no-repeat; background-size: cover;}
#section02 .slick-next{right: -80px;background: url(/assets/images/main/next02_pc.png)center no-repeat; background-size: cover;}

#section02 .sec01_slide li:hover .img_wrap {box-shadow:0px 0px 40px rgba(81,76,113,.25);}

/*section03*/
#section03 .banner_wrap{display: flex;align-items: center;justify-content: center;width: 100%; height: 140px; border-radius:16px;background: url(/assets/images/main/sec03_bg01_pc.png)center no-repeat; background: cover; border-radius:16px;}
#section03 .banner_wrap p{font-size: 28px; font-weight: 700;color: #333;}
#section03 .banner_wrap strong{display: inline-block;color: #1f51a7;font-weight: 700;margin-left: 5px;}

/* section04 */
#section04{padding-top: 0;}
#section04 .con_wrap{display: flex;gap:80px;}
#section04 .con_wrap .con{width: calc((100% - 80px) / 2);}

#section04 .con_wrap .con01 .list_wrap{}
#section04 .con_wrap .con01 .list_wrap .list{border:1px solid #ddd; border-radius:12px;}
#section04 .con_wrap .con01 .list_wrap .list:not(:last-child){margin-bottom: 12px;}
#section04 .con_wrap .con01 .list_wrap .list a{display: flex;align-items: center;justify-content: space-between;padding: 25px 30px;font-size: 18px; }
#section04 .con_wrap .con01 .list_wrap .list .txt{display: flex;align-items: center;width: calc(100% - 70px);}
#section04 .con_wrap .con01 .list_wrap .list span{display: block; width: 85px;color: var(--co02);font-weight: 700 ;}
#section04 .con_wrap .con01 .list_wrap .list p{width: calc(100% - 85px);color: #333; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section04 .con_wrap .con01 .list_wrap .list em{display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: #f5f5f5; border-radius:50%;}
#section04 .con_wrap .con01 .list_wrap .list em img{transition:.3s;}
#section04 .con_wrap .con01 .list_wrap .list:hover em img{transform:rotate(90deg);}

#section04 .con_wrap .con02 .list_wrap{border-top: 1px solid #999;border-bottom: 1px solid #999;}
#section04 .con_wrap .con02 .list_wrap .list:not(:last-child){border-bottom: 1px solid #ddd;}
#section04 .con_wrap .con02 .list_wrap .list a{display: flex;align-items: center;justify-content: space-between;padding: 21px 20px;}
#section04 .con_wrap .con02 .list_wrap .list .txt{display: flex;align-items: center;gap:16px;width: calc(100% - 130px);}
#section04 .con_wrap .con02 .list_wrap .list .txt span{display: flex;align-items: center;justify-content: center;width: 80px; height: 30px; background: var(--co02);color: #fff;font-size: 16px; font-weight: 500; border-radius:15px;}
#section04 .con_wrap .con02 .list_wrap .list .txt p{width: calc(100% - 96px);font-size: 18px; color: #333; font-weight: 500;font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section04 .con_wrap .con02 .list_wrap .list em{display: block;text-align: right;width: 130px;font-size: 18px; color: #999; font-weight: 500; }

/* footer */
#footer{padding: 60px 0px 80px;line-height: 1; border-top: 1px solid #ddd;}
#footer .inner{display: flex;align-items: flex-end; justify-content: space-between;}
#footer .f_left{display: flex;gap:40px;}
#footer .f_left .box{padding-top: 20px;}
#footer .f_left .box .a_wrap{display: flex;gap:30px; margin-bottom: 20px;}
#footer .f_left .box .a_wrap a{font-size: 16px; color: #666; font-weight: 600;}
#footer .f_left .box address p{font-size: 16px; color: #666; font-weight: 500; line-height: 26px;}
#footer .f_left .box address p em{display: inline-block; color: #ddd;margin: 0 12px;}

#footer .f_right{width: 380px;padding: 25px 30px;background: #f5f5f5; border-radius:12px;}
#footer .f_right span{font-size: 16px; color: #333; font-weight: 500;}
#footer .f_right strong{display: flex;align-items: center;gap:5px;font-size: 20px; color: #333; font-weight: 700; margin: 15px 0;}
#footer .f_right p{font-size: 16px; color: #666; font-weight: 500;}

/*quick_menu*/
.quick_menu{position: fixed; right: 60px; top: 50%; transform:translateY(-50%);}
.quick_menu ul li:not(:last-child){margin-bottom: 10px;}
.quick_menu ul li a{display: flex;align-items: center;justify-content: center; width: 72px; height: 72px; border-radius:50%;}
.quick_menu ul li.q01 a{font-size: 18px;	font-weight: 600;line-height: 1.2;color: #fff; background: linear-gradient(291deg,rgba(79, 71, 131, 1) 0%, rgba(35, 32, 65, 1) 100%);}

/* ==sub============================ */
#sub_visual_wrap{position: relative; line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute; top: calc(50% - 70px); left: 50%; transform:translate(-50%,-50%);text-align: center;color: var(--co01);}
#sub_visual_wrap .txt_wrap h3{font-size: 50px; }
#sub_visual_wrap .txt_wrap span{display: block;font-size: 20px; font-weight: 500; margin-top: 40px;}

.tab_menu_pc{position: absolute;left: 50%; bottom: 90px;transform:translateX(-50%);}
.tab_menu_pc ul{display: flex;gap:20px;}
.tab_menu_pc ul li a{display: flex;align-items: center; justify-content: center;width: 200px; height: 60px; background: #fff; border-radius:30px;font-size: 18px; color: #999; font-weight: 500; border:1px solid #ddd;}
.tab_menu_pc ul li.on a{color: #fff; background: var(--co01);}

.tab_menu_mob{display: none;}

#sub_contents{padding: 100px 0;}
#sub_contents .contop{line-height: 1;margin-bottom: 80px;text-align: center;}
#sub_contents .contop h3{font-size: 36px; color: var(--co01); font-weight: 700;}
#sub_contents img{max-width: 100%;}

.sub_tit01{margin-bottom: 40px;}
.sub_tit01 h4{position: relative;padding-left: 35px;font-size: 28px; color: #333; font-weight: 700;} 
.sub_tit01 h4::after{content:'';position: absolute;top: 3px; left: 0;width: 20px; height: 24px; background: url(/assets/images/sub/tit_icon01.png)center no-repeat; background-size: cover;}
.sub_tit01 span{display: block;font-size: 18px; color: #666; line-height: 1.5; margin-top: 25px;}

.sub_tit01.flex{display: flex;align-items: center;justify-content: space-between;}
.sub_tit01.flex a.btn01{display: flex;align-items: center;justify-content: center; width: 150px; height: 48px; border:1px solid #ddd; border-radius:6px;font-size: 16px; color: #333; font-weight: 500;}

.box_wrap_st01{padding: 40px;border-top: 2px solid #333; border-bottom: 1px solid #ddd;}

.input_wrap_st01 .input_wrap:not(:last-child){margin-bottom: 40px;}
.input_wrap_st01 .input_wrap{display: flex;align-items: center;}
.input_wrap_st01 .input_wrap .tit{width: 200px;}
.input_wrap_st01 .input_wrap .tit p{position: relative;padding-left: 20px;font-size: 18px; color: #333; font-weight: 600;}
.input_wrap_st01 .input_wrap .tit p::after{content:'·';position: absolute;left: 0;top: 45%;transform:translateY(-50%);font-size: 24px; color: var(--co03); font-weight: 900;}
.input_wrap_st01 .input_wrap .input{width: calc(100% - 200px);}
.input_wrap_st01 .input_wrap .input input[type="text"]{font-size: 16px; color: #666;border:1px solid #ddd; border-radius:6px; width: 100%;height: 48px;padding: 0px 20px;}  
.input_wrap_st01 .input_wrap .input input[type="text"]:focus{outline:0; }
.input_wrap_st01 .input_wrap .input span{font-size: 16px; color: #333;}

.input_wrap_st01 .input_wrap .input textarea{width: 100%; height: 200px;border:1px solid #ddd; border-radius:6px;padding: 15px; font-size: 16px; color: #666;resize:none;}
textarea:focus{outline:0;}

.input_wrap_st01.flex .input_wrap.fs{align-items: flex-start;}
.input_wrap_st01.flex .input_wrap.fs .tit{padding-top: 15px;}

.input_wrap_st01.flex{display: flex;flex-wrap:wrap;gap:40px;}
.input_wrap_st01.flex .input_wrap{width: calc((100% - 40px) / 2);margin-bottom: 0 !important;}
.input_wrap_st01.flex .input_wrap.w02{width: 100%;}

input.ra_st01{display: none;}
input.ra_st01 + label{position: relative;display: block;font-size: 18px; color: #666;padding-left: 30px; cursor:pointer;}
input.ra_st01 + label::after{content:'';position: absolute;left: 0;top: 50%; transform:translateY(-50%); width: 18px; height: 18px; border:1px solid #ddd; border-radius:50%;}
input.ra_st01:checked + label::after{border:5px solid var(--co03);}

input[type="file"]::file-selector-button{width: 100px;height: 40px; background: #f5f5f5; border-radius:6px; border:1px solid #ddd;font-size: 16px; color: #333;font-weight: 500; margin-right: 10px; cursor:pointer;}
input[type="file"]{width: 100%;font-size: 16px; color: #999; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

select.select_st01{width: 100%;padding: 0 15px;color: #999; font-size: 16px;border:1px solid #ddd; border-radius:6px; height: 48px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/sub/select_icon01.png)center right 15px no-repeat;}
select:focus{outline:0;}


.btn_wrap_st01{display: flex;align-items: center;justify-content: center;gap:10px;margin: 80px auto 0;}
.btn_wrap_st01 a.btn_st01{margin: 0;}
a.btn_st01{display: flex;align-items: center;justify-content: center;margin: 80px auto 0;width: 180px; height: 54px; border-radius:12px; background: var(--co01);font-size: 18px; color: #fff;font-weight: 500;}
a.btn_st01.co02{background: #fff; color: var(--co01); border:1px solid var(--co01);}

/* sub02 */
.sub02{line-height: 1;}
.sub02 .con:not(:last-child){margin-bottom: 80px;}

.box_flex01{display: flex;flex-wrap:wrap;gap:60px 30px;}
.box_flex01 .box{width: calc((100% - 120px) / 5); }
.box_flex01 .box .img_wrap{position:relative; width:100%; padding-bottom:100%;border:1px solid #ddd; border-radius:20px; overflow: hidden;}
.box_flex01 .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.box_flex01 .box .txt_wrap{margin-top: 30px;}
.box_flex01 .box .txt_wrap p{font-size: 20px; color: #333; font-weight: 700;text-align: center;}

.box_flex02 .box{display: flex;align-items: center;gap:60px;}
.box_flex02 .box:not(:last-child){margin-bottom: 30px;}
.box_flex02 .img_box{width: 420px;}
.box_flex02 .txt_box{width: calc(100% - 480px);}
.box_flex02 .txt_box .tit{padding-bottom: 30px;padding-left: 10px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.box_flex02 .txt_box .tit p{font-size: 24px; color: #333; font-weight: 700;}
.box_flex02 .txt_box .txt{padding-left: 10px;}
.box_flex02 .txt_box .txt ul li{position: relative;display: flex;font-size: 18px; line-height: 36px;padding-left: 20px;}
.box_flex02 .txt_box .txt ul li::after{content:'·';position: absolute;top: -2px; left: 0;font-size: 24px; color: var(--co03); font-weight: 900;}
.box_flex02 .txt_box .txt ul li p{width: 110px;font-weight: 600;color: #333; }
.box_flex02 .txt_box .txt ul li span{display: block;width: calc(100% - 110px);}

.txt_flex01{display: flex;gap:20px;flex-wrap:wrap;}
.txt_flex01 .box{width: calc((100% - 40px) / 3);}
.txt_flex01.w02 .box{width: calc((100% - 60px) / 4);}
.txt_flex01 .box strong{display: block;font-size: 24px; color: #333; font-weight: 700;margin-bottom: 20px;}
.txt_flex01 .box .txt_wrap{height: calc(100% - 44px);padding: 25px 30px;background: #f5f5f5; border-radius:20px;}
.txt_flex01 .box .txt_wrap ul li{position: relative;display: flex;font-size: 18px; line-height: 28px;padding-left: 20px;color: #666;letter-spacing: -0.1px;}
.txt_flex01 .box .txt_wrap ul li::after{content:'·';position: absolute;top: -2px; left: 0;font-size: 24px; color: var(--co03); font-weight: 900;}
.txt_flex01 .box02{padding: 20px;width: 100%;background: #333;border-radius:20px;}
.txt_flex01 .box02 p{font-size: 18px; line-height: 28px;color: #fff;font-weight: 600;text-align: center;}


/*sub0101*/
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con:not(:last-child){margin-bottom: 100px;}

.sub0101_wrap .con01 .chk_wrap{display: flex;flex-wrap:wrap;gap:40px 20px; margin-bottom: 40px;}
.sub0101_wrap .con01 .chk{width: calc((100% - 60px) / 4);}
.sub0101_wrap .con01 .chk input[type="radio"]{display: none;}
.sub0101_wrap .con01 .chk input[type="radio"] + label{cursor:pointer;}
.sub0101_wrap .con01 .chk input[type="radio"] + label em{position: relative;display: block;font-size: 18px; color: #666;padding-left: 30px; min-height: 18px;}
.sub0101_wrap .con01 .chk input[type="radio"] + label em::after{content:'';position: absolute;left: 0;top: 50%; transform:translateY(-50%); width: 18px; height: 18px; border:1px solid #ddd; border-radius:50%;}

.sub0101_wrap .con01 .chk input[type="radio"] + label .img_box{position: relative;margin-top: 20px;}
.sub0101_wrap .con01 .chk input[type="radio"] + label .img_wrap{position:relative; width:100%; padding-bottom:57.14%;border:1px solid #ddd; border-radius:20px; overflow: hidden;}
.sub0101_wrap .con01 .chk input[type="radio"] + label .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

.sub0101_wrap .con01 .chk input[type="radio"] + label .h_img{position: absolute;top: 0;left: 0;z-index: 100;width: 100%; height: 100%;}
.sub0101_wrap .con01 .chk input[type="radio"] + label .h_img img{opacity: 0;transform: rotateY(180deg);transition:.5s;}
.sub0101_wrap .con01 .chk input[type="radio"] + label:hover .h_img img{transform: rotateY(0deg);opacity: 1;}
.sub0101_wrap .con01 .chk input[type="radio"] + label:hover .o_img img{transform: rotateY(180deg);opacity: 0;z-index: -1;}

.sub0101_wrap .con01 .chk input[type="radio"]:checked + label em::after{border:5px solid var(--co03);}
.sub0101_wrap .con01 .chk input[type="radio"]:checked + label .img_wrap{border:1px solid var(--co03);}

.sub0101_wrap .con02 .input_wrap_st01 .input_wrap .input input[type="text"]{width: 200px; }
.sub0101_wrap .con02 .input_wrap_st01 .input_wrap .input input[type="text"].w02{width: 100%;}
.sub0101_wrap .con02 .input_wrap_st01 .input_wrap .input.flex{display: flex;align-items: center;gap:10px;}
.sub0101_wrap .con02 .input_wrap_st01 .input_wrap .input .ra_wrap{display: flex;gap:40px;margin-left: 30px;}

.sub0101_wrap .con02 .ra_wrap{display: flex;gap:40px;align-items: center; margin-bottom: 40px;}
.sub0101_wrap .con02 .box_wrap_st01:last-child{border-top: 0;}

/* sub0102 */
.sub0102_wrap .con01 .chk{width: calc((100% - 40px) / 3);}

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .list_wrap{border-top: 2px solid #333;}
.sub0501_wrap .list_wrap .list{border-bottom: 1px solid #ddd;}
.sub0501_wrap .list_wrap .list a{display: flex;padding: 40px 0; padding-right: 20px;}
.sub0501_wrap .list_wrap .list .tag{display: flex;align-items: center;justify-content: center;width: 200px;}
.sub0501_wrap .list_wrap .list .tag em{display: flex;align-items: center;justify-content: center; width: 80px; height: 38px; border-radius:19px; border:1px solid #333;font-size: 16px; color: #333;font-weight: 700;}
.sub0501_wrap .list_wrap .list .tag02 em{background: #333;color: #fff;}

.sub0501_wrap .list_wrap .list .txt{width: calc(100% - 280px);}
.sub0501_wrap .list_wrap .list .txt p{display: flex;align-items: center;font-size: 20px; color: #333; }
.sub0501_wrap .list_wrap .list .txt p strong{display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 66px);width: fit-content;font-weight: 700;}
.sub0501_wrap .list_wrap .list .txt p b.secret{display: inline-block;margin-left: 10px;}
.sub0501_wrap .list_wrap .list .txt span{display: block;font-size: 16px; color: #999; font-weight: 600; margin-top: 15px;}
.sub0501_wrap .list_wrap .list .txt span em{display: inline-block;font-size: 13px; color: #ddd;margin: 0 8px;}

.sub0501_wrap .list_wrap .list .arr{display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: #f5f5f5; border-radius:50%;margin-left: 40px;}

.sub0501_view_wrap{line-height: 1;}
.sub0501_view_wrap .tbl_wrap table{width: 100%;border-top: 2px solid #333;}
.sub0501_view_wrap .tbl_wrap table .col01{width: 280px;}
.sub0501_view_wrap .tbl_wrap table .col02{width: 200px;}
.sub0501_view_wrap .tbl_wrap table .col03{width: 360px;}

.sub0501_view_wrap .tbl_wrap table tr{border-bottom: 2px solid #ededed;}
.sub0501_view_wrap .tbl_wrap table th{background: var(--co01);font-size: 18px; color: #fff;font-weight: 600;padding: 15px 20px;text-align: left;}
.sub0501_view_wrap .tbl_wrap table th.th02{font-size: 18px; color: #333;text-align: center; background: #f5f5f5;font-weight: 600;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.sub0501_view_wrap .tbl_wrap table td{padding: 15px 20px;font-size: 18px; color: #666;}

/* sub0601 */
.sub0601_wrap{line-height: 1;}
.sub0601_wrap .list_wrap{display: flex;flex-wrap:wrap;gap:30px;}
.sub0601_wrap .list_wrap .list{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc((100% - 90px) / 4); background: #f5f5f5; border-radius:20px;padding: 50px;}
.sub0601_wrap .list_wrap .list::after{content:'';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%); border:1px solid #ddd; border-radius:12px; width: calc(100% - 20px);height: calc(100% - 20px);pointer-events: none;}
.sub0601_wrap .list_wrap .list .icon img{display: block;width: 138px;}
.sub0601_wrap .list_wrap .list .txt{width: 100%;text-align: center;padding: 30px 0px;}
.sub0601_wrap .list_wrap .list .txt span{display: block;font-size: 20px; color: #333; font-weight: 700;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub0601_wrap .list_wrap .list .txt p{font-size: 28px; color: #333;font-weight: 700;margin-top: 15px;}
.sub0601_wrap .list_wrap .list .txt p strong{color: var(--co03);font-weight: 700; }
.sub0601_wrap .list_wrap .list a{display: flex;align-items: center;justify-content: center;width: 180px; height: 54px;font-size: 18px; color: #fff; font-weight:500; background: var(--co01); border-radius:12px;}

.pay_pop_wrap{display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100vh;background: rgba(0,0,0,0.5); z-index: 9000;}
.pay_pop_wrap .pop_wrap{position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:30px;left: 50%;top: 50%; transform:translate(-50%,-50%); border:10px solid var(--co01); border-radius:20px; background: #fff;width: 720px; padding: 30px 40px 40px;}
.pay_pop_wrap .pop_wrap .pop_x_btn{position: absolute;top: 30px; right: 30px; width: 50px; height: 50px; border-radius:50%; background: var(--co01);font-size: 20px; color: #fff; font-weight: 700;}
.pay_pop_wrap .pop_wrap .txt_box{width: 100%;padding: 50px 40px 40px;background: #f5f5f5; border-radius:20px;}
.pay_pop_wrap .pop_wrap .txt_box .txt{text-align: center;}
.pay_pop_wrap .pop_wrap .txt_box .txt span{display: block;font-size: 28px; color: #333; font-weight: 700;}
.pay_pop_wrap .pop_wrap .txt_box .txt p{font-size: 36px; color: #333; font-weight: 700; margin-top: 20px;}
.pay_pop_wrap .pop_wrap .txt_box .txt p strong{color: var(--co03);font-weight: 700;}
.pay_pop_wrap .pop_wrap .txt_box .input_wrap{margin-top: 30px;}
.pay_pop_wrap .pop_wrap .txt_box .input{display: flex;align-items: center;}
.pay_pop_wrap .pop_wrap .txt_box .input:not(:last-child){margin-bottom: 10px;}
.pay_pop_wrap .pop_wrap .txt_box .input p{position: relative;width: 120px;font-size: 18px; color: #333; font-weight: 600;padding-left: 20px;}
.pay_pop_wrap .pop_wrap .txt_box .input p::after{content:'·';position: absolute;top: 45%; left: 0; transform:translateY(-50%); font-size: 24px; font-weight: 900;color: var(--co03);}
.pay_pop_wrap .pop_wrap .txt_box .input input[type="text"]{background: #fff; border:1px solid #ddd; width: calc(100% - 120px); height: 48px; border-radius:6px;font-size: 16px; color: #666;padding: 0px 20px;}
.pay_pop_wrap .pop_wrap .txt_box a.btn_st01{margin: 30px auto 0;}

/*sub0204*/
.sub0204_wrap .con05 .txt_flex01{justify-content: center;}
.sub0204_wrap .con05 .txt_flex01 .box{position: relative;border:1px solid #ddd; border-radius:20px;}
.sub0204_wrap .con05 .txt_flex01 .box::after{content:'';position: absolute;left: -42px;top: 50%;transform:translateY(-50%);width: 60px; height: 60px; border-radius:50%; background: url(/assets/images/sub/sub0204_arr01.png)center no-repeat; box-shadow:0px 0px 12px rgba(0,0,0,.15);}
.sub0204_wrap .con05 .txt_flex01 .box:nth-child(1)::after,
.sub0204_wrap .con05 .txt_flex01 .box:nth-child(5)::after{display: none;}
.sub0204_wrap .con05 .txt_flex01 .txt{padding: 25px 23px; border-top: 1px solid #ddd;}
.sub0204_wrap .con05 .txt_flex01 .txt p{font-size: 24px; color: #333; font-weight: 700;}
.sub0204_wrap .con05 .txt_flex01 .txt p em{display: inline-block;margin-right: 5px;color: var(--co03);font-weight: 700;}

/* 회원가입 */
.join_wrap{width: 580px;margin: 0 auto;line-height: 1;}
.join_wrap .tit{padding-bottom: 70px; margin-bottom: 40px;border-bottom: 2px solid #222;}
.join_wrap .tit h2{font-size: 50px; color: #222;text-align: center;}
.join_wrap .con:not(:last-child){margin-bottom: 30px;}
.join_wrap .con ul li:not(:last-child){margin-bottom: 30px;}
.join_wrap .con ul li p{width: 100%; font-size: 16px; color: #222;font-weight: 700; margin-bottom: 20px;}
.join_wrap .con ul li p em{color: #fe5c04;font-weight: 700;}
.join_wrap .con ul li span{display: block;}
.join_wrap .con ul li input[type="text"]{width: 100%; height: 48px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 16px; color: #666;}
.join_wrap .con ul li input[type="password"]{width: 100%; height: 48px; border-radius:6px; border:1px solid #ddd;padding: 0 20px;font-size: 16px; color: #666;}
.join_wrap .con ul li .addr .addr_search{display: flex;gap:5px;}
.join_wrap .con ul li .addr .addr_search input[type="text"]{width: 315px;}
.join_wrap .con ul li .addr .addr_search a{display: flex; align-items: center; justify-content: center;width: calc(100% - 320px); height: 48px; background: #222; color: #fff; font-size: 16px; border-radius:6px;}
.join_wrap .con ul li .addr > input[type="text"]{margin-top: 5px;}
.join_wrap .ra_wrap{display: flex;gap:20px;margin-top: 13px;}

.join_wrap .agree_wrap{width: 100%;margin: 0 auto;line-height: 1;}
.join_wrap .agree_wrap h3{font-size: 16px; color: #222; font-weight: 700; margin-bottom: 20px;}
.join_wrap .agree_wrap .con:not(:last-child){margin-bottom: 30px;}
.join_wrap .agree_wrap .con .txt_box{width: 100%;height: 220px;padding: 30px 20px;border:1px solid #ddd;border-radius:6px;overflow-y:scroll;font-family: 'Pretendard-All-R';background: #fff;}
.join_wrap .agree_wrap .con .txt_box::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.join_wrap .agree_wrap .con .txt_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #999; /* 스크롤바의 색상 */border-radius: 10px;}
.join_wrap .agree_wrap .con .txt_box::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}
.join_wrap .agree_wrap .con .txt_box .txt:not(:last-child){margin-bottom: 20px;}
.join_wrap .agree_wrap .con .txt_box .txt strong{display: block;font-size: 16px; color: #333; font-weight: 700;margin-bottom: 3px;}
.join_wrap .agree_wrap .con .txt_box .txt p{font-size: 15px; color: #666; line-height: 22px;}
.join_wrap .agree_wrap .con .txt_box .txt p b{font-size: 16px; color: #333; font-weight: 700;}

.join_wrap a.btn{display: flex; align-items: center; justify-content: center;width: 100%; height: 54px; background: #222; color: #fff;font-size: 16px; font-weight: 500; margin-top: 40px;font-family: 'Pretendard-All-M';}

/* 개인정보처리방침 */
.pri_wrap{line-height: 1;}
.pri_wrap .txt_wrap p{font-size: 16px; color: #666; line-height: 1.6;white-space: pre-wrap;}
.pri_wrap .txt_wrap p strong{color: #333;}