@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

*{margin:0; padding:0; box-sizing:border-box; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor; -webkit-tap-highlight-color:transparent;}
ul,li{list-style:none;}
a{text-decoration:none;}
input, textarea, select, iframe{border:0; outline:none; font-family:'Noto Sans KR', sans-serif;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}

body::-webkit-scrollbar {
  width:4px;
}
body::-webkit-scrollbar-track {
  background-color: transparent;
}
body::-webkit-scrollbar-thumb {
  border-radius:3px; background-color:rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-button {
  width:0; height:0;
}

html, body{height:100%;}

body{font-size:14px; font-family:'Noto Sans KR', sans-serif; line-height:1; color:#111;}

/** 버튼 관련 **/
.btn_wrap{display:flex; justify-content:space-between; padding-top:20px;}
.btn_center{display:flex; justify-content:center; padding-top:20px;}

.btn_black_white{display:inline-block; background-color:#333; color:#fff; width:100%; height:48px; line-height:48px; border-radius:15px; text-align:center; font-weight:500; font-size:18px;}
.btn_white_gray{display:inline-block; background-color:#fff; color:#555; width:100%; height:48px; line-height:48px; border-radius:15px; text-align:center; font-weight:500; font-size:18px;}
.btn_sky_white{display:inline-block; background-color:#009fe8; color:#fff; width:100%; height:48px; line-height:48px; border-radius:15px; text-align:center; font-weight:500; font-size:18px;}
.btn_gray_gray{display:inline-block; background-color:#ededed; color:#777; width:100%; height:48px; line-height:48px; border-radius:15px; text-align:center; font-weight:500; font-size:18px;}

.btn_indigo{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; background-color:#2c365a; width:150px; height:48px; border-radius:20px; font-weight:700; font-size:18px; margin:0 8px; transition:0.2s;}
.btn_indigo:hover{background-color:#4a86ff;}

.btn_blue{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; background-color:#4a86ff; width:150px; height:48px; border-radius:20px; font-weight:700; font-size:18px; transition:0.2s;}
.btn_blue:hover{background-color:#2c365a;}

.shop_btn_1{display:flex; justify-content:center; align-items:center; background-color:#111; color:#fff; font-weight:700; width:100%; height:50px; border-radius:10px; font-size:17px; transition:0.2s;}
.shop_btn_1:hover{text-decoration:underline;}
.shop_btn_2{display:flex; justify-content:center; align-items:center; background-color:#fff; color:#111; font-weight:700; width:100%; height:50px; border-radius:10px; font-size:17px; border:1px solid #111; transition:0.2s;}
.shop_btn_2:hover{text-decoration:underline;}

@media all and (min-width:480px){
    .btn_wrap{display:flex; justify-content:center; padding-top:30px;} 
    .btn_center{padding-top:30px;}
    .btn_wrap a{margin:0 5px;}
}

@media all and (min-width:1024px){
    body{font-size:15px;}
}
@media all and (min-width:1280px){
    body{font-size:17px;}
}

/** 체크박스 **/
.check_input{display:none;}
.check_label{display:flex; align-items:center; cursor:pointer;}
.check_bullet{width:20px; height:20px; margin-right:6px; background-color:#fff; border:2px solid #eee;}
.check_input:checked + .check_bullet{background-image:url(../images/input_check_sky.png); background-size:100%;}
.check_input:checked + .check_bullet.black{background-image:url(../images/input_check_black.png);}

/** 라디오박스 **/
.radio_input{display:none;}
.radio_label{display:flex; align-items:center; cursor:pointer;}
.radio_bullet{width:20px; height:20px; border:2px solid #ddd; margin-right:6px; border-radius:50%;}
.radio_input:checked + .radio_bullet{background-image:url(../images/radio_2.png); background-size:100%;}

/** 헤더 영역 **/
header{position:fixed; top:0; left:0; right:0; z-index:1000; transition:0.4s; background-color:rgba(255,255,255,0.99); box-shadow:0 1px 3px 1px rgba(0,0,0,0.04);}
.header_wrap{position:relative; margin:0 auto; max-width:1800px; height:50px;}
.header_logo, .header_mobile{position:absolute; transition:0.3s;}
.header_logo{width:96px; left:10px; top:0; height:100%; display:flex; align-items:center; z-index:990;}
.logo{width:100%;}
.header_mobile{background-image:url(../images/hambtn.png); background-position:50%; background-repeat:no-repeat; width:40px; height:50px; right:10px; top:0;}

.header_navi_wrap{position:fixed; top:50px; bottom:0; width:100%; background-color:rgba(255,255,255,0.95); z-index:920; overflow:auto; border-top:1px solid #eee; text-align:right; font-size:18px; display:none;}

.header_lnb a{color:#000; display:block; padding:16px 0; text-align:center; font-weight:; border-bottom:1px dotted #ccc; transition:0.2s;}
.header_lnb a:hover{background-color:#1d1c1f; color:#fff;}
.header_lnb a.active{font-weight:700; background-color:#1d1c1f; color:#fff;}
.lnb_bar{display:none;}

.header_btns{display:flex; justify-content:center; padding:25px 0;}
.header_btn{width:58px; margin:0 20px; background-repeat:no-repeat; background-position:50%; background-size:cover; transition:0.2s; font-size:12px; text-align:center; color:#111; font-weight:500;}
.header_btn span{width:48px; height:48px; display:block; margin:0 auto 3px auto;}
.header_btn.btn_1, .header_btn.btn_4{display:none;}
.header_btn.btn_1 span{background-image:url(../images/header_btn_1.png);}
.header_btn.btn_1:hover span{background-image:url(../images/header_btn_1_over.png);}
.header_btn.btn_2 span{background-image:url(../images/header_btn_2.png);}
.header_btn.btn_2:hover span{background-image:url(../images/header_btn_2_over.png);}
.header_btn.btn_3 span{background-image:url(../images/header_btn_3.png);}
.header_btn.btn_3:hover span{background-image:url(../images/header_btn_3_over.png);}
.header_btn.btn_4 span{background-image:url(../images/header_btn_4.png);}
.header_btn.btn_4:hover span{background-image:url(../images/header_btn_4_over.png);}

.header_hello{padding:20px 0; text-align:center; border-bottom:1px solid #eee;}
.header_hello b{font-weight:700;}

.header_gnb{display:flex; justify-content:center; align-items:center;}
.gnb{color:#777; transition:0.2s;}
.gnb:hover{color:#000;}
.gnb_bar{width:1px; height:16px; background-color:#aaa; margin:0 12px -1px 12px;}

header.header_change{background-color:rgba(255,255,255,1);}

@media all and (min-width:1024px){
    .header_btn.btn_1, .header_btn.btn_4{display:block;}
}
@media all and (min-width:1280px){
    .header_mobile{display:none;}  
    .header_wrap{height:100px;}
    .header_logo{width:158px; left:20px;}
    .header_navi_wrap{display:flex!important; width:auto; position:absolute; left:200px; top:0; right:20px;  border:0; background:none; height:100%; justify-content:flex-end; align-items:center; padding:0 0 0 0;}

    .header_lnb{display:flex; justify-content:space-between; margin-right:25px;}
    /* margin:0 45px; margin-right:0; */
    .header_lnb a{padding:0; border-bottom:0; position:relative; margin:0 35px; font-weight:500; font-size:19px;}
    .header_lnb a:hover{background:none; color:#1d1c1f;}
    .header_lnb a:hover .lnb_bar{width:100%;}
    .header_lnb a.active{font-weight:500; background:none; color:#1d1c1f;}
    .header_lnb a.active .lnb_bar{width:100%;}
    .lnb_bar{position:absolute; display:block; height:2px; width:0; background-color:#1d1c1f; left:0; bottom:-12px; transition:0.2s;}
        
    .header_btns{padding:0;}
    .header_btn{margin:0 0 0 15px;}
    
    .header_hello{padding:0; text-align:right; border:0; position:absolute; right:0; top:0px; font-size:14px;}

    .header_gnb{padding:0; font-size:16px; margin-left:20px;}
    
    /** 헤더 변경 **/   
    header.header_change .header_lnb a{color:#222;}
    header.header_change .header_lnb a:hover{color:#222;}
    header.header_change .header_lnb a.active{color:#222;}    
}
@media all and (min-width:1440px){    
    
    /* margin:0 50px; */
    .header_lnb a{margin:0 45px; font-size:20px;}
    .header_btn{margin:0 0 0 20px;}
    .header_gnb{margin-left:25px;}

}
@media all and (min-width:1680px){
    .header_logo{left:20px;}
    .header_navi_wrap{right:20px;}
    
    /* margin:0 60px; */
    .header_lnb{margin-right:65px;}
    .header_lnb a{margin:0 60px; font-size:21px;}
    .header_btn{margin:0 0 0 25px;}
    .header_gnb{margin-left:40px;}
}
@media all and (min-width:1920px){
    .header_logo{left:0;}
    .header_navi_wrap{right:0;}
    .header_gnb{margin-left:70px;}
    .header_lnb{margin-right:80px;}
    .header_lnb a{margin:0 70px;}
}

/** 푸터 **/
footer{text-align:center; padding:25px 3%; background-color:#333; line-height:2; position:relative;}
.footer_wrap{max-width:1840px; margin:0 auto; position:relative; color:rgba(255,255,255,0.7);}
.footer_down{display:block; width:210px; height:50px; border:2px solid #4a86ff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:17px; font-weight:500; margin:0 auto; background-color:rgba(255,255,255,0.5); color:#000; transition:0.2s; margin-bottom:20px;}
.footer_down:hover{background-color:rgba(255,255,255,0.95);}

.footer_logo{display:block; margin:20px auto 0 auto; max-width:158px;}
.footer_time{padding:15px 0;}
.footer_time_space{display:inline-block; padding:3px;}
.footer_bar{width:42px; height:2px; background-color:#fff; margin:0 auto 15px auto;}
.footer_add{font-style:normal;}
.footer_add_space{display:inline-block; padding:0 5px; color:rgba(255,255,255,0.7);}
.footer_link{padding:10px 0 15px 0;}

.footer_family_wrap{margin:0 auto; margin-bottom:10px; position:relative; width:180px; height:40px;}
.footer_family_area{width:100%; height:100%; display:flex; justify-content:space-around; align-items:center; z-index:100000; cursor:pointer; border:1px solid rgba(255,255,255,0.7); color:rgba(255,255,255,0.7); border-radius:10px; transition:0.2s;}
.footer_family_area:hover{background-color:rgba(0,0,0,0.9); border-color:rgba(0,0,0,0.9);}
.family_arrow{width:20px; height:20px; transition:0.3s;}
.footer_family_box{position:absolute; bottom:41px; left:0; width:100%; display:none;}
.footer_family{margin-top:1px; height:40px; display:flex; justify-content:center; align-items:center; background-color:rgba(255,255,255,0.95); border:1px solid rgba(0,0,0,0.7); border-radius:10px; color:#333; transition:0.2s;}
.footer_family:hover{background-color:rgba(0,0,0,0.9); border-color:rgba(0,0,0,0.9); color:#fff;}

.footer_family_wrap.active .family_arrow{transform:rotate(180deg);}

.footer_sns_wrap{display:flex; justify-content:center;}
.footer_sns_wrap a:first-child{margin-right:20px;}

@media all and (min-width:640px){
    footer{padding:35px 3%;}
}
@media all and (min-width:1024px){
    footer{padding:25px 2%;}
    .footer_wrap{display:flex; justify-content:space-between;}
    .footer_logo{margin:25px 0 0 0;}
    .footer_left{text-align:left; width:640px;}
    .footer_sns{margin:0;}
    .footer_bar{margin:0 0 10px 0;}
    .footer_time_space, .footer_add_space{padding:0 15px 0 0;}
    .footer_link{padding:0; width:100%; text-align:right;}
    
    .footer_right{width:calc(100% - 640px); display:flex; justify-content:flex-end; align-content:space-between; flex-wrap:wrap; position:relative;}
    .footer_family_wrap{margin:0 0 0 auto;}
    .footer_copy{width:100%; text-align:right;}
    
    .footer_down{position:absolute; right:0; top:0;}
    
    .footer_sns_wrap a:first-child{margin-right:10px;}
}
@media all and (min-width:1280px){
    footer{padding:30px 2%;}
    .footer_wrap{display:flex; justify-content:space-between;}
    .footer_left{text-align:left; font-size:16px;}
    .footer_tel{font-size:34px;}
    .footer_bar{margin:7px 0 15px 0;}
    .footer_time_space, .footer_add_space{padding:0 15px 0 0;}
    
    .footer_sns_wrap a:first-child{margin-right:15px;}
}
@media all and (min-width:1440px){
    .footer_link{position:absolute; right:90px; top:0;}
    .footer_link .footer_add_space{padding:0 25px;}
    .footer_sns_wrap{margin-top:5px;}
}
@media all and (min-width:1680px){
    footer{padding:35px 2%;}
    .footer_left{width:1100px;}
    .footer_add{display:flex;}
    .footer_add_space{display:block;}
    .footer{margin-right:25px;}
    
    .footer_right{width:calc(100% - 1100px);}  
    .footer_link{right:95px; top:-2px;}
    .footer_link .footer_add_space{display:inline;}
    .footer_sns_wrap{margin-top:2px;}
    .footer_family_wrap{margin-bottom:10px;}
    
    .footer_sns_wrap a:first-child{margin-right:20px;}
}
@media all and (min-width:1920px){
    footer{padding:35px 0;}
    .footer_left{width:1400px;}
    .footer_right{width:calc(100% - 1400px);}
    .footer{margin-right:45px;}
}

/* 로그인 */
.member_bg{background:url(../images/login_bg.png) no-repeat 0 100%; background-size:50%; position:relative;}    
@media all and (min-width:640px){
    .member_bg{background-size:35%;}
}
@media all and (min-width:1024px){
    .member_bg{background-size:30%;}
}
@media all and (min-width:1280px){
    .member_bg{background-size:30%;}
}
@media all and (min-width:1680px){
    .member_bg{background-size:659px;}
}

/** 서브 공통사항 **/
.sub_pad{padding-top:50px;}
.sub_visual{background-repeat:no-repeat; background-position:50% 0; background-size:cover; height:72%; max-height:472px; position:relative;}
.sub_visual:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); display:flex; justify-content:center; align-items:center;}
.sub_visual_text_wrap{display:flex; justify-content:center; align-items:center; height:100%; color:#fff; line-height:2.1; position:relative; z-index:20; text-align:center; max-width:1600px; margin:0 auto;}
.sub_visual_text_1{font-size:30px; animation-duration:0.4s; animation-delay:0.1s; animation-name:sub_visual_text_ani; animation-iteration-count:1; animation-fill-mode:both; animation-timing-function:ease-out;}
.sub_visual_text_2{font-size:14.5px; animation-duration:0.4s; animation-delay:0.4s; animation-name:sub_visual_text_ani; animation-iteration-count:1; animation-fill-mode:both; animation-timing-function:ease-out;}

.sub_visual.visual_4{background-position:100% 50%;}

@keyframes sub_visual_text_ani{
  0% {transform:translateY(150px); opacity:0;}
  100% {transform:translateY(0); opacity:1;}
}

.sub_wrap, .sub_wrap_2, .sub_wrap_3{margin:0 auto;}
.sub_wrap{padding:45px 2%; max-width:1600px;}
.sub_wrap_2{padding:45px 0 0 0; max-width:1900px;}
.sub_wrap_3{padding:45px 1% 0 1%; max-width:1680px;}

.sub_wrap_full{padding-top:45px;}

.sub_text_wrap{text-align:justify; padding-bottom:30px;}
.sub_title{padding-bottom:20px; font-size:24px; line-height:1.4;}
.sub_title.mid{font-size:20px;}
.sub_text{line-height:1.7;}
.sub_text small{font-size:14px;}
.sub_text big{font-weight:700;}

aside{position:fixed; right:-1%; bottom:30px; width:100px; z-index:100; transition:0.2s;}
.talk{display:block; width:100%; transition:0.2s;}
.talk:hover{transform:scale(1.1);}
aside.back{z-index:0;}
aside.up{bottom:100px;}

@media all and (min-width:640px){
    .sub_visual_text_1{font-size:38px;}
    .sub_visual_text_2{font-size:20px;}
    
    .sub_title{padding-bottom:30px; font-size:26px; line-height:1;}
    .sub_title.mid{font-size:22px;}
    .sub_text{font-size:16px;}
    
    aside{width:120px;}
}
@media all and (min-width:1024px){
    .sub_wrap{padding:60px 2%;}
    .sub_wrap_2{padding:60px 0 0 0;}
    .sub_wrap_3{padding:60px 1% 0 1%;}
    .sub_wrap_full{padding-top:60px;}
    
    .sub_text_wrap{text-align:center; padding-bottom:45px;}
    .sub_title{padding-bottom:50px; font-size:32px;}
    .sub_title.mid{font-size:28px;}
    .sub_text{font-size:18px;}  
    .sub_text small{font-size:16px;}
    .sub_break_1{display:block;}
    
    aside{width:130px; bottom:50px;}
    aside.up{bottom:180px;}
}
@media all and (min-width:1280px){
    .sub_pad{padding-top:100px;}
    
    .sub_visual_text_wrap{display:flex; justify-content:flex-start; text-align:left; padding-left:5%;}
    .sub_visual_text_1{font-size:46px;}
    .sub_visual_text_2{font-size:24px;}
    
    .sub_wrap{padding:70px 2%;}
    .sub_wrap_2{padding:70px 0 0 0;}
    .sub_wrap_3{padding:70px 1% 0 1%;}
    .sub_wrap_full{padding-top:70px;}
    
    .sub_text_wrap{text-align:center; padding-bottom:50px;}
    .sub_title{padding-bottom:60px; font-size:40px;}
    .sub_title.mid{font-size:32px;}
    .sub_text{font-size:20px;}
    .sub_text small{font-size:18px;}
    
    aside{bottom:60px; width:140px;}
    aside.up{bottom:200px;}
}
@media all and (min-width:1440px){    
    .sub_visual_text_wrap{padding-left:100px;}
    .sub_visual_text_1{font-size:62px;}
    .sub_visual_text_2{font-size:29px;}
    
    .sub_wrap{padding:90px 2%;}
    .sub_wrap_2{padding:90px 0 0 0;}
    .sub_wrap_3{padding:90px 1% 0 1%;}
    .sub_wrap_full{padding-top:90px;}
    
    .sub_text_wrap{padding-bottom:40px;}
    .sub_title{padding-bottom:70px; font-size:42px;}
    .sub_title big{font-size:55px;}
    .sub_title.mid{font-size:38px; padding-bottom:5px;}
    .sub_text{font-size:26px;}  
    .sub_text small{font-size:21px;}
    .sub_text big{font-size:30px;}
    
    aside{bottom:125px; width:150px;}
    aside.up{bottom:150px;}
}
@media all and (min-width:1680px){    
    .sub_wrap{padding:130px 0;}
    .sub_wrap_2, .sub_wrap_3{padding:130px 0 0 0;}
    .sub_wrap_full{padding-top:130px;}
    
    .sub_text_wrap{padding-bottom:90px;}  
    
    aside{width:160px;}
}
@media all and (min-width:1920px){  
    aside{right:auto; left:calc(50% + 910px);}
    
    .sub_title{margin-bottom:50px;}   
}

/* 트랙 팝업 */
.pop_track_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0,0.7); display:none;}
.pop_track_wrap{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.pop_track_area{position:relative;}
.pop_track_close{position:absolute; right:25px; top:26px; cursor:pointer; transition:0.2s;}
.pop_track_iframe{display:block; width:100%; height:100%;}

.track_wrap{border:4px solid #000; width:900px; height:460px; margin:0 auto; background-color:#fff;}
.track_head{height:70px; display:flex; justify-content:center; align-items:center; border-bottom:2px solid #000; background-color:#E5E5E5; font-family:'Patrick Hand', cursive; font-size:28px; font-weight:400; letter-spacing:0.5px; position:relative;}
.track_title{padding-bottom:0.5%;}
.track_left{position:absolute; left:2%; height:100%; display:flex; align-items:center;}
.track_bullet{width:24px; height:24px; background-color:#fff; border:3px solid #000; margin-right:10px; border-radius:50%;}

.track_list_wrap{display:flex; justify-content:space-between; align-items:center; height:calc(100% - 70px); padding:0 5%; position:relative;}
.track_msg_wrap{position:absolute; z-index:100; background-color:rgba(255,255,255,0.85); left:0; top:0; width:100%; height:100%;}
.track_msg{width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; font-weight:500; font-size:21px;}
.track_list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.track_list a{width:14.4%; margin:1.5% 0; position:relative; border-radius:10px; overflow:hidden; box-shadow:-1px 2px 2px 1px rgba(0,0,0,0.2);}
.track_list a:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0); border-radius:10px; transition:0.3s;}
.track_list a:hover:before{background-color:rgba(0,0,0,0.6);}
.track_list img{width:100%; display:block;}

/** 팝업(파일) **/
.popup_wrap{padding:0 4%; height:100%; display:flex; justify-content:center; align-items:center;}
.popup_title{font-size:28px; text-align:center; margin-bottom:20px; font-family:'Patrick Hand', cursive;}

@media all and (min-width:1024px){
    .popup_title{font-size:32px;}
}
@media all and (min-width:1280px){
    .popup_title{font-size:36px; margin-bottom:60px;}
    
    .track_list{padding:0 2%;}
    .track_list a{border-radius:20px;}
    .track_list a:before{border-radius:20px;}
}

/** 팝업 **/
.pop_bg{position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:10000; display:none;}
.pop_wrap{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.pop_area{width:100%; height:100%; background-color:#fff; border-radius:30px; position:relative;}
.pop_close{width:36px; height:36px; background:url(../images/close_round_gray.png) no-repeat; background-size:cover; position:absolute; top:15px; right:15px; z-index:100; transition:0.3s;}
.pop_close:hover{transform:rotate(180deg);}
.pop_iframe{border:0; width:100%; height:100%; position:relative; z-index:10; border-radius:30px;}

@media all and (min-width:1280px){
    .pop_area{border-radius:40px;}
    .pop_iframe{border-radius:40px;}
    .pop_close{width:48px; height:48px; top:25px; right:25px;}
}
@media all and (min-width:1920px){
    .pop_close{top:0; right:-58px;}
}

/** 팝업(풀) **/
.pop_full_bg{position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:10000; display:none;}
.pop_full_wrap{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.pop_full_area{width:100%; height:100%; background-color:#fff; border-radius:30px; position:relative;}
.pop_full_close{width:44px; height:44px; background:url(../images/close_eu.png) no-repeat; background-size:cover; position:absolute; top:15px; right:15px; z-index:100; transition:0.3s;}
.pop_full_close:hover{transform:scale(1.2);}
.pop_full_iframe{border:0; width:100%; height:100%; position:relative; z-index:10; border-radius:30px;}

@media all and (min-width:1280px){
    .pop_full_area{border-radius:40px;}
    .pop_full_iframe{border-radius:40px;}
    .pop_full_close{width:62px; height:62px; top:25px; right:25px;}
}
@media all and (min-width:1680px){
    .pop_full_close{width:70px; height:70px; top:30px; right:30px;}
}

/** 컨펌 상자 **/
.confirm_wrap{position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000;}
.confirm_area{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.confirm_box{padding:30px 10px; background-color:#fff; min-width:320px; text-align:center; border-radius:20px; box-shadow:0 0 6px 3px rgba(0,0,0,0.1); border:1px solid #333;}
.confirm_text{line-height:1.7;}
.confirm_btns{display:flex; justify-content:center; padding-top:25px;}
.confirm_btn_1, .confirm_btn_2{padding:8px 15px; background-color:#eee; color:#111; border-radius:4px;}
.confirm_btn_1{background-color:#eee; color:#111;}
.confirm_btn_2{background-color:#111; color:#fff;}

@media all and (min-width:1024px){
    .confirm_box{padding:50px 10px; min-width:450px; border-radius:30px;}
    .confirm_btns{padding-top:30px;}
    .confirm_btn_1, .confirm_btn_2{padding:9px 18px; font-size:16px; border-radius:6px;}
}

/** 비밀번호 변경 선택 **/
.pw_select_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%;}
.pw_select_table{width:320px; border-collapse:separate; border-spacing:5px; font-size:16px;}
.pw_select_table th, .pw_select_table td{text-align:center; border-radius:10px;}
.pw_select_table th{height:40px; background-color:#e6e6e6; font-weight:400; width:33.33%;}
.pw_select_table td{height:48px; background-color:#f5f5f5;}
.pw_select_btn{display:block; margin:0 auto; background-color:#111; color:#fff; text-align:center; height:30px; line-height:29px; width:84px; border-radius:20px; font-size:14px;}

@media all and (min-width:768px){
    .pw_select_table{width:480px;}
    .pw_select_btn{width:92px;}
}