@charset "utf-8";

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0 PLUS
 * File         :    setting.css
 * SUMMARY      :    기본값
 */

/* 본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */


/* Global ---------------------------------------------------------------- */

*, *::before, *::after {-webkit-text-size-adjust:none; -webkit-box-sizing:inherit; box-sizing:inherit; padding:0; margin:0; font-size: inherit; -webkit-tap-highlight-color:transparent}
html {width:100%; height:100%; font-size:12px}
body {margin:0; padding:0; background:#fff; height: 100%; font-size:1.6rem; overflow-x: hidden; font-family:"Pretendard","NotoSansKR",'Roboto','Malgun Gothic', 'sans-serif'; font-weight:normal}
body, p, pre, form, span, div, table, td, ul, ol, li, dl, dt, dd, input, textarea, label, button, select {color:#555; letter-spacing:-0.3px; font-size:15px; font-weight:normal; word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none; text-decoration-skip-ink: none}

ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5, h6, p, form {margin:0; padding:0}

address, em, i {font-style:normal}
strong {font-weight:700}

button {padding:0; border:0 none; background:none; cursor:pointer}
img {max-width:100%; border:0 none; font-size:0; vertical-align:middle}


div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:none; -webkit-overflow-scrolling: touch}

table {width:100%; border:0; border-collapse:collapse; border-spacing:0}
table caption {width:0px; height:0px; font-size:0; visibility:hidden}

a {color:inherit; text-decoration:none}
a,span {display:inline-block;}
a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer;}
a:hover, a:active {text-decoration: none;}
u {text-decoration: none;}

.swiper-notification {display:none;}

caption, legend, .sr_only, .hidden, .blind, .IR {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0)}


/*display style*/
.diB{display:block !important}
.diIn{display:inline !important}
.diInB{display:inline-block !important}
.diNone{display:none !important}


/*align*/
.txt_center, .TxtC, .TxtC > * {text-align:center !important}
.txt_left, .TxtL{text-align:left !important}
.txt_rightm, .TxtR{text-align:right !important}


/* Essential ---------------------------------------------------------------- */
.wrap {width:100%; position:relative;}
.layout_fix {max-width:1024px; padding: 0 10px; margin:0 auto; position:relative; box-sizing: content-box;} /* 이부분 실작업시 수정할것! 컨텐츠 레이아웃 최대값 */
.layout_fix1200 {max-width:1200px; padding: 0 10px; margin:0 auto; position:relative; box-sizing: content-box;} /* 이부분 실작업시 수정할것! 컨텐츠 레이아웃 최대값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}


/* Form ---------------------------------------------------------------- */
/* lable */
label {overflow:hidden; cursor: pointer;}
input[type=checkbox],input[type=radio] {float:left; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; margin-right:5px; box-sizing:border-box;}

