@charset "UTF-8"; /*font*/
@import url("../font/remixicon.css"); /* 기본 아이콘 : http://remixicon.com/에서 확인가능 */
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:100;
    src:url('../font/NotoSansKR-Thin.woff2') format('woff2'),url('../font/NotoSansKR-Thin.woff') format('woff'), url('../font/NotoSansKR-Thin.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:200;
    src: url('../font/NotoSansKR-Light.woff2') format('woff2'), url('../font/NotoSansKR-Light.woff') format('woff'), url('../font/NotoSansKR-Light.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:300;
    src:url('../font/NotoSansKR-DemiLight.woff2') format('woff2'), url('../font/NotoSansKR-DemiLight.woff') format('woff'), url('../font/NotoSansKR-DemiLight.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:400;
	src:url('../font/NotoSansKR-Regular.woff2') format('woff2'), url('../font/NotoSansKR-Regular.woff') format('woff'), url('../font/NotoSansKR-Regular.otf') format('OpenType');     
}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:500;
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'), url('../font/NotoSansKR-Medium.woff') format('woff'), url('../font/NotoSansKR-Medium.otf') format('OpenType');}

@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:600;
    src:url('../font/NotoSansKR-Bold.woff2') format('woff2'), url('../font/NotoSansKR-Bold.woff') format('woff'), url('../font/NotoSansKR-Bold.otf') format('OpenType');}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:700;
    src:url('../font/NotoSansKR-Black.woff2') format('woff2'), url('../font/NotoSansKR-Black.woff') format('woff'), url('../font/NotoSansKR-Black.otf') format('OpenType');}



/* root 셋팅 - ie에서 지원하지 않아 셋팅만 함*/
:root {
    --black-01:#333333;
    --black-02:#555555;
    --black-03:#999999;
    --primary-01:#274380;	
    --primary-02:#0253a5;	
    --primary-03:#00a6e7;	
    --primary-04:#df0b15;	
    --primary-05:#ec6b01;	
    --secondary-gray-01:#c5c5c5;
    --secondary-gray-02:#f0f0f0;
    --secondary-gray-03:#f7f7f7;
    --blue:#cee6ff;
    --gray:#e8edf8;

} 

/* RESET */
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; vertical-align:baseline; font-size:inherit; color:inherit; box-sizing:border-box; letter-spacing: -0.7px; } 
dl, ul, ol, menu, li { list-style:none } 
fieldset, img { border:0 none; box-sizing:border-box } 
input, select, textarea, button { vertical-align:middle; margin:0; padding:0; font-family:inherit; box-sizing:border-box } 
button { border:0 none; background-color:transparent; cursor:pointer; box-sizing:border-box } 
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; box-sizing:border-box } 
input, textarea, img { max-width:100% } 
a, a:hover, a:visited, a:active { text-decoration:none } 
sup { font-size:small; vertical-align:text-top } 
sub { font-size:small; vertical-align:text-bottom } 
button, select { -webkit-appearance:none; appearance:none } 

