@charset "utf-8";

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* common */
.in { width: 100%; max-width: 184rem; padding:0 20px; margin: 0 auto; position:relative; }
.in2 { width: 100%; max-width: 164rem; padding:0 20px; margin: 0 auto; position:relative; }
.in3 { width: 100%; max-width: 144rem; padding:0 20px; margin: 0 auto; position:relative; }
.in4 { width: 100%; max-width: 104rem; padding:0 20px; margin: 0 auto; position:relative; }

.mo-only { display:none !important; }
.mo-over { display: block !important; }

body.scroll_none { overflow-y: hidden; }

/* root */
:root{
    --header_ht: 100px;
    
    --sect_h1: 70px;
    --sect_h2: 32px;
    --sect_h3: 20px;

    --main_tit: 5rem;
    --sub_cont_pd: 20rem;

    --main_cont_pd: 17rem;

    --blue: #0063f2;

    --awesome: 'font awesome 6 Pro';
}

#container { min-height: calc(100vh - 24rem) }

/*공통*/
.btn_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 5rem; }
.btn_wrap.center { justify-content: center; }

/*input:date*/
input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
input[type="date"] { position: relative; width: 100%; text-align: left; }
input[type="date"]:after { content: ""; position: absolute; top: 50%; right: 10px; display: inline-block; width: 18px; height: 18px; transform: translateY(-50%); pointer-events: none; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23a1a4af" viewBox="0 0 448 512"><path d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192H400V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z"/></svg>')center/contain no-repeat; }

/*inp 공통*/
.inp_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 3rem; }
.inp_wrap + .inp_wrap { margin-top: 4.7rem; }

.inp_wrap .inp_box.full { grid-column: 1 / 3; }

