@charset "UTF-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"); *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } @font-face { font-family: "Jalnan"; font-weight: 400; src: url("../font/JalnanfontTTF.ttf") format("truetype"); } .sub { position: relative; } .sub_page .container .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 1100px; } .sub_page .container_01 { padding-top: 180px; padding-bottom: 113px; background-image: url("../img/sub/con3_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .sub_page .container_01 .container_title h6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 36px; color: #fff; font-size: 60px; font-weight: 700; gap: 30px; } .sub_page .container_01 .container_title h6 span { font-size: 30px; font-weight: 700; } .sub_page .container_01 .container_title p { line-height: 1.6; color: #fff; font-size: 34px; } .sub_page .container_01 .container_title p >span { line-height: 1.6; color: #004180; font-size: 22px; font-weight: 700; background-color: #fff; margin-bottom: 10px; padding: 2px 10px; border-radius: 30px; } .sub_page .container_01 .container_contents p { line-height: 1.6; color: #fff; font-size: 34px; margin-top: 10px; } .sub_page .container_01 .container_suptext { line-height: 1.6; color: #fff; font-size: 18px; margin-top: 10px; } .sub_page .container_01 .container_contents > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; /*align-items: flex-end;하단 정렬*/ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0px; gap: 40px; } .sub_page .container_02 { padding: 30px 0 30px 0; } .sub_page .container_02 h6 { margin-bottom: 0px; color: #17276e; font-size: 34px; font-weight: bold; } .sub_page .container_02 p { line-height: 1.6; } .sub_page .container_02 .container_contents > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; gap: 20px; } .sub_page .container_03 { padding: 30px 0 30px 0; } .sub_page .container_03 img { margin: auto; display: block; } .sub_page .container_03 h4 { margin-top: 60px; color: #17276e; font-weight: bold; } .sub_page .container_03 p { line-height: 1.6; } .sub_page .container_04 { position: relative; padding: 0 0 60px 0; } .sub_page .container_04::before { /*position: absolute; top: 350px; left: 0; content: ""; width: 100%; height: calc(100% - 350px); background-color: #00142f;*/ } .sub_page .container_04 img { margin-bottom: 97px; } .sub_page .container_04 h6 { margin-bottom: 50px; color: #537fbc; font-size: 34px; font-weight: bold; } .sub_page .container_04 p { line-height: 1.6; } .sub_page .container_04 .profile { margin-top: 120px; } .sub_page .container_04 .profile h6 { margin-bottom: 25px; } .sub_page .container_04 .profile > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 115px; } .sub_page .container_04 .profile > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 15px; } .sub_page .container_04 .profile > div > div p { color: #fff; font-size: 22px; font-weight: bold; } .sub_page .container_04 .profile > div > div ul li { line-height: 1.6; color: #fff; font-size: 18px; } .btn_top { position: fixed; right: 30px; bottom: 30px; } .btn_top button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; color: #fff; font-size: 20px; font-weight: 900; background-color: #537fbc; border-radius: 50%; cursor: pointer; } @media screen and (max-width: 1400px) { .sub_page .container .inner { width: calc(100% - 60px); } .sub_page .container_01 { padding-top: 180px; padding-bottom: 113px; } .sub_page .container_01 .container_title h6 { margin-bottom: 56px; font-size: 88px; gap: 30px; } .sub_page .container_01 .container_title h6 span { font-size: 30px; } .sub_page .container_01 .container_title p { font-size: 18px; } .sub_page .container_02 { padding: 30px 0 30px 0; } .sub_page .container_02 h6 { margin-bottom: 50px; font-size: 34px; } .sub_page .container_02 p { font-size: 18px; } .sub_page .container_02 .container_contents > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; gap: 30px; border: 5px solid #f15f41; } .sub_page .container_03 { padding: 60px 0 60px 0; } .sub_page .container_03 img { margin-bottom: 10px; } .sub_page .container_03 h6 { margin-bottom: 50px; font-size: 34px; } .sub_page .container_03 p { font-size: 18px; } .sub_page .container_04 { padding: 0 0 165px 0; } .sub_page .container_04::before { top: 350px; height: calc(100% - 350px); } .sub_page .container_04 img { margin-bottom: 97px; } .sub_page .container_04 h6 { margin-bottom: 50px; font-size: 34px; } .sub_page .container_04 p { font-size: 18px; } .sub_page .container_04 .profile { margin-top: 120px; } .sub_page .container_04 .profile h6 { margin-bottom: 25px; } .sub_page .container_04 .profile > div { gap: 115px; } .sub_page .container_04 .profile > div > div { gap: 15px; } .sub_page .container_04 .profile > div > div p { font-size: 22px; } .sub_page .container_04 .profile > div > div ul li { font-size: 18px; } } @media screen and (max-width: 992px) { .sub_page .container .inner { width: calc(100% - 60px); } .sub_page .container_01 { padding-top: 180px; padding-bottom: 113px; } .sub_page .container_01 .container_title h6 { margin-bottom: 56px; font-size: 60px; gap: 30px; } .sub_page .container_01 .container_title h6 span { font-size: 30px; } .sub_page .container_01 .container_title p { font-size: 18px; } .sub_page .container_02 { padding: 30px 0 30px 0; } .sub_page .container_02 h6 { margin-bottom: 30px; font-size: 34px; } .sub_page .container_02 p { font-size: 18px; } .sub_page .container_02 .container_contents > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; gap: 30px; border: 5px solid #f15f41; } .sub_page .container_03 { padding: 60px 0 60px 0; } .sub_page .container_03 img { margin-bottom: 10px; } .sub_page .container_03 h6 { margin-bottom: 50px; font-size: 34px; } .sub_page .container_03 p { font-size: 18px; } .sub_page .container_04 { padding: 0 0 165px 0; } .sub_page .container_04::before { top: 250px; height: calc(100% - 250px); } .sub_page .container_04 img { margin-bottom: 97px; } .sub_page .container_04 h6 { margin-bottom: 50px; font-size: 34px; } .sub_page .container_04 p { font-size: 18px; } .sub_page .container_04 .profile { margin-top: 120px; } .sub_page .container_04 .profile h6 { margin-bottom: 25px; } .sub_page .container_04 .profile > div { gap: 30px; } .sub_page .container_04 .profile > div > div { gap: 15px; } .sub_page .container_04 .profile > div > div p { font-size: 22px; } .sub_page .container_04 .profile > div > div ul li { font-size: 18px; } } @media screen and (max-width: 768px) { .sub_page .container .inner { width: calc(100% - 60px); } .sub_page .container_01 { padding-top: 180px; padding-bottom: 113px; } .sub_page .container_01 .container_title h6 { margin-bottom: 56px; font-size: 60px; gap: 30px; } .sub_page .container_01 .container_title h6 span { font-size: 20px; } .sub_page .container_01 .container_title p { font-size: 18px; } .sub_page .container_02 { padding: 20px 0 20px 0; } .sub_page .container_02 h6 { margin-bottom: 50px; font-size: 24px; } .sub_page .container_02 p { font-size: 18px; } .sub_page .container_02 .container_contents > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; gap: 20px; border: 5px solid #f15f41; } .sub_page .container_03 { padding: 30px 0 30px 0; } .sub_page .container_03 img { padding: 10px 0 10px 0; } .sub_page .container_03 h6 { margin-bottom: 30px; font-size: 24px; } .sub_page .container_03 p { font-size: 18px; } .sub_page .container_04 { padding: 0 0 165px 0; } .sub_page .container_04::before { top: 150px; height: calc(100% - 150px); } .sub_page .container_04 img { margin-bottom: 30px; } .sub_page .container_04 h6 { margin-bottom: 30px; font-size: 24px; } .sub_page .container_04 p { font-size: 18px; } .sub_page .container_04 .profile { margin-top: 120px; } .sub_page .container_04 .profile h6 { margin-bottom: 25px; } .sub_page .container_04 .profile > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .sub_page .container_04 .profile > div > div { gap: 10px; } .sub_page .container_04 .profile > div > div p { font-size: 18px; } .sub_page .container_04 .profile > div > div ul li { font-size: 18px; } } @media screen and (max-width: 576px) { .sub_page .container .inner { width: calc(100% - 40px); } .sub_page .container_01 { padding-top: 100px; padding-bottom: 30px; } .sub_page .container_01 .container_title h6 { margin-bottom: 30px; font-size: 20px; gap: 10px; } .sub_page .container_01 .container_title h6 span { font-size: 18px; } .sub_page .container_01 .container_title p { font-size: 18px; } .sub_page .container_01 .container_contents p { line-height: 1.6; color: #fff; font-size: 20px; margin-top: 0px; } .sub_page .container_02 { padding: 30px 0 0px 0; } .sub_page .container_02 h6 { margin-bottom: 30px; font-size: 16px; } .sub_page .container_02 p { font-size: 14px; } .sub_page .container_02 .container_contents > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0px; gap: 20px; border: 5px solid #f15f41; } .sub_page .container_03 { padding: 30px 0 20px 0; } .sub_page .container_03 img { margin-bottom: 20px; } .sub_page .container_03 h6 { margin-bottom: 30px; font-size: 16px; } .sub_page .container_03 p { font-size: 14px; } .sub_page .container_04 { padding: 30px 0 20px 0; } .sub_page .container_04::before { top: 100px; height: calc(100% - 100px); } .sub_page .container_04 img { margin-bottom: 20px; } .sub_page .container_04 h6 { margin-bottom: 30px; font-size: 22px; } .sub_page .container_04 p { font-size: 14px; } .sub_page .container_04 .profile { margin-top: 80px; } .sub_page .container_04 .profile h6 { margin-bottom: 20px; } .sub_page .container_04 .profile > div { gap: 20px; } .sub_page .container_04 .profile > div > div { gap: 10px; } .sub_page .container_04 .profile > div > div p { font-size: 14px; } .sub_page .container_04 .profile > div > div ul li { font-size: 14px; } .btn_top { right: 10px; bottom: 10px; } .btn_top button { width: 50px; height: 50px; font-size: 16px; } } body { position: relative; font-family: "Pretendard"; } .mo, .br768, .br576 { display: none !important; } .inner { width: 1626px; margin: 0 auto; } @media screen and (max-width: 1650px) { .br_hide { display: none !important; } .inner { width: calc(100% - 60px); } } @media screen and (max-width: 1400px) { } @media screen and (max-width: 768px) { .mo, .br768 { display: block !important; } .pc { display: none !important; } } @media screen and (max-width: 576px) { .br576 { display: block; } }/*# sourceMappingURL=main.css.map */