@charset "UTF-8";
@import url(./oneFont.css);

/* reset */
html {height: 100%;}
html.noScroll {overflow: hidden;}
body {height: 100%; margin: 0; padding: 0; font-family: 'Noto Sans Korean', sans-serif; word-break: keep-all; letter-spacing: -0.06em; color: #555555;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {margin: 0; padding: 0; border: 0; font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
a {color: inherit; text-decoration: none;}
fieldset {padding: 0; border: none;}
legend {display: none;}
address {font-style: normal;}
button {background:none; border:0px; padding:0px; margin:0px; cursor:pointer; box-sizing: border-box; font-family: 'Noto Sans Korean', sans-serif;}
.skip {position: absolute; font-size: 0; width: 0; height: 0; text-indent: 1000px; line-height: 0; overflow: hidden;}
.hdtxt {font-size: 0; width: 0; height: 0; text-indent: 1000px; line-height: 0; overflow: hidden;}
#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#0049BE; color:#fff; text-align:center; border: 2px solid #ffb300;}
input {font-family: 'Noto Sans Korean', sans-serif;}
input::placeholder {font-size: 1em;}

.skipToContent > li > a {position: fixed; top: 0; left: -100%; width: 100%; line-height: 40px; text-align: center; color: #fff; background-color: #0B84E1; z-index: 1000;}
.skipToContent > li > a:focus {left: 0;}

/* Contents */
[class^="oneT1"] .btnS-gray {margin: 0 0 3px 16px;}
[class^="oneT4"] .btnS-gray {margin: 0 0 3px 16px;}
.oneT1 {position: relative; margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #000000;}
.oneT1-border {position: relative; margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #000000; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #E1E1E1;}
.oneT2 {position: relative; margin-bottom: 16px; font-size: 21px; font-weight: 500; color: #000000;}
.oneT2-border {position: relative; margin-bottom: 16px; padding-bottom: 16px; font-size: 21px; font-weight: 500; color: #000000; border-bottom: 1px solid #E1E1E1;}
.oneT3 {position: relative; margin-bottom: 6px; font-size: 18px; font-weight: 500; color: #000000;} 
.oneT4 {position: relative; font-size: 17px; font-weight: 500; color: #000000;}

.oneTRight {position: absolute; right: 0; bottom: 0;}
.oneTRight .btnS-gray {margin: 0;}

.oneP {margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 25px; color: #555555;}
/* .oneP a {color: #0049BE;} */
/* .oneP a:hover {text-decoration: underline;} */

.oneCaution {display: block; padding: 4px 0 0 8px; font-size: 15px; text-indent: -3px; color: #1F3D7B;}
.oneCaution:before {display: inline-block; content: "*";}

.oneCaution-warning {position: relative; display: block; padding: 4px 0 0 15px; font-size: 15px; font-weight: 400; text-indent: -8px; color: #D80000;}
.oneCaution-warning:before {display: inline-block; margin-right: 4px; content: "※";}

.oneContact {width: 100%; padding: 12px 0 12px 16px; font-size: 14px; font-weight: 400; border-radius: 5px; color: #444444; background-color: #F3F3F3; box-sizing: border-box;}
.oneContact > p {display:inline-block; padding-left: 10px;}
.oneContact_title {margin-right: 10px; padding-right: 10px; font-size: 14px; font-weight: 500; white-space: nowrap; border-right: 1px solid #E1E1E1; color: #0C2940;}
.oneContact_title img {margin-right: 5px;}

.oneImgBox {text-align: center; overflow-x: auto;}
.oneImgBox img {max-width: 100%; }


.oneShareBtns {position: relative; float: right; margin-top: 4px; z-index: 10;}
.oneShareBtns > a {position: relative; display: inline-block; width: 34px; height: 34px; margin-left: 6px; text-align: center; border-radius:50%; border: 1px solid #E1E1E1; overflow: hidden; transition: all linear 0.3s;}
.oneShareBtns > a.on > .oneShareBtnIn > svg:first-child path {fill: #0E4BAC; stroke: #0E4BAC;}
.oneShareBtns > a:hover .oneShareBtnIn {bottom: 100%;}
.oneShareBtns > a:first-child .oneShareBtnIn {background: url(/assets/img/common/icon-scrap.svg) no-repeat center;}
.oneShareBtns > a:last-child .oneShareBtnIn {background: url(/assets/img/common/icon-print.svg) no-repeat center;}
.oneShareBtns > a:focus {outline: 2px solid #ff6308;}

.oneShareBtnIn {position: relative; bottom: 0; height: 200%; transition: all 0.3s; background: url(/assets/img/common/icon-sc);}
.oneShareBtnIn > svg {display: none;}


/* List */
.oneList > li {margin-bottom: 12px; font-size: 16px; font-weight: 400; color: #555;  line-height: 1.5em;}
.oneList > li:last-child {margin-bottom: 0;}

.oneDashList > li {margin-bottom: 6px; font-size: 16px; text-indent: -0.3em; margin-left: -0.4em; padding-left: 1em;  line-height: 1.5em;}
.oneDashList > li:last-child {margin-bottom: 0;}
.oneDashList > li::before {display: inline-block; margin-right: 5px; content: "-";}
.oneDotList > li {margin-bottom: 6px; font-size: 16px; text-indent: -0.3em; margin-left: -0.4em; padding-left: 1em; line-height: 1.5em;}
.oneDotList > li:last-child {margin-bottom: 0;}
.oneDotList > li:before {display: inline-block; margin-right: 2px; content: "·";}
.oneIndentList {margin-left: 20px; padding: 4px 0;}

/* 본문 요약정보 */ 
.oneDesc {position: relative; margin-bottom: 40px; padding: 20px 24px; border-radius: 10px; background-color: #F7F8F9;}
.oneDesc_icon {position: absolute; top: 24px; display: inline-block; margin: 0 5px 8px; font-size: 18px; font-weight: 500; color: #0049BE; vertical-align: middle;}
.oneDesc_title {display: inline-block; margin: 0 0 8px; padding-left: 30px; font-size: 18px; font-weight: 500; color: #0049BE; vertical-align: middle;}
.oneDesc_text {margin-bottom: 4px; font-size: 16px; font-weight: 400; color: #555; line-height: 1.5em;}
.oneDesc_text > strong {font-weight: 500;}
.oneDesc_list {font-size: 16px; font-weight: 400; color: #555; }
.oneDesc_list > li {position: relative; margin-bottom: 6px; padding-left: 12px;}
.oneDesc_list > li:before {position: absolute; top: 9px; left: 0; display: block; content: ""; width: 3px; height: 3px; border-radius: 100%; background-color: #666666;}
.oneDesc_list > li:last-child {margin-bottom: 0;}
.oneDesc_list > li > ul > li:before {display: inline-block; content: "-"; margin-right: 6px;}
.oneDesc_list.noBullet > li {padding-left: 0;}
.oneDesc_list.noBullet > li:before {display: none;}
.oneDesc_list.noBullet > li > ul > li {padding-left: 20px;}
.oneDesc_list.noBullet > li > ul > li:before {display: none;}

.oneDesc_caution {display: inline-block; margin: 4px 0; font-size: 14px; color: #D80000;}
.oneDesc_number {font-weight: 500; color: #1F3D7B;}

.oneDesc a:hover {color: #0B84E1;}

/* 분할된 콘텐츠 박스 */
.oneRoundBox {margin: -32px;}
.oneRoundBox > ul {display: table; width: 100%; border-spacing: 32px;}
.oneRoundBox > ul > li {position: relative; display: table-cell; width: 50%; border-radius: 15px; border: 1px solid #E1E1E1; overflow: hidden;}

.oneRoundBox.list3 > ul > li {width: 33.33%;}

/* .oneRoundBox + .oneCaution-warning {position: relative; transform: translateY(-40px);} */

.oneShortcut {padding-bottom: 72px;}
.oneShortcut_body {display: inline-block; padding: 22px 25px; border-spacing: 0; vertical-align: middle; box-sizing: border-box;}
.oneShortcut_title {display: table-cell;  font-size: 17px; font-weight: 500; vertical-align: middle; white-space: nowrap; color: #333333;}
.oneShortcut_text {display: table-cell; padding-left: 24px; font-size: 15px; font-weight: 400;}
.oneShortcut .btnGroup {position: absolute; bottom: 0; width: 100%; margin: 0; padding: 15px 0; background-color: #F7F8F9; box-sizing: border-box;}


/* button */
.btnS-gray {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 2px 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #636E81; color: #fff; background:#636E81; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-gray:hover {background:#394252;}
.btnS-gray img {margin: 0 4px -2px 0;}
.btnS-gray i {display: inline-block; margin-right: 4px;} /* 고민 필요 */
.btnS-disabled {display: inline-block; line-height: 30px; margin: 2px 0;}

.btnS-grayLine {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 2px 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #636E81; color: #636E81; background:#ffffff; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-grayLine:hover {color: #ffffff; background-color: #636E81;}

.btnS-navy {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 2px 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #1F3D7B; color: #ffffff; background:#1F3D7B; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-navy:hover {color: #ffffff; background-color: #ffffff;}
.btnS-navyLine {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 2px 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #1F3D7B; color: #1F3D7B; background:#ffffff; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-navyLine:hover {color: #ffffff; background-color: #1F3D7B;}

.btnS-blue {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 2px 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #0049BE; color: #ffffff; background:#0049BE; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-blue:hover {color: #ffffff; background-color: #ffffff;}
.btnS-blueLine {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 2px 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #0049BE; color: #0049BE; background:#ffffff; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-blueLine:hover {color: #ffffff; background-color: #0049BE;}

.btnS-red {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 0 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid  #D90000; color: #ffffff; background: #D90000; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-red:hover {color: #ffffff; background-color: #D90000;}

.btnS-green {position:relative; overflow:hidden; display: inline-block; min-width: 68px; margin: 0 1px; padding: 0 10px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 5px; border: 1px solid #00975F; color: #ffffff; background:#00975F; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnS-green:hover {color: #ffffff; background-color: #00975F;}


.btnM-gray {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #fff; border: 1px solid #636E81; background-color: #636E81; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-gray i {font-size: 12px;}
.btnM-gray .icon-downLoad {margin-right: 6px; font-size: 14px;}
.btnM-gray:hover {background-color: #323c4d;}
.btnM-grayLine {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #636E81; border: 1px solid #636E81; background-color: #ffffff; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-grayLine:hover {color: #ffffff; background-color: #636E81;}

.btnM-navy {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #ffffff; border: 1px solid #1F3D7B; background-color: #1F3D7B; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-navy:hover {color: #1F3D7B; background-color: #ffffff;}
.btnM-navyLine {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #1F3D7B; border: 1px solid #1F3D7B; background-color: #ffffff; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-navyLine:hover {color: #ffffff; background-color: #1F3D7B;}
.btnM-navy i {font-size: 12px;}

.btnM-blue {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #ffffff; border: 1px solid #0049BE; background-color: #0049BE; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-blue:hover {background-color: #ffffff;}
.btnM-blueLine {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #0049BE; border: 1px solid #0049BE; background-color: #ffffff; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-blueLine:hover {color: #ffffff; background-color: #0049BE;}
.btnM-blue i {font-size: 12px;}

.btnM-red {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #ffffff; border: 1px solid #ff0000; background-color: #ff0000; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-red:hover {}

.btnM-green {display: inline-block; min-width: 80px; margin: 0 1px; padding: 0 16px; line-height: 38px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border-radius: 5px; color: #ffffff; border: 1px solid #EFCB6A; background-color: #EFCB6A; box-sizing: border-box; letter-spacing: -0.06em; vertical-align: middle; transition: all 0.3s;}
.btnM-green:hover {}

.btnL-gray {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #fff; border: 1px solid #636E81; background-color: #636E81; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-gray:hover {background:#394252;}
.btnL-grayLine {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #636E81; border: 1px solid #636E81; background-color: #ffffff; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-grayLine:hover {color: #ffffff; background-color: #636E81;}
.btnL-gray i {margin-left: 6px; font-size: 15px; vertical-align: -1px;}
.btnL-gray .icon-downLoad {margin: 0 6px 0 0;}
.btnL-gray .icon-print2 {margin: 0 6px 0 0;}

.btnL-navy {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #fff; border: 1px solid #1F3D7B; background-color: #1F3D7B; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-navy:hover {color: #ffffff; background-color: #ffffff;}
.btnL-navyLine {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #1F3D7B; border: 1px solid #1F3D7B; background-color: #ffffff; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-navyLine:hover {color: #ffffff; background-color: #1F3D7B;}
.btnL-navy i {font-size: 12px;}

.btnL-blue {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #ffffff; border: 1px solid #0049BE; background-color: #0049BE; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-blue:hover {color: #ffffff; background-color: #ffffff;}
.btnL-blueLine {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #0049BE; border: 1px solid #0049BE; background-color: #ffffff; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-blueLine:hover {color: #ffffff; background-color: #0049BE;}
.btnL-blue i {margin-right: 6px; font-size: 14px; vertical-align: 0;}
.btnL-blue .icon-next {margin-left: 6px; font-size: 14px; vertical-align: 0;}
.btnL-blue .icon-play {font-size: 16px;}

.btnL-red {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #fff; border: 1px solid #ff0000; background-color: #ff0000; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-red:hover {}

.btnL-green {display: inline-block; min-width: 160px; margin: 0 1px; padding: 0 30px; line-height: 46px; font-size: 16px; text-align: center; border-radius: 10px; color: #fff; border: 1px solid #EFCB6A; background-color: #EFCB6A; box-sizing: border-box; vertical-align: middle; transition: all 0.3s; letter-spacing: -0.06em;}
.btnL-green:hover {}

.btn-iconOnly {min-width: 0;}
.btn-iconOnly > i {margin-right: 0;}
.btnGroup {margin-top: 50px; overflow:hidden; letter-spacing: 10px;}
.btnGroup_left {float:left;}
.btnGroup_right {float:right;}


/* Tooltip */ /* 툴팁은 보류 */
.oneTooltip {position: relative; display: inline-block; margin-left: 6px; vertical-align: middle;}
.oneTooltip:after {position: absolute; left: 50%; display: block; content: ""; width: 10px; height: 10px; background-color: #ffffff; transform: translate(-50%, 8px) rotate(45deg) skew(15deg, 15deg); opacity: 0; visibility: hidden; transition: all 0.3s 0.2s; z-index: 100;}
.oneTooltip > a {display: inline-block; width: 20px; height: 20px; background: url(../img/common/icon_tooltip.svg);}
.oneTooltipIn {position: absolute; transform: translate(-25%, 12px); left: 50%; padding: 15px; border-radius: 10px; white-space: nowrap; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px; visibility: hidden; opacity: 0; z-index: -100; transition: all 0.3s 0.2s;}
.oneTooltipIn > strong {display: block; font-size: 14px; font-weight: 500; color: #0B84E1;}
.oneTooltipIn > p {font-size: 14px; font-weight: 400; color: #666666;}

.oneTooltip:hover:after {visibility: visible; opacity: 1; transition: all 0.3s;} 
.oneTooltip:hover .oneTooltipIn {visibility: visible; opacity: 1; z-index: 100; transition: all 0.3s;}


.tooltip {display: inline-block; margin-left: 6px; vertical-align: middle;}
.tooltip > a {display: inline-block; width: 20px; height: 20px; background: url(../img/common/icon_tooltip.svg);}
.tooltip_contents {display: none;}
.tooltip:hover .tooltip_contents {display: block;}

/* Loading */
.oneLoading {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.65); z-index: 1000;}
.oneLoading > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.oneLoading.inner {position: absolute;}


/* Tab */
.oneTab {width: 100%; margin-bottom: 32px; line-height: 46px; border: 1px solid #E1E1E1; border-radius: 5px; background-color: #F7F8F9;}
.oneTab:after {content: ""; display: block; clear: both;}
.oneTab > li {position: relative; float: left; font-size: 16px; font-weight: 500; text-align: center; border-radius: 5px; box-sizing: border-box; color: #666666;}
.oneTab > li:after {position: absolute; top: 0; bottom: 0; margin: auto 0; display: block; content: ""; width: 1px; height: calc(100% - 12px);  background-color: #E1E1E1;}
.oneTab > li:first-child:after {display: none;}
.oneTab > li.on {color: #ffffff; background-color: #0049BE;}
.oneTab > li.on:after {display: none;}
.oneTab > li > a {display: block;}
.oneTab > li > a:focus {outline: 2px solid #ff6308; border-radius: 3px;}
.oneTab.list2 > li {width: 50%;}
.oneTab.list3 > li {width: 33.33%;}
.oneTab.list4 > li {width: 25%;}
.oneTab.list5 > li {width: 20%;}
.oneTab.list6 > li {width: 16.66%;}
.oneTab.list7 > li {width: 14.28%;}

.oneTabContents {position: relative;}
.oneTabContents > li {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: all 0.3s; z-index: -10;}
.oneTabContents > li.on {position: relative; opacity: 1; transition: all 0.3s 0.3s; z-index: unset;}

.oneTabSub {position: relative; margin-bottom: 26px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; font-size: 0;}
.oneTabSub:after {position: absolute; bottom: 0; display: block; content: ""; width: 100%; height: 1px; background-color: #000;}
.oneTabSub > li {position: relative; display: inline-block; font-size: 15px; font-weight: 400; line-height: 38px; text-align: center; border: 1px solid #E1E1E1; border-bottom: 1px solid #000000; border-radius: 5px 5px 0 0; color: #666666; background-color: #F9F9F9; transition: all 0.3s;}

.oneTabSub > li a {display: block; padding: 0 30px;}
.oneTabSub > li a:focus {border: 1px dashed #ff6308; outline: none; border-radius: 3px;}
.oneTabSub > li.on {position: relative; border-color: #000000; border-bottom: 1px solid #ffffff; font-weight: 500; color: #000000; background-color: #ffffff; z-index: 1;}


.oneTabSub > li:hover {color: #000; box-shadow: inset 0 -3em 0 0 #ffffff; border-color: #000;}

.oneTabSubContents {position: relative;}
.oneTabSubContents > li {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: all 0.3s; z-index: -10;}
.oneTabSubContents > li.on {position: relative; opacity: 1; transition: all 0.3s 0.3s; z-index: unset;}

/* Filter */
.oneFilter {margin-bottom: 25px;}
.oneFilter > li {display: inline-block; margin-right: 6px; font-size: 15px; font-weight: 500; border-radius: 20px; border: 1px solid #E1E1E1; color: #666666; background-color: #F7F8F9;}
.oneFilter > li:last-child {margin-right: 0;}
.oneFilter > li > a {display: block; min-width: 50px; padding: 0 12px; line-height: 32px; box-sizing: border-box;}
.oneFilter > li.on {border-color: #000000; color: #000000; background-color: #ffffff;}

.oneCertHistoryFilter {position: relative; margin-bottom: 80px; padding: 0 24px 16px 24px; background-color: #EFF1F4;}
.oneCertHistoryFilter > ul {overflow: hidden;}
.oneCertHistoryFilter > ul > li {float: left; width: calc(100% / 6); margin-right: 20px;}
.oneCertHistoryFilter > ul > li > h4 {margin-bottom: 10px; font-size: 15px;}
.oneCertHistoryFilter > ul > li > h4 > span {float: right; line-height: 22px; font-size: 14px; font-weight: 500; color: #0049BE;}

.oneCertHistoryFilter > ul > li:last-child {width: calc((100% / 6) * 3 - 60px); margin-right: 0;}
.oneCertHistoryFilter > ul > li:last-child > h4 > span {float: none; margin-left: 59px;}
.oneCertHistoryFilter > ul > li:last-child > ul > li {float: left; width: calc(33.33%); padding-right: 20px; box-sizing: border-box;}
.oneCertHistoryFilter > ul > li:last-child > ul > li:nth-child(3n) {padding-right: 10px;}
.oneCertHistoryFilter > ul > li > ul > li {margin-bottom: 4px; color: #444;}
.oneCertHistoryFilter > ul > li > ul > li > span {float: right; font-size: 14px;}
.oneCertHistoryFilter > ul > li > ul > li .oneField {margin-right: 0; font-size: 14px; color: #444;}
.oneCertHistoryFilter > ul > li > ul > li .oneField span {margin-left: 2px;}

.oneCertHistoryFilter > ul > li > ul > li .oneField input[type="checkbox"]:disabled + span {opacity:0.3;}

.oneCertHistoryFilterHead {margin-bottom: 16px; line-height: 70px; font-size: 14px; border-bottom: 1px dashed #E1E1E1; color: #666666;}
.oneCertHistoryFilterHead img {margin: 0 4px 0 12px; vertical-align: middle;}

.oneFilterBox_head {margin-bottom: 16px; line-height: 70px; font-size: 14px; border-bottom: 1px dashed #E1E1E1; color: #666666;}
.oneFilterBox_head img {margin: 0 4px 0 12px; vertical-align: middle;}
.oneFilterBox_search {position: relative; float: right;}
.oneFilterBox_search .oneField input[type="text"] {height: 36px; padding-right: 34px;}
.oneFilterBox_search .icon-search {position: absolute; top: 19px; right: 0; display: inline-block; padding: 0 12px; line-height: 36px;}

.oneCertHistoryFilter .oneCaution-warning {position: absolute; top: 100%; right: 0; margin-top: 10px;}


/* STEP */
.oneStep {position: relative; display: flex; width: 100%; margin-bottom: 40px; line-height: 21px; overflow: hidden;}
.oneStep > li {position: relative; display: flex; justify-content: center; align-items: center; height: 52px; padding: 0 12px; font-size: 15px; font-weight: 500; text-align: center; vertical-align: middle; border: 1px solid #F2F7FB; color: #666666; background-color: #EFF1F4; box-sizing: border-box;}
.oneStep > li:after {position: absolute; content: ""; top: -2px; right: -18px; width: 0px; height: 0px; border-top: 27px solid transparent; border-right: 20px solid #EFF1F4; border-bottom: 27px solid transparent; transform: rotate(180deg); z-index: 2;}
.oneStep > li:before {position: absolute; content: ""; top: -2px; right: -21px; width: 0px; height: 0px;  border-top: 27px solid transparent; border-right: 20px solid #fff; border-bottom: 27px solid transparent; transform: rotate(180deg); z-index: 2;}
.oneStep > li > a {display: inline-block; word-break: keep-all;}
.oneStep > li.on {font-weight: 500; border-color: #000000; color: #000000; background-color: #ffffff;}
.oneStep > li.on:after {top: -1px; right: -20px; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-right: 20px solid #ffffff;}
.oneStep > li.on:before {top: -1px; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-right: 20px solid #000000;}
.oneStep > li.on span {position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: rotate(180deg); z-index: 10;}
.oneStep > li.on span:after {content: ""; position: absolute; top: -1px; left: calc(100% - 19px); border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-right: 20px solid #EFF1F4;}
.oneStep > li.on span:before {content: ""; position: absolute; top: -1px; left: calc(100% - 20px); border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-right: 20px solid #000000;}
.oneStep > li:first-child span {display: none;}
.oneStep > li:nth-last-of-type(1).on:before {display: none;}
.oneStep > li:nth-last-of-type(1).on:after {display: none;}


.oneStep > li.on ~ li {}

.oneStep.step3 {width: 100%;}
.oneStep.step3 > li {width: 33.33%;}
.oneStep.step4 {width: 100%;}
.oneStep.step4 > li {width: 25%;}
.oneStep.step5 {width: 100%;}
.oneStep.step5 > li {width: 20%;}



/* Search */
.oneSearch {position: relative; margin-bottom: 50px; padding: 7px 112px 7px 17px; background-color: #EFF1F4;}
.oneSearch.ac {padding: 4px 0;}
.oneSearch:after {display: block; content: ""; clear: both;}

.oneSearch .oneField {margin: 6px 12px 6px 0; white-space: nowrap;} /* !!! whiute-space, 인풋과 텍스트가 서로 떨어지지 않게 하기 위함, 다른 곳에 영향을 줄 수도 있으니 문제가 될 시 삭제 */
.oneSearch .oneField input[type="radio"] + span {margin-right: 12px;}
.oneSearch .oneField span {line-height:36px; font-size: 14px; font-weight: 500; vertical-align: middle; color: #333333;}
.oneSearch .oneFieldGroup {display: inline-block;}
.oneSearch .oneFieldGroup-half {float: left; width: calc(50% - 10px);}
.oneSearch .oneFieldGroup-half:nth-child(2n + 1) {margin-right: 20px;}
.oneSearch .oneFieldGroup-3 {float: left; width: 33.33%;}

.oneSearch select {height: 36px; border: 1px solid #E1E1E1; border-radius: 5px; padding: 0 6px; color: #666666; font-weight: 400; font-family: 'Noto Sans Korean', sans-serif; font-size: 15px;}

.oneSearch_item:first-child {padding-left: 0;}
.oneSearch_item:first-child:after{display: none;}

.oneSearch_text {display: inline-block; margin-right: 8px;}
.oneSearch_left {float: left; width: 50%;}
.oneSearch_right {float: left; width: 50%;}

.oneSearch .oneFilter {display: inline-block; margin-right: 12px; margin-bottom: 0; vertical-align: middle;}
/* .oneSearch .oneField {line-height: 52px;} */
.oneSearch .oneField.oneDate input[type="text"] {height: 36px;}
.oneSearch .oneField input[type="text"] {height: 36px; border-color: #E1E1E1;}
.oneSearch .oneField .selectric {border-color: #E1E1E1;}
.oneSearch .oneField.round input[type="radio"] + span {margin-right: 0; line-height: 30px;} 
.oneSearch .selectric .label {width: 100%; height: 34px; line-height: 34px;} 
.oneSearch .selectric .button {height: 36px; line-height: 36px;}
/* .oneSearch .oneCaution {position: absolute; top: 100%; left: 0;} */

.oneSearch_submit {position: absolute; top: 0; bottom: 0; right: 25px; margin: auto 0; display: inline-block; min-width: 70px; height: 36px; font-size: 15px; font-weight: 500; line-height: 37px; text-align: center; transition: all 0.3s; border-radius: 5px; color: #ffffff; background-color: #1F3D7B;}
.oneSearch_submit:hover {box-shadow: inset 0 -3.5em 0 0 #152C5C; color: white; background-color: #1F3D7B;}
.oneSearch_submit > i {display: inline-block; margin-right: 5px;}
.oneSearch_submit.center {position: static; margin: 0 6px; vertical-align: middle;}
.oneSearch_submit.center:focus {outline: 2px dashed #ff6308; border: 1px solid #fff;}
.oneSearch_reset {position: absolute; top: 0; bottom: 0; right: 102px; margin: auto 0; display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 5px; color: #ffffff; background-color: #636E81; transition: all 0.3s;}
.oneSearch_reset:hover {box-shadow: inset 0 -3em 0 0 #3e4c60;}
.oneSearch_keypad {display: inline-block; padding: 0 14px; font-size: 14px; font-weight: 400; line-height: 32px; vertical-align: middle; border-radius: 5px; color: #ffffff; background-color: #636E81;}

.oneSearch_filter {display: inline-block; min-width: 50px; margin-left: 6px; font-size: 14px; font-weight: 400; line-height: 32px; text-align: center; vertical-align: middle; border-radius: 5px; border: 1px solid #E1E1E1; color: #666666; background-color: #FFFFFF;  box-sizing: border-box;}
.oneSearch_filter.on {border-color: #000000; color: #000000;}



/* paging */
.onePaging {text-align: center; line-height: 26px;}
.onePaging > li {display: inline-block; min-width: 26px; font-size: 17px; font-weight: 400; vertical-align: middle; color: #888888; transition: all 0.3s; box-sizing: border-box;}
.onePaging > li:hover {color: #0049BE;}
.onePaging > li > a {display: block; padding: 0 4px;}
.onePaging > li > a > i {display: inline-block; line-height: 26px;}
.onePaging > li:nth-child(-n + 2) a i {}
.onePaging > li.on {font-weight: 600; color: #0049BE;}
.onePaging > li.onePagingIcon {font-size: 12px; border-radius: 10px; color: #666666;}
.onePaging > li.onePagingIcon:hover {color: #ffffff; background-color: #000000;}

.onePagingNext {border-top: 1px solid #E1E1E1;}
.onePagingNext a {display: block; font-size: 15px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 55px; border-bottom: 1px solid #E1E1E1; color: #444444;}
.onePagingNext a:hover {font-weight: 500; color: #0049BE;}
.onePagingNext a span {display: inline-block; margin: 0 12px; font-size: 15px; font-weight: 500; color: #000000;}


/* Table */
.oneTable .al {text-align:left;}
.oneTable .ac {text-align:center;}
.oneTable .ar {text-align:right;}
.oneTable .fl {float: left;}
.oneTable .fr {float: right;}
.oneTable .ac > .oneField {margin-right: 0;}
.oneTable .ac > .oneField input[type="checkbox"] + span {margin: 0; padding: 0;}
.oneTable .ac > .oneField input[type="checkbox"] + span:before {display: inline-block; position: static;}
.oneTable .ac > .oneField input[type="radio"] + span {margin: 0; padding: 0;}
.oneTable .ac > .oneField input[type="radio"] + span:before {left: 50%; right: auto; transform: translateX(-50%);}
.oneTable .ac > .oneField input[type="radio"] + span:after {left: 50%; right: auto; transform: scale(0.7) translateX(-50%); transform-origin: left;}

.oneSelect select {height: 36px; border: 1px solid #E1E1E1; border-radius: 5px; padding: 0 6px; color: #666666; font-weight: 400; font-family: 'Noto Sans Korean', sans-serif; font-size: 15px;}


.oneTableHead {position: relative; min-height: 20px; margin-bottom: 12px; font-size: 14px; font-weight: 400; color: #666666;}
.oneTableHead img {margin-right: 5px; vertical-align: text-bottom;}
.oneTableHead_left {}
.oneTableHead_left .oneSelect > span {margin-right: 8px; vertical-align: middle;}
.oneTableHead_right {position: absolute; bottom: 0; right: 0;}

.oneTable {width: 100%; margin-bottom: 50px; text-align: center; border-top: 1px solid #333333; border-collapse: collapse;}
.oneTable caption {position: absolute; font-size: 0; width: 0; height: 0; text-indent: 1000px; line-height: 0; overflow: hidden;}
.oneTable a {transition: all 0.3s;}
.oneTable a:hover {color: #0B84E1;}
.oneTable [class*="btnS"] {padding: 5px; line-height: 16px;}
.oneTable [class*="btnS"]:hover {color: #ffffff;}
.oneTable .btnS-disabled:hover {color: #333333;} 
.oneTable [class*="btnM"]:hover {color: #ffffff;}
.oneTable [class*="btnL"]:hover {color: #ffffff;}
.oneTable_text {display: inline-block; margin: 0 8px;}
.oneTable_notice a {font-weight: 500;}

.oneTable > thead > tr > th {position: relative; padding: 12px; font-size: 14px; font-weight: 500; color: #000000; background-color: #ecf0f3;}
.oneTable > thead > tr > th:after {position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; display: block; content: ""; width: 0px; height: calc(100% - 30px); border-right: 1px dashed #B7C4D1;}
.oneTable > thead > tr > th:first-child:after {display: none;}
.oneTable > tbody > tr {transition: all 0.3s;}
.oneTable > tbody > tr > th {padding: 16px; font-size: 15px; font-weight: 500; text-align: left; border-bottom: 1px solid #E1E1E1; color: #000000; background-color: #F7F8F9;}
.oneTable > tbody > tr > th ~ td {text-align: left;}
.oneTable > tbody > tr > td {min-height: 55px; padding: 12px; font-size: 15px; border-bottom: 1px solid #E1E1E1; color: #333333;}
.oneTable > tbody > tr > td.on {padding: 16px; background-color: #F7F8F9;}
.oneTable > tbody > tr > td.notice {font-weight: 500; color: #000000;}
.oneTable > tbody > tr > td i {font-size: 18px; font-weight: 600;}
.oneTable > tbody > tr > td.oneNew {margin-right: 5px;}
.oneTable > tbody > tr > td.oneNew::before {display: inline-block; content: ""; width: 19px; height: 19px; margin-right: 5px; vertical-align: -3px; background: url(/assets/img/common/icon_new.svg) left top no-repeat;}
.oneTable > tfoot {background-color: #EFF1F4;}
.oneTable > tfoot > tr > th,
.oneTable > tfoot > tr > td {padding: 12px; font-size: 14px; font-weight: 500; color: #000000;}
.oneTable-noMargin {margin-bottom: 0;}
.oneTable.border {border: 1px solid #D7D7D7; border-top-color: #333333;}
.oneTable.hover tbody tr:hover {background-color: #F2F7FB;}
.oneTable.oneBasicTable {table-layout: fixed;}
.oneTable.oneBasicTable .oneColTitle {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* .oneTable textarea {height: 100px; margin: 5px 0;} */


.oneTable-gallery {overflow: hidden;}
.oneTable-gallery > li {float: left; width: calc((100% / 3) - (10% / 3)); margin: 0 5% 3% 0; box-sizing: border-box;}
.oneTable-gallery > li:nth-child(3n) {margin-right: 0;}
.oneTable-gallery > li > a {position: relative; display: block; margin-bottom: 8px; border-radius: 10px; border: 1px solid #ccc;  overflow: hidden; background-color: #f1f1f1; background: url(/assets/img/common/noImg.png); background-size: 100%;}
.oneTable-gallery > li > a:focus {outline: 3px dashed #ff8600;}



.oneTable-gallery > li > a:before {position: relative; display: block; content: ""; padding-bottom: 100%; transition: all 0.3s; z-index: 1;}
.oneTable-gallery > li > a:after {position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; content: "";  border-radius: 50%; opacity: 0; transition: all 0.3s; background-color: rgba(0, 0, 0, 0.12);}
.oneTable-gallery > li > a:hover:before, .oneTable-gallery > li > a:focus:before {background-color: #0049BE; transition: all 0.3s; opacity: 0.95; z-index: 1;}
.oneTable-gallery > li > a:hover:after, .oneTable-gallery > li > a:focus:after {transform: scale(0.62); opacity: 1; z-index: 1;}
.oneTable-gallery > li > a:hover > span, .oneTable-gallery > li > a:focus > span {opacity: 1; z-index: 1;}

.oneTable-gallery > li > a > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-right: 25px; font-size: 15px; font-weight: 500; white-space: nowrap; opacity: 0; color: #ffffff; transition: all 0.3s; background: url(../img/common/icon-arrowSWhite.svg) no-repeat center right;}
.oneTable-gallery > li > a > img {position: absolute; top: 0; left: 0;  display: block; width: 100%; height: 100%; max-width: 100%;}
.oneTable-gallery > li > h3 {display: block; font-size: 17px; font-weight: 400; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1px;}
.oneTable-gallery > li > strong {display: block; font-size: 15px; font-weight: 500; color: #FF7700;}
.oneTable-gallery > li > span {display: inline-block; font-size: 13px; font-weight: 400; color: #666666;}
.oneTable-gallery > li > span > span {margin-left: 8px;}

.oneTable-gallery_img {width: 100%;}
.oneTable-gallery_status {display: block; font-size: 15px; font-weight: 500; color: #FF7700;}
.oneTable-gallery_promoTitle {font-size: 15px; color: #FF7700; font-weight: 500; text-align: left;}
.oneTable-gallery_title {display: block; font-size: 17px; font-weight: 400; color: #000000;}
.oneTable-gallery_date {display: inline-block; margin-right: 8px; font-size: 13px; font-weight: 400; color: #666666;}

.oneTable-survey {}
.oneTable-survey .oneFieldGruop {display: inline-block;}
.oneTable-survey_title {margin-bottom: 15px; font-size: 17px; font-weight: 500; color: #000000;}
.oneTable-survey_text {display: table-cell; font-size: 15px; font-weight: 400; vertical-align: middle; color: #444444; padding-right: 20px;}
.oneTable-survey_right {display: table-cell; text-align: right; white-space: nowrap;}
.oneTable-survey_right .oneFieldGroup {display: inline-block; vertical-align: middle;}
.oneTable-survey_file {display: inline-block; margin-left: 35px; vertical-align: middle;}
.oneTable-survey_file > img {display: block;}


.oneTable-survey > li {margin-bottom: 32px;}
.oneTable-survey > li:last-child {margin-bottom: 0;}
.oneTable-survey > li > ul > li {position: relative; display: table; width: 100%; margin-bottom: 12px; padding: 14px; border-radius: 10px; background-color: #F7F8F9; box-sizing: border-box;}
.oneTable-survey > li > ul > li:last-child {margin-bottom: 0;}


.oneFold {margin-bottom: 60px;}
.oneFold_title {position: relative; padding-bottom: 15px; font-size: 18px; font-weight: 500; border-bottom: 1px solid #E1E1E1; color: #0049BE;}
.oneFold_title > a {position: absolute; right: 0; top: 0;} 
.oneFold_title img {margin: 0 4px -5px 0;}
.oneFold_title i {margin: 0 0 0 4px;}
.oneFold_contents {margin-top: 30px;}


/* BOX */
.oneScrollBox {margin-bottom: 30px; overflow: auto;}
.oneScrollBox .oneTable {margin-bottom: 0;}


/* Form */
.oneField {position: relative; display: inline-block; margin: 2px 0; margin-right: 12px; font-size: 15px; letter-spacing: -0.06em; color: #666666; vertical-align: middle;}
.oneField span {display: inline-block; margin-right: 8px;}
.oneField > a {margin-left: 4px;}
/* .oneField:last-child {margin-right: 0;} */
.oneField input[type="radio"] {position: absolute; width: 0; height: 0; opacity: 0;}
.oneField input[type="radio"] + span {display: inline-block; padding-left: 23px;}
.oneField input[type="radio"] + span:before {position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content: ""; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #6B6B6B; background-color: #ffffff; box-sizing: border-box; transform: scale(1.1);}
.oneField input[type="radio"]:focus + span:before {border: 2px solid #ff6308;}
.oneField input[type="radio"]:checked + span {color: #0145B8;}
.oneField input[type="radio"]:checked + span:after {position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content: ""; width: 17px; height: 17px; border-radius: 50%; transform: scale(0.7); background-color: #0145B8;}

.oneField.round {text-align:center; min-width: 62px; margin-right: 8px; text-align: center; line-height:30px; box-sizing: border-box; vertical-align: middle;}
.oneField.round:last-child {margin-right: 0;}
.oneField.round input[type="radio"] {position: absolute; top: 0; left: 0; transform: translateY(0); width: 100%; height: 100%; margin: 0;}
.oneField.round input[type="radio"] + span {position: relative; display: block; height: 30px; line-height: 28px; min-width: 62px; margin: 0; padding: 0 10px; text-align: center; border-radius: 15px; border: 1px solid #CBCBCB; background-color: #ffffff; box-sizing: border-box; cursor: pointer;}
.oneField.round input[type="radio"] + span:before {display: none;}
.oneField.round input[type="radio"] + span:after {display: none;}
.oneField.round input[type="radio"]:checked + span {color: #ffffff; border: 1px solid #1F3D7B; background-color: #1F3D7B;}
.oneField.round input[type="radio"]:focus + span {outline:2px dashed #ff6308; line-height: 26px;}

.oneField input[type="checkbox"] {position: absolute; width: 0; height: 0; opacity: 0;}
.oneField input[type="checkbox"] + span {display: inline-block; padding-left: 23px;}
.oneField input[type="checkbox"] + span:before {position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; content: ""; width: 17px; height: 17px; border-radius: 2px; border: 1px solid #6B6B6B; background-color: #ffffff; box-sizing: border-box;}
.oneField input[type="checkbox"]:focus + span:before {outline: 2px dashed #ff6308 !important;}
.oneField input[type="checkbox"][disabled] + span:before {background-color: #EFF1F4;}
.oneField input[type="checkbox"]:checked + span {color: #0145B8;}
.oneField input[type="checkbox"]:checked + span:before {border-color: #0049BE; background: url(../img/common/icon_check.svg) no-repeat center center #0049BE;}



.oneField input[type="text"] {height: 32px; padding-left: 8px; font-size: 15px; font-weight: 400; vertical-align: middle; border-radius: 5px; border: 1px solid #D7D7D7; color: #666666; background-color: #ffffff; letter-spacing: -0.08em; box-sizing: border-box;}
.oneField input[type="text"] + span {margin: 0 0 0 5px;}

.oneField input[type="password"] {height: 32px; padding-left: 8px; font-size: 15px; font-weight: 400; vertical-align: middle; border-radius: 5px; border: 1px solid #D7D7D7; color: #666666; background-color: #ffffff; letter-spacing: -0.08em; box-sizing: border-box;}
.oneField input[type="password"] + span {margin: 0 0 0 5px;}

.oneField input[type="file"] {display: none;}

.oneField.oneDate {position: relative; display: inline-block; letter-spacing: -0.06em; color: #666666;}
.oneField.oneDate input[type="text"] {width: 140px; height: 32px; padding-left: 16px; font-size: 15px; font-weight: 400; border-radius: 5px; border: 1px solid #D7D7D7; color: #666666; background-color: #ffffff; box-sizing: border-box;}
.oneField.oneDate > span {display: inline-block; margin-right: 8px;} 

.oneField.oneFile > a {vertical-align: middle;}

.oneAddr > label input {width: 100%;}
.oneAddr > label:nth-of-type(1) {width: calc(100% - 110px);}
.oneAddr > label:nth-of-type(2) input {width: 100%;}

textarea {display: block; width: 100%; height: 100%; padding: 16px; border-radius: 5px; resize: none; font-family: 'Noto Sans Korean', sans-serif; font-size: 15px; border: 1px solid #E1E1E1; box-sizing: border-box;}

.oneFieldList {overflow: hidden;}
.oneFieldList > li {float: left; padding: 2px 0;}
.oneFieldList.list2 > li {width: 50%;}
.oneFieldList > li.oneFieldList_full {width: 100%; padding: 10px 0;}



.oneFieldGroup {}
.oneFieldGroupM .oneField {min-width: 100px; white-space: nowrap;}
.oneFieldGroupL .oneField {min-width: 150px; white-space: nowrap;}
.oneFieldGroup-round {}
.oneFieldGroupTitle {display: inline-block; margin-right: 8px;}

.oneInputS {width: 60px;}
.oneInputM {width: 100px;}
.oneInputL {width: 220px;}
.oneInputXL {width: 400px;}
.oneInputHalf {width: 50%;}
.oneInputHalf input {width: 100%;}
.oneInputFull {width: 100%;}
.oneInputFull input {width: 100%;}

.oneMust {position: relative; display: inline-block;}
.oneMust::after {position: absolute; top: 0; left: 100%; display: block; content: "*"; color: #D80000;}


/* 라이브러리 CSS 커스텀 */
/* Selectric */
.selectric {width: calc(100% + 20px); border-radius: 5px; border: 1px solid #CBCBCB; text-align: left; background-color: #ffffff; box-sizing: border-box;}
.selectric .label {display: inline; font-size: 14px; font-weight: 400; line-height: 30px; color: #333333;}
.selectric .button {height: 32px; line-height: 32px; background-color: transparent;}
.selectric-wrapper {display: inline-block; margin-right: 20px; line-height: normal; vertical-align: middle;}
.selectric-items ul, .selectric-items li {font-size: 14px; text-align: left;}

/* jQuery datepicker */
.ui-datepicker-trigger {position: relative; right: 2px; margin: 0 5px 0 -29px; vertical-align: middle; cursor: pointer;}
.ui-datepicker-trigger img {display: block;}
.ui-monthpicker .ui-datepicker-calendar {display:none;}

/* Layout */
/* Layout > Header */
.oneHeaderLayout {position: fixed; width: 100%; top: 0; z-index: 101; background-color: #ffffff;}
    .oneHeaderTopBox {position: relative; height: 70px; line-height: 70px; border-bottom: 1px solid #E1E1E1; background-color: #ffffff; box-sizing: border-box;}
    .oneHeaderTopBox .containerLayout {height: 100%;}
        .oneHeaderLogo {position: absolute; top: 50%; transform: translateY(-50%); line-height: normal;}
        .oneHeaderLogo img {display: block;}

        .oneHeaderSubMenu {display: inline-block; margin-left: 227px;}
        .oneHeaderSubMenu > li {position: relative; display: inline-block; margin-right: 27px; font-size: 16px; font-weight: 500; color: #666666; vertical-align: -8px;}
        .oneHeaderSubMenu > li:first-child > ul > li:first-child {border-bottom: 1px dashed #E1E1E1;}
        .oneHeaderSubMenu > li:nth-child(2) > ul {width: 430px;}
        .oneHeaderSubMenu > li:nth-child(2) > ul > li {float: left; width: 50%; box-sizing: border-box;}
        .oneHeaderSubMenu > li:last-child {margin-right: 0; vertical-align: 0px;}
        .oneHeaderSubMenu > li > a {position: relative; transition: all 0.3s;}
        .oneHeaderSubMenu > li > a:after {position: absolute; content: ""; top: 100%; left: 0; display: block; height: 2px; width: 0; background-color: #000000; transition: all 0.3s;}
        .oneHeaderSubMenu > li.on > a {color: #000000;}
        .oneHeaderSubMenu > li.on > a:after {width: 100%;}
        .oneHeaderSubMenu > li > a > img {vertical-align: -3px;}
        .oneHeaderSubMenu > li > ul {display: none; position: absolute; left: -50px; min-width: 180px; padding: 2px 0; line-height: normal; white-space: nowrap; border-radius: 5px; border: 1px solid #E1E1E1; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 5px 10px; z-index: 20;}
        .oneHeaderSubMenu > li > ul > li {padding: 15px;}
        .oneHeaderSubMenu > li:nth-child(2) > ul > li {max-height: 210px; min-height: 210px;}
        .oneHeaderSubMenu > li > ul > li > h3 {margin-bottom: 9px; font-size: 15px; font-weight: 500; color: #555;}
        .oneHeaderSubMenu > li > ul > li > ul {font-size: 14px; font-weight: 400; color: #666666;}
        .oneHeaderSubMenu > li > ul > li > ul > li {position: relative; margin-bottom: 9px;}
        .oneHeaderSubMenu > li > ul > li > ul > li:hover {color: #0049BE;}
        .oneHeaderSubMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
        .oneHeaderSubMenu > li > ul > li > ul > li > a > span {vertical-align: middle;}
        .oneHeaderSubMenu > li > ul > li > ul > li > a > img {vertical-align: middle; margin-left: 7px;}
        .oneHeaderSubMenu .subTextBox {background:#eee; margin-top:3px; border-radius:10px; padding:10px; color:#000; font-size:12px; white-space: normal;}
        .oneHeaderBtnList {position: absolute; top: 0; right: 0; display: inline-block;}
        .oneHeaderBtnList > li {display: inline-block;}
        .oneHeaderBtnList > li > a {position: relative; display: block; padding: 0 16px;}
        .oneHeaderBtnList > li > a > img {transform: translateY(6px);}
        .oneHeaderBtnList > li > a > strong {position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); font-size: 11px; font-weight: 500; line-height: normal; opacity: 0; transition: all 0.3s;}
        .oneHeaderBtnList > li > a:hover > strong {bottom: 4px; opacity: 1;}
        .oneHeaderBtnList > li > a:focus {outline: 2px solid #ff6308;}
        .oneAllMenuOpen > a > span {position: relative; display: inline-block; height: 2px; width: 22px; vertical-align: middle; background-color: #000000; transition: all 0.3s;}
        .oneAllMenuOpen > a > span:before {position: absolute; right: 0; bottom: calc(100% + 6px); display: block; content: ""; width: 13px; height: 2px; background-color: #000000; transition: all 0.3s;}
        .oneAllMenuOpen > a > span:after {position: absolute; right: 0; top: calc(100% + 6px); display: block; content: ""; width: 15px; height: 2px; background-color: #000000; transition: all 0.3s;}
        .oneAllMenuOpen:hover > a > span:before {width: 100%;}
        .oneAllMenuOpen:hover > a > span:after {width: 100%;}
        .oneAllMenuOpen.on > a > span {background-color: transparent;}
        .oneAllMenuOpen.on > a > span:before {width: 30px; bottom: auto; transform: rotate(45deg);}
        .oneAllMenuOpen.on > a > span:after {width: 30px; top: auto; transform: rotate(-45deg);}
        
        .subQuick {min-width: 91px; height: 28px; background-color: #F3F3F3; padding: 0 12px; border-radius: 17px; border: 1px solid #F3F3F3; box-sizing: border-box;}
        .subQuick > strong {font-size: 11px; color: #1F3D7B; line-height: 28px; float: left; margin-right: 6px;}
        .subQuick > span {font-size: 13px; color: #1F3D7B; line-height: 28px; float: right; padding-left: 6px; position: relative;}
        .subQuick > span::before {content: ""; display: block; width: 0px; height: calc(100% - 17px); border-right: 1px solid #C9C9C9; position: absolute; top: 8px; left: 0;}
        .subQuick.on {background-color: white; border: 1px solid #1F3D7B; box-sizing: border-box;}
        .subQuick:hover {background-color: white; border: 1px solid #1F3D7B; box-sizing: border-box;}



    .oneHeaderBottomBox {line-height: 94px; border-bottom: 1px solid #D9D9D9;}
        .oneGnb {display: inline-block; margin: 0 -30px;}
        .oneGnb > li {display: inline-block; font-size: 21px; font-weight: 600; vertical-align: bottom; color: #000000;} 
        .oneGnb > li > a {position: relative; display: block; margin: 0 30px}
        .oneGnb > li > a:before {position: absolute; display: block; top: calc(50% + 2px); content: ""; width: 0; height: 16px; background-color: #CDFF5E; transition: all 0.3s; z-index: -1;}
        .oneGnb > li:hover .oneGnbHoverMenu,
        .oneGnbHoverMenu.on {display: block;}
        .oneGnb > li:hover > a:before,
        .oneGnb > li > a:focus:before {width: 100%;}
        .oneGnb > li.on > a:before {width: 100%;}
            .onePaintDash {transition: all 0.3s; stroke-dasharray: 100; stroke-dashoffset: 100;}
            .onePaintDash.on {stroke-dasharray: 0;}
            .oneGnbHoverMenu {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none; width: 100vw; min-height: 210px; max-width: 1290px; margin: 0 auto; padding: 0 0 0 0; line-height: normal; border-top: 1px solid #D9D9D9; box-sizing: border-box; z-index: 10;}
            .oneGnbHoverMenu:before {position: absolute; top: 0; display: block; content: ""; width: 100vw; height: 100%; left: 50%; transform: translateX(-50%); background-color: #ffffff; z-index: -1;}
            /* .oneGnbHoverMenu:after {position: absolute; top: 100%; display: block; content: ""; width: 100vw; height: 100vh; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.5);} */
            .oneGnbHoverMenu > ul {position: relative; max-width: 1290px; min-height: 275px; margin: 0 auto; padding: 38px 0 14px 0; margin-left: 240px; border-left: 1px solid #E1E1E1; box-sizing: border-box;}
            .oneGnbHoverMenu > ul > li {display: inline-block; width: 25%; margin-bottom: 24px; padding-left: 24px;font-size: 18px; font-weight: 400; vertical-align: top; color: #000000; box-sizing: border-box;}
            
            .oneGnbHoverMenu > ul > li:nth-child(-n + 4):after {position: absolute; top: 0; display: block; content: ""; width: 1px; height: 100%; background-color: #E1E1E1;}
            .oneGnbHoverMenu > ul > li:nth-child(1):after {left: 25%;}
            .oneGnbHoverMenu > ul > li:nth-child(2):after {left: 50%;}
            .oneGnbHoverMenu > ul > li:nth-child(3):after {left: 75%;}
            .oneGnbHoverMenu > ul > li:nth-child(4):after {left: 100%;}
            
            .oneGnbHoverMenu > ul > li > a {display: inline-block; max-width: 220px; font-weight: 500;}
            .oneGnbHoverMenu > ul > li > a:hover {color: #0049BE;}
            .oneGnbHoverMenu > ul > li > ul {margin-top: 10px;}
            .oneGnbHoverMenu > ul > li > ul > li {margin: 0 0 6px 0; padding: 0; text-indent: -1px; font-size: 16px; overflow: hidden; color: #666666;}
            .oneGnbHoverMenu > ul > li > ul > li:before {margin-right: 3px;}
            .oneGnbHoverMenu > ul > li > ul > li:last-child {margin-bottom: 0;}
            .oneGnbHoverMenu > ul > li > ul > li > a {position: relative; left: -14px; padding-left: 22px; background: url(/assets/img/common/gnbArrow.svg) no-repeat left 9px; transition: all 0.3s;}
            .oneGnbHoverMenu > ul > li > ul > li > a:hover {left: 0; color: #0049BE;}
            .oneGnbHoverMenu .servicecollection {padding: 0 15px; line-height: 34px; font-size: 15px; font-weight: 500; border-radius: 13px; color: #fff; background-color: #636E81; transition: all 0.3s; display: inline-block;}
            .oneGnbHoverMenu .servicecollection span {vertical-align: middle;}
		    .oneGnbHoverMenu .servicecollection:before {display: inline-block; margin-right: 8px; content: ""; width: 12px; height: 12px; background: url(/assets/img/common/icon-gnbTotalService.svg) no-repeat center center; transition: all 0.1s;}
		    .oneGnbHoverMenu .servicecollection:hover {box-shadow: inset 0 -3em 0 0 #0049BE; color: #fff; transform: scale(1.1);}
		    .oneGnbHoverMenu .servicecollection:hover:before {transform: scale(1.2);}
                .oneGnbHoverMenuLeft {position: absolute; padding-top: 38px;}
                .oneGnbHoverMenuLeft img {margin-bottom: 15px; vertical-align: top;}
                .oneGnbHoverMenuLeft h3 {display: inline-block; margin-bottom: 15px; font-size: 24px; font-weight: 500; vertical-align: middle; color: #000000;}
                .oneGnbHoverMenuLeft p {font-size: 14px; font-weight: 400; color: #666666;}
        .oneGnbBg {position: absolute; top: 100%; left: 0; display: none; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5);}
        .oneGnbBg.on {display: block;}

    .oneHeaderSearch {position: absolute; top: 30px; right: 20px; width: 250px; transition: all 0.3s; z-index: 10;}
    .oneHeaderSearchIn {line-height: normal; box-sizing: border-box; border: 1px solid #ffffff; overflow: hidden; transition: all 0.3s; background-color: #ffffff;}
    .oneHeaderSearchIn > input {width: 100%; padding: 0 40px 10px 0; font-size: 17px; font-weight: 500; border: none; border-bottom: 1px solid #000000; color: #000000; background-color: transparent; box-sizing: border-box; transition: all 0.3s; background: none;}
    .oneHeaderSearchIn > input:focus {outline: none;}
    .oneHeaderSearchIn > input::placeholder {letter-spacing: -0.06em; color: #888888;}
    .oneHeaderSearchIn > a {position: absolute; top: 0; right: 10px; font-size: 22px; transition: all 0.3s;}
    .oneHeaderSearchAuto {position: relative; display: none; width: 100%;}
    .oneHeaderSearchAuto > ul {margin: 0 20px 0 20px;}
    .oneHeaderSearchAuto > ul > li {margin-bottom: 10px; font-size: 17px; font-weight: 500; color: #444444;}
    .oneHeaderSearchAuto > ul > li:last-child {margin-bottom: 20px;}
    .oneHeaderSearchShortcut > .oneHeaderSearchShortcut {padding: 14px 20px 20px; background-color: #F2F2F2;}
    .oneHeaderSearchShortcut > span {display: inline-block; margin-bottom: 12px; font-size: 15px; font-weight: 400; color: #444444;}
    .oneHeaderSearchShortcut > ul {display: flex; overflow: hidden;}
    .oneHeaderSearchShortcut > ul > li {float: left; width: calc(50% - 6px); border-radius: 10px; background-color: #FFFFFF;}
    .oneHeaderSearchShortcut > ul > li:first-child {margin-right: 12px;}
    .oneHeaderSearchShortcut > ul > li > a {display: block; padding: 15px;}
    .oneHeaderSearchShortcut > ul > li > a > strong {position: relative; display: block; margin-bottom: 5px; padding-left: 29px; font-size: 16px; font-weight: 500; vertical-align: middle; text-indent: -29px; color: #154FAB;}
    .oneHeaderSearchShortcut > ul > li > a > strong > img {width: 27px; vertical-align: middle;}
    .oneHeaderSearchShortcut > ul > li > a > strong > i {position: absolute; top: 6px; right: 0; font-size: 14px; color: #B7B7B7;}
    .oneHeaderSearchShortcut > ul > li > a > p {font-size: 14px; font-weight: 400; color: #666666;}
	.oneMobileSearchOpen {display: none;}
    .oneHeaderSearch .oneNotReady {position: static; transform: translate(0, 0); display: block; box-shadow: none; animation: none;}
    .oneNotReady {padding: 56px 0; text-align: center; background-color: #ffffff;}
    .oneNotReady > span {display: inline-block; margin-bottom: 13px; width: 55px; height: 22px; border-radius: 11px; text-align: center; background-color: #F3F3F3;}
    .oneNotReady > span > span {display: inline-block; width: 7px; height: 7px; margin: 0 1px; line-height: 22px; vertical-align: 4px; border-radius: 50%; background-color: #C2D1E8;}
    .oneNotReady > span > span:nth-child(1) {animation: oneNotReady 4s infinite linear alternate;}
    .oneNotReady > span > span:nth-child(2) {animation: oneNotReady 4s 1s infinite linear alternate;}
    .oneNotReady > span > span:nth-child(3) {animation: oneNotReady 4s 2s infinite linear alternate;}
    .oneNotReady > h3 {margin-bottom: 8px; font-size: 17px; font-weight: 500; color: #333333;}
    .oneNotReady > p {font-size: 15px; font-weight: 400; color: #666666;}

    .oneNotReady {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 56px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0 10px 10px; animation: oneNotReadyFadeInUpk 0.3s; z-index: 100;}


    @keyframes oneNotReady {
        0% {background-color: #C2D1E8;}
        33.33% {background-color: #618DD3;}
        66.66% {background-color: #0049BE;}
        100% {background-color: #C2D1E8;}
    }

    @keyframes oneNotReadyFadeInUpk {
        0% {transform: translate(-50%, -30%);  opacity: 0;}
        100% {transform: translate(-50%, -50%);  opacity: 1;}
    }


    .oneHeaderSearch.on {top: 20px; width: 650px;}
    .oneHeaderSearch.on .oneHeaderSearchIn {padding-top: 15px; border-radius: 10px; border-color: #191919;}
    .oneHeaderSearch.on .oneHeaderSearchIn > input {width: calc(100% - 16px); margin: 0 8px 16px; padding-left: 10px; padding-bottom: 15px; border-bottom-color: #E1E1E1;}
    .oneHeaderSearch.on .oneHeaderSearchIn > a {top: 15px; right: 15px;}
    

    .oneHeaderNav {position: absolute; width: 100%; line-height: 40px; white-space: nowrap; overflow: auto; background-color: #F7F8F9;}
    .oneHeaderNav ul li {display: inline-block; margin-right: 4px; font-size: 14px; font-weight: 400; color: #666666;}
    .oneHeaderNav ul li:after {position: relative; transform: translateY(-1px); display: inline-block; font-family: 'oneFont'; content: "\e903"; padding-left: 6px; font-size: 10px;}
    .oneHeaderNav ul li:last-child {margin: 0; padding-right: 15px; color: #000000;}
    .oneHeaderNav ul li:last-child:after {display: none;}


    .oneAllMenu {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.5); z-index: 20;}
    .oneAllMenu.on {opacity: 1; visibility: visible; transition: all 0.3s;}
        .oneAllMenuIn {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: calc(100vh - 100px); max-width: 1000px; max-height: 700px; border-radius: 10px; overflow: hidden; background-color: #ffffff;}
            .oneAllMenuInHead {padding: 0 34px; line-height: 76px; border-bottom: 1px solid #E1E1E1;}
            .oneAllMenuInHead h2 {display: inline-block; font-size: 22px; font-weight: 500; color: #000000;}
            .oneAllMenuMobileHead {display: none;}
                .oneAllMenuClose {position: absolute; right: 30px; font-size: 26px;}

            .oneAllMenuList {width: 220px; height: 100%; padding: 26px 0 0 34px; background-color: #F7F8F9; box-sizing: border-box;}
            .oneAllMenuList > li {width: 100%; margin-bottom: 8px; padding-left: 16px; font-size: 18px; font-weight: 500; line-height: 48px; border-radius: 5px; color: #333333;}
            .oneAllMenuList > li:hover {color: #0049BE;}
            .oneAllMenuList > li:last-child {margin-bottom: 0;}
            .oneAllMenuList > li > a {position: relative; display: block;}
            .oneAllMenuList > li > a:focus {outline: 2px solid #ff6308; border-radius: 3px;}
            .oneAllMenuList > li > a > i {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); opacity: 0; font-size: 14px;}
            .oneAllMenuList > li > ul {position: absolute; top: 115px; left: 276px; display: none; width: calc(100% - 276px); height: 585px; color: #000000; line-height: normal;}
            .oneAllMenuList > li > ul > li {display: inline-block; width: calc(33.33% - 4px); padding: 2px 30px 2px 2px; font-size: 17px; font-weight: 400; vertical-align: top; color: #000000; box-sizing: border-box;}
            .oneAllMenuList > li > ul > li.first {width: 100%; margin-bottom: 27px;}
            .oneAllMenuList > li > ul > li > ul {margin-bottom: 24px; padding-top: 6px; line-height: 30px;}
            .oneAllMenuList > li > ul > li > ul > li {font-size: 14px; color: #666666;}
            .oneAllMenuList > li > ul > li > ul > li:hover {color: #0049BE;}
            .oneAllMenuList > li > ul > li > ul > li.on {color: #0049BE;}
            .oneAllMenuList > li > ul > li > ul > li:before {display: inline-block; content: "·"; margin-right: 2px;}
            .oneAllMenuList > li.on {color: #ffffff; background-color: #1F3D7B;}
            .oneAllMenuList > li.on > a > i {opacity: 1;} 
            .oneAllMenuList > li.on > ul {display: block; overflow: auto;}

.oneMainLayout {overflow: hidden;}
.oneMainLayout .contentBox {margin: 165px 0 0 0;}

/* Layout > container */
.containerLayout {position: relative; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
/* Layout > container > leftMenu */
    .leftMenuBox {position: absolute; width: 210px; }
    .leftMenuBox_title {padding-bottom: 25px; font-size: 24px; font-weight: 500; border-bottom: 1px solid #000000; color: #000000;}
    .leftMenuBox > ul > li {font-size: 16px; font-weight: 400; color: #333333; border-bottom: 1px solid #D7D7D7;}
    .leftMenuBox > ul > li > a {position: relative; display: block; padding: 12px 0;}
    .leftMenuBox > ul > li > a > i {position: absolute; right: 10px; top: 50%; color: #888888; transform: translateY(-50%); transition: all 0.3s;}
    .leftMenuBox > ul > li.on {font-weight: 500; color: #0049BE;}
    .leftMenuBox > ul > li.on > a > i {transform: translateY(-50%) rotate(180deg);}

    .leftMenuBox > ul > li > ul {display: none; border-top: 1px solid #D7D7D7;}
    .leftMenuBox > ul > li > ul > li {margin-bottom: 4px; font-size: 14px; font-weight: 400; color: #666666; overflow: hidden; transition: background 0.3s;}
    .leftMenuBox > ul > li > ul > li > a {position: relative; display: block; padding: 6px 0 6px 0px; text-indent: -35px; transition: all 0.3s; margin:2px;}
    .leftMenuBox > ul > li > ul > li > a:focus {outline: 2px dashed #ff6308; border-radius: 3px;}
    .leftMenuBox > ul > li > ul > li.on > a:focus {outline: solid #ff8600; border: 2px solid #fff; border-radius: 0;}
    .leftMenuBox > ul > li > ul > li svg {position: relative; top: -3px; margin: 0 7px 0 10px;}
    .leftMenuBox > ul > li > ul > li svg path {stroke: #888888;}
    .leftMenuBox > ul > li > ul > li:last-child {margin-bottom: 0;}
    .leftMenuBox > ul > li > ul > li:hover a {text-indent: 0px;}
    
    .leftMenuBox > ul > li > ul > li.on {color: #ffffff; background-color: #154FAB;}
    .leftMenuBox > ul > li > ul > li.on > a {text-indent: 0px;}
    .leftMenuBox > ul > li > ul > li.on > a > svg path {stroke: #ffffff;}

/* Layout > container > content */
    .contentBox {margin: 246px 0 0 290px; min-height: 830px;}

/* Layout > Footer */
.oneFooterLayout {position: relative; width: 1290px; max-width: calc(100% - 40px); margin: 0 auto; margin-top: 80px; padding: 42px 0 60px 0; border-top: 1px solid #000000; box-sizing: border-box;}
.oneFooterLayout_link {margin-bottom: 26px;}
.oneFooterLayout_link li {display: inline-block; margin-right: 10px; font-size: 15px; font-weight: 500; color: #666666;}
.oneFooterLayout_link li:last-child {margin-right: 0;}
.oneFooterLayout_link li:hover {color: #0B84E1;}
.oneFooterLayout_link li.on {color: #0B84E1;}
.oneFooterLayout_addr {display: block; margin-bottom: 22px; font-size: 15px; font-weight: 400; color: #333333;}
.oneFooterLayout_copy {font-size: 15px; font-weight: 400; color: #666666;}

.oneFooterRight {position: absolute; top: 42px; right: 0; text-align: right;}

.oneFooterFamilySite {margin-bottom: 40px; text-align: left;}
.oneFooterFamilySite select {height: 38px; margin-right: 6px; padding: 0 10px; border-radius: 5px; border: 1px solid #D8D8D8; background-color: #F5F5F5;}
.oneFooterFamilySite .selectric-hide-select select {font-size: 15px;}
.oneFooterFamilySite .selectric-wrapper {margin-right: 26px;}
.oneFooterFamilySite .selectric {border: 1px solid #D8D8D8; background-color: #F5F5F5;}
.oneFooterFamilySite .selectric .button {height: 38px; line-height: 38px; background-color: #F5F5F5;}
.oneFooterFamilySite .selectric .label {line-height: 36px;}
.oneFooterFamilySite a {display: inline-block; padding: 0 18px; font-size: 15px; font-weight: 500; line-height: 36px; vertical-align: middle; border-radius: 5px; border: 1px solid #7A7A7A; color: #ffffff; background-color: #7A7A7A;}
.oneFooterFamilySite a:focus {outline: 2px solid #ff6308;}

.oneFooterLayout_logoList > li {display: inline-block; margin-right: 22px; vertical-align: middle;}
.oneFooterLayout_logoList > li:last-child {margin-right: 0;}


/* Popup */
.onePopup {position: fixed; top: 0; left: 0; display: none; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}
.onePopup.on {display: block;}
.onePopup_content {position: absolute; top: 50%; left: 50%; overflow: hidden; transform: translate(-50%, -50%); width: calc(100% - 30px); max-width: 900px; background-color: #ffffff; border-radius: 10px; padding: 20px 30px 73px; box-sizing: border-box;}
.onePopup_head {margin-bottom: 20px; border-bottom: 1px solid #E1E1E1;}
.onePopup_close {position: absolute; top: 12px; right: 25px; padding: 5px; font-size: 26px;}
.onePopup_body {max-height: calc(100vh - 400px); overflow: auto; overflow-x: hidden;}
.onePopup_footer {}

.onePopup .oneBorderBox {margin-bottom: 28px;}
.onePopup .oneP {font-size: 15px;}


.oneWinPopup {padding: 25px 34px 34px 34px; box-sizing: border-box;}
.oneWinPopup_close {}
.oneWinPopup_close i {float: left; font-size: 26px;}
.oneWinPopup_title {margin-bottom: 20px; padding-bottom: 10px; font-size: 22px; font-weight: 500; border-bottom: 1px solid #E1E1E1; color: #0049BE;}
.oneWinPopup .oneP {font-size: 15px;}

.oneMainPopup {position: absolute; top: 0; left: 0; z-index: 100;}
.oneMainPopup > ul > li {position: absolute; border-radius: 10px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0 0 20px; box-sizing: border-box;}
.oneMainPopupBody {height: 100%; background: url(/assets/img/common/noImg.png) no-repeat center center; background-size: cover;}
.oneMainPopupBody img {width: 100%; height: 100%; object-fit: cover; display: block;}
.oneMainPopupFooter {padding: 0 20px; font-size: 14px; font-weight: 500; line-height: 50px; color: #ffffff; background-color: #022222; box-sizing: border-box;}
.oneMainPopupClose {float: right;}



.oneView {margin-bottom: 30px; padding-bottom: 25px; border-top: 1px solid #E1E1E1;}
.oneView_head {border-bottom: 1px dashed #E1E1E1;}
.oneView_info {padding: 20px; border: 1px solid #F3F3F3; border-top: none; background-color: #F7F8F9;}
.oneView_infoTitle {display: inline-block; margin-right: 24px; font-size: 14px; font-weight: 500; white-space: nowrap; color: #555555;} 
.oneView_infoText {display: inline-block; margin-left: 6px; font-size: 14px; font-weight: 400; } 
.oneView_title {position: relative; display: block; margin-bottom: 14px; padding-right: 50px; font-size: 22px; font-weight: 500; color: #000000;}
.oneView_file {padding: 14px 20px; font-size: 14px; font-weight: 500; color: #444444;}
.oneView_fileList {display: inline-block; margin-left: 14px; vertical-align: text-top;}
.oneView_fileList > li {margin-bottom: 8px;}
.oneView_fileList > li:last-child {margin-bottom: 0;}
.oneView_fileList > li:hover {color: #0049BE; text-decoration: underline;}
.oneView_fileList > li i {display: inline-block; margin-right: 7px;}
.oneView_body {min-height: 300px; margin-bottom: 20px; padding: 20px; font-size: 15px; font-weight: 400; color: #444444; overflow: auto;}
.oneView_body img {max-width: 100%;}

.oneView .oneView_body .viewBox .viewImgCon {max-width: 500px;}
.oneView .oneView_body .oneCardSwiper {display: block; max-width: 800px; margin: 0 auto; overflow: hidden;}
.oneView .oneView_body .oneCardSwiper img {width: 100%; max-width: 500px; min-width: 300px; min-height: 300px; background-color: #f1f1f1; background: url(/assets/img/common/noImg.png); background-size: 100%;}
.oneView .oneView_body .oneCardSwiper img:before {display: block; content: ""; padding-bottom: 100%;}
.oneView .oneView_body .onePagination {position: static; margin-top: 16px; text-align: center;}
.oneView .oneView_body .onePagination .swiper-pagination {position: static; display: inline-block; width: auto; margin-right: 14px;}
.oneView .oneView_body .onePagination > a {vertical-align: -1px;}

/* 카드뉴스 스와이퍼 */
.oneCardSwiper {overflow: hidden;}
.oneCardSwiperBtns .swiper-button-next {width: auto; height: auto; font-size: 44px; background: none;}
.oneCardSwiperBtns .swiper-button-prev {width: auto; height: auto; font-size: 44px; background: none;}

/* 본인인증 */
.oneAccredit {}
.oneAccredit_contents {margin-bottom: 52px; padding: 62px 88px; background-color: #F3F3F3;}
.oneAccredit_text {margin-bottom: 32px; font-size: 15px; font-weight: 400; color: #444444;}
.oneAccredit_text strong {font-weight: 500; color: #0049BE;}
.oneAccredit_arrow {opacity: 0; position: absolute; top: 0; bottom: 0; right: 200px; margin: auto 0; transition: all 0.3s;}
.oneAccredit_sns {width: 46%; display: inline-block;}
.oneAccredit_sns > li {position: relative; margin-bottom: 12px; font-size: 17px; font-weight: 500; line-height: 54px; border-radius: 10px; border: 1px solid #E1E1E1; color: #000000; background-color: #ffffff; transition: all 0.3s;}
.oneAccredit_sns > li:last-child {margin-bottom: 0;}
.oneAccredit_sns > li:hover {color: #ffffff; background-color: #0049BE;}
.oneAccredit_sns > li:hover .oneAccredit_arrow {opacity: 1; right: 25px;}
.oneAccredit_sns > li:hover .oneAccredit_icon path {fill: #ffffff;}
.oneAccredit_sns > li > a {display: block; padding-left: 62px;}
.oneAccredit_sns .oneAccredit_icon {position: absolute; top: 0; bottom: 0; left: 24px; margin: auto 0;}

.oneAccredit_list {float: right; width: 50%; height: 326px; border-radius: 10px; border: 1px solid #000000; overflow: hidden; box-sizing: border-box;}
.oneAccredit_list > li {float: left; width: 50%; height: 50%; font-size: 17px; font-weight: 500; text-align: center; box-sizing: border-box; background-color: #ffffff; transition: all 0.3s;}
.oneAccredit_list > li:nth-child(-n + 2) {border-bottom: 1px solid #E1E1E1;}
.oneAccredit_list > li:nth-child(2n + 1) {border-right: 1px solid #E1E1E1;}
.oneAccredit_list > li > a {display: block;}
.oneAccredit_list > li > a > span {display: block; margin: 25px 0 20px 0;}
.oneAccredit_list .oneAccredit_icon {}
.oneAccredit_list > li:hover {color: #ffffff; background-color: #0049BE;}
.oneAccredit_list > li:hover .oneAccredit_icon path {fill: #0049BE; stroke: #ffffff;}
.oneAccredit_list > li:hover .oneAccredit_icon rect {fill: #0049BE; stroke: #ffffff;}
.oneAccredit_list > li:hover .oneAccredit_icon line {stroke: #ffffff;}

.oneAccredit_list.addAccredit {width: 100%; height: 163px;}
.oneAccredit_list.addAccredit > li {width: 25%; height: 100%; border-right: 1px solid #E1E1E1;}

.oneAccredit_icon path {transition: all 0.3s;}
.oneAccredit_icon rect {transition: all 0.3s;}
.oneAccredit_icon line {transition: all 0.3s;}



/* 이용약관 */
.oneAgree {position: relative; margin-bottom: 30px; padding-bottom: 15px; border-radius: 5px; background-color: #F3F3F3;}
.oneAgree > a {position: absolute; bottom: 8px; right: 13px; padding: 5px; color: #666666;}
.oneAgree > a > i {margin: 0;}
.oneAgree > .oneField {margin: 0 0 0 13px; padding-top: 12px;}
.oneAgree > .oneField > span {padding-right: 34px;}
.oneAgree > .oneField input[type="checkbox"] + span:before {top: 13px;}
.oneAgreeIn {display: none; padding: 21px 27px; border-radius: 5px; border: 1px solid #E1E1E1; background-color: #ffffff;}
.oneAgreeList {}
.oneAgreeList > li {margin-bottom: 26px; font-size: 15px; font-weight: 500; color: #000000;}
.oneAgreeList > li:last-child {margin-bottom: 0;}
.oneAgreeList > li > ul {padding-top: 12px; line-height: 24px; color: #444444;}
.oneAgreeList > li > ul > li {position: relative; padding-left: 10px; font-weight: 400; }
.oneAgreeList > li > ul > li:after {position: absolute; left: 0; top: 0; display: block; content: "-";}

.oneAllAgree {margin-bottom: 20px; padding: 11px; font-size: 15px; font-weight: 500; border-radius: 5px; border: 1px solid #000000; color: #000000;}
.oneAllAgree.on {border: 1px solid #000000;}
.oneAllAgree .oneField {color: #333333;}
/* .oneAllAgree .oneField input[type="checkbox"] + span {margin: 0 0 0 5px;} */

.oneAgreeBorderBox {margin-bottom: 28px; padding: 20px; border-radius: 5px; border: 1px solid #E1E1E1;}


/* 결과 안내 */
.oneResultBox {padding-top: 70px; text-align: center;}
.oneResultBox > img {margin-bottom: 16px;}
.oneResultBox > strong {display: block; margin-bottom: 16px; font-size: 30px; font-weight: 500; color: #000000;}
.oneResultBox > p {margin-bottom: 34px; font-size: 15px; font-weight: 400; color: #444444;}
    .oneResultInfo {display: inline-block; max-width: 532px; padding: 24px 24px 18px 24px; border-radius: 10px; background-color: #F7F8F9; box-sizing: border-box;}
    .oneResultInfo > ul {overflow: hidden;}
    .oneResultInfo > ul > li {float: left; width: 50%; margin-bottom: 6px; font-size: 15px; text-align: left; color: #444444;} 
    .oneResultInfo > ul > li > span {display: inline-block; width: 76px;  font-weight: 400;}
    .oneResultInfo > ul > li > strong {font-weight: 500;}


/* 조회된 데이터가 없습니다 */
.oneTable-gallery > li.noData {width: 100%;}

.oneNoDataBox {width: 100%; padding-top: 110px;}
.oneNoDataBox::after {content: ""; display: block; clear: both;}
	.oneNoDataBoxIn {text-align: center; margin-bottom: 120px;}
	.oneNoDataBoxIn img {display: inline-block;}
	.oneNoDataBoxIn > p {font-size: 18px; color: #000; font-weight: 500; margin-bottom: 6px;}
	.oneNoDataBoxIn > span {font-size: 14px; color: #666;}    
    
    
/* 캡차 */
.oneCapcha {width: 150px;}
.captcha_btn {margin-bottom: 4px; overflow: hidden;}
.captcha_btn > a {float: left; width: calc(50% - 2px); margin: 0 4px 0 0;}
.captcha_btn > a:last-child {margin-right: 0;}


/* 분쟁조정 요청사항으로 추가한 클래스 */
.longTextarea {min-height: 200px; overflow-y: scroll; letter-spacing: -0.06em;}




/* 공통 클래스 */
/* Sort */
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}

/* Color */
.text_black {color: #000000;}
.text_gray {color: #555555;}
.text_navy {color: #1F3D7B;}
.text_blue {color: #0049BE;}
.text_red {color: #D80000;}

/* Margin */
.oneBottomNo {margin-bottom: 0;}
.oneBottomXS {margin-bottom: 12px;}
.oneBottomS {margin-bottom: 30px;}
.oneBottomM {margin-bottom: 50px;}
.oneBottomL {margin-bottom: 70px;}

/* Text Deco */
.underLine {text-decoration: underline;}


/* 임시 콘텐츠 박스 */
.empty {line-height: 400px; text-align: center; background-color: #eee;}
.empty:after {display: inline-block; content: "콘텐츠 영역";}

.syntaxhighlighter {margin-bottom: 100px !important;}

/* back 관리자 css */
.depthIndent {text-indent: 12px;}

/* 
 * 모바일, 테블릿 반응형 CSS
 */
@media all and (max-width:1340px) {
/* mainLayout */
.oneMainLayout .contentBox {margin-top: 56px;}

/* ============ Layout ============ */
.containerLayout {padding: 0 15px;}
.leftMenuBox {display: none;}
.contentBox {min-height: auto; margin: 120px 0 0 0;}

.oneShareBtns > a:last-child {display: none;}

/* Header */
.oneGnb {display: none;}
.oneHeaderTopBox {height: 55px; text-align: center; border-bottom: none;}
.oneHeaderTopBox > .containerLayout {height: 100%;}
.oneHeaderBottomBox .containerLayout {position: static;}

.oneHeaderLogo {left: 50%; transform: translate(-50%, -50%);}
.oneHeaderLogo img {height: 25px;}

.oneHeaderSubMenu {display: none;}

.oneHeaderBtnList > li {display: none;}
.oneHeaderBtnList > li.oneAllMenuOpen {display: block;}
.oneHeaderBtnList {position: static;}
.oneHeaderBtnList > li > a {padding: 15px;}
.oneHeaderBtnList > li > a > img {transform: translate(0);}
.oneHeaderBtnList > li > a > strong {display: none;}

.oneAllMenuOpen {position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height: normal; z-index: 30;}
.oneAllMenuOpen.on {color: #ffffff;}
.oneAllMenuOpen img {display: block;}
.oneAllMenuOpen.on > a > span:after {background-color: #ffffff;}
.oneAllMenuOpen.on > a > span:before {background-color: #ffffff;}

.oneHeaderSearch {position: absolute; top: 0; left: 0; height: 100%; right: auto; width: auto; overflow: visible; z-index: 0;}
.oneHeaderSearch:before {position: absolute; top: 100%; left: 0; display: block; content: ""; width: 100vw; height: 100vh; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.5);}
.oneHeaderSearchAuto {position: static; top: 100%; width: 100vw;}
.oneHeaderSearchIn {position: absolute; width: 100%; max-height: calc(100vh - 55px); border: none; overflow-y: auto; background-color: #ffffff;}
.oneHeaderSearchIn > input {display: none; transition: all 0.3s; /* background: url(/assets/img/sub/icon-mobileSearch.svg) no-repeat calc(100% - 12px) center; */}
.oneHeaderSearchIn > a {position: absolute; top: 16px; right: 20px; padding: 0 15px;}
.oneHeaderSearchIn > a > i {display: block; font-size: 22px;}
.oneHeaderSearchIn > a > i.icon-close {font-weight: 600;}
.oneHeaderSearch.on {top: 0; width: 100%; z-index: 10}
.oneHeaderSearch.on:before {visibility: visible; opacity: 1; transition: all 0.3s;}
.oneHeaderSearch.on .oneHeaderSearchIn {top: 100%; padding-top: 24px; border-radius: 0;}
.oneHeaderSearch.on .oneHeaderSearchIn > a {top: 35px; right: 20px;}
.oneHeaderSearch.on .oneHeaderSearchIn > input {display: block; width: calc(100% - 40px); height: 48px; margin: 0 auto 16px auto; padding: 0 0 0 12px; font-size: 16px; border-radius: 10px; border: 2px solid #0049BE; box-sizing: border-box;}
.oneHeaderSearch.on .oneHeaderSearchIn > input:focus {box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px; /* background-image: url(/assets/img/sub/icon-mobileSearchOn.svg); */}
.oneHeaderSearchShortcut > ul {flex-direction: column;}
.oneHeaderSearchShortcut > ul > li {width: 100%;}
.oneHeaderSearchShortcut > ul > li:first-child {margin-bottom: 12px;}
.oneHeaderNav ul li {font-size: 12px;}

.oneAllMenu.on .oneAllMenuIn {right: 0; transition: all 0.3s;}
.oneAllMenuIn {top: 0; right: -100px; left: auto; transform: translate(0); width: 355px; max-width: 100vw; height: 100vh; max-height: none; border-radius: 0;}
.oneAllMenuInHead {padding: 0;}
.oneAllMenuInHead > h2 {display: none;}
.oneAllMenuInHead > a {display: none;}
.oneAllMenuMobileHead {display: block; line-height: normal; background-color: #0049BE;}
.oneAllMenuMobileHeadTop {position: relative; padding-left: 15px; line-height: 54px; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.oneAllMenuMobileHeadTop > span {font-size: 15px; font-weight: 400; color: rgba(255, 255, 255, 0.8);}
.oneAllMenuMobileHeadTop > a {position: absolute; top: 0; bottom: 0; right: 62px; display: inline-block; height: 30px; padding: 0 10px; margin: auto 0; font-size: 13px; font-weight: 400; text-align: center; line-height: 26px; border-radius: 6px; border: 2px solid #003589; color: #FFFFFF; background-color: #003589; transition: all 0.3s; box-sizing: border-box;}
.oneAllMenuMobileHeadTop > a > img {margin-right: 4px; vertical-align: -2px;}
.oneAllMenuMobileHeadTop > a:hover {box-shadow: inset 0 -2.5em 0 0 #0049BE;}
.oneAllMenuMobileHeadBottom {overflow: hidden; line-height: 48px; color: #ffffff;}
.oneAllMenuMobileHeadBottom > a {float: left; display: block; width: 50%; font-size: 14px; font-weight: 400; text-align: center; transition: all 0.3s; box-sizing: border-box;}
.oneAllMenuMobileHeadBottom > a:first-child {border-right: 1px solid rgba(255, 255, 255, 0.12);}

.oneAllMenuMobileHeadBottom > a:hover {box-shadow: inset 0 -4em 0 0 #003A95; background-color: #0049BE;}
.oneAllMenuMobileHeadBottom > a > img {margin-right: 4px; vertical-align: middle;}
.oneAllMenuMobileHeadBottom > a > span {vertical-align: middle;}

.oneMobileSearchOpen {position: relative; float: left; display: block; font-size: 24px; line-height: 55px; z-index: 20;}

.oneAllMenuList {display: inline-block; width: 140px; height: calc(100% - 105px); padding: 4px 15px 0 15px; border-right: 1px solid #F3F3F3; background-color: #ffffff; box-sizing: border-box;}
.oneAllMenuList > li {margin-bottom: 0; padding: 0; font-size: 16px; line-height: normal;}
.oneAllMenuList > li > a {padding: 11px 0;}
.oneAllMenuList > li.on {color: #0049BE; background-color: transparent;}
.oneAllMenuList > li.on > a > i {display: none;}
.oneAllMenuList > li > ul {top: 105px; left: auto; right: 0; width: calc(100% - 140px); height: calc(100% - 105px); padding-top: 5px; box-sizing: border-box;}
.oneAllMenuList > li > ul > li {width: 100%; padding-right: 0; font-size: 15px; font-weight: 500; color: #555;}
.oneAllMenuList > li > ul > li:hover {color: #0049BE;}
.oneAllMenuList > li > ul > li.on {color: #0049BE;}
.oneAllMenuList > li > ul > li > a {display: block; padding: 12px 45px 12px 12px; background: url(/assets/img/sub/icon-mobileGnbArrow.svg) no-repeat calc(100% - 30px) center;}
.oneAllMenuList > li > ul > li.on > a {background-image: url(/assets/img/sub/icon-mobileGnbArrowOn.svg);}
.oneAllMenuList > li > ul > li > ul {display: none; padding: 6px 0 6px 12px; line-height: 27px; background-color: #F7F8F9; margin-bottom: 0;}
.oneAllMenuList > li > ul > li > ul > li {font-size: 13px; font-weight: 400;}
.oneAllMenuList > li > ul > li.first {margin-bottom: 0;}
.oneAllMenuList > li > ul > li.shortcut > a {background-image: none;}

.oneMobileUserMenu {position: absolute; bottom: 22px; left: 27px;}
.oneMobileUserMenu > ul > li {position: relative; display: inline-block; font-size: 14px; font-weight: 500; color: #666666;}
.oneMobileUserMenu > ul > li:after {position: absolute; content: ""; top: 100%; left: 0; display: block; height: 2px; width: 0; background-color: #000000; transition: all 0.3s;}
.oneMobileUserMenu > ul > li:hover {color: #000000;}
.oneMobileUserMenu > ul > li:hover:after {width: 100%;}
.oneMobileUserMenu > ul > li:first-child {margin-right: 22px;}

/* Footer */
.oneFooterLayout {max-width: calc(100% - 30px); padding: 16px 0 60px 0;}
.oneFooterRight {position: static;}
.oneFooterFamilySite {margin-bottom: 18px;}
.oneFooterFamilySite select {width: calc(100% - 74px);}
.oneFooterFamilySite .selectric-wrapper {width: calc(100% - 93px) !important;}
.oneFooterLayout_logoList {display: none;}
.oneFooterLayout_link {margin-bottom: 16px;}
.oneFooterLayout_link li {font-size: 13px; font-weight: 500;}
.oneFooterLayout_addr {margin-bottom: 16px; font-size: 13px; font-weight: 400; color: #666666;}
.oneFooterLayout_copy {display: inline-block; width: calc(100% - 130px); font-size: 12px; font-weight: 400; color: #A7A7A7;}
 
    


.oneTabSub > li {font-size: 14px; line-height: 30px;}
.oneTabSub > li > a {padding: 0 15px;}

.oneStep {}
.oneStep > li {font-size: 14px;}



/* Form */
.oneField {font-size: 14px;}


/* Search */

/* .oneSearch {padding: 16px 16px 12px 16px; text-align: center;}
.oneSearch_reset {position: static; margin-top: 22px; vertical-align: middle;}
.oneSearch_submit {position: static; margin-top: 22px; vertical-align: middle;}
.oneSearch_submit:after {position: absolute; bottom: 60px; right: 0; left: 0; display: block; content: ""; width: calc(100% - 16px); height: 1px; margin: 0 auto; background-color: #E1E1E1;} */


/* .oneSearch .oneFieldGroup {display: block; width: 100%; text-align: left;}
.oneSearch .oneFieldGroup-half {display: block; width: 100%; text-align: left;} */
/* .oneSearch .oneField {width: 100%;}
.oneSearch .oneField span {width: 56px; font-size: 13px; line-height: 32px}
.oneSearch .oneField input[type="text"] {width: calc(100% - 67px); height: 32px;}
.oneSearch .oneField.oneDate input[type="text"] {width: calc(50% - 39px); height: 32px;} */


.btnGroup {margin-top: 30px;}

/* 이용약관 */
.oneAgreeBorderBox {margin-bottom: 28px; padding: 20px; border-radius: 5px; border: 1px solid #E1E1E1;}

.oneAllAgree {margin-bottom: 16px; padding: 8px 11px; font-size: 14px;}
.oneAllAgree .oneField input[type="checkbox"] + span {margin: 0;}
.oneAgree {margin-bottom: 16px; padding-top: 10px;}
.oneAgree > a {top: 3px;}
.oneAgree > .oneField {margin: 0 0 10px 11px;}
.oneAgreeIn {padding: 12px 16px;}
.oneAgreeList > li {margin-bottom: 16px; font-size: 14px;}
.oneAgreeList > li > ul {padding-top: 6px; line-height: 22px;}

/* Margin */
.oneBottomXS {margin-bottom: 8px;}
.oneBottomS {margin-bottom: 20px;}
.oneBottomM {margin-bottom: 30px;}
.oneBottomL {margin-bottom: 40px;}
}

/* 태블릿 중간 CSS */
@media all and (max-width: 1000px) {
    /* .oneStep {display: block;}
    .oneStep > li {display: block;}
    .oneStep.step3 > li {width: 100%;}
    .oneStep.step4 > li {width: 100%;}
    .oneStep.step5 > li {width: 100%;} */
    
    /* footer */
    .oneFooterLayout {margin-top: 50px; padding-bottom: 30px;}
    .oneRoundBox {margin: 0;}
    .oneRoundBox > ul {display: block;}
    .oneRoundBox > ul > li {display: block; width: 100%; margin-bottom: 15px;}
    .oneRoundBox.list3 > ul > li {width: 100%;}

    .oneShortcut {padding-bottom: 0;}
    .oneShortcut_body {width: 100%; padding: 16px 20px;}
    .oneShortcut_title {font-size: 15px;}
    .oneShortcut_text {font-size: 14px;}
    .oneShortcut .btnGroup {position: static; padding: 12px 10px 15px 10px;}
    .oneShortcut .btnGroup > a {margin-bottom: 5px;}
    .oneShortcut .btnGroup > a:last-child {margin-bottom: 0;}

    
    .oneStep {margin-bottom: 30px; overflow-x: auto;}
    .oneStep > li {min-width: 125px; height: 44px; padding-left: 24px;}
    .oneStep > li:first-child {padding-left: 0;}
    .oneStep > li:last-child {overflow: hidden;}
    .oneStep > li:after {border-top: 23px solid transparent; border-bottom: 23px solid transparent;}
    .oneStep > li:before {border-top: 23px solid transparent; border-bottom: 23px solid transparent;}
    .oneStep > li.on:after {border-top: 22px solid transparent; border-bottom: 22px solid transparent;}
    .oneStep > li.on:before {border-top: 22px solid transparent; border-bottom: 22px solid transparent;}
    .oneStep > li.on span:after {border-top: 22px solid transparent; border-bottom: 22px solid transparent;}
    .oneStep > li.on span:before {border-top: 22px solid transparent; border-bottom: 22px solid transparent;}
    
    .oneShareBtns {transform: scale(0.86); margin-top: 0;}
    /* ============ Contents ============ */
	.oneT1 {font-size: 24px; margin-bottom: 17px;}
	.oneT1-border {font-size: 24px; margin-bottom: 17px;}
	.oneT2 {font-size: 20px; margin-bottom: 8px;}
	.oneT3 {font-size: 17px; margin-bottom: 8px;}
	.oneT4 {font-size: 15px;}
	
    .oneTRight {position: static;}
    
	.oneP {margin-bottom: 20px; font-size: 15px;}
	
	.oneCaution {font-size: 14px; padding: 2px 0 0 8px;}
	.oneCaution-warning {font-size: 13px; padding: 2px 0 0 12px;}
	
	.oneDesc {margin-bottom: 24px; padding: 12px;}
	.oneDesc_icon {top: 16px; width: 18px; margin: 0 2px 2px;}
	.oneDesc_title {margin-bottom: 5px; padding-left: 24px; font-size: 17px;}
	.oneDesc_text {font-size: 15px;}
    
    /* List */
	.oneList > li {margin-bottom: 4px; font-size: 15px;}
	.oneDashList > li {margin-bottom: 4px; font-size: 15px;}
	.oneDotList > li {margin-bottom: 4px; font-size: 15px;}
	
	.oneDotList > li:last-child {margin-bottom: 0;}
	.oneDotList > li:before {display: inline-block; margin-right: 2px; content: "·";}
	.oneIndentList {margin-left: 20px; padding: 4px 0;}
	
	.numList li {margin-bottom: 4px; font-size: 15px;}
	.numSpace {margin-right: 6px;}
    
    /* tab */
    .oneTab {margin-bottom: 24px; line-height: normal;}
	.oneTab > li {width: 50%; font-size: 15px; border-radius: 0;}
	.oneTab > li:before {position: absolute; left: 0; right: 0; bottom: -1px; display: block; width: calc(100% - 24px); height: 1px; margin: 0 auto; content: ""; background-color: #E1E1E1;}
	.oneTab > li:after {right: 0;}
	
	.oneTab > li:nth-child(odd):after {display: block;}
	.oneTab > li:nth-child(even):after {display: none;}
	.oneTab > li.on:before {display: none;}
	.oneTab > li.on:after {display: none;}
	.oneTab > li > a {padding: 7px 4px;}
	.oneTab.list2 > li {width: 50%;}
	.oneTab.list3 > li {width: 50%;}
	.oneTab.list4 > li {width: 50%;}
	.oneTab.list5 > li {width: 50%;}
	.oneTab.list6 > li {width: 50%;}
	.oneTab.list7 > li {width: 50%;}
	
	.oneContact {padding: 9px 0 9px 16px; font-size: 13px;}
	.oneContact_title {font-size: 13px;}

    /* Search */
    .oneSearch {margin-bottom: 30px; padding: 10px 16px 16px 16px; text-align: center;}
    .oneSearch .oneFieldGroup {display: block;}
    /* .oneSearch .oneFieldGroup-half {width: auto; float: none;} */
    
    
    
    .oneSearch .oneField {display: block; margin: 0 0 8px 0; text-align: left;}
    .oneSearch .oneField span {width: 70px;}
    .oneSearch .oneField span {display: block; line-height: normal;}
    
    .oneSearch .oneField.oneDate {}
    .oneSearch .oneField.oneDate input[type="text"] {width: calc(50% - 6px); height: 32px;}
    .oneSearch .oneField.oneTilde input[type="text"] {width: calc(50% - 6px); height: 32px;}
	.oneSearch .oneField.oneTilde input[type="text"] {width: calc(50% - 6px); height: 32px;}
        
    .oneSearch .oneField.round {display: inline-block;}
    
    
    .oneSearch .selectric-wrapper {width: 100% !important; margin-right: 0;} /* selectric 라이브러리를 덮기 위해 important */
    .oneSearch .selectric {width: 100%;}
    .oneSearch .selectric .label {height: 30px; line-height: 30px;}
    .oneSearch .selectric .button {height: 30px; line-height: 30px;}
    .oneSearch select {width: 100%; height: 30px;}
    .oneSearch .oneField input[type="text"] {width: 100%; height: 32px;}

    .oneSearch .oneDate.input2 input[type="text"] {width: calc(50% - 39px);}
    .oneSearch .oneField.input2 .selectric-wrapper {width: calc(50% - 39px) !important; margin-right: 9px;} /* selectric 라이브러리를 덮기 위해 important */
    .oneSearch .oneField.input2 .selectric-wrapper:nth-last-child() {margin-right: 0;}

    .oneSearch.ac {}
    .oneSearch.ac .oneField {display: inline-block; margin: 6px 12px 6px 0; margin-right: 4px;}
    .oneSearch.ac .oneField input[type="text"] {width: 380px;}
    .oneSearch.ac .selectric-wrapper {width: auto !important;} /* selectric 라이브러리를 덮기 위해 important */
    .oneSearch_submit.center {}
    .oneSearch_submit.center:after {display: none;}

    .oneSearch_reset {position: static; height: 32px; margin-top: 16px; margin-right: 4px; line-height: 32px; vertical-align: middle;}
    .oneSearch_submit {position: static; height: 32px; margin-top: 16px; line-height: 32px; vertical-align: middle;}
    .oneSearch_submit:after {position: absolute; bottom: 55px; right: 0; left: 0; display: block; content: ""; width: calc(100% - 36px); height: 1px; margin: 0 auto; background-color: #E1E1E1;}
    
    /* Form */
    .oneField.round {margin-right: 4px;}
    
    .oneAgreeBorderBox {margin-bottom: 16px; padding: 12px;}
    .oneAgreeBorderBox > h4 {font-size: 15px;}
	.oneAgreeBorderBox > p {font-size: 14px;}
	
	.oneAllAgree {padding: 10px;}
	
	/* 게시판 */
	.oneView_fileList {display: block; margin: 8px 0 0 0;}
 
	 /* Margin */
	.oneBottomXS {margin-bottom: 8px;}
	.oneBottomS {margin-bottom: 20px;}
	.oneBottomM {margin-bottom: 30px;}
	.oneBottomL {margin-bottom: 40px;}
	
	/* Filter */
	.oneCertHistoryFilter > ul > li {width: calc((100% / 3) - 14px);}
	.oneCertHistoryFilter > ul > li:nth-child(3) {margin-right: 0;}
	.oneCertHistoryFilter > ul > li:last-child {width: 100%; margin-top: 20px;}
	.oneCertHistoryFilter > ul > li:last-child > ul > li:nth-child(3n) {padding-right: 0;}
	
	.oneFilterBox_head > span {vertical-align: middle;}
	
	.oneFilterBox_search .oneField {margin: 0;}
	.oneFilterBox_search .oneField input[type="text"] {width: 140px;}

   
}

/* 모바일 */
@media all and (max-width: 640px) {
    /* Layout */
    .contentBox {margin: 110px 0 0 0;}
    
	.oneHeaderNav {line-height: 29px;}
	
    .oneMobileHide {display: none;}
    
    .oneContact {display: block;}
    .oneContact > p {padding: 0;}
    .oneContact_title {display: block; margin: 0 0 4px 0; padding: 0; border: none;}
    
    .oneView_info {padding: 10px;}
    .oneView_body {padding: 10px;}

    /* Paging */
    .onePaging {line-height: 22px;}
    .onePaging > li {min-width: 22px; font-size: 15px;}
    .onePaging > li.onePagingIcon {border-radius: 8px;}
    .onePaging > li > a > i {line-height: 22px;}

    /* Popup */
    .onePopup_head  {margin-bottom: 15px;}
    .onePopup_body {max-height: 70vh;}
    .onePopup_content {padding: 10px 15px 15px;}
    .onePopup_close {top: 0; right: 10px;}

    .oneWinPopup {padding: 12px 15px;}
    .oneWinPopup_title {margin-bottom: 16px; padding-bottom: 6px; font-size: 18px;}

    /* 결과안내 */
    .oneResultBox > strong {font-size: 26px;}

    .oneResultInfo {width: 100%;}
    .oneResultInfo > ul {display: inline-block;}
    .oneResultInfo > ul > li {float: none; width: 100%;}
    
    .oneShortcut_title {display: block; margin-bottom: 4px;}
    .oneShortcut_text {display: block; padding-left: 0;}

    /* Table */
    .oneTableHead_right {position: static;}
    .oneTable {margin-bottom: 30px;}
    .oneTable > thead > tr > th {padding: 10px 2px; font-size: 12px;}
    .oneTable > tbody > tr > th {padding: 7px; font-size: 13px;}
    .oneTable > tbody > tr > td {padding: 7px; font-size: 13px;}
    .oneTable.fieldEdu > tbody > tr > td {word-break: break-word;}

    .oneFold_title {font-size: 16px; padding-bottom: 10px;}
    .oneTable-survey > li > ul > li {display: block; padding: 10px;}
    .oneTable-survey_title {font-size: 15px; margin-bottom: 10px;}
    .oneTable-survey_text {display: block; margin-bottom: 4px; padding-right: 0;}
    
    
    .oneTable-gallery {}
    .oneTable-gallery > li {width: calc((100% / 2) - (15px / 2)); margin: 0 15px 15px 0;}
	.oneTable-gallery > li:nth-child(3n) {margin-right: 15px;}
	.oneTable-gallery > li:nth-child(2n) {margin-right: 0;}
    .oneTable-gallery > li > a {margin-bottom: 8px;}
    .oneTable-gallery > li > h3 {font-size: 15px;}
    
    .oneTable-survey_file {margin-left: 0; vertical-align: unset; position: absolute; right: 0; padding: 8px 12px 0 0;}
    
    /* Form */
    .oneInputL {width: 100px;}
    .oneField {margin-right: 0;}
    .oneField.oneFile input[type="text"] {width: 100%; margin-bottom: 4px;}
    .oneField.oneFile a {margin: 0 4px 0 0;}
    
    .oneSearch .oneFieldGroup-half {width: auto; float: none; margin-right: 0;}
    .oneSearch .oneFieldGroup-half:nth-child(2n + 1) {margin-right: 0;}
    
    .oneAddr > label:nth-of-type(1) {width: calc(100% - 90px);}
    
    
    
    /* Search */
    .oneSearch.ac {padding: 10px 16px 16px 12px;}
    .oneSearch.ac .oneField {display: block; margin-right: 0;}
    .oneSearch.ac .oneField input[type="text"] {width: 100%;}
    .oneSearch.ac .selectric-wrapper {width: 100% !important;} /* selectric 라이브러리를 덮기 위해 important */
    .oneSearch_submit.center {margin-top: 16px;}
    .oneSearch_submit.center:after {display: block;}
    
    
    
    
    .oneTooltipIn {width: calc(100vw - 170px); white-space: normal;}
    
    
   /* List */
   .cautionList li {font-size: 14px;}

    /* Button */
    .btnS-gray {min-width: 58px; padding: 0 5px; line-height: 26px; font-size: 13px;}
    .btnS-blue {min-width: 58px; padding: 0 5px; line-height: 26px; font-size: 13px;}
    .btnS-navy {min-width: 58px; padding: 0 5px; line-height: 26px; font-size: 13px;}
    .btnS-gray img {margin: 0 4px -4px 0;}

    .btnM-gray {min-width: 70px; padding: 0 9px; line-height: 34px;}
    .btnM-blue {min-width: 70px; padding: 0 9px; line-height: 34px;}
    .btnM-navy {min-width: 70px; padding: 0 9px; line-height: 34px;}

    .btnL-gray {min-width: 100px; padding: 0 9px; line-height: 38px;}
    .btnL-blue {min-width: 100px; padding: 0 9px; line-height: 38px;}
    .btnL-navy {min-width: 100px; padding: 0 9px; line-height: 38px;}

    /* Search */
    .oneField.oneDate input[type="text"] {padding-left: 12px; font-size: 13px;}
    
 	/* Filter */
 	.oneFilterBox_head {padding: 10px 0; line-height: normal;}
 	.oneFilterBox_search {float: none; padding-top: 10px; text-align: center;}
 	.oneFilterBox_search .oneField {display: flex; width: 100%; align-items: center;}
 	.oneFilterBox_search .oneField input[type="text"] {flex-grow: 1;}
 	.oneFilterBox_search .icon-search {top: 0;}
 	
 	.oneCertHistoryFilter > ul > li {width: 100%; margin-bottom: 14px;}
 	.oneCertHistoryFilter > ul > li:last-child {margin-top: 0;}
 	.oneCertHistoryFilter > ul > li:last-child > ul > li {width: 100%; padding-right: 0;}
 	.oneCertHistoryFilter > ul > li > h4 {margin-bottom: 4px;}
}


/* 프린트 CSS */
@media print {
	.oneHeaderLayout {display: none;}
	.leftMenuBox {display: none;}
	.onePushService {display: none;}
	.oneRightMenu {display: none;}
	.contentBox {margin: 50px 0 0 0;}
}