@charset "utf-8";
/* ===== reset.css ===== */
html {width:100%;height:100%;margin:0;padding:0;}
body {width:100%;height:100%;margin:0;padding:0;word-spacing:-1px;color:#2f2f2f; font-family:'Noto Sans KR','malgun gothic','Montserrat', 'dotum';font-size:15px;line-height:1.4;}
* {box-sizing: border-box;}
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* inline */
img {display:inline-block;vertical-align: middle;border:none;font-size:1%;line-height:1;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:'dotum';}
sup {vertical-align:top;font-family:'dotum';}
hr {display:none;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address {font-style:normal;}
p {margin:0;}
pre {margin:0;font-family:verdana;font-size:1em;}

/* table */
table {width:100%;border-spacing:0;border:0;border-collapse:separate;font-family:inherit; }
caption {display:none;}
th, td {padding:0;text-align:left;vertical-align:middle;font-size:inherit;color: inherit;font-weight:normal;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}

/* form */
form {margin:0;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
textarea {border:1px solid #dddddd;font-family: inherit;font-size:inherit;}
input[type="text"],
input[type="password"],
input.text {height:40px;padding:0 0 0 5px;vertical-align:middle;border:1px solid #d1d1d1;font-family: inherit;font-size:inherit;}
input[type="checkbox"],
input[type="radio"]{width:13px;height:13px;margin:-1px 2px 1px 0;padding:0 0 0 5px;vertical-align:middle;}
select {height:40px;margin:0;padding: 0 25px 0 .5em; vertical-align:middle; color:#393939; border:1px solid #d1d1d1;background:#fff url(../images/common/bg_select.webp) no-repeat 90% 50% !important;font-family: inherit;font-size:inherit;-webkit-appearance: none;-moz-appearance: none; appearance: none; }
select::-ms-expand {display: none;}
button {display:inline-block;margin:0;padding:0;cursor:pointer; border:1px solid transparent; text-align: center;vertical-align: middle;white-space:nowrap;font-family:inherit;}
a {text-decoration:none;color:inherit;}
::-webkit-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa !important;}
::-ms-input-placeholder {color: #aaa;}
::placeholder {color: #aaa;}

/* basic */

.hidden {position:absolute;top:-9000px;left:-9000px;visibility:hidden;}
.cursor {cursor: pointer;}

.no_bdl {border-left:0 !important;}
.no_bdr {border-right:0 !important;}
.no_bdt {border-top:0 !important;}

/* align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.bs {vertical-align:baseline !important;}
.fl {float:left !important;}
.fr {float:right !important;}

/* clear */
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:".";font-size:0;}

.h60 {height: 60px !important;}
.h90 {height: 90px !important;}

.w50 {width: 50px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w93 {width: 93px !important;}
.w97 {width: 97px !important;}
.w100 {width: 100px !important;}
.w113 {width: 113px !important;}
.w116 {width: 116px !important;}
.w117 {width: 117px !important;}
.w120 {width: 120px !important;}
.w123 {width: 123px !important;}
.w132 {width: 132px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w149 {width: 149px !important;}
.w150 {width: 150px !important;}
.w152 {width: 152px !important;}
.w160 {width: 160px !important;}
.w161 {width: 161px !important;}
.w180 {width: 180px !important;}
.w192 {width: 192px !important;}
.w200 {width: 200px !important;}
.w218 {width: 218px !important;}
.w250 {width: 250px !important;}
.w260 {width: 260px !important;}
.w277 {width: 277px !important;}
.w289 {width: 289px !important;}
.w291 {width: 291px !important;}
.w300 {width: 300px !important;}
.w332 {width: 332px !important;}
.w345 {width: 345px !important;}
.w355 {width: 355px !important;}
.w370 {width: 370px !important;}
.w415 {width: 415px !important;}
.w423 {width: 423px !important;}
.w480 {width: 480px !important;}
.w519 {width: 519px !important;}
.w600 {width: 600px !important;}

.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w37p {width: 37% !important;}
.w48p {width: 48% !important;}
.w49p {width: 49% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

.pd_r10 {padding-right: 10px !important;}
.mar_t0 {margin-top: 0 !important;}
.mar_t3 {margin-top: 3px !important;}
.mar_t5 {margin-top: 5px !important;}
.mar_t15 {margin-top: 15px !important;}
.mar_t20 {margin-top: 20px !important;}
.mar_t40 {margin-top: 40px !important;}
.mar_l5 {margin-left: 5px !important;}
.mar_l10 {margin-left: 10px !important;}
.mar_l15 {margin-left: 15px !important;}
.mar_l20 {margin-left: 20px !important;}
.mar_l134 {margin-left: 134px !important;}

.mar_r15 {margin-right: 15px !important;}
.mar_b10 {margin-bottom: 10px !important;}
.mar_b20 {margin-bottom: 20px !important;}
.mar_b40 {margin-bottom: 40px !important;}



/* ===== swiper.min.css ===== */
/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* ===== sub.css ===== */
@import url("reset.css");
@import url("m_sub.css");
@import url("p_sub.css");
@import url("board.css");


/* ===== board.css ===== */
.tbl_top {display: table;width: 100%;table-layout:fixed;margin:20px 0;padding: 10px 10px 10px 20px;border: 1px solid #dddddd;}
	.tbl_top.type02 {table-layout: auto;}
	.tbl_top label + label {margin-left:10px;}
	.tbl_left {display: table-cell;text-align: left;vertical-align: middle;color:#666666;}
	.tbl_left .i_all {margin-right: 3px;padding-left: 22px;background: url(../images/sub/board_all.png) no-repeat 0 50%;}
	.tbl_left strong {color: #26a4de;font-weight: 400;}
	.tbl_right {display: table-cell;text-align: right;vertical-align: middle;}
	.essential_txt {text-align: right;font-size: 13px;}
	.essential_txt span {color: red;}

	.search_selec select {height:35px;color: #555555;border-color:#ddd;}
	.search_text {position:relative;height:35px;padding:0 34px 0 12px;border:1px solid #ddd;}
	.search_text .text {width: 100%;height: 100%; color: #555555;border: 0;}
	.search_text .btn_search {position: absolute;top: 0;right: 0;width: 34px;height:100%;text-indent: -9999px;background: url(../images/sub/i_search.png) no-repeat 50% 50%;}

	/*board list*/
	.board_col_type01 {table-layout: fixed;border-top: 1px solid #000;font-size: 16px;}
	.board_col_type01 thead th {padding:12px 5px;text-align:center;color: #31343f;border-bottom: 1px solid #e1e1e1;font-weight:600;}
	.board_col_type01 td {padding:12px 5px;cursor: pointer;text-align:center;color: #222;border-bottom: 1px solid #e1e1e1;font-weight: 300;}
	.board_col_type01 td a img {vertical-align: text-top;}
	.board_col_type01 thead tr:first-child th:first-child,
	.board_col_type01 tbody tr td:first-child {border-left:0;}
	.board_col_type01 tbody tr th {padding:10px 0;text-align:center;color: #31343f;border-bottom: 1px solid #e1e1e1;background: #f8f8f8;font-weight:600;}
	.board_col_type01 tbody tr td.r {padding:12px 10px;}
	.board_col_type01 td.subject {padding: 12px 10px;text-align:left;}
	.board_col_type01 td.subject a {display:block;}
	.board_col_type01 td.subject img {margin-left:5px;}
	.board_col_type01 tr:hover td {background:#f8fbff;}
	.board_col_type01 tr.no_data td {padding: 20px 0; cursor:default}
	.board_col_type01 tr.no_data:hover td {background: #fff;}
	.board_col_type01 tr td.data {cursor: pointer;text-decoration: underline;}
	.board_col_type01 .tbl_col_width {width:10%;}

	/*board write*/
	.board_row_type01 {color: #000;border-top: 1px solid #000;}
    .board_row_type01 .col01 {width:20%;}
	.board_row_type01 th {padding:8px 0 8px 25px;color: #31343f; border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;background: #f8f8f8;}
	.board_row_type01 tr th:first-child {border-left:0;}
	.board_row_type01 td {padding: 8px 10px;color: #5e5e5f;color: #5f5f5e; border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;}
	.board_row_type01 .board_row_tit th {border-color: #000000;border-right:0;background: none;font-size: 20px;}
	.board_row_type01 .board_row_tit th > strong {position: relative;display: block;font-weight:600;}
	.board_row_type01 select {min-width:100px; color:#5f5f5e;font-size:13px;}
	.board_row_type01 td.tbl_text {padding:8px 10px;vertical-align:top;border-left: 0;}

	/*board etc*/
	.text_area {width:100%; min-height:220px;padding:1%; color:#5f5f5e;line-height:1.5;}
	.text_area02 {width:100%;min-height:100px;padding:1%; line-height:1.5;}
	.text_area70 {width:100%;min-height:70px;padding:1%; line-height:1.5;}
	.down_file u {margin-left: 3px;vertical-align: middle;text-decoration: none;}

	/*search*/
	.search_area {position:relative;display:table;width:100%; table-layout:fixed;margin: 20px 0 15px; padding: 17px 20px;background:#f4f4f4}
	.search_area .tit {color:#494b50;margin-left:25px;margin-right:10px;font-weight:600; background:url(../images/sub/search_tit.png) no-repeat 0 50%;padding-left:10px;}
	.search_area .tit:first-child{margin-left:0;}
	.search_area .selec {min-width:120px;vertical-align: middle; margin-right:10px;}
	.search_area .selec select {height:40px;margin:0;padding: 0 25px 0 .5em; vertical-align:middle;border:1px solid #ececec;background:#fff url(../images/common/bg_select.png) no-repeat 90% 50% !important;}
	.search_area .selec + .search_area .selec {margin-right:10px;}
	.search_area .text {width: 280px;vertical-align: middle;}
	.search_area .calendar_input {width:120px;}
	.search_area .srch_left {display:table-cell; width:90%; text-align:left;}
	.search_area .srch_right {display:table-cell; width:10%; text-align:center;}
	.search_area .srch_all {display:table-cell; width:100%; text-align:center;}
	.search_area .btn_search {min-width:100px;line-height:38px;}
	.search_area input + .btn_search {margin-left:10px;}
	.search_area .btn_search {background-color:#2282d4; border-color:#2282d4;}
	.search_area .btn_search span {padding-left: 25px;background: url(../images/sub/i_search_w.png) no-repeat 0% 50%; line-height:20px;}


	/*board list*/
	.board_col_type01 {table-layout: fixed;border-top: 1px solid #000;font-size: 16px;}
	.board_col_type01 thead th {padding:12px 5px;text-align:center;color: #31343f;border-bottom: 1px solid #e1e1e1;font-weight:600;}
	.board_col_type01 td {padding:12px 5px;cursor: pointer;text-align:center;color: #222;border-bottom: 1px solid #e1e1e1;font-weight: 300;}
	.board_col_type01 td a img {vertical-align: text-top;}
	.board_col_type01 thead tr:first-child th:first-child,
	.board_col_type01 tbody tr td:first-child {border-left:0;}
	.board_col_type01 tbody tr th {padding:10px 0;text-align:center;color: #31343f;border-bottom: 1px solid #e1e1e1;background: #f8f8f8;font-weight:600;}
	.board_col_type01 tbody tr td.r {padding:12px 10px;}
	.board_col_type01 td.subject {padding: 12px 10px;text-align:left;}
	.board_col_type01 td.subject a {display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
	.board_col_type01 td.subject img {margin-left:5px;}
	.board_col_type01 tr:hover td {background:#f8fbff;}
	.board_col_type01 tr.no_data td {padding: 20px 0; cursor:default}
	.board_col_type01 tr.no_data:hover td {background: #fff;}
	.board_col_type01 tr td.data {cursor: pointer;text-decoration: underline;}
	.board_col_type01 .tbl_col_width {width:10%;}

	.board_col_type02 {table-layout: fixed; border: 1px solid #e1e1e1; border-top: 2px solid #536588;font-size: 13px;}
	.board_col_type02 thead th {padding:6px 2px;text-align:center;color: #2a3954;font-size:14px;border-bottom: 1px solid #e1e1e1;font-weight:600; background:#e7eff9;}
	.board_col_type02 td {padding:10px 2px;cursor: pointer;text-align:center;color: #222;border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;font-weight: 300;}
	.board_col_type02 td.no_bdr {border-right:0;}
	.board_col_type02 td a img {vertical-align: text-top;}
	.board_col_type02 thead tr:first-child th:first-child,
	.board_col_type02 tbody tr td:first-child {border-left:0;}
	.board_col_type02 tbody tr th {padding:10px 0;text-align:center;color: #31343f;border-bottom: 1px solid #e1e1e1;background: #f8f8f8;font-weight:600;}
	.board_col_type02 tbody tr td.r {padding:10px 10px;}
	.board_col_type02 td.subject {padding:10px 5px;text-align:left;}
	.board_col_type02 td.subject a {display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
	.board_col_type02 td.subject img {margin-left:5px;}
	.board_col_type02 tr:hover td {background:#f8fbff;}
	.board_col_type02 tr.no_data td {padding: 20px 0; cursor:default}
	.board_col_type02 tr.no_data:hover td {background: #fff;}
	.board_col_type02 tr td.data {cursor: pointer;text-decoration: underline;}
	.board_col_type02 tr:last-child td {border-bottom:0;}
	.board_col_type02 .tbl_col_width {width:10%;}
	.board_col_type02 .btn_tbl_del {display:inline-block;width:18px; height:18px;text-indent:-9999px; background:#da184a url(../images/sub/i_close.png) no-repeat 50% 50%;}

	/*board write*/
	.board_row_type01 thead th {padding:8px 0 8px 0px;color: #31343f; border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;background: #f8f8f8; text-align: center;}
	.board_row_type01 th {padding:1% 1.5%;color: #31343f; border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;background: #f8f8f8;}
	.board_row_type01 tr th:first-child {border-left:0;}
	.board_row_type01 td {padding:1% 1.5%;color: #333; border-bottom: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;line-height: 1.6; letter-spacing: 0}
	.board_row_type01 td.subject {text-align:left;}
	.board_row_type01 td:first-child {border-left:none;}
	.board_row_type01 .board_row_tit th {border-color: #000000;border-right:0;font-size: 26px;letter-spacing: -1.5px}
	.board_row_type01 .board_row_tit th > strong {position: relative;display: block;padding-right: 150px;font-weight:600;}
	.board_row_type01 select {color:#5f5f5e;font-size:13px; height:32px; line-height: 32px; font-size:14px}
	.board_row_type01 input {height:32px; line-height: 32px; font-size: 14px;}
	.board_row_type01 td.tbl_text {padding:8px 10px;vertical-align:top;border-left: 0;}
	.board_row_type01 .blue {color:#2c96f9}
	.board_row_type01 .edu_day > span {display:block;font-size:14px; color:#333; font-weight: 400;}
	.board_row_type01 .ect_txt {display:block;font-size: 13px; color: #888;font-weight: 300;}

	/*board etc*/
	.text_area {width:100%; min-height:220px;color:#5f5f5e;line-height:1.5;}
	.text_area02 {width:100%;min-height:100px;line-height:1.5;}
	.text_area70 {width:100%;min-height:70px;line-height:1.5;}
	.down_file u {margin-left: 3px;vertical-align: middle;text-decoration: none;}

	.th_tit {position: relative;margin-left: -9px;padding-left:10px; font-weight:600;}
	.th_tit::after {position: absolute;top:50%;left:0;display:block;content: '*';transform:translateY(-50%);color: #e61212;}

	.th_tit02 {position: relative;margin-left: -9px;padding-left:10px; font-weight:600;}
	.th_tit02::after {position: absolute;top:50%;left:0;display:block;content: '*';transform:translateY(-50%);color: #2c96f9;}
	.no_data {padding:10px 0 !important;text-align:center !important;border-right:0 !important;border-left:0 !important;background:none !important;}
	.txt_short {overflow:hidden; width:100%;white-space:nowrap;text-overflow:ellipsis;}

	.txt_point {padding:10px 15px;font-size:14px; color:#888;}

	/*list_board*/

	/*class*/
	.list_board_type01 {position: relative; letter-spacing: 0}
	.list_board_type01 > li {position: relative;border:1px solid #dedede;margin-bottom:15px;padding:20px;min-height: 140px;}
	.list_board_type01 > li:after {display:table; clear:both; content:'';}
	.list_board_type01 .cate_tit {float: left;}
	.list_board_type01 .cate_tit span {width:97px; height:97px; text-align: center; color:#fff; vertical-align:middle;  display:table-cell;}
	.cate_color1 {background:#3656a7}
	.cate_color2 {background:#4395b3}
	.cate_color3 {background:#023865}
	.list_board_type01 .info {float:right; width:1020px; position: relative}
	.list_board_type01 .info .subject {font-size:18px;margin-bottom:20px;}
	.list_board_type01 .info .subject:after {width:60px; height:1px; background: #dedede; content: ""; clear: both; display: block;position: absolute; top:33px}
	.list_board_type01 .info .info_date {display:table; table-layout:fixed; width:100%;}
	.list_board_type01 .info .info_date .tit {display:table-cell;width:90px;}
	.list_board_type01 .info .info_date .txt_area {display:table-cell;width:calc(100% - 100px);}
	.list_board_type01 .info .info_date .txt_area > span {display:inline-block;}
	.list_board_type01 .info .info_date span {display: block;font-size:15px; padding-right:20px;display: block;margin-bottom:5px}

	.list_board_type01 .info_ect > li {display:inline-block;}
	.list_board_type01 .info_ect > li .tit {min-width:80px;}
	.list_board_type01 .info_ect > li .txt  {display:inline-block;}
	.list_board_type01 .info_ect .tit + .txt {margin-right:20px;}

	.list_board_type01 .btn_more {position: absolute; right:20px; top:20px; border:1px solid #cdcdcd; border-radius: 3px; color:#787878; padding:8px 15px; font-size:13px}
	.list_board_type01 .btn_more:hover {background: #5b97d4; color:#fff}
	.icon_state {padding-left:5px; padding-right:10px}
	.i_state {font-size:}

    /*table*/
    .tbl_wrap {position: relative;}
    .board_row_type {border-top: 1px solid #000;}
    .board_row_type th {padding:15px 0 15px 3%;color: #31343f; font-weight:bold; text-align: left;border-bottom: 1px solid #e1e2e2;}
    .board_row_type td {padding: 15px; color: #5e5e5f;border-bottom: 1px solid #e1e2e2;}
    .board_row_type td.tbl_txt {padding:15px;vertical-align:top;}
    .board_row_type input[type="text"] {vertical-align: middle;}
    .board_row_type .text {width:100%;}
    .txt_area {border:1px solid #e1e2e2; padding:1%; line-height:1.5;min-height:150px;width:100%;}
    .th_tit {position: relative;margin-left: -9px;padding-left:10px;;}
    .th_tit::after {position: absolute;top:50%;left:0;display:block;content: '*';transform:translateY(-50%);color: #e61212;}

    /*file*/
    .file_wrap {position:relative;}
    .file_wrap .btn_file {width:83px; height:25px;line-height:25px;cursor:pointer;vertical-align:middle;border-color:#ccc;background:#eee;color:#333;}
    .file_wrap .btn_fileDel  {width:83px; height:25px;line-height:25px;cursor:pointer;vertical-align:middle;color:#fff;background-color: #9e9e9e;border-color:}
    .tbl_file {width:100%;font-size:11px;margin-top:5px;}
    .tbl_file th {vertical-align:middle;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align:center;padding:8px 0;background:#fafafa;font-weight:bold; }
    .tbl_file td {vertical-align:middle;text-align:center;padding:8px 10px;border-bottom: 1px solid #e1e1e1;}
    .tbl_file td sapn {margin-right: 5px;}
    .file_wrap .file_tit {position:relative;padding-right:70px;text-align:left;}
    .file_wrap .file_tit span {margin-right: 5px;}
    .file_wrap .btn_preview {display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:60px; height:20px;line-height:20px;font-size:11px;text-align:center;border-color:#ccc;background:#aaa;color:#fff;}

                                
	/*paging*/
	.paging_wrap {position: relative;margin-top: 40px;}
	.paging_wrap:after {display:table;clear:both;content:' ';}
	.btn_left {position:absolute;top:0;left:0;}
	.btn_right {position:absolute;top: 0;right:0;}
	.paging {text-align:center;font-size:0;}
	.paging a {display:inline-block; min-width:40px; height:40px; margin-left: -1px;vertical-align:middle;color:#151432; border:1px solid #dedede; background-color:#fefefe; font-size:12px;line-height:40px;}
	.paging a:hover {color:#fff;background-color: #308cde;}
	.paging strong {position: relative;display:inline-block;min-width:40px;height:40px;margin-left: -1px;vertical-align:middle;color: #308cde;border:1px solid #dedede;background-color:#fefefe;font-size:12px;line-height:40px;}
	.paging strong:after {position: absolute;right: 0;bottom: 0;left: 0;display: block;height: 4px;content: ' ';background: #308cde;}
	.paging a.btn_page {text-indent:-9999em; background-repeat:no-repeat;background-position:50% 50%;font-size:0;}
	.paging a.first {background-image:url(../images/sub/btn_pageFirst.png);}
	.paging a.prev {background-image:url(../images/sub/btn_pagePrev.png);}
	.paging a.next {background-image:url(../images/sub/btn_pageNext.png);}
	.paging a.last {background-image:url(../images/sub/btn_pageLast.png);}
	.paging a.first:hover {background-image:url(../images/sub/btn_pageFirst_on.png);}
	.paging a.prev:hover {background-image:url(../images/sub/btn_pagePrev_on.png);}
	.paging a.next:hover {background-image:url(../images/sub/btn_pageNext_on.png);}
	.paging a.last:hover {background-image:url(../images/sub/btn_pageLast_on.png);}
	.paging_wrap + .btn_area {margin-top:20px;}
    
    
.board_row_type01.tbl_answer {margin-top:30px}
    .board_row_type01.tbl_answer .board_row_tit th {font-size:22px;padding-left:40px; background:url('../images/sub/i_reply.png') no-repeat 20px center #f5f5f5; border-bottom:1px solid #ddd; }
    .board_row_type01.tbl_answer {border-top:1px solid #aaa}

    	/*button*/
	.btn {display: inline-block; margin:0 2px; cursor: pointer;text-align: center;vertical-align: middle;white-space: nowrap;color:#fff;border:1px solid transparent;border-color: rgba(0, 0, 0, 0);border-radius: 0;font-family:inherit;font-size: inherit;font-weight: 400;line-height: 1;}

	.btn_area {position: relative;margin-top: 30px;text-align: right;}
	.btn_area02 {position: relative;margin-top: 30px;text-align: center;}
	.btn_area03 {position: relative;margin-top: 15px;text-align: right;}
	.btn_left {position:absolute;top:0;left:0;}
	.btn_right {position:absolute;top: 0;right:0;}

	.btn_mdl {min-width: 120px;padding: 0 12px;font-size: 15px;line-height: 38px;}
	.btn_mdl02 {width: 100%;padding: 0 12px;font-size: 15px;line-height:38px;}
	.btn_mdl03 {padding: 0 12px;font-size: 14px;line-height:28px;}
	.btn_big {width:120px;height: 45px;font-size: 15px;line-height: 45px;}
	.btn_sml {min-width: 60px;padding: 0 5px;font-size: 13px;line-height:30px;}
	.btn_sml02 {width: 100%;padding: 0 5px;font-size: 13px;line-height:26px;}
	.btn_sml03 {min-width: 50px;padding: 0 5px;font-size: 12px;line-height:22px; text-align: center; border-radius: 3px}
	.btn_sml04 {padding:0 10px; font-size:13px; font-weight: 300;  line-height:32px; height:32px; text-align: center; border-radius: 5px}

	.btn_write,
	.btn_save,
	.btn_rewrite,
	.btn_send,
	.btn_confirm {border-color: #0a4ca3;background-color: #0a4ca3;}
	.btn_write:hover,
	.btn_save:hover,
	.btn_rewrite:hover,
	.btn_send:hover,
	.btn_confirm:hover {border-color: #003479;background-color:#003479;}
	.btn_del {border-color:#dc3545;background-color:#dc3545;}
	.btn_ok {background:#fff; border:1px solid #0c53c7; color:#0c53c7; border-radius:5px; font-weight:600;}
	.btn_del:hover {border-color: #b52b38;background-color: #b52b38;}
	.btn_cancel,
	.btn_close,
	.btn_list {border-color:#a1a1a1;background-color:#a1a1a1;}
	.btn_cancel:hover,
	.btn_close:hover,
	.btn_list:hover{color:#fff;border-color:#767676;background-color:#767676;}
	.btn_add,
	.btn_cate,
	.btn_overlap,
	.btn_find,
	.btn_change,
	.btn_address {color:#3c3c3c;border-color:#6b6d6e;background-color: #fff;}
	.btn_file_down {border-color:#1a8dde;background-color: #1a8dde;}
	.btn_file_down span {background: url(../images/sub/i_down_file.png) no-repeat 100% 50%;}
	.btn_ai_down {border-color:#404040;background-color: #404040;}
	.btn_ai_down span {background: url(../images/sub/i_ci_down01.png) no-repeat 100% 50%;}
	.btn_jpg_down {border-color:#818181;background-color: #fff;color: #818181;}
	.btn_jpg_down span {background: url(../images/sub/i_ci_down02.png) no-repeat 100% 50%;}
	.btn_link {background: #1a8dde;}
	.btn_link span {background: url(../images/sub/i_open_new.png) no-repeat 100% 50%;}
	.btn_link span.type02{background: url(../images/sub/i_link02.png) no-repeat 100% 50%;}
	.go_conpany {color:#3c3c3c;border-color:#6b6d6e;background-color: #fff;}
	.btn_receive {border-color: #308cde;background-color: #308cde;}


	.btn_down {padding: 2px 10px;color: #666666;border-color:#bbbbbb;background-color:#fff;}
	.btn_down span {padding-left: 25px;background: url(../images/sub/i_down.png) no-repeat 0 50%;}
	.btn_down02 {padding: 2px 10px;color: #fff;border-color:#527fd4;background-color:#527fd4;}
	.btn_down02 span {padding-right: 60px;background: url(../images/common/go_site.png) no-repeat 100% 50%;}
	.btn_down03 {padding: 2px 10px;color: #fff;border-color:#5fb2e2;background-color:#5fb2e2;}
	.btn_down03 span {padding-right: 60px;background: url(../images/common/go_site.png) no-repeat 100% 50%;}

	.btn_link {background: #1a8dde;}
	.btn_link span {padding-right:18px;background: url(../images/sub/i_open_new.png) no-repeat 100% 50%;}
	.btn_excel {color: #444444;border-color:#cccccc;background-color:#fff;}
	.btn_excel span {padding-left: 24px;background: url(../images/sub/file_xls.png) no-repeat 0 50%;}
	.btn_i_del {width: 30px;height: 30px;color: #444444;border-color:#cccccc;background-color:#fff;}
	.btn_i_del span {display: block;height: 100%;text-indent: -9999px;background: url(../images/sub/i_del.png) no-repeat 50% 50%;}
	.btn_i_rewrite {width: 30px;height: 30px;color: #444444;border-color:#cccccc;background-color:#fff;}
	.btn_i_rewrite span {display: block;height: 100%;text-indent: -9999px;background: url(../images/sub/i_rewrite.png) no-repeat 50% 50%;}
	.btn_i_add {width: 20px;height: 20px;color: #444444;border-color:#4dc0ee;border-radius: 50%;background-color:#4dc0ee;}
	.btn_i_add span {display: block;height: 100%;text-indent: -9999px;background: url(../images/sub/i_add.png) no-repeat 50% 50%;}
	.btn_file_down.type02 {margin-left:10px;background:#8746c9; font-size:13px; height:28px; line-height:28px; border-color:#8746c9}
	.btn_file_down span {padding-right: 16px;}
	.btn_link {padding:0 12px;line-height: 28px;font-size: 13px;}
	.btn_link span {padding-right: 20px;background-size:13px auto;}
	.btn_link.type02{padding:0 28px;background:#5fb2e2; font-size:17px; height:52px; line-height:50px;}
	.btn_link.type02 span{padding-right:50px; background-position:98%;}
	.btn_download {min-width: 120px;padding: 0 10px;height:30px;cursor:pointer;vertical-align:middle;color:#555;border-color:#999;line-height:30px;}
	.btn_download span {padding-left:21px;background: url(../images/sub/i_file_down.png) no-repeat 0 50%;}

    .board_col_type01 td span.yet {font-size:0.9em; padding:4px 10px; background:#7b7b7b; border-radius: 10px; color:#fff;}
    .board_col_type01 td span.done {font-size:0.9em; padding:4px 10px; background:#0a4ca3; border-radius: 10px; color:#fff;}


/*faq*/
.faqs {position:relative; width:100%;font-size:1.3rem;}
.faqs dt {position:relative;padding:1.8rem;border-bottom:1px solid #e8e8e8;cursor:pointer;}
.faqs dt:before {position: absolute;top: 30px;left: 5px;width: 32px;height:32px;line-height: 30px;color: #fff;display: block;font-size: 14px;font-weight: bold;content: "Q";text-align: center;border-radius: 50%;
background-color: #333;}
.faq_tit {display:block;position:relative;font-size: 1.4rem;vertical-align:top;color: #8a8a8a;padding-left:1.5rem;}
.faq_tit .faq_q {position:absolute; left:0; top:0;color:#1a70df;}
.faq_tit span.top10 {margin-right: 1rem; font-weight: bold;}
.faq_tit span.color_green {color: #328dcd;}
.faqs dd {font-size:1.3rem; padding:1.3rem; border-bottom:1px solid #e4e4e4;background:#f3f3f3;}
.faqs .expanded {padding:1.8rem 1.5rem; background-size:auto 0.8rem; color: #000; border-bottom: 0;border-bottom:1px solid #e4e4e4}
.faqs .expanded .faq_tit {color: #000;}
.faq_txt {position:relative; font-size: 1.1rem; line-height: 1.8em; vertical-align:top;background:#f3f3f3;padding:12px 10px 15px 35px;}
.faq_txt:before {position: absolute;top: 15px;left:0;width: 24px;height: 24px;line-height: 24px;color: #fff;display: block;font-size: 14px;font-weight: 600;content: "A";text-align: center;
border-radius: 50%; background-color: #bbb;}
                                
.tbl_join {width:100%;position:relative;border-top: 1px solid #000;}
.tbl_join th {vertical-align:middle;padding:7px 0 7px 2%;border-bottom: 1px solid #e1e2e2;background:#f5f5f5;color: #000;  font-weight:normal; text-align: left;/* background: url(http://opennote.co.kr/guide/images/sample/article_new.gif) right center no-repeat; */}
.tbl_join td {vertical-align:middle;padding:7px 0 7px 10px;border-bottom: 1px solid #e1e2e2;color: #5e5e5f;padding: 18px 0px 18px 18px;}
.tbl_join th span {padding-left: 20px;}
.txt_small {color:#000; font-size:13px;margin-left: 5px;}
.icon_red {background: url(http://opennote.co.kr/guide/images/style/bul_flower.png) no-repeat 3px 50%;}
.btn_id {display:inline-block; padding:0 10px; height:30px; border:0;background:#a7a7a7;color:#fff;font-size:13px;margin-left: 5px;}
.txt_area {height: 80px;border: 1px solid #dcdcdd;}
                                

@media only screen and (min-width:100px) and (max-width:1199px){


    .form {width:100%;border-top:1px solid #ddd}
    .form::after {clear:both; content:''; display: block; width:100%}
    .form li:first-child {width:20%; float:left; font-size:1.4rem; font-weight:500; background:#f5f5f5; text-align: center; height: 7vh; line-height: 7vh}
    .form li:last-child {width:80%; float:left; font-weight:400; padding:2%; font-size:1rem; color:#888}
    
    
    /*tbl*/
	.tbl_wrap {position: relative;width: 96%;margin: 0 auto;}
	.btn_area + .tbl_wrap {margin-top:20px;}
	.tbl_wrap .text {width:100%;height: 30px;margin:0 7px 0 0;padding:0 0 0 8px; color:#5f5f5e; font-size:13px; line-height: 30px; }
	.tbl_wrap select {height: 30px;color:#5f5f5e;font-size:13px; line-height: 30px; }
	.tbl_wrap label + label {margin-left: 5px;}
	.tbl_wrap.noData {padding-bottom:4rem;}
	.tbl_wrap.noData tbody {position:absolute;left:0;bottom:0;width:100%;}
	.tbl_wrap.noData tbody .no_data {display:block; width:100%;padding:0 !important;}
	.tbl_wrap.noData tbody .no_data td{position:relative; display:block; width:100%;padding:0;height:4rem;overflow:hidden;line-height:4rem;text-align:center;} 

	.tbl_top {display: table;width: 96%;margin: 1rem auto;padding: 0.4rem 0.7rem 0.7rem;border: 1px solid #dddddd;}
	.tbl_top label + label {margin-left:10px;}
	/* .tbl_top .m-block {margin-bottom:0.3rem;} */
	.tbl_left {display: table-cell;width: 22%;text-align: left;vertical-align: middle;color:#666666;font-size: 1.2rem;}
	.tbl_top.type02 .tbl_left {width:20%;}
	.tbl_left .i_all {padding-left:0; background:none}
	.tbl_left strong {color: #26a4de;font-weight: 400;}
	.tbl_right {display: table-cell;text-align: right;vertical-align: middle;}
	.tbl_right .tit {color:#494b50;padding-left:10px;font-size:1.2rem;margin-right:4px;font-weight:600;letter-spacing:-0.05em; background:url(../images/sub/search_tit.png) no-repeat 0 50%;}
	.tbl_right.type02 {position:relative;}
	.essential_txt {text-align: right;font-size: 1.1rem;}
	.essential_txt span {color: red;}
	.tbl_right.type02 .search_selec + .tit {margin-left:.3rem;}
	.tbl_right.type02 .m-block {margin-bottom:0.4rem;}
	.tbl_right.type03 {text-align:left;}
	.tbl_right.type03 .tit {display:block;margin:1rem 0 0.5rem;}
	.tbl_right.type03 .m-block {margin-bottom:0.5rem;}
	.tbl_right.type03 .m-block::after {content:'';display:table; clear:both;}
	.tbl_right.type03 .search_selec select {float:left;margin-top:0.3rem;}
	.tbl_right.type03 .search_selec.m-block select:nth-child(2n-1) {margin-left:1%;}
	.tbl_right.type03 .flo {float:left;margin-left:1%;}
	
	.tbl_top02 {display: table;width: 100%;table-layout:fixed; margin-bottom:1rem;} 
	.tbl_top02 .tit {display:block; font-size:1.6rem; color:#222; font-weight:600;}
	.tbl_top02 .tit span {display:inline-block;padding-left:1.3rem;background:url(../images/sub/i_md_tit03.png) no-repeat 0 50%;}

	.search_selec select {width:100%;height:3.5rem;color: #555555;border-color:#ddd;font-size:1.2rem;}
	.search_text {position:relative;margin-top:0.3rem;width: 68%;height:3.5rem;padding-right:3.5rem;border:1px solid #ddd;}
	.search_text.type02 {width:96.5%;}
	.search_text .text {width: 100%;height: 100%; color: #555555;border: 0;font-size:1.2rem;}
	.search_text .btn_search {position: absolute;top: 0;right: 0;width: 3.5rem;height:100%;text-indent: -9999px;background: url(../images/sub/i_search.png) no-repeat 50% 50%;}
	.board_col_type01 {table-layout: fixed;border-top: 0.1rem solid #000;font-size: 1.2rem;}
	.board_col_type01 > thead > tr > th {padding:0.8rem 0.5rem;text-align:center;color: #31343f;border-bottom: 0.1rem solid #e1e1e1;font-weight:600;}
	.board_col_type01 > tbody > tr > td {padding:0.8rem 0.5rem;cursor: pointer;text-align:center;color: #222;border-bottom: 0.1rem solid #e1e1e1;font-weight: 300;}
	.board_col_type01 > tbody > tr > td a img {vertical-align: text-top;}
	.board_col_type01 > thead > tr:first-child > th:first-child,
	.board_col_type01 > tbody > tr > td:first-child {border-left:0;}
	.board_col_type01 > tbody > tr > th {padding:0.8rem 0;text-align:center;color: #31343f;border-bottom: 0.1rem solid #e1e1e1;background: #f8f8f8;font-weight:600;}
	.board_col_type01 > tbody > tr > td.r {padding:0.8rem 0.5rem;}
	.board_col_type01 td.subject {padding: 0.8rem 0.5rem;text-align:left;}
	.board_col_type01 td.subject a {display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
	.board_col_type01 td.subject img {margin-left:5px;}
	.board_col_type01 .company_logo {max-width:95%; /*height:2.5rem;*/}
	.board_col_type01 > tbody > tr:hover > td {background:#f8fbff;}
	.board_col_type01 tr.no_data td {padding: 0.8rem 0; cursor:default;}
	.board_col_type01 tr.no_data:hover td {background: #fff;}
	.board_col_type01 tr td.data {cursor: pointer;text-decoration: underline;}
	.board_col_type01 .notice td {font-weight:500;}
    
    .board_col_type01 td span.yet, .board_col_type01 td span.done {font-size:0.9em; padding:2% 10%;}

    /*board write*/
	.board_row_type01 {table-layout: fixed;font-size:1.2rem;color: #000;border-top: 0.1rem solid #000;}
	.board_row_type01 .col01 {width:25%;}
	.board_row_type01 > tbody > tr > th {padding:0.8rem 0 0.8rem 0.8rem;color: #31343f; border-bottom: 0.1rem solid #e1e1e1;border-left: 0.1rem solid #e1e1e1;background: #f8f8f8;}
	.board_row_type01 > tbody > tr > th:first-child {border-left:0;}
	.board_row_type01 > tbody > tr > th > strong {font-weight:600;}
	.board_row_type01 .board_row_tit th {border-color: #000000;border-right:0;background: none;font-size: 1.5rem;}
	.board_row_type01 .board_row_tit th strong {position: relative;display: block;width:100%;font-weight:600;word-break:keep-all;word-wrap:break-word;}
	.board_row_type01 > tbody > tr > td {padding: 0.8rem 1rem;color: #5e5e5f; border-bottom: 0.1rem solid #e1e1e1;border-left: 0.1rem solid #e1e1e1; word-break:keep-all;word-wrap:break-word;}	
	.board_row_type01 > tbody > tr > td > select {color:#5f5f5e;font-size:13px;}
	.board_row_type01 td.tbl_text {padding:1rem;vertical-align:top;border-left: 0;}
    .board_row_type01 .board_row_tit th > strong {padding-right:0}
    .board_row_type01.tbl_answer .board_row_tit th {font-size:1.5rem}
    
    .w20p {width:40% !important}
    
    
    
    
    /*faq*/
    .faqs dt {position:relative;padding:1.8rem;border-bottom:1px solid #e8e8e8;cursor:pointer;}
    .faqs dt:before {position: absolute;top:20%;left: 5px;width: 32px;height:32px;line-height: 30px;color: #fff;display: block;font-size: 14px;font-weight: bold;content: "Q";text-align: center;border-radius: 50%;
    background-color: #333;}
    .faq_tit {display:block;position:relative;font-size: 1.4rem;vertical-align:top;color: #8a8a8a;padding-left:3rem;}

    
    
    
    
    
    
    
    
    
    
}

/* ===== m_sub.css ===== */
@import url("reset.css");

@media only screen and (min-width:100px) and (max-width:1199px){
    html {font-size:10px;}
	body {background:#fff;}

    #skipnavi,
    #anchor_menu,
    #gnb_area, .gnb_bg, .m_hid, .util, .top_search {display:none;}

 	/*skipnavi*/
	#skipnavi {position:relative;width:100%;z-index:2;}
	#skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
	#skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:700;line-height:140%;}
	#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:700;line-height:1.4;color:#fff;}
	
	#wrapper {position:relative;display:block;width:100%;min-height:100%;}
	#header {position:fixed;z-index:1000; width:100%;height: 7rem;background:rgba(0,0,0,0.3);transition: all .3s ease;}
	#header::before {position: absolute;top: 7rem;left: 0;display: block;width: 100%;height: 1px;content: '';background: #e2e2e2;z-index: 1;}
	#header .header_box {position:relative;width:100%;height:7rem;margin:0 auto;padding: 1.8rem 2.5rem 0;}
	#header .logo {z-index:12;display: inline-block;width:60%;height:4.6rem;}
	#header .logo a {display: block;padding-top:0.1rem;width:100%; height:100%;}
	#header .logo a img {max-width:10rem;}
	#header.open .btn_allmenu {display:none;}
	#header.open::before {display:none;}
    
    .right_box {display:none}
	
	.util {position:absolute;top:30px;right:0;text-align: right;}
	.util a {display:inline-block;text-align: center;vertical-align: middle;color: #fff;width: 85px;font-size: 13px;line-height: 27px;font-weight: 400;border-radius: 19px;margin-right:5px;}
	.util .login {background: #27a2e7;}
	.util .join {background: #543ec9;}
	.util .lang {background: #8d8d8d;}
	.btn_allmenu {position:absolute; top:1.8rem; right: 2rem; width:4rem; height:4rem; text-align:center; text-indent:-9999px; background:url(../images/common/i_all_gnb.webp) no-repeat 50% 50%; z-index:10; background-size: auto 55%;}
    
	/*gnb*/
	.m_menu_bg {position:fixed;top:0;bottom:0;left:0;display:none;width:100%;background:rgba(0,0,0,0.7);}
	.m_menu {position:fixed;top:0;bottom:0;left:-100%;overflow-y:auto;width:96%;padding-right:5.2rem;transition: left 0.5s ease;}
	.menu_inner {position:relative;height:100%;padding: 0 0 4.5rem;background: #081955;}
	.menu_cont {position: relative;}
	.m_util {height:5.2rem;padding:1rem 5%;text-align: center;border-bottom:0.1rem solid #636668;background:#333333;}
	.m_util:after {display:table;clear:both; contnet:'';}
	.m_util a {display: block;float:left;width: 32%;color: #999999;border:0.1rem solid #999999;font-size: 1.5rem;line-height: 3.2rem;}
	.m_util a:nth-child(2) {margin:0 2%;}
	.m_gnb a {display:block;}
	.m_menu .one_dep {display: block;width: 100%;}
	.m_menu .one_dep > a {padding: 1.8rem 4%;color: #fff;border-bottom: 0.1rem solid #636668;background: url(../images/common/m_menu_off.webp) no-repeat right 5% center;background-size: 1.1rem;font-size: 1.8rem;font-weight:500;line-height:1;}
	.m_menu .two_depBox {display: none;/*padding-top: 1.5rem;padding-bottom: 2.5rem;*/background:#ffffff;}
	.m_menu .two_depBox a {display:block;padding:1.5rem 0 1.5rem 4%;color:#333333;border-bottom:0.1rem solid #e5e5e5;font-size: 1.5rem;}
	.m_menu .two_depBox a span {position:relative;display:block;padding-left:1rem;line-height:1.1;}
	.m_menu .two_depBox a span:before {position:absolute;top:50%; left:0;display:inline-block;width:0.3rem;height:0.3rem;content:'';background:#000000;}
    .depth3 li a {font-size:1.4rem !important; color:#888 !iimportant; position: relative; padding-left:9% !important;}
    .depth3 li a::before {position:absolute; top: 50%; left:5%; width:5px; height:2px; background:#2a69c0; content: ''}
	.m_menu .expanded .one_dep a {border-bottom: 0.1rem solid #e5e5e5;background: #0b4da2 url(../images/common/m_menu_on.webp) no-repeat right 5% center;background-size: 1.1rem;}
	#header.open .m_menu_bg {display:block;}
	#header.open .m_menu {left:0;}
	#header.open .menu_close {position:absolute;z-index: 1500;top:0;right:0;width:5.2rem; height:5.3rem;text-indent: -9999em;background:#0b4da2 url(../images/common/m_menu_close.webp) no-repeat 50% 50%;background-size: 50% auto;}
	#header.open .m_menu {display:block;}
	
	
		/*footer*/
	#footer {padding-top:0;}
	.footer_top {width:100%; margin:0 auto; position:relative;}
	.footer_top:after {display:table;content:'';clear:both;}
	
	.foot_inbox {position:relative; background:#2b2e3d}
	.foot_link {position: relative;display: table;width:100%;table-layout:fixed;}
	.foot_link li {position:relative;display: table-cell;vertical-align:middle;text-align: center;color: #bdbec1;border-bottom: 0.1rem solid #bdbec1;font-size: 1rem;font-weight: 300;line-height: 1.2; letter-spacing:-0.05em;}	
	.foot_link li a {display:block;padding:0.5rem 0;min-width:5.8rem;}
	.foot_link li a:after {position:absolute;top:20%;right:0;display:block;width:0.1rem;height:60%;content:'';background:#bdbec1;}
	.foot_link li:last-child a:after {display:none;} 
	/*family_site*/
	.m_family {display:none; position:absolute; top:6rem; right:2%;}
	.family_site {position:relative;display:block;float:right;width: 15rem; height:3rem;vertical-align:middle; background:#cdcdcd; border-radius:1.5rem;}
	.family_site::after {position: absolute;top: 11px;right: 20px;width: 13px;height: 8px;content: '';background:url(../images/main/bg_familysite.webp) no-repeat left top;}
	.family_site:hover::after {position: absolute;top: 12px;right: 20px;content: '';width: 13px;height: 8px;content: '';background:url(../images/main/bg_familysite.webp) no-repeat left top; transform: rotate(180deg);}
	.family_site * { margin:0; padding:0; cursor:pointer;font-size:1.2rem; color:#fff; font-family: 'Arial'; font-weight:800; letter-spacing:-0.05em;}
	.family_site .my_value {position:relative;z-index:2;top:-20px;left:0;overflow:visible;width:100%;height: 3rem;padding: 0 40px 0 20px;text-align:left;letter-spacing: -0.02em;color: #fff;border: 0;background: none;}
	.family_site .my_value.selected {font-weight:400;}
	.family_site div.my_value {height:38px; text-indent:8px;}
	.family_site ul {position:absolute;bottom: 3rem;left:0;overflow:hidden;width:100%;border: 1px solid #545d68;border-top: 0;  z-index:2}
	.family_site ul.a_list {display:none;}
	.family_site.open ul.a_list {display:block;}
	.family_site li {position:relative;  overflow:hidden; height:38px; white-space:nowrap;}
	.family_site li a {display:block; height:38px; padding-left: 20px;color:#b3b3b7; background:#313c49; line-height:41px;}
	.family_site li.hover * {color:#fff;background:#2b2e3d; }
	
	.footer_bot {position:relative;width:100%; margin:0 auto; padding:1.5rem 2% 0;}
	.foot_logo {display:none;  vertical-align:top; width:50%;}
	.foot_logo img {max-width:100%;}
	.foot_addr {display:block; padding:1rem 2rem 1rem 1rem; color:#999999; font-size:1.1rem;}
	.foot_addr > address {line-height:1.2; display:none;}
	.foot_addr > span {font-weight:600; font-family:'Montserrat'; font-size:1rem; line-height:1;}
	.scroll_top {position:absolute; top:-60%; right:1rem;display:block; width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; background:#fff; border:1px solid #dad8d8; border-radius:5px; box-shadow:-2px 1px 10px 0px rgba(0,0,0,0.15);}
	


	#container {position:relative;min-height:calc(100% - 7rem);overflow: hidden;}
	#top_area {position:relative;width:100%;margin-top: 0px;border-top:0.1rem solid #dcdcdc;border-bottom:0.1rem solid #dcdcdc;background: #fff;}

	.sub_visual {position: relative;width:100%;height:7rem;padding-top:0;box-sizing: content-box;letter-spacing: -0.03rem;color: #fff;font-weight: 100;}
    .sub_visual .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;background-size:120% 120%;background-repeat: no-repeat;background-position: 50% 0;transition: background 0.8s ease;}
    .sub_visual .v_zoom.on {background-size:100% 100%;}
    .sub_visual .bg01 {background-image:url(../images/sub/sub_visual01_m.webp);}
    .sub_visual .bg02 {background-image:url(../images/sub/sub_visual02_m.webp);}
    .sub_visual .bg03 {background-image:url(../images/sub/sub_visual03_m.webp);}
    .sub_visual .bg04 {background-image:url(../images/sub/sub_visual04_m.webp);}
    .sub_visual .bg05 {background-image:url(../images/sub/sub_visual05_m.webp);}
    .sub_visual .sub_visual_box {display: none}
    .top_area {border-bottom: 1px solid #dcdcdc;}

	.location_area {position:relative;width:100%;}
	.location_box {position:relative;z-index:5;width:100%;padding-left:4rem;}
	.location_box .i_home {position:absolute;top:0;left:0;width:4rem;height:4rem;text-indent:-9999px;border-right:0.1rem solid #fff;background: url(../images/sub/i_home.webp) no-repeat 50% 50%;}
	.location_box .location_select {position:relative;display:block;float: left; min-width:30%;vertical-align:middle;border-right:0.1rem solid #fff;background:#f7f7f7;}
	.location_box .location_select.last {border-right:0;}
	.location_box .location_select::after {display:none;}
	.location_box .location_select * { margin:0; padding:0; cursor:pointer;font-size:1.3rem; }
	.location_box .location_select .my_value {position:relative;z-index:2;top:0;left:0;overflow:visible;width:100%;height: 4rem;padding: 0 2rem 0 0.5rem;text-align:left;/*letter-spacing: -0.07em;*/color: #3d3d3d;border:0;background:transparent;background: #fff url(../images/sub/bg_arrow.webp) no-repeat right center;font-weight:500;line-height:4rem;}
	.location_box .location_select .my_value.selected {font-weight:400;}
	.location_box .location_select ul {position:absolute;top: 4rem;left:0;overflow:hidden;width:100%;border-top:0.1rem solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
	.location_box .location_select ul.a_list {display:none}
	.location_box .location_select.open ul.a_list {display:block}
	.location_box .location_select li {position:relative;  overflow:hidden; height:3.2rem; white-space:nowrap;border-right:0.1rem solid #d8d8d8; border-left:0.1rem solid #d8d8d8; letter-spacing:-0.1rem }
	.location_box .location_select li a {display:block; height:3.2rem; text-indent:0.5rem;/*letter-spacing: -0.07em;*/color:#3d3d3d; background:#fff; line-height:3.2rem; }
	.location_box .location_select li.hover * {color:#666666; background:#f4f4f4;}

    #content {padding: 2rem 1.5rem 0;}

	.page_title {position: relative;padding-top:3rem;text-align: center;letter-spacing: -1px;color: #333333;font-size:3rem;font-weight: 700;line-height: 1.2; width:90%; margin:0 auto}
	.page_title .tit {position:relative; padding-bottom:5%; margin-bottom:5%}
    .page_title .tit::after {content:''; position: absolute; bottom:0; left:50%; margin-left:-18px; width:36px; height:2px; background:#0a4ca3; }
    .page_title .sub_tit {width:90%; margin:0 auto 5% auto; display: block; font-size:1.6rem; color:#565656; line-height:2.2rem; font-weight:300; word-break: keep-all}  
    

	.sub_title {position: relative;margin-bottom:30px;padding-bottom: 25px;text-align: center;letter-spacing: -1px;color: #333333;border-bottom: 1px solid #ddd;font-size: 1.8rem;font-weight: 400;line-height: 1.2;}
	.sub_title .tit {position:relative;}
	.sub_title .txt {display:block; font-size:1.5rem; color:#2a2a2a; font-weight:300;}

    /*button*/
    .btn {display: inline-block;cursor: pointer;text-align: center;vertical-align: middle;white-space: nowrap;color:#fff;border:1px solid transparent;border-color: rgba(0, 0, 0, 0);border-radius: 0;font-family:inherit;font-size: inherit;font-weight: 400;line-height: 1;}

	.btn_area {position: relative;width: 92%;margin: 1rem auto;text-align: right;}
    .btn_area02 {width: 92%;margin: 1rem auto;text-align: center;}

    .btn.btn_mdl {min-width: 6.5rem;padding: 0 8px;font-size: 1.2rem;line-height: 3.5rem;}
    .btn.btn_mdl02 {width: 100%;padding: 0 8px;font-size: 1.2rem;line-height:3.5rem;}
	.btn.btn_mdl03 {min-width: 6.5rem;padding: 0 8px;font-size: 1.2rem;line-height:2.2rem;}
    .btn.btn_big {min-width:12rem;height: 4.5rem;font-size: 1.2rem;line-height: 4.5rem;}
    .btn.btn_sml {min-width: 5rem;padding: 0 5px;font-size: 1.1rem;line-height:2.6rem;}
    .btn.btn_sml02 {width: 100%;padding: 0 5px;font-size: 1.1rem;line-height:2.6rem;}
    .btn_sml03 {min-width: 5rem;padding: 0 5px;font-size: 1.1rem;line-height:2.2rem; text-align: center; border-radius: 3px}
	.btn_sml04 {padding:0 1rem; font-size:1.1rem; font-weight: 300;  line-height:2.8rem; text-align: center; border-radius: 5px}

    .btn_write,
	.btn_save,
	.btn_rewrite,
	.btn_send,
	.btn_confirm {border-color: #308cde;background-color: #308cde;}
	.btn_write:hover,
	.btn_save:hover,
	.btn_send:hover,
	.btn_rewrite:hover,
	.btn_confirm:hover {border-color: #061f44;background-color: #061f44;}
	.btn_del {border-color:#dc3545;background-color:#dc3545;}
	.btn_del:hover {border-color: #b52b38;background-color: #b52b38;}
	.btn_cancel,
	.btn_close,
	.btn_list {border-color:#a1a1a1;background-color:#a1a1a1;}
	.btn_cancel:hover,
	.btn_close:hover,
	.btn_list:hover{color:#fff;border-color:#767676;background-color:#767676;}
	.btn_add,
	.btn_cate,
	.btn_overlap,
	.btn_find,
	.btn_change,
	.btn_address {color:#3c3c3c !important;border-color:#6b6d6e !important;background-color: #fff !important;}
	.btn_file_down {border-color:#1a8dde;background-color: #1a8dde;}
	.btn_file_down span {background: url(../images/sub/i_down_file.webp) no-repeat 100% 50%;}
	.btn_ai_down {border-color:#404040;background-color: #404040;}
	.btn_ai_down span {background: url(../images/sub/i_ci_down01.webp) no-repeat 100% 50%;}
	.btn_jpg_down {border-color:#818181;background-color: #fff;color: #818181;}
	.btn_jpg_down span {background: url(../images/sub/i_ci_down02.webp) no-repeat 100% 50%;}
	.btn_link {background: #1a8dde;}
	.btn_link span {background: url(../images/sub/i_open_new.webp) no-repeat 100% 50%;}
	.btn_link span.type02{background: url(../images/sub/i_link02.webp) no-repeat 100% 50%;}
	.go_conpany {color:#3c3c3c;border-color:#6b6d6e;background-color: #fff;}
	.btn_receive {border-color: #308cde;background-color: #308cde;}

	.btn_down {padding: 5px 10px 7px;color: #666666;border-color:#bbbbbb;background-color:#fff;}
	.btn_down span {padding-left: 25px;background: url(../images/sub/i_down.webp) no-repeat 0 50%; background-size:auto 90%;}
	.btn_down02 {padding: 2px 10px;color: #fff;border-color:#527fd4;background-color:#527fd4;}
	.btn_down02 span {padding-right: 60px;background: url(../images/common/go_site.webp) no-repeat 100% 50%;}
	.btn_down03 {padding: 2px 10px;color: #fff;border-color:#5fb2e2;background-color:#5fb2e2;}
	.btn_down03 span {padding-right: 60px;background: url(../images/common/go_site.webp) no-repeat 100% 50%;}

	.btn_down02 + .btn_down03 {margin-top:0.5rem;}

	.btn_link {background: #1a8dde;}
	.btn_link span {padding-right:18px;background: url(../images/sub/i_open_new.webp) no-repeat 100% 50%;}
	.btn_excel {color: #444444;border-color:#cccccc;background-color:#fff;}
	.btn_excel span {padding-left: 24px;background: url(../images/sub/file_xls.webp) no-repeat 0 50%;}
	.btn_i_del {width: 30px;height: 30px;color: #444444;border-color:#cccccc;background-color:#fff;}
	.btn_i_del span {display: block;height: 100%;text-indent: -9999px;background: url(../images/sub/i_del.webp) no-repeat 50% 50%;}
	.btn_i_rewrite {width: 30px;height: 30px;color: #444444;border-color:#cccccc;background-color:#fff;}
	.btn_i_rewrite span {display: block;height: 100%;text-indent: -9999px;background: url(../images/sub/i_rewrite.webp) no-repeat 50% 50%;}
	.btn_i_add {width: 20px;height: 20px;color: #444444;border-color:#4dc0ee;border-radius: 50%;background-color:#4dc0ee;}
	.btn_i_add span {display: block;height: 100%;text-indent: -9999px;background: url(../images/sub/i_add.webp) no-repeat 50% 50%;}
	.btn_prevstep {color:#000;border-color:#000; background-color:#fff ;}
	.btn_nextstep {border-color:#308cde;background-color:#308cde;}
	.btn_prevstep + .btn_nextstep {margin-left: 10px;}

	.btn_file_down.type02 {background:#8746c9; font-size:1.2rem; height:2.8rem; line-height:2.8rem; border-color:#8746c9}
	.btn_file_down span {padding-right: 1rem;background-size: 0.8rem auto;}
	.btn_link {min-width: 8rem;padding: 0 5px;font-size: 1.2rem;line-height:2.4rem;}
	.btn_link span {padding-right: 18px;background-size:13px auto;}
	.btn_link.type02{background:#5fb2e2;}
	.btn_link.type02 span{padding-right:50px; background-position:98%;}
	.btn_download {min-width: 120px;padding: 0 10px;height:30px;cursor:pointer;vertical-align:middle;color:#555;border-color:#999;line-height:30px;}
	.btn_download span {padding-left:21px;background: url(../images/sub/i_file_down.webp) no-repeat 0 50%;}

	/*tbl*/
    .table1 {border-top:1px solid #666666; border-right:1px solid #f0f0f0;}
    .table1 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:13px;}
    .table1 th {text-align:center; font-weight:500; color:#222; background-color:#f9f9f9; font-size:1.5rem; border-bottom:1px solid #cccccc;padding:1.5% 0px;}
    .table1 td {border-left:1px solid #f0f0f0; font-size:1.3rem; border-bottom:1px solid #f0f0f0;padding:2%; text-align: center; color:#555;line-height:180%;}
    .tb_left tr td, td.left {text-align: left; padding:2% 3%}
    .tb_left tr td b {text-align: center !important; display: block}
    
    
    /*ÄÁÅÙÃ÷*/
	
	#content {position: relative;width:100%; margin: 0 auto; padding:0;}
    .pc_only {display: none}
    .mobile_only {display: block}
    
    
    /*0101*/
    .top_pic {width:100%; min-height:54vh; position: relative; margin:5% 0}
    .top_pic.mini {min-height:50vh}
    .top_pic li img {border-radius:10px 0 10px 0; width:90%;}
    .top_pic li.text_box {position: absolute; top:35%; right:0; padding:5% 12%; width:80%; background:rgba(11,77,163,0.8); font-size:2rem; color:#fff; z-index: 10; font-weight: 300; line-height:3rem; min-height:10vh}
    .top_pic li:last-child::after {position: absolute; bottom:-20%; left:10%; width:2px; height:10vh; background:#eecd06;content:''; z-index: 999}
    .introduce {word-break: keep-all}
    .introduce p {font-size:1.6rem; color:#484848; font-weight: 300; line-height: 1.8; width:80%; margin:0 auto; }
    .introduce p.big {font-size:2rem; font-weight:600; margin:3% 10%}
    
    
    .company{ position:relative; padding-top:10px;overflow:hidden;}
    .company li{position:relative; float:left; width:19.6%; padding:20px 0px; z-index:1; text-align:center;	border-left:1px solid #ddd; border-top:1px solid #ddd;}
    
    .box02.list03 {width:96%; margin:2% 2% 5% 2%; border:1px solid #eee; border-top:0;  border-radius:10px 10px 0 0 ; }
    .box02.list03 dt {text-align: center; padding:5% 0; background:#0a4ca3; color:#fff; border-radius:10px 10px 0 0 ; font-size:2rem; margin-bottom:3% }
	.box02.list03 dd {font-size:1.5rem; word-break: keep-all; color:#666; line-height:170%; padding:1% 3% 1% 10%; position:relative}
	.box02.list03 dd::before {clear:both; position: absolute; top:13px; left:5%; width:4px; height:4px; background:#618db6; content:''}
	.box02.list03 dd:last-child {margin-bottom:4%}

	
    .box02 {width:96%; margin:2% 2% 5% 2%}
    .box02:hover {box-shadow: 5px 5px 0 0 #eee; transition: 0.3s all ease}
    .box02 dt {text-align: center; padding:5% 0; background:#0a4ca3; color:#fff; border-radius:10px 10px 0 0 ; font-size:2rem; }
    .box02 dd {border:1px solid #eee; border-top:0; padding:5%; font-size:1.5rem; word-break: keep-all; text-align: center; color:#666; line-height:170%}
    .con .box02:last-child {margin-bottom:10%}





    .con {width:100%; padding:2%; position: relative; letter-spacing: -1px;}
    .con > div.map {padding-bottom:5%}
    .con > div > img {display: block; margin:0 auto; text-align: center;}
    .con > div > img {width:100%; height: 100%;}
    
    .benefits {position: relative; background:#f8f8f8; width:100%; padding:8% 3%;}
    .con h4 {position: relative; font-size:2.2rem; line-height:4rem; color:#181818; font-weight: 600; padding-bottom:2%; margin-bottom:5%; letter-spacing: -1px;}
    .con h4::after {content:''; position: absolute; bottom:0; left:0; width:36px; height:2px; background:#0a4ca3; }
    .benefits ul {width:100%; position: relative; clear:both; padding:2% 0}
    .benefits ul::after {clear:both; content: ''; display: block;}
    .benefits ul > li {float:none; width:50%; height:50%; margin:2% auto}
    .benefits ul li.number {width:162px; height:162px; position: relative}
    .benefits ul li.number img {width:100%; height:100%}
    .benefits ul li.number > span {position: absolute; top:5px; left:18px; font-family: 'Montserrat'; color:#fff; font-size:2rem;}
    .benefits ul li.txt {width:100%; margin-top:3%; font-size:1.9rem; line-height:3rem; color:#181818; font-weight:500; text-align: center; word-break: keep-all}
    .benefits ul li.txt > span {display: block; margin-top:2%; font-size:1.5rem; text-align: left; color:#686868; font-weight: 300; line-height:2.2rem}
    .benefits ul li.txt.w_span2 {margin-top:0}
    .benefits ul li.txt.w_span3 {margin-top:0}
    .benefits ul li.txt.w_span4 {margin-top:0}
    
    
    .icon_list{width:100%; min-height:20vh; margin-bottom:5%;}
    .icon_list::after {clear:both; content: ''; display: block; margin-bottom: 3%}
    .icon_list li{float:left; width:32%; margin:0.5%; height:15vh; padding-top:3%; border:1px solid #d5d5d5; border-radius: 10px; font-size:1.3rem; color:#181818; text-align: center; letter-spacing: -1px;}
    .icon_list li span {display: block; text-align: center; margin-bottom: 5px;}
    .imgbox {width:100%;}
    .imgbox img {width:100%}
    
    .gray {position: relative; background:#f9f9f9;}
    .gray.pbmore {padding-bottom:10%}
    .target li.number, .target li.txt {float:left}
    .target {position: relative; clear:both; width:96%; margin:2.5%}
    .target::after {clear:both; content: ''; display: block;}
    .target li.number {position: relative; width:50px; margin-right:3%;}
    .target li.number span {position:absolute; top:12px; left:12px; font-family:'Montserrat'; font-size:20px;font-weight: 600; color:#fff;}
    .target li.txt {font-size:1.5rem; font-weight:500; width:82%; margin-bottom:5%; margin-top:2%;}
    .lists {position: relative; padding:0;}
    .lists li::before {clear:both; position: absolute; top:9px; left:0; width:4px; height:4px; background:#618db6; content:''}
    .lists li {position: relative; width:100%; font-size:1.5rem; color:#686868; line-height:170%; padding-left:12px; font-weight: 300;}
    .half {width:100%; position: relative; min-height:300px;}
    .half > .target {width:20%; float:left; clear:none}
    .half > .target li.txt { min-height: 8vh;}
    .half::after {clear:both; display: block; width:100%;}
    
    .pd100_0 {padding:5% 0}
    .box01 {width:100%; padding:5%; background:#ecf4fc; margin:1% 0; border:1px solid #d4e0f2}
    .box01 .lists li {color:#333; font-size:1.5rem; line-height:180%}
    .box01 .lists li::before {top:12px;}
    section .con, .con.pd100_0 {width:100%; padding:5% 3%}
    
    .mb100 {margin-bottom:10% !important}
    .mb50 {margin-bottom:5% !important}
    .mb10 {margin-bottom:2% !important}
    .mt10 {margin-top:2% !important}
    
    .btns03 {margin-bottom:5%; width:92%; margin:0 auto; min-height: 22vh}
    .btns03::after {clear:both; content: ''}
    .btns03 li {width:45%; margin:1% 2%; float:left}
    .btns03 li.blue {background:linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); }
    .btns03 li.gray {background:#535353}
    .btns03 li.white {border:1px solid #bbb; background:#fff; color:#444; }
    .btns03 li.white a {color:#222; background:url('../images/main/i_arrow_b.webp') no-repeat 80% center; text-indent:8px; letter-spacing: -1px}
    .btns03 li a {display: block; width:100%; height:60px; text-align:left; text-indent: 22px; color:#fff; line-height:60px; background:url('../images/main/i_arrow_w.webp') no-repeat 80% center; transition: background 0.25s ease;}
    .btns03 li a:hover {background-position:90% center; animation-play-state:running; animation:0.6s infinite;}
    
    .con h5 {position: relative; font-size:2rem;margin-bottom:2%; padding-left:3%;}
    .con h5::before {clear:both; position: absolute; top:10px; left:0; width:6px; height:6px; background:#618db6; content:''}
    .imgbox {margin-bottom:50px;}
    
    .bluebg {background:#f7fbff;}
    

    .box_icons{ position:relative; padding-top:2%;overflow:hidden; width:100%}
    .box_icons li {padding:4% 2%;width:48%; height:30vh; margin:1%; float:left; border:1px solid #e5e5e5;text-align:center;font-size:1.3rem;color:#999;box-sizing: border-box; font-weight: 300; background:#fff; word-break: keep-all}
    .box_icons li span{font-size:1.7rem;color:#333; line-height: 2.2rem; font-weight: 500; display: block;}
    .box_icons li p img {}
    .box_icons li p.icon_size {height:14vh; display: flex; justify-content: center; align-items: center}

    .co_work {width:100%; border-top:2px solid #333}
    .co_work::after {clear:both; content: ''; display: table;}
    .co_work li {float:left; width:50%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; padding:2% 0}
    .co_work li:nth-child(odd) {border-left:0; }
    .co_work li:nth-child(even) {border-right:0 !important}
    .co_work li:last-child {border-right:1px solid #ddd}
    .co_work li:nth-last-child(2), .co_work li.m_b {border-bottom:1px solid #ddd}
    
    .box_icons02 { position:relative; padding-top:4%;overflow:hidden; min-height:100vh;}
    .box_icons02 li {position:relative; padding:7% 3% 3% 3%;width:48%; height:36vh; margin:1%; float:left; border:1px solid #e5e5e5;text-align:center;font-size:1.3rem;color:#999;box-sizing: border-box; font-weight: 300; background:#fff; word-break: keep-all; line-height:140%;}
    .box_icons02 li.more_h {height:42vh}
    .box_icons02 li span{font-size:1.6rem; margin:4% 0; color:#333; font-weight: 500; display: block;}
    .box_icons02 li p img {display: inline-block; text-align: center; margin-bottom:2%}
    .box_icons02 li p.icon_size {height:130px; padding:25px 0;}
    .box_icons02 li .link_btn {position: absolute; bottom:5%; width:80%; text-align: center;}
    .box_icons02 li .link_btn a {width:90%; background:#fff; border:1px solid #eee; padding:3% 0; background:url('../images/main/i_arrow_b.webp') no-repeat 85% center; text-indent:-25%; display:inline-block; transition: background 0.25s ease;}
    .box_icons02 li .link_btn.two a:first-child {margin-bottom: 2%}
    

    .value {width:100%; margin:5% auto}
    .value .box_list {position: relative;display: flex; flex-flow: column wrap; margin-bottom:5%}
    .value .box_list + .box_list {}
    .value .box_list .img-box {display: flex;width: 100%;justify-content: flex-end; margin:0 auto}
    .value .box_list .img-box .img {display: block;width:100%;height:300px;}

    .value .box_list .img-box .img.img-service-01 {background: url('../images/sub/sub0102_0101.webp') no-repeat right 0; background-size:contain}
    .value .box_list .img-box .img.img-service-02 {background: url('../images/sub/sub0102_0102.webp') no-repeat 0 0; background-size:contain}
    .value .box_list .img-box .img.img-service-03 {background: url('../images/sub/sub0102_0103.webp') no-repeat right 0; background-size:contain}
    .value .box_list .img-box .img.img-service-04 {background: url('../images/sub/sub0102_0104.webp') no-repeat 0 0; background-size:contain}
    .value .box_list .img-box .img.img-service-05 {background: url('../images/sub/sub0102_0105.webp') no-repeat right 0; background-size:contain}
    .value .box_list .img-box .img.img-service-06 {background: url('../images/sub/sub0102_0106.webp') no-repeat 0 0; background-size:contain}
    .value .box_list .txt-box {position: relative;width:94%;display: flex;flex-flow: column wrap;justify-content: center;padding-left: 5%;text-align: left;}
    .value .box_list .txt-box .desc {font-size:1.4rem; color:#888; font-weight: 300}
    .value .box_list .txt-box .num {font-family: "Montserrat";display: block;font-size:3rem;font-weight: 700; color: #0b4da3;line-height: 1;}
    .value .box_list .txt-box .title {font-size:1.8rem;font-weight: 500;line-height: 2.27; letter-spacing: -1.65px; margin-bottom: 0;}
    .value .box_list:nth-child(even) {flex-direction: row-reverse;}
    .value .box_list:nth-child(even) .img-box {justify-content: flex-start;padding-right: 0;padding-left:5%;}
    .value .box_list:nth-child(even) .txt-box {text-align: right;padding-right:5%;padding-left: 0;}
    .value .box_list:nth-child(even) .txt-box:before {left: auto;right: -16px;transform: translate(0, -50%);}
    .value .box_list:nth-child(even) .txt-box:after {left: auto;right: -4px;transform: translate(0, -50%);}
    
    .box_icon {width:100%; height:33vh; position:relative; padding:5%; background:#f9f9f9; border:1px solid #e5e5e5; margin-bottom:5%}
    .box_icon h5 {font-size:1.8rem; text-align: center; background:#127cdf; width:80%; margin:0 auto; padding:3% 0; color:#fff; font-weight: 500; border-radius:30px; margin-bottom:5%;}
    .box_icon h5::before {width:0; height:0;}
    .box_icon > p {font-size:1.5rem; text-align: center;line-height: 1.5em; position: absolute; bottom:8%; left:3%; width:94%}
    
    .icons02 {width:90%; margin:3% auto; position: relative; display: flex;justify-content: center; align-items: center;}
    .icons02 li {position: relative; width:20vh; height:7vh; line-height: 7vh; margin:2%; text-align: center; font-size:1.5rem; border:1px solid #0b4da2; background:#d3e2f6; color:#002d66}
    .icons02 li span {display:none;}
    .icons02 li span img {display: block; margin:0 auto;}
    
    .route {width:100%; position: relative; min-height:125vh; margin-left:2%; margin-top:10%}
    .route::after {clear:both; display: block; width:100%;}
    .route li {float:left; position: relative; width:38%; margin-right:12%; margin-bottom:5%; min-height:25vh; background:#fff; border:1px solid #eee; text-align: center;}
    .route li::after {position: absolute; top:40%; right:-36px; width:30px; height:30px; background:url('../images/sub/arrow_next.webp') no-repeat center; background-size:contain; content: "";}
    .route li:last-child::after {width:0}
    .route li span {position: absolute; top:-10px; left:-10px; width:40px; height:30px; background:#0a4ca3; text-align: center;; line-height: 30px; font-family: 'Montserrat'; color:#fff; font-size:18px;}
    .route li span::before {position: absolute; left:0;bottom:-10px;border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #bbb transparent transparent; content: ""}
    .route li p {width:90%; margin:0 auto; word-break: keep-all; margin-top:10%; color:#777; font-size:1.3rem}
    .route li p.tit {margin: 2% auto; padding:20% 0 10% 0; border-bottom: 1px solid #eee; font-size:1.8rem; color:#222; font-weight: 500; line-height: 130%; min-height: 9vh}
    
    
    
    .to_sms {position: relative; height:30vh; width:100%;margin:0 auto; background:url('../images/sub/sub0506_bg.webp') no-repeat center; padding:8%;}
    .to_sms h4 {position:relative; font-size:2.2rem; color:#fff; font-weight: 300; padding-bottom: 3%; margin-bottom: 3%;}
    .to_sms h4::after {position: absolute; bottom:0; left:0; width:60px; height:3px; background:#eecd06; content: '';}
    .to_sms p {font-size:1.4rem; color:#fff; font-weight: 300;}
    .to_sms a {position:absolute; bottom:12%; right:10%; width:50%; height:6vh; text-indent: -20%; display: block; background:url('../images/main/i_arrow_b.webp') no-repeat 85% center #eecd06; line-height:6vh; font-size:1.4rem; color:#000; text-align: center; transition: background 0.25s ease;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}



@media only screen and (min-width:768px) and (max-width: 1199px){
    html {font-size:14px;}

    .btn_top {position: absolute;top:-150px;right: 1.5rem;width: 4.5rem;height: 4.5rem;text-indent: -9999em;background: #b5b5b5 url(../images/common/btn_top.webp) no-repeat 50% 50%;border-radius: 50%;}

    .logo img {max-width:344px;}

    
}


/* ===== p_sub.css ===== */
@charset "utf-8";

@media only screen and (min-width:1200px) {
	.p_hid,
	.m_visual_img,
	.m_menu_bg,
	.m_menu,
	.m_sch_list,
	.m_search {display:none;}
    
    #skipnavi {position:relative;width:100%;z-index:2;*height:0px;}
    #skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;*margin:-5px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
    #skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:500;line-height:1.4;}
    #skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:500;line-height:1.4;color:#fff;}

    /***** layout *****/
    #wrapper {display:block;position:relative;height:100%;/* min-width:120rem;*/margin:0 auto;}
    .btn_menu {position:absolute;right: 0;top: 4rem;z-index:11;}
    .btn_menu a {display:block;position:relative;width:3.8rem; height:2.5rem;}
    .btn_menu a:before,
    .btn_menu a:after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
    .btn_menu a:before {top:0;}
    .btn_menu a:after {bottom:0;}
    .btn_menu .bar {display:block;position:absolute;left:0;top:50%;width:100%;height:0.1rem;background:#fff;text-indent:-9999em;transition: all .4s ease;}
    .fp-viewing-business .header_area.pop #header,
    .fp-viewing-community .header_area.pop #header,
    .fp-viewing-place .header_area.pop #header,
    .fp-viewing-mFooter .header_area.pop #header {top:0;}

    /*header*/
    #header {position:absolute; top:0; left:0; width:100%;z-index:1000;height:98px;background:rgba(255,255,255,0.4);transition: all .3s ease;}
    #header:hover {background:#fff}
	#header:after {position:absolute; top:98px; left:0; content:''; width:100%; height:1px; background:rgba(255,255,255,0.5);}
	#header .header_box {position:relative; width:1400px; margin:0 auto; height:95px;}
    #header .header_box .right_box {position:absolute; top:0; right:0; height:100%; width:300px; z-index: 9999}
    #header .header_box .right_box div {float:left; margin-top:20px}
    #header .header_box .right_box ul {float:right;margin-top:20px; }
    #header .header_box .right_box ul li a {display: block;padding:5px 12px; font-size:13px; font-weight: 200; color:#fff; background:#1c71e8; border-radius: 10px; margin-bottom: 5px}
    #header .header_box .right_box ul li:last-child a {background:#fdb813}
	#header .header_box:after{content:'';height:0;font-size:0;visibility:hidden;display:block;clear:both;}
	#header .logo {position:absolute;left:0;top:22px;display:inline-block;width: 264px;font-size: 0;z-index:1500;}
	#header .logo a {display: block;width: 100%;}
    #header .header_box::after {clear:both}


	/* gnb */
	#gnb_area {position:absolute;top:0px;left: 0;width: 100%;}
	#gnb {position: relative;width: 100%;height:100px;}
	.gnbmenu {display:block;width:1280px;margin:0 auto;padding-left:180px;}
	.gnbmenu li.depth1 {display:block;float:left;min-width: 120px;margin-left: 46px;}
	.gnbmenu li.depth1:last-child {min-width: 85px;}
	.gnbmenu li.depth1 > a.depth1_tit {position: relative;display:block;height:96px;text-align:center;color:#222;font-size:18px;font-weight:400;line-height:96px;}
	.gnbmenu li.depth1 > a.depth1_tit::after {position: absolute; right: 50%; bottom: 0; left: 50%; display: block; overflow: hidden; height: 3px; content:' '; -webkit-transition: all 0.3s; transition: all 0.3s;background-color: #fff;}
	.gnbmenu > li > a.depth1_tit:hover,
	.gnbmenu > li > a.depth1_tit.on {color:#111;font-weight:600;}
	.gnbmenu > li > a.depth1_tit:hover::after {right:0; left: 0; background:#0b4da3;}
	.gnbmenu li.depth1 > a.depth1_tit > span {display:inline-block;line-height:63px;}
	.gnbmenu > li > a.depth1_tit:hover span,
	.gnbmenu > li > a.depth1_tit.on span {color:#fff;}
	.gnb_inbox {position:absolute;z-index:30;top:96px;left:0;display:none; overflow:hidden;width:100%;border-top:1px solid #eeeeee;background:#0b4da3;}
	.gnbmenu .gnb_bg {height:100%;}
	.gnbmenu .gnb_bg::before {position: absolute;right: 0;left: 50%;display: block;height: 100%;content: '';background: #fff;}
	.depth2_box {position:relative;display:block;width:1407px;height:100%;margin:0 auto;background-color:#fff;}
    .menu_box {position:absolute;top:0;bottom:0;left:-40px; padding-right:50px; display:block;width:320px;}
    #depth1_0 .menu_box {background:#0b4da3 url(../images/common/bg_gnb01.webp) no-repeat 98% 98%;}
    #depth1_1 .menu_box {background:#0b4da3 url(../images/common/bg_gnb02.webp) no-repeat 100% 98%;}
    #depth1_2 .menu_box {background:#0b4da3 url(../images/common/bg_gnb03.webp) no-repeat 100% 98%;}
    #depth1_3 .menu_box {background:#0b4da3 url(../images/common/bg_gnb04.webp) no-repeat 100% 98%;}
    #depth1_4 .menu_box {background:#0b4da3 url(../images/common/bg_gnb05.webp) no-repeat 100% 98%;}
    
	.menu_box .gnb_tit {display:block;padding:35px 0 15px;color:#fff;font-size:17px;font-weight:200;line-height:1.4; text-align:right;}
	.gnbmenu ul.depth2 {display:block;width:860px;height:260px; overflow:hidden; margin-left:290px;padding:20px 0 40px 10px;}
	.gnbmenu ul.depth2 > li {display:block;width:220px;padding-left: 35px; float:left;}
    .gnbmenu ul.depth2 > li::after {clear:both;}
	.gnbmenu ul.depth2 > li > a {position:relative;display:block;transition: padding 0.25s;color:#323232;font-size:16px;line-height:40px;}
	.gnbmenu ul.depth2 > li > a::before {position:absolute;top:20px;left:0;display:block;width:0;height:1px;content:'';transition: width 0.25s;background:#0b4da3;}
	.gnbmenu ul.depth2 > li:hover > a,
	.gnbmenu ul.depth2 > li.on > a {padding-left:20px;color:#0b4da3;background-color:#f9f9f9;}
	.gnbmenu ul.depth2 > li:hover > a::before,
	.gnbmenu ul.depth2 > li.on > a::before {width:10px;}
	.gnbmenu ul.depth2 > li > ul {z-index:10;width:100%;padding:0 0 10px;}
	.gnbmenu ul.depth2 > li > ul li {position: relative;}
	.gnbmenu ul.depth2 > li > ul li a {display:block;padding-left:10px;color:#666;font-size: 14px; line-height:28px; font-weight: 300}
    .gnbmenu ul.depth2 > li > ul li a {}
	.gnbmenu ul.depth2 > li > ul li a:hover {color:#006ecb;}
    #depth1_1 div ul li {width:200px}

    /*footer*/
    #footer {height:150px; width:100%; background:#2f2f2f;}
	.foot_inbox {position:relative;padding-top:33px;width:1400px; margin:0 auto;}
	.foot_inbox:after {display:table;content:'';clear:both;}
	.foot_link {margin-bottom:15px;}
	.foot_link li {display:inline-block; position:relative; padding-right:20px; margin-right:15px;}
    .foot_link li::before {position: absolute; top:5px; right:0; display: block; width:1px; height:10px; background:#7e7e7e;content: '';}
	.foot_link li:last-child::before {width:0}
	.foot_link li a {position:relative; display:block; color:#b4b4b4; font-size:14px; font-weight:400; transition: all 0.2s;}
	.foot_link li a:hover{color:#fff;}
    .foot_addr {width:1000px; font-size:13px; color:#848484; font-weight: 300;}
    .foot_addr span {font-size:13px; font-weight:400; margin-top:5px}

	/*family_site*/
	.family_site {position:absolute;display:block;top:55px; right:0;width:180px; height:40px;vertical-align:middle; background:none; border:1px solid #cdcdcd; border-radius:20px;}
	.family_site::after {position: absolute;top: 10px;right: 20px;width: 20px;height: 20px;content: '';background:url(../images/common/family_arrow02.webp) no-repeat 50% 50%; transition:transform 0.2s;}
	.family_site:hover::after {position: absolute;top: 10px;right: 20px;content: '';width: 20px;height: 20px;content: '';background:url(../images/common/family_arrow02.webp) no-repeat 50% 50%; transform: rotate(45deg);}
	.family_site * { margin:0; padding:0; cursor:pointer;font-size:14px;}
	.family_site .my_value {position:relative;z-index:2;top:-22px;left:0;overflow:visible;width:100%;height: 40px;padding: 0 40px 0 20px;text-align:left;letter-spacing: -0.02em;color: #cdcdcd;border: 0;background: none;}
	.family_site .my_value.selected {font-weight:400;}
	.family_site div.my_value {height:38px; text-indent:8px;}
	.family_site ul {position:absolute;bottom: 33px;left:0;overflow:hidden;width:100%;border: 1px solid #545d68;border-top: 0;  z-index:2}
	.family_site ul.a_list {display:none;}
	.family_site.open ul.a_list {display:block;}
	.family_site li {position:relative;  overflow:hidden; height:38px; white-space:nowrap;}
	.family_site li a {display:block; height:38px; padding-left: 20px;color:#b3b3b7; background:#2f2f2f; line-height:41px;}
	.family_site li.hover * {color:#fff;background:#1c71e8; }

	.scroll_top {position:absolute; bottom:35px; right:-100px;display:block; width:40px; height:40px; line-height:40px; text-align:center; border:1px solid #dad8d8; border-radius:5px; box-shadow:-2px 1px 10px 0px rgba(0,0,0,0.15);}

	/*** content ***/
	#container {position: relative; overflow-x: hidden;}
	.sub_visual_box {position: absolute;top: 60%;left:50%; transform: translate(-50%,-50%); text-align:center;}

	#top_area {position:relative;z-index: 996;width:100%;margin-top: 0px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background: #fff;}
	#top_area.top_fixed {position: fixed;z-index: 1102;top: 0;left: 0;margin-top:0;transition: all 0.4s ease;}
	.location_box .i_home {position: relative;display:block;float: left;width: 57px;text-indent:-9999px;height: 62px;text-align: center;background: url(../images/sub/i_home.webp) no-repeat 50% 50%;line-height: 52px;border:1px solid #dcdcdc; border-top:0; border-bottom:0;}

	/*sub visual*/
	.sub_visual {position: relative;padding-top: 10.3rem;height: 235px;color: rgba(255,255,255,0.67);background-color:#fdfdfd;font-weight:100;letter-spacing:-0.03rem;overflow:hidden;}
	.sub_visual .v_zoom {position: absolute;top: 0;bottom: 0; left: 0;width: 100%;height: 100%;transition: 1.5s;transform: scale(1.2);background-repeat: no-repeat;background-position: 50% 0;background-size: cover;}
	.sub_visual .v_zoom.on {transform: scale(1);}
	.sub_visual .v_zoom.bg0 {background-image: url(../images/sub/bg_subvisual06.webp);}
	.sub_visual .v_zoom.bg01 {background-image: url(../images/sub/bg_subvisual01.webp);}
	.sub_visual .v_zoom.bg02 {background-image: url(../images/sub/bg_subvisual02.webp);}
	.sub_visual .v_zoom.bg03 {background-image: url(../images/sub/bg_subvisual03.webp);}
	.sub_visual .v_zoom.bg04 {background-image: url(../images/sub/bg_subvisual04.webp);}
	.sub_visual .v_zoom.bg05 {background-image: url(../images/sub/bg_subvisual05.webp);}
	.sub_visual .v_zoom.bg06 {background-image: url(../images/sub/bg_subvisual06.webp);}
	.sub_visual .v_zoom.bg07 {background-image: url(../images/sub/bg_subvisual07.webp);}

	.sub_visual_box .visual_tit {position:relative;display:block;padding-top:50px;color: #fff;font-size:36px; text-align: center;}
	.sub_visual_box .visual_txt {letter-spacing: -1px;color: #adadae;font-size:17px;font-weight: 400;}
	.sub_visual_box .visual_txt strong {color:#65adec;font-weight: 600;}

	/*location */
	.location_area {position:relative;width:1400px;margin:0 auto;}
	.location_box {position:relative;z-index:5;width:100%;}
	.location_box .location_select {position:relative;display:block;float: left; min-width: 240px;vertical-align:middle;background:#fff;}
	.location_box .location_select * {margin:0; padding:0; cursor:pointer;font-size:14px;}
	.location_box .location_select .my_value {position:relative;z-index:2;top:0;left:0;overflow:visible;width:100%;height: 62px;padding: 0 40px 0 20px;text-align:left;letter-spacing: -0.8px;color: #3d3d3d;border-right:1px solid #dcdcdc;background:#fff url(../images/sub/bg_arrow.webp) no-repeat 90% 50%;font-size: 16px;font-weight: 300;line-height:38px;}
	.location_box .location_select .my_value.selected {font-weight:400;}
	.location_box .location_select div.my_value {height:38px; text-indent:8px;}
	.location_box .location_select ul {position:absolute;top: 62px;left:0;overflow:hidden;width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
	.location_box .location_select ul.a_list {display:none}
	.location_box .location_select.open ul.a_list {display:block}
	.location_box .location_select li {position:relative;  overflow:hidden; height:38px; white-space:nowrap;border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
	.location_box .location_select li input.option {position:absolute; width:100%; height:38px; line-height:41px;}
	.location_box .location_select li label {position:absolute; top:0; left:0; width:100%; height:18px; text-indent:8px;color:#666666; background:#f7f7f7 ; line-height:41px;}
	.location_box .location_select li a {display:block; height:38px; text-indent:20px;color:#3d3d3d; background:#fff ; line-height:41px;}
	.location_box .location_select li.hover * {color:#666666; background:#f4f4f4;}

    .mobile_only {display: none}

	/*tbl*/
    .table1 {border-top:1px solid #666666; border-right:1px solid #f0f0f0;}
    .table1 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:13px;}
    .table1 th {text-align:center; font-weight:500; color:#222; background-color:#f9f9f9; font-size:20px; border-bottom:1px solid #cccccc;padding:1.5% 0px;}
    .table1 td {border-left:1px solid #f0f0f0; font-size:18px; border-bottom:1px solid #f0f0f0;padding:2%; text-align: center; color:#555;line-height:180%;}
    .tb_left tr td, td.left {text-align: left; padding:2% 3%}
    .tb_left tr td b {text-align: center !important; display: block}
    
    /*ÄÁÅÙÃ÷*/
	
	#content {position: relative;width:100%; margin: 0 auto; padding-top:100px;}
    
    /*0101*/
    .top_pic {width:100%; min-height:580px; position: relative}
    .top_pic.mini {min-height:500px}
    .top_pic li img {border-radius:10px 0 10px 0}
    .top_pic li.text_box {position: absolute; top:150px; right:0; padding:70px 100px; width:880px; background:rgba(11,77,163,0.8); font-size:32px; color:#fff; z-index: 10; font-weight: 300; line-height: 50px; min-height:250px}
    .top_pic li:last-child::after {position: absolute; bottom:-110px; left:100px; width:2px; height:150px; background:#eecd06;content:''; z-index: 999}
    .introduce {word-break: keep-all}
    .introduce p {font-size:22px; color:#484848; font-weight: 300; line-height: 1.8; width:80%; margin:0 auto; }
    .introduce p.big {font-size:32px; font-weight:600; margin:3% 10%}
    
    
	.page_title {position: relative;padding-bottom: 60px;text-align: center;letter-spacing: -1px;color: #181818; font-size: 50px;font-weight: 700;line-height: 1.2;}
	.page_title .tit {position:relative; padding-bottom:40px; margin-bottom:40px}
    .page_title .tit::after {content:''; position: absolute; bottom:0; left:50%; margin-left:-18px; width:36px; height:2px; background:#0a4ca3; }
    .page_title .sub_tit {width:50%; margin:0 auto; display: block; font-size:22px; color:#565656; line-height: 32px; font-weight:300; word-break: keep-all}  
    
    .company{ position:relative; padding-top:10px;overflow:hidden;}
    .company li{position:relative; float:left; width:19.6%; padding:20px 0px; z-index:1; text-align:center;	border-left:1px solid #ddd; border-top:1px solid #ddd;}

	 
    .box02 {width:32%; float:left;  margin-right:1.5%; margin-bottom:2%;}
    .box02:hover {box-shadow: 5px 5px 0 0 #eee; transition: 0.3s all ease}
    .box02 dt {text-align: center; padding:5% 0; background:#0a4ca3; color:#fff; border-radius:10px 10px 0 0 ; font-size:24px; }
    .box02 dd {border:1px solid #eee; border-top:0; padding:8%; min-height:185px; font-size:17px; word-break: keep-all; text-align: center; color:#666; line-height:170%}
    .box02.no_margin {margin-right:0}
    .con .box02:last-child {margin-bottom:10%}

    
    .box02.list03 {width:32%; float:left;  margin-right:1.5%; margin-bottom:2%;border:1px solid #eee; border-top:0;  border-radius:10px 10px 0 0 ; min-height:330px}
    .box02.list03 dt {text-align: center; padding:5% 0; background:#0a4ca3; color:#fff; font-size:24px; margin-bottom:3%; border-radius:10px 10px 0 0 ; }
    .box02.list03 dd {font-size:17px; word-break: keep-all; color:#666; min-height:24px !important; border:0 !important; text-align:left; line-height:170%; padding:1% 3% 1% 8%; position:relative}
	.box02.list03 dd::before {clear:both; position: absolute; top:17px; left:22px; width:4px; height:4px; background:#618db6; content:''}
	.box02.list03 dd:last-child {margin-bottom:4%}
	.box02.list03.no_margin {margin-right:0}


    .con {width:1400px; margin:0 auto; position: relative; letter-spacing: -1px;}
    .con > div.map {padding-bottom:100px}
    .con > div > img {display: block; margin:0 auto; text-align: center;}
    
    .benefits {position: relative; background:#f8f8f8; width:100%; padding:8% 0;}
    .con h4 {position: relative; font-size:40px; line-height: 40px; color:#181818; font-weight: 600; padding-bottom:2%; margin-bottom:3%; letter-spacing: -1px;}
    .con h4::after {content:''; position: absolute; bottom:0; left:0; width:36px; height:2px; background:#0a4ca3; }
    .benefits ul {width:100%; position: relative; clear:both; padding:2% 0}
    .benefits ul::after {clear:both; content: ''; display: block;}
    .benefits ul > li {float:left; width:100%; letter-spacing: -1px;}
    .benefits ul li.number {width:162px; height:162px;}
    .benefits ul li.number > span {position: absolute; top:32px; left:16px; font-family: 'Montserrat'; color:#fff; font-size:20px;}
    .benefits ul li.txt {padding-left:40px; font-size:30px; line-height:36px color:#181818; font-weight: 600; margin-top:60px; width:80%;}
    .benefits ul li.txt > span {display: block; margin-top:5px; font-size:16px; color:#686868; font-weight: 300; line-height: 22px}
    .benefits ul li.txt.w_span2 {margin-top:40px}
    .benefits ul li.txt.w_span3 {margin-top:25px}
    .benefits ul li.txt.w_span4 {margin-top:10px}
    
    
    .icon_list{width:100%; height:160px; margin-bottom: 100px; position:relative}
	.icon_list::after {clear:both; content: ''; display: block;}
    .icon_list li{float:left; width:136px; height:138px; padding-top:20px; border:1px solid #d5d5d5; margin-left:20px; border-radius: 10px; font-size:16px; color:#181818; text-align: center; letter-spacing: -1px;}
    .icon_list li:first-child, .icon_list li:nth-child(10) {margin-left:0}
	.icon_list.ten li {width:125px; margin-left:15px}

    .icon_list li span {display: block; text-align: center; margin-bottom: 5px;}
    
    .gray {position: relative; background:#f9f9f9;}
    .gray.pbmore {padding-bottom:300px}
    .target li.number, .target li.txt {float:left}
    .target {position: relative; min-height:70px; clear:both;}
    .target li.number {position: relative; width:50px; margin-right:20px;}
    .target li.number span {position:absolute; top:12px; left:12px; font-family:'Montserrat'; font-size:20px;font-weight: 600; color:#fff;}
    .target li.txt {font-size:30px; font-weight:600; width:90%; margin-bottom:15px; margin-top:5px;}
    .lists {position: relative; padding:0;}
    .lists li::before {clear:both; position: absolute; top:13px; left:0; width:4px; height:4px; background:#618db6; content:''}
    .lists li {position: relative; width:100%; font-size:16px; color:#686868; line-height:28px; padding-left:15px; font-weight: 300;}
    .half {width:100%; position: relative; min-height:300px;}
    .half > .target {width:25%; float:left; margin-bottom: 30px; clear:none}
    .half::after {clear:both; display: block; width:100%;}
    
    .pd100_0 {padding:100px 0}
    .box01 {width:90%; padding:2% 5%; background:#ecf4fc; margin:1% 0; border:1px solid #d4e0f2}
    .box01 .lists li {color:#333; font-size:17px; line-height:2em}
    .box01 .lists li::before {top:16px;}
    
    .mb100 {margin-bottom:100px !important}
    .mb50 {margin-bottom: 50px !important}
    .mb10 {margin-bottom: 10px !important}
    .mt10 {margin-top:10px !important}
    
    .btns03 {display:flex; justify-content: center; min-height:60px; margin-bottom:80px;}
    .btns03::after {clear:both; content: ''}
    .btns03 li {justify-content: center; align-items: center; margin-right:10px;}
    .btns03 li.blue {background:linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); }
    .btns03 li.gray {background:#535353}
    .btns03 li.white {border:1px solid #bbb; background:#fff; color:#444; }
    .btns03 li.white a {color:#222; background:url('../images/main/i_arrow_b.webp') no-repeat 80% center; text-indent: 25px}
    .btns03 li a {display: block; width:180px; height:60px; text-align:left; text-indent: 40px; color:#fff; line-height:60px; background:url('../images/main/i_arrow_w.webp') no-repeat 80% center; transition: background 0.25s ease;}
    .btns03 li a:hover {background-position:90% center; animation-play-state:running; animation:0.6s infinite;}
    
    .con h5 {position: relative; font-size:30px;margin-bottom:10px; padding-left:20px;}
    .con h5::before {clear:both; position: absolute; top:18px; left:0; width:7px; height:7px; background:#618db6; content:''}
    .imgbox {margin-bottom:50px;}
    
    .bluebg {background:#f7fbff;}
    

    .box_icons{ position:relative; padding-top:10px;overflow:hidden; min-height: 310px;}
    .box_icons li {padding:30px 20px;width:265px; height:310px; margin-right:15px; margin-bottom: 15px; float:left; border:1px solid #e5e5e5;text-align:center;font-size:16px;color:#999;box-sizing: border-box; font-weight: 300; background:#fff; word-break: keep-all}
    .box_icons li span{font-size:22px;line-height:200%;color:#333; font-weight: 500; display: block;}
    .box_icons li p img {display: inline-block; text-align: center;}
    .box_icons li p.icon_size {height:130px; padding:25px 0;}
    
    
    .box_icons02 { position:relative; padding-top:10px;overflow:hidden; min-height: 310px;}
    .box_icons02 li {position:relative; padding:2.5% 3%;width:30%; height:380px; margin-right:15px; margin-bottom: 15px; float:left; border:1px solid #e5e5e5;text-align:center;font-size:16px;color:#999;box-sizing: border-box; font-weight: 300; background:#fff; word-break: keep-all}
    .box_icons02 li span{font-size:22px;line-height:200%;color:#333; font-weight: 500; display: block;}
    .box_icons02 li p img {display: inline-block; text-align: center; margin-bottom:2%}
    .box_icons02 li p.icon_size {height:130px; padding:25px 0;}
    .box_icons02 li .link_btn {position: absolute; bottom:10%; width:80%; text-align: center;}
    .box_icons02 li .link_btn a {width:150px; background:#fff; border:1px solid #eee; padding:3% 0; background:url('../images/main/i_arrow_b.webp') no-repeat 80% center; text-indent:-25%; display:inline-block; transition: background 0.25s ease;}
    .box_icons02 li .link_btn a:hover {background-position:85% center; animation-play-state:running; animation:0.6s infinite; border:1px solid #000; color:#000}
    .box_icons02 li .link_btn.two a:first-child {float:left;}
    .box_icons02 li .link_btn.two a:last-child {float:right;}
    

    .value {width:1200px; margin:0 auto}
    .value .box_list {position: relative;display: flex;justify-content: center;}
    .value .box_list:before {content: "";position: absolute;top: 0;left: 50%;width: 1px;height:100%;background: #d7deed;}
    .value .box_list + .box_list {padding-top: 50px;}
    .value .box_list .img-box {display: flex;width: 50%;justify-content: flex-end;padding-right: 100px;}
    .value .box_list .img-box .img {display: block;width:100%;height:300px;}

    .value .box_list .img-box .img.img-service-01 {background: url('../images/sub/sub0102_0101.webp') no-repeat right 0;}
    .value .box_list .img-box .img.img-service-02 {background: url('../images/sub/sub0102_0102.webp') no-repeat 0 0;}
    .value .box_list .img-box .img.img-service-03 {background: url('../images/sub/sub0102_0103.webp') no-repeat right 0;}
    .value .box_list .img-box .img.img-service-04 {background: url('../images/sub/sub0102_0104.webp') no-repeat 0 0;}
    .value .box_list .img-box .img.img-service-05 {background: url('../images/sub/sub0102_0105.webp') no-repeat right 0;}
    .value .box_list .img-box .img.img-service-06 {background: url('../images/sub/sub0102_0106.webp') no-repeat 0 0;}
    .value .box_list .txt-box {position: relative;width: 50%;display: flex;flex-flow: column wrap;justify-content: center;padding-left: 100px;text-align: left;}
    .value .box_list .txt-box .desc {font-size:18px; color:#888; font-weight: 300}
    .value .box_list .txt-box .num {font-family: "Montserrat";display: block;font-size: 60px;font-weight: 700; color: #0b4da3;line-height: 1;}
    .value .box_list .txt-box .title {font-size: 22px;font-weight: 500;line-height: 2.27; letter-spacing: -1.65px; margin-bottom: 0;}
    .value .box_list .txt-box:before {content: "";position: absolute;top: calc(50% - 16px);left: 0;width: 32px;height: 32px;background: #fff;border-radius: 100%;border: 1px solid #d7deed;transform: translate(-50%, -50%);}
    .value .box_list .txt-box:after {content: "";position: absolute;top: calc(50% - 16px);left: 0;width: 8px;height: 8px;background: #0039ba;border-radius: 100%;transform: translate(-50%, -50%);}
    .value .box_list:nth-child(even) {flex-direction: row-reverse;}
    .value .box_list:nth-child(even) .img-box {justify-content: flex-start;padding-right: 0;padding-left: 100px;}
    .value .box_list:nth-child(even) .txt-box {text-align: right;padding-right: 100px;padding-left: 0;}
    .value .box_list:nth-child(even) .txt-box:before {left: auto;right: -16px;transform: translate(0, -50%);}
    .value .box_list:nth-child(even) .txt-box:after {left: auto;right: -4px;transform: translate(0, -50%);}
    .value .box_list:nth-child(1):before {top: 50%;height: 50%;}
    .value .box_list:nth-last-child(1):before {top: 0;height: calc(50% + 40px);}
    .value .box_list:nth-last-child(1) .txt-box:before {top: 50%;transform: translate(0, -50%);}
    .value .box_list:nth-last-child(1) .txt-box:after {top: 50%;transform: translate(0, -50%);}
    
    .box_icon {width:100%; height:580px; padding:5%; background:#f9f9f9; border:1px solid #e5e5e5; margin-bottom:5%}
    .box_icon h5 {font-size:24px; text-align: center; background:#127cdf; width:30%; margin:0 auto; padding:15px 0; color:#fff; font-weight: 500; border-radius:30px; margin-bottom: 30px;}
    .box_icon h5::before {width:0; height:0;}
    .box_icon > p {font-size:20px; text-align: center;line-height: 1.6em}
    
    .icons02 {width:90%; margin:3% auto; position: relative; display: flex;justify-content: center; align-items: center;}
    .icons02 li {position: relative; width:250px; height: 250px; background:#fff; border-radius: 50%; box-shadow:2px 5px 15px 10px #eee; margin:0 6%; text-align: center; font-size:20px;}
    .icons02 li span {display: block; width:100%; height:120px;}
    .icons02 li span img {display: block; margin:60px auto 10px auto;}
    
    .route {width:100%; position: relative; min-height: 500px;}
    .route::after {clear:both;}
    .route li {float:left; position: relative; width:20%; margin-right:4%; margin-bottom: 3%; min-height:200px; background:#fff; border:1px solid #eee; text-align: center;}
    .route li::after {position: absolute; top:40%; right:-48px; width:40px; height:40px; background:url('../images/sub/arrow_next.webp') no-repeat center; content: "";}
    .route li:last-child::after {width:0}
    .route li span {position: absolute; top:-10px; left:-10px; width:40px; height:30px; background:#0a4ca3; text-align: center;; line-height: 30px; font-family: 'Montserrat'; color:#fff; font-size:18px;}
    .route li span::before {position: absolute; left:0;bottom:-10px;border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #bbb transparent transparent; content: ""}
    .route li p {width:80%; margin:0 auto; word-break: keep-all; margin-top:20px; color:#777}
    .route li p.tit {margin: 2% auto; padding:10% 0 5% 0; border-bottom: 1px solid #eee; font-size:20px; color:#222; font-weight: 500}
    
    .co_work {width:100%; border-top:2px solid #333}
    .co_work::after {clear:both; content: ''; display: table;}
    .co_work li {float:left; width:20%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; padding:2% 0}
    .co_work li.b_b {border-bottom:1px solid #ddd}
    .co_work li.b_r {border-right:1px solid #ddd}
    .co_work li:last-child, .co_work li.line {border-bottom:1px solid #ddd; border-right:1px solid #ddd}
    
    .to_sms {position: relative; height:400px; width:1400px;margin:0 auto; background:url('../images/sub/sub0506_bg.webp') no-repeat center; padding:6% 5%;}
    .to_sms h4 {position:relative; font-size:48px; color:#fff; font-weight: 300; padding-bottom: 3%; margin-bottom: 3%;}
    .to_sms h4::after {position: absolute; bottom:0; left:0; width:60px; height:3px; background:#eecd06; content: '';}
    .to_sms p {font-size:17px; color:#fff; font-weight: 300;}
    .to_sms a {position:absolute; bottom:15%; right:8%; width:300px; height:80px; text-indent: -20%; display: block; background:url('../images/main/i_arrow_b.webp') no-repeat 80% center #eecd06; line-height:80px; font-size: 20px; color:#000; text-align: center; transition: background 0.25s ease;}
    .to_sms a:hover {background-position:90% center; box-shadow:5px 5px 0 0 #fff; animation-play-state:running; animation:0.6s infinite;}
    
   }
/* ¾ÆÀÌÄÜ ¹Ú½º ³ôÀÌ ÅëÀÏ (PC/¸ð¹ÙÀÏ °øÅë) */
.box_icons li {
    height: 360px !important;      /* ±ÛÀÚ°¡ ¾È À߸®µµ·Ï ³Ë³ËÇÏ°Ô */
    box-sizing: border-box;
}

/* ¾ÆÀÌÄÜ µé¾î°¡´Â ºÎºÐÀº ±âÁ¸Ã³·³ À̹ÌÁö ¿µ¿ª¸¸ È®º¸ */
.box_icons li p.icon_size {
    height: 140px !important;      /* À§ ¾ÆÀÌÄÜ ¿µ¿ª °íÁ¤, ¾Æ·¡´Â ±ÛÀÚ ¿µ¿ª */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* È¿¼ºCMS ¾È³» »ó´Ü ¹Ú½º(À̹ÌÁö+ÆĶõ ¹è°æ) ³ôÀÌ º¸Á¤ */
.top_pic {
    min-height: 80vh !important;   /* ±âÁ¸ 54vh º¸´Ù Å©°Ô */
}

/* mini ¹öÀüµµ °°ÀÌ »ç¿ëÇÏ´Â °æ¿ì ¿©±âµµ ¿©À¯ ÀÖ°Ô */
.top_pic.mini {
    min-height: 70vh !important;
}2025-12-02
/* ¸ð¹ÙÀÏ¿¡¼­ È¿¼ºCMS ¾È³» »ó´Ü ¹Ú½º °ãħ ¹æÁö */

@media screen and (max-width: 768px) {
    .top_pic {
        min-height: auto !important;   /* ¸ð¹ÙÀÏ¿¡¼­´Â °íÁ¤ ³ôÀÌ ¾ø¾Ö°í */
        display: block;
    }

    .top_pic > li {
        float: none;
        width: 100%;                   /* À̹ÌÁö/ÅؽºÆ® ÇÑ ÁÙ¾¿ Àüü Æø »ç¿ë */
    }

    .top_pic li.text_box {
        position: static !important;   /* absolute ÇØÁ¦Çؼ­ ÀÚ¿¬½º·´°Ô ¾Æ·¡·Î È帣°Ô */
        padding: 24px 18px;            /* ¿©¹é¸¸ Á¶±Ý ÁÖ°í */
        box-sizing: border-box;
    }
}

.page_title {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
}

.page_sub_title {
    font-size: 22px;
    color: #555;
    text-align: center;
    line-height: 1.6;
    margin: 0 auto 40px;  /* ¡ç ¿©±â¼­ °¡¿îµ¥ Á¤·ÄµÊ */
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 900px;
    display: block;       /* Ȥ½Ã inline ÀÌ¸é ¹®Á¦ »ý±è ¡æ ¸í½ÃÀûÀ¸·Î block ¼±¾ð */
    word-break: keep-all; /* ´Ü¾î ±úÁü ¹æÁö */
}
/* ¸ð¹ÙÀÏ °³¼± */
@media screen and (max-width:768px) {
    .page_title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .page_sub_title {
        font-size: 15px;
        padding: 0 16px;
    }
}