/******************************************
   name :  comm.css
   auth :  INCLPRESS
   date :  2025.07.22
   desc :  Comm css
*******************************************/

/*
Modal
bg 1000,
modal : 1100
head : 500
left,right 400 ->1050;
*/

@charset "UTF-8";

@font-face{
    font-family: "Pretendard";
    src: url(/insquote/include/fonts/Pretendard-Bold.woff2) format('woff2'), url(/insquote/include/fonts/Pretendard-Bold.woff) format('woff');
    font-weight: 700;
}
@font-face{
    font-family: "Pretendard";
    src: url(/insquote/include/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(/insquote/include/fonts/Pretendard-SemiBold.woff) format('woff');
    font-weight: 600;
}
@font-face{
    font-family: "Pretendard";
    src: url(/insquote/include/fonts/Pretendard-Medium.woff2) format('woff2'), url(/insquote/include/fonts/Pretendard-Medium.woff) format('woff');
    font-weight: 500;
}
@font-face{
    font-family: "Pretendard";
    src: url(/insquote/include/fonts/Pretendard-Regular.woff2) format('woff2'), url(/insquote/include/fonts/Pretendard-Regular.woff) format('woff');
    font-weight: 400;
}
@font-face{
    font-family: "Pretendard";
    src: url(/insquote/include/fonts/Pretendard-Light.woff2) format('woff2'), url(/insquote/include/fonts/Pretendard-Light.woff) format('woff');
    font-weight: normal;
}

@font-face{
    font-family: "Poppins";
    src: url(/insquote/include/fonts/Poppins-Bold.ttf);
    font-weight: 700;
}
@font-face{
    font-family: "Poppins";
    src: url(/insquote/include/fonts/Poppins-SemiBold.ttf);
    font-weight: 500;
}
@font-face{
    font-family: "Poppins";
    src: url(/insquote/include/fonts/Poppins-Regular.ttf);
    font-weight: normal;
}

/*******************************
    RESET
********************************/

*{ box-sizing:border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;
}

html, body{ 
    width:100%; height:100%; font-family:"Pretendard"; min-width:360px; background:#F6F6F6; color:#000000;
}

body{overscroll-behavior-y:contain;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul{ list-style: none; }

button{cursor:pointer;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: "";  content: none; }

table{ border-collapse:collapse; border-spacing:0; }
input{ 
    outline: none; appearance:none;  -webkit-appearance:none;  -moz-appearance:none;  -webkit-border-radius:0; border-radius: 0; 
}

input::placeholder { color: #CCC; }
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear{ display:none; }

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
.select{
    border-radius:4px; border:1px solid #ECECEC; background:#FFF url(/insquote/images/comm/ic_select_arr2.svg) center right 15px no-repeat; 
    display:flex; width:260px; height:40px; padding:10px; padding-right:24px; align-items:center; gap:10px;
    flex-shrink:0; font-size:14px; font-style:normal; font-weight:400;
    line-height:normal; letter-spacing:-0.28px; color:#000;
}
.select::placeholder{ color:#CCC; }
a { text-decoration:none; }
/* p { word-break: break-all; } */

.view_df_pc{display:initial;}
.view_df_mo{display:none !important;}

.no_select{ -ms-user-select: none;  -moz-user-select: none;  -webkit-user-select: none;  -khtml-user-select: none; user-select: none; }

.color_df_error{ color:#FF0000 !important; }
.color_df_true{ color:#1BD396 !important; }
.color_df_blue{ color:#4C79F4 !important; }

.bold_df{font-weight:700;}

.btn_df_black {
    display:inline-flex; align-items:center; justify-content: center;
    height:40px; padding: 0 12px; border-radius: 4px; background: #000;
    color: #FFF; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; border: 0;
}
.btn_df_black:disabled { background: #D2D4D7; color: #ADADAD; border: 0; }

.btn_df_white {
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 4px; border: 1px solid #000; background: #FFF; color: #000; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; height: 40px; padding: 0 12px;
}
.btn_df_white:disabled { border-color:#eeeeee; background:#eeeeee; color:#aaaaaa; }

.btn_df_select{
    width:100%; height:45px; border-radius:4px; background:#ffffff; cursor:pointer;
    box-shadow:0px 4px 11px 0px rgba(0, 0, 0, 0.05); border:0; font-size:14px; font-weight:600; letter-spacing:-0.28px; padding:0 12px; box-sizing:border-box !important;
    -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; user-select:none;
    /* margin-bottom:8px !important; */
}

.btn_df_select.active.colored{
    border: 2px solid #5A7EE9 !important; background:#ffffff; color: #000;
}

.btn_df_select.active{
    color:#ffffff;  background:radial-gradient(54.1% 81.63% at 49.84% 100%, #7FC6FF 0%, #5A7EE9 100%);
}

.btn_df_round {
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:40px; border:1px solid #000; background:#FFF; color:#000; font-size:14px; font-weight:600; letter-spacing:-0.28px; height:40px; padding:0 12px;
}

.input_df_01 {
    display:inline-flex;align-items: center;
    min-width:20px; border-radius: 4px; border:1px solid #ECECEC; background:#FFF; color:#000; 
    font-size:14px; font-weight:400; letter-spacing:-0.28px; height:40px; padding:0 10px;
}
.input_df_01::placeholder { color: #CCC; }
.input_df_01:focus { border-color: #4C79F4; }
.input_df_01.error_box{ border:1px solid #e32d1d; }
.input_df_01:disabled { background:#eeeeee; border-color:#eeeeee; color:#aaaaaa; }

.textarea_df_01 {
    font-family:"Pretendard";
    display: inline-flex; align-items: center; gap: 10px;
    flex: 1 0 0; resize: none;
    min-width:20px; border-radius: 4px; border:1px solid #ECECEC; background:#FFF; color:#000; 
    font-size: 14px; font-weight: 400; letter-spacing: -0.28px; height:40px; padding: 10px;
}
.textarea_df_01::placeholder { color: #CCC; }
.textarea_df_01:focus { outline:none; border:1px solid #4C79F4; }

.check_df_01{
    position:relative; display:inline-block; padding:1px 0 0 30px; cursor:pointer; font-size:inherit; line-height:24px; vertical-align:top;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.check_df_01 input{ position:absolute; opacity:0; cursor:pointer; height:0; width:0; margin:0; padding:0; }
.check_df_01 .checkmark{
    position:absolute; width:24px; height:24px; border-radius:3px; top:0; left:0; background:#ffffff;
    border:1px solid #000000;
}

.check_df_01 input:checked ~ .checkmark:after{ display: block; }
.check_df_01 input:disabled ~ .checkmark{ background:#eeeeee; border:1px solid #bbbbbb; }
.check_df_01 .checkmark:after {
    display:none; content: ""; position: absolute; width:24px; height:24px; border-radius:3px; border:0;
    top:-1px; left:-1px; background: url("/insquote/images/comm/ic_checkbox_ac.svg") no-repeat center #000000;
}
.check_df_01.disabled{color:#aaaaaa;}
.check_df_01.disabled .checkmark{ background:#fafafa; }

.check_df_02 input { display: none; }
.check_df_02 .checkmark { display: block; border-radius: 4px; width:24px; height:24px; border:1px solid #000; background-color: #fff; }
.check_df_02 :checked + .checkmark { background: #000 url(/insquote/images/comm/ic_checkbox_ac.svg) center no-repeat; }


.radio_df_01{
    position:relative; display:inline-block; padding:1px 0 0 30px; cursor:pointer; font-size:inherit; line-height:24px; vertical-align:top;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.radio_df_01 input[type="radio"]{ position:absolute; opacity:0; cursor:pointer; height:0; width:0; margin:0; padding:0; }
.radio_df_01 .checkmark{ position:absolute; width:24px; height:24px; top:0; left:0; border:1px solid #000000; border-radius:50%; }
.radio_df_01:hover input[type="radio"] ~ .checkmark{ color:inherit; }
.radio_df_01 input[type="radio"]:checked ~ .checkmark{ color:inherit; }
.radio_df_01 input[type="radio"]:checked ~ .checkmark:after{ display: block; }
.radio_df_01 input[type="radio"]:disabled ~ .checkmark{ background:#eeeeee; border:1px solid #bbbbbb; }
.radio_df_01 .checkmark:after{
    position:absolute; display:none; content: ""; width:24px; height:24px; border-radius:50%; border:8px solid #000000;
    top:-1px; left:-1px; box-sizing: border-box;
}

.radio_df_02{
    position:relative; display:flex; justify-content:flex-start; align-items:center; cursor:pointer;font-size:inherit; line-height:15px; vertical-align:middle;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.radio_df_02 input[type="radio"]{ position:absolute; opacity:0; cursor:pointer; height:0; width:0; margin:0; padding:0; }
.radio_df_02 .checkmark{ display:flex; align-items:center; width:24px; height:24px; border:1px solid #000000; border-radius:100%; box-sizing: border-box; margin:0 5px 0 0; }
.radio_df_02:hover input[type="radio"] ~ .checkmark{ color:inherit; }
.radio_df_02 input[type="radio"]:checked ~ .checkmark{ color:inherit; }
.radio_df_02 input[type="radio"]:checked ~ .checkmark:after{ display: block; }
.radio_df_02 input[type="radio"]:disabled ~ .checkmark{ background:#eeeeee; border:1px solid #bbbbbb; }
.radio_df_02 .checkmark:after{
    display:none; content: ""; width:24px; height:22px; border-radius:50%; border:7px solid #000000; box-sizing: border-box;
}

.acc_df_01{position:relative; width:100%; margin-bottom:2px; -ms-user-select: none;  -moz-user-select: none; -webkit-user-select: none;  -khtml-user-select: none; user-select: none; }
.acc_df_01 .acc_header{
    display:flex; justify-content:space-between; align-items:center; padding:0 12px; width:100%; height:45px; cursor:pointer; border-radius:4px; background:#ffffff;}
.acc_df_01 .acc_header .title{ font-size:14px; font-weight:600; letter-spacing:-0.28px; pointer-events: none;}
.acc_df_01 .acc_header .title .sub_title{ font-size:12px; color:#999999; font-weight:600; pointer-events:none; margin:0 0 0 5px;}
.acc_df_01 .acc_header .arrow{width:20px; pointer-events:none; }
.acc_df_01 .acc_header .arrow img{width:15px; transition:0.25s;}
.acc_df_01 .acc_header.active{border: 2px solid #5A7EE9;}
.acc_df_01 .acc_header.active .arrow img{transform: rotate(180deg);}
.acc_df_01 .acc_body{margin:5px 0 0 10px; max-height:0; transition: max-height 0.25s ease; overflow:hidden; }
.acc_df_01 .acc_body button{display:flex; align-items:center; margin-bottom:5px;}
.acc_df_01 .acc_body button .circle{border-radius:100%; width:27px; height:27px; background:#ff0000; margin-right:5px; }

.acc_df_01 .acc_body button img{width:20px; height:20px; margin-left:10px;}


.select_df_01 { display: inline-block; position: relative; cursor: pointer; color:#141a1f; width:100%; min-width:130px; }

.select_df_01 > .value {
    position:relative; background-color: #ffffff;font-size:14px; height:34px; min-width:130px; padding:0 0 0 10px; line-height:33px;
    white-space:nowrap; box-sizing:border-box; border:solid #dedede 1px;color:#a4a4a4;
}
.select_df_01 > .value > div { line-height:33px; }
.select_df_01 > .value.disabled { cursor:no-drop; background-color:#eeeeee; }
.select_df_01 > .value > img { position:absolute; top:6px; right:26px; }
.select_df_01 > .value:after { position: absolute; content: '';  top:5px; right:5px; width:24px; height:24px; background-image: url('/images/icon-ic-arrow-down.png'); }
.select_df_01 > .value.focus { border:solid #cccccc 1px; }
.select_df_01 > .value.selected { color:#141a1f; }
.select_df_01 > .menu { 
    position:absolute; min-width: 130px; width:100%; top:36px; font-size:14px; white-space:nowrap; background-color: #ffffff; border: solid 1px #0006ff;
    display:none; z-index: 10;
}

.sel_df_01{
    position:relative; display:inline-block; background:#ffffff; cursor:pointer;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.sel_df_01.disabled .arrow{ display:none; }
.sel_df_01.disabled .selected{ color:#cccccc; }
.sel_df_01 .selected{ position:relative; display:flex; justify-content: space-between; align-items:center; padding:0px 12px; height:45px; border:0; border-radius:4px;}
.sel_df_01 .selected .selected-value{ border-radius:4px; font-size:14px; font-weight:600; letter-spacing:-0.28px; }
.sel_df_01 .selected .arrow{ width:20px; transition:0.25s; }
.sel_df_01 .selected .arrow img{ height:10px; display:block; width:100%; }
.sel_df_01 ul{
    position:absolute; width:100%; background:#ffffff; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.16); 
    padding:5px 0px; border-radius:0 0 4px 4px; display:none; z-index:200; 
}
.sel_df_01 ul .opt_selected{ background:#f6f6f6; }
.sel_df_01 ul li{ padding:0 12px; height:45px; line-height:45px; font-size:14px; font-weight:600; letter-spacing:-0.28px; }
.sel_df_01 ul li.disabled{ opacity:0.5;background:#fafafa; }
.sel_df_01 ul li:hover{ background:#f2f4f7; }
.sel_df_01.active .selected{ border:2px solid #5A7EE9; }
.sel_df_01.active ul{ display:block; }
.sel_df_01.active .arrow{ transform: rotate(180deg); }

/*  LOADING  */
.loading_icon_main{
    width:45px; height:45px; border:5px solid #f0f0f0; border-radius:50%; border-top-color:#666666; margin:auto;
}
.loading_icon_main.loading{
    animation:loading_icon_animation 2s linear infinite; -webkit-animation:loading_icon_animation 2s linear infinite;
}

@keyframes loading_icon_animation { to{ -webkit-transform: rotate(360deg); } }
@-webkit-keyframes loading_icon_animation { to{ -webkit-transform: rotate(360deg); }  }

.modal_mnu_bg{
    position:fixed;z-index:1000; width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.5);
    -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;
    display:none;
}

/* MODAL */
.modal_nor{
    position:fixed; width:100%; height:100%; left:0;top:0;z-index:1100; transition:all .3s ease-out;
    visibility:hidden; opacity:0;
}
.modal_nor .modal_nor_bg{ position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1; }
.modal_nor .modal_nor_cts{ position:relative; background:#ffffff; z-index:2; left:50%;top:50%; transform:translate(0,-50%);overflow:hidden;opacity:1; }
.modal_nor .modal_nor_cts .btn_modal_close{ position:absolute; top:20px; right:20px; z-index:3; cursor:pointer; }
.modal_nor .modal_nor_cts .btn_modal_close img { width:20px;height:20px;}

.modal_nor .modal_nor_cts .modal_alert{width:90%; text-align:center; margin:auto;}
.modal_nor .modal_nor_cts .modal_alert .modal_title {font-size:17px; padding:50px 0 40px 0;}

.modal_nor .modal_nor_cts .modal_help_img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.modal_nor .modal_nor_cts .modal_help_img img{object-fit:contain; width:100%;height:100%;}

.modal_pop_wrap{ position:relative; width:100%; max-height:800px; padding:40px 50px; background:#ffffff; }
.modal_pop_top_title{
    display:inline-block;width:100%; font-weight:500; font-size:24px; text-align:center; padding-bottom:40px; background:#ffffff;
}
.modal_pop_top_title.title_bar{border-bottom:1px solid #444444;}


/* PAGING */
.paging_main{ margin:30px 0 40px 0; }
.paging_main .paging_wrap{ display: flex; justify-content: center; align-items: center; }
.paging_main .paging_wrap .paging_page{ width:32px; height:32px; font-weight:450; font-size:16px; line-height:32px; color:#444444; margin:0 4px; text-align:center;}
.paging_main .paging_wrap .paging_page.active{ background: #000000; color:#ffffff; border-radius: 3px; }
.paging_main .paging_wrap .paging_d_l,
.paging_main .paging_wrap .paging_l{ margin-right:21px; }
.paging_main .paging_wrap .paging_d_l img{transform: rotate(180deg); }
.paging_main .paging_wrap .paging_d_r,
.paging_main .paging_wrap .paging_r{ margin-left:21px; }



.login_main{ width:100%; }
.login_main .txt_error{ font-size:13px; }
.login_main .form_area {
    display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; flex-shrink:0;
    padding:120px 40px; width:100%; gap:20px 40px;
}
.login_main  .form_area h1 {
    display: block; color: #000; font-size: 32px; font-weight: 700; line-height: normal; letter-spacing: -0.64px; margin-bottom: 14px; width: 100%; 
}
.login_main  .form_area .input_label {
    display:flex; gap:8px; color:rgba(0, 0, 0, 0.7); font-size:13px; letter-spacing: -0.26px; margin-bottom:8px;
}
.login_main  .form_area .input_label .disc {color:rgba(0, 0, 0, 0.4); font-size:13px; letter-spacing:-0.26px; }
.login_main  .form_area .input{ border-radius:4px; border:1px solid #F6F6F6; background:#F6F6F6; width:100%; padding:10px; height:40px; }
.login_main  .form_area .input:focus{ border-color: #4C79F4; }
.login_main  .form_area .input.error_box{ border-color:#ff0000; }
.login_main  .form_area .input.true_box{ border-color:#1BD396; }
.login_main  .form_area .form_box { position:relative; width: 100%; flex: 1 0 100%; }
.login_main  .form_area .form_box .msg_box{ position:absolute; left:5px; top:64px; display:flex; align-items:center; font-size:13px; }
.login_main  .form_area .form_box .msg_box .icon{ width:20px; margin-right:3px; font-size:10px; }

.login_main  .form_area .half { flex: 1 0 0; }

.login_main  .form_area .check_box{display:flex; align-items:start; }
.login_main  .form_area .check_box .text{ font-size:14px; line-height:140%; letter-spacing:-0.28px; padding-left:5px; }
.login_main  .form_area .check_box .text a{
    color:#4C79F4;
    text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:auto; text-decoration-thickness:auto; text-underline-offset:auto;
}

.login_main  .form_area .rem_box{display:flex; align-items:start; justify-content:space-between; width:100%; font-size:14px; }
.login_main  .form_area .rem_box a{color:#4C79F4;}

.login_main  .form_area .submit_box { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.login_main  .form_area .submit_box .or {
    position: relative; display: flex; align-items: center; justify-content: center; color: #000; width: 100%; height: 26px;
    text-align: center; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.28px;
}
.login_main  .form_area .submit_box .or::before {
    content: ""; position: absolute; left: 0; top: 50%; width: calc(50% - 19px); border-top: 1px solid #000; opacity: 0.2; height: 1px;
}
.login_main  .form_area .submit_box .or::after {
    content: ""; position: absolute; right: 0; top: 50%; width: calc(50% - 19px); border-top: 1px solid #000; opacity: 0.2; height: 1px;
}
.login_main  .form_area .submit_box .signin {
    display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; font-size:15px; font-weight: 400; line-height: 140%; letter-spacing: -0.32px;
}
.login_main  .form_area .submit_box .signin a {
    color: #4C79F4;
}


.login_pop{ width:100%; }
.login_pop .txt_error{ font-size:13px; }
.login_pop .form_area {
    display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; flex-shrink:0;
    padding:120px 40px; width:100%; gap:20px 40px;
}
.login_pop  .form_area h1 {
    display: block; color: #000; font-size: 32px; font-weight: 700; line-height: normal; letter-spacing: -0.64px; margin-bottom: 14px; width: 100%; 
}
.login_pop  .form_area .input_label {
    display:flex; gap:8px; color:rgba(0, 0, 0, 0.7); font-size:13px; letter-spacing: -0.26px; margin-bottom:8px;
}
.login_pop  .form_area .input_label .disc {color:rgba(0, 0, 0, 0.4); font-size:13px; letter-spacing:-0.26px; }
.login_pop  .form_area .input{ border-radius:4px; border:1px solid #F6F6F6; background:#F6F6F6; width:100%; padding:10px; height:40px; }
.login_pop  .form_area .input:focus{ border-color: #4C79F4; }
.login_pop  .form_area .input.error_box{ border-color:#ff0000; }
.login_pop  .form_area .input.true_box{ border-color:#1BD396; }
.login_pop  .form_area .form_box { position:relative; width: 100%; flex: 1 0 100%; }
.login_pop  .form_area .form_box .msg_box{ position:absolute; left:5px; top:64px; display:flex; align-items:center; font-size:13px; }
.login_pop  .form_area .form_box .msg_box .icon{ width:20px; margin-right:3px; font-size:10px; }

.login_pop  .form_area .half { flex: 1 0 0; }

.login_pop  .form_area .check_box{display:flex; align-items:start; }
.login_pop  .form_area .check_box .text{ font-size:14px; line-height:140%; letter-spacing:-0.28px; padding-left:5px; }
.login_pop  .form_area .check_box .text a{
    color:#4C79F4;
    text-decoration-line:underline; text-decoration-style:solid; text-decoration-skip-ink:auto; text-decoration-thickness:auto; text-underline-offset:auto;
}

.login_pop  .form_area .rem_box{display:flex; align-items:start; justify-content:space-between; width:100%; font-size:14px; }
.login_pop  .form_area .rem_box a{color:#4C79F4;}

.login_pop  .form_area .submit_box { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.login_pop  .form_area .submit_box .or {
    position: relative; display: flex; align-items: center; justify-content: center; color: #000; width: 100%; height: 26px;
    text-align: center; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.28px;
}
.login_pop  .form_area .submit_box .or::before {
    content: ""; position: absolute; left: 0; top: 50%; width: calc(50% - 19px); border-top: 1px solid #000; opacity: 0.2; height: 1px;
}
.login_pop  .form_area .submit_box .or::after {
    content: ""; position: absolute; right: 0; top: 50%; width: calc(50% - 19px); border-top: 1px solid #000; opacity: 0.2; height: 1px;
}
.login_pop  .form_area .submit_box .signin {
    display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; font-size:15px; font-weight: 400; line-height: 140%; letter-spacing: -0.32px;
}
.login_pop  .form_area .submit_box .signin a {
    color: #4C79F4;
}



/* HEADER */
.header_main{
    position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:space-between;
    padding:0 40px; background-color:#fff; height:73px; width:100%;
    border-bottom:1px solid #ECECEC; transition:0.2s; z-index:500;
}

.header_main .home{
    display:inline-flex; color:#000; align-items:center; font-size:16px; font-weight:700; letter-spacing: -0.32px; width:150px;
}
.header_main .home img{ height:14px; margin-right:15px; }
.header_main .header_title{ color:#000; text-align:center; font-size:18px; font-weight:700; letter-spacing:-0.36px; }
.header_main .login_area{ text-align:right; width:150px;}
.header_main .login{ color:#000; text-align:right; font-size:16px; font-weight:700; letter-spacing:-0.32px; }
.header_main .dropdown{ margin-right:-16px }
.header_main .dropdown .dropdown_toggle{
    color:#000; text-align:right; font-size:15px; font-weight:700; letter-spacing:-0.32px; padding:9.5px 0; 
    outline:0; border:0; background-color:transparent; white-space: nowrap;
}
.header_main .dropdown .dropdown_toggle::after {
    display:inline-block; margin-left:0.255em; vertical-align:0.255em; content: "";
    border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;
}
.header_main .dropdown .dropdown_toggle:empty::after { margin-left: 0; }
.header_main .dropdown .dropdown_menu{
    position:absolute; border-radius:8px; border:1px solid #FFF; background:#FFF; box-shadow:4px 4px 16px 0px rgba(0, 0, 0, 0.12);
    width:160px; top:55px; right:30px; padding:3px 0; text-align:left; z-index:980010; display:none;
}
.header_main .dropdown .dropdown_menu .dropdown_item{
    background-color:transparent; padding:0 20px; line-height:32px; height:25px; color:#000; font-size:14px; font-weight:500; letter-spacing:-0.32px;
    width:100%;
}
.header_main .dropdown .dropdown_menu .dropdown_item:hover{ color:#4C79F4; }
.header_main .dropdown .dropdown_menu li + li{ margin-top:4px; }
.header_main .dropdown .dropdown_menu hr{ margin:4px 0; background:#F6F6F6; height:1px; opacity:1; border:0;}



@media screen and (max-width: 1200px) {
    .body{ padding-bottom:50px; }
    .d-mobile{ display:block; }
    .header_main .home{ font-size:14px;}
    .header_main{ padding:0 20px; height:42px; }
    /*
    .header_main .header_title{ display:none; }
    */
    .header_main .header_title{ font-size:14px; }
    .header_main .dropdown { margin-right: 0; }

    .header_main .dropdown .dropdown_menu{
        top:35px; right:20px;
    }


    .view_df_pc{display:none !important;}
    .view_df_mo{display:initial !important;}
}

@media screen and (max-width: 720px) {
    .modal_pop_wrap{ padding:50px 20px;} /* height:400px; */
}

@media screen and (max-width: 460px) {

}

@media print {

}