@charset "UTF-8";
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

body { margin: 0; padding: 0; }

blockquote, button, code, div, dl, dt, dd, figure, fieldset, form, p, pre, input, select, textarea, table, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: inherit; }

ul, ol, li { list-style: none; }

li { vertical-align: top; }

fieldset, img { border: 0 none; }

address, em { font-style: normal; }

label { cursor: pointer; }

select { -webkit-border-radius: 0; border-radius: 0; text-transform: none; font-family: inherit; }

select::-ms-expand { display: none; }

option { padding-right: 6px; }

caption span, legend span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

table, td, tr { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; font-family: inherit; }

a, a:active, a:hover { color: inherit; text-decoration: none; }

abbr[title] { border-bottom: 1px dotted; }

hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

pre { white-space: pre-wrap; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

button, input, textarea { overflow: visible; font-family: inherit; line-height: normal; outline: 0 none !important; }

button, select { text-transform: none; }

button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] { cursor: default; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

textarea { overflow: auto; -webkit-border-radius: 0; border-radius: 0; resize: vertical; -webkit-appearance: none; }

input[type=button] { overflow: visible; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

button, input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

[type=text], [type=password], [type=tel], [type=number], [type=search], [type=email], [type=url] { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

[type="search"] { outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type=checkbox], [type=radio] { width: 13px; height: 13px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

::-webkit-input-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder, ::placeholder { font: inherit; }

/* 웹폰트 */
@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr100.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr100.woff") format("woff"), url("../fonts/notosanskr/notosanskr100.otf") format("opentype"), url("../fonts/notosanskr/notosanskr100.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 100; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr300.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr300.woff") format("woff"), url("../fonts/notosanskr/notosanskr300.otf") format("opentype"), url("../fonts/notosanskr/notosanskr300.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 300; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskrregular.woff2") format("woff2"), url("../fonts/notosanskr/notosanskrregular.woff") format("woff"), url("../fonts/notosanskr/notosanskrregular.otf") format("opentype"), url("../fonts/notosanskr/notosanskrregular.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr500.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr500.woff") format("woff"), url("../fonts/notosanskr/notosanskr500.otf") format("opentype"), url("../fonts/notosanskr/notosanskr500.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 500; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr700.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr700.woff") format("woff"), url("../fonts/notosanskr/notosanskr700.otf") format("opentype"), url("../fonts/notosanskr/notosanskr700.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 700; }

@font-face { font-family: Noto Sans KR; src: local(""), url("../fonts/notosanskr/notosanskr900.woff2") format("woff2"), url("../fonts/notosanskr/notosanskr900.woff") format("woff"), url("../fonts/notosanskr/notosanskr900.otf") format("opentype"), url("../fonts/notosanskr/notosanskr900.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 900; }

@font-face { font-family: Roboto; src: local(""), url("../fonts/roboto/roboto100.woff2") format("woff2"), url("../fonts/roboto/roboto100.woff") format("woff"), url("../fonts/roboto/roboto100.otf") format("opentype"), url("../fonts/roboto/roboto100.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 100; }

@font-face { font-family: Roboto; src: local(""), url("../fonts/roboto/roboto.woff2") format("woff2"), url("../fonts/roboto/roboto.woff") format("woff"), url("../fonts/roboto/roboto.otf") format("opentype"), url("../fonts/roboto/roboto.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400; }

@font-face { font-family: Roboto; src: local(""), url("../fonts/roboto/roboto500.woff2") format("woff2"), url("../fonts/roboto/roboto500.woff") format("woff"), url("../fonts/roboto/roboto500.otf") format("opentype"), url("../fonts/roboto/roboto500.svg#NotoSansKR") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 500; }

html { scroll-behavior: smooth; }

body { font-family: "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 16px; color: #222; font-weight: 400; background-color: #f2f2f2; line-height: 1; letter-spacing: -1px; word-wrap: break-word; word-break: keep-all; -ms-word-break: break-all; overflow-wrap: break-word; }

.ir { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.is-hidden { display: none; }

.is-link { color: #2b478b; border-bottom: 1px solid #2b478b; }

.is-link:hover { color: #2b478b; }

.required { font-size: 16px; color: #e65330; }

#skip a { position: absolute; left: 0; top: -30px; }

#wrap { overflow: hidden; min-width: 320px; padding-top: 100px; background-color: #fff; }

.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; }

.header .header-wrap { position: relative; padding: 0 30px; background: #fff; z-index: 11; }

.header .header-in { position: relative; max-width: 1120px; height: 100px; margin: 0 auto; -moz-transition: height 0.25s ease-out, box-shadow 0.25s ease-out; -o-transition: height 0.25s ease-out, box-shadow 0.25s ease-out; -webkit-transition: height 0.25s ease-out, box-shadow 0.25s ease-out; transition: height 0.25s ease-out, box-shadow 0.25s ease-out; }

.header .ci { position: absolute; top: 50%; left: 0; margin-top: -15px; font-size: 1%; z-index: 10; }

.header .ci .img { vertical-align: top; }

.header .menu { position: absolute; top: 50%; right: 0; margin-top: -15px; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.header .menu .btn-menu { margin-left: 13px; padding-bottom: 1px; border: 0; font-size: 16px; color: #666; background: none; }

.header .menu .btn-menu:first-child { margin-left: 0; }

.header .menu .btn-menu.btn-menu-sign { position: relative; padding-left: 14px; }

.header .menu .btn-menu.btn-menu-sign:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -1px; font-size: 0; background: #999; width: 3px; height: 3px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; }

.header .menu .btn-menu.btn-menu-noti { display: none; line-height: 1; width: 30px; height: 30px; }

.header .menu .btn-menu.btn-menu-noti:before { content: ""; display: inline-block; width: 21px; height: 26px; background: url("../images/comm/sprite.png") no-repeat 0 -26px; vertical-align: top; }

.header .menu .btn-menu.btn-menu-all { position: relative; margin-left: 25px; padding-bottom: 0; text-align: right; line-height: 1; width: 30px; height: 30px; }

.header .menu .btn-menu.btn-menu-all:before, .header .menu .btn-menu.btn-menu-all:after { content: ""; position: absolute; right: 0; height: 2px; font-size: 0; background: #222; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }

.header .menu .btn-menu.btn-menu-all:before { top: 7px; width: 21px; }

.header .menu .btn-menu.btn-menu-all:after { bottom: 7px; width: 16px; }

.header .menu .btn-menu.btn-menu-all span:before { content: ""; position: absolute; right: 0; top: 50%; width: 27px; height: 2px; margin-top: -1px; font-size: 0; background: #222; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }

.header .menu .btn-menu.btn-menu-all:hover:before, .header .menu .btn-menu.btn-menu-all:hover:after, .header .menu .btn-menu.btn-menu-all:hover span:before, .header .menu .btn-menu.btn-menu-all.is-on:before, .header .menu .btn-menu.btn-menu-all.is-on:after, .header .menu .btn-menu.btn-menu-all.is-on span:before { width: 21px; }

.header .menu .btn-menu.btn-menu-all.is-on:before { top: 50%; margin-top: -1px; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.header .menu .btn-menu.btn-menu-all.is-on:after { bottom: 50%; margin-bottom: -1px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.header .menu .btn-menu.btn-menu-all.is-on span:before { opacity: 0; }

.header .gnb .gnb-user { display: none; margin-top: 25px; padding: 0 20px; text-align: right; }

.header .gnb .gnb-user [class^=btn-menu-] { font-size: 20px; color: #666; background: none; }

.header .gnb .gnb-user [class^=btn-menu-].btn-menu-sign { position: relative; margin-left: 10px; padding-left: 13px; }

.header .gnb .gnb-user [class^=btn-menu-].btn-menu-sign:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -1px; font-size: 0; background: #999; width: 3px; height: 3px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; }

.header .gnb.is-normal { position: absolute; top: 50%; left: 50%; margin-top: -10px; z-index: 11; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.header .gnb.is-normal .gnb-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.header .gnb.is-normal .gnb-col { position: relative; height: 20px; margin: 0 20px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.header .gnb.is-normal .gnb-col .gnb-tit { display: block; font-size: 20px; font-weight: 500; text-align: center; }

.header .gnb.is-normal .gnb-col .gnb-tit.is-on { color: #2b478b; font-weight: 700; }

.header .gnb.is-normal .gnb-col .gnb-sub { opacity: 0; overflow: hidden; position: absolute; top: 0; left: 50%; height: 1px; padding-top: 30px; cursor: pointer; z-index: -9999; -moz-transform: translate3d(-50%, -5px, 0); -o-transform: translate3d(-50%, -5px, 0); -ms-transform: translate3d(-50%, -5px, 0); -webkit-transform: translate3d(-50%, -5px, 0); transform: translate3d(-50%, -5px, 0); -moz-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; -webkit-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap { padding: 19px 20px 22px; font-size: 16px; color: #fff; font-weight: 500; background: #2b478b; text-align: left; white-space: nowrap; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.3); -moz-box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.3); box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.3); }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap > li { margin-top: 9px; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap > li:first-child { margin-top: 0; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul { margin-top: 12px; font-size: 14px; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul li { margin-top: 8px; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb { padding-bottom: 4px; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb:before { left: 8px; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb:hover:before, .header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb:focus:before { width: calc(100% - 8px); }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap ul li:first-child { margin-top: 0; }

.header .gnb.is-normal .gnb-col .gnb-sub .gnb-sub-wrap .btn-gnb + ul { margin-top: 7px; }

.header .gnb.is-normal .gnb-col .gnb-sub .btn-gnb { position: relative; display: inline-block; padding-bottom: 5px; vertical-align: top; }

.header .gnb.is-normal .gnb-col .gnb-sub .btn-gnb:before { content: ""; opacity: .3; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; font-size: 0; background: #d8efff; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; transition: width 0.2s ease-out; }

.header .gnb.is-normal .gnb-col .gnb-sub .btn-gnb:hover:before, .header .gnb.is-normal .gnb-col .gnb-sub .btn-gnb:focus:before { width: 100%; }

.header .gnb.is-normal .gnb-col:hover .gnb-tit, .header .gnb.is-normal .gnb-col.is-active .gnb-tit { color: #2b478b; font-weight: 700; }

.header .gnb.is-normal .gnb-col:hover .gnb-sub, .header .gnb.is-normal .gnb-col.is-active .gnb-sub { opacity: 1; overflow: visible; height: auto; z-index: auto; -moz-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.header .gnb.is-all { border-top: 1px solid #e8e8e8; border-bottom: 2px solid #444; background: #fff; z-index: 10; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; -webkit-box-shadow: 0 5px 20px 0 rgba(13, 14, 11, 0.3); -moz-box-shadow: 0 5px 20px 0 rgba(13, 14, 11, 0.3); box-shadow: 0 5px 20px 0 rgba(13, 14, 11, 0.3); -webkit-animation: gnbAll 0.2s ease-out; -moz-animation: gnbAll 0.2s ease-out; -o-animation: gnbAll 0.2s ease-out; animation: gnbAll 0.2s ease-out; }

.header .gnb.is-all .gnb-wrap { padding: 38px 0 87px; }

.header .gnb.is-all .gnb-in { max-width: 1120px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.header .gnb.is-all .gnb-col .gnb-tit { display: block; font-size: 24px; color: #2b478b; font-weight: 500; }

.header .gnb.is-all .gnb-col .gnb-sub { margin-top: 39px; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap { font-size: 20px; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap > li { margin-top: 13px; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap > li:first-child { margin-top: 0; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul { margin-top: 13px; font-size: 16px; color: #666; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul li { margin-top: 7px; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb { padding-bottom: 6px; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb:before { left: 9px; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb:hover:before, .header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul li .btn-gnb:focus:before { width: calc(100% - 9px); }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap ul li:first-child { margin-top: 0; }

.header .gnb.is-all .gnb-col .gnb-sub .gnb-sub-wrap .btn-gnb + ul { margin-top: 6px; }

.header .gnb.is-all .gnb-col .gnb-sub .btn-gnb { position: relative; display: inline-block; padding-bottom: 7px; vertical-align: top; }

.header .gnb.is-all .gnb-col .gnb-sub .btn-gnb:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; font-size: 0; background: #e65330; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; transition: width 0.2s ease-out; }

.header .gnb.is-all .gnb-col .gnb-sub .btn-gnb:hover:before, .header .gnb.is-all .gnb-col .gnb-sub .btn-gnb:focus:before { width: 100%; }

.header .gnb.is-mobile { overflow-y: auto; display: none; max-height: calc(100vh - 80px); padding-bottom: 78px; border-top: 1px solid #e8e8e8; border-bottom: 2px solid #444; background: #fbfbfb; z-index: 10; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 5px 20px 0 rgba(13, 14, 11, 0.3); -moz-box-shadow: 0 5px 20px 0 rgba(13, 14, 11, 0.3); box-shadow: 0 5px 20px 0 rgba(13, 14, 11, 0.3); -webkit-overflow-scrolling: touch; }

.header .gnb.is-mobile .gnb-col { border-bottom: 1px solid #e8e8e8; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.header .gnb.is-mobile .gnb-col .gnb-tit { position: relative; display: block; padding: 28px 30px; font-size: 24px; color: #2b478b; font-weight: 500; }

.header .gnb.is-mobile .gnb-col .gnb-tit:before, .header .gnb.is-mobile .gnb-col .gnb-tit:after { content: ""; position: absolute; right: 32px; top: 50%; width: 22px; height: 2px; margin-top: -1px; font-size: 0; background: #e65330; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

.header .gnb.is-mobile .gnb-col .gnb-tit:after { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.header .gnb.is-mobile .gnb-col .gnb-tit.is-select:before { opacity: 0; }

.header .gnb.is-mobile .gnb-col .gnb-tit.is-select:after { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.header .gnb.is-mobile .gnb-col .gnb-sub { display: none; padding: 1px 0 30px; }

.header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap { font-size: 20px; }

.header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap > li { margin-top: 29px; padding: 0 50px; }

.header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap > li:first-child { margin-top: 0; }

.header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap ul { margin-top: 29px; font-size: 20px; color: #666; }

.header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap ul li { margin-top: 29px; }

.header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap ul li:first-child { margin-top: 0; }

@-webkit-keyframes gnbAll { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes gnbAll { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes gnbAll { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes gnbAll { 0% { opacity: 0; }
  100% { opacity: 1; } }

.header.is-fixed { position: fixed; -webkit-box-shadow: 0 3px 10px 0 rgba(13, 14, 11, 0.08); -moz-box-shadow: 0 3px 10px 0 rgba(13, 14, 11, 0.08); box-shadow: 0 3px 10px 0 rgba(13, 14, 11, 0.08); }

.header.is-fixed .header-in { height: 90px; }

.footer { background: #f2f2f2; }

.footer .footer-menu { padding: 27px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #ccc; font-size: 16px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.footer .footer-menu ul { max-width: 1120px; margin: 0 auto; }

.footer .footer-menu ul:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.footer .footer-menu ul li { position: relative; float: left; margin-right: 20px; padding-right: 21px; }

.footer .footer-menu ul li:after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 14px; background: #ccc; }

.footer .footer-menu ul li:last-child { margin-right: 0; padding-right: 0; }

.footer .footer-menu ul li:last-child:after { display: none; }

.footer .footer-info { position: relative; max-width: 1120px; margin: 0 auto; padding: 29px 0 50px; }

.footer .footer-site { position: absolute; top: -56px; right: 0; min-width: 200px; height: 40px; padding: 0 57px 0 16px; border: 0; font-size: 16px; appearance: none; -webkit-appearance: none; background: #fff url("../images/comm/ico_select.png") no-repeat calc(100% - 19px) 50%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer .footer-site { background: #fff url("../images/comm/ico_select.png") no-repeat 90% 50%; } }

.footer .footer-conts { font-size: 14px; color: #666; }

.footer .footer-conts .footer-conts-help:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.footer .footer-conts .footer-conts-help li { position: relative; float: left; margin-right: 13px; padding-right: 14px; }

.footer .footer-conts .footer-conts-help li:after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 12px; background: #ccc; }

.footer .footer-conts .footer-conts-help li:last-child { margin-right: 0; padding-right: 0; }

.footer .footer-conts .footer-conts-help li:last-child:after { display: none; }

.footer .footer-conts .footer-conts-adrs { margin-top: 6px; }

.footer .footer-conts .copyright { margin-top: 6px; }

.footer .footer-ci { position: absolute; top: 32px; right: 20px; }

.no-content { padding: 14px 20px 28px; text-align: center; }

.no-content .no-content-in { font-size: 16px; color: #222; line-height: 1.3; }

.no-content .btn-new-registration { margin-top: 19px; }

.form-group { font-size: 0; }

.form-group [class^=btn-] { margin-right: 10px; vertical-align: top; }

.form-group [class^=btn-]:last-child { margin-right: 0; }

.form-group .input-text { vertical-align: middle; }

.form-group .dash, .form-group .at { display: inline-block; width: 30px; font-size: 16px; color: #222; vertical-align: middle; text-align: center; }

.form-group .input-radio, .form-group .input-checkbox { margin-right: 55px; vertical-align: top; }

.form-group .input-radio:last-child, .form-group .input-checkbox:last-child { margin-right: 0; }

.form-group.vertical { font-size: 100%; }

.input-text { height: 40px; width: 100%; padding: 0 10px; border: 1px solid #e8e8e8; font-size: 16px; color: #222; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.input-text::placeholder { font-size: 16px; color: #999; }

.input-text.ico-calendar { padding-right: 48px; background: #fff url("../images/comm/ico_calendar.png") no-repeat calc(100% - 10px) 50%; cursor: pointer; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .input-text.ico-calendar { background: #fff url("../images/comm/ico_calendar.png") no-repeat 95.5% 50%; } }

.input-text.ctr { text-align: center; }

.input-text:read-only { color: #666; background-color: #f4f4f4; }

.input-radio { display: inline-block; padding: 11px 0; vertical-align: top; }

.input-radio .input-label { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; color: #222; vertical-align: top; line-height: 1.15; }

.input-radio .input-label:before { content: ""; position: absolute; top: 0; left: 0; border: 1px solid #e8e9ea; width: 18px; height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }

.input-radio .input-label:after { content: ""; opacity: 0; position: absolute; top: 4px; left: 4px; background: #2b478b; width: 10px; height: 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; }

.input-radio [type=radio] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.input-radio [type=radio]:checked + .input-label:after { opacity: 1; }

.input-checkbox { display: inline-block; padding: 11px 0; vertical-align: top; }

.input-checkbox .input-label { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; color: #222; vertical-align: top; line-height: 1.15; }

.input-checkbox .input-label:before { content: ""; position: absolute; top: 0; left: 0; border: 1px solid #ccc; background: #fff; width: 18px; height: 18px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.input-checkbox .input-label:after { content: ""; opacity: 0; position: absolute; top: 0; left: 0; background: url("../images/comm/ico_checkbox.png") no-repeat 50% 50%; line-height: 0; width: 18px; height: 18px; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; }

.input-checkbox [type=checkbox] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.input-checkbox [type=checkbox]:checked + .input-label:before { border: 0; background: #2b478b; }

.input-checkbox [type=checkbox]:checked + .input-label:after { opacity: 1; }

.textarea-default { width: 100%; padding: 10px; border: 1px solid #e8e8e8; font-size: 16px; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.textarea-default::placeholder { font-size: 16px; color: #999; font-weight: 300; }

.btn-default { min-width: 90px; height: 34px; padding: 0 10px; border-width: 2px; border-style: solid; font-size: 16px; font-weight: 500; background: #fff; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; -webkit-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }

.btn-default:hover, .btn-default.is-active { padding: 0 12px; border: 0; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 29, 98, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(0, 29, 98, 0.22); box-shadow: 0 4px 8px 0 rgba(0, 29, 98, 0.22); }

.btn-default.btn-color1 { border-color: #2b478b; color: #2b478b; }

.btn-default.btn-color1:hover, .btn-default.btn-color1.is-active { color: #fff; /* fallback/image non-cover color */ background-color: #2b478b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #2b478b 0%, #427bd1 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #2b478b), color-stop(100%, #427bd1)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #2b478b 0%, #427bd1 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #2b478b 0%, #427bd1 100%); /* IE10+ */ background: -ms-linear-gradient(left, #2b478b 0%, #427bd1 100%); /* Standard */ background: linear-gradient(to right, #2b478b 0%, #427bd1 100%); /* IE6-9 */ }

.btn-default.btn-color2 { border-color: #e65330; color: #d43f1b; }

.btn-default.btn-color2:hover, .btn-default.btn-color2.is-active { color: #fff; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ }

.btn-default.btn-color3 { border: 0; color: #fff; background: #008833; }

.btn-default.btn-color4 { border: 0; color: #fff; background: #666; }

a.btn-default { display: inline-block; line-height: 30px; text-align: center; vertical-align: top; }

a.btn-default:hover { line-height: 34px; }

.btn-medium { min-width: 100px; height: 40px; padding: 0 20px; border: 0; font-size: 18px; color: #fff; font-weight: 500; background: #2b478b; white-space: nowrap; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.btn-medium:hover { color: #fff; }

a.btn-medium { display: inline-block; line-height: 40px; text-align: center; vertical-align: top; }

.btn-medium-border { min-width: 100px; height: 40px; padding: 0 20px; border: 2px solid #666; font-size: 18px; color: #666; font-weight: 500; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

a.btn-medium-border { display: inline-block; line-height: 36px; text-align: center; vertical-align: top; }

a.btn-medium-border:hover { color: #666; }

.btn-large { min-width: 100px; height: 60px; padding: 0 40px; border: 0; font-size: 24px; color: #fff; font-weight: 500; background: #2b478b; white-space: nowrap; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.btn-large:hover { color: #fff; }

a.btn-large { display: inline-block; line-height: 60px; text-align: center; vertical-align: top; }

.select-default { min-width: 140px; height: 34px; padding: 0 36px 0 10px; border: 1px solid #e8e8e8; font-size: 16px; font-weight: 300; appearance: none; -webkit-appearance: none; background: #fff url("../images/comm/ico_select_light.png") no-repeat calc(100% - 19px) 50%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .select-default { background: #fff url("../images/comm/ico_select_light.png") no-repeat 90% 50%; } }

.board { width: 100%; border-top: 1px solid #decaab; border-bottom: 1px solid #ccc; }

.board th { height: 59px; padding: 0 10px; border-bottom: 1px solid #e8e8e8; font-size: 16px; color: #666; font-weight: 300; background: #f4f4f4; line-height: 1.2; }

.board th:first-child { border-left: 1px solid #e8e8e8; }

.board th:last-child { border-right: 1px solid #e8e8e8; }

.board td { padding: 22px 10px; border-top: 1px solid #e8e8e8; font-size: 16px; color: #222; text-align: center; line-height: 1.2; }

.board tbody tr:first-child td { border-top: 0; }

.board .img { vertical-align: top; }

.board .align-lft { padding-right: 20px; padding-left: 20px; text-align: left; }

.board-line { width: 100%; border-top: 1px solid #decaab; border-bottom: 1px solid #ccc; }

.board-line th { height: 59px; padding: 0 10px; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; font-size: 16px; color: #666; font-weight: 300; background: #f4f4f4; line-height: 1.2; }

.board-line th.split { padding: 0; }

.board-line th.split .split-box { position: relative; min-height: 89px; background: url("../images/comm/diagonal.png") no-repeat 0 0; background-size: 100% 100%; }

.board-line th.split .split-box span { position: absolute; font-size: 16px; color: #222; }

.board-line th.split .split-box span.top-right { top: 20px; right: 10%; }

.board-line th.split .split-box span.bottom-left { bottom: 20px; left: 10%; }

.board-line th:first-child { border-left: 0; }

.board-line th:last-child { border-right: 0; }

.board-line td { padding: 22px 10px; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; font-size: 16px; color: #222; text-align: center; line-height: 1.2; }

.board-line td:first-child { border-left: 0; }

.board-line td:last-child { border-right: 0; }

.board-line td.text-left { text-align: left; }

.board-line thead.row2 th { height: 44px; }

.board-line tbody tr:first-child td { border-top: 0; }

.board-form { width: 100%; border-top: 2px solid #decaab; border-bottom: 1px solid #ccc; }

.board-form th { padding: 10px 10px 10px 40px; font-size: 16px; color: #222; font-weight: 400; text-align: left; }

.board-form th.vt { padding-top: 20px; vertical-align: top; }

.board-form td { padding: 10px 40px 10px 10px; }

.board-form tr:first-child th, .board-form tr:first-child td { padding-top: 29px; }

.board-form tr:last-child th, .board-form tr:last-child td { padding-bottom: 40px; }

.board-form .select-default { height: 40px; background-position-x: calc(100% - 10px); }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .board-form .select-default { background-position-x: 95%; } }

.board-lft { width: 100%; border-top: 1px solid #decaab; border-bottom: 1px solid #ccc; }

.board-lft th, .board-lft td { padding: 10px 0; border-top: 1px solid #e8e8e8; line-height: 1.2; }

.board-lft th { font-size: 16px; color: #666; font-weight: 400; text-align: left; }

.board-lft th span { display: block; padding: 0 10px 0 40px; }

.board-lft td { font-size: 16px; color: #222; }

.board-lft tr:first-child th, .board-lft tr:first-child td { border-top: 0; }

.board-lft .td-box { padding: 10px 0; }

.board-lft .td-box-row { padding: 2px 0 3px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.board-lft-form { width: 100%; border-top: 1px solid #decaab; border-bottom: 1px solid #ccc; }

.board-lft-form th { font-size: 16px; color: #222; font-weight: 400; background-color: #fbfbfb; text-align: left; }

.board-lft-form th span { padding-left: 40px; }

.board-lft-form td { padding: 19px 20px; }

.board-lft-view { table-layout: fixed; width: 100%; border-top: 1px solid #decaab; border-bottom: 1px solid #ccc; }

.board-lft-view th, .board-lft-view td { padding: 22px 20px; border-top: 1px solid #e8e8e8; }

.board-lft-view th { padding-right: 0; padding-left: 0; font-size: 16px; color: #222; font-weight: 400; background-color: #fbfbfb; text-align: left; }

.board-lft-view th span { padding-left: 40px; }

.board-lft-view tr:first-child th, .board-lft-view tr:first-child td { border-top: 0; }

.board-view { border-top: 2px solid #decaab; }

.board-view .board-view-top { position: relative; padding: 38px 40px; border-bottom: 1px solid #e8e8e8; }

.board-view .board-view-top .tit { font-size: 20px; color: #222; font-weight: 500; line-height: 1.2; }

.board-view .board-view-top .tit-label { display: inline-block; min-width: 60px; margin-right: 20px; padding: 5px 10px 6px; border: 2px solid #decaab; font-size: 16px; color: #bd8021; font-weight: 500; background-color: #fff; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.board-view .board-view-top .info { position: absolute; top: 50%; right: 40px; margin-top: -8px; font-size: 16px; color: #666; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.board-view .board-view-top .info li { position: relative; margin-left: 20px; padding-left: 21px; }

.board-view .board-view-top .info li:before { content: ""; position: absolute; top: 1px; left: 0; width: 1px; height: 14px; background: #e8e8e8; }

.board-view .board-view-top .info li:first-child { margin-left: 0; padding-left: 0; }

.board-view .board-view-top .info li:first-child:before { display: none; }

.board-view .board-view-top .info li.date { font-family: "Roboto", "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-weight: 400; }

.board-view .board-view-top .info li.name { margin-top: -1px; }

.board-view .board-view-box { padding: 18px 40px; border-bottom: 1px solid #e8e8e8; }

.board-view .board-view-box .attachments { display: block; position: relative; padding-left: 35px; line-height: 1.5; }

.board-view .board-view-box .attachments:before { content: ""; position: absolute; top: 1px; left: 0; width: 25px; height: 23px; background: url("../images/comm/ico_file.png") no-repeat 0 0; }

.board-view .board-view-box .category { font-size: 16px; line-height: 1.5; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.board-view .board-view-box .category .tit { display: block; position: relative; margin-right: 20px; padding-right: 21px; color: #666; }

.board-view .board-view-box .category .tit:after { content: ""; position: absolute; right: 0; top: 6px; width: 1px; height: 14px; background: #e8e8e8; }

.board-view .board-view-box .category strong { color: #222; font-weight: 400; }

.board-view .board-view-box.between { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.board-view .board-view-conts { padding: 35px 40px 90px; line-height: normal; }

.board-view .board-view-bot { padding-top: 40px; border-top: 1px solid #e8e8e8; text-align: center; }

.board-view .board-view-answer { border-top: 2px solid #666; }

.board-view .board-view-answer .board-view-top { padding-top: 33px; padding-bottom: 33px; }

.board-view .board-view-answer .board-view-top .tit { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.board-view .board-view-answer .board-view-top .tit-label { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.board-wrap + .board-wrap { margin-top: 30px; }

.board-wrap + .paging { margin-top: 30px; }

.tab { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.tab:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; font-size: 0; background: #bdceda; }

.tab .btn-tab { height: 50px; margin-right: -1px; padding: 0 20px; border-width: 1px 1px 0; border-style: solid; border-color: #e2e2e2; font-size: 16px; color: #666; font-weight: 400; background: #fbfbfb; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.tab .btn-tab:last-child { margin-right: 0; }

.tab .btn-tab.is-active { position: relative; border-color: #bdceda; color: #2b478b; font-weight: 500; background: #fff; }

.search-form .btn-search-submit { min-width: 90px; }

.search-form .btn-search-submit span { display: inline-block; position: relative; padding-left: 20px; line-height: 1; }

.search-form .btn-search-submit span:before { content: ""; position: absolute; top: 2px; left: 0; background: url("../images/comm/ico_search.png") no-repeat 0 0; width: 17px; height: 17px; }

.search-form .search-form-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.search-form .select-default { min-width: 160px; height: 40px; background-position-x: calc(100% - 10px); }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .search-form .select-default { background-position-x: 95%; } }

.search-form .wave { width: 29px; font-size: 16px; color: #666; text-align: center; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.search-form.search-type1 .search-form-in { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.search-form.search-type1 .select-default { width: 160px; margin-right: -1px; }

.search-form.search-type1 .input-text::placeholder { font-weight: 300; }

.search-form.search-type1 .btn-search-submit { margin-left: 10px; }

.search-form.search-type2 { max-width: 740px; margin: 0 auto; padding: 9px 19px 9px 9px; border: 1px solid #e9eff2; background: #f5f9fb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.search-form.search-type2 .search-form-in { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.search-form.search-type2 .box { margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.search-form.search-type2 .box:first-child { margin-left: 0; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.search-form.search-type2 label { padding: 0 19px 0 10px; font-size: 16px; color: #666; }

.search-form.search-type2 .select-default { width: 100%; }

.search-form.search-type2 .btn-search-submit { margin-left: 10px; }

.search-form.search-type3 { padding: 19px 19px 19px 150px; border: 1px solid #e9eff2; background: #f5f9fb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.search-form.search-type3 .search-form-in { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.search-form.search-type3 .search-form-in + .search-form-in { margin-top: 10px; }

.search-form.search-type3 .box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.search-form.search-type3 .box:first-child { margin-left: 0; }

.search-form.search-type3 .box + .box { margin-left: 80px; }

.search-form.search-type3 .tit { margin-right: 18px; font-size: 16px; color: #666; font-weight: 400; }

.search-form.search-type3 .form-group .input-checkbox { margin-right: 40px; }

.search-form.search-type3 .btn-search-submit { margin-left: 20px; }

.pop-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 100px 20px 0; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.pop-layer .pop-wrap { overflow: hidden; position: relative; width: 100%; min-width: 280px; margin-top: -100px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); }

.pop-layer .pop-head { background: #3f60b1; border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; }

.pop-layer .pop-head .title { height: 50px; padding: 0 30px; font-size: 20px; color: #fff; font-weight: 500; line-height: 50px; }

.pop-layer .pop-container { overflow: hidden; padding-bottom: 43px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; background: #fff; border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; }

.pop-layer .pop-in + .pop-button { margin-top: 20px; }

.pop-layer .btn-pop-more { width: 300px; height: 30px; border: 1px solid #e8e8e8; font-size: 14px; color: #666; background: #fbfbfb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.pop-layer .pop-button { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.pop-layer .pop-button [class^=btn-] { margin-right: 10px; }

.pop-layer .pop-button [class^=btn-]:last-child { margin-right: 0; }

.pop-layer .btn-pop-clse { position: absolute; top: 5px; right: 7px; border: 0; background: url(../images/comm/ico_pop_clse.png) no-repeat 50% 50%; width: 40px; height: 40px; }

.pop-layer.modal:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }

.pop-learning { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 100px 20px 0; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.pop-learning:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }

.pop-learning .pop-wrap { position: relative; width: 100%; max-width: 996px; margin-top: -100px; -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); }

.pop-learning .pop-container { overflow: hidden; border-width: 1px; border-style: solid; border-color: #ccc; }

.pop-learning .btn-pop-clse { position: absolute; right: 0; top: -50px; border: 0; background: #3f60b1 url("../images/comm/ico_pop_clse.png") no-repeat 50% 50%; width: 42px; height: 42px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.paging { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.paging .btn-paging { width: 30px; height: 31px; margin-left: 1px; font-family: "Roboto", "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 14px; color: #666; font-weight: 400; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.paging .btn-paging.btn-first, .paging .btn-paging.btn-prev, .paging .btn-paging.btn-next, .paging .btn-paging.btn-last { padding-bottom: 2px; font-family: "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-weight: 300; background-repeat: no-repeat; background-position: 50% 50%; }

.paging .btn-paging.btn-first:hover, .paging .btn-paging.btn-prev:hover, .paging .btn-paging.btn-next:hover, .paging .btn-paging.btn-last:hover { border: 0; }

.paging .btn-paging.btn-first { position: relative; margin-right: 12px; background-image: url("../images/comm/ico_dubble_chevon_lft.png"); }

.paging .btn-paging.btn-first:after { content: ""; position: absolute; top: 50%; right: -1px; width: 1px; height: 10px; margin-top: -5px; background: #ccc; }

.paging .btn-paging.btn-prev { width: auto; margin-right: 40px; padding-left: 16px; background-position-x: 0; background-image: url("../images/comm/ico_chevon_lft.png"); }

.paging .btn-paging.btn-next { width: auto; margin-left: 40px; padding-right: 16px; background-position-x: 100%; background-image: url("../images/comm/ico_chevon_rgt.png"); }

.paging .btn-paging.btn-last { position: relative; margin-left: 12px; background-image: url("../images/comm/ico_dubble_chevon_rgt.png"); }

.paging .btn-paging.btn-last:before { content: ""; position: absolute; top: 50%; left: -1px; width: 1px; height: 10px; margin-top: -5px; background: #ccc; }

.paging .btn-paging:first-child { margin-left: 0; }

.paging .btn-paging.is-active { border: 1px solid #decaab; color: #bd8021; font-weight: 500; }

.paging .btn-paging:hover { border: 1px solid #decaab; color: #bd8021; font-weight: 500; }

.form-msg.fail { color: #d43f1b; }

.file-form { overflow: hidden; position: relative; }

.file-form .input-file { opacity: 0; position: absolute; top: -25%; right: -10%; bottom: -25%; left: -10%; width: 120%; height: 150%; cursor: pointer; }

.file-form .file-form-box { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.file-form .file-form-box .input-text { border-right: 0; }

.file-form .file-form-box .btn-file-add { height: 40px; padding: 0 20px; font-size: 16px; color: #222; border: 1px solid #ccc; background: #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.accordion { background-color: #fff; }

.accordion .accordion-item .tit { position: relative; padding: 29px 100px 29px 120px; border-bottom: 1px solid #e8e8e8; font-size: 16px; color: #222; line-height: 1.3; }

.accordion .accordion-item .tit:after { content: ""; position: absolute; top: 50%; right: 40px; width: 20px; height: 11px; margin-top: -6px; background: url("../images/comm/ico_chevron_large_down.png") no-repeat 0 0; }

.accordion .accordion-item .tit-label { position: absolute; top: 18px; left: 40px; border: 1px solid #ccc; font-family: "Roboto", "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 20px; font-weight: 500; width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.accordion .accordion-item .tit-label.tit-question { color: #222; }

.accordion .accordion-item .btn-accordion { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; background: none; z-index: 1; }

.accordion .accordion-item .conts { display: none; position: relative; border-bottom: 1px solid #e8e8e8; font-size: 16px; color: #222; font-weight: 300; background-color: #fbfbfb; line-height: 1.3; }

.accordion .accordion-item .conts li { margin-top: 10px; }

.accordion .accordion-item .conts li:first-child { margin-top: 0; }

.accordion .accordion-item .conts img { max-width: 100%; }

.accordion .accordion-item .conts-in { padding: 29px 20px 29px 120px; }

.accordion .accordion-item .conts-label { position: absolute; top: 18px; left: 40px; border: 1px solid #decaab; font-family: "Roboto", "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 20px; font-weight: 500; width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.accordion .accordion-item .conts-label.conts-answer { color: #bd8021; }

.accordion .accordion-item.is-on .tit:after { background-image: url("../images/comm/ico_chevron_large_up.png"); }

.section-index { padding-bottom: 88px; background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-index .index-wrap { position: relative; max-width: 1120px; margin: 0 auto; }

.section-index .index-top { height: 277px; border-bottom: 2px solid #444; background: url("../images/index_top.jpg") no-repeat 50% 0; }

.section-index .index-contents { margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-index .index-contents .index-contents-box { position: relative; min-height: 460px; margin-left: 50px; padding: 57px 25px; border: 1px solid #e6e6e6; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }

.section-index .index-contents .index-contents-box:before { content: ""; display: none; position: absolute; top: -29px; left: 50%; width: 14px; height: 13px; margin-left: -7px; background: url("../images/comm/ico_double_arw_down.png") no-repeat 0 0; }

.section-index .index-contents .index-contents-box:after { content: ""; display: block; position: absolute; bottom: 51px; left: 0; width: 100%; }

.section-index .index-contents .index-contents-box .title { font-size: 30px; font-weight: 500; -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; }

.section-index .index-contents .index-contents-box .dsc { margin-top: 14px; font-size: 18px; color: #666; line-height: 1.35; -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; }

.section-index .index-contents .index-contents-box .dsc br { display: none; }

.section-index .index-contents .index-contents-box .btn-go { display: block; width: 100px; margin: 15px auto 0; padding: 8px; border: 1px solid #999; font-size: 14px; font-weight: 500; line-height: 1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: width 0.25s, height 0.25s; -o-transition: width 0.25s, height 0.25s; -webkit-transition: width 0.25s, height 0.25s; transition: width 0.25s, height 0.25s; }

.section-index .index-contents .index-contents-box .btn-go span { position: relative; display: inline-block; vertical-align: top; -moz-transition: padding 0.2s; -o-transition: padding 0.2s; -webkit-transition: padding 0.2s; transition: padding 0.2s; }

.section-index .index-contents .index-contents-box .btn-go span:after { content: ""; display: none; position: absolute; top: 50%; right: 0; width: 17px; height: 8px; margin-top: -6px; background: url("../images/comm/ico_half_arw_rgt.png") no-repeat 0 0; }

.section-index .index-contents .index-contents-box:first-child { margin-left: 0; }

.section-index .index-contents .index-contents-box.bg1:after { height: 175px; background: url("../images/bg_index_contents1.png") no-repeat 50% 50%; background-size: contain; }

.section-index .index-contents .index-contents-box.bg2:after { height: 177px; background: url("../images/bg_index_contents2.png") no-repeat 50% 50%; background-size: contain; }

.section-index .index-contents .index-contents-box.bg3:after { height: 176px; background: url("../images/bg_index_contents3.png") no-repeat 50% 50%; background-size: contain; }

.section-index .index-contents .index-contents-box:hover { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-index .index-contents .index-contents-box:hover .title, .section-index .index-contents .index-contents-box:hover .dsc { -moz-transform: translate3d(0, -6px, 0); -o-transform: translate3d(0, -6px, 0); -ms-transform: translate3d(0, -6px, 0); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); }

.section-index .index-contents .index-contents-box:hover .btn-go { width: 120px; height: 40px; padding: 10px 0; border: 0; font-size: 16px; color: #fff; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ -webkit-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); }

.section-index .index-contents .index-contents-box:hover .btn-go span { padding-right: 26px; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; }

.section-index .index-contents .index-contents-box:hover .btn-go span:after { display: inline-block; }

.section-index .index-contents .index-contents-box:focus-within { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-index .index-contents .index-contents-box:focus-within .btn-go { padding: 9px; border: 0; color: #fff; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ -webkit-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); }

.section-index .index-contents .index-contents-box:focus-within .btn-go span { padding-right: 26px; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; }

.section-index .index-contents .index-contents-box:focus-within .btn-go span:after { display: inline-block; }

.section-index .index-menu { margin-top: 60px; }

.section-index .index-menu:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-index .index-menu .index-menu-item { display: block; position: relative; float: left; width: 25%; padding-bottom: 12px; font-size: 20px; font-weight: 500; text-align: center; }

.section-index .index-menu .index-menu-item:before { content: ""; display: block; margin: 0 auto 3px; width: 80px; height: 80px; }

@-webkit-keyframes bgAni { 0% { opacity: .7;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% { opacity: 1;
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); } }

@-moz-keyframes bgAni { 0% { opacity: .7;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% { opacity: 1;
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); } }

@-o-keyframes bgAni { 0% { opacity: .7;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% { opacity: 1;
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); } }

@keyframes bgAni { 0% { opacity: .7;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% { opacity: 1;
    -moz-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); } }

.section-index .index-menu .index-menu-item.ico-paper:before { background: url("../images/comm/ico_paper.png") no-repeat 50% 50%; }

.section-index .index-menu .index-menu-item.ico-paper:hover:before, .section-index .index-menu .index-menu-item.ico-paper:focus:before { background-image: url("../images/comm/ico_paper_on.png"); -webkit-animation: bgAni 0.5s forwards; -moz-animation: bgAni 0.5s forwards; -o-animation: bgAni 0.5s forwards; animation: bgAni 0.5s forwards; }

.section-index .index-menu .index-menu-item.ico-guide:before { background: url("../images/comm/ico_guide.png") no-repeat 50% 50%; }

.section-index .index-menu .index-menu-item.ico-guide:hover:before, .section-index .index-menu .index-menu-item.ico-guide:focus:before { background-image: url("../images/comm/ico_guide_on.png"); -webkit-animation: bgAni 0.5s forwards; -moz-animation: bgAni 0.5s forwards; -o-animation: bgAni 0.5s forwards; animation: bgAni 0.5s forwards; }

.section-index .index-menu .index-menu-item.ico-schedule:before { background: url("../images/comm/ico_schedule.png") no-repeat 50% 50%; }

.section-index .index-menu .index-menu-item.ico-schedule:hover:before, .section-index .index-menu .index-menu-item.ico-schedule:focus:before { background-image: url("../images/comm/ico_schedule_on.png"); -webkit-animation: bgAni 0.5s forwards; -moz-animation: bgAni 0.5s forwards; -o-animation: bgAni 0.5s forwards; animation: bgAni 0.5s forwards; }

.section-index .index-menu .index-menu-item.ico-qna:before { background: url("../images/comm/ico_qna.png") no-repeat 50% 50%; }

.section-index .index-menu .index-menu-item.ico-qna:hover:before, .section-index .index-menu .index-menu-item.ico-qna:focus:before { background-image: url("../images/comm/ico_qna_on.png"); -webkit-animation: bgAni 0.5s forwards; -moz-animation: bgAni 0.5s forwards; -o-animation: bgAni 0.5s forwards; animation: bgAni 0.5s forwards; }

.lnb { font-size: 16px; color: #666; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.lnb li { position: relative; padding: 0 16px 0 15px; }

.lnb li:after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 14px; background: #b6d1e3; }

.lnb li:last-child { padding-right: 15px; }

.lnb li:last-child:after { display: none; }

.lnb .btn-lnb.is-active { color: #222; font-weight: 500; }

.sub-wrap { position: relative; max-width: 1120px; margin: 0 auto; }

.sub-top { position: relative; height: 227px; border-bottom: 2px solid #444; background: url("../images/bg_sub_top.png") no-repeat 50% 0; background-size: cover; }

.sub-top:before { content: ""; top: 4px; left: -25px; position: absolute; background: url("../images/bg_sub_cloud_piece.png") no-repeat 0 0; width: 44px; height: 44px; }

.sub-top .title { position: absolute; top: 38px; left: 0; width: 100%; font-size: 24px; color: #2b478b; font-weight: 500; text-align: center; }

.sub-top .location { display: none; position: absolute; top: 106px; left: 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.sub-top .location li { position: relative; margin-right: 9px; padding-right: 18px; font-size: 16px; color: #666; font-weight: 300; }

.sub-top .location li:after { content: ""; position: absolute; top: 2px; right: 0; width: 9px; height: 13px; background: url("../images/ico_location_gt.png") no-repeat 0 0; }

.sub-top .location li.location-home { padding-left: 24px; }

.sub-top .location li.location-home:before { content: ""; position: absolute; top: -1px; left: 0; width: 21px; height: 18px; background: url("../images/ico_home.png") no-repeat 0 0; }

.sub-top .location li .is-active { color: #222; font-weight: 500; }

.sub-top .location li:last-child { margin-right: 0; padding-right: 0; }

.sub-top .location li:last-child:after { display: none; }

.sub-top .select-location { display: none; position: absolute; top: 118px; left: 50%; height: 40px; border-color: #c0dcef; background-position-x: calc(100% - 10px); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.sub-top .lnb { position: absolute; top: 81px; left: 0; width: 100%; }

.notice { position: absolute; top: 100px; left: 0; width: 330px; padding: 40px 28px 40px 30px; border-width: 2px 2px 2px 0; border-style: solid; border-color: #444; background: rgba(255, 255, 255, 0.9); -moz-transform: translate3d(-310px, 0, 0); -o-transform: translate3d(-310px, 0, 0); -ms-transform: translate3d(-310px, 0, 0); -webkit-transform: translate3d(-310px, 0, 0); transform: translate3d(-310px, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; -webkit-box-shadow: 0 2px 32px 0 rgba(34, 34, 34, 0.1); -moz-box-shadow: 0 2px 32px 0 rgba(34, 34, 34, 0.1); box-shadow: 0 2px 32px 0 rgba(34, 34, 34, 0.1); -moz-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; }

.notice .notice-items li { position: relative; margin-top: 20px; }

.notice .notice-items li:first-child { margin-top: 0; }

.notice .notice-items .notice-items-box { display: block; padding: 18px; border: 1px solid #e6e6e6; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.notice .notice-items .notice-items-box .subject { display: block; font-size: 24px; font-weight: 500; }

.notice .notice-items .notice-items-box .summary { margin-top: 11px; font-size: 16px; font-weight: 300; line-height: 1.35; }

.notice .notice-items .btn-box-clse { position: absolute; right: 0; top: 0; border: 0; background: none; line-height: 1; width: 32px; height: 32px; }

.notice .btn-notice { position: absolute; top: 42px; right: -30px; width: 30px; height: 90px; border: 0; font-size: 16px; color: #fff; background: #444; text-align: center; border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; }

.notice .btn-notice span { position: relative; display: inline-block; width: 100%; padding-bottom: 23px; color: #fffefe; vertical-align: top; line-height: 1.2; }

.notice .btn-notice span:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 9px; height: 16px; background: url("../images/comm/sprite.png") no-repeat -19px 0; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.notice .btn-notice-clse { display: none; margin: 30px auto 0; border: 0; background: #444; line-height: 1; width: 60px; height: 60px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }

.notice .btn-notice-clse:before { content: ""; display: inline-block; background: url("../images/comm/ico_notice_clse.png") no-repeat 0 0; width: 32px; height: 32px; }

.notice.is-active { -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.notice.is-active .btn-notice span:after { background-position-x: 0; }

.sidebar { position: fixed; top: 100px; left: 50%; width: 100px; margin-left: 590px; text-align: center; letter-spacing: -1px; }

.sidebar .sidebar-box { padding: 19px 6px 20px; border: 2px solid #444; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }

.sidebar .user { display: block; margin: 0 10px; padding-bottom: 7px; border-bottom: 2px solid #ccc; font-size: 14px; color: #666; text-align: left; line-height: 1.43; }

.sidebar .user .name { font-size: 16px; color: #222; font-weight: 500; }

.sidebar .menu { margin-top: 14px; font-size: 14px; font-weight: 500; }

.sidebar .menu li { margin-top: 11px; }

.sidebar .menu li:first-child { margin-top: 0; }

.sidebar .menu .btn-logout { font-weight: 400; }

.sidebar .info { margin-top: 20px; }

.sidebar .info .info-label { display: block; margin-top: 4px; padding: 5px 3px 7px; font-size: 14px; color: #999; background: #eee; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }

.sidebar .info .info-label:first-child { margin-top: 0; }

.sidebar .info .info-label.type1 { color: #fff; background: #d43f1b; }

.sidebar .info .info-label.type2 { color: #fff; background: #2b478b; }

.sidebar .chatbot { display: block; margin-top: 10px; padding-top: 9px; font-size: 14px; font-weight: 500; }

.sidebar .chatbot:before { content: ""; display: block; width: 46px; height: 41px; margin: 0 auto 5px; background: url("../images/comm/ico_chatbot.png") no-repeat 50% 0; }

.sidebar .sidebar-customer { margin-top: 10px; }

.sidebar .sidebar-customer .sidebar-customer-in { display: block; padding-top: 4px; }

.sidebar .sidebar-customer .sidebar-customer-in:before { content: ""; display: block; width: 36px; height: 35px; margin: 0 auto; background: url("../images/comm/ico_tel.png") no-repeat 0 0; }

.sidebar .sidebar-customer .tit { display: block; margin-top: 5px; font-size: 14px; font-weight: 500; }

.sidebar .sidebar-customer .tel { display: block; margin-top: 6px; font-family: "Roboto", "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 16px; color: #2b478b; font-weight: 500; }

.pop-searchtype2 .pop-wrap { max-width: 800px; }

.pop-searchtype2 .pop-in { overflow-y: auto; max-height: calc(100vh - 250px); padding: 30px 29px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.pop-searchtype2 .search-form { margin-bottom: 20px; }

.pop-searchtype2 .board th { height: 49px; }

.pop-searchtype2 .board td { padding: 12px 10px; }

.pop-searchtype2 .pop-more { margin-top: 20px; text-align: center; }

.pop-new-permit .pop-in { padding: 25px 29px 0; }

.pop-new-permit .pop-new-permit-tit { position: relative; padding-left: 39px; font-size: 20px; color: #d43f1b; font-weight: 500; line-height: 1.45; }

.pop-new-permit .pop-new-permit-tit:before { content: ""; position: absolute; top: 0; left: 0; background: url("../images/comm/ico_circle_question.png") no-repeat 0 0; width: 29px; height: 29px; }

.pop-new-permit .pop-new-permit-list { margin-top: 15px; font-size: 16px; color: #222; }

.pop-new-permit .pop-new-permit-list li { position: relative; margin-top: 9px; padding-left: 26px; }

.pop-new-permit .pop-new-permit-list li:before { content: ""; position: absolute; top: 6px; left: 13px; background: #666; width: 4px; height: 4px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }

.pop-new-permit .pop-new-permit-list li:first-child { margin-top: 0; }

.pop-new-permit .search-type2 { margin-top: 30px; padding: 9px 55px 9px 60px; }

.pop-new-permit .search-type2 .box { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.pop-license .pop-wrap { max-width: 600px; }

.pop-license .pop-in { padding: 40px 49px 0; }

.pop-license label { display: block; margin-bottom: 20px; font-size: 16px; font-weight: 500; }

.pop-board .pop-wrap { max-width: 800px; }

.pop-board .pop-in { overflow-y: auto; max-height: calc(100vh - 250px); padding: 30px 29px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.pop-board .pop-more { margin-top: 20px; text-align: center; }

.pop-online-learning .pop-wrap { max-width: 600px; }

.pop-online-learning .pop-in { padding: 30px 49px 0; }

.pop-online-learning .msg { font-size: 20px; color: #222; font-weight: 500; text-align: center; }

.pop-online-learning .msg span { display: inline-block; padding: 6px 0 7px 42px; background: url("../images/comm/ico_circle_exc.png") no-repeat 0 0; vertical-align: top; text-align: left; }

.pop-online-learning .info { margin-top: 20px; padding: 15px; border: 1px solid #e8e8e8; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.pop-online-learning .info li { margin-top: 15px; color: #222; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.pop-online-learning .info li:first-child { margin-top: 0; }

.pop-online-learning .info strong { position: relative; width: 116px; margin-right: 20px; padding-left: 12px; color: #666; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.pop-online-learning .info strong:before { content: ""; position: absolute; top: 6px; left: 0; background: #999; width: 4px; height: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.pop-online-learning .info strong:after { content: ""; position: absolute; right: 0; top: 2px; width: 1px; height: 14px; background: #e8e8e8; }

.pop-online-learning .msg2 { display: block; margin-top: 20px; font-size: 20px; font-weight: 500; color: #222; text-align: center; }

.pop-online-learning .form-group { margin-top: 20px; text-align: center; }

.section-join { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-join .sub-top { background-image: url("../images/bg_login_top.png"); }

.section-join .join-contents { margin-top: 47px; padding-bottom: 180px; }

.section-join h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-join .join-type { margin-top: 30px; padding: 0 50px; }

.section-join .join-type h4.title { padding-left: 11px; font-size: 20px; color: #222; font-weight: 400; background: url("../images/comm/bul_caret_rgt.png") no-repeat 0 50%; }

.section-join .join-type .join-type-wrap { margin: 20px -10px -20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-join .join-type .join-type-item { margin: 0 10px 20px; padding: 58px 10px 64px; border: 1px solid #e6e6e6; background: #fff; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }

.section-join .join-type .join-type-item:before { content: ""; display: inline-block; vertical-align: top; width: 86px; height: 86px; }

.section-join .join-type .join-type-item .tit { display: block; margin-top: 17px; font-size: 26px; color: #222; font-weight: 700; }

.section-join .join-type .join-type-item .tit span { display: block; margin-top: 5px; font-size: 20px; font-weight: 300; }

.section-join .join-type .join-type-item .dsc { margin-top: 30px; font-size: 16px; color: #666; line-height: 1.3; }

.section-join .join-type .join-type-item .dsc strong { color: #222; font-weight: 500; }

.section-join .join-type .join-type-item .btn-medium { margin-top: 30px; }

.section-join .join-type .join-type-item.basic:before { background: url("../images/comm/ico_basic_human.png") no-repeat 50% 50%; }

.section-join .join-type .join-type-item.foreigner:before { background: url("../images/comm/ico_foreigner_human.png") no-repeat 50% 50%; }

.section-join .join-type .join-type-item:hover { border-color: #3f60b1; -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-join .join-type .join-type-item:focus-within { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-join .join-auth { margin-top: 30px; padding: 0 50px; }

.section-join .join-auth h4.title { padding-left: 11px; font-size: 20px; color: #222; font-weight: 400; background: url("../images/comm/bul_caret_rgt.png") no-repeat 0 50%; }

.section-join .join-auth .join-auth-wrap { margin: 20px -20px -40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.section-join .join-auth .join-auth-item { width: calc((100% - 80px) / 2); margin: 0 20px 40px; padding: 50px 10px 60px; border: 1px solid #e6e6e6; background: #fff; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-join .join-auth .join-auth-item:before { content: ""; display: inline-block; vertical-align: top; width: 86px; height: 86px; }

.section-join .join-auth .join-auth-item .tit { display: block; margin-top: 17px; font-size: 26px; color: #222; font-weight: 700; }

.section-join .join-auth .join-auth-item .tit span { display: block; margin-top: 5px; font-size: 20px; font-weight: 300; }

.section-join .join-auth .join-auth-item .dsc { margin-top: 30px; font-size: 16px; color: #666; line-height: 1.3; }

.section-join .join-auth .join-auth-item .dsc strong { color: #222; font-weight: 500; }

.section-join .join-auth .join-auth-item .btn-medium { margin-top: 30px; }

.section-join .join-auth .join-auth-item.hp:before { background: url("../images/comm/ico_hp.png") no-repeat 50% 50%; }

.section-join .join-auth .join-auth-item.card:before { background: url("../images/comm/ico_card.png") no-repeat 50% 50%; }

.section-join .join-auth .join-auth-item.ipin:before { background: url("../images/comm/ico_ipin.png") no-repeat 50% 50%; }

.section-join .join-auth .join-auth-item.certi:before { background: url("../images/comm/ico_certi.png") no-repeat 50% 50%; }

.section-join .join-auth .join-auth-item:hover { border-color: #3f60b1; -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-join .join-auth .join-auth-item:focus-within { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-join .join-step { margin-top: 35px; padding: 0 50px; }

.section-join .join-step .join-step-flow { margin-bottom: 29px; font-size: 20px; color: #666; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.section-join .join-step .join-step-flow li { position: relative; margin-left: 50px; padding: 8px 30px 8px 57px; border: 2px solid #ccc; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-join .join-step .join-step-flow li:after { content: ""; position: absolute; top: 50%; right: -52px; width: 50px; height: 2px; margin-top: -1px; font-size: 0; background: #ccc; }

.section-join .join-step .join-step-flow li span { position: absolute; top: 50%; left: -3px; margin-top: -25px; font-family: "Roboto", "Noto Sans KR", "맑은고딕", "Malgun Gothic", sans-serif; font-size: 24px; color: #fff; font-weight: 500; background: #ccc; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 50px; height: 50px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }

.section-join .join-step .join-step-flow li.current { border-color: #3f60b1; color: #222; }

.section-join .join-step .join-step-flow li.current span { background: #3f60b1; }

.section-join .join-step .join-step-flow li:first-child { margin-left: 0; }

.section-join .join-step .join-step-flow li:last-child:after { display: none; }

.section-join .join-step h5.title { font-size: 24px; color: #222; font-weight: 500; }

.section-join .join-step .input-checkbox { padding: 0; }

.section-join .join-step .join-step-box .input-checkbox { margin-top: 20px; }

.section-join .join-step .join-step-box + .join-step-box { margin-top: 50px; }

.section-join .join-step .join-step-terms { overflow-y: auto; height: 200px; margin-top: 20px; padding: 30px; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.section-join .join-step .join-step-checkbox { margin-top: 50px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.section-join .join-step .form-group { margin-top: 40px; text-align: center; }

.section-join .join-step .join-step-form { max-width: 580px; margin: 0 auto; }

.section-join .join-step .join-step-form .join-step-input { position: relative; padding-bottom: 40px; border-bottom: 1px solid #ccc; }

.section-join .join-step .join-step-form .join-step-input + .join-step-input { margin-top: 50px; }

.section-join .join-step .join-step-form .title { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #decaab; font-size: 24px; color: #222; font-weight: 500; }

.section-join .join-step .join-step-form .join-step-required { position: absolute; top: 8px; right: 0; font-size: 14px; color: #666; font-weight: 300; }

.section-join .join-step .join-step-form .select-default { height: 40px; background-position-x: calc(100% - 10px); -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .section-join .join-step .join-step-form .select-default { background: #fff url("../images/comm/ico_select_light.png") no-repeat 95% 50%; } }

.section-join .join-step .join-step-form .join-step-input-id { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-join .join-step .join-step-form .join-step-input-id .btn-duplicate { margin-left: 10px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-join .join-step .join-step-form .join-step-input-email { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-join .join-step .join-step-form .join-step-input-email .at { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-join .join-step .join-step-form .join-step-input-email .select-default { margin-left: 10px; }

.section-join .join-step .join-step-form .join-step-input-adrs { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-join .join-step .join-step-form .join-step-input-adrs .btn-adrs { margin-left: 10px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-join .join-step .join-step-form .join-step-input-adrs + .input-text { margin-bottom: 10px; }

.section-join .join-step .join-step-form .join-step-input-tel { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-join .join-step .join-step-form .join-step-input-tel .dash { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-join .join-step .join-step-form .join-step-input-corpnumber { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-join .join-step .join-step-form .join-step-input-corpnumber .dash { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-join .join-step .join-step-form .tit { display: block; margin-bottom: 10px; font-size: 16px; color: #222; font-weight: 500; }

.section-join .join-step .join-step-form .join-step-input-guide { margin-top: 9px; font-size: 14px; color: #666; font-weight: 300; }

.section-join .join-step .join-step-form .form-msg { margin-top: 9px; }

.section-join .join-step .join-step-form .input-radio { padding: 0; }

.section-join .join-step .join-step-form .form-group { margin: 0; text-align: left; }

.section-join .join-step .join-step-input-box + .join-step-input-box { margin-top: 30px; }

.section-join .join-step .btn-join { width: 420px; }

.section-join .join-step .join-step-result h4.title { font-size: 24px; color: #222; font-weight: 500; }

.section-join .join-step .join-step-result .join-step-result-box { margin-top: 20px; padding: 67px 10px 100px; border: 1px solid #ccc; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.section-join .join-step .join-step-result .join-step-result-box:before { content: ""; display: block; width: 60px; height: 62px; margin: 0 auto 27px; background: url("../images/comm/ico_checkend.png") no-repeat 0 0; }

.section-join .join-step .join-step-result .join-step-result-box .txt { font-size: 30px; color: #222; font-weight: 500; }

.section-join .join-step .join-step-result .join-step-result-box .dsc { margin-top: 19px; font-size: 20px; color: #222; font-weight: 300; }

.section-join .join-step .join-step-result .join-step-result-box .form-group { margin-top: 30px; }

.section-login { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-login .sub-top { background-image: url("../images/bg_login_top.png"); }

.section-login .login-contents { margin-top: 47px; padding-bottom: 180px; }

.section-login h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-login .login-form { max-width: 420px; margin: 28px auto 0; text-align: center; }

.section-login .login-form h4.title { font-size: 24px; color: #222; font-weight: 500; }

.section-login .login-form .dsc { margin-top: 17px; font-size: 16px; color: #666; font-weight: 300; line-height: 1.24; }

.section-login .login-form-box { margin-top: 28px; }

.section-login .login-form-box .login-form-input { position: relative; margin-top: 10px; }

.section-login .login-form-box .login-form-input label { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.section-login .login-form-box .login-form-input:first-child { margin-top: 0; }

.section-login .login-form-box .input-login { width: 100%; height: 60px; padding: 0 20px; border: 1px solid #ccc; font-size: 20px; color: #222; font-weight: 500; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.section-login .login-form-box .input-login::placeholder { font-size: 16px; color: #222; font-weight: 300; }

.section-login .login-form-box .input-login:focus { border-color: #2b478b; }

.section-login .btn-login { width: 100%; margin-top: 30px; }

.section-login .login-menu { margin-top: 29px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.section-login .login-menu li { position: relative; padding: 0 13px 0 12px; font-size: 16px; color: #666; font-weight: 300; }

.section-login .login-menu li:after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 14px; background: #ccc; }

.section-login .login-menu li:last-child { padding-right: 12px; }

.section-login .login-menu li:last-child:after { display: none; }

.section-login .login-find { margin-top: 30px; padding: 0 50px; }

.section-login .login-find .title { padding-left: 11px; font-size: 20px; color: #222; font-weight: 400; background: url(../images/comm/bul_caret_rgt.png) no-repeat 0 50%; }

.section-login .login-find .login-find-wrap { margin: 20px -15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-login .login-find .login-find-item { margin: 0 15px; padding: 50px 10px 60px; border: 1px solid #e6e6e6; background: #fff; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }

.section-login .login-find .login-find-item:before { content: ""; display: inline-block; vertical-align: top; width: 86px; height: 86px; }

.section-login .login-find .login-find-item .tit { display: block; font-size: 26px; color: #222; font-weight: 700; }

.section-login .login-find .login-find-item .dsc { margin-top: 30px; font-size: 16px; color: #666; line-height: 1.3; }

.section-login .login-find .login-find-item .dsc strong { color: #222; font-weight: 500; }

.section-login .login-find .login-find-item .btn-medium { margin-top: 30px; }

.section-login .login-find .login-find-item.hp:before { background: url("../images/comm/ico_hp.png") no-repeat 50% 50%; }

.section-login .login-find .login-find-item.card:before { background: url("../images/comm/ico_card.png") no-repeat 50% 50%; }

.section-login .login-find .login-find-item.ipin:before { background: url("../images/comm/ico_ipin.png") no-repeat 50% 50%; }

.section-login .login-find .login-find-item:hover { border-color: #3f60b1; -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-login .login-find .login-find-item:focus-within { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-login .login-find-result { margin-top: 30px; }

.section-login .login-find-result .login-find-result-box { padding: 60px 10px 70px; border: 1px solid #ccc; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.section-login .login-find-result .login-find-result-box p { font-size: 16px; color: #222; font-weight: 300; }

.section-login .login-find-result .login-find-result-box p.none { padding-top: 44px; background: url("../images/comm/ico_circle_exc.png") no-repeat 50% 0; }

.section-login .login-find-result .login-find-result-box strong { display: block; margin-top: 16px; font-size: 30px; color: #d43f1b; font-weight: 700; }

.section-login .login-find-result .form-group { margin-top: 40px; text-align: center; }

.section-login .login-change-pw { max-width: 580px; margin: 30px auto 0; border-top: 2px solid #decaab; }

.section-login .login-change-pw .login-change-box label { display: block; margin-bottom: 10px; font-size: 16px; color: #222; font-weight: 500; }

.section-login .login-change-pw .login-change-box .form-msg { margin-top: 9px; }

.section-login .login-change-pw .login-change-box + .login-change-box { margin-top: 30px; }

.section-login .login-change-pw .login-change-pw-in { padding: 39px 0; border-bottom: 1px solid #ccc; }

.section-login .login-change-pw .change-pw-guide { margin-top: 9px; font-size: 14px; color: #666; font-weight: 300; }

.section-login .login-change-pw .form-group { margin-top: 40px; text-align: center; }

.section-myclassroom { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-myclassroom .myclassroom-contents { margin-top: 47px; padding-bottom: 180px; }

.section-myclassroom h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-myclassroom .myclassroom-contents-wrap { margin-top: 29px; }

.section-myclassroom .myclassroom-contents-box { margin-top: 49px; }

.section-myclassroom .myclassroom-contents-box h4.title { margin-bottom: 20px; font-size: 24px; font-weight: 500; }

.section-myclassroom .myclassroom-contents-box:first-child { margin-top: 0; }

.section-myclassroom .myclassroom-process-online { margin-top: 48px; padding: 0 50px; }

.section-myclassroom .myclassroom-process-online .title { position: relative; padding-bottom: 22px; font-size: 24px; font-weight: 500; }

.section-myclassroom .myclassroom-process-online .title:before { content: ""; position: absolute; bottom: 0; left: 0; width: 42px; height: 2px; font-size: 0; background: #666; }

.section-myclassroom .myclassroom-process-info { margin: 20px 0 21px; }

.section-myclassroom .myclassroom-process-info li { margin-top: 13px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-myclassroom .myclassroom-process-info li:first-child { margin-top: 0; }

.section-myclassroom .myclassroom-process-info .tit { position: relative; width: 90px; margin-right: 30px; font-size: 18px; font-weight: 300; color: #222; line-height: 34px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-myclassroom .myclassroom-process-info .tit:before { content: ""; position: absolute; top: 12px; right: 0; width: 1px; height: 12px; background: #ccc; }

.section-myclassroom .myclassroom-process-info .conts { color: #222; }

.section-myclassroom .myclassroom-process-info .conts.conts-name { font-size: 30px; font-weight: 500; }

.section-myclassroom .myclassroom-process-info .conts.conts-complate { margin-right: 25px; }

.section-myclassroom .myclassroom-process-board .tit { display: block; margin-bottom: 30px; font-size: 18px; font-weight: 300; color: #222; }

.section-myclassroom .myclassroom-process-board .name { text-align: left; }

.section-myclassroom .myclassroom-process-board .name span { display: block; font-size: 18px; padding-left: calc((100 / 510) * 100%); }

.section-myclassroom .myclassroom-process-board .tr-top td { border-bottom: 1px solid #e8e8e8; }

.section-myclassroom .myclassroom-process-board .tr-list td { padding: 0; }

.section-myclassroom .myclassroom-process-board .tr-list .tr-list-box { display: none; }

.section-myclassroom .myclassroom-process-board .tr-list dl { padding: 12px 0; border-bottom: 1px solid #e8e8e8; background: #fbfbfb; text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-myclassroom .myclassroom-process-board .tr-list dl dt { width: 50%; padding-right: 10px; padding-left: calc((110 / 1020) * 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-myclassroom .myclassroom-process-board .tr-list dl dd { padding: 0 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-myclassroom .myclassroom-process-board .tr-list dl dd.rate { width: 15%; }

.section-myclassroom .myclassroom-process-board .tr-list dl dd.learn { width: 23%; }

.section-myclassroom .myclassroom-process-board .btn-list-view { display: block; border: 0; background: url("../images/comm/ico_chevron_down.png") no-repeat 50% 50%; width: 34px; height: 34px; }

.section-myclassroom .myclassroom-process-board .btn-list-view:after { content: "열기"; overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.section-myclassroom .myclassroom-process-board .btn-list-view.is-on { background-image: url("../images/comm/ico_chevron_up.png"); }

.section-myclassroom .myclassroom-process-board .btn-list-view.is-on:after { content: "닫기"; }

.section-myclassroom .myclassroom-process-board tbody:last-of-type td { border-bottom: 0; }

.section-myclassroom .myclassroom-process-learn { margin-top: 48px; }

.section-myclassroom .myclassroom-process-learn h4.title { margin-bottom: 20px; font-size: 24px; font-weight: 500; }

.section-myclassroom .myclassroom-complate-history { position: relative; padding-top: 10px; }

.section-myclassroom .myclassroom-complate-history h4.title { margin-bottom: 20px; font-size: 24px; font-weight: 500; text-align: left; }

.section-myclassroom .myclassroom-complate-history .myclassroom-complate-sort { position: absolute; top: 0; right: 0; }

.section-myclassroom .myclassroom-complate-history .myclassroom-complate-sort:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-myclassroom .myclassroom-complate-history .myclassroom-complate-sort .select-default { float: left; margin-right: 10px; }

.section-myclassroom .myclassroom-complate-history .myclassroom-complate-sort .select-default:last-child { margin-right: 0; }

.section-myclassroom .myclassroom-manager-belong { margin-top: 48px; }

.section-myclassroom .myclassroom-manager-belong h4.title { margin-bottom: 20px; font-size: 24px; font-weight: 500; text-align: left; }

.section-myclassroom .myclassroom-manager-business { position: relative; margin-top: 48px; }

.section-myclassroom .myclassroom-manager-business h4.title { margin-bottom: 20px; font-size: 24px; font-weight: 500; text-align: left; }

.section-myclassroom .myclassroom-manager-business .btn-name-change { margin-left: 20px; }

.section-myclassroom .myclassroom-manager-button { margin-top: 40px; text-align: center; }

.section-myclassroom .myclassroom-manager-required { position: absolute; top: 8px; right: 0; font-size: 14px; color: #666; text-align: right; }

.section-myclassroom .myclassroom-manager-license { position: relative; padding-top: 10px; }

.section-myclassroom .myclassroom-manager-license .myclassroom-manager-licenseadd { position: absolute; right: 0; top: 5px; }

.section-eduapp { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-eduapp .eduapp-contents { margin-top: 47px; padding-bottom: 180px; }

.section-eduapp h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-eduapp .eduapp-gate-wrap { margin-top: 30px; padding: 0 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-eduapp .eduapp-gate-box { position: relative; min-height: 460px; margin-left: 50px; padding: 57px 25px; border: 1px solid #e6e6e6; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }

.section-eduapp .eduapp-gate-box:before { content: ""; display: none; position: absolute; top: -29px; left: 50%; width: 14px; height: 13px; margin-left: -7px; background: url("../images/comm/ico_double_arw_down.png") no-repeat 0 0; }

.section-eduapp .eduapp-gate-box:after { content: ""; display: block; position: absolute; bottom: 51px; left: 0; width: 100%; }

.section-eduapp .eduapp-gate-box .title { font-size: 30px; font-weight: 500; -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; }

.section-eduapp .eduapp-gate-box .dsc { margin-top: 14px; font-size: 18px; color: #666; line-height: 1.35; -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; }

.section-eduapp .eduapp-gate-box .btn-go { display: block; width: 100px; margin: 15px auto 0; padding: 8px; border: 1px solid #999; font-size: 14px; font-weight: 500; line-height: 1.3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-transition: width 0.25s, height 0.25s; -o-transition: width 0.25s, height 0.25s; -webkit-transition: width 0.25s, height 0.25s; transition: width 0.25s, height 0.25s; }

.section-eduapp .eduapp-gate-box .btn-go span { position: relative; display: inline-block; vertical-align: top; -moz-transition: padding 0.2s; -o-transition: padding 0.2s; -webkit-transition: padding 0.2s; transition: padding 0.2s; }

.section-eduapp .eduapp-gate-box .btn-go span:after { content: ""; display: none; position: absolute; top: 50%; right: 0; width: 17px; height: 8px; margin-top: -6px; background: url("../images/comm/ico_half_arw_rgt.png") no-repeat 0 0; }

.section-eduapp .eduapp-gate-box:first-child { margin-left: 0; }

.section-eduapp .eduapp-gate-box.bg1:after { height: 175px; background: url("../images/bg_eduapp_new_contents1.png") no-repeat 50% 50%; background-size: contain; }

.section-eduapp .eduapp-gate-box.bg2:after { height: 177px; background: url("../images/bg_eduapp_new_contents2.png") no-repeat 50% 50%; background-size: contain; }

.section-eduapp .eduapp-gate-box.bg3:after { height: 177px; background: url("../images/bg_eduapp_con_contents1.png") no-repeat 50% 50%; background-size: contain; }

.section-eduapp .eduapp-gate-box.bg4:after { height: 177px; background: url("../images/bg_eduapp_con_contents2.png") no-repeat 50% 50%; background-size: contain; }

.section-eduapp .eduapp-gate-box:hover { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-eduapp .eduapp-gate-box:hover .title, .section-eduapp .eduapp-gate-box:hover .dsc { -moz-transform: translate3d(0, -6px, 0); -o-transform: translate3d(0, -6px, 0); -ms-transform: translate3d(0, -6px, 0); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); }

.section-eduapp .eduapp-gate-box:hover .btn-go { width: 120px; height: 40px; padding: 10px 0; border: 0; font-size: 16px; color: #fff; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ -webkit-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); }

.section-eduapp .eduapp-gate-box:hover .btn-go span { padding-right: 26px; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; }

.section-eduapp .eduapp-gate-box:hover .btn-go span:after { display: inline-block; }

.section-eduapp .eduapp-gate-box:focus-within { -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }

.section-eduapp .eduapp-gate-box:focus-within .btn-go { padding: 9px; border: 0; color: #fff; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ -webkit-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); }

.section-eduapp .eduapp-gate-box:focus-within .btn-go span { padding-right: 26px; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; }

.section-eduapp .eduapp-gate-box:focus-within .btn-go span:after { display: inline-block; }

.section-eduapp .eduapp-contents-wrap { margin-top: 30px; }

.section-eduapp .eduapp-new-online { margin-top: 49px; }

.section-eduapp .eduapp-new-online h4.title { font-size: 24px; color: #222; font-weight: 500; }

.section-eduapp .eduapp-new-online .eduapp-new-online-box { position: relative; }

.section-eduapp .eduapp-new-online .eduapp-new-online-box h4.title { margin-bottom: 20px; padding-left: 11px; font-size: 20px; font-weight: 400; background: url("../images/comm/bul_caret_rgt.png") no-repeat 0 50%; }

.section-eduapp .eduapp-new-online .eduapp-new-online-box + .eduapp-new-online-box { margin-top: 29px; }

.section-eduapp .eduapp-new-online .eduapp-new-online-required { position: absolute; top: 3px; right: 0; font-size: 14px; color: #666; }

.section-eduapp .eduapp-result { margin-top: 20px; padding: 56px 20px 90px; border: 1px solid #ccc; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.section-eduapp .eduapp-result:before { content: ""; display: block; width: 58px; height: 64px; margin: 0 auto; background: url("../images/comm/ico_onlineapp.png") no-repeat 0 0; }

.section-eduapp .eduapp-result .txt { margin-top: 25px; font-size: 24px; color: #222; font-weight: 300; line-height: 1.28; text-align: center; }

.section-eduapp .eduapp-result .txt strong { font-weight: 500; }

.section-eduapp .eduapp-result .txt .conts { color: #d43f1b; }

.section-eduapp .eduapp-result .txt span { display: block; margin-top: 24px; font-size: 16px; color: #666; }

.section-eduapp .eduapp-result .eduapp-form-button { margin-top: 19px; }

.section-eduapp .eduapp-form-button { margin-top: 40px; text-align: center; }

.section-eduapp .eduapp-new-group { position: relative; margin-top: 49px; }

.section-eduapp .eduapp-new-group h4.title { margin-bottom: 20px; font-size: 24px; color: #222; font-weight: 500; }

.section-eduapp .eduapp-new-group .eduapp-new-group-top { position: absolute; top: -5px; right: 0; }

.section-eduapp .eduapp-new-group .search-form { margin-bottom: 30px; }

.section-eduapp .eduapp-conservative-online { margin-top: 49px; }

.section-eduapp .eduapp-conservative-online h4.title { margin-bottom: 20px; font-size: 24px; color: #222; font-weight: 500; }

.section-eduapp .eduapp-conservative-group { position: relative; margin-top: 49px; }

.section-eduapp .eduapp-conservative-group h4.title { margin-bottom: 20px; font-size: 24px; color: #222; font-weight: 500; }

.section-eduapp .eduapp-conservative-group .search-form { margin-bottom: 30px; }

.section-completion { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-completion .completion-contents { margin-top: 47px; padding-bottom: 180px; }

.section-completion h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-completion .completion-contents-wrap { margin-top: 29px; }

.section-completion .completion-history { position: relative; padding-top: 10px; }

.section-completion .completion-history h4.title { margin-bottom: 20px; font-size: 24px; font-weight: 500; text-align: left; }

.section-completion .completion-history .completion-history-sort { position: absolute; top: 0; right: 0; }

.section-completion .completion-history .completion-history-sort:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-completion .completion-history .completion-history-sort .select-default { float: left; margin-right: 10px; }

.section-completion .completion-history .completion-history-sort .select-default:last-child { margin-right: 0; }

.section-intro { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-intro .intro-contents { margin-top: 47px; padding-bottom: 180px; }

.section-intro h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-intro .intro-edu { margin-top: 39px; }

.section-intro .subject { position: relative; margin-left: 36px; font-size: 18px; line-height: 1.3; }

.section-intro .subject:before { content: ""; position: absolute; top: 10px; left: -26px; width: 16px; height: 3px; background: #decaab; }

.section-intro .intro-box { margin-top: 45px; }

.section-intro .intro-box .title { margin-bottom: 25px; font-size: 24px; font-weight: 500; }

.section-intro .intro-box .txt { margin-top: 25px; font-size: 16px; color: #666; line-height: 1.5; }

.section-intro .intro-box .intro-box-guide { padding-left: 36px; }

.section-intro .intro-box .intro-box-guide .subject { margin-left: 0; }

.section-intro .intro-box .intro-box-guide dd { position: relative; margin-top: 7px; padding-left: 18px; font-size: 16px; color: #666; font-weight: 300; line-height: 1.5; }

.section-intro .intro-box .intro-box-guide dd:before { content: ""; position: absolute; top: 10px; left: 5px; background: #666; width: 4px; height: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.section-intro .intro-box .intro-box-guide dd.basic { padding-left: 0; }

.section-intro .intro-box .intro-box-guide dd.basic:before { display: none; }

.section-intro .intro-box .intro-box-guide dd + dd { margin-top: 6px; }

.section-intro .intro-box .intro-box-guide + dl { margin-top: 23px; }

.section-intro .intro-box p.subject { margin-top: 24px; margin-bottom: 24px; }

.section-intro .intro-box:first-child { margin-top: 0; }

.section-intro .intro-box.img1 { position: relative; padding-right: calc((470 / 1120) * 100%); }

.section-intro .intro-box.img1:after { content: ""; display: block; position: absolute; top: 40px; left: calc((670 / 1120) * 100%); width: calc((450 / 1120) * 100%); padding-top: calc((238 / 1120) * 100%); border: 1px solid #e6e6e6; background: url("../images/bg_intro_img1.png") no-repeat 50% 50%; background-size: contain; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-intro .intro-box .img2 { position: relative; margin-top: 23px; padding-right: calc((470 / 1120) * 100%); }

.section-intro .intro-box .img2:after { content: ""; display: block; position: absolute; top: 0; left: calc((670 / 1120) * 100%); width: calc((450 / 1120) * 100%); padding-top: calc((238 / 1120) * 100%); border: 1px solid #e6e6e6; background: url("../images/bg_intro_img2.png") no-repeat 50% 50%; background-size: contain; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-intro .intro-guide { margin-top: 30px; }

.section-intro .intro-guide .intro-guide-conts { margin-top: 50px; }

.section-intro .intro-guide .intro-guide-conts .intro-box-guide { margin-top: 26px; }

.section-intro .intro-guide .intro-guide-conts p.subject { margin-bottom: 0; }

.section-intro .intro-guide .intro-guide-step h4.title { position: relative; width: 200px; height: 60px; margin: 0 auto; border: 2px solid #99a8cf; text-align: center; line-height: 56px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-intro .intro-guide .intro-guide-step h4.title:after { content: ""; position: absolute; top: 65px; left: 50%; width: 346px; height: 111px; margin-left: -173px; background: url("../images/bg_intro_guide_step1.png") no-repeat 0 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step2 { margin-top: 130px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step2:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step2 h5.title { position: relative; width: 200px; height: 60px; margin: 0 auto; font-size: 24px; font-weight: 500; color: #fff; background: #2fa95d; text-align: center; line-height: 60px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step2 h5.title:before { content: ""; position: absolute; top: -97px; left: 50%; width: 78px; height: 85px; margin-left: -39px; background: url("../images/bg_intro_guide_step2_1.png") no-repeat 0 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step2 h5.title:after { content: ""; position: absolute; top: 69px; left: 50%; width: 116px; height: 40px; margin-left: -58px; background: url("../images/bg_intro_guide_step2.png") no-repeat 0 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step3 { float: left; width: 50%; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step3:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step4 { float: left; margin-top: 60px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step4:after { content: ''; display: table; clear: both; height: 0; font-size: 0; line-height: 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 { float: left; width: calc(50% - 80px); margin: 0 40px; text-align: center; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title { position: relative; width: 200px; height: 60px; margin: 0 auto; border: 2px solid #aec3d2; font-size: 24px; font-weight: 500; text-align: center; line-height: 56px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title:after { content: ""; position: absolute; top: 58px; left: 0; width: 100%; height: 117px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title.bg1:after { background: url("../images/bg_intro_guide_step5_1.png") no-repeat 50% 50%; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title.bg2:after { background: url("../images/bg_intro_guide_step5_2.png") no-repeat 50% 50%; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title.bg3:after { background: url("../images/bg_intro_guide_step5_3.png") no-repeat 50% 50%; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title.bg4:after { background: url("../images/bg_intro_guide_step5_4.png") no-repeat 50% 50%; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 ul { margin-top: 150px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 li { margin-top: 35px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 li:first-child { margin-top: 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dl { position: relative; height: 206px; padding: 40px 10px 0; border: 4px solid #bdceda; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dl:before { content: ""; position: absolute; top: -15px; left: 50%; width: 62px; height: 40px; margin-left: -31px; background: #fff url("../images/comm/sprite.png") no-repeat -28px 0; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dl:after { content: ""; position: absolute; bottom: -8px; left: 50%; width: 60px; height: 12px; margin-left: -30px; background: url("../images/comm/sprite.png") no-repeat 0 -62px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dl.step2:after { background-position-y: -84px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dl.step3:after { background-position-y: -106px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dl.step4:after { background-position-y: -128px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dt { font-size: 20px; font-weight: 500; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5 dd { margin-top: 20px; font-size: 16px; line-height: 1.5; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5.even .title { border-color: #decaab; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5.even dl { border-color: #decaab; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5.even dl:before { background-position-x: -90px; }

.section-intro .intro-guide .intro-guide-step .intro-guide-step5.even dl:after { background-position-x: -70px; }

.section-intro .intro-guide .intro-guide-step .online h5.title:before { top: -97px; width: 89px; height: 86px; margin-left: -45px; background: url("../images/bg_intro_guide_step2_2.png") no-repeat 0 0; }

.section-intro .intro-guide .intro-guide-step .online .intro-guide-step5 dl:after { width: 44px; margin-left: -22px; background-position: -16px -84px; }

.section-intro .intro-guide .intro-guide-step .online .intro-guide-step5 dl.step2:after { background-position-y: -106px; }

.section-intro .intro-guide .intro-guide-step .online .intro-guide-step5 dl.step3:after { background-position-y: -128px; }

.section-intro .intro-guide .intro-guide-step .online .intro-guide-step5.even dl:after { background-position-x: -86px; }

.section-intro .intro-guide .intro-guide-box + .intro-guide-box { margin-top: 50px; }

.section-intro .intro-guide h4.title { margin-bottom: 30px; font-size: 24px; font-weight: 500; }

.section-intro .intro-guide h5.subject { font-weight: 400; margin-bottom: 15px; }

.section-intro .intro-guide .intro-guide-edu + .intro-guide-edu { margin-top: 50px; }

.section-intro .intro-legalbasis { margin-top: 38px; }

.section-intro .intro-legalbasis .intro-legalbasis-box { margin-top: 45px; }

.section-intro .intro-legalbasis .intro-legalbasis-box:first-child { margin-top: 0; }

.section-intro .intro-legalbasis .title { font-size: 24px; font-weight: 500; }

.section-intro .intro-legalbasis .intro-legalbasis-conts { margin-top: 25px; line-height: 1.5; }

.section-intro .intro-legalbasis .intro-legalbasis-conts > li { margin-top: 12px; padding-left: 18px; font-size: 16px; font-weight: 300; }

.section-intro .intro-legalbasis .intro-legalbasis-conts > li::first-letter { margin-left: -18px; }

.section-intro .intro-legalbasis .intro-legalbasis-conts > li:first-child { margin-top: 0; }

.section-intro .intro-legalbasis .intro-legalbasis-conts .date { color: #666; }

.section-intro .intro-legalbasis .intro-legalbasis-conts ol { margin-top: 6px; }

.section-intro .intro-legalbasis .intro-legalbasis-conts ol li { color: #666; }

.section-intro .intro-legalbasis .date-new { margin-top: 4px; padding-left: 18px; color: #666; }

.section-intro .intro-agency { margin-top: 30px; }

.section-intro .intro-agency .intro-agency-conts { margin-top: 50px; }

.section-intro .intro-agency h4.title { margin-bottom: 30px; font-size: 24px; font-weight: 500; }

.section-intro .intro-agency .dsc { margin-bottom: 30px; font-size: 16px; color: #666; line-height: 1.5; }

.section-intro .intro-agency .board-line td { padding-right: 20px; padding-left: 20px; line-height: 1.5; }

.section-intro .intro-agency .intro-agency-standard .board-line td { padding: 10px 20px; }

.section-intro .intro-agency .intro-agency-guide h5.subject { margin: 16px 0 0 36px; }

.section-intro .intro-agency .intro-agency-guide .board-wrap { margin-top: 13px; }

.section-support { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-support .support-contents { margin-top: 47px; padding-bottom: 180px; }

.section-support h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-support .search-form { margin: 40px 0; }

.section-support .board-view { margin-top: 40px; }

.section-support .support-qna { position: relative; margin-top: 40px; padding-top: 26px; border-top: 2px solid #decaab; }

.section-support .support-qna .board-form-required { padding: 0 40px; font-size: 14px; color: #666; text-align: right; }

.section-support .support-qna .board-form { border-top: 0; }

.section-support .support-qna .board-form tr:first-child th, .section-support .support-qna .board-form tr:first-child td { padding-top: 10px; }

.section-support .support-qna .board-form .textarea-default { height: 300px; }

.section-support .support-qna .form-group { margin-top: 40px; text-align: center; }

.section-support .support-faq { border-top: 2px solid #decaab; }

.section-support .support-faq .paging { margin-top: 30px; }

.section-privacy { background: url("../images/bg_cloud.png") no-repeat 50% 0; }

.section-privacy .privacy-contents { margin-top: 47px; padding-bottom: 180px; }

.section-privacy h3.title { font-size: 30px; font-weight: 500; text-align: center; }

.section-privacy .privacy-password { max-width: 580px; margin: 50px auto 0; padding-top: 28px; border-top: 2px solid #decaab; text-align: center; }

.section-privacy .privacy-password .privacy-password-tit { margin-bottom: 20px; font-size: 16px; color: #222; font-weight: 300; }

.section-privacy .privacy-password .privacy-password-tit:before { content: ""; display: block; margin: 0 auto 10px; background: url("../images/comm/ico_circle_exc.png") no-repeat 0 0; width: 33px; height: 33px; }

.section-privacy .privacy-password .input-text { max-width: 200px; }

.section-privacy .privacy-password .form-button { margin-top: 50px; padding-top: 40px; border-top: 1px solid #ccc; text-align: center; }

.section-privacy .privacy-edit { margin-top: 50px; }

.section-privacy .privacy-edit h4.title { font-size: 24px; color: #222; font-weight: 500; }

.section-privacy .privacy-edit .input-checkbox { padding: 0; }

.section-privacy .privacy-edit .privacy-edit-box .input-checkbox { margin-top: 20px; }

.section-privacy .privacy-edit .privacy-edit-box + .privacy-edit-box { margin-top: 50px; }

.section-privacy .privacy-edit .privacy-edit-terms { overflow-y: auto; height: 200px; margin-top: 20px; padding: 30px; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.section-privacy .privacy-edit .privacy-edit-checkbox { margin-top: 50px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.section-privacy .privacy-edit .form-group { margin-top: 40px; text-align: center; }

.section-privacy .privacy-edit .privacy-edit-form { max-width: 580px; margin: 0 auto; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input { position: relative; padding-bottom: 40px; border-bottom: 1px solid #ccc; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input + .privacy-edit-input { margin-top: 50px; }

.section-privacy .privacy-edit .privacy-edit-form .title { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #decaab; font-size: 24px; color: #222; font-weight: 500; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-required { position: absolute; top: 8px; right: 0; font-size: 14px; color: #666; font-weight: 300; }

.section-privacy .privacy-edit .privacy-edit-form .select-default { height: 40px; background-position-x: calc(100% - 10px); -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .section-privacy .privacy-edit .privacy-edit-form .select-default { background: #fff url("../images/comm/ico_select_light.png") no-repeat 95% 50%; } }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email .at { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email .select-default { margin-left: 10px; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-adrs { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-adrs .btn-adrs { margin-left: 10px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-adrs + .input-text { margin-bottom: 10px; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-tel { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-tel .dash { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-privacy .privacy-edit .privacy-edit-form .tit { display: block; margin-bottom: 10px; font-size: 16px; color: #222; font-weight: 500; }

.section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-guide { margin-top: 9px; font-size: 14px; color: #666; font-weight: 300; }

.section-privacy .privacy-edit .privacy-edit-form .form-msg { margin-top: 9px; }

.section-privacy .privacy-edit .privacy-edit-form .input-radio { padding: 0; }

.section-privacy .privacy-edit .privacy-edit-form .form-group { margin: 0; text-align: left; }

.section-privacy .privacy-edit .privacy-edit-input-box + .privacy-edit-input-box { margin-top: 30px; }

.section-privacy .privacy-secession { margin-top: 30px; padding: 60px 30px 67px; border: 1px solid #ccc; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.section-privacy .privacy-secession .title { font-size: 20px; color: #d43f1b; font-weight: 500; line-height: 1.45; }

.section-privacy .privacy-secession .title span { position: relative; display: inline-block; padding-left: 39px; vertical-align: top; text-align: left; }

.section-privacy .privacy-secession .title span:before { content: ""; position: absolute; top: 0; left: 0; background: url("../images/comm/ico_circle_question.png") no-repeat 0 0; width: 29px; height: 29px; }

.section-privacy .privacy-secession .input-checkbox { margin-top: 15px; padding: 0; text-align: left; }

.section-privacy .privacy-secession .privacy-secession-input { max-width: 580px; margin: 20px auto 0; padding: 40px 0; border-top: 2px solid #decaab; border-bottom: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.section-privacy .privacy-secession .privacy-secession-input label { display: block; margin-bottom: 20px; font-size: 16px; color: #222; font-weight: 300; }

.section-privacy .privacy-secession .privacy-secession-input .input-text { max-width: 280px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }

.section-privacy .privacy-secession .privacy-secession-input .input-text + .input-text { margin-top: 10px; }

.section-privacy .privacy-secession .form-button { margin-top: 40px; }

.section-privacy .privacy-secession .privacy-secession-result .tit { font-size: 30px; color: #222; font-weight: 500; }

.section-privacy .privacy-secession .privacy-secession-result .tit:before { content: ""; display: block; width: 55px; height: 64px; margin: 0 auto 27px; background: url("../images/comm/ico_secession.png") no-repeat 0 0; }

.section-privacy .privacy-secession .privacy-secession-result .dsc { margin-top: 19px; font-size: 20px; color: #222; font-weight: 300; }

.section-privacy .privacy-secession .privacy-secession-result .privacy-secession-button { margin-top: 29px; }

@media only screen and (max-width: 1024px) { #wrap { padding-top: 80px; }
  .header .header-in { height: 80px; }
  .header .gnb.is-normal { display: none; }
  .header.is-fixed .header-in { height: 80px; }
  .footer .footer-menu { padding: 15px 0; }
  .footer .footer-menu ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer .footer-menu ul li { float: none; margin: 0; padding: 12px 21px 12px 20px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }
  .footer .footer-menu ul li:after { top: 14px; }
  .footer .footer-menu ul li:last-child { margin-right: 0; padding-right: 21px; }
  .footer .footer-info { padding-bottom: 50px; text-align: center; }
  .footer .footer-conts { margin-top: 29px; }
  .footer .footer-conts .footer-conts-adrs { margin-top: 3px; }
  .footer .footer-conts .footer-conts-help { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer .footer-conts .footer-conts-help li { float: none; }
  .footer .footer-conts .copyright { margin-top: 10px; margin-bottom: 51px; }
  .footer .footer-site { position: static; min-width: 240px; height: 40px; border: 1px solid #ccc; }
  .footer .footer-ci { position: static; }
  .section-login { padding-bottom: 60px; }
  .section-login .login-contents { padding: 0 30px 140px; }
  .section-login .login-find { padding: 0; }
  .section-join { padding-bottom: 60px; }
  .section-join .join-contents { padding: 0 30px 140px; }
  .section-join .join-type { padding: 0; }
  .section-join .join-auth { padding: 0; }
  .section-join .join-step { padding: 0; }
  .section-index { padding-bottom: 70px; }
  .section-index .index-contents { margin-top: 50px; padding: 0 40px; background: #fefefe; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-index .index-contents .index-contents-box { min-height: auto; margin: 40px 0 0 0; padding: 48px 50px; background: #fff; text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }
  .section-index .index-contents .index-contents-box:after { position: static; }
  .section-index .index-contents .index-contents-box .dsc br { display: inline; }
  .section-index .index-contents .index-contents-box .btn-go { display: inline-block; width: 120px; height: 40px; margin: 18px 0 0 0; padding: 10px 0; border: 0; font-size: 16px; color: #fff; text-align: center; vertical-align: top; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ -webkit-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); }
  .section-index .index-contents .index-contents-box .btn-go span { padding-right: 26px; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; }
  .section-index .index-contents .index-contents-box .btn-go span:after { display: inline-block; }
  .section-index .index-contents .index-contents-box:first-child { margin: 0; }
  .section-index .index-contents .index-contents-box.bg2 { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .section-index .index-contents .index-contents-box.bg2 .index-contents-box-in { text-align: right; }
  .section-index .index-contents .index-contents-box-in { width: 50%; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }
  .section-index .index-menu { padding: 0 40px; }
  .section-index .index-menu .index-menu-item.ico-paper:before { background-image: url("../images/comm/ico_paper_on.png"); }
  .section-index .index-menu .index-menu-item.ico-guide:before { background-image: url("../images/comm/ico_guide_on.png"); }
  .section-index .index-menu .index-menu-item.ico-schedule:before { background-image: url("../images/comm/ico_schedule_on.png"); }
  .section-index .index-menu .index-menu-item.ico-qna:before { background-image: url("../images/comm/ico_qna_on.png"); }
  .section-index .sidebar { margin-top: 38px; }
  .sub-top:before { display: none; }
  .section-myclassroom { padding-bottom: 60px; }
  .section-myclassroom .myclassroom-contents { padding: 0 30px 140px; }
  .section-eduapp { padding-bottom: 60px; }
  .section-eduapp .eduapp-contents { margin-top: 50px; padding-bottom: 140px; }
  .section-eduapp .eduapp-gate-wrap { padding: 0 40px; background: #fefefe; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-eduapp .eduapp-gate-box { min-height: auto; margin: 40px 0 0 0; padding: 48px 50px; background: #fff; text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 18px 24px 0 rgba(0, 0, 0, 0.08); }
  .section-eduapp .eduapp-gate-box:after { position: static; }
  .section-eduapp .eduapp-gate-box .dsc br { display: inline; }
  .section-eduapp .eduapp-gate-box .btn-go { display: inline-block; width: 120px; height: 40px; margin: 18px 0 0 0; padding: 10px 0; border: 0; font-size: 16px; color: #fff; text-align: center; vertical-align: top; /* fallback/image non-cover color */ background-color: #d43f1b; /* Firefox 3.6+ */ background-image: -moz-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d43f1b), color-stop(100%, #f98146)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Opera 11.10+ */ background-image: -o-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* IE10+ */ background: -ms-linear-gradient(left, #d43f1b 0%, #f98146 100%); /* Standard */ background: linear-gradient(to right, #d43f1b 0%, #f98146 100%); /* IE6-9 */ -webkit-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); -moz-box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); box-shadow: 0 4px 8px 0 rgba(196, 60, 0, 0.22); }
  .section-eduapp .eduapp-gate-box .btn-go span { padding-right: 26px; text-shadow: 1px 0 #d43f1b, -1px 0 #d43f1b, 0 1px #d43f1b, 0 -1px #d43f1b; }
  .section-eduapp .eduapp-gate-box .btn-go span:after { display: inline-block; }
  .section-eduapp .eduapp-gate-box:first-child { margin: 0; }
  .section-eduapp .eduapp-gate-box:nth-child(2n) { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .section-eduapp .eduapp-gate-box:nth-child(2n) .eduapp-gate-box-in { text-align: right; }
  .section-eduapp .eduapp-gate-box-in { width: 50%; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }
  .section-eduapp .eduapp-contents-wrap { padding: 0 30px; }
  .section-completion { padding-bottom: 60px; }
  .section-completion .completion-contents { padding: 0 30px 140px; }
  .section-privacy { padding-bottom: 60px; }
  .section-privacy .privacy-contents { padding: 0 30px 140px; }
  .section-intro { padding-bottom: 60px; }
  .section-intro .intro-contents { padding: 0 30px 140px; }
  .section-intro .intro-guide .intro-guide-step h4.title:after { display: none; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step2 { margin-top: 60px; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step2 h5.title:before, .section-intro .intro-guide .intro-guide-step .intro-guide-step2 h5.title:after { display: none; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step3 { float: none; width: auto; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step4 { margin-top: 30px; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title { width: auto; }
  .section-intro .intro-guide .intro-guide-step .online { margin-top: 60px; }
  .section-support { padding-bottom: 60px; }
  .section-support .support-contents { padding: 0 30px 140px; }
  .sidebar { position: static; width: auto; margin: 0; padding: 0 30px; }
  .sidebar .sidebar-wrap { max-width: 620px; margin: 0 auto; border: 2px solid #555; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
  .sidebar .sidebar-box { width: calc(100% - 366px); min-width: 120px; padding: 27px 0; border: 0; order: 1; }
  .sidebar .user, .sidebar .menu, .sidebar .info { display: none; }
  .sidebar .sidebar-customer { width: calc(100% - 250px); min-width: 200px; margin: 0; padding: 0; text-align: left; white-space: nowrap; order: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
  .sidebar .sidebar-customer .sidebar-customer-in { position: relative; padding: 0 0 0 62px; }
  .sidebar .sidebar-customer .sidebar-customer-in:before { position: absolute; top: 50%; left: 0; margin: -17.5px 0 0 0; }
  .sidebar .sidebar-customer .tit { margin-top: 0; }
  .sidebar .sidebar-customer .tel { margin-top: 3px; font-size: 24px; }
  .sidebar .chatbot { position: relative; margin: 0; padding: 3px 0 0 0; font-size: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
  .sidebar .chatbot:before { margin: -3px 10px 0 0; }
  .sidebar .chatbot:after { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 50px; margin-top: -25px; background: #e6e6e6; }
  .form-group [class^=btn-] { margin-right: 5px; }
  .search-form.search-type3 { padding: 19px; }
  .search-form.search-type3 .search-form-in { margin-top: 10px; text-align: left; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .search-form.search-type3 .search-form-in:first-child { margin-top: 0; }
  .search-form.search-type3 .tit { margin-bottom: 10px; }
  .search-form.search-type3 .box + .box { margin: 10px 0 0 0; }
  .search-form.search-type3 .btn-search-submit { display: block; margin: 10px auto 0; }
  .btn-default { min-width: 80px; }
  .board .is-mobile { display: none; } }

@media only screen and (max-width: 1024px) and (orientation: landscape) { .pop-layer { padding-top: 80px; }
  .pop-layer .pop-wrap { margin-top: 0; }
  .pop-searchtype2 .pop-in { max-height: calc(100vh - 200px); } }

@media only screen and (max-width: 768px) { .header .menu .btn-menu-login, .header .menu .btn-menu-sign { display: none; }
  .gnb.is-mobile .gnb-user { display: block; }
  .section-login .sub-top { height: 218px; background-image: url("../images/bg_login_top_medium.png"); }
  .section-login .login-find .login-find-wrap { margin-right: 0; margin-left: 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-login .login-find .login-find-item { margin: 40px 0 0; }
  .section-login .login-find .login-find-item:first-child { margin-top: 0; }
  .section-join .sub-top { height: 218px; background-image: url("../images/bg_login_top_medium.png"); }
  .section-join .join-type .join-type-wrap { margin: 20px 0 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-join .join-type .join-type-item { margin: 40px 0 0; }
  .section-join .join-type .join-type-item:first-child { margin-top: 0; }
  .section-join .join-auth .join-auth-wrap { margin: 20px 0 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-join .join-auth .join-auth-item { width: auto; margin: 40px 0 0; }
  .section-join .join-auth .join-auth-item:first-child { margin-top: 0; }
  .section-join .join-step .join-step-flow li { margin-left: 10px; }
  .section-join .join-step .join-step-flow li:after { right: -12px; width: 10px; }
  .section-index .index-top { height: 297px; background-image: url("../images/index_top_medium.jpg"); }
  .sub-top { height: 277px; background-image: url("../images/bg_sub_top_medium.png"); }
  .sub-top .title { top: 46px; }
  .sub-top .lnb { top: 91px; }
  .sub-top .select-location { display: inline-block; }
  .section-myclassroom .myclassroom-process-online { padding: 0; }
  .section-myclassroom .myclassroom-manager-business .board-form .form-group .input-text { width: 100% !important; margin-top: 5px; }
  .section-myclassroom .myclassroom-manager-business .board-form .form-group .input-text:nth-of-type(1) { margin-top: 0; }
  .section-myclassroom .myclassroom-manager-business .board-form .form-group .dash { display: none; }
  .section-intro .intro-box.img1 { padding-right: 0; }
  .section-intro .intro-box.img1:after { position: static; width: auto; height: auto; margin-top: 20px; padding-top: 0; padding-top: 53.33333%; }
  .section-intro .intro-box .img2 { margin-bottom: 23px; padding-right: 0; }
  .section-intro .intro-box .img2:after { position: static; width: auto; height: auto; margin-top: 20px; padding-top: 0; padding-top: 53.33333%; }
  .section-intro .intro-agency-guide .board-line td { padding-right: 10px; padding-left: 10px; word-wrap: normal; word-break: normal; -ms-word-break: break-all; overflow-wrap: break-word; }
  .section-support .board colgroup { display: none; }
  .section-support .board td { padding-right: 5px !important; padding-left: 5px !important; }
  .search-form.search-type2 { padding: 9px 19px; }
  .search-form.search-type2 .search-form-in { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .search-form.search-type2 .box { margin: 0 0 10px 0; }
  .search-form.search-type2 label { width: 80px; padding: 0; }
  .search-form.search-type2 .select-default, .search-form.search-type2 .input-text { width: calc(100% - 79px) !important; }
  .search-form.search-type2 .btn-search-submit { margin: 0; }
  .search-form.search-type3 .btn-search-submit { width: 100%; }
  .select-default { min-width: auto !important; }
  .board-lft colgroup { display: none; }
  .board-lft th span { padding: 0 10px; }
  .board-lft td { padding: 10px; }
  .board-lft-view { table-layout: auto; }
  .board-lft-view colgroup { display: none; }
  .board-lft-view tr { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .board-lft-view th { width: 120px; }
  .board-lft-view th span { display: block; padding: 0 10px; }
  .board-lft-view td { width: calc(100% - 120px); padding-right: 10px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .board-form colgroup { display: none; }
  .board-form th { white-space: nowrap; }
  .board-form th, .board-form td { padding-right: 10px; padding-left: 10px; }
  .board-form tr:first-child th, .board-form tr:first-child td { padding-top: 10px; }
  .board-form tr:last-child th, .board-form tr:last-child td { padding-bottom: 10px; }
  .board-view .board-view-top { padding-right: 20px; padding-left: 20px; }
  .board-view .board-view-top .info { position: static; margin-top: 15px; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }
  .board-view .board-view-box, .board-view .board-view-conts { padding-right: 20px; padding-left: 20px; }
  .board-view .board-view-box.between { padding: 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .board-view .board-view-box.between .category { width: 100%; padding: 18px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .board-view .board-view-box.between .attachments { width: 100%; padding: 18px 20px 18px 55px; border-top: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .board-view .board-view-box.between .attachments:before { top: 19px; left: 20px; }
  .paging .btn-paging.btn-prev span, .paging .btn-paging.btn-next span { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: 1%; z-index: -9999; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } }

@media only screen and (max-width: 568px) { .search-form.search-type3 .box { width: 100%; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .search-form.search-type3 .select-default, .search-form.search-type3 .input-text { width: 100% !important; }
  .search-form.search-type3 .wave { visibility: hidden; font-size: 0; height: 10px; }
  .section-join .join-step .join-step-flow li:not(.current) { display: none; }
  .section-join .join-step .join-step-flow li:after { display: none; }
  .section-join .join-step .join-step-form .join-step-input-email, .section-join .join-step .join-step-form .join-step-input-corpnumber { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-join .join-step .join-step-form .join-step-input-email .select-default, .section-join .join-step .join-step-form .join-step-input-corpnumber .select-default { width: 100%; margin: 0; }
  .section-join .join-step .join-step-form .join-step-input-email .at, .section-join .join-step .join-step-form .join-step-input-email .dash, .section-join .join-step .join-step-form .join-step-input-corpnumber .at, .section-join .join-step .join-step-form .join-step-input-corpnumber .dash { display: none; }
  .section-join .join-step .join-step-form .join-step-input-email .input-text { margin-bottom: 10px; }
  .section-join .join-step .join-step-form .join-step-input-corpnumber .input-text { margin-top: 10px; }
  .section-join .join-step .join-step-form .join-step-input-corpnumber .input-text:first-child { margin-top: 0; }
  .section-join .join-step .btn-join { width: 100%; }
  .section-index .index-contents { padding: 0 30px; }
  .section-index .index-contents .index-contents-box { text-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-index .index-contents .index-contents-box:before { display: block; }
  .section-index .index-contents .index-contents-box .index-contents-box-in { width: auto; }
  .section-index .index-contents .index-contents-box .dsc { margin-top: 18px; }
  .section-index .index-contents .index-contents-box:after { margin-top: 11px; }
  .section-index .index-contents .index-contents-box.bg2 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-index .index-contents .index-contents-box.bg2 .index-contents-box-in { text-align: center; }
  .section-index .index-menu { overflow: hidden; margin-top: 45px; margin-bottom: -24px; padding: 0 48px; }
  .section-index .index-menu .index-menu-item { width: 50%; margin-bottom: 24px; }
  .section-myclassroom .myclassroom-complate-history .myclassroom-complate-sort { position: static; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }
  .section-myclassroom .myclassroom-complate-history .myclassroom-complate-sort .select-default { float: none; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }
  .section-eduapp .eduapp-gate-wrap { padding: 0 30px; }
  .section-eduapp .eduapp-gate-box { text-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-eduapp .eduapp-gate-box:before { display: block; }
  .section-eduapp .eduapp-gate-box .eduapp-gate-box-in { width: auto; }
  .section-eduapp .eduapp-gate-box .dsc { margin-top: 18px; }
  .section-eduapp .eduapp-gate-box:after { margin-top: 11px; }
  .section-eduapp .eduapp-gate-box:nth-child(2n) { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-eduapp .eduapp-gate-box:nth-child(2n) .eduapp-gate-box-in { text-align: center; }
  .section-eduapp .eduapp-gate-box:first-child:before { display: none; }
  .section-eduapp .eduapp-contents-wrap { padding: 0 30px; }
  .section-eduapp .eduapp-new-online .eduapp-new-online-required { position: static; margin-bottom: 20px; text-align: right; }
  .section-completion .completion-history .completion-history-sort { position: static; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }
  .section-completion .completion-history .completion-history-sort .select-default { float: none; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step5 { width: calc(50% - 20px); margin: 0 10px; }
  .section-privacy .privacy-contents { padding-right: 20px; padding-left: 20px; }
  .section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email .select-default { width: 100%; margin: 0; }
  .section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email .at, .section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email .dash { display: none; }
  .section-privacy .privacy-edit .privacy-edit-form .privacy-edit-input-email .input-text { margin-bottom: 10px; }
  .section-support .support-contents { padding-right: 20px; padding-left: 20px; }
  .board th, .board td { padding-right: 1px !important; padding-left: 1px !important; }
  .board td { word-wrap: normal; word-break: normal; }
  .board .form-group [class^=btn-] { margin: 6px 0 0 0; }
  .board .form-group [class^=btn-]:first-child { margin-top: 0; }
  .board-lft-form colgroup { display: none; }
  .board-lft-form th { width: 100px; }
  .board-lft-form th span { padding: 0 10px; }
  .paging .btn-paging.btn-prev { margin-right: 20px; }
  .paging .btn-paging.btn-next { margin-left: 20px; }
  .pop-online-learning .pop-in { padding: 30px 20px 0; }
  .accordion .accordion-item .tit { padding-right: 60px; padding-left: 80px; }
  .accordion .accordion-item .tit:after { right: 20px; }
  .accordion .accordion-item .tit-label { left: 20px; }
  .accordion .accordion-item .conts-in { padding-left: 80px; }
  .accordion .accordion-item .conts-label { left: 20px; } }

@media only screen and (max-width: 414px) { #wrap { padding-top: 70px; }
  .header .header-wrap { padding: 0 20px; }
  .header .header-in { height: 70px; }
  .header .ci { height: 24px; margin-top: -12px; }
  .header .ci .img { height: 24px; }
  .header .menu .btn-menu.btn-menu-login { display: block; }
  .header .menu .btn-menu.btn-menu-noti { display: block; margin-left: 20px; }
  .header .menu .btn-menu.btn-menu-all { margin-left: 10px; }
  .header .gnb.is-mobile .gnb-col .gnb-tit { padding-right: 20px; padding-left: 20px; }
  .header .gnb.is-mobile .gnb-col .gnb-tit:before, .header .gnb.is-mobile .gnb-col .gnb-tit:after { right: 22px; }
  .header .gnb.is-mobile .gnb-col .gnb-sub .gnb-sub-wrap > li { padding-right: 40px; padding-left: 40px; }
  .header.is-fixed .header-in { height: 70px; }
  .footer .footer-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
  .footer .footer-site { min-width: 200px; }
  .footer .footer-conts { padding: 0 40px; }
  .footer .footer-conts .footer-conts-help { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .footer .footer-conts .footer-conts-help li { margin: 3px 0 0 0; padding: 0; }
  .footer .footer-conts .footer-conts-help li:first-child { margin-top: 0; }
  .footer .footer-conts .footer-conts-help span { display: block; margin-top: 4px; }
  .footer .footer-conts .footer-conts-adrs { margin-top: 19px; line-height: 1.3; }
  .footer .footer-conts .copyright { margin-top: 17px; margin-bottom: 47px; line-height: 1.35; }
  .sub-top { height: 332px; background-image: url("../images/bg_sub_top_small.png"); }
  .sub-top .title { top: 54px; }
  .sub-top .location { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
  .sub-top .lnb { display: none; }
  .sub-top .select-location { top: 143px; }
  .section-login .sub-top { height: 208px; background-image: url("../images/bg_login_top_small.png"); }
  .section-login .login-contents { padding-right: 20px; padding-left: 20px; }
  .section-login .login-form .dsc br { display: none; }
  .section-join .sub-top { height: 208px; background-image: url("../images/bg_login_top_small.png"); }
  .section-join .join-contents { padding-right: 20px; padding-left: 20px; }
  .section-index { padding-bottom: 60px; }
  .section-index .index-top { height: 340px; background-image: url("../images/index_top_small.jpg"); }
  .section-index .index-contents { padding: 0 20px; }
  .section-index .index-contents .index-contents-box { padding: 37px 32px 29px; }
  .section-index .index-contents .index-contents-box .dsc { font-size: 16px; }
  .section-myclassroom .myclassroom-contents { padding-right: 20px; padding-left: 20px; }
  .section-eduapp .eduapp-gate-wrap { padding: 0 20px; }
  .section-eduapp .eduapp-gate-box { padding: 37px 32px 29px; }
  .section-eduapp .eduapp-gate-box .dsc { font-size: 16px; }
  .section-eduapp .eduapp-contents-wrap { padding: 0 20px; }
  .section-completion .completion-contents { padding-right: 20px; padding-left: 20px; }
  .section-intro .intro-contents { padding-right: 20px; padding-left: 20px; }
  .section-intro .intro-guide .intro-guide-step h4.title { width: auto; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step3 h5.title { width: auto; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step4 { float: none; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step5 { float: none; width: auto; margin: 0; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step5 h6.title:after { display: none; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step5 ul { margin-top: 40px; }
  .section-intro .intro-guide .intro-guide-step .intro-guide-step5.even { margin-top: 30px; }
  .notice { display: none; top: 80px; right: 16px; left: 16px; width: auto; border-width: 2px; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
  .notice .btn-notice { display: none; }
  .notice .btn-notice-clse { display: block; }
  .notice.is-zoom { display: block; padding: 40px 29px 30px; -webkit-animation: zoom-in 0.3s forwards; -moz-animation: zoom-in 0.3s forwards; -o-animation: zoom-in 0.3s forwards; animation: zoom-in 0.3s forwards; }
  @-webkit-keyframes zoom-in { 0% { opacity: 0;
      -moz-transform: scale(0.6);
      -o-transform: scale(0.6);
      -ms-transform: scale(0.6);
      -webkit-transform: scale(0.6);
      transform: scale(0.6); }
    70% { opacity: 1;
      -moz-transform: scale(1.03);
      -o-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }
    100% { opacity: 1;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); } }
  @-moz-keyframes zoom-in { 0% { opacity: 0;
      -moz-transform: scale(0.6);
      -o-transform: scale(0.6);
      -ms-transform: scale(0.6);
      -webkit-transform: scale(0.6);
      transform: scale(0.6); }
    70% { opacity: 1;
      -moz-transform: scale(1.03);
      -o-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }
    100% { opacity: 1;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); } }
  @-o-keyframes zoom-in { 0% { opacity: 0;
      -moz-transform: scale(0.6);
      -o-transform: scale(0.6);
      -ms-transform: scale(0.6);
      -webkit-transform: scale(0.6);
      transform: scale(0.6); }
    70% { opacity: 1;
      -moz-transform: scale(1.03);
      -o-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }
    100% { opacity: 1;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); } }
  @keyframes zoom-in { 0% { opacity: 0;
      -moz-transform: scale(0.6);
      -o-transform: scale(0.6);
      -ms-transform: scale(0.6);
      -webkit-transform: scale(0.6);
      transform: scale(0.6); }
    70% { opacity: 1;
      -moz-transform: scale(1.03);
      -o-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -webkit-transform: scale(1.03);
      transform: scale(1.03); }
    100% { opacity: 1;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); } }
  .sidebar { padding: 0 20px; }
  .sidebar .sidebar-box { min-width: 86px; padding: 21px 0; }
  .sidebar .sidebar-customer { min-width: 190px; }
  .sidebar .sidebar-customer .sidebar-customer-in { padding-left: 47px; }
  .sidebar .chatbot { padding-top: 0; font-size: 14px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .sidebar .chatbot:before { margin-right: 0; margin-bottom: 2px; }
  .pop-layer .btn-pop-more { width: 100%; }
  .pop-license .pop-in { padding-right: 29px; padding-left: 29px; }
  .paging .btn-paging.btn-prev { margin-right: 10px; }
  .paging .btn-paging.btn-next { margin-left: 10px; } }