.inp_wrap .inp_box > .tit_box { margin-bottom: 1.5rem; }
.inp_wrap .inp_box .tit_box .tit { font-size: 1.9rem; font-weight: 600; }
.inp_wrap .inp_box .tit_box .tit .required { display: flex; align-items: flex-start; justify-content: flex-start; }
.inp_wrap .inp_box .tit_box .tit .required:before { content: '*'; margin-right: 0.3rem; color: var(--blue); }
.inp_wrap .inp_box .tit_box .tit + .desc { margin-top: 0.5rem; padding-left: 1em; font-size: 1.3rem; color: #777777; }

.inp_wrap .inp_box .inp { height: 6.5rem; line-height: 6.5rem; padding: 0 2rem; border-radius: 0.5rem; box-shadow: 0 0 0 0.8px #e6e6e6; background-color: #fff; }
.inp_wrap .inp_box .inp.focus { box-shadow: 0 0 0 0.8px #000; }
.inp_wrap .inp_box .inp input { width: 100%; height: 100%; background-color: transparent; font-size: 1.7rem; color: #000; text-align: left; }
.inp_wrap .inp_box .inp input::placeholder { color: #B6B6B6; }

.inp_wrap .inp_box .inp.text { height: auto; padding: 2rem; }
.inp_wrap .inp_box .inp.text textarea { width: 100%; height: 100%; min-height: 13rem; background-color: transparent; resize: none; border: 0; font-size: 1.7rem; }
.inp_wrap .inp_box .inp.text textarea::placeholder { color: #B6B6B6; }

.inp_wrap .inp_box .radio_box { display: flex; align-items: center; justify-content: flex-start; }
.inp_wrap .inp_box .radio_box .radio {  }
.inp_wrap .inp_box .radio_box .radio + .radio { margin-left: 1rem; }
.inp_wrap .inp_box .radio_box .radio input[type=radio] { display: none; }
.inp_wrap .inp_box .radio_box .radio label { display: inline-block; height: 4.2rem; line-height: 4.2rem; padding: 0 2rem; font-size: 1.6rem; font-weight: 600; color: #B6B6B6; border-radius: 2em; border: 1px solid #B6B6B6; cursor: pointer; transition: background-color 0.3s, color 0.3s; }
.inp_wrap .inp_box .radio_box .radio input:checked + label { background-color: #000; color: #fff; border-color: #000; }


.inp_wrap .inp_box .email_box { display: flex; align-items: center; justify-content: flex-start; }
.inp_wrap .inp_box .email_box .at { margin: 0 1.5rem; flex-shrink: 0; }
.inp_wrap .inp_box .email_box .inp { min-width: 25%; flex-shrink: 0; }
.inp_wrap .inp_box .email_box .sel { width: 100%; margin-left: 1.5rem; }
.inp_wrap .inp_box .email_box .sel .nice-select { height: 6.5rem; line-height: 6.5rem; font-size: 1.7rem; border: 0; border-radius: 0.5rem; box-shadow: 0 0 0 0.8px #e6e6e6; }
/*.inp_wrap .inp_box .email_box .sel .nice-select.open { box-shadow: 0 0 0 0.8px #000; }*/
.inp_wrap .inp_box .email_box .sel .nice-select .list { min-width: 100%; box-shadow: 0 0 0 0.8px #e6e6e6; }
.inp_wrap .inp_box .email_box .sel .nice-select .list::-webkit-scrollbar {-webkit-appearance: none;}
.inp_wrap .inp_box .email_box .sel .nice-select .list::-webkit-scrollbar:vertical {width: 5px;}
.inp_wrap .inp_box .email_box .sel .nice-select .list::-webkit-scrollbar:horizontal {height: 5px;}
.inp_wrap .inp_box .email_box .sel .nice-select .list::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .4); border-radius: 5px;}
.inp_wrap .inp_box .email_box .sel .nice-select .list::-webkit-scrollbar-track {border-radius: 10px; background-color: rgba(0, 0, 0, .1);}

.inp_wrap .inp_box .time_box { display: flex; align-items: center; justify-content: flex-start; }
.inp_wrap .inp_box .time_box .at { margin: 0 1.5rem; flex-shrink: 0; }
.inp_wrap .inp_box .time_box .inp { min-width: 35%; }

.inp_wrap .inp_box .attach_box { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
.inp_wrap .inp_box .attach_box .inp_btn_wrap{display: grid; grid-template-columns: minmax(0, 1fr) auto; flex: 1;}
.inp_wrap .inp_box .attach_box .inp { display: flex; align-items: center; width: 100%; height: auto; min-height: 6.5rem; line-height: unset;}
.inp_wrap .inp_box .attach_box .btn_wrap { margin-top: 0; margin-left: 1.5rem; flex-shrink: 0; }
.inp_wrap .inp_box .attach_box .btn { height: 6.5rem; line-height: 6.5rem; padding: 0 3rem; background-color: #fff; font-size: 1.7rem; font-weight: 600; box-shadow: 0 0 0 1px #000; border-radius: 0.5rem; flex-shrink: 0; color: #000; transition: background-color 0.5s, color 0.5s; }
.inp_wrap .inp_box .attach_box .inp_refer{position: relative; width: 100%; padding-left: 0.75em; margin-top: 0.75em; color: #717171; font-size: 1.3rem;}
.inp_wrap .inp_box .attach_box .inp_refer + .inp_refer{margin-top: 0.15em;}
.inp_wrap .inp_box .attach_box .inp_refer b{color: #000; font-weight: 500;}
.inp_wrap .inp_box .attach_box .inp_refer::before{content: '*'; position: absolute; top: 0; left: 0; color: #000;}

/*button.file { color: #fff; background-color: #7985A9; border: 1px solid #7985A9; padding: 0 20px; }
button.file:hover:not(.small) { background-color: #586385; }*/

/* 파일첨부 영역 */
.inp_wrap .inp_box .attach_box .drag_drop_wrap{position: relative; width: 60%; border: 2px dashed #DDE3EB; padding: 15px 20px; display: flex; align-items: center; justify-content: center; color: #7985A9}
.inp_wrap .inp_box .attach_box .drag_drop_wrap button{position: absolute; left: 20px; top: 50%; transform: translateY(-50%)}
.inp_wrap .inp_box .attach_box .drag_drop_wrap span{font-size: 14px; font-weight: 500}
.inp_wrap .inp_box .attach_box .drag_drop_wrap span i{font-size: 17px; margin-right: 10px}
.inp_wrap .inp_box .attach_box .file_desc{display: inline-block; margin-top: 10px; font-size: 13px; color: #484D60; font-weight: 400}
.inp_wrap .inp_box .attach_box .file_desc i{margin-right: 5px; color: #484D60}

.inp_wrap .inp_box .attach_box .file_upload_wrap{display: flex; flex-wrap: wrap; align-items: center; padding: 0.25em 0; transition: all 0.3s}
.inp_wrap .inp_box .attach_box .file_upload_wrap .uploadedCommonFile{margin: 0.5rem 1rem;}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_img{position: relative; padding-top: 73px; width: 140px; margin-right: 20px}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_name{display: flex; font-weight: 500}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_name .name{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 0.5em; font-size: 13px; color: #333; }
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_name .name span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 2px; border-bottom: 1px solid #333}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_btn{width: 120px; text-align: center}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_move{position: relative; width: 120px; min-height: 30px; text-align: center; color: #B8BED0; font-size: 18px; cursor: move}
.inp_wrap .inp_box .attach_box .file_upload_wrap .file_move i{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}


.inp_wrap .inp_box .id_box { display: flex; align-items: center; justify-content: flex-start; }
.inp_wrap .inp_box .id_box .inp { width: 100%; }
.inp_wrap .inp_box .id_box .btn { min-width: 15rem; height: 6.5rem; line-height: 6.5rem; margin-left: 1rem; flex-shrink: 0; text-align: center; box-shadow: 0 0 0 0.8px #000; border-radius: 0.5rem; color: #000; font-weight: 500; transition: background-color 0.5s, color 0.5s; }

.inp_wrap .inp_box .term_box { }
.inp_wrap .inp_box .term_box .box { box-shadow: 0 0 0 0.8px #e6e6e6; border-radius: 0.5rem; }
.inp_wrap .inp_box .term_box .box + .box { margin-top: 1.2rem; }
.inp_wrap .inp_box .term_box .box .top { display: flex; align-items: center; justify-content: space-between; padding: 2rem; cursor: pointer; }
.inp_wrap .inp_box .term_box .box .top .chk_box {  }
.inp_wrap .inp_box .term_box .box .top .arr { width: 1.5rem; height: 1.5rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>')center/contain no-repeat; transition: transform 0.3s; }
.inp_wrap .inp_box .term_box .box .top.active .arr { transform: rotate(180deg); }
.inp_wrap .inp_box .term_box .box .txt_wrap { display: none; padding: 2rem; background-color: #f8f8f8; font-size: 1.3rem; color: #777777; line-height: 1.8; border-top: 1px solid #e6e6e6; }
.inp_wrap .inp_box .term_box .chk_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; }

.inp_wrap .inp_box .phone_box { display: flex; align-items: center; justify-content: flex-start; }
.inp_wrap .inp_box .phone_box .at { margin: 0 1.5rem; flex-shrink: 0; }

.inp_wrap .inp_box .inp.pwd { position: relative; }
.inp_wrap .inp_box .inp.pwd {  }
.inp_wrap .inp_box .inp.pwd input { padding-right: 3rem; }
.inp_wrap .inp_box .inp.pwd svg { position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); }
.inp_wrap .inp_box .inp.pwd svg.correct { fill: var(--blue); }
.inp_wrap .inp_box .inp.pwd svg.wrong { fill: #EB2A2A; }

.inp_wrap .inp_box .inp.pwd.correct svg.wrong { fill: #EB2A2A; display: none; }
.inp_wrap .inp_box .inp.pwd.wrong svg.correct { fill: #EB2A2A; display: none; }

.inp_wrap .inp_box .desc_wrap { margin-top: 1rem; }
.inp_wrap .inp_box .desc { font-size: 1.3rem; color: #717171; }

/*체크박스 공용*/
.chk_box {  }
.chk_box input[type=checkbox] {  }
.chk_box input[type=checkbox] + label { display: flex; align-items: center; justify-content: flex-start; cursor: pointer; font-size: 1.6rem; font-weight: 500; }
.chk_box input[type=checkbox] + label:before { content: ''; width: 2rem; height: 2rem; margin-right: 1rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23B6B6B6" viewBox="0 0 448 512"><path d="M64 64C46.3 64 32 78.3 32 96V416c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM331.3 203.3l-128 128c-6.2 6.2-16.4 6.2-22.6 0l-64-64c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L192 297.4 308.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z"/></svg>')center/contain no-repeat; }
.chk_box input[type=checkbox]:checked + label:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>')center/contain no-repeat; }



/*헤더*/
.header { position: fixed; left: 0; top: 0; width: 100%; height: var(--header_ht); z-index: 999; transition: background-color 0.5s; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.07) 0 8px 15px; }
/*.header.fix { box-shadow: rgba(149, 157, 165, 0.07) 0px 8px 15px; }*/
/*.header:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #fff; z-index: 10; opacity: 0; transition: all 0.3s; }*/
/*.header.on:before { opacity: 1; }*/
.header .in { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0; width: 100%; max-width: 100%; height: 100%; padding: 0 7rem; align-items: center; }

.header .logo { grid-row: 1; width: 160px; }

.header .header_top{display: flex; justify-content: flex-end; grid-column: 3; grid-row: 1; margin-top: 1.75em; font-size: 1.3rem;color: #000; }
.header .header_top > a{}
.header .header_top div{display: flex; margin-left: 3.5em;}
.header .header_top div a{}
.header .header_top div a + a{position: relative; padding-left: 0.75em; margin-left: 0.75em;}
.header .header_top div a + a::before{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.5);}

.header nav {grid-column: 2; grid-row: 1; height: 100%; margin: 0 auto; font-size: 1.8rem; }
.header nav .depth1 { position: relative; display: flex; height: 100%; align-items: center; justify-content: center; z-index: 10; }
.header nav .depth1 li { position: relative; height: 100%; }
.header nav .depth1 > li{}
.header nav .depth1 > li > a { position: relative; display: flex; height: 100%; padding: 0 3.5rem 0; align-items: center; justify-content: center; color: #000; font-weight: 500; transition: padding 0.5s; }
.header.on nav .depth1 > li > a { padding: 0 5.5rem 0; }
.header nav .depth1 > li > a span { position: relative; }
.header nav .depth1 > li > a:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #0051C7; transform: translateX(-50%); transition: width 0.5s; }
.header nav .depth1 > li.active > a:before { width: 100%; }

.header nav .depth1 > li.active > a span:before { opacity: 1; transform: translate(-50%, calc(-100% - 3px)); }
.header nav .depth2 { position: absolute; left: 50%; bottom: 0; width: 100%; padding-top: 20px; transform: translate(-50%, 100%); white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: all 0.3s; transition-delay: -0.1s; z-index: 1; }
.header nav .depth2 > li > a { display: block; padding: 9px 0; font-size: 1.7rem; }
.header nav .depth2 > li.active > a { font-weight: 600; }
.header nav .depth2 > li > a > span { position: relative;  }
.header.on nav .depth2 { transition-delay: 0.1s; pointer-events: auto; opacity: 1; }
.header nav .gnb_bg { position: absolute; left: 50%; bottom: 1px; width: 100%; height: 0; background-color: #fff; transform: translate(-50%, 100%); transition: all 0.2s; }
.header.on nav .gnb_bg { height: 200px; box-shadow: rgba(149, 157, 165, 0.07) 0px 8px 15px; }

.header .right_btn{display: flex; justify-content: flex-end; grid-column: 3; grid-row: 1; height: 100%; font-size: 1.7rem; fill: #000;}
.header .right_btn .btn{ position: relative; display: flex; align-items: center; justify-content: center; font-size: 2rem; }
.header .right_btn .btn.share_btn {cursor: default}
.header .right_btn .btn a{display: flex;}
.header .right_btn .share_btn > svg{cursor: pointer}
.header .right_btn .btn + .btn{margin-left: 3.5rem}
.header .right_btn .btn > i{font-size: 20px}
.header .right_btn .btn .btn_nav {position: absolute; left: 50%; bottom: 3rem; transform: translate(-50%, 100%); padding: 1.5rem 2rem; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); text-align: left; z-index: 15; background: #0051C7; color: #fff; font-size: 1.4rem; opacity: 0; pointer-events: none; transition: all .3s}
.header .right_btn .btn .btn_nav li + li {margin-top: 0.5em}
.header .right_btn .btn .btn_nav a {white-space: nowrap; transition: font-weight 0.3s; }
.header .right_btn .btn .btn_nav a:hover { font-weight: 500; }
.header .right_btn .btn:hover .btn_nav {opacity: 1; pointer-events: auto}

.header .right_btn .search_btn{transition: fill 0.2s}
.header .right_btn .share_btn > svg{transition: fill 0.2s}
.header .right_btn .share_area{flex-direction: column; justify-content: space-around; align-items: center; flex-wrap: wrap; overflow: hidden; position: absolute; bottom:-10px; left:50%; transform: translate(-50%,100%); z-index: 3; opacity: 0; width: 65px; height:0px; padding:20px 0; background: #0051C7; pointer-events: none; border-radius: 50px; transition: height 0.5s, width 0s ease-in-out, opacity 0.5s}
.header .right_btn .share_area.on{opacity: 1; height:275px; pointer-events: inherit}
.header .right_btn .share_area .a_box{display: block; width:100%; padding:0; background: none; border-radius: 0}
.header .right_btn .share_area .a_box a{display: block; opacity: 0.6; padding: 12px 0; color: #fff; text-align: center; transition: 0.2s ease-in-out; line-height: 1}
.header .right_btn .share_area .a_box a svg{fill: #fff; height: 20px}
.header .right_btn .share_area .a_box a.share svg{height: 18px}

.header .ham_btn_box { display: none; }

.search_modal{display: flex; justify-content: center; position: fixed; top: 0; left: 0; opacity: 0; width: 100%; height: 29%; padding-top: 16rem; background-color: rgba(0,81,199,1); pointer-events: none; transition: all .3s; z-index: 40;}
.search_modal.on{opacity: 1; pointer-events: auto}
.search_modal .close_btn{position: absolute; top: 50px; right: 50px; color: #fff; font-size: 40px}
.search_modal .cont{width: 500px; max-width: 100%; padding: 0 20px; color: #fff}
.search_modal .cont .sea_box{display: flex; padding-bottom: 5px; border-bottom: 2px solid #fff;}
.search_modal .cont .sea_box .inp{flex: 1}
.search_modal .cont .sea_box .inp input{width: 100%; background-color: transparent; font-size: 24px; font-weight: 500; color: #fff; }
.search_modal .cont .sea_box .inp input::placeholder{color: rgba(255,255,255,0.7)}
.search_modal .cont .sea_box .btn{font-size: 32px}
.search_modal .cont .sea_box .btn svg{fill: #fff}
.search_modal .cont .sea_tag{margin-top: 30px; display: none; }
.search_modal .cont .sea_tag .btn{display: block; font-size: 16px; font-weight: 600}
.search_modal .cont .sea_tag .btn + .btn{margin-top: 10px}


/*모바일 메뉴*/
.header .ham_menu { display: none; position: fixed; left: 100%; top: 0; width: 100%; height: 100%; background-color: #0051C7; color: #fff; transition: all 0.5s ease-in-out; z-index: 9999; overflow-y: auto; }
.header.on .ham_menu { left: 0; }
.header .ham_menu .close_btn { width: 100%; text-align: right; }
.header .ham_menu .close_btn button { width: 50px; height: 50px; color: #fff; font-size: 20px; }

.header .ham_menu .quick_wrap {  border-bottom: 8px solid rgba(255,255,255,0.2); }
.header .ham_menu .quick_wrap .tit { margin-bottom: 20px; padding: var(--ham_pd); font-size: 16px; font-weight: 700; font-family: var(--serif) }
.header .ham_menu .quick_wrap .quick { display: flex; width: 100%;  align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.header .ham_menu .quick_wrap .quick > li { width: 20%; }
.header .ham_menu .quick_wrap .quick > li a { display: flex; height: 88px; padding: 20px 20px 15px; align-items: center; justify-content: center; flex-direction: column;  }
/*.header .ham_menu .quick_wrap .quick > li:nth-of-type(1) a,*/
/*.header .ham_menu .quick_wrap .quick > li:nth-of-type(2) a,*/
/*.header .ham_menu .quick_wrap .quick > li:nth-of-type(3) a { border-bottom: 1px solid rgba(255,255,255,0.2); }*/
/*.header .ham_menu .quick_wrap .quick > li:nth-of-type(5) a { border-right: 0; }*/

.header .ham_menu .quick_wrap .quick > li a .icon i { font-size: 20px; opacity: 0.4; }
.header .ham_menu .quick_wrap .quick > li a .icon img { width: 23px; opacity: 0.4; }
.header .ham_menu .quick_wrap .quick > li a .txt { margin-top: 10px; }

.header .ham_menu .menu {  }
.header .ham_menu .menu .depth1 { border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 16px; }
.header .ham_menu .menu .depth1 > a { position: relative; display: flex; width: 100%; padding: 20px 20px; flex: 1; align-items: center; justify-content: space-between; }
.header .ham_menu .menu .depth1 > a span:not(.arr) { position: relative; }
.header .ham_menu .menu .depth1.active  > a span:not(.arr):before { content: ''; position: absolute; left: -10px; top: -5px; width: 4px; height: 4px; border-radius: 100%; background-color: #fff; }
.header .ham_menu .menu .depth1 .arr i { color: #fff; transition: all 0.3s; }
.header .ham_menu .menu .depth1 .on .arr i { transform: rotate(180deg); }

.header .ham_menu .menu .depth2 { display: none; position: relative; padding: 20px 20px 20px 30px; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.6); }
.header .ham_menu .menu .depth2 > li + li { margin-top: 20px; }
.header .ham_menu .menu .depth2 > li.active a { color: rgba(255,255,255,1); }

/*퀵메뉴*/
.navigation { position: fixed; top: 60%; transform: translateY(-50%); right: 40px; width: 90px; z-index: 200; transition: 0.5s ease-in-out; opacity: 0; pointer-events: none;}
.navigation.show { opacity: 1; pointer-events: inherit; top:50% }
.navi_bg { background: #002749; border-radius: 55px; padding: 45px 0 30px; overflow: hidden; }
.navi_bg li a { padding: 0 20px; }
.navi_bg li.top { position: relative; margin-top: 20px; padding-top: 30px; border-radius: 50% 50% 0 0; background-color: #006699; cursor: pointer; }
.navi_bg li.top:before { content: ''; position: absolute; left: 0; bottom: 5px; width: 100%; height: 100%; background-color: #006699; transform: translate(0, 100%); }
.navi_bg li + li { margin-top: 40px; }
.navi_bg i { font-size: 25px; color: #fff; display: block; text-align: center; opacity: 0.3; transition: all 0.3s; }
.navi_bg .ico_tit { font-size: 13px; margin: 8px auto 0; color:#fff; display: block; text-align: center; font-weight: 400; line-height: 2; }
.navi_bg a { display: block; width:100%; text-align: center; }
.navi_bg img { width: 26px; opacity: 0.3; transition: all 0.3s; }
.navi_bg a i, .navi_bg a img {transition: 0.3s ease-in-out;}

/*모바일 퀵메뉴*/
.mo_navi { display: none; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #12a4bc; z-index: 900; border-radius: 20px 20px 0 0; }
.mo_navi ul { display: flex; width: 100%; align-items: center; justify-content: center; color: #fff; }
.mo_navi ul li { width: calc(100%/3); }
.mo_navi ul li a { display: flex; width: 100%; align-items: center; justify-content: center; min-height: 65px; }
.mo_navi ul li + li a { border-left: 1px solid rgba(255,255,255,0.2); }
.mo_navi ul li a .txt { margin-right: 15px; font-size: 15px; }
.mo_navi ul li a .ico { position: relative; top: 2px; opacity: 0.5; }
.mo_navi ul li a .ico i { font-size: 20px; }
.mo_navi ul li a .ico img { width: 25px; }


/*푸터*/
.footer {position: relative; padding: 45px 0 80px; background-color: #1F2024;}
.footer .in {display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: flex-start; }
.footer .in .logo { width: 16rem; margin-right: 5rem; }
.footer .ft_cont{display: flex; justify-content: space-between;}
.footer .ft_cont > div{display: flex; flex-direction: column; justify-content: space-between;}
.footer .ft_cont .ft_left{color: #BCBCBC; font-size: 1.4rem;}
.footer .ft_cont .ft_left ul{display: flex; flex-wrap: wrap; max-width: 56rem;}
.footer .ft_cont .ft_left ul li{margin: 0 2em 0.75em 0; font-weight: 300;}
.footer .ft_cont .ft_left ul li b{margin-right: 0.5em; font-weight: 700;}
.footer .ft_cont .ft_left p{margin-top: 4rem; font-weight: 600;}
.footer .ft_cont .ft_right{align-items: flex-end;}
.footer .ft_cont .ft_right > ul{display: flex;}
.footer .ft_cont .ft_right > ul > li{color: #878787; font-size: 1.5rem;}
.footer .ft_cont .ft_right > ul > li + li{margin-left: 2em;}
.footer .ft_cont .ft_right > ul > li a{display: flex; align-items: center; font-weight: 600;}
.footer .ft_cont .ft_right > ul > li a svg{fill: #878787; margin-left: 0.25em; transition: transform 0.5s; }
.footer .ft_cont .ft_right > ul > li.priv a{color: #fff;}
.footer .ft_cont .ft_right > ul > li.priv a svg{fill: #fff;}
.footer .ft_cont .ft_right .nice-select { min-width: 20rem; border-radius: 0; background-color: #393939; border: 0; color: #fff; }
.footer .ft_cont .ft_right .nice-select .list { min-width: 100%; top: auto; width: calc(100% - 1px); bottom: 100%; transform: translateY(21px); background-color: #393939; border-radius: 0; }
.footer .ft_cont .ft_right .nice-select:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>')center/contain no-repeat; }

.footer .ft_cont .ft_right .nice-select .option.focus,
.footer .ft_cont .ft_right .nice-select .option.selected.focus { background-color: #0051C7; }
.footer .ft_cont .ft_right .nice-select.open .list{transform: scale(1) translateY(0);}

.footer .top_btn_box.ft { display: none; position: absolute; right: 15px; top: 0; transform: translateY(-50%); z-index: 10; }
.footer .top_btn_box.ft .top_btn { width: 50px; height: 50px; background-color: #333; border-radius: 50%; }
.footer .top_btn_box.ft .top_btn i { font-size: 20px; }

.fix_btn_box {position: fixed; right: 30px; bottom: 30px; opacity: 0; z-index: 100; transition: all .3s}
.fix_btn_box.show{opacity: 1; visibility: visible;}
.fix_btn_box .menu_btn_box {display: flex; align-items: center; justify-content: center; position: relative; width: 2em; padding: 1em 0; background: #fff; font-size: 3.5rem; text-align: center; border-radius: 50px; box-shadow: 0 9px 80px rgba(144, 144, 144, 0.14); transition: all .3s;}
.fix_btn_box .menu_btn_box ul{width: 100%;}
.fix_btn_box .menu_btn_box ul li + li {margin-top: 4.5rem;}
.fix_btn_box .menu_btn_box ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap}
.fix_btn_box .menu_btn_box ul li span{display: block; margin-top: 1em; font-size: 1.3rem;}
.fix_btn_box .menu_btn_box ul li svg{opacity: 0.2; font-size: 2.5rem; transition: opacity 0.2s;}

.fix_btn_box .top_btn_box {margin-top: 10px;}
.fix_btn_box .top_btn {display: flex; align-items: center; justify-content: center; z-index: 200; width: 2em; height: 2em; background: #000; font-size: 3.5rem; border-radius: 50%; box-shadow: 0 9px 80px rgba(144, 144, 144, 0.14); transition: all .3s}
.fix_btn_box .top_btn svg{ font-size: 2.5rem; fill: #fff;}

/*=====로그인=====*/
/*헤더*/
#main.login .header,
#sub.join .header {background: #fff;}
#main.login .header .header_top,
#sub.join .header .header_top {color: #000;}
#main.login .header nav .depth1 > li > a,
#sub.join .header nav .depth1 > li > a {color: #000;}
#main.login .header .right_btn,
#sub.join .header .right_btn {fill: #000;}
/*#main.login .sub_container,*/
/*#sub.join .sub_container {padding-top: var(--header_ht);}*/

.login_container { max-width: 54rem; margin: var(--header_ht) auto 0; padding: 12rem 20px 24rem; }
.login_container > .tit_box { text-align: center; }
.login_container > .tit_box .tit { font-size: 5.5rem; font-weight: 700; }
.login_container > .tit_box .txt { margin-top: 1.5rem; font-size: 2rem; }

.login_container .login_inp { margin-top: 6rem; }
.login_container .login_inp .inp { display: flex; align-items: center; justify-content: flex-start; height: 6.5rem; padding: 0 2rem; border: 1px solid #e6e6e6; border-radius: 0.5rem; }
.login_container .login_inp .inp + .inp { margin-top: 1.5rem; }
.login_container .login_inp .inp .ico { display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; font-size: 1.8rem; flex-shrink: 0; fill: #B6B6B6; }
.login_container .login_inp .inp input { width: 100%; height: 100%; background-color: transparent; }
.login_container .login_inp .inp input::placeholder { color: #B6B6B6; }

.login_btn_wrap { margin-top: 1.5rem; }
.login_btn_wrap .login_btn { display: block; width: 100%; height: 6.5rem; line-height: 6.5rem; border: 1px solid transparent; background-color: #000; color: #fff; border-radius: 0.5rem; font-weight: 600; text-align: center; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; }
.login_btn_wrap .login_btn + .login_btn { margin-top: 1.5rem; }
.login_btn_wrap .login_btn.wh { background-color: #fff; border: 1px solid #000; color: #000; }

.login_container .login_util { display: flex; align-items: center; justify-content: center; margin-top: 2.5rem; }
.login_container .login_util .util { font-size: 1.7rem; font-weight: 500; color: #B6B6B6; transition: color 0.3s; }
.login_container .login_util .util + .util { position: relative; margin-left: 32px; }
.login_container .login_util .util + .util:before { content: ''; position: absolute; left: -16px; top: 50%; height: 80%; border-left: 1px solid #B6B6B6; transform: translateY(-50%); }

.login_container .login_desc { margin-top: 6rem; font-size: 1.4rem; color: #b6b6b6; text-indent: -0.8em; padding-left: 0.8em }
.login_container .login_desc a { text-decoration: underline #b6b6b6; }

/*회원가입*/
.sub_container.join .sub_top_wrap { display: none; }
.sub_container.join .sub_top_wrap .img { display: none; }

.join_container { max-width: 84rem; padding: 12rem 2rem; margin: 0 auto; }
.join_container .top_tit { text-align: center; }
.join_container .top_tit .tit { font-size: 5.5rem; font-weight: 700; }
.join_container .top_tit .tit + .txt { margin-top: 1.5rem; }
.join_container .top_tit .txt { font-size: 2rem; }

.join_container .step_wrap { display: flex; align-items: flex-end; justify-content: flex-start; margin: 9rem 0; }
.join_container .step_wrap .step { width: 100%; color: #B6B6B6; }
.join_container .step_wrap .step .num { font-size: 1.5rem; }
.join_container .step_wrap .step .tit { font-size: 1.8rem; font-weight: 600; }
.join_container .step_wrap .step .line { position: relative; width: 100%; height: 3px; margin-top: 2.5rem; background-color: #F7F7F7;  }
.join_container .step_wrap .step .line:before { content: ''; position: absolute; left: 0; top: 50%; width: 0.8rem; height: 0.8rem; border-radius: 100%; background-color: #B6B6B6; transform: translate(-50%, -50%); }
.join_container .step_wrap .step.active {  }
.join_container .step_wrap .step.active .num { color: var(--blue); font-weight: 500; }
.join_container .step_wrap .step.active .tit { color: #000; }
.join_container .step_wrap .step.active .line:before { background-color: var(--blue); }
.join_container .step_wrap .step .line.active { background-color: var(--blue); }

.join_container .verification_wrap .ico { display: flex; align-items: center; justify-content: center; width: 22rem; height: 22rem; margin: 0 auto; border-radius: 100%; background-color: #F7F7F7; }
.join_container .verification_wrap .ico svg { position: relative; right: -5px; width: 50%; height: 50%; }

.join_container .login_btn_wrap { max-width: 48rem; margin: 4rem auto 0; }

.join_container .join_wrap .btn_wrap { margin-top: 10rem; }

/*모달 기본css*/
.modal {opacity: 0; pointer-events: none; transition: 0.3s ease-in-out; position: fixed; top:0; left:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; width:100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; display: block; padding: 80px 0; overflow: auto}
.modal.open {opacity: 1; pointer-events: inherit; }
.modal .modal_wrap {display: table;margin: 0 auto;width: 100%;height: 100%;position: relative; padding:  0 20px;table-layout: fixed;vertical-align: middle}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}

.modal_cont { position: relative; max-width: 70rem; margin: 0 auto; padding: 6rem; background-color: #fff; }

.modal_cont .modal_top { margin-bottom: 6rem; text-align: center; }
.modal_cont .modal_top .tit { font-size: 3rem; font-weight: 600; }
.modal_cont .modal_top .tit + .txt { margin-top: 1.5rem; color: #191A1B; }
.modal_cont .modal_top .cls_btn { position: absolute; right: 3rem; top: 3rem; width: 2.2rem; height: 2.2rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>')center/contain no-repeat; }

.modal_cont .modal_tab { display: flex; align-items: center; justify-content: flex-start; }
.modal_cont .modal_tab .tab { width: 100%; padding-bottom: 2rem; font-size: 1.7rem; font-weight: 600; color: #B6B6B6; border-bottom: 2px solid #B6B6B6; transition: color 0.3s, border 0.3s; }
.modal_cont .modal_tab .tab.active { color: #000; border-color: #000; }

.modal_cont .login_btn_wrap { margin-top: 4.5rem; }

/*=====아이디/비밀번호 찾기 모달=====*/
.modal_cont.join { max-width: 60rem; }

.modal_cont.find .cont { margin: 4rem 0 0; }

.modal_cont.find .cont .find_id { text-align: center; }
.modal_cont.find .cont .find_id .ico { display: flex; align-items: center; justify-content: center; width: 14rem; height: 14rem; margin: 0 auto; background-color: rgba(0,99,242,0.05); border-radius: 100%; }
.modal_cont.find .cont .find_id .ico svg { position: relative; right: -5px; width: 50%; height: 50%; }
.modal_cont.find .cont .find_id .txt { margin-top: 1.5rem; }
.modal_cont.find .cont .find_id .txt b { font-weight: 600; }

.modal_cont.find .cont .result { padding: 2.5rem 3rem; background-color: #F7F7F7; border-radius: 0.5rem; text-align: left; }
.modal_cont.find .cont .result .li { display: grid; grid-template-columns: 20% minmax(0, 1fr); gap: 1rem; font-size: 1.7rem; }
.modal_cont.find .cont .result .li + .li { margin-top: 1.5rem; }
.modal_cont.find .cont .result .li .tit { font-size: 1.5rem; font-weight: 600; color: #717171; }

.modal_cont.find .cont .chg_pw > .txt { margin-bottom: 3rem; text-align: center; }

/*상담챗*/
.dIkpba { right: 6.5% !important; bottom: 4.5% !important; }

/*호버스타일*/
@media (min-width: 1024px){
    .header nav .depth1 > li:hover > a span:before { opacity: 1; transform: translate(-50%, calc(-100% - 3px)); }
    .header nav .depth2 > li > a:hover { font-weight: 600; }
    .header nav .depth2 > li > a:hover > span:before { width: 100% }
    
    .header .right_btn .share_area .a_box a:hover { opacity: 1; }

    .header .share_wrap .share_pop a:hover img { opacity: 1; }
    .header .share_wrap .share_pop a:hover i { opacity: 1; }

    .header .share_wrap button:hover {}

    .navi_bg a:hover i { opacity: 1; }
    .navi_bg a:hover img { opacity: 1; }

    .navi_bg .top:hover .top_btn i { opacity: 1; }

    .ft_left .sns_wrap .sns.blog:hover { background: url('../../inc/img/common/blog_b.svg')center/contain no-repeat; }
    .ft_left .sns_wrap .sns.kakao:hover { background: url('../../inc/img/common/kakao_b.svg')center/contain no-repeat; }
    .ft_left .sns_wrap .sns.youtube:hover { background: url('../../inc/img/common/youtube_b.svg')center/contain no-repeat; }
    .ft_left .sns_wrap .sns.insta:hover { background: url('../../inc/img/common/insta_b.svg')center/contain no-repeat; }

    .inp_wrap .inp_box .radio_box .radio input:hover + label { background-color: #000; color: #fff; border-color: #000; }
    .inp_wrap .inp_box .attach_box .btn:hover { background-color: #000; color: #fff; }
    .inp_wrap .inp_box .id_box .btn:hover { background-color: #000; color: #fff; }

    .header nav .depth1 > li > a:hover:before { width: 100%; }

    .footer .ft_cont .ft_right > ul > li a:hover svg { transform: translate(2px, -2px); }
    .footer .ft_cont .ft_right .nice-select .option:hover { background-color: #0051C7; }

    .fix_btn_box .menu_btn_box ul li a:hover svg { opacity: 1; }
    .fix_btn_box .top_btn:hover { box-shadow: none; background: var(--blue); color: #fff; }

    .modal_cont .modal_tab .tab:hover { color: #000; border-color: #000; }

    .login_container .login_util .util:hover { color: #000; }
    .login_btn_wrap .login_btn:hover { background-color: #fff; color: #000; box-shadow: 0 0 0 0.8px #000; }

}


/*------------- 반응형 ---------------*/

@media screen and (min-width: 2801px) {
    html{ font-size: 10.5px; }
}

@media (max-width: 2400px){
    html { font-size: 9px; }
}

/*1640px - 1241px*/
@media screen and (max-width: 1640px){
    :root {
        --main_tit: 4rem;

        --sect_h1: 50px;
        --sect_h2: 24px;
        --sect_h3: 18px;
    }

    .header.on nav .depth1 > li > a { padding: 0 4.5rem 0; }
}

/*1240px - 769px*/
@media (max-width: 1240px) {

    :root {
        --main_cont_pd: 12rem;

        --main_tit: 3.5rem;

        --sub_cont_pd: 10rem;

        --sect_h1: 42px;
        --sect_h2: 24px;
        --sect_h3: 18px;
    }

    .header .in { padding: 0 20px; }

    /*헤더 및 퀵메뉴 변경*/
    .navigation { display: none; }
    .header nav { display: none; }

    .header .ham_btn_box { position: relative; display: flex; margin-left: 25px; align-items: center; justify-content: center; }
    .header .ham_btn_box button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
    .header .ham_btn_box button svg { font-size: 1.25em; }
    .header .ham_btn_box .ham_btn {  }

    .header .ham_menu { display: block; }

    /*모바일 퀵메뉴*/
    .mo_navi { display: block; }
    .fix_btn_box {  }
    .fix_btn_box .menu_btn_box { width: 7rem; padding: 0.9em 0; }
    .fix_btn_box .top_btn { width: 7rem; height: 7rem; }

    .fix_btn_box .menu_btn_box ul li svg { font-size: 2.5rem; }

}

/*768 - */
@media (max-width: 768px) {

    html { font-size: 8px; }
    body { font-size: 14px; }

    :root {
        --header_ht: 60px;
        --main_cont_pd: 80px;

        --main_tit: 30px;

        --sub_cont_pd: 80px;

        --sect_h1: 30px;
        --sect_h2: 20px;
        --sect_h3: 16px;
    }

    .mo-only { display: block !important; }
    .mo-over { display: none !important; }

    .container { margin-top: 60px; }
    .header { height: 60px; }
    .header .logo { width: 100px; }
    .header .right_btn .btn,
    .header .ham_btn_box button svg { font-size: 17px; }
    .header .right_btn .btn + .btn { margin-left: 25px; }
    .header .ham_btn_box { height: 60px; }

    .header .share_wrap .share_pop a img { width: 21px; }
    .header .share_wrap .share_pop a:nth-child(1) img { width: 11px; }
    .header .share_wrap i { font-size: 19px; }

    .header .right_btn .share_area { width: 55px; padding: 10px 0; }
    .header .right_btn .share_area.on { height: 255px; }
    .header .right_btn .btn:hover .btn_nav { bottom: 0; }

    /*quick*/
    .fix_btn_box { display: none; right: 10px; bottom: 10px; }
    .fix_btn_box .menu_btn_box { width: 60px; padding: 0.85em 0; }
    .fix_btn_box .menu_btn_box ul li + li { margin-top: 2.5rem; }
    .fix_btn_box .menu_btn_box ul li svg { font-size: 2.5rem; }
    .fix_btn_box .menu_btn_box ul li span { margin-top: 8px; }

    .fix_btn_box .top_btn_box { margin-top: 10px; }
    .fix_btn_box .top_btn { width: 60px; height: 60px; font-size: 20px; }

    /*footer*/
    .footer { padding: 40px 0; }
    .footer .in { grid-template-columns: minmax(0, 1fr); gap: 20px 0; }
    .footer .in .logo{width: 12rem;}
    .footer .ft_cont { flex-direction: column; }
    .footer .ft_cont .ft_right { order: 1; align-items: flex-start }
    .footer .ft_cont .ft_right > ul { margin-bottom: 20px; }
    .footer .ft_cont .ft_left { order: 2; margin-top: 20px; }
    .footer .ft_cont .ft_left p { margin-top: 10px; }
    .footer .ft_cont .ft_left ul li { margin: 0 20px 7px 0; }


    /*login*/
    .login_container { margin: 0 auto; padding: 60px 20px 80px; }
    .login_container > .tit_box .tit { font-size: 30px; }
    .login_container > .tit_box .txt { margin-top: 5px; }

    .login_container .login_inp .inp { height: 45px; line-height: 45px; }
    .login_container .login_util .util { font-size: 12px; }
    .login_container .login_util .util + .util { margin-left: 22px; }
    .login_container .login_util .util + .util:before { left: -11px; }
    .login_btn_wrap .login_btn { height: 45px; line-height: 45px; }

    .login_container .login_desc { margin-top: 3rem; font-size: 10px; }

    /*회원가입*/
    .join_container { padding: 60px 20px 80px; }
    .join_container .step_wrap { margin: 50px 0; }
    .join_container .verification_wrap .ico { width: 15rem; height: 15rem; }
    .join_container .top_tit .tit { font-size: 30px; }
    .join_container .top_tit .tit + .txt { margin-top: 5px; }


    /*인풋 공용*/
    .inp_wrap { margin-top: 25px; grid-template-columns: minmax(0, 1fr); gap: 25px 0; }
    .inp_wrap + .inp_wrap { margin-top: 25px; }
    .inp_wrap .inp_box .inp { height: 45px; line-height: 45px; padding: 0 10px; }
    .inp_wrap .inp_box .inp input { font-size: 14px; }
    .inp_wrap .inp_box .inp.text textarea { font-size: 14px; }
    .inp_wrap .inp_box .attach_box .inp{min-height: 45px; padding: 0 10px;}
    .inp_wrap .inp_box .tit_box .tit { font-size: 15px; }
    .inp_wrap .inp_box .tit_box .tit + .desc { font-size: 11px; }
    .inp_wrap .inp_box .desc { font-size: 11px; }

    .inp_wrap .inp_box .radio_box { width: calc(100% + 40px); margin-left: -20px; padding: 0 20px; overflow: auto; }
    .inp_wrap .inp_box .radio_box::-webkit-scrollbar { display: none; }
    .inp_wrap .inp_box .radio_box .radio { white-space: nowrap; padding: 1px 2px; }

    .inp_wrap .inp_box .email_box { flex-wrap: wrap; }
    .inp_wrap .inp_box .email_box .inp { width: calc(50% - 14px); min-width: unset; }
    .inp_wrap .inp_box .email_box .at { margin: 0 7px; }
    .inp_wrap .inp_box .email_box .sel { width: 100%; margin-left: 0; margin-top: 15px; }
    .inp_wrap .inp_box .email_box .sel .nice-select { height: 45px; line-height: 45px; font-size: 14px; }

    .inp_wrap .inp_box .attach_box .btn { height: 45px; line-height: 45px; font-size: 13px; }
    .inp_wrap .inp_box .attach_box .inp_refer { font-size: 11px; }

    .inp_wrap .inp_box .time_box .inp { width: 100%; }
    .inp_wrap .inp_box .time_box .at { margin: 0 7px; }

    .inp_wrap .inp_box .term_box .box .top { padding: 15px 10px; }
    .inp_wrap .inp_box .term_box .box .txt_wrap { font-size: 11px; }

    .inp_wrap .inp_box .id_box .btn { min-width: 70px; height: 45px; line-height: 45px; font-size: 12px; }

    .inp_wrap .inp_box .phone_box .at { margin: 0 7px; }

    .inp_wrap .inp_box .inp.pwd svg { right: 15px; }

    input[type="date"]:after { right: 0; width: 15px; height: 15px; }

    .chk_box input[type=checkbox] + label { font-size: 13px; }


    /*모달*/
    .modal_cont { padding: 30px; }
    .modal_cont .modal_top { margin-bottom: 35px; }
    .modal_cont .modal_top .tit { font-size: 20px; }


    /*아이디 찾기*/
    .modal_cont.find .cont .chg_pw > .txt { word-break: keep-all; }


    /*통합검색*/
    .search_modal { height: auto; padding: 10rem 0; }
    .search_modal .close_btn { top: 20px; right: 20px; font-size: 20px; }
    .search_modal .cont .sea_box .inp input { font-size: 13px; }
    .search_modal .cont .sea_box .btn { font-size: 20px; }


}







.hidden {
    display: none;
}

.commonFileDeleteBtn {
    margin-left: 5px;
    color: #ff6b6b;
}