select { min-width:190px; height:40px; color: #444; line-height:40px; padding:0 15px 0 15px; border:1px solid #c5c5c5; font-size:15px; background:#fff url('../img/comm/icon_select.gif') no-repeat center right; box-sizing:border-box;} 
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ } 
select.disabled,select:disabled { color:#999 !important; background:#fff url('../img/comm/icon_select.gif') no-repeat center right;} 
select+select { margin-left: 5px; } 
/* Hide Native Arrow IE 10, 11 */
table { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0 } 
table caption { overflow: hidden; font-size: 0; line-height: 0; font-size: 0;height: 0;width: 1px;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 

/* HTML5 for older browsers */
section, main { display:block } 
img { vertical-align:top } 
h1, h2, h3, h4, h5, h6, em, strong { font-weight:600; } 


/* old 
-------------------------------------------------------------- */
.blind, .hidden { visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0 } 
.soundOnly { display:block !important; position:absolute !important; top:-9999px !important; left:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; border:0 !important; overflow:hidden !important; } 
.sr,.sr-only { clip: rect(1px, 1px, 1px, 1px); position: absolute; margin: -1px; height: 1px; width: 1px; border: 0; padding: 0; overflow: hidden; word-wrap: normal; } 
.al { text-align:left !important; } 
.ar { text-align:right !important; } 
.ac { text-align:center !important; } 
.vat { vertical-align:top !important; } 
.vam { vertical-align:middle !important; } 
.db { display:block !important; } 
.dib { display:inline-block !important; } 
.ws_nowrap { white-space: nowrap !important } 
.ws_wrap { white-space: normal!important } 
.fsn { font-style: normal } 
.clearfix:before, .clearfix:after { display: block; content: ''; line-height: 0; }
.clearfix:after { clear:both; }
.overlay {display: none; opacity: 0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:0; -webkit-transform: translateZ(0) } 


/* flex 
-------------------------------------------------------------- */
.flex { display: flex } 
.f_ais { align-items: flex-start !important } 
.f_aie { align-items: flex-end!important } 
.f_aic { align-items: center !important } 
.f_dc { flex-direction: column !important } 
.f_dr { flex-direction: row !important } 

/* float 
-------------------------------------------------------------- */
.fl { float: left !important } 
.fr { float: right !important } 

/* height 
-------------------------------------------------------------- */
.h50 { height: 50px !important } .h70 { height: 70px !important } .h100 { height: 100px !important } .h150 { height: 150px !important } .h200 { height: 200px } .h300 { height: 300px } 

/* width 
-------------------------------------------------------------- */
.max { width:100%; } .half { width:50%; } 
.half + .half { width: calc(50% - 20px); margin-left: 10px } 
.w50 { width:50px; } .w70 { width:70px; } .w100 { width:100px; } .w120 { width:120px; } .w135 { width:135px; } .w138 { width:138px; } .w140 { width:140px !important; } .w150 { width:150px; } .w200 { width:200px !important; } .w240 { width:240px; } .w270 { width:270px; } .w300 { width:300px; } .w350 { width:350px; } .w400 { width:400px; } .w520 { width:520px; } 

/* 말줄임 */
.dotdot { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } 

/* padding 
-------------------------------------------------------------- */
.pdt0 { padding-top:0px !important; } .pdt5 { padding-top:5px !important; } .pdt10 { padding-top:10px !important; } .pdt15 { padding-top:15px !important; } .pdt20 { padding-top:20px !important; } .pdb0 { padding-bottom:0px !important; } .pdb5 { padding-bottom:5px !important; } .pdb10 { padding-bottom:10px !important; } .pdb15 { padding-bottom:15px !important; } .pdb20 { padding-bottom:20px !important; } .pdr40 { padding-right:40px !important; } .pdl20 { padding-left:20px !important; } 

/* margin
-------------------------------------------------------------- */
.mgt0 { margin-top:0px !important; } .mgt5 { margin-top:5px !important; } .mgt10 { margin-top:10px !important; } .mgt15 { margin-top:15px !important; } .mgt20 { margin-top:20px !important; } .mgt30 { margin-top:30px !important; } .mgt40 { margin-top:40px !important; } .mgt45 { margin-top:45px !important; } .mgt50 { margin-top:50px !important; } .mgb0 { margin-bottom:0px !important; } .mgb5 { margin-bottom:5px !important; } .mgb10 { margin-bottom:10px !important; } .mgb15 { margin-bottom:15px !important; } .mgb20 { margin-bottom:20px !important; } .mgl0 { margin-left:0px !important; } .mgl5 { margin-left:5px !important; } .mgl10 { margin-left:10px !important; } .mgl15 { margin-left:15px !important; } .mgl20 { margin-left:20px !important; } .mgl40 { margin-left:40px !important; } .mgl70 { margin-left:70px !important; } .mgr0 { margin-right:0px !important; } .mgr5 { margin-right:5px !important; } .mgr10 { margin-right:10px !important; } .mgr15 { margin-right:15px !important; } .mgr20 { margin-right:20px !important; } .mgb10 { margin-bottom:10px; } 

textarea { resize: none; width: 100%; min-height: 70px; padding: 10px 20px; border: 1px solid #c5c5c5; background-color: #fff; box-sizing: border-box; font-size: 16px; line-height: 24px; color: #606060 } 

/* color 
-------------------------------------------------------------- */
.b-point {color: #3942af !important;}

/********** 
Common element 
**********/
:lang(ko) { word-break:keep-all ; } 
:lang(en) { word-break:break-all } 
html { height:100%; font-weight:400; scroll-padding-top:80px; scroll-behavior: smooth; -ms-scroll-padding-top: 80px;font-size: 16px;letter-spacing: -0.7px; } 
html * { font-family: 'NotoSansKR','Malgun Gothic', '맑은 고딕', Helvetica,'Apple SD Gothic Neo', Arial, Sans-serif; } 
body { line-height:1.6; color:#555;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;} 


/* IPHONE */
input:disabled, textarea:disabled { opacity:1; -webkit-text-fill-color:inherit } 
textarea, input { border-radius:0 } 

input[type="number"] { -webkit-appearance:none; appearance:none; box-shadow:none } 
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0 } 
/*Normalize v8.0.0 | MIT License | github.com/necolas/*/
html { -webkit-text-size-adjust:100% } 
small { font-size:80% } 
sub, sup { position:relative; line-height:0; font-size:60%; vertical-align:baseline } 
sub { bottom:-0.25em } 
sup { top:-0.5em } 
button, input, optgroup, select, textarea { font-family:inherit; line-height:1.15; margin:0 } 
button, input { overflow:visible } 
button, select { text-transform:none } 
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button } 
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0 } 
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText } 
button {color: inherit;font-size: inherit;letter-spacing: -0.7px;}
textarea { overflow:auto } 
[type="checkbox"], [type="radio"] { box-sizing:border-box; padding:0 } 
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto } 
[type="search"] { -webkit-appearance:textfield; outline-offset:-2px } 
[type="search"]::-webkit-search-decoration { -webkit-appearance:none } 
input::-ms-clear, input::-ms-reveal { display:none; width:0; height:0 } 
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display:none } 
::-webkit-file-upload-button { -webkit-appearance:button; font:inherit } 
abbr[title] { border-bottom:none; -webkit-text-decoration:underline dotted; text-decoration:underline dotted } 
progress { vertical-align:baseline } 
details { display:block } 
summary { display:list-item } 
[hidden], template, hr { display:none } 