/* input */
input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=file],input[type=search], input[type=submit],input[type=url], input[type=button], button
{-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; background:none; box-sizing:border-box;  }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input::-ms-clear {display: none;} /* ie10 이상에서 input textbox 포커스시 생기는 삭제버튼 숨기기 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;} /* 검색 기본 x버튼 없애기 */
input::placeholder {color: #c7c7d5 !important;}
input::-webkit-input-placeholder {color: #c7c7d5 !important;}
input:-ms-input-placeholder {color: #c7c7d5 !important;}
input:-moz-placeholder {color: #c7c7d5 !important;}

textarea {border:none; background:none; line-height:1.4; padding:15px; box-sizing:border-box; width:100%; -webkit-appearance:none; -webkit-border-radius:0; -webkit-overflow-scrolling: touch;}
textarea::placeholder {color: #c7c7d5 !important;}
textarea::-webkit-input-placeholder {color: #c7c7d5 !important;}
textarea:-ms-input-placeholder {color: #c7c7d5 !important;}
textarea:-moz-placeholder {color: #c7c7d5 !important;}

/* select 기본 화살표 없애기 */
select {-webkit-appearance: none; appearance: none; -moz-appearance: none; -webkit-user-select: none;}
select::-ms-expand {display:none;}

/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

/* 인풋포커스 라인삭제 : 웹접근성 작업 시 삭제 */
input,select,textarea,a {outline:none}

::selection {background:#0044ff; color:#fff; text-shadow: none;}
::-moz-selection {background:#0044ff; color:#fff; text-shadow: none;}
::-webkit-selection {background:#0044ff; color:#fff; text-shadow: none;}


/*************** depth ***************/  

/* 1depth */
h2.dep01 {border-top:1px solid #efefef; color:#333; display:flex; font-size:2.8rem; font-weight:bold; line-height:1.4; margin:8rem 0 3rem; padding-top:5rem; position:relative; word-break:keep-all}
h2.dep01 strong {white-space:nowrap} 
h2.dep01 + h3 {margin-top:2rem}
h2.dep01 + .table {margin-top:-1rem}
h2.dep01 small {color:#888; font-size:1.6rem; font-weight:normal; position:relative; padding:0.33rem 0 0 3rem}
h2.dep01 small:before {content:''; background-color:#ccc; width:1px; height:1.3rem; position:absolute; left:1.5rem; top:5px}
h2.dep01:first-of-type{border-top:0; margin-top:0; padding-top:0}
@media screen and (max-width:768px){

	h2.dep01 {display:block}
	h2.dep01 small {display:block; padding:0}
	h2.dep01 small:before {content:none}
}

/* 2depth */
h3.dep02 {color:#000; font-size:1.8rem; font-weight:500; margin:3.5rem 0 1rem 5px; padding-left:2.2rem; position:relative; word-break:keep-all}
h3.dep02:before {content:''; border:.4rem solid #0c5fac; width:1.5rem; height:1.5rem; position:absolute; left:0; top:0.7rem}
h3.dep02:after {content:''; background:#2ba8df; width:.4rem; height:.4rem; position:absolute; left:1.1rem; top:.7rem; z-index:1}
	ul.dep02 > li {color:#000; font-size:1.8rem; font-weight:500; margin:1rem 0 1rem 5px; padding-left:2.2rem; position:relative; word-break:keep-all}
	ul.dep02 > li:before {content:''; border:.4rem solid #0c5fac; width:1.5rem; height:1.5rem; position:absolute; left:0; top:0.7rem}
	ul.dep02 > li:after {content:''; background:#2ba8df; width:.4rem; height:.4rem; position:absolute; left:1.1rem; top:.7rem; z-index:1}
h3.dep02 span {display:block; word-break:keep-all}

/* 3depth */
h4.dep03, span.dep03 {color:#222 !important; display:inline-block; font-size:16px!important; font-weight:normal !important; position:relative; padding:0 0 0 13px !important; line-height:1.6; /*margin-left:1rem;*/ word-break:keep-all}
h4.dep03:before, span.dep03:before {content:'';  background-color:#8cb3e3; border-radius:100%; position:absolute; left:0; top:10px; width:4px; height:4px}
h4.dep03:after, span.dep03:after {content: ''; position: absolute; width: 0; height: 0; background-color:inherit !important; border-radius: 0; left: 0; top: 15px;}

/* 4depth */
h5.dep04, span.dep04 {color:#555 !important; display:block; font-size:15px!important; font-weight:normal !important; position:relative; padding:0 0 0 13px !important; line-height:1.6; word-break:keep-all; vertical-align:middle}
h5.dep04:before, span.dep04:before {content:''; background-color:#999; position:absolute; left:0; top:9px; width:6px; height:1px}
/* 5depth */
ul.dep05 li > ul {padding:15px 0}
h6.dep05 {color:#666; display:block; font-size:14px; font-weight:normal; position:relative; padding:0 0 0 8px; line-height:1.6; word-break:keep-all}
h6.dep05:before {content:''; background-color:#999; position:absolute; left:0; top:0.9rem; width:2px; height:2px}

/* 2depth 로 시작*/
ul.dep02 ul {padding:0 0 0.7rem; word-break:keep-all}
ul.dep02 > li > ul { margin-top:1rem; margin-left:5px}
ul.dep02 > li > ul > li {color:#000; display:block; font-weight:normal; font-size:1.5rem; position:relative; padding:0 0 0 10px; line-height:1.6; margin:0.3rem 0}
ul.dep02 > li > ul > li:before {content:'';  background-color:#8cb3e3; border-radius:100%; position:absolute; left:0; top:0.9rem; width:5px; height:5px}
ul.dep02 > li > ul > li > ul > li {color:#666; display:block; font-size:1.5rem; font-weight:normal; position:relative; padding:0 0 0 13px; line-height:1.6; margin:0.2rem 0}
ul.dep02 > li > ul > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0; top:1.1rem; width:6px; height:1px}
ul.dep02 > li > ul > li > ul > li > ul > li {color:#666; display:block; font-size:1.4rem; font-weight:normal; position:relative; padding:0 0 0 8px; line-height:1.4}
ul.dep02 > li > ul > li > ul > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0; top:0.9rem; width:2px; height:2px}

/* 3epth 로 시작*/
.dep02 + .dep03 {margin-left:2rem;}
ul.dep03 {margin-bottom:1.5rem; word-break:keep-all}
ul.dep03 > li {color:#222; display:block; font-size:16px; font-weight:normal;position:relative; padding:0 0 0 13px; line-height:1.6; margin:0.3rem 0; list-style:inherit;}
ul.dep03 > li:before {content:'';  background-color:#8cb3e3; border-radius:100%; position:absolute; left:0; top:10px; width:4px; height:4px}
ul.dep03 > li:after {content: ''; position: absolute; width: 0; height: 0; background-color: inherit; border-radius: inherit; left: 0; top: 0;}
ul.dep03 > li > ul {margin-left:.3rem}
ul.dep03 > li > ul > li {color:#666; display:block; font-weight:normal; position:relative; padding:0 0 0 13px; line-height:1.6; /*margin:0.2rem 0*/}
ul.dep03 > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0; top:10px; width:6px; height:1px}
ul.dep03 > li > ul > li > ul > li {color:#666; display:block; font-weight:normal; position:relative; padding:0 0 0 8px; line-height:1.4}
ul.dep03 > li > ul > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0; top:0.9rem; width:2px; height:2px}
ul.dep03 > li > ul > li > ul > li:after {content: ''; background-color:inherit; position: absolute; left: 0; top: 0; width: 0; height:0;}

/* 4epth 로 시작*/
ul.dep04 {margin:5px 0 5px 0; word-break:keep-all}
ul.dep04 > li {color:#666; display:block; font-weight:normal; position:relative; padding:0 0 0 13px; line-height:1.4; /*margin:0.2rem 0*/}
ul.dep04 > li:before {content:''; background-color:#999; position:absolute; left:0; top:10px; width:6px; height:1px}
ul.dep04 > li:after {content: ''; position: absolute; width: 0; height: 0; background-color: inherit; border-radius: inherit; left: 0; top: 0;}
ul.dep04 > li > ul > li > ul > li {color:#666; display:block; font-size:1.4rem; font-weight:normal; position:relative; padding:0 0 0 8px; line-height:1.4}
ul.dep04 > li > ul > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0; top:10.9rem; width:2px; height:2px}

/*참고표시*/
.i-refer {position:relative; padding:0 0 0 1.7rem; color:#222 !important; word-break:keep-all}
.i-refer:before {content:'※'; font-size:20px; position:absolute; left:0.2rem; top:-0.3rem}

.i-info {position:relative; padding:0 0 0 1.7rem; color:#e31010 !important; word-break:keep-all}
.i-info:before {content:''; font-family:xeicon; font-size:16px; position:absolute; left:0; top:0}

.i-error {position:relative; padding:0 0 0 1.7rem; color:#0065e3 !important; word-break:keep-all}
.i-error:before {content:''; font-family:xeicon; font-size:16px; position:absolute; left:0; top:0}

.emphasis {position:relative; display:block; font-size:16px; padding-left:15px; color:#999!important}
.emphasis:before {content: "*"; position: absolute; left: 0; top: -3px; font-size: 1.9rem; font-weight: 600; color: #D30000;}


/* font : 기본 ---------------------------------------------------------------- */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}