@charset "utf-8";

/*
 * animate
 */

.animate { transition:all .2s ease; -webkit-transition:all .2s ease;}

/*
 * table
 */

 /* colors css */
 .root-color{ color: #380132;}


/* icons css */
.magnifier-glass{ content:url(https://img.icons8.com/ios-glyphs/30/380132/search.png);}
.right-arrow{ content: url(../image/common/ico_right_arrow.png);}
.circle-right{ content: url(../image/common/f_ico_right_circle.png);}
.phone-call{ content: url(../image/common/ico_phone_call.png);}
.paper{ content: url(../image/common/ico_paper.png);}
.letter{ content: url(../image/common/ico_letter.png);}
/* font css */
.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}
/* label css */

label{position:relative;}
label span{background:url(../image/common/img_check.png); background-size:cover; width:20px; height:20px; position:absolute; left:0; top:0px;}
input[type="radio"],input[type="checkbox"]{}
input[type="radio"]:checked + label span ,input[type="checkbox"]:checked + label span {background:url(../image/common/img_checked.png); background-size:cover;}

@media (max-width: 768px) {
	label span{ width:5vw; height:5vw;}
	label{}
}



/*
 * position
 */

.pos_s { position:static;}
.pos_r { position:relative;}
.pos_a { position:absolute;}
.pos_f { position:fixed;}

/*
 * float
 */

.fl_n { float:none;}
.fl_l { float:left; padding:0;}
.fl_r { float:right;}
.fl_c:after { display:block; clear:both; content:"";}

/*
 * float
 */

.dp_t { display:table; width:100%;}
.dp_b { display:block; width:100%;}
.dp_ib { display:inline-block;}
.dp_n { display:none;}
.m_dp_b { display:none;}

@media screen and (max-width:480px) {
.m_dp_b { display:block;}
}
.hdn { position:absolute; left:0; top:0; width:0; height:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; overflow:hidden;}

/*
 * form
 */

input[type=file] { display:inline-block !important;}
.input_text { display:inline-block; padding:10px 15px; font-size:15px; width:100%; letter-spacing:-0.02em; line-height:1.5; background:#fff; border:1px solid #ddd; font-weight:400; box-sizing:border-box; vertical-align:middle;}
.input_text::placeholder { color:#bbb; font-weight:400;}

.select { box-sizing:border-box; vertical-align:middle; min-width:80px; padding:5px 10px 5px 3px; margin:0; border:1px solid #3765bd; letter-spacing:-0.04em; font-size:17px; color:#3765bd;}
.select2 { box-sizing:border-box; vertical-align:middle; padding:10px 25px; font-size:16px; border:2px solid #a7a9aa;}

.textarea { box-sizing:border-box; width:100%; height:200px; margin:0; resize:none; text-align:left;}
.textarea:focus { background:#fff;}

@media (max-width: 991px) {
.input_text { padding:12px; font-size:14px;}
}

@media (max-width: 768px) {
.input_text { padding:10px; font-size:13px;}
}

@media (max-width: 500px) {
.input_text { padding:8px; font-size:12px;}
}

/*
 * button
 */

/* button Og */
.btn { display:inline-block; border:none; cursor:pointer; box-sizing:border-box; margin:0; background:#3765bd; border:1px solid #3765bd; padding:10px 30px 12px; color:#fff; font-size:18px; font-weight:300; line-height:1; text-align:center; vertical-align:baseline;}
.btn:hover, .btn:focus {}
.btn_round { border-radius:100px;}
.btn i { display:inline-block; vertical-align:bottom; line-height:0; width:16px; margin-right:.5em;}
.btn i img { width:100%; height:auto;}

/* button Color */
.btn_stroke { background:#fff; color:#333; border:1px solid #ddd;}
.btn_blue { background:#3765bd; border:1px solid #3765bd; color:#fff;}
.btn_blue:hover, .btn_blue:focus {}
.btn_main_darkblue { display:inline-block; padding:20px 50px; background:none; font-family: "Noto Sans KR", sans-serif; font-weight:600; color:#fff; background:#233f69; cursor:pointer; border:none;}

.btn_red { background:#de0000; border:1px solid #de0000; color:#fff;}

.btn_purple { background:#582864; color:#fff; border:1px solid #582864;}

.btn_all_check { background:#f4f5f5;}
.active.btn_all_check { background:#3765bd !important; color: #fff;}

/* button Size */
.btn_xs { margin:0; font-size:16px; padding:5px 10px;}
.btn_sm { margin:0; font-size:17px; padding:10px 20px;}
.btn_lg { margin:0; font-size:18px; padding:17px 34px;}
.btn_xl { margin:0; font-size:19px; padding:20px 40px;}

@media (max-width: 1200px) {
.btn_xs { font-size:15px; padding:4px 8px;}
.btn_lg { font-size:17px; padding:15px 30px;}
}

@media (max-width: 1040px) {
.btn_xs { font-size:14px; padding:3px 6px;}
.btn_lg { padding:12px 24px;}
}

@media (max-width: 991px) {
.btn_xs { font-size:13px; padding:2px 4px;}
.btn_lg { font-size:16px; padding:10px 20px;}
}

@media (max-width: 768px) {
.btn_lg { font-size:15px; padding:7px 14px;}
}

@media (max-width: 500px) {
.btn_lg { font-size:14px; padding:5px 10px;}
}

.btn_block { width:100%; display:block;}

/* button Gradient */
.btn_blue.btn_grd { background-image:linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%); background-image:-webkit-linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%);}

.btn_group { padding:20px 0;}
.btn_group .btn { margin:3px 10px;}
.btn_group_block .btn { margin:10px 0;}
.btn_member .btn { margin:0;}

@media (max-width: 1040px) {
.page_tab,
.btn_group { padding:25px 0;}
}

@media (max-width: 991px) {
.page_tab,
.btn_group { padding:20px 0;}
}

@media (max-width: 768px) {
.page_tab,
.btn_group { padding:15px 0;}
}

@media (max-width: 500px) {
.page_tab,
.btn_group { padding:10px 0;}
}

.relative_form { position:relative; padding-right:100px;}
.relative_form .btn_abs { position:absolute; top:0; right:0; min-width:0; padding:13px 0; font-size:16px; width:100px;}

@media (max-width: 991px) {
.relative_form .btn_abs { position:absolute; top:0; right:0; min-width:0; padding:15px 0; font-size:15px; width:100px;}
}

@media (max-width: 768px) {
.relative_form .btn_abs { position:absolute; top:0; right:0; min-width:0; padding:12px 0; font-size:15px; width:100px;}
}

@media (max-width: 500px) {
.relative_form .btn_abs { position:absolute; top:0; right:0; min-width:0; padding:10px 0; font-size:14px; width:100px;}
}

/*
 * form
 */

.form_group { margin-bottom:15px;}

.form_horizontal .form_group:before,
.form_horizontal .form_group:after { display:table; content:"";}

.form_horizontal .form_group:after { clear:both;}

.clear { clear:both;}

.ico_auto{width:auto !important; height:auto !important;}

fieldset { min-width:0; padding:0; margin:0; border:0;}
label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
input[type="search"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type="range"] { display:block; width:100%;}
select[multiple],
select[size] { height:auto;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
output { display:block; padding-top:7px; font-size:.8em; line-height:1.42857143; color:#555;}
.form_control { display:block; box-sizing:border-box; width:100%; padding:6px 12px; font-size:.8em; line-height:1.42857143; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form_control:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form_control::-moz-placeholder { color:#999; opacity:1;}
.form_control:-ms-input-placeholder { color:#999;}
.form_control::-webkit-input-placeholder { color:#999;}
.form_control[disabled],
.form_control[readonly],
fieldset[disabled] .form_control { background:#eee; opacity:1;}
.form_control[disabled],
fieldset[disabled] .form_control { cursor:not-allowed;}
textarea.form_control { height:auto; resize:none;}
input[type="search"] { -webkit-appearance:none;}

/* nbsp */
.nb_20{width:1px; padding:0 10px;}

.radio,
.checkbox { position:relative; display:block; margin-top:10px; margin-bottom:10px;}
.radio label,
.checkbox label { min-height:20px; padding-left:20px; margin-bottom:0; font-weight:normal; cursor:pointer;}
.radio input[type="radio"],
.radio_inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox_inline input[type="checkbox"] { position:absolute; top:50%; margin-top:-5px; margin-left:-20px;}
.radio + .radio,
.checkbox + .checkbox { margin-top:-5px;}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor:not-allowed;}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor:not-allowed;}

.radio_inline + .radio_inline,
.checkbox_inline + .checkbox_inline { margin-top:0; margin-left:10px;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { line-height:34px;}
}

@media (min-width: 768px) {
}

/* btn active */
.btn_active_blue.active { color:#fff; background:#2357c1; border:1px solid #154dbd;}
.btn_active_purple.active { color:#fff; background:#6925d2; border:1px solid #5413b9;}
.btn_active_green.active { color:#fff; background:#3cab35; border:1px solid #2c9f26;}
.btn_active_red.active { color:#fff; background:#ec1e1e; border:1px solid #cb0f0e;}
.btn_active_orange.active { color:#fff; background:#feae00; border:1px solid #eda002;}
.btn.btn_radius { border-radius:15px; padding:4px 15px}
.btn_lg.btn_radius { border-radius:23px; padding:10px 20px}

/*
 * label
 */

.lab_blue_trance { display:inline-block; padding:2px 10px; font-size:22px; color:#3366cc; border:1px solid #3366cc;}
.lab_blue { display:inline-block; padding:1px 6px; background:#4b4ae5; color:#fff; font-size:12px; border-radius:2px;}
.lab_green { display:inline-block; padding:2px 10px; background:#009855; color:#fff; font-size:18px;}
.lab_yellow { display:inline-block; padding:2px 10px; background:#ffcc00; color:#444; font-size:18px;}
.lab_red { display:inline-block; padding:2px 10px; background:#be1d2c; color:#fff; font-size:18px;}
.lab_brown { display:inline-block; padding:2px 10px; background:#594a40; color:#fff; font-size:18px;}

/*
 * border
 */

.bd_n { border:0;}
.bdt_n { border-top:0;}
.bdr_n { border-right:0;}
.bdb_n { border-bottom:0;}
.bdl_n { border-left:0;}

/*
 * img
 */

.m_h_100 img { max-width:100%; height:auto;}
.objectFit img { object-fit:cover; width:100%; height:100%;}

/*
 * icon
 */

.
.no_data { padding:50px 0; text-align:center;}

/*
 * font
 */

/* font weight */
.fw200 { font-weight:200;}
.fw400 { font-weight:400;}
.fw600 { font-weight:600;}
.fw800 { font-weight:800;}

/* font size */
.fs0 { font-size:0;}
.fs10 { font-size:10px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs26 { font-size:26px;}

/* text color */
.t_c_white { color:#fff;}
.t_c_whiteLight { color:#eee;}
.t_c_black { color:#000;}
.t_c_blackDeep { color:#222;}
.t_c_blackLight { color:#666;}
.t_c_greyDeep { color:#353735;}
.t_c_grey { color:#888;}
.t_c_greyD { color:#bcbdbd;}
.t_c_greyLight { color:#999;}
.t_c_green { color:#37b5bd !important;}
.t_c_blue { color:#3765bd !important;}
.t_c_sky { color:#6addff !important;}
.t_c_water { color:#ebf4fa !important;}
.t_c_red { color:#f22222;}
.t_c_yellow { color:#ffe265 !important;}

/* background */
.bg_none { background:none;}
.bg_white { background:#fff !important; color:#444;}
.bg_black { background:#000; color:#444;}
.bg_greyDeep { background:#353735;}
.bg_greyLight { background:#f4f5f5;}
.bg_green { background:#37b5bd;}
.bg_blueDeep { background:#233f69;}
.bg_blue { background:#3765bd;}
.bg_blueLight { background:#2a93d5; color:#fff;}
.bg_red { background:#f22222; color:#fff;}
.bg_yellow { background:#ffff00; color:#444;}
.bg_sky { background:#6addff;}

/*
 * grid
 */

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev, .col_xs_1, .col_sm_1, .col_md_1, .col_lg_1, .col_xs_2, .col_sm_2, .col_md_2, .col_lg_2, .col_xs_3, .col_sm_3, .col_md_3, .col_lg_3, .col_xs_4, .col_sm_4, .col_md_4, .col_lg_4, .col_xs_5, .col_sm_5, .col_md_5, .col_lg_5, .col_xs_6, .col_sm_6, .col_md_6, .col_lg_6, .col_xs_7, .col_sm_7, .col_md_7, .col_lg_7, .col_xs_8, .col_sm_8, .col_md_8, .col_lg_8, .col_xs_9, .col_sm_9, .col_md_9, .col_lg_9, .col_xs_10, .col_sm_10, .col_md_10, .col_lg_10, .col_xs_11, .col_sm_11, .col_md_11, .col_lg_11, .col_xs_12, .col_sm_12, .col_md_12,
.col_lg_12 { position:relative; min-height:1px; box-sizing:border-box;}

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev { float:left; width:20%;}


.col_xs_dev, .col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12 { float:left;}
.col_xs_12 { width:100%;}
.col_xs_11 { width:91.66666667%;}
.col_xs_10 { width:83.33333333%;}
.col_xs_9 { width:75%;}
.col_xs_8 { width:66.66666667%;}
.col_xs_7 { width:58.33333333%;}
.col_xs_6 { width:50%;}
.col_xs_5 { width:41.66666667%;}
.col_xs_4 { width:33.33333333%;}
.col_xs_3 { width:25%;}
.col_xs_dev { width:20%;}
.col_xs_2 { width:16.66666667%;}
.col_xs_1 { width:8.33333333%;}

@media (min-width: 768px) {
.col_sm_dev, .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12 { float:left;}
.col_sm_12 { width:100%;}
.col_sm_11 { width:91.66666667%;}
.col_sm_10 { width:83.33333333%;}
.col_sm_9 { width:75%;}
.col_sm_8 { width:66.66666667%;}
.col_sm_7 { width:58.33333333%;}
.col_sm_6 { width:50%;}
.col_sm_5 { width:41.66666667%;}
.col_sm_4 { width:33.33333333%;}
.col_sm_3 { width:25%;}
.col_sm_dev { width:20%;}
.col_sm_2 { width:16.66666667%;}
.col_sm_1 { width:8.33333333%;}
}
@media (min-width: 992px) {
.col_md_dev, .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 { float:left;}
.col_md_12 { width:100%;}
.col_md_11 { width:91.66666667%;}
.col_md_10 { width:83.33333333%;}
.col_md_9 { width:75%;}
.col_md_8 { width:66.66666667%;}
.col_md_7 { width:58.33333333%;}
.col_md_6 { width:50%;}
.col_md_5 { width:41.66666667%;}
.col_md_4 { width:33.33333333%;}
.col_md_3 { width:25%;}
.col_md_dev { width:20%;}
.col_md_2 { width:16.66666667%;}
.col_md_1 { width:8.33333333%;}
}

@media (min-width: 1200px) {
.col_lg_dev, .col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 { float:left;}
.col_lg_12 { width:100%;}
.col_lg_11 { width:91.66666667%;}
.col_lg_10 { width:83.33333333%;}
.col_lg_9 { width:75%;}
.col_lg_8 { width:66.66666667%;}
.col_lg_7 { width:58.33333333%;}
.col_lg_6 { width:50%;}
.col_lg_5 { width:41.66666667%;}
.col_lg_4 { width:33.33333333%;}
.col_lg_3 { width:25%;}
.col_lg_dev { width:20%;}
.col_lg_2 { width:16.66666667%;}
.col_lg_1 { width:8.33333333%;}
}

/*
 * align
 */

.ta_l { text-align:left !important;}
.ta_c { text-align:center;}
.ta_r { text-align:right;}

.va_t { vertical-align:top;}
.va_m { vertical-align:middle;}
.va_b { vertical-align:bottom;}

.tal_l { text-align:justify; text-align-last:left;}
.tal_c { text-align:justify; text-align-last:center;}
.tal_r { text-align:justify; text-align-last:right;}

/*
 * padding
 */
.pd0 { padding:0px;}

.pdt0 { padding-top:0px;}

.pdt5 { padding-top:5px;}

.pdt10 { padding-top:10px;}

.pdt20 { padding-top:20px;}

.pdt30 { padding-top:30px;}

.pdt60 { padding-top:60px;}

.pdr30 { padding-right:30px;}

.pdr40 { padding-right:40px;}

.pdr70 { padding-right:70px;}

.pdb0 { padding-bottom:0px;}

.pdb5 { padding-bottom:5px;}

.pdb10 { padding-bottom:10px;}

.pdb15 { padding-bottom:15px;}

.pdb20 { padding-bottom:20px;}

.pdb22 { padding-bottom:22px;}

.pdb25 { padding-bottom:25px;}

.pdb30 { padding-bottom:30px;}

.pdb40 { padding-bottom:40px;}

.pdb50 { padding-bottom:50px;}

.pdb55 { padding-bottom:55px;}

.pdb80 { padding-bottom:80px;}

.pdl10 { padding-left:10px;}

/*
 * margin
 */

.mgt0 { margin-top:0 !important;}
.mgt5 { margin-top:5px;}
.mgt10 { margin-top:10px;}
.mgt15 { margin-top:15px;}
.mgt20 { margin-top:20px;}
.mgt25 { margin-top:25px;}
.mgt30 { margin-top:30px;}
.mgt35 { margin-top:35px;}
.mgt40 { margin-top:40px;}
.mgt45 { margin-top:45px;}
.mgt50 { margin-top:50px;}
.mgt55 { margin-top:55px;}
.mgt60 { margin-top:60px;}
.mgt100 { margin-top:100px;}

.mgt_5 { margin-top:-5px;}
.mgt_10 { margin-top:-10px;}
.mgt_15 { margin-top:-15px;}
.mgt_20 { margin-top:-20px;}
.mgt_25 { margin-top:-25px;}
.mgt_30 { margin-top:-30px;}
.mgt_35 { margin-top:-35px;}
.mgt_40 { margin-top:-40px;}
.mgt_45 { margin-top:-45px;}
.mgt_50 { margin-top:-50px;}
.mgt_55 { margin-top:-55px;}
.mgt_60 { margin-top:-60px;}
.mgt_70 { margin-top:-70px;}
.mgt_75 { margin-top:-75px;}
.mgt_80 { margin-top:-80px;}
.mgt_100 { margin-top:-100px;}

.mgr0 { margin-right:0px;}
.mgr5 { margin-right:5px;}
.mgr10 { margin-right:10px;}
.mgr15 { margin-right:15px;}
.mgr20 { margin-right:20px;}
.mgr25 { margin-right:25px;}
.mgr30 { margin-right:30px;}
.mgr35 { margin-right:35px;}
.mgr40 { margin-right:40px;}
.mgr45 { margin-right:45px;}
.mgr50 { margin-right:50px;}
.mgr55 { margin-right:55px;}
.mgr60 { margin-right:60px;}
.mgr100 { margin-right:100px;}

.mgb0 { margin-bottom:0px;}
.mgb5 { margin-bottom:5px;}
.mgb10 { margin-bottom:10px;}
.mgb20 { margin-bottom:20px;}
.mgb25 { margin-bottom:25px;}
.mgb30 { margin-bottom:30px;}
.mgb35 { margin-bottom:35px;}
.mgb40 { margin-bottom:40px;}
.mgb45 { margin-bottom:45px;}
.mgb50 { margin-bottom:50px;}
.mgb55 { margin-bottom:55px;}
.mgb60 { margin-bottom:60px;}
.mgb100 { margin-bottom:100px;}

.mgb_5 { margin-left:-5px;}
.mgb_10 { margin-bottom:-10px;}
.mgb_15 { margin-bottom:-15px;}
.mgb_20 { margin-bottom:-20px;}
.mgb_25 { margin-bottom:-25px;}
.mgb_30 { margin-bottom:-30px;}
.mgb_35 { margin-bottom:-35px;}
.mgb_40 { margin-bottom:-40px;}
.mgb_45 { margin-bottom:-45px;}
.mgb_50 { margin-bottom:-50px;}
.mgb_55 { margin-bottom:-55px;}
.mgb_60 { margin-bottom:-60px;}
.mgb_70 { margin-bottom:-70px;}
.mgb_75 { margin-bottom:-75px;}
.mgb_80 { margin-bottom:-80px;}
.mgb_100 { margin-bottom:-100px;}

.mgl0 { margin-left:0px;}
.mgl5 { margin-left:5px;}
.mgl10 { margin-left:10px;}
.mgl15 { margin-left:15px;}
.mgl20 { margin-left:20px;}
.mgl25 { margin-left:25px;}
.mgl30 { margin-left:30px;}
.mgl35 { margin-left:35px;}
.mgl40 { margin-left:40px;}
.mgl45 { margin-left:45px;}
.mgl50 { margin-left:50px;}
.mgl55 { margin-left:55px;}
.mgl60 { margin-left:60px;}
.mgl70 { margin-left:70px;}
.mgl74 { margin-left:74px;}
.mgl100 { margin-left:100px;}

.mgl_5 { margin-left:-5px;}
.mgl_10 { margin-left:-10px;}
.mgl_15 { margin-left:-15px;}
.mgl_20 { margin-left:-20px;}
.mgl_25 { margin-left:-25px;}
.mgl_30 { margin-left:-30px;}
.mgl_35 { margin-left:-35px;}
.mgl_40 { margin-left:-40px;}
.mgl_45 { margin-left:-45px;}
.mgl_50 { margin-left:-50px;}
.mgl_55 { margin-left:-55px;}
.mgl_60 { margin-left:-60px;}
.mgl_70 { margin-left:-70px;}
.mgl_75 { margin-left:-75px;}
.mgl_80 { margin-left:-80px;}
.mgl_100 { margin-left:-100px;}

@media screen and (max-width:768px) {
   .m_mgt5 { margin-top:5px;}
   .m_mgt10 { margin-top:10px;}
   .m_mgt15 { margin-top:15px;}
   .m_mgt20 { margin-top:20px;}
   .m_mgt25 { margin-top:25px;}
   .m_mgt30 { margin-top:30px;}
   .m_mgt35 { margin-top:35px;}
   .m_mgt40 { margin-top:40px;}
   .m_mgt45 { margin-top:45px;}
   .m_mgt50 { margin-top:50px;}
   .m_mgt55 { margin-top:55px;}
   .m_mgt60 { margin-top:60px;}
   .m_mgt100 { margin-top:1002020-02-12px;}

   
   .m_mgb5 { margin-bottom:5px;}
}

/*
 * width
 */

.w50 { width:50%;}
.w100 { width:100%;}

/*
 * height
 */

.h50 { height:50%;}
.h100 { height:100%;}

/*
 * paging
 */

.paginate_complex{ clear:both;padding:20px 0;line-height:normal;text-align:center;font-size:0;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;margin:0 1px;color:#444; min-width:30px; height:30px; border-radius:5px; box-sizing:border-box; padding-top:3px; vertical-align:middle;}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex a { background:#fff; color:#999;}
.paginate_complex strong{position:relative; display:inline-block; font-size:15px; font-weight:500;color:#fff; background:#7f7b91;}
.paginate_complex .direction{min-width:30px;background:#fff url(../image/content/spr_pagination.png) 50% no-repeat; border:1px solid #ddd; font-size:0;}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;}
.paginate_complex .prev{background-position:50% -28px}
.paginate_complex .next{background-position:50% -84px}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px; margin-top:5px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid; margin-top:5px;border-top:solid #fff;border-bottom:solid #fff;border-right:0}
.paginate_complex .first{background-position:50% 0}
.paginate_complex .end{background-position:50% -56px}

.tbl_no_data { clear:both; width:100%; padding:120px 0; font-size:20px; text-align:center;}

.img_radio { position:relative; display:inline-block; padding-left:24px; padding-right:10px; font-weight:300; font-size:16px; z-index:10;}
.img_radio:before { position:absolute; display:block; content:""; top:0; left:0; width:16px; height:16px; border-radius:50%; background:#fff; border:1px solid #5c5c5c; z-index:1;}
.img_radio:after { position:absolute; display:none; content:""; top:4px; left:4px; width:10px; height:10px; border-radius:50%; background:#3765bd; z-index:2;}
.img_radio.active:after { display:block;}
.img_radio input { display:none;}

@media screen and (max-width:768px) {
.img_radio { font-size:14px; padding-left:17px;}
.img_radio:before { width:13px; height:13px; margin-top:1px;}
.img_radio:after { top:4px; left:3px; width:9px; height:9px;}
}

.log_input_check2 { position:relative; display:inline-block; padding-right:20px;}
.log_input_check2.w100,
.log_input_check2:first-child { padding-left:0;}
.log_input_check2 label { position:relative; display:inline-block; letter-spacing:-0.02em; box-sizing:border-box; min-height:26px; margin-bottom:0; padding:10px 0 10px 25px; font-size:16px; font-weight:400; color:#555; cursor:pointer; z-index:1;}
.log_input_check2 label input[type=checkbox] { display:none;}
.log_input_check2 label i { position:absolute; width:20px; height:20px; box-sizing:border-box; display:block; top:50%; margin-top:-10px; left:0; border:1px solid #d4d4d4; background:#fff;}
.log_input_check2 label.active i { border:1px solid #3765bd;}
.log_input_check2 label.active i:after { display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; background:#3765bd; content:"";}
.log_input_check2 .btn_to_layer { position:absolute; top:50%; right:0; margin-top:-10px;}

@media screen and (max-width:1200px) {
.log_input_check2 label { font-size:15px;}
}

@media screen and (max-width:1040px) {
.log_input_check2 { position:relative; display:inline-block; padding-right:16px;}
.log_input_check2 label { font-size:14px; padding:4px 0 4px 16px; min-height:16px;}
.log_input_check2 label i { width:14px; height:14px; margin-top:-7px;}
}

@media screen and (max-width:991px) {
.log_input_check2 label { font-size:13px;}
}

@media screen and (max-width:768px) {
.log_input_check2 { position:relative; display:inline-block; padding-right:14px;}
.log_input_check2 label { font-size:13px; padding:3px 0 3px 15px; min-height:15px;}
.log_input_check2 label i { width:12px; height:12px; margin-top:-6px;}
}

@media screen and (max-width:500px) {
.log_input_check2 label { font-size:13px; line-height:16px;}

}

.check_radio_form { padding:15px 0; box-sizing:border-box;}
.block_survey { margin:-10px;}
.survey_item { padding:10px;}
.survey_item:nth-child(3n+1) { clear:both; display:block; float:left;}
.survey_inner { position:relative; border-radius:5px; min-height:280px; box-sizing:border-box; border:1px solid #e1e1e1; padding-left: .0px;}
.survey_inner dt {}
.tit_survey { padding:15px 25px; font-size:18px; font-weight:600; color:#313030; line-height:1.36;}
.txt_survey { padding:15px 25px 40px 25px; border-top:1px dashed #e1e1e1; font-size:15px; font-weight:400; color:#313030; line-height:1.36;}

.diag_chk_wrap { width:100%; display:none; min-height:52px; position:absolute; bottom:0; text-align:right; box-sizing:border-box; left:0; border:4px solid #fff; border-top:0; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.diag_chk_wrap .diag_check { display:inline-block;}
.diag_chk_wrap.chk_pass { border-color:#157dba;}
.diag_chk_wrap.chk_pass .diag_check_bd { position:absolute; bottom:50%; right:0; transform:translateY(50%);}
.diag_chk_wrap.chk_fail { font-size:16px; background:#fff; border-color:#f05748;}
.diag_chk_wrap.chk_fail .diag_check_bd { border:2px solid #f05748;}
.diag_chk_wrap.chk_fail p { display:inline-block; width:75%; vertical-align:middle; line-height:1; text-align:right; padding:1em; word-break:keep-all; color:#f05748; font-weight:600;}
.diag_chk_wrap span { vertical-align:middle; display:inline-block;}

.diag_check_bd { width:37px; height:37px; border:2px solid #fff; border-radius:50%; display:inline-block; margin:0; vertical-align:middle; margin-right:15px;}
.diag_check_bd .diag_ok{ text-indent:9999px; width:100%; height:100%; background:url(/image/white_check.png) no-repeat center; white-space:nowrap;}
.diag_check_bd .diag_fail { width:40px; height:40px; background:url(/image/icon_x_red.png) no-repeat center; width:100%; height:100%; text-decoration:underline; color:#fff; box-sizing:border-box;}
.diag_check_bd .diag_fail a { color:#fff; display:inline-block; border-bottom:1px solid #fff; position:absolute; right:41px; top:5px; font-size:14px;}

.yes_survey { background:#157dba; border:1px solid #157dba; color:#fff;}
.no_survey { background:#f05748; border:1px solid #f05748; color:#fff;}
.no_survey .txt_survey,
.yes_survey .txt_survey,
.no_survey .tit_survey,
.yes_survey .tit_survey { color:#fff;}
.yes_survey .diag_chk_wrap.chk_pass { display:inline-block;}
.no_survey .diag_chk_wrap.chk_fail { display:inline-block;}


.step { padding:70px 0; display:-webkit-box; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -moz-justify-content:center; justify-content:center; -ms-flex-line-pack:center; align-content:center;}
/* .step { padding:70px 0; display:block;} */
.step-item { position:relative; padding-left:75px; margin-left:15px; margin-left:25px; font-size:24px; color:#bebebe; font-weight:700; white-space:nowrap;}
.step-item.active { color:#222;}
.step-item:before { position:absolute; display:block; left:0; top:50%; width:50px; height:1px; background:#e5e5e5; content:"";}
.step-item:first-child { padding-left:0; margin-left:0;}
.step-item:first-child:before { display:none;}

@media screen and (max-width:768px) {
.step { padding:30px 0;}
.step-item { padding-left:50px; margin-left:15px; font-size:16px; color:#bebebe; font-weight:700;}
.step-item:before { width:35px;}

.survey_inner { min-height:280px;}
.tit_survey { padding:15px 25px 15px 15px; font-size:18px; font-weight:600; color:#313030; line-height:1.36;}
}

@media screen and (max-width:600px) {
.step { flex-wrap: wrap;}
.step-item { flex-grow: 1; flex-basis:27%; justify-content: space-around; padding:10px 0 10px 35px; margin-left:0px; font-size:15px; color:#bebebe; font-weight:700;}
.step-item:before { display:none;}
.step-item:first-child { padding-left:35px; margin-left:20px;}
.step-item:nth-child(3) { margin-left: 20px;}

}
@media screen and (max-width:480px) {
/* .step { padding:30px 0;}
.step-item { padding-left:50px; margin-left:15px; font-size:16px; color:#bebebe; font-weight:700;}
.step-item:before { width:35px;} */

.tit_survey { padding:15px 25px; font-size:18px; font-weight:600; color:#313030; line-height:1.36;}
}

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

.waring { text-align: center; padding: 20px 260px; box-sizing: border-box; margin-bottom: 25px; height:100%;}
.waring .icon_waring { content:''; left:0; top:0; display:block; float: left; width:75px; height:60px; background:url(/image/waring.png) no-repeat; background-size:70%; z-index:10;}
.waring p{ display: block; font-size:16px; color: #636972; line-height:1.36; vertical-align: middle; margin-left:15px; text-align:left;}
.waring.waring_center {padding: 100px;}
.waring.waring_center  img {display: block;margin: auto;}
.waring.waring_center  p{margin-left: 0;margin-top: 15px;text-align: center;font-size: 18px}
.bg_gray {background:#f4f4f4;}

.tit_type2 { padding:15px 0; font-size:32px; color:#222; font-weight:600; line-height:1.2;}
.txt_type2 { font-size:20px; font-weight:400; line-height:1.36;}


#full-layer h2 { position:relative; padding:20px 30px; margin:0; background:#233f69; color:#fff; font-size:20px;}
#full-layer .btn-close { position:absolute; top:50%; right:30px; margin-top:-8px;}
#full-layer .layer_body { padding:20px 30px; background:#fff; font-size:16px; font-family:"Noto Sans KR", sans-serif; color:#343434;}
.modal_sect { padding-bottom:20px;}
ul { list-style:none; padding-left:10px;}
.emphasis { font-style:normal;}
.list_dep_sm { margin:10px 0 10px 10px; padding:10px; background:#eaeaea; font-size:14px;}
.list_dep_sm li:before { content:"- ";}
.td_right_style {height:30px; font-size:14px;text-align:center;background:white}

.of_a { overflow:auto;}
.of_h { overflow:hidden;}

.tbl_s_list { position:relative; display:block; width:100%; margin-top:.3em;}
.tbl_s_list .tab_content { display:none;}
.tbl_s_list .tab_content.active { display:block;}
.tbl_s_list table { width:100%; line-height:1.5;}
.tbl_s_list table tr { border-top:1px solid #777; border-bottom:1px solid #777 }
.tbl_s_list table th { text-align:center; padding:0.563em 0.438em; font-size:1.625em; letter-spacing:-0.04em; color:#101010; background-color:#f5f5f5;}
.tbl_s_list table td { /* text-align:left; */ padding:0.536em 0.438em;  font-size:1.625em; letter-spacing:0; color:#858585; word-break: keep-all;}
.tbl_s_list table td.center { text-align:left !important;}
.tbl_s_list table td:last-child { text-align:center;}

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

.waring { padding: 20px 50px;}
.waring img { display: block; float:left; vertical-align:middle; max-width:40px;/*  height:auto;  */padding:0px 15px 15px 0;}
.waring p { display: block; margin-left: 10px;}
.m_dp_n { display:none;}
.consult_ul_pd { padding-left: 0;}
.btn_group .btn { margin: 0px;}
.mgl74 { margin-left:74px;}
}
@media screen and (max-width:600px) {

.waring img { max-width:40px; padding:0 15px;}
.waring p { margin-left: 0px; font-size:14px;}

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

.waring img { padding:7px 10px;}

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

.waring { padding: 20px 25px;}
.waring .icon_waring { margin-top:5px;}
.waring p { margin-left: 0px; font-size:14px; }
.waring .warning_mgt { margin-top: 20px;}
.waring .icon_waring_3 { margin-top: 25px;}

}

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

.waring .warning_mgt { margin-top: 36px;}

}