/* Input */
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] { min-width: 135px;height: 40px; padding: 0 10px; border:1px solid #c5c5c5; background-color: #fff; box-sizing: border-box; font-size: 16px; color: #555;letter-spacing: -0.7px;} 
textarea:-ms-input-placeholder { color: #6E6E6E; font-size: 16px; font-weight: 400;letter-spacing: -0.7px;}
textarea::placeholder { color: #6E6E6E; font-size: 16px; font-weight: 400;letter-spacing: -0.7px; }
input[type="text"].full, input[type="password"].full, input[type="number"].full, input[type="email"].full, input[type="tel"].full { width: 100% } 

label { font-size: 16px; color: #333 } 
label+input[type="text"], label+input[type="password"] { margin-left: 5px } 
label:first-child+input[type="text"], label:first-child+input[type="password"] { margin-left: 0 } 
label.essential::before { content: '*'; display: inline-block; margin-right: 4px; vertical-align: middle } 
input[type="text"]:not(.dates):read-only, input[type="password"]:read-only, input[type="number"]:read-only, input[type="email"]:read-only, input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled { background-color: #eee; color: #999 } 
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder { color: #999; font-size: 16px; font-weight: 300; }

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder { color: #999; font-size: 16px; font-weight: 300;letter-spacing: -0.7px; }
textarea { resize: none; width: 100%; min-height: 140px; padding: 10px 20px; border: 1px solid #c5c5c5; background-color: #fff; box-sizing: border-box; font-size: 16px; line-height: 24px; color: #606060 } 
::-webkit-input-placeholder { color: #6E6E6E !important; font-weight: normal; font-style: normal } 
::-moz-placeholder { color: #6E6E6E !important; font-weight: normal; font-style: normal } :-ms-input-placeholder { color: #6E6E6E !important; font-weight: normal !important; font-style: normal } :-moz-placeholder { color: #6E6E6E !important; font-weight: normal; font-style: normal } 

/* radio */
input[type="radio"] {width: 20px;height: 20px;}
input[type="radio"]:checked {border: 1px solid #5b5b5b;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: #333;
    letter-spacing: -0.05em;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #c6c6c6;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:before {
    border: 1px solid #4d4d4d;
}
[type="radio"]:focus-within + label:before{
    outline: 2px solid #1A7E9E;
    border-color: transparent;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #4d4d4d;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*check*/
/*.chk_w .chk_bx input[type="checkbox"] + span:before {margin:0}*/
.chk_w .chk_bx input[type="checkbox"]:checked + span:after {top: -7px;}

.chk_each{ display: inline-block; margin: 5px 0 5px 10px; /*width: calc(20% - 10px);*/vertical-align: middle; }
.chk_each [type="text"] {min-width: auto;width: 70px;margin: 0 5px;}
.chk_each > span {display: inline-block;margin-left: 30px;width: 100%;}
.chk_each:last-child{ margin-right: 0;}

.chk_bx{position:relative;display:inline-block;z-index:0; text-align: left; overflow: hidden; vertical-align: top; }
.chk_bx input[type="checkbox"]{position:absolute;top:0;left:0;width:20px;height:20px;background:none;border:none;z-index:1;; opacity: 0}
.chk_bx input[type="checkbox"] + span{position:relative;display:inline-block;font-size:.95rem;line-height:27px;vertical-align:middle;cursor:pointer;z-index:2;  text-align: left; color: #333;letter-spacing: -0.12em;}/*20220628-수정*/
.chk_bx input[type="checkbox"] + span:before{float:left;content:"";display:inline-block;margin:5px;vertical-align:text-bottom;background:#fff;cursor:pointer; border: 1px solid #c6c6c6;width: 20px; height: 20px; box-sizing: border-box}
.chk_bx input[type="checkbox"]:checked + span{ color: #4d4d4d;font-weight: 500;} 
.chk_bx input[type="checkbox"]:checked + span:before{background:#4d4d4d;border: 1px solid #4d4d4d; }
.chk_bx input[type="checkbox"]:checked + span:after{ position: absolute; left:0; top:0; width: 20px; height: 20px; display: block;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB7B"; color: #fff; font-weight: bold;margin: 2px 5px;} 
.chk_bx input[type="checkbox"]:focus + span::before {border:2px solid #1A7E9E;}


.chk_bx input[type="checkbox"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6 }
.chk_bx input[type="checkbox"]:checked:disabled + span:after{ color: #fff}
.chk_bx input[type="checkbox"]:disabled + span{ font-weight: 400; color: #c3c6d0}
.form-chk{position:relative;display:inline-block;z-index:0; text-align: left; overflow: hidden; vertical-align: top; }
.form-chk [type="radio"]{position:absolute;top:0;left:0;width:20px;height:20px;background:none;border:none;z-index:1;; opacity: 0}
.form-chk [type="radio"] + span{position:relative;display:inline-block;font-size:1rem;line-height:34px;vertical-align:middle;cursor:pointer;z-index:2;  text-align: left; color: #333;letter-spacing: -0.05em;}
.form-chk [type="radio"] + span:before{float:left;content:"";display:inline-block;margin:8px 10px 0 0;vertical-align:text-bottom;background:#fff;cursor:pointer; border: 1px solid #c6c6c6;width: 20px; height: 20px; box-sizing: border-box}
.form-chk [type="radio"]:checked + span{ color: #4d4d4d;font-weight: 500;} 
.form-chk [type="radio"]:checked + span:before{background:#4d4d4d;border: 1px solid #4d4d4d; }
.form-chk [type="radio"]:checked + span:after{ position: absolute; left:0; top:0; width: 20px; height: 20px; display: block;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\eb7b"; color: #fff; font-weight: bold}  

.word_chk ~ .word_chk {margin-left: 20px;}
.word_chk .chk_bx {overflow: inherit;}
.word_chk .chk_bx input[type="radio"] {width: 15px;height: 11px;right: -13px;left: auto;}
.word_chk .chk_bx input[type="radio"] + span {line-height:1.4;color: #555;font-size: 0.95rem;letter-spacing: -0.12em;}
.word_chk .chk_bx input[type="radio"] + span:before {display: none;}
.word_chk .chk_bx input[type="radio"]:checked + span {color: #3942af;font-weight: 600;font-size: 16px;}
.word_chk .chk_bx input[type="radio"]:checked + span:after {display: inline-block;top: -6px;left: auto;right: -18px;width: 15px;height: 11px;color: #3942af;}
.word_chk .chk_bx input[type="radio"]:focus + span{box-shadow: 0px 0px 0px 2px #000000;}
.chk_bx input[type="radio"]{position:absolute;top:0;left:0;width:20px;height:20px;background:none;border:none;z-index:1;; opacity: 0}
.chk_bx input[type="radio"]:checked + span:after{ position: absolute; left:0; top:-3px; width: 20px; height: 20px; display: block;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB7B"; color: #fff; font-weight: bold;margin: 2px 5px;} 
.word_chk .chk_bx input[type="radio"]:checked + span {color: #3942af;font-weight: 600;font-size: 16px;}
.word_chk .chk_bx input[type="radio"]:checked + span:after {display: inline-block;top: -6px;left: auto;right: -18px;width: 15px;height: 11px;color: #3942af;}
.word_chk .chk_bx input[type="radio"]:focus + span{box-shadow: 0px 0px 0px 2px #000000;}
.word_chk .chk_bx input[type="checkbox"] {width: 15px;height: 11px;right: -13px;left: auto;}
.word_chk .chk_bx input[type="checkbox"] + span {line-height:1.4;color: #555;font-size: 0.95rem;letter-spacing: -0.12em;}
.word_chk .chk_bx input[type="checkbox"] + span:before {display: none;}
.word_chk .chk_bx input[type="checkbox"]:checked + span {color: #3942af;font-weight: 600;font-size: 16px;}
.word_chk .chk_bx input[type="checkbox"]:checked + span:after {display: inline-block;top: -6px;left: auto;right: -18px;width: 15px;height: 11px;color: #3942af;}
.word_chk .chk_bx input[type="checkbox"]:focus + span{box-shadow: 0px 0px 0px 2px #000000;}
.chk_bx input[type="checkbox"]{position:absolute;top:0;left:0;width:20px;height:20px;background:none;border:none;z-index:1;; opacity: 0}
.chk_bx input[type="checkbox"]:checked + span:after{ position: absolute; left:0; top:-3px; width: 20px; height: 20px; display: block;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB7B"; color: #fff; font-weight: bold;margin: 2px 5px;} 
.word_chk .chk_bx input[type="checkbox"]:checked + span {color: #3942af;font-weight: 600;font-size: 16px;}
.word_chk .chk_bx input[type="checkbox"]:checked + span:after {display: inline-block;top: -6px;left: auto;right: -18px;width: 15px;height: 11px;color: #3942af;}
.word_chk .chk_bx input[type="checkbox"]:focus + span{box-shadow: 0px 0px 0px 2px #000000;}
.ans_w {display: flex;flex-wrap: wrap;}
.ans_chk ~ .ans_chk {margin-left: 20px;}
.ans_chk{flex-basis: 120px;}
.ans_chk .chk_bx input[type="radio"]{position:absolute;top:0;left:0;width:16px;height:16px;background:none;border:none;z-index:1;; opacity: 0}
.ans_chk .chk_bx input[type="radio"] + span{position:relative;display:inline-block;font-size:1rem;line-height:34px;vertical-align:middle;cursor:pointer;z-index:2;  text-align: left; color: #333;letter-spacing: -0.05em;}
.ans_chk .chk_bx input[type="radio"] + span:before{float:left;content:"";display:inline-block;margin:7px 5px 0 0;vertical-align:text-bottom;background:#fff;cursor:pointer; border: 1px solid #c6c6c6;width: 20px; height: 20px; box-sizing: border-box}
.ans_chk .chk_bx input[type="radio"] + span:before {border-radius: 50%;border-color: #555;}
.ans_chk .chk_bx input[type="radio"] + span:after{position: absolute;left: 4px;display: inline-block;content:attr(data-title);font-family:inherit;font-size: 14px;color: #555;}
.ans_chk .chk_bx input[type="radio"]:checked + span {color: #3942af;font-weight: 500}
.ans_chk .chk_bx input[type="radio"]:checked + span:before {background-color: #3942af;border-color: #3942af;}

.ans_chk .chk_bx input[type="checkbox"]:focus + span:before{border:2px solid #020735;}
.ans_chk .chk_bx input[type="radio"]:focus + span:before{border:2px solid #020735;}
.ans_chk .chk_bx input[type="radio"]:checked + span:after{color: #fff;font-weight: 500;left: -4px;}
.ans_chk .chk_bx input[type="radio"] + span.num2:after{left: 3px;}
/* .ans_chk .chk_bx input[type="radio"] + span.text:after{left: 4px;} */

.ans_chk .chk_bx input[type="checkbox"]{position:absolute;top:0;left:0;width:16px;height:16px;background:none;border:none;z-index:1;; opacity: 0}
.ans_chk .chk_bx input[type="checkbox"] + span{position:relative;display:inline-block;font-size:1rem;line-height:35px;vertical-align:middle;cursor:pointer;z-index:2;  text-align: left; color: #333;letter-spacing: -0.05em;}
.ans_chk .chk_bx input[type="checkbox"] + span:before{float:left;content:"";display:inline-block;margin:8px 5px 0 0;vertical-align:text-bottom;background:#fff;cursor:pointer; border: 1px solid #c6c6c6;width: 20px; height: 20px; box-sizing: border-box}
.ans_chk .chk_bx input[type="checkbox"] + span:before {border-radius: 50%;border-color: #555;}
.ans_chk .chk_bx input[type="checkbox"] + span:after{position: absolute;left: 5px;display: inline-block;content:attr(data-title);font-family:inherit;font-size: 14px;color: #555;width: auto;height: auto;}
.ans_chk .chk_bx input[type="checkbox"]:checked + span {color: #3942af;font-weight: 500}
.ans_chk .chk_bx input[type="checkbox"]:checked + span:before {background-color: #3942af;border-color: #3942af;}
.ans_chk .chk_bx input[type="checkbox"]:checked + span:after{color: #fff;font-weight: 500;left: 1px;top: -2px;}
.ans_chk .chk_bx input[type="checkbox"]  + span.num2:after{left: 3px;}
.ans_chk .chk_bx input[type="checkbox"]:checked  + span.num2:after{left: -2px;}

/* .ans_chk .chk_bx input[type="checkbox"] + span.text:after{left: 4px;} */

.chkss span~span{padding-left: 15px; padding-top: 5px;}
/* 달력 */
.ui-datepicker,
#ui-datepicker-div { padding: 0; width: 272px !important; border: 1px solid #c5c5c5 !important; display: none;} 
.ui-widget-header {}
.ui-datepicker .ui-widget-header { background: #fff; border: none; border-bottom: 1px solid #ddd; border-radius: 0; }
.ui-datepicker .ui-datepicker-title { margin: 0; text-align: center; padding: 7px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { margin: 0 3px; width: 35%; border-color: #999999; min-width: auto;height: 30px;}
.ui-datepicker select.ui-datepicker-year + select.ui-datepicker-month { margin-left: 5px; }
.ui-datepicker table { background: #ebf7ff; margin-bottom: 0; border-top: 0; }
.ui-datepicker th { padding: 0; font-size: 12px !important; background: none !important; border: none !important; }
.ui-datepicker th,
.ui-datepicker td { height: 30px; border: none; text-align: center; padding: 0; vertical-align: middle;}
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
html .ui-datepicker .ui-button.ui-state-disabled:hover,
html .ui-datepicker .ui-button.ui-state-disabled:active { border: none; text-align: center; font-size: 16px; background: #ebf7ff; color: #454545 !important;font-weight: 500; }
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight,.ui-datepicker .ui-state-default.ui-state-active{ border: 1px solid rgba(51,140,213,0.2); background: rgba(51,140,213,0.15); color: rgba(51,140,213,1) !important; }
.ui-datepicker .ui-state-default.ui-state-hover {background: rgba(51,140,213,0.15); color: rgba(51,140,213,1) !important;}
.ui-datepicker-trigger{width: 23px;vertical-align: middle;margin-left: 10px;}
.ui-datepicker .ui-datepicker-buttonpane {margin:0}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top: 10px;}
.ui-datepicker .ui-datepicker-prev {left: 10px;}
.ui-datepicker .ui-datepicker-next {right: 10px;}


/* --------------------------------------------------------------
Layout 
-------------------------------------------------------------- */
#skip_nav a { z-index:100000; position:fixed; top:0; left:0; width:1px; height:1px; margin-left:-1px; font-size:0; line-height:0; overflow:hidden; } 
#skip_nav a:focus,
#skip_nav a:active { width:100%; height:75px; margin:0; padding:0; background:#21272e; color:#fff; font-size:0.937rem; font-weight:bold; text-align:center; text-decoration:none; line-height:75px; } 

/* 푸터 */
#footer {position: absolute;bottom: 0;;padding-top: 5px;width: 100%;height: 50px;background-color: #f8f8f8;color: #555;font-size: 13px;font-weight: 300;}
#footer .footer_in {margin: 0 30px;padding: 10px 0;display: flex;align-items: center;justify-content: center;}
#footer .footer_in::before,
#footer .footer_in::after {display: inline-block;content: "";clear: both;}
#footer address, #footer ul, #footer ul li {float: left;}
#footer ul li {position: relative;margin-left: 5px;padding-left: 5px;}
#footer ul li::before {position: absolute;left: 0;top: 5px;display: inline-block;content: "";width: 2px;height: 10px;background-color: #808080;}
#footer p {width: 100%;}

/* 테이블 */
/*table{border-top: 1px solid #222;table-layout: fixed;}
table th{ padding: 15px 10px;background:#f7f7f7;border-bottom: 1px solid #e3e3e3;color: #222;text-align: left;font-weight: 500;vertical-align: middle;} 
table th > label { color: #222;text-align: left;font-weight: 500;} 
table td {padding: 10px;border-bottom: 1px solid #e3e3e3;color: #222;text-align: left;font-weight: 400;vertical-align: middle;}
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} */
table thead th {text-align: center;border-right: 1px solid #e3e3e3;}
table tbody th {text-align: center;border-right: 1px solid #e3e3e3;}
table tbody td+th {border-left: 1px solid #e3e3e3;}
table thead + tbody td {border-left: 1px solid #e3e3e3;padding: 10px}
table tbody tr td>p{width: 100%;min-width: 100%;}

/* popup */
    .login-pop.popupLayer{ background-color:rgba(0,0,0,.6); justify-content:center; align-items:center; position:fixed; top:0; left:0; right:0; bottom:0; display:none; padding:50px 30px 50px;z-index: 10000; } 
    .login-pop .dim { position: fixed; justify-content:center; align-items:center; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); padding:30px 30px 50px; z-index: 10000; }
    .login-pop .popup{ width:100%; max-width:1000px; border-radius:30px;overflow:hidden;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
    .login-pop .popup-head {position: relative;height: 60px;padding: 10px 30px 15px;text-align: left;background-color: #0b4682;}
    .login-pop .popup-head .close {position: absolute;top: 20px;right: 35px;width: 20px;height: 20px;background: url(../img/comm/close.png) no-repeat center;text-indent: -9999px;background-size: 21px;}
    .login-pop .popup-head .head-title {color: #fff;font-size: 26px;font-weight: 500;}
    .login-pop .popup-body {background-color: #fff;} 
    .login-pop .body-content{ word-break:break-word; overflow-y:auto;height: 670px; min-height:300px;max-height: 670px;padding: 50px 20px 0;}
    .login-pop .body-content .app_con_wrap {position: relative;overflow: hidden;height: 0;}
    .login-pop .body-content .app_con_wrap.on + .btn-more {transform: rotate(0deg);}

    .login-pop .body-content .app-list {position: relative;border: 2px solid #b4b6d8;border-radius: 15px;transition: all 0.5s;}
    /*로그인 팝업 설문지*/
    
.popup .chk_each > span {width: auto;}
.body-content::-webkit-scrollbar { width: 15px; }
.body-content::-webkit-scrollbar-thumb { background-color: #AFAFAF; border-radius: 10px; }
.body-content::-webkit-scrollbar-track { background-color: #d0d0d090; border-radius: 15px;}
.body-content::-webkit-scrollbar-thumb { background-color: #AFAFAF; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
.body-content{ word-break:break-word; overflow-y:auto; min-height:305px;max-height: 305px;}
.body-content > * {letter-spacing: -0.7px;}
.body-content .app-top {position: relative;}
.body-content .p-tit {padding: 14px 20px;color: #555;background-color: #fafaff;border-radius: 15px;transition: all .4s;}
.body-content .p-tit p {color: #111;font-size: 17px;font-weight: 600;}
.body-content .app-list {border: 2px solid #b4b6d8;border-radius: 10px;}
.body-content .app-list._half .app_con_wrap {height: 420px;;}
.body-content .app-list .app_num {display: none;position: absolute;top: 7px;right: 30px;color: #555;}
.body-content .app-list .app_num [type="text"] {min-width: auto;width: 100px;margin-left: 10px;}
.body-content .app-list ~ .app-list {margin-top: 50px;}
.body-content .btn-more {position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);width: 42px;height: 42px;border-radius: 50%;background: url(../img/comm/arrow.png) no-repeat #686cb0 11px 14px;transform: rotate(180deg);transition: all .5s;}
.body-content .btn-more_sec {position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);width: 42px;height: 42px;border-radius: 50%;background: url(../img/comm/arrow.png) no-repeat #686cb0 11px 14px;transform: rotate(180deg);transition: all .5s;}


.date_bx {margin-top: 30px;text-align: center;}
.date_bx span {color: #222;font-weight: 500;}
.date_in {display: inline-flex;align-items: center;}
.date_in span {display: inline-flex;align-items: center;}
.date_in span ~ span {margin-left: 10px;}
.date_in span:first-child [type="text"]{min-width: auto;width: 50px;margin: 0 5px;}
.date_in span:not(:first-child) [type="text"]{min-width: auto;width: 40px;margin: 0 5px;}
.date_bx .doc_name {margin-left: 40px;}
.date_bx .doc_name [type="text"]{min-width: auto;width: 115px;margin: 0 5px;}
.vision_bx [type="text"] {width: 110px;margin: 0 5px;}
.prs_bx [type="text"] {width: 110px;margin: 0 7px;}
.eye_bx {display: inline-block;width: 100%;text-align: center;}
.eye_bx .chk {text-align: center;display: block;}


.body-content .date_bx {padding-bottom: 30px;}
.body-content .table_bx {padding: 30px 30px 0;}
.in_con_wrap {padding: 0 0 30px;display: none;}

.in-list {margin-top: 30px;padding: 0 30px;position: relative;}
.in_button {display: inline-block;width: 100%;border: 1px solid #cdcdcd;border-radius: 15px;padding: 15px 15px 15px 30px;}
.in-tit {display: flex;align-items: center;justify-content: space-between;}
.in_button i {display: inline-block;width: 40px;height: 40px;background: url(../img/comm/arrow_b.png) no-repeat center;transform: rotate(0);transition: all .5s;}
.in-list.active .in_button {border-bottom-width: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-color: #3942AF;}
.in-list.active .in_con_wrap {border: 1px solid #3942AF;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-top-width: 0;}
.in-list.active .in_button i {transform: rotate(-180deg);}
.in_button .in-tit > p{position: relative;display: inline-block;}
.in_button .in-tit > p:first-child::before {margin-right: 10px;display: inline-block;content: "";width: 6px;height: 6px;background-color: #3942af;border-radius: 50%;vertical-align: middle;}
.in_button .in-tit {color: #3942af;font-size: 20px;font-weight: 600;}
.in_button .in-tit  .point {font-size: 16px;margin-left: 20px;font-weight: 600;color: #333;}
.in_button .in-tit  .point span {position: relative;}
.in_button .in-tit  .point span::before {position: absolute;bottom:0;display: inline-block;content: "";width: 100%;height: 1px;background-color: #0b4682;}

.body-content .top-tit {padding: 30px 30px 0;margin-bottom: 15px;color: #222;font-weight: 500;}
.body-content .qa_bx {padding: 0 30px;}
.qa_bx .qa-tit {padding: 20px 15px;background-color: #f7f7f7;color: #222;font-weight: 600;}
.qa_bx .qa-tit:first-child {border-top: 1px solid #222;}
.qa_bx .qa-tit ~ .qa-tit {border-top: 1px solid #dfdfdf;}
.qa_bx .an_bx {padding: 20px 15px;border-top: 1px solid #dfdfdf;}
.qa_bx .qa-tit .line {position: relative;display: inline-block;}
.qa_bx .qa-tit small.line {margin-left: 15px;color: #555;font-size: 15px;font-weight: 500;}
.qa_bx .qa-tit .line::before {position: absolute;bottom:0;display: inline-block;content: "";width: 100%;height: 1px;background-color: #6e6e6e;}
.qa_bx .an_bx p ~ p {margin-top: 10px;}
.qa_bx .form_year [type="text"] {min-width:auto; width: 40px;}
.an_bx .ans_chk span {}
.an_bx .ans_chk .text {line-height: 34px;}
.an_bx .ans_chk [type="text"] {margin: 0 5px;}
.an_bx .form_input_lg {margin-left:15px;display: inline-block;width: calc(100% - 200px);}
.an_bx .form_input_lg [type="text"] {width: calc(100% - 100px);}
.an_bx .form_input_md {margin-left:15px;display: inline-block;width: calc(100% - 350px);}
.an_bx .form_input_md [type="text"] {width: calc(100% - 100px);}
.an_bx .bot_bx {display: flex;width: 100%;}
.an_bx .bot_bx .ans_chk {flex-basis: 85px;}
.an_bx .chk_bot1,
.an_bx .chk_bot2 {display: flex;}
.an_bx .chk_bot1 .ans_chk,
.an_bx .chk_bot2 .ans_chk {flex-basis: auto;}
.an_bx .chk_bot1 .ans_chk ~ .ans_chk {margin-left: 25px;}
.an_bx .chk_bot2 .ans_chk ~ .ans_chk {margin-left: 40px;}

.body-content .app-list.on .p-tit {box-shadow: 0px 1px 0px 0px #d9e2ec;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.body-content .app-list._half .p-tit {box-shadow: 0px 1px 0px 0px #d9e2ec;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.body-content .app-list._half .app_num {display: block;}
.body-content .app-list._half .btn-more {display: block;}
.body-content .app-list._full .p-tit {box-shadow: 0px 1px 0px 0px #d9e2ec;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.body-content .app-list._full .app_num {display: block;}
.body-content .app-list._full .btn-more {display: block;transform: rotate(0deg);}
.body-content .app-list.on .app_num {display: block;}
.body-content .app-list.second.on .p-tit {box-shadow: 0px 1px 0px 0px #d9e2ec;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.body-content .app-list.second.on  .btn-more_sec {transform: rotate(0deg);}
.body-content .txt {font-size: 1.286rem;letter-spacing: -1px;text-align: right;}
.body-content .util {position: absolute;right: 25px;top: -45px;}
.body-content .util > [class^="btn-"] {position: relative;display: inline-block;width: 120px;height: 43px;line-height: 43px;color: #fff;text-align: center;border-top-left-radius: 15px;border-top-right-radius: 15px;font-weight: 500;}
.body-content .util > [class^="btn-"]:after {margin-left: 10px;display: inline-block;color: #fff;font-size: 23px;font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: -5px;}
.body-content .util > [class^="btn-"][class$="open"] {background-color: #3942af;}
.body-content .util > [class^="btn-"][class$="open"]:after {content: "\ea13";}
.body-content .util > [class^="btn-"][class$="close"] {background-color: #e32c23;}
.body-content .util > [class^="btn-"][class$="close"]:after {content: "\f1ae";}


.body-content .popup-search {padding: 20px;display: flex;align-items: center;justify-content: center;text-align: center;}
.body-content .popup-search .btn {height: 40px;padding:6px 16px;background-color: #555555;border-radius: 5px;}
.body-content .form-input_search {display: inline-block;width: 205px;margin-right: 5px;}
.body-content .form-input_search [type="text"] {width: 100%;min-width: auto;border-radius: 5px;}
.body-content .board-paging {padding-bottom: 0;}
.body-content .board-popup table {table-layout: auto;}
.body-content .board-popup table th,
.body-content .board-popup table td {text-align: center;border-left: 1px solid #e3e3e3;}
.body-content .board-popup table th:first-child,
.body-content .board-popup table td:first-child {border-left: none;}
.body-content .board-popup table thead th:last-child{border-right: none;}
.body-content .confirm_bx {padding: 65px 30px 50px 60px;text-align: center;background: url(../img/sub/popup_bg.png) no-repeat 65px;background-size: 55px;}
.body-content .confirm_bx p {font-size: 22px;font-weight: 500;letter-spacing: -0.7px;line-height: 1.4;}

.popup-foot {padding: 50px 0 45px;text-align: center;background-color: #fff;}
.popup-foot .confirm_bt {width: 150px;height: 50px;background-color: #3a42af;color: #fff;border-radius: 5px;font-size: 18px;font-weight: 400;}
.popup-foot .cancle_bt {margin-left: 10px;width: 150px;height: 50px;background-color: #47484f;color: #fff;border-radius: 5px;font-size: 18px;font-weight: 400;}

.policy::-webkit-scrollbar { width: 15px; }
.policy::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 10px; }
.policy::-webkit-scrollbar-track { background-color: #d0d0d054; border-radius: 15px;}
.policy::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } 

/*form*/
.form-radio {position: relative;}
.form-radio  + .form-radio  {margin-left: 30px;}
.form-select + .form-select {margin-left: 10px;}
.board-search input[type="text"] {width: 95%;}
.board-search .cal_bx input[type="text"] {width: calc(100% - 40px);}
.board-search .form-select select {width: 310px;}

/* tab */
.tab {margin-bottom:30px;}
.tab-list {display:flex;flex-wrap:wrap; gap:0}
.tab-list li {text-align:center; flex-basis: calc(25% - 5px); justify-content: space-between; background: #fff; margin-left: 5px; flex-grow: 1}
.tab-list li:first-of-type{ margin-left: 0;} 

.tab-item {position: relative;display:table;margin-top: -1px;padding:0 0.8em;width:100%;height:55px;color:#5a5a5a;border:1px solid #cacaca;background-color:#fff;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;font-size:18px;font-weight: 600;}
.tab-item:hover, .tab-item:focus {border-color:#3942af;word-break:break-all;color: #3942af;}

.tab-list li.active .tab-item {border-color:#3942af;color: #3942af;}
.tab-list li.active .tab-item::before,
.tab-list li .tab-item:hover::before,
.tab-list li .tab-item:focus::before {position: absolute;left: 0;bottom: 0;display: inline-block;content: "";background-color: #3942af;width: 100%;height: 4px;}
.tab-title {display:table-cell;vertical-align:middle;word-break:keep-all;line-height:1.2;font-size: 1.071rem;} 

/* 헤더 */
.header-top { background-color: #fff;transition: all .5s;border-bottom: 1px solid #e3e3e6; } 
.header-top > ul {width: 1200px; margin: 0 auto; display: flex;align-items: center;justify-content: flex-end;} 
.header-top > .info_w > li { float: left; width: auto; height: 40px; line-height: 40px; font-size: 16px; text-align:center;color: #333; } 
.header-top > .info_w > li:not(:first-child):before {margin:0 15px; display: inline-block;content: ""; width: 1px; height: 18px; background: #d5d5d5; vertical-align: middle;} 
.header-top > .info_w .name {color: #3942af;font-weight: 500;}

.logo {display: inline-flex;padding-top: 10px;flex-direction: column;align-items: center;}
.logo > a {display: inline-block;width: 240px;height: 35px;;background: url(../img/comm/logo.png) no-repeat center;background-size: contain;}
.logo > span{display: inline-block; margin-left: 40px;}

/* GNB */
.nav-list {margin-right: -40px;}
#gnb {border-bottom: 1px solid #e3e3e6;}
.gnb-inner {margin: 0 auto;width: 1200px;display: flex;align-items: center;justify-content: space-between;}
.gnb-list {display: flex;align-items: center;}
.gnb-list > li {position: relative;display: inline-block; height: 100%; margin: 0;z-index: 100;}
.gnb-list > li > a {position: relative;display: block;padding: 0 45px;height: 70px;line-height: 75px;color: #111;font-size: 22px;font-weight: 600; text-align: center;}

.gnb-list > li a:not(.depLast):hover {color: #3942af;}
.gnb-list > li > a:not(.depLast).active {color: #3942af;}
.gnb-list> li .depLast { display: inline-block; height: 45px; margin-left: 20px; line-height: 45px; color: #fff; font-weight: bold; border-radius: 5px; padding: 0 20px; background-color: #1A7E9E; font-size: 20px;}
/*관리자 메뉴*/
.gnb-list .pr_btn{border: 1px solid #3942AF;border-radius: 30px; background: #3942af38;height: 50px;width: 150px;padding: inherit;line-height: 44px;display: inline-block;}

.depth {overflow: hidden;display: none;position: absolute;top: 60px;left: 0;z-index: 20;padding: 35px 0;width: 100%;height: 0;text-align: center;}
.depth > li {float: left;width: 100%;margin: 5px 0;}
.depth > li > a {color: #555;font-weight: 500;letter-spacing: -0.8px;}

.nav-list.active .depth {display: block!important;}

.menu-dim { width: 100%; height: 0; position: absolute; top: 112px; left: 0; background-color: #f5f5f6; box-shadow: 0px 10px 15px 0 #ccc; z-index: 10; }
.menu-dim.active {height: 190px;border-top: 1px solid #e3e3e6;transition: height .3s ease-out;}

#header.fix .gnb{position:fixed; top:0; left:0; width:100%; animation: down 0.5s ease; z-index:100;background-color: #fff;}
#header.fix + #container {padding-top: 75px;}
#header.fix .menu-dim {top: 70px;}

@keyframes down {
    0%{
        transform: translateY(-50px)
    }
    100%{
        transform: translateY(0px)
    }
}
/* location */
.subTop {background-color: #edf3f9;}
.subTop > ul {display: flex;align-items: center;justify-content: flex-end;margin: 0 auto;width: 1200px;height: 40px;}
.subTop > ul > li {position: relative;display: inline-block;}
.subTop > ul > li > a {color: #333;font-size: 15px;}
.subTop > ul > li:not(:first-of-type)::before {display: inline-block;content: "";margin: 0 10px;width: 5px;height: 9px;background: url(../img/comm/icon_home.png) no-repeat center;}

/* snb */
#snb {float: left;width: 190px;}
#snb > h2 {margin-bottom: 10px;padding: 25px;border-radius: 5px;background-color: #3942af;color: #fff;font-size: 27px;text-align: center;}
#snb .nav > ul {border-top: 2px solid #222;}
#snb .nav > ul > li {}
#snb .nav > ul > li > a { display: block; padding: 15px 8px; font-size: 17px; letter-spacing: -1px; position: relative; z-index: 1; }
#snb .snb_01 > li:last-child {border-bottom: 1px solid #d1d1d1;}
#snb .snb_01 > li ~ li {border-top: 1px solid #d1d1d1;}
#snb .snb_01 > li > a {color: #333;font-size: 1.125rem;font-weight: 600;}

#snb .snb_01 > li.active > a {color: #3942af;border-radius: 10px;}
#snb .snb_02 {background-color: #fbfbfb;border-bottom: 1px solid #ddd;padding: 10px 0;}
#snb .snb_02 > li > a { position: relative;display: inline-block; width: 100%; padding-left: 30px; line-height: 35px;color: #333; font-weight: normal; font-size: 1rem;box-sizing: border-box; }
#snb .snb_02 > li > a:before { position: absolute;left: 20px;top: 50%;display: inline-block; width: 6px; height: 2px; margin-right: 5px; background-color: #333; vertical-align: middle; content: ''; }
#snb .snb_02 > li.active > a, #snb .snb_02 > li > a:hover {color: #3942af;font-weight: 600;}
#snb .snb_02 > li.active > a:before { background-color: #3942af;}

/* util */
.util {position: absolute;top: 0;right: 0;}
/*.util .btn {background-color: #555;}*/

/* 컨텐츠 */
#wrap {min-height: 100%; padding-bottom: 50px;position: relative;}
#container {display: block;width: 100%;height: 100%;}
#contentWrap {margin: 1.875em auto 0;width: 1200px;overflow: hidden;}
#snb ~ #content { float: left; width: 960px; position: relative;min-height: 650px;margin: 0 0 80px 50px; }
#content_detail h2 {padding-bottom: 10px;/*border-bottom: 2px solid #222;*/color: #222;font-size: 26px;letter-spacing: -0.7px;}


/* 불릿 */
*[class^=list-depth1] {padding:10px 0 10px 0;}
*[class^=list-depth1] li {position:relative;line-height:30px;padding:5px 0 0 10px;}
p[class*=list-depth1-dot] {padding:10px 0 0 20px;line-height:30px;position: relative;}
.list-depth1-dot {padding:0 0 0 0;}
.list-depth1-dot li {margin-bottom:0;}

p[class*=list-depth1-dot]::before,
*[class^=list-depth1-dot] li::before {position:absolute;top:20px;left:0;display:inline-block;content:"";width:3px;height:3px;background-color:#606060;vertical-align:top;}

/* 페이징 숫자 */
.board-paging { display: flex; justify-content: center; margin:30px auto 0; text-align:center;padding-bottom: 50px; } 
.paging-list { display:inline-block; margin: 0 10px; font-size: 0; } 
.paging-list li { margin-left: -1px; float: left; } 
.arrow a { display:table; width:37px; height:37px; border:1px solid #c6c7cc; border-radius: 30px;font-size:14px; } 
.arrow:not(:first-child) a { margin-left: 10px; } 
.paging-list li a {display: table;width: 37px;height: 37px;font-size: 17px;font-weight: 500;}
.paging-list li a > span { display:table-cell; vertical-align: middle; } 
.paging-list li.on a { color:#3942af; } 
.paging-list li a:hover { color:#3942af; text-decoration: underline; } 
.paging-list li.on a:hover { color:#3942af; } 
.board-paging .prev { background:url(../img/comm/list_prev02.png) no-repeat center; } 
.board-paging .prev:hover { background-color:#fff; border:1px solid #c6c7cc; } 
.board-paging .first { background:url(../img/comm/list_prev01.png) no-repeat center; } 
.board-paging .first:hover { background-color:#fff; border:1px solid #c6c7cc; } 
.board-paging .next { background:url(../img/comm/list_next02.png) no-repeat center; } 
.board-paging .next:hover { background-color:#fff; border:1px solid #c6c7cc; } 
.board-paging .last { background:url(../img/comm/list_next01.png) no-repeat center; } 
.board-paging .last:hover { background-color:#fff; border:1px solid #c6c7cc; } 

/* 버튼 */
.btn {display: inline-block;padding: 6px 20px;height: 40px;border-radius: 10px;color: #fff;font-size: 1rem;}
.btn-search {width: 150px;height: 50px;background-color: #3942af;font-size: 18px;font-weight: 500;}
.btn-delete {background-color: #555;}/*취소*/
.btn-blue {background-color: #3942af;}/*저장, 저장하기, 검색, 삭제하기*/
.btn-orange {background-color: #f44b00;}/*추가하기, 수정하기, 회원정보 검색, */
.btn-gray {background-color: #47484f;}/*목록, 목록보기, 선택삭제*/
.btn-red {background-color: #E10000;}/*등록하기*/

/* 검색 */
.board-search {margin-top:-2px;;margin-bottom: 30px;}
.b_wrap {margin-bottom: 35px;text-align: center;} 
.board_top {position: relative;padding-bottom: 20px;min-height: 50px;}
.board_top h3 + .board_btn {top: 10px;}
.board_btn {position: absolute;top: 0;right: 0;}

/* popup */
.popupLayer{ background-color:rgba(0,0,0,.6); justify-content:center; align-items:center; position:fixed; top:0; left:0; right:0; bottom:0; display:none; padding:75px 30px 50px;z-index: 10000; } 
.dim { position: fixed; justify-content:center; align-items:center; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); padding:30px 30px 50px; z-index: 10000; }
.popup{ width:100%; max-width:760px; border-radius:30px;overflow:hidden;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
.popup.confirm {max-width: 500px;}
.popup.confirm .body-content{ min-height:180px;max-height: 180px;}
.popup-head {position: relative;height: 60px;padding: 13px 30px 15px;text-align: left;background-color: #3a42af;}
.popup-head .close {position: absolute;top: 20px;right: 35px;width: 20px;height: 20px;background: url(../img/comm/close.png) no-repeat center;text-indent: -9999px;background-size: 21px;}
.popup-head .head-title {color: #fff;font-size: 22px;font-weight: 600;letter-spacing: -2px;}
.popup-body {background-color: #fff;}
.body-content .tit {padding: 20px 0 15px;color: #222;font-size: 1.286rem;font-weight: 500;}
.body-content .app-list {padding: 0 30px;}
.chk_each > span{width: auto;display: inline;}
.chk_each > .form-radio{width: 100%;display: inline-block;}


.popup-foot {padding: 30px 0 45px;text-align: center;background-color: #fff;}

/* 404 error 페이지 */
.error_w  {padding-top: 135px;}
.error_w .error_bx {display: flex;justify-content: center;gap: 60px;align-items: center;}
.error_w .img {width: 235px;height: 220px;}
.error_w .txt { position: relative; width: 400px; height: auto; padding: 25px 55px 30px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 20px; border: #d9d9d9 solid 1px; }
.error_w .txt :after { content: ''; position: absolute; border-style: solid; border-width: 16px 18px 16px 0; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; left: -18px; top: 43px; }
.error_w .txt :before { content: ''; position: absolute; border-style: solid; border-width: 16px 18px 16px 0; border-color: transparent #d9d9d9; display: block; width: 0; z-index: 0; left: -19px; top: 43px; }
.error_w .txt .dec {color: #606060;font-size: 1.429rem;line-height: 1.5;}
.error_w .txt .dec strong{color: #222222;}
.error_w .txt .dec span {margin-top: 15px;display: block;font-size: 1.143rem;}

/* 공통요소 pad,모바일 대응 */

@media screen and (min-width:1201px){
    #snb {width: 160px;}
    .header-top > ul {width: 1400px;}
    .gnb-inner {width: 1400px;}
    .subTop > ul {width: 1400px;}
    #contentWrap {width: 1400px;}
    #snb ~ #content {width: calc(100% - 210px);}
}
@media screen and (max-width:1299px){


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

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

}

@media screen and (max-width:767px) {
    .error_w {padding-top: 20px;}
    .error_w .error_bx {flex-direction: column;gap: 25px;}
    .error_w .txt {border: none;}
    .error_w .img {width: 175px;height: auto;}
    .error_w .txt :before,
    .error_w .txt :after {display: none;}
    .error_w .txt .dec {text-align: center;}
}