@charset "utf-8";
/* CSS Document */
/*layout s*/
#wrap { position:relative; width:100%; min-width:280px; }
#top_layout { position:relative; width:100%; height:9.5rem; border-bottom:#596377 solid 1px; }
#top_layout #top_wrap { position:relative; width:140rem; height:9.5rem; margin:0 auto; }
#top_layout #top_wrap .logo { position:absolute; top:2.5rem; left:0; z-index:103; }
#gnb_layout { position: absolute; top:0; width: 100%; left: 0; z-index:102;}
#gnb_layout ul {position:relative;padding: 0px 26rem 0 23rem;text-align: center; }
#gnb_layout ul > li { display:inline-block; margin:0 -2px;vertical-align:top; }
#gnb_layout ul > li a { position:relative; display:block; height:100% ;padding: 0 6rem 0; line-height: 95px; font-size:2.1rem; font-weight:500; letter-spacing:-1px; transition: all .3s; text-align:center;}
#gnb_layout ul > li a:after{content:''; position:absolute; right:15px; width:calc(100% - 30px); margin-left:17px; height:3px; background-color:transparent; bottom:0; border-radius:3px; transition:all .4s; max-width:0;}
#gnb_layout > ul > li > a:hover::after,
#gnb_layout > ul > li > a:focus::after,
#gnb_layout > ul > li > a.active::after,
#gnb_layout > ul > li > a.current::after{max-width:100%; background-color:#2c3b66; left:0; right:auto; }
#gnb_layout > ul > li > a:hover,
#gnb_layout > ul > li > a:focus,
#gnb_layout > ul > li > a.active,
#gnb_layout > ul > li > a.current{color:#2d64b4; outline:none;}
/* 23-03-24 환수 메뉴 추가로 인한 넓이 조절 */
#gnb_layout .subgnb{ position: absolute; left:-7rem; top: 9.5rem; width: 100%; text-align: center;}
/*
#gnb_layout .subgnb{ position: absolute; left:1rem; top: 9.5rem; width: 100%; text-align: center;}
*/
#gnb_layout .subgnb > ul { width:190px; position: relative; z-index: 105; padding: 20px 0 30px; }
#gnb_layout .subgnb > ul:after{content:''; position:absolute; top:2.5rem; right:0; width:1px; height:23.5rem; background-color:#ddd;}
#gnb_layout .subgnb > ul li { display:block; }
#gnb_layout .subgnb > ul li a {line-height:2; font-size:1.7rem; font-weight:400; padding:0 0 0 0.3rem; margin:0 1rem; }
#gnb_layout .subgnb > ul > li a:hover,
#gnb_layout .subgnb > ul > li a:focus{ color:#27589f; font-weight:500; }
#gnb_layout .subgnb > ul > li span.num { font-size:1.4rem; background:#e6e8ed; font-weight:400; border-radius:2rem; padding:0.2rem 1rem; margin-right:0.3rem; color:#3a3a3a;}
#gnb_layout .subgnb > ul > li a:hover span.num,
#gnb_layout .subgnb > ul > li a:active span.num,
#gnb_layout .subgnb > ul > li a:current span.num,
#gnb_layout .subgnb > ul > li a:focus span.num { font-weight:400; color:#3a3a3a; }
#gnb_layout > ul > li:nth-child(1) .subgnb > ul { margin-left: calc(78% - 1400px / 2); }
#gnb_layout > ul > li:nth-child(2) .subgnb > ul { margin-left: calc(78% - 1400px / 2 + 190px); }
#gnb_layout > ul > li:nth-child(3) .subgnb > ul { margin-left: calc(78% - 1400px / 2 + 190px + 190px); }
#gnb_layout > ul > li:nth-child(4) .subgnb > ul { margin-left: calc(78% - 1400px / 2 + 190px + 190px + 190px);}
#top_layout .bg_layout { position:relative; background:#fff; z-index:101; box-shadow:5px 5px 5px rgb(0 0 0 / 30%);}
#top_layout .bg_layout:after { display: block; content: ""; width:25%; height:5.5rem; background:#092f70; position: absolute; left:0; bottom:0;}
#top_layout .bg_layout:before { display: block; content: ""; width:25%; height:28rem; background:#153b7c; position: absolute; left:0; top:0;}
#top_layout .bg_wrap {position:relative; width:140rem; margin:0 auto; height:28rem; z-index:1; display: block; }
/* 23-03-24 환수 메뉴 추가로 인한 넓이 조절
#top_layout .bg_wrap .bg_inner { position:absolute; left:0; height:28rem; width:28.5%; z-index:1; display: block; background:#153b7c;}
*/
#top_layout .bg_wrap .bg_inner { position:absolute; left:0; height:28rem; width:17.5%; z-index:1; display: block; background:#153b7c;}
#top_layout .bg_wrap .bg_inner:before { display: block; content: ""; width:100%; height:5.5rem; background:#092f70; position: absolute; left:0; bottom:0;}
#top_layout .bg_wrap .bg_txt { position:absolute; top:20%; left:calc(40% - 8rem); color:#fff; font-size:18px; font-weight:400; text-align:left; width:22rem; height:20rem; padding-top:10rem; padding-left:2rem;}
#top_layout .bg_wrap .bg_txt:before { display: block; position: absolute; left:0; top:0; content: ""; width:100%; height:8.5rem; background:url(../img/bg_dropmn.png) no-repeat left top; }
#shadow_device { display:none; }
#utile_layout { position: absolute; top:0; right:10rem; z-index:103; }
#utile_layout .user_wrap { z-index:10;}
#utile_layout .user_wrap ul { position:relative;padding:4rem 1rem 2.5rem 1rem; }
#utile_layout .user_wrap ul li { display:inline-block; margin-right:0.5rem; padding-left:0.5rem;vertical-align:bottom; }
#utile_layout .user_wrap ul li .userinfo {position:relative; font-size:1.4rem; padding:0.4rem 1.5rem 0.4rem 2.5rem; vertical-align:bottom; font-weight:500; }
#utile_layout .user_wrap ul li .userinfo:before{ content:""; display:block; position:absolute; top:0.2rem; left:0; width:22px; height:22px; border-radius:0.2rem; background: url(../img/bg_userinfo.png) no-repeat center center; background-color:#d5d9e5;}
#utile_layout .user_wrap ul li .userinfo em { color:#004697; text-decoration:underline; font-weight:700; }
#utile_layout .user_wrap ul li .userlogin {position:relative; font-size:1.4rem; padding:0.4rem 1.5rem 0.4rem 2.5rem; vertical-align:bottom; font-weight:500; }
#utile_layout .user_wrap ul li .userlogin:before{ content:""; display:block; position:absolute; top:0.2rem; left:0; width:22px; height:22px; border-radius:50%; background: url(../img/bg_userlogin.png) no-repeat center center; background-color:#d5d9e5;}
#utile_layout .user_wrap ul li button { vertical-align:bottom; color:#606060; font-size:1.4rem; font-weight:500; color:#333; }
#utile_layout .user_wrap ul li .userinfo:after { content:""; display:block; position:absolute; top:0.1rem; right:0; width:1px; height:22px; background:url(../img/bg_userbtn.png) no-repeat center center; }
#allmenu_layout { position: absolute; top:0; right:0; z-index:103; }
#allmenu_layout .menu_wrap { position:relative; width:8.5rem; vertical-align:top; z-index:10;}
#allmenu_layout .menu_wrap:after{content:''; position:absolute; left:0; width:1px; height:9.3rem; background:#ededed; display:block;}
#allmenu_layout .menu_wrap:before{content:''; position:absolute; right:0; width:1px; height:9.3rem; background:#ededed; display:block;}
#allmenu_layout .pc-sitemap {position:absolute; right:3rem; top:4.0rem; z-index: 20;}
#allmenu_layout .pc-sitemap a {display:block; width:28px; height:15px; background:url(../img/sidemenu.png) no-repeat;}
#allmenu_layout .mo-gnbbtn { position:absolute; right:3rem; top:4.0rem; z-index: 20; display:none; transition: all .3s; }
#allmenu_layout .mo-gnbbtn a {display:block; width:28px; height:19px; background:url(../img/sidemenu.png) no-repeat; }
#allmenu_layout .mo-gnbclose { position:absolute; right:3.2rem; top:4.2rem; z-index: 20; display:none; transition: all .3s; }
#allmenu_layout .mo-gnbclose a {display:block; width:18px; height:18px; background:url(../img/btn_momn_clo.png) no-repeat; }
.popup_show .top_popup { margin-top: 0;}
.top_popup {overflow: hidden; position: relative; z-index: 30; height: 80px; background-color: #e7f9f9; transition-duration: 0.25s; transition-timing-function: linear; transition-property:margin-top; text-align: center; margin-top: -80px;}
.top_popup_inner { position: relative; width:140rem; margin:0 auto;display: flex; align-items: center;height: 80px;}
.top_popup_inner div { display: flex; font-size: 1.8rem; }
.top_popup_inner .top_pop_tit { background: #00727c url("../img/top_pop_ico01.png") no-repeat 1.5rem center; border-radius: 15rem; padding:0.8rem 3rem 0.8rem 6rem; font-weight: 400; letter-spacing: 0;}
.top_popup_inner .top_pop_tit span.title { color: #6bf3ff; margin-right: 1rem;}
.top_popup_inner .top_pop_tit span { color:#fff;}
.top_popup_inner .top_pop_txt { color:#666; margin-left: 2rem; }
.top_popup_inner .top_pop_btn { position: absolute; right: 0; }
.top_popup_inner .top_pop_btn .left_check { font-size:1.5rem; margin-top: 1rem; }
.top_popup_inner .top_pop_btnclose { background: #00727c url("../img/top_pop_close.png") no-repeat center center; border-radius: 50%; width: 3.2rem; height: 3.2rem; margin-left: 1rem;vertical-align: middle;}
.top_popup_inner .top_pop_btnclose span {font-size:0; }
/*메인이미지 영역*/
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container .swiper-slide { height: 480px; }
.swiper-wrapper .swiper-slide-active .main_txt {position:relative; width: 130rem; margin:0 auto; z-index:90; animation:mainVisual 1s backwards; animation-delay:0.5s; color:#fff; line-height:1.2; text-align:left;}
.swiper-wrapper .main_txt .subtitle { font-size:2.2rem; font-weight:400;}
.swiper-wrapper .main_txt .maintitle { display:block; font-size:3.8rem; font-weight:600; margin:0.5rem 0; font-family:'SCDream'; }
.swiper-wrapper .btn { margin-top:1rem; width:150px; }
.swiper-wrapper .main_txt.alL { margin-left:48%; }
.swiper-wrapper .main_txt.alR { margin-left:auto; }
.swiper-wrapper .visual01 { background:url(../img/main_visual02_back.png) no-repeat; background-size:cover; }
.swiper-wrapper .visual01:after { content:""; display:block; position:absolute; bottom:0; left:15%; width:600px; height:480px; background:url(../img/main_visual02_img.png) no-repeat; background-position:right bottom; }
.swiper-wrapper .visual02 { background:url(../img/main_visual01_back.png) no-repeat; background-size:cover; }
.swiper-wrapper .visual02:after { content:""; display:block; position:absolute; bottom:0; right:10%; width:600px; height:480px; background:url(../img/main_visual01_img.png) no-repeat; background-position:right bottom; }
.swiper-wrapper .visual03 { background:url(../img/main_visual03_back.png) no-repeat; background-size:cover; }
.swiper-wrapper .visual03:after { content:""; display:block; position:absolute; bottom:0; left:15%; width:600px; height:480px; background:url(../img/main_visual03_img.png) no-repeat; background-position:right bottom; }
.swiper-container .swiper-btn { bottom: 13px; left:70px; width: 100%;position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;}
.main_content_wrap { position:relative; width:100%; padding:8rem 0; background:#e8f1fe; }
.main_content { position:relative; width:140rem; margin:0 auto; }
.main_content .main_banner { display:inline-block; width:94.5rem; vertical-align:top;}
.banner_title { font-size: 2.4rem; font-weight: 700; margin-bottom: 1rem; }
.ul_banner { position:relative; display:flex; flex-direction:row; justify-content:space-between; width:89rem; }
.ul_banner li { position:relative;display:block; width:26rem; }
.ul_banner li a {position:relative; display:block; background:#fff;border-radius:2rem; height:14rem; padding:2.5rem 3rem;box-shadow:rgba(63, 77, 94, 0.2) 6px 10px 20px;}
.ul_banner li a:hover { color:#333; }
.ul_banner li .bn_title01 { font-size:2.2rem; color:#333; font-weight:400; color: #0a213f; }
.ul_banner li .bn_title02 { font-size:1.5rem; color:#7d7d7d; font-weight:500; margin-bottom:1rem; }
.ul_banner li .bn_title03 {position: absolute; min-width: 22px; bottom: 27px; display: inline-block; padding-right:20px; left:0; height:30px; overflow:hidden; white-space:nowrap; margin-left:30px; white-space:nowrap; text-align:left;}
.ul_banner li .bn_title03 .i_txt { position:relative; width:0;overflow:hidden; font-size:16px;opacity:0;transition:all 0.3s ease; display:inline-block; vertical-align:middle; }
.ul_banner li .bn_title03:after { position:absolute; display:block; right:0; top:4px; content:''; background:url(../img/bg_bn_go.png) no-repeat right center; width:28px; height:6px; }
.ul_banner li a:hover .bn_title03 .i_txt { width:4.2em; opacity:1; }
.ul_banner li a:before {display:block; content:''; width:80px; height:80px; border-radius:50%; position:absolute; right:10%; bottom:20px; z-index:105; }
.ul_banner li a.ico01:before { background:#f2f4f7 url(../img/bg_banner01.png) no-repeat 50% 50%; }
.ul_banner li a.ico02:before { background:#f2f4f7 url(../img/bg_banner02.png) no-repeat 50% 50%; }
.ul_banner li a.ico03:before { background:#f2f4f7 url(../img/bg_banner03.png) no-repeat 50% 50%; }
.ul_banner li a.ico04:before { background:#f2f4f7 url(../img/bg_banner04.png) no-repeat 50% 50%; }
.ul_banner li a:hover:before {animation:bounce .25s ease 4 alternate;}
.main_content .main_notice { display:inline-block; width:40rem; position:relative; margin-left:5rem; }
.main_notice .noti_title { font-size:2.4rem; font-weight:700; }
.main_notice ul {padding: 1rem 0;}
.main_notice ul li {position:relative;margin: 0.5rem 0 0.7rem 0;padding: 0 105px 0 1.1rem;}
.main_notice ul li:first-child {margin:0 0 1.5rem;padding: 0px 0 0px 85px;border-bottom:1px dashed #ccc;}
.main_notice ul li:first-child:after {display:none;}
.main_notice ul li:first-child strong{font-weight:500;font-size:1.8rem;}
.main_notice ul li:first-child p{display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:38px; margin:0 0 15px 0;font-size:1.4rem; color:#555; line-height:1.4}
.main_notice ul li:first-child .date {position:absolute;left:0;top:0;width:67px;height:67px;padding: 35px 0 0; background:#fff; border-radius:50%;text-align:center; box-shadow:rgb(63 77 94 / 10%) 6px 6px 8px}
.main_notice ul li:first-child .date em { font-size:14px;}
.main_notice ul li:first-child .date em.yy:after {display:inline-block;content:'.'}
.main_notice ul li:first-child .date em.mm:after {display:none;}
.main_notice ul li:first-child .date em.dd {display:block;width: 67px;position:absolute;left:0;top:10px; text-align:center;font-weight:700;font-size:2.4rem;line-height: 1.2; color:#333333;}
.main_notice ul li:first-child .new {top:2px;}
.main_notice ul li:after {display:block; position:absolute; left:5px; top:8px; width:3px; height:3px; border-radius:50%; background:#b0b0b0; content:'';}
.main_notice ul li a {display:block; width:100%;}
.main_notice ul li a:hover,
.main_notice ul li a:focus {text-decoration:underline;}
.main_notice ul li strong { display:block; overflow:hidden; width:100%; line-height:1.4; font-size:1.6rem; color:#333; font-weight:400; text-overflow: ellipsis; white-space: nowrap;}
.main_notice ul li p {display:none;}
.main_notice ul li .name { display:block; position:absolute; right:120px; top:0;line-height:1.4; color:#333; font-size: 1.5rem;}
.main_notice ul li .date { display:block; position:absolute; right:0; top:0; line-height:1.4; color:#7c7c7c; font-size: 1.5rem;}
.main_notice ul li .date em {}
.main_notice ul li .date em.yy:after,
.main_notice ul li .date em.mm:after { display:inline-block; content:'-';}
.main_notice ul li .new { display:block; position:absolute; left:0; z-index:1;width:15px; height:15px; line-height:1.4; border-radius:50%;background:#f86d00; text-align:center; color:#fff; font-size:1.1rem;}
.main_notice ul li .new em { padding-right:0.2rem;}
.main_notice .more_btn {position:absolute;top:0; right:0;margin:0;}
.main_notice .more {width:32px; height:32px;display:block;overflow: hidden;position:absolute;top:0;right:0;border:0;font-size:0;}
.main_notice .more:before {width: calc(100%/2);height: 2px;background: #818181;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main_notice .more:after {width: 2px;height: calc(100%/2);background: #818181;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main_notice .more:hover:before,
.main_notice .more:hover:after,
.main_notice .more:focus:before,
.main_notice .more:focus:after {animation: spin 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}
#svisual_layout { position: relative; background:#f5f4fa; padding:4.5rem 0 5rem 0; text-align: center; overflow:hidden;}
#svisual_layout:after{ content:""; display:block; position:absolute; top:0; left:10%; z-index:0; background:url(../img/bg_svisual01.png)left top no-repeat; width:608px; height:176px; }
#svisual_layout:before{ content:""; display:block; position:absolute; top:0; right:10%; z-index:10; background:url(../img/bg_svisual02.png) right top no-repeat; width:431px; height:175px; }
#svisual_layout .svisual_wrap { position:relative; width:140rem; margin:0 auto; z-index:10; }
#svisual_layout .svisual_wrap h2 { color:#000116; font-size:3.8rem; font-weight:400; animation:subVisual 1s backwards; animation-delay:0.5s;}
#svisual_layout .svisual_wrap .path { position:relative; z-index:100; }
#svisual_layout .svisual_wrap .path li { display:inline-block; vertical-align:middle; position:relative; margin:0 1rem; padding-top:0.3rem;}
#svisual_layout .svisual_wrap .path li a { display:block;}
#svisual_layout .svisual_wrap .path li.home a { display:block; background:url(../img/ico_home.png) no-repeat left top; width:2.4rem; height:2.4rem; font-size:0; }
#svisual_layout .svisual_wrap .path li:after {display:block;position:absolute;top: 47%;right: -11px;width: 6px;height: 6px;border:solid;border-width:1px 1px 0 0;border-color: #a2a2a2;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#svisual_layout .svisual_wrap .path li:last-child:after {display:none;}
#svisual_layout .svisual_wrap .path li a:hover,#svisual_layout .svisual_wrap .path li a:focus { font-weight: normal; }
#body_layout { position:relative; width:100%; height:100%; }
#body_layout .body_wrap { position:relative; max-width:140rem; margin: 0 auto; height:100%;}
#body_layout .body_wrap:after{content:""; display: block;clear:both;}
#footer_layout { position:relative; width:100%; height:14rem; }
#footer_layout .footer_link_wrap { position:relative; width:100%; border-top:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; }
#footer_layout .footer_link { position:relative; width:140rem; margin:0 auto; padding-top:0.5rem; }
#footer_layout .footer_link .ul_footlink { text-align:center; padding:2.5rem 0;}
#footer_layout .footer_link .ul_footlink li { display:inline-block; margin-right:3rem; position:relative; padding-left:3rem; line-height:1.5;}
#footer_layout .footer_link .ul_footlink li:before { content:''; position:absolute; top:calc(50% - 3px); left:0; display:block; width:3px; height:3px; border-radius:50%; background:#c4c4c4; }
#footer_layout .footer_link .ul_footlink li:first-child:before { display:none; }
#footer_layout .footer_wrap { position:relative; width:140rem; height:14rem; margin:0 auto; }
#footer_layout .footer_wrap .copy { color:#666; font-size:1.6rem; padding:5rem 1rem 1rem 30rem; }
#footer_layout .footer_wrap .copy .sub_txt { font-size:1.4rem; margin-top:0.5rem; color:#828282; }
#footer_layout .footer_wrap .logo { position:absolute; left:0; top:5rem; }
.quick_wrap {display: inline-block; position:fixed; bottom: 50px; right: 5%; width: 15%; max-width:128px; min-width: 100px; border-radius: 50%; border:0; z-index:10000; -webkit-transition: all .3s; transition: all .3s;}
.lnb_layout {display: block;position:relative;top: 0;z-index: 1;float:left;width: 24rem;min-height: auto;margin:-115px 0 50px;}
.lnb_layout:after{content:""; display: block;clear:both;}
.lnb_title { display:block;position:relative; padding:7rem 0 6.2rem 0; border-radius:0 4rem 0 0; background:#0056b3; text-align:center; z-index:10; }
.lnb_title strong { position:relative; display:inline-block; font-size:2.6rem; color:#ffffff; font-weight:400; }
.lnb_title strong:before {display:block;content:""; position:absolute; bottom:-0.5rem; left:-0.5rem; z-index:-1; border-radius:0.5rem; width:100%; height:2rem; padding-right:0.7rem; padding-left:0.5rem; background-color:#044d9b;}
.lnb_wrap { margin:0 auto;width:24rem; margin-top:0.5rem;}
.lnb_wrap > li {border: 1px solid #cccccc; border-radius:0.4rem; margin-bottom:0.5rem; overflow: hidden;}
.lnb_wrap > li > a { display:block; padding: 2rem 3.5rem 2rem 2.0rem; font-size: 1.7rem; font-weight:400; color: #444; line-height: 1.7rem;}
.lnb_wrap > li:hover, .lnb_wrap > li:focus, .lnb_wrap > li:active, .lnb_wrap > li.open, .lnb_wrap > li.on {border-color:#112f58 !important;}
.lnb_wrap > li > a:hover,
.lnb_wrap > li > a:focus,
.lnb_wrap > li > a:active{ background-color:#fff; color:#112f58; text-decoration:none;}
.lnb_wrap > li.on a { position:relative; background:#092f70; color:#fff; }
.lnb_wrap > li.on a:before{position:absolute; top:2rem; right:1.5rem; display:block; width:0.7rem; height:1.1rem; background:url(../img/bu01.png) no-repeat left top; content:''; }
#contents {position:relative;float:right;width: calc(100% - 29rem); padding-top:5rem; height:100%; padding-bottom:10rem; min-height: 55rem;}
#contents:after {content:""; display: block;clear:both; }
/*
#contents h3 { font-size:2.2rem; color:#3d3d3d; font-weight:500; margin-bottom:1rem; }*/
#contents h1 { font-size:2.2rem; font-weight:700; margin-bottom:1rem;}
#contents h1.lg { font-size:2.5rem; font-weight:500; }
#contents h2 { font-size:1.8rem; font-weight:500; }
#contents h3 { font-size:1.6rem; font-weight:500; color:#222; }
#contents h3.h3dot { vertical-align:middle; font-size: 1.6rem; position: relative; padding-left: 8px; color:#555;}
#contents h3.h3dot:after {display:block;content:''; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#bebebe; }
.topinfo_wrap { position:relative; border-radius:0.5rem; padding:0.7rem; position:relative; margin-bottom:5rem; border:1px dotted #b6b6b6;border-radius: 8px;}
.topinfo_wrap:before {display:block;position: absolute;top: -2px;left: -2px;width: 26%;height: 17%; min-height:7rem; background:#fff;border-radius: 8px 0 0 0; content:"";}
.topinfo_wrap:after { display:block;position: absolute;top: -2px;left: -2px;width: 24%;height: 16%; min-height:5rem;border-top: 5px solid #42bda4;border-left: 5px solid #42bda4;border-radius: 8px 0 0 0; content:"";}
.topinfo_box { position:relative;display:inline-block; width:100%; background:#fff; border-radius:0.5rem; padding:3rem 2rem 2rem 20rem; z-index:90; min-height:11rem; }
.topinfo_box .infotitle { font-size:1.8rem; color:#044d9b; font-weight:700; }
.topinfo_box ul { margin-top:0.5rem; }
.topinfo_box ul li { position:relative; font-size:1.6rem; padding-left:1rem; line-height:1.3;}
.topinfo_box ul li:before { position: absolute; top:0.8rem; left:0; width:0.3rem; height:0.3rem; background:#9f9f9f; border-radius:50%; content:""; }
.topinfo_box ul li .infobold { color:#1a957c; text-decoration:underline; }
.topinfo_box.ico01 { position:relative; }
.topinfo_box.ico01:before { position:absolute; content:""; top:3.5rem; left:8rem; width:9rem; height:6.5rem; background:url(../img/ico_topinfo01.png) no-repeat; z-index:10; }
.topinfo_box.ico01:after {position:absolute; content:""; top:2rem; left:6rem; width:8rem; height:8rem; background:#f6f8f9; border-radius:50%;}
.list_wrap{ position:relative; margin-top:5rem; }
.list_wrap ul li {position:relative; }
.list_wrap ul li:first-child { border-top:#606166 solid 1px; }
.list_wrap ul li.active { border:1px solid #333; transition: all .3s; }
.list_wrap ul li.active .title_row { border-bottom:none; }
.list_wrap ul li.active .answer_row:before { content:''; position:absolute; left:2rem; top:0; width:calc(100% - 4rem); border-top:#a9a9a9 dotted 1px;}
.list_wrap ul li .title_row { border-bottom:1px solid #dcdee2; }
.list_wrap ul li .title_row a { display:block; }
.list_wrap ul li .title_row a > p { display:inline-block;padding:2rem 0 ;}
.list_wrap ul li .title_row a > p.title { padding-left:4rem; font-size:2rem; color:#111; font-weight:500; vertical-align:middle; }
.list_wrap ul li .title_row a > p.title > span.detail_num { font-size:1.4rem; color:#636892; font-weight:700; background:#f4fbff; border:#596c88 solid 1px; border-radius:2rem; padding:0.2rem 1rem 0.1rem 0.7rem; vertical-align:middle; margin-left:0.5rem;}
.list_wrap ul li .title_row a > p.title > span.detail_num em { margin-right:0.2rem; }
.list_wrap ul li .title_row .title:before { content:''; position:absolute; right:2.8rem; top:2.5rem; width:1.7rem; height:1.7rem; background:url(../img/bg_list_p.png) no-repeat; display:block; }
.list_wrap ul li .title_row .title:after { content:''; position:absolute; left:2.2rem; top:3rem; width:1rem; height:0.4rem; border-radius:0.5rem; background:#dadce1;}
.list_wrap ul li .answer_row { position:relative; padding:2rem; display:none; }
.list_wrap ul li .answer_row .answer_top { position:relative; margin-bottom:0.2rem; }
.list_wrap ul li .answer_row .answer_top:after {content:""; display: block;clear:both; }
.list_wrap ul li .answer_row .answer_top .answer_title { float:left; padding-top:1.2rem; font-weight:500; font-size:1.7rem; color:#222;}
.list_wrap ul li .answer_row .answer_top .right_btn { float:right;}
.list_wrap ul li .answer_row .answer_top .right_btn p { display:inline-block; }
.list_wrap ul li .answer_row .bank_txt { background:#667882; border:#22353c solid 1px; border-radius:0.3rem; color:#fff; padding:0.2rem 0.5rem; font-size:1.4rem; font-weight:500; margin-right:0.5rem;}
.list_wrap .right_btn { display:block; text-align:right; }
.balloon_wrap { position: absolute; left: 15rem; background: linear-gradient(120deg,#5984c2,#73b9d1 ); border-radius: 1rem; width: 20rem; padding: 0.3rem; z-index: 10; box-shadow:5px 5px 5px rgb(0 0 0 / 20%); margin-top: -4rem;}
.balloon_wrap .balloon_inner { background: #fff; border-radius: 0.8rem; padding: 1.5rem;}
.balloon_wrap ul li:first-child {border-top: none;}
.paper_wrap { position:relative; margin-top:8rem; display:flex; flex-flow: row wrap; align-content:flex-start;}
.paper_wrap .item { display:block; width:calc(33.3% - 2rem); margin:0 1rem 5rem 1rem; border: 0.7rem solid #eaeaea; border-radius: 1.7rem; vertical-align:top; box-shadow:5px 5px 5px rgb(0 0 0 / 30%); }
.paper_wrap .item .con { position:relative; padding:3rem 0.5rem 2rem 1rem; }
.paper_wrap .item .con .inner {position:relative; min-height:25.5rem; text-align:center; margin-bottom:1.8rem;border-bottom:#d3d3d3 dashed 1px;}
.paper_wrap .paper_title { position:relative; font-size:2.3rem; text-align:center; display:inline-block; margin-bottom:2rem; }
.paper_wrap .paper_title span { color:#27589f; font-weight:500; }
.paper_wrap .paper_title span:before { content:''; position:absolute; left:0; bottom:-3px; width:100%; border-bottom:#27589f solid 3px; border-radius:0.5rem;}
.paper_wrap .paper_title_two { position:relative; font-size:2.3rem; text-align:center; display:inline-block; margin-bottom:2rem; }
.paper_wrap .paper_title_two span { color:#14839f; font-weight:500; }
.paper_wrap .paper_title_two span:before { content:''; position:absolute; left:0; bottom:-3px; width:100%; border-bottom:#14839f solid 3px; border-radius:0.5rem;}
.paper_wrap .paper_ul { position:relative; text-align:left; }
.paper_wrap .paper_ul li { position:relative; padding-left:0.7rem; line-height:1.5; }
.paper_wrap .paper_ul li:before { position: absolute; top:0.9rem; left:0; width:0.3rem; height:0.3rem; background:#9f9f9f; border-radius:50%; content:""; }
.paper_wrap .busi_left { position:relative; display:inline-block; vertical-align:top; }
.paper_wrap .busi_right { position:relative; display:inline-block; margin-top:0.3rem; }
.paper_wrap .busi_right li { padding-left:0.3rem; line-height:1.2; color:#000; margin-bottom:0.3rem; }
.paper_wrap .busi_right li:before { display:none; }
.paper_wrap .busi_right li .type { font-size:1.4rem; display:block; color:#777; }
.fake_wrap { position: relative; width: 100%; margin-bottom: 3rem;}
.fake_wrap .fake_inner { position: relative; width: 100%; background: #eaf5fb; border-radius: 0.5rem; padding:7rem 4rem;}
.fake_wrap .fake_inner:before { content: ''; position: absolute; right: 4.5rem; top: 1.5rem; width: 17.2rem; height: 13.9rem; background: url("../img/img02_02_1.png") no-repeat right 50%;}
.fake_wrap .fake_title { font-size: 2rem; }
.fake_wrap .fake_title span { font-size: 2.4rem; font-weight: 700; color: #ca3c3c;}
.error_wrap { position: relative; width: 100%; }
.error_wrap .error_inner { position: relative; width: 100%; background: #fff; border:#dddddd solid 1px; border-radius: 1rem; padding:4rem 2rem;}
.error_wrap .error_inner.icon01 { position: relative; }
.error_wrap .error_inner.icon01:before {content: ''; position: absolute; left:calc( 50% - 7rem ); top: 5rem; width: 14rem; height: 14rem; border-radius: 50%; background: #f8f8f8 url("../img/img_error.png") no-repeat center center; }
.error_wrap .error_title { text-align: center; font-size: 2.2rem; font-weight: 700; padding-top: 16rem;}
.error_wrap .error_title span {font-weight: 400; color: #888; }
.login_wrap { position:relative; margin-top:8rem; }
.login_wrap .item { display:inline-block; width:calc(33.3% - 3.2rem); height: 38rem; margin:0 1.5rem 5rem 1.5rem; border: 0.1rem solid #c3c3c3; border-radius: 1.5rem; vertical-align:top; }
.login_wrap .item .con { padding:3rem 3rem; }
.login_wrap .item .con .inner {position:relative; min-height:23rem; text-align:center; margin-bottom:2rem;}
.login_wrap .login_title { position:relative; font-size:2.2rem; font-weight:700; padding-top:14rem; }
.login_wrap .login_subtitle { font-size:1.6rem; color:#666; margin:0.2rem 0 0.5rem 0; }
.login_wrap .login_title:before {content:''; position:absolute; left:calc(50% - 4.5rem); top:3rem; width:9rem; height:9rem; border-radius:50%; }
.login_wrap .login_title.ico01:before { background:#ebf6fc url(../img/ico_login01.png) no-repeat center center; z-index:100; }
.login_wrap .login_title.ico02:before { background:#ebf6fc url(../img/ico_login02.png) no-repeat center center; z-index:100; }
.login_wrap .login_title.ico03:before { background:#ebf6fc url(../img/ico_login03.png) no-repeat center center; z-index:100; }
.offline_wrap { position:relative; margin-top:2rem; width:97%; margin:0 auto; background:#fff; border: 0.1rem solid #c3c3c3;border-radius: 1.5rem; }
.offline_inner { position:relative; padding:2.5rem 1.5rem 2.5rem 13rem; width:55rem; margin:0 auto; display:block;}
.offline_inner:before { content: ''; position: absolute; left: 2.5rem; top: 2.5rem; width: 9rem; height: 9rem; border-radius: 50%;background:#ebf6fc url(../img/ico_login04.png) no-repeat center center; z-index: 100;
}
.offline_inner p { vertical-align:middle; }
.offline_inner p.titil01 { position:relative; font-size:1.8rem; color:#3b3b3b; font-weight:500; }
.offline_inner p.titil02 { position:relative; font-size:1.6rem; color:#6c6c6c; font-weight:400; margin-bottom:1rem; }
.agree_chkbox { position:relative; padding: 3rem; border: 1px solid #ddd; border-radius: 10px; margin:3rem 0; }
.agree_chkbox dl { margin-top:1rem; }
.agree_chkbox dl dt { position:relative; font-size:2rem; margin-bottom:1rem; }
.agree_chkbox dl dt .right { position:absolute; right:0; top:0; font-size:1.8rem; }
.agree_chkbox_in { padding:3rem; margin-bottom:3.5rem; color:#777;height: 160px; padding: 25px 10px 25px 30px; background-color: #f5f4fa; border-radius: 10px;overflow: scroll; overflow-x: hidden; }
.agree_chkbx_all { text-align:center;border-top:#acacac dashed 1px; margin:3rem 0 2rem 0; padding:2rem; font-size:1.8rem; }
.agree_wrap { position:relative; padding: 3rem; border: 1px solid #ddd; border-radius: 10px; margin:3rem 0; }
.agree_wrap .agree_title { font-size:2rem; margin-bottom:1rem; font-weight:500; }
.agree_wrap .agree_title .point { color:#c35767; font-size:1.8rem; padding-right:0.5rem; }
/* .agree_wrap .agree_chkbox_in { padding:3rem; margin-bottom:2.5rem; color:#777; height: 16rem; padding: 2.5rem; background:#f8fafb; border-radius: 1rem; overflow: scroll; overflow-x: hidden; } */
.agree_wrap .agree_chkbox_in { padding:3rem; margin-bottom:2.5rem; color:#777; height: 16rem; padding: 2.5rem; border-radius: 1rem; overflow: scroll; overflow-x: hidden; }
.agree_wrap .sel_btn { text-align:right; }
/* .agree_wrap .agree_form {background-color:#eaeaea; } */
.allagree_wrap {position:relative; padding: 3rem; background:#e8ebf4; border-radius: 10px; margin:3rem 0; text-align:center; }
.agree_form{display:inline-block;height:40px;line-height:40px;padding:0 25px 0; border-radius:40px;box-sizing:border-box}
.agree_form::after{content:'';display:block;clear:both}
.agree_form>li{float:left}
.agree_form>li+li{margin-left:20px}
.agree_form>li span.radio{margin-right:0;padding:0}
.agree_form>li label{line-height:16px}
.agree_chkbox_in::-webkit-scrollbar{width:5px;height:11px;background:#e6e8ec;}
.agree_chkbox_in::-webkit-scrollbar-thumb{border-radius:0.5rem;background:rgba(10,46,79,.1);}
.agree_chkbox_in:hover::-webkit-scrollbar-thumb{background:rgba(10,46,79,.3);}
.agree_chkbox_in::-webkit-scrollbar-track{border-radius:0;background:transparent;}
.agree_chkbox_in::-moz-selection{background-color:#004792;color:#fff;}
.privinfo_wrap { position:relative; padding: 3rem; background-color: #F4F6F8; border: 1px solid #CCCCCC; text-align:left; border-radius:1.5rem; margin-bottom:3rem;}
.privinfo_wrap .infotitle { font-size:2.2rem; color:#044d9b; font-weight:500; margin-bottom:1rem; text-align:center;}
.privguide_wrap {margin-bottom:1rem; }
.privguide_tit { font-size: 2rem; margin-bottom:0.5rem; font-weight: 500;}
.privguide {display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content:space-between;}
.privguide > li {width: 31%; border: 1px solid #ddd; margin-bottom: 3rem; border-radius: 2rem;}
.privguide > li .tit {display: block; padding: 2rem; background-color: #fafafa; color: #345b85; font-size: 1.7rem; font-weight: 500; text-align: center; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom: #ddd dashed 1px; }
.privguide > li .txt_box{ height: 18rem; text-align: center; font-size: 1.6rem;}
.privguide > li .txt_box span{font-size: 1.5rem; color: #666; display: block;}
.privguide > li .icon { display: flex; justify-content: center; align-items: center; height: 100px; margin-bottom: 5px;background-position: 50% 50%; background-repeat: no-repeat;}
.privguide > li .icon img { width: 60px; }
.privguide > li .txt_box .subtit { padding: 0 2rem;}
.priv_wrap {position:relative; margin-bottom: 3rem;}
.priv_wrap .priv_title { font-size:1.8rem; color:#222; font-weight:500; margin-bottom:0.5rem; }
.priv_wrap .priv_subtit { font-size:1.6rem; color:#666; font-weight:400; margin-bottom:0.5rem; padding-left:3.3rem;}
.priv_wrap .ul_priv {position:relative; }
.priv_wrap .ul_priv li { font-size:1.6rem; color:#444; font-weight:400; padding-left:3.2rem; margin-bottom:0.8rem; list-style-type:none;}
.priv_wrap .ul_priv li ul { position:relative; margin:0.5rem 0;}
.priv_wrap .ul_priv li ul li {padding-left:1rem; color: #777; font-size:1.5rem; margin-bottom:0.2rem;}
.priv_wrap .ul_priv li.dot { position:relative; padding-left:4rem; }
.priv_wrap .ul_priv li.dot:before { position: absolute; top:0.7rem; left:3.2rem; width:0.3rem; height:0.3rem; background:#999; content:""; }
.priv_wrap .ol_priv { padding-left: 4.5rem; margin-top:0.5rem;}
.priv_wrap .ol_priv li { list-style-type: decimal; list-style-position: outside; font-size:1.6rem; margin-bottom:0.2rem;}
.priv_wrap .ol_priv li li { list-style-type:none; font-size:1.5rem; color:#777;margin-bottom:0.5rem; }
.priv_wrap .ol_priv ul ul { margin-top:0.5rem;}
.priv_wrap .ol_priv li li li { padding-left:1.5rem; }
.priv_wrap .ol_priv li li li.dash { position:relative; padding-left:2rem; }
.priv_wrap .ol_priv li li li.dash:before { position: absolute; top:0.7rem; left:0.9rem; width:0.5rem; height:0.1rem; background:#888; content:""; }
/* 사이트맵 */
.sitemap_wrap { margin-bottom:5rem; }
.sitemap_wrap > ul { display:flex; justify-content:space-between; align-items:flex-start; }
.sitemap_wrap > ul > li { width:22%; }
.sitemap_wrap > ul > li .site_tit { font-size:2.2rem; color:#222; font-weight:500; padding:1rem; border-bottom: 1px solid #ddd; border-top: 1px solid #222; padding:2rem 1rem; background:#fafafa;}
.sitemap_wrap .site_list li { line-height:2;}
.sitemap_wrap .site_list li a { display:block; padding:1.5rem 1rem 1.5rem 2.5rem; line-height:1.1; position:relative; border-bottom: 1px dashed #ddd;}
.sitemap_wrap .site_list li a:before { position: absolute; top:42%; left:1.2rem; width:0.4rem; height:0.4rem; background:#ddd; border-radius:50%; content:""; }
/*btn*/
.btn_pdf {display:block; overflow: hidden; position: relative; z-index: 2; padding:1rem 2rem; margin: 15px auto 0; border-radius: 3rem; color: #fff; text-align: center; font-size: 1.8rem; color: #FFF;background: #27589f; border:1px solid #27589f; letter-spacing:-1px;}
.btn_pdf span { width:20px; height:19px; background:url(../img/ico_pdf.png) no-repeat left center; padding-left:2.5rem;}
.btn_pdf:before { content: ''; position: absolute; top: 0; right: -50px; bottom: 0;left: 0; z-index: -1; border-right: 50px solid transparent; border-bottom: 80px solid #174281; -webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.5s;transition: all 0.5s;}
.btn_pdf:hover:before,
.btn_pdf:focus:before{-webkit-transform: translateX(0);transform: translateX(0);}
.btn_pdf:hover,
.btn_pdf:focus {border:1px solid #052048;color:#fff;}
.btn_blank {display:inline; overflow: hidden; position: relative; z-index: 2; padding:0.1rem 0.9rem; border-radius: 3rem; text-align: center; font-size: 1.4rem; background: #f7f7f7; border:1px solid #666; letter-spacing:-1px; margin-left:0.5rem;}
.btn_blank span { width:13px; height:13px; background:url(../img/blank_btn.gif) no-repeat right center; padding-right:1.8rem;}
.btn_certity {display:block; overflow: hidden; position: relative; z-index: 2; width:100%; padding:1rem 1.8rem; margin: 15px auto 0; border-radius: 3rem; color: #fff; text-align: center; font-size: 1.8rem; color: #FFF; letter-spacing:-1px;}
.btn_certity:before { content: ''; position: absolute; top: 0; right: -50px; bottom: 0;left: 0; z-index: -1; border-right: 50px solid transparent; -webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.5s;transition: all 0.5s;}
.btn_certity:hover:before,
.btn_certity:focus:before{-webkit-transform: translateX(0);transform: translateX(0);}
.btn_certity_mini {display:block; overflow: hidden; position: relative; z-index: 2; width:50%; padding:0.5rem 1rem; border-radius: 3rem; color: #fff; font-size: 1.6rem; color: #FFF; letter-spacing:-1px;}
.btn_certity_mini:before { content: ''; position: absolute; top: 0; right: -50px; bottom: 0;left: 0; z-index: -1; border-right: 50px solid transparent; -webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.5s;transition: all 0.5s;}
.btn_certity_mini:hover:before,
.btn_certity_mini:focus:before{-webkit-transform: translateX(0);transform: translateX(0);}
.btn_certity_mini.type01 {background: #3f6aa6; border:1px solid #3f6aa6; }
.btn_certity_mini.type01:before { border-bottom: 80px solid #1d4276;}
.btn_certity_mini.type01:hover,
.btn_certity_mini.type01:focus {border:1px solid #052048;}
.btn_certity.type01 {background: #3f6aa6; border:1px solid #3f6aa6; }
.btn_certity.type01:before { border-bottom: 80px solid #1d4276;}
.btn_certity.type01:hover,
.btn_certity.type01:focus {border:1px solid #052048;}
.btn_certity.type02 {background: #1e9486; border:1px solid #1e9486;}
.btn_certity.type02:before { border-bottom: 80px solid #07675c;}
.btn_certity.type02:hover,
.btn_certity.type02:focus {border:1px solid #0d5149;}
.btn_certity.type03 {background: #20909c; border:1px solid #20909c; }
.btn_certity.type03:before { border-bottom: 80px solid #047a87;}
.btn_certity.type03:hover,
.btn_certity.type03:focus {border:1px solid #035a63;}
.txt_progress { display: inline-block; font-size:1.4rem; color:#636892; font-weight:500; color:#fff; background:#14839f; border:0; border-radius:3px; padding:3px 15px; vertical-align:middle; text-align: center;}
/* box */
.box.caution { background:#f4f6fc; margin-top: 4rem; margin-bottom: 4rem;}
.box.caution .caution_inner { padding:3rem 2rem 3rem 3rem; }
.box.caution p.caution { font-size:1.8rem; font-weight:700; color: #222;background:url(../img/bu02.png) no-repeat left center; padding-left:2.5rem; margin-bottom:1rem;}
.box.caution ul li { color:#777;}
.box.info { position:relative; width:100%; margin-bottom: 2rem; border-top:#979799 dotted 1px; border-bottom:#979799 dotted 1px; border-right:#979799 dotted 1px; border-left:#27589f solid 1px; border-radius:0; }
.box.info:before { position: absolute; top:-1px; left:0; width:0.5rem; height:101%; background:#27589f; content:""; }
.box.info .box_inner { position:relative; padding:1rem 2rem 0.5rem 8rem; }
.box.info .box_text { font-size:1.7rem; font-weight:500; color: #555;padding-left:2.5rem; margin-bottom:1rem; text-align:left;}
.box.info .infoicon01 { position:absolute; display:block; left:1rem; top:0; width:7rem; height:7rem; border-radius:50%;background:#ebf6fc url(../img/ico_info01.png) no-repeat center center;}
.box.bothsides { position:relative; }
.box.bothsides:after{content:"";clear:both;display:block}
.box.bothsides > h1 { float:left; vertical-align:middle; }
.box.bothsides > .right { float:right; vertical-align:middle; }
.btn_mm { padding:1rem 1.4rem; border-radius:4rem; font-size:1.5rem; line-height:1.5rem; }
.btn_mm span {font-size:1.5rem;line-height:1.5rem; }
.btn_mm:hover { color:#fff; cursor:pointer; font-weight:normal; }
.btn_dblue {background:#3c4258; color:#fff;}
.box.comm { position:relative; background:#fff; border:#666666 solid 1px; border-radius:2rem; padding:3.2rem 3rem 2.5rem 3rem; margin-bottom:2rem; box-shadow:4px 4px 4px #ddd; }
.box.comm .inner { position:relative; width:100%; }
.box.comm .title { margin-bottom:2rem; font-size:1.7rem; }
.box.comm .title span { background:#335184; padding:0.5rem 4rem; border-radius:2.8rem; color:#fff; }
.box.return { position:relative; margin-bottom:1rem; background:#f7f7f7; padding:2rem; border-radius:1.5rem; }
.box.return h2 { margin-bottom:1rem; }
.box.return .ul_return { padding-left:0.5rem; }
.box.return .ul_return li { font-size:1.5rem; line-height:1.3; margin-bottom:0.5rem; }
.box.exp { position:relative; margin-bottom:2rem; border:#cbcbcb dashed 1px; padding:0.7rem; border-radius:1.5rem; background:#f7f7f7; }
.box.exp .exp_inner { background:#fff; border-radius:1.5rem; padding:3rem 2rem; }
.box.consult { position:relative; margin:1rem 0; border:#cbcbcb dashed 1px; padding:1.5rem 2rem; border-radius:0.5rem; background:#fff; font-size:1.4rem; width:98%; letter-spacing:1; }
.box.consult .title { font-size:1.6rem; font-weight:500; margin-bottom:0.5rem; }
.box.line { position:relative; background:#fff; border:#666666 solid 1px; border-radius:1rem; padding:2.2rem 3rem 2.5rem 3rem; }/*20230630*/
/* list */
.ul_type01 { position:relative; }
.ul_type01 li { position:relative; padding-left:0.8rem; line-height:1.2; }
.ul_type01 li:before { position: absolute; top:0.9rem; left:0; width:0.3rem; height:0.3rem; background:#044d9b; content:""; }
.ul_type02 { position:relative; }
.ul_type02 li { position:relative; padding-left:0.8rem; line-height:1.2; }
.ul_type02 li:before { position: absolute; top:0.9rem; left:0; width:0.4rem; height:0.2rem; background:#979797; content:""; }
.ul_type03 { position:relative; }
.ul_type03 li { position:relative; padding-left:0.6rem; line-height:1.2; display:inline-block; text-align:left; margin-right:0.6rem; }
.ul_type03 li:before { position: absolute; top:0.6rem; left:0; width:0.2rem; height:0.2rem; background:#979797; content:""; }
.ul-sum { position:relative; width:100%; text-align:right; }
.ul-sum li { display:inline-block; color:#333; font-weight:600; margin-bottom:3px;}
.ul-sum li input[type="text"] { margin:0 10px;border:1px solid #aaa;background-color:#fff;line-height:40px; border-radius:5px; min-width:80px; }
.ul-sum li span { display:inline;position:relative; padding-left:8px; }
.ul-sum li span:before {display:block;position:absolute;left:0;top: 7px;content:'';width:3px;height:3px;background:#888;}
.ul_comm { position:relative; padding-left:0.7rem;}
.ul_comm li { background:url(../img/ico_comm01.png) no-repeat left 0.5rem; padding-left:1.9rem; line-height:1.6; }
.ul_comm li.non { background:none; padding-left:1.9rem; line-height:1.6; }
.ul_commlist { position:relative; margin-bottom:3rem;}
.ul_commlist li {font-size:1.8rem; color:#333; font-weight:500; margin:3px 0 0 0; position:relative; line-height:1.3; margin-bottom:1rem; text-indent:-2rem; padding-left:2rem;}
.ul_commlist li > ul {color:#666;}
.ul_commlist li > ul > li { position:relative; padding-left:1rem; font-size:1.6rem; font-weight:400; color:#444; margin-bottom:0; line-height:1.5; text-indent:0rem;}
.ul_commlist li > ul > li:before {display:block;position:absolute;left:0rem;top: 10px;content:'';width:6px;height:1px;background:#999;}
.ul_commlist li > ul > li.non { text-indent:-0.6rem; padding-left:1.5rem;}
.ul_commlist li > ul > li.non:before { display:none; }
/* table */
.p-table.tablecol{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px; margin-top:1rem; margin-bottom:4rem;}
.p-table.tablecol:before {display:block;position:absolute;left:0;bottom:-1px;content:'';width:100%;height:1px;background:#848671;}
.p-table.tablecol th{ padding:1.5rem 1rem; color:#1c1c1c; background:#ebeef3; font-size:1.6rem; font-weight:500; vertical-align:middle; text-align:center; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; line-height:1.1;}
.p-table.tablecol td{ padding:1.2rem 1rem; box-sizing:border-box; vertical-align:middle ;border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.6rem; text-align:center;}
.p-table.tablecol tbody th { background:#f6f7f9;border-bottom:1px solid #ddd; }
.p-table.tablecol th:first-child, .p-table.tablecol td:first-child { border-left: none; }
.p-table.tablecol tfoot tr { background:#fff5f2; }
.p-table.tablecol tfoot th { background:#fff5f2; }
.p-table.tablecol tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.tablecol .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.tablecol .last_data strong{ font-size:1.7rem; }
.p-table.tablecol .add-head { display:none; }
.p-table.tablecol th.bd_left {border-left:1px solid #a7a7a7; }
.p-table.tablecol td.bd_left {border-left:1px solid #ddd; }
.p-table.tablecol td.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.tablerow{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px; margin-top:1rem; margin-bottom:4rem;}
.p-table.tablerow:before {display:block;position:absolute;left:0;bottom:-1px;content:'';width:100%;height:1px;background:#848671;}
.p-table.tablerow th{ padding:1.5rem 1rem; color:#1c1c1c; background:#ebeef3; font-size:1.6rem; font-weight:500; vertical-align:middle; text-align:center; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7;}
.p-table.tablerow td{ padding:1.2rem 1rem; box-sizing:border-box; vertical-align:middle ;border-left:1px solid #a7a7a7; border-bottom:1px solid #ddd; font-size:1.6rem; text-align:left;}
.p-table.tablerow tbody th { background:#ebeef3;border-bottom:1px solid #ddd; }
.p-table.tablerow th:first-child, .p-table.tablerow td:first-child { border-left: none; }
.p-table.tablerow tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.tablerow .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.tablerow .last_data strong{ font-size:1.7rem; }
.p-table.tablerow .add-head { display:none; }
/* table 20230630 s */
.p-table.scrollcol{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px; margin-top:1rem; margin-bottom:1rem;}
.p-table.scrollcol:before {display:block;position:absolute;left:0;bottom:-1px;content:'';width:100%;height:1px;background:#848671;}
.p-table.scrollcol th{ padding:1.5rem 1rem; color:#1c1c1c; background:#ebeef3; font-size:1.6rem; font-weight:500; vertical-align:middle; text-align:center; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; line-height:1.1;font-family: 'SCDream';}
.p-table.scrollcol td{ padding:1.2rem 1rem; box-sizing:border-box; vertical-align:middle ;border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.6rem; text-align:center; line-height:1.3;}
.p-table.scrollcol tbody th { background:#f6f7f9;border-bottom:1px solid #ddd; }
.p-table.scrollcol th:first-child, .p-table.scrollcol td:first-child { border-left: none; }
.p-table.scrollcol tfoot tr { background:#fff5f2; }
.p-table.scrollcol tfoot th { background:#fff5f2; }
.p-table.scrollcol tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.scrollcol .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.scrollcol .last_data strong{ font-size:1.7rem; }
.p-table.scrollcol .add-head { display:none; }
.p-table.scrollcol th.bd_left {border-left:1px solid #ddd; }
.p-table.scrollcol td.bd_left {border-left:1px solid #ddd; }
.p-table.scrollcol th.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.scrollcol td.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.scrollcol.ALL th,
.p-table.scrollcol.ALL td { text-align:left;}
.p-table.scrollcol th.ALC { text-align:center;}
.p-table.scrollcol td.ALC { text-align:center;}
.p-table.scrollrow{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px; margin-top:1rem; margin-bottom:1rem;}
.p-table.scrollrow:before {display:block;position:absolute;left:0;bottom:-1px;content:'';width:100%;height:1px;background:#848671;}
.p-table.scrollrow th{ padding:1.5rem 1rem; color:#1c1c1c; background:#ebeef3; font-size:1.6rem; font-weight:500; vertical-align:middle; text-align:center; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; font-family: 'SCDream';}
.p-table.scrollrow td{ padding:1.2rem 1rem; box-sizing:border-box; vertical-align:middle ;border-left:1px solid #a7a7a7; border-bottom:1px solid #ddd; font-size:1.6rem; text-align:left;}
.p-table.scrollrow tbody th { background:#ebeef3;border-bottom:1px solid #ddd; }
.p-table.scrollrow th:first-child, .p-table.scrollrow td:first-child { border-left: none; }
.p-table.scrollrow tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.scrollrow .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.scrollrow .last_data strong{ font-size:1.7rem; }
.p-table.scrollrow .add-head { display:none; }
/* 스크롤바 설정*/
.table_scroll::-webkit-scrollbar { width: 9px; height: 9px; }
.table_scroll::-webkit-scrollbar-thumb { height: 10%; background: rgba(98,111,168,1); border-radius: 10px;}
.table_scroll::-webkit-scrollbar-track { background: #dddddd;}
.p-table.tableexp {position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;border-top:#ddd solid 1px;margin-bottom:40px;}
.p-table.tableexp th{padding:10px 7px;color:#333; background:#f2f2f2;text-align:center;font-weight:500;vertical-align:middle; font-size:1.5rem;border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.p-table.tableexp td{padding:10px 7px;box-sizing:border-box;vertical-align:middle;;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.5rem; text-align:center;}
.p-table.tableexp td:first-child { border-left:0; }
.p-table.tableexp th:first-child { border-left:0; }
.p-table.list { position:relative;width:100%;border-collapse:collapse; border-top:#111111 solid 2px; margin-top:1rem; margin-bottom:4rem;}
.p-table.list th { padding:2rem 1rem; color:#222; background:#f9f9fb;font-weight:500;vertical-align:middle; font-size:1.6rem;border-left:1px solid #bfbfc1; border-bottom:1px solid #bfbfc1;}
.p-table.list td { padding:2rem 1rem; box-sizing:border-box; vertical-align:middle; border-left:1px solid #bfbfc1; border-bottom:1px solid #bfbfc1; font-size:1.6rem;}
.p-table.list .add-head { display:none; }
.p-table.list tfoot td { background:#e6f0e9; }
.p-table.list th:first-child, .p-table.list td:first-child { border-left: none; }
.tbrow_col { width:18rem; }
.p-table.block{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;border-top:#44465c solid 2px;margin-bottom:40px;}
.p-table.block th{padding:10px 7px;color:#333; background:#ebeef3;text-align:center;font-weight:500;vertical-align:middle; font-size:15px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.p-table.block td{padding:10px 7px;box-sizing:border-box;vertical-align:middle;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px;}
.p-table.block td:last-child { border-right:0; }
.p-table.block th:last-child { border-right:0; }
.p-table.block .add-head { display:none; }
.p-table.basic{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;border-top:#ddd solid 1px;margin-bottom:40px;}
.p-table.basic th{padding:3px 7px 3px 15px;color:#333; background:#ebeef3;text-align:left;font-weight:500;vertical-align:middle; font-size:15px;border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.p-table.basic td{padding:3px 7px;box-sizing:border-box;vertical-align:middle;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px;}
.p-table.basic .add-head { display:none; }
.p-table.simple{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;border-top:#44465c solid 2px; margin-bottom:40px;}
.p-table.simple td,.p-table.simple th{border-top:1px solid #dddddd;}
.p-table.simple th{padding:15px 7px;color:#333; background:#ebeef3;text-align:center;font-size:16px;font-weight:500;vertical-align:middle; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.p-table.simple th:last-child { border-right:0; }
.p-table.simple td{padding:10px 7px;box-sizing:border-box;vertical-align:middle;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px; text-align:center;}
.p-table.simple td:last-child { border-right:0; }
.p-table.simple .add-head { display:none; }
.p-table.simple tfoot td { background:#e6f0e9; }
.p-table.over{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;border-top:#44465c solid 2px;margin-bottom:40px;}
.p-table.over th{padding:3px 3px 3px 3px;color:#333; background:#ebeef3;text-align:left;font-weight:500;vertical-align:middle; font-size:15px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.p-table.over th:last-child { border-right:0; }
.p-table.over td{padding:3px 7px;box-sizing:border-box;vertical-align:middle;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px;}
.p-table.over td:last-child { border-right:0; }
.p-table.over .add-head { display:none; }
.p-table.line{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px;border-top:#44465c solid 2px;margin-bottom:10px;}
.p-table.line th{padding:8px 3px 8px 3px;color:#333; background:#ebeef3;text-align:center;font-weight:500;vertical-align:middle; font-size:15px;border-right:1px solid #ddd; border-left:1px solid #ddd;border-bottom:1px solid #ddd; }
.p-table.line td{padding:3px 7px;box-sizing:border-box;vertical-align:middle;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:15px;border-left:1px solid #ddd;}
.p-table.line .gr { background:#ceeddd; }
.p-table.line .yw { background:#f8f3d3; }
.p-table.board { position:relative;width:100%;border-collapse:collapse; border-top:#111111 solid 2px; margin-top:1rem; margin-bottom:4rem;}
.p-table.board th { padding:2rem 1rem; color:#222; background:#f9f9fb;font-weight:500;vertical-align:middle; font-size:1.6rem;border-left:1px solid #bfbfc1; border-bottom:1px solid #bfbfc1;}
.p-table.board td { padding:2rem 1rem; box-sizing:border-box; vertical-align:middle; border-left:1px solid #bfbfc1; border-bottom:1px solid #bfbfc1; font-size:1.6rem; color:#333;}
.p-table.board tfoot td { background:#e6f0e9; }
.p-table.board th:first-child, .p-table.board td:first-child { border-left: none; }
.p-table.board td.alc { text-align:center; }
.p-table.board td a:hover { font-weight:400; text-decoration:underline; }
.listTb {position:relative; width:100%; border-top:2px solid #213152; margin:5px 0 50px 0; border-bottom:1px solid #bdc5d2;}
.listTb tr {border-bottom:1px solid #e0e3e7; -webkit-box-sizing:border-box; box-sizing:border-box;}
.listTb thead th {padding:17px 10px ; text-align:center; font-size:15px; font-weight:400; color:#213152; background:#f1f3f6; border-right:1px solid #d6d6d6; line-height:1.2;}
.listTb tbody td {padding:6px 6px; text-align:center; font-size:15px; font-weight:300; color:#111111; border-right:1px solid #d6d6d6; line-height:1.2;}
.listTb thead th:last-child, .listTb tbody td:last-child {border-right:0;}
.listTb tbody td.bdr { border-right:1px solid #ddd;}
.listTb tbody tr:hover td { background:#ebf0f5; }
.color-info { position:relative; margin-top:10px; margin-bottom:20px; }
.color-info li { display:inline-block; margin-right:10px; }
.color-info span.col01 { background:#ceeddd; border:#ddd 1px solid; padding:0 20px; }
.color-info span.col02 { background:#f8f3d3; border:#ddd 1px solid; padding:0 20px; }
.color-info span.col03 { background:#fff; border:#ddd 1px solid; padding:0 20px; }
.board_top_wrap{display:flex; justify-content:space-between; align-items:center; background:#f7f7f7; padding:2rem 4rem; margin:0 0 3rem;}
.board_top_wrap .boardtop_num{display:flex;}
.board_top_wrap .boardtop_num p{font-size:1.5rem; color:#888; display:flex; align-items:center;}
.board_top_wrap .boardtop_num p span{color:#044d9b; font-weight:600;}
.board_top_wrap .boardtop_search button { height:40px; font-size:1.6rem; }
.board_top_wrap .boardtop_search select { vertical-align:middle; }
.board_pager_wrap{clear: both; text-align: center; line-height: 0; margin-top: 3rem;}
.board_pager_wrap > div{display: inline-block; line-height: 1.7em;}
.board_pager_wrap .pagenum_box > a{position: relative; display:inline-block; width: 32px; height: 32px; vertical-align:middle;}
.board_pager_wrap .pagenum_box > a span.icon{position: absolute; top: 50%; left: 50%; width: 7px; height: 12px; text-indent: -99999px; margin: -6px 0 0 -3.5px; transition: ease-in-out 0.3s;}
.board_pager_wrap .pagenum_box > a.prev span.icon{ background:url(../img/ico_arrow-pre.png) no-repeat;}
.board_pager_wrap .pagenum_box > a.next span.icon{ background:url(../img/ico_arrow-next.png) no-repeat;}
.board_pager_wrap .pagenum_box > a.prev:hover span.icon{margin-left: -8.5px;}
.board_pager_wrap .pagenum_box > a.next:hover span.icon{margin-left: 2.5px;}
.board_pager_wrap .pagenum_box > ul{ display:inline-block; }
.board_pager_wrap .pagenum_box > ul li{ display:inline-block; }
.board_pager_wrap .pagenum_box > ul li a{display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; font-size: 1.5rem;}
.board_pager_wrap .pagenum_box > ul li a.active, .board_pager_wrap .pagenum_box > ul li a:hover{background-color: #014da1; color: #fff; transition: ease-in-out 0.3s;}
.board_pager_wrap .pagenum_box > ul li a.active{margin: 0 12px;}
.board_view { clear:both;border-top: #111111 solid 2px;border-bottom:1px solid #a5a5a5; margin-bottom:3rem;}
.board_view .view_title { font-weight:500; padding:2.5rem 1rem 2.5rem 2rem; letter-spacing:-1px; font-size:2rem; color:#4f4f4f; border-bottom:1px solid #a1a1a1; background:#f9f9f9;}
.board_view .write_info { padding:1.5rem; border-bottom:1px solid #cecece;overflow:hidden;}
.board_view .write_info li{ position:relative; display:inline-block; margin-right:32px; color:#383838; padding-left:28px;font-size:1.6rem; line-height:1.4;}
.board_view .write_info li strong { font-weight:500; }
.board_view .write_info li:before { content:''; position:absolute; left:0; top:4px; width:1px; height:14px; background-color:#ddd;}
.board_view .write_info li:first-child { padding-left:0;}
.board_view .write_info li:first-child:before { display:none;}
.board_view .board_con { padding:2rem; color:#555; line-height:1.6; font-size:1.6rem; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.5px; min-height:20rem;}
.board_view .board_con * { color:#686868; line-height:1.5; font-size:1.6rem; word-break:keep-all; word-wrap:break-word;}
.board_view .board_con img{max-width:100%;margin:10px 0;}
.board_view .file_down { position:relative; padding:2rem;background-color:#f9f9f9;border-top:1px solid #dadada; }
.board_view .file_down h5 { display:inline-block; font-size:1.6rem; color:#3e3d3d; margin-right:1%; vertical-align:top; padding-top:0.2rem;}
.board_view .file_down ul { display:inline-block; vertical-align:top;}
.board_view .file_down ul > li { display:block; line-height:1.5; position:relative; padding-left:0.6rem;}
.board_view .file_down ul > li:before { position: absolute; top:1rem; left:0; width:0.2rem; height:0.2rem; background:#9f9f9f; border-radius:50%; content:""; }
.board_view .file_down ul > li:last-child {margin-bottom:0;}
.board_write { position:relative; border-top: #111111 solid 2px;border-bottom:1px solid #a5a5a5; margin-bottom:3rem; }
.board_write .write_row { position: relative; clear: both; border-bottom: #eeeeee solid 1px; padding: 2rem 0.5rem; overflow: hidden; }
.board_write .write_row > div { display:inline-block; }
.board_write .write_row .header { width:16%; vertical-align:top; margin-bottom:1rem; }
.board_write .write_row .header span {margin-right:5px;}
.board_write .write_row .cont { width:83%; }
.board_write .write_row .cont input { width:100%; }
.board_write .write_row textarea { width: 100%; padding: 2rem; height: 30rem; border: 1px solid #c4c4c4; border-radius: 5px; box-shadow: none; outline: none; -webkit-appearance: none; font-size:1.6rem; }
.board_write .write_row textarea:focus { border: 1px dashed #00f; }
.file_box { position:relative; margin-bottom:1rem; }
.file_box .upload-name { width: 100%; height: 59px; padding: 0 29px; border-radius: 5px; border:1px solid #c4c4c4; outline:none; -webkit-appearance: none; font-size:1.6rem; }
.file_box label{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/upload.png)no-repeat center right 29px / 11px 14px; font-size: 0;cursor:pointer;}
.file_box input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;top:50%;right:10px; }
.file_box.on .upload-name { background:#fafafa; }
.file_box.on .upload-name:-ms-input-placeholder { color: #111; }
.file_box.on .upload-name::-webkit-input-placeholder { color: #111; }
.file_box.on .upload-name::-o-input-placeholder { color: #111; }
.file_box.on .upload-name::-moz-input-placeholder { color: #111; }
[data-form="digrid"]{ max-width:650px; }
[data-input-grid]:after{content:""; display:block; clear:both;}
[data-input-grid]>span,
[data-input-grid]>input[type="text"],[data-input-grid]>button,[data-input-grid]>select,
[data-input-grid]>input[type="password"],[data-input-grid]>input[type="number"]{float:left; width:auto; margin-bottom:5px;height:40px; line-height:40px; padding:0 5px; font-size:16px; border-radius:3px;}
[data-input-grid]>select {width:100%;height:40px; line-height:40px;margin:0;padding:5px;padding-right:30px; font-size:16px; line-height:1.3;background:#fff url(https://rlilrfifv.toastcdn.net/pre/img/ico_arrow-select.png) no-repeat; background-position:99% 50%; appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;}
[data-input-grid]>select::-ms-expand { display: none; }
[data-input-grid]>span{display:block; width:20px; height:40px; line-height:40px; text-align:center; font-size:16px; }
[data-input-grid="1"]>input[type="text"],
[data-input-grid="1"]>input[type="password"]{width:100%!important;}
[data-input-grid="2"]>select,
[data-input-grid="2"]>input[type="text"],
[data-input-grid="2"]>input[type="password"]{width:calc((100% - 5px) / 2) !important; margin-right:2px;}
[data-input-grid="3"]>select,
[data-input-grid="3"]>input[type="text"],
[data-input-grid="3"]>input[type="password"],
[data-input-grid="3"]>input[type="number"]{width:calc((100% - 44px) / 3) !important;}
[data-input-grid="1-btn"]>select,
[data-input-grid="1-btn"]>input[type="text"],
[data-input-grid="1-btn"]>input[type="password"]{width:calc(100% - 82px - 2px)!important; }
[data-input-grid="1-btn"]>button { width:80px!important; margin-left:2px;}
[data-input-grid="2-btn"]>select,
[data-input-grid="2-btn"]>input[type="text"],
[data-input-grid="2-btn"]>input[type="password"],
[data-input-grid="2-btn"]>input[type="number"]{width:calc((100% - 85px) / 2) !important;}
[data-input-grid="2-btn"]>button { width:80px!important; margin-left:2px;}
[data-input-grid="3-btn"]>select,
[data-input-grid="3-btn"]>input[type="text"],
[data-input-grid="3-btn"]>input[type="password"],
[data-input-grid="3-btn"]>input[type="number"]{width:calc((100% - 165px) / 3)!important; }
[data-input-grid="3-btn"]>button { width:120px!important; margin-left:2px;}
/*2023-07-03 첨부파일css 추가*/
[data-form="difile"]{ max-width:650px;}
[data-input-grid="file1"] { position:relative; }
[data-input-grid="file1"] input[type="file"] { position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; }
[data-input-grid="file1"] label { float:left; top:0; padding:10px 20px; color:#fff; vertical-align:middle; background-color:#667884; cursor:pointer; border-radius:5px; }
[data-input-grid="file1"] .upload-name {width:calc(100% - 100px)!important;float:left; height:39px; font-size:15px; padding:0 10px; vertical-align:middle; background-color:#fff;border:1px solid #b7b7b7; border-radius:5px; margin-right:2px; }
[data-input-grid="file1"] button { padding:0 20px;height:40px; vertical-align:middle;background:#1e94b2; color:#fff; cursor:pointer; border-radius:5px; margin-left:2px;}
/* window popup */
.popup_wrap .p_header { background:#363c48; padding:2rem;}
.popup_wrap .p_header .ico_close { position:absolute; right:2.2rem; top:2.5rem; background:url(../img/btn_pop_close.png) no-repeat; font-size:0; width:19px; height:19px; }
.popup_wrap .p_header h1 {display:block; font-size:2.1rem; line-height:2.1rem; font-weight:500; color:#fff;}
.popup_wrap .p_content {padding:2rem;}
.popup_wrap h2 { font-size:1.8rem; color:#333; font-weight:500; margin:1rem 0; }
.layer_popup_wrap { position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); left:0; top:0;transform: scale(1); opacity: 1; visibility: visible; z-index:499; transition:all 0.3s;}
.layer_pop_inner { position: fixed; background-color:#fff; width:55rem; z-index: 500; left: 50%; top: 50%; box-shadow: 10px 10px 30px rgb(0 0 0 / 25%);transform: translate(-50%, -50%) scale(1); opacity: 1; visibility: visible; transition: all 0.5s; border-radius:10px;}
.layer_pop_inner .pop_title { position:relative; height: 65px; color: #4a4a4a; font-size: 2rem; font-weight:700; padding:2.5rem 2.5rem 2.5rem 2rem; border-bottom: 1px solid #e8e8e8;}
.layer_pop_inner .pop_content { position:relative; padding:2rem; }
.layer_pop_inner .pop_bottom { position:relative; text-align:center; margin:2rem 0; padding-top:1.5rem; border-top: 1px solid #e8e8e8;}
.pop_content h1 { font-size:2.2rem; font-weight:700; margin-bottom:1rem;}
.pop_content h2 { font-size:1.8rem; font-weight:500; margin-bottom:0.5rem; }
.pop_content h3 { font-size:1.6rem; font-weight:500; color:#222; margin-bottom:0.5rem; }
.pop_content h3.h3dot { vertical-align:middle; font-size: 1.6rem; position: relative; padding-left: 8px; color:#555;}
.pop_content h3.h3dot:after {display:block;content:''; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#bebebe; }
.ico_close { background: url(../img/btn_momn_clo.png) no-repeat; font-size: 0; width: 18px; height: 18px;}
/* pop */
.pop_shadow_wrap { position:fixed; top:0; left:0px; width:100%; height:100%; z-index:900; background:rgba(0,0,0,.5); padding-top:15rem; }
.pop_shadow_wrap .pop_shadow_cont { width:70rem; height:auto; margin:0 auto; background:#eeeeee;box-shadow: 0 0 15px rgba(0, 0, 0, .5); padding-bottom:1.5rem;}
.pop_shadow_wrap .pop_head { position:relative; padding:3rem 4rem 2rem 4rem; text-align:center; min-height:6rem; font-size:2.1rem; line-height:1.2; color:#333; font-weight:700; }
.pop_shadow_wrap .ceo_head { position:relative; text-align:left; font-size:1.8rem; font-weight:500; }
.pop_shadow_wrap .ceo_head span { display:block; }
.pop_shadow_wrap .pop_head .ico_close { position:absolute; right:4.2rem; top:3rem; background:url(https://rlilrfifv.toastcdn.net/pre/img/btn_clo_gray.png) no-repeat; font-size:0; width:18px; height:18px; }
.pop_shadow_wrap .pop_content { position:relative;display: block; font-size: 1.8rem;line-height: 21px; color: #333; background:#fff; padding:2rem 2.8rem 2.8rem 2.8rem; margin:0px 4rem 2rem 4rem; min-height:10rem; }
.pop_shadow_wrap .pop_content_full { position:relative;display: block; font-size: 1.8rem;line-height: 21px; color: #333; background:#fff; padding:2rem 2.8rem 2.8rem 2.8rem; margin:0px 4rem 2rem 4rem; min-height:10rem; }
.pop_shadow_wrap .pop_btn { position:relative; text-align:center; margin:1rem 0; }
/* pop-note s*/
.pop_shadow_wrap_note { position:fixed; top:0; left:0px; width:100%; height:100%; z-index:900; background:rgba(0,0,0,.5); padding-top:15rem; }
.pop_shadow_wrap_note .pop_shadow_cont { width:70rem; height:auto; margin:0 auto; background:#eeeeee;box-shadow: 0 0 15px rgba(0, 0, 0, .5); padding-bottom:1.5rem;}
.pop_shadow_wrap_note .pop_head { position:relative; padding:3rem 4rem 2rem 4rem; text-align:center; min-height:6rem; font-size:2.1rem; line-height:1.2; color:#333; font-weight:700; }
.pop_shadow_wrap_note .ceo_head { position:relative; text-align:left; font-size:1.8rem; font-weight:500; }
.pop_shadow_wrap_note .ceo_head span { display:block; }
.pop_shadow_wrap_note .pop_head .ico_close { position:absolute; right:4.2rem; top:3rem; background:url(https://rlilrfifv.toastcdn.net/pre/img/btn_clo_gray.png) no-repeat; font-size:0; width:18px; height:18px; }
.pop_shadow_wrap_note .pop_content { position:relative;display: block; font-size: 1.8rem;line-height: 21px; color: #333; background:#fff; padding:2rem 2.8rem 2.8rem 2.8rem; margin:0px 4rem 2rem 4rem; min-height:10rem; }
.pop_shadow_wrap_note .pop_content_full { position:relative;display: block; font-size: 1.8rem;line-height: 21px; color: #333; background:#fff; padding:2rem 2.8rem 2.8rem 2.8rem; margin:0px 4rem 2rem 4rem; min-height:10rem; }
.pop_shadow_wrap_note .pop_btn { position:relative; text-align:center; margin:1rem 0; }
/* pop-note e*/
/* pop-select s*/
.pop_shadow_wrap_note .pop_shadow_select { width:50rem; height:auto; margin:0 auto; background:#eeeeee;box-shadow: 0 0 15px rgba(0, 0, 0, .5); padding-bottom:2rem;}
.pop_shadow_wrap_note .pop_content_select { position:relative;display: block; font-size: 1.8rem;line-height: 21px; color: #333; margin:0px 4rem 2rem 4rem; min-height:10rem; }
.select_wrap { position:relative; width:100%; }
.select_wrap > div { display:inline-block; width:calc(50% - 2%); border:#e1e1e1 solid 1px; background:#fff; text-align:center; vertical-align:top;}
.select_wrap > div .title span { font-size:2rem; font-weight:500; position:relative; padding-bottom:0.2rem; }
.select_wrap > div .title span:after {display:block; content:''; position:absolute; left:0; bottom:0rem; width:100%; height:1px; background:#d0d0d0;}
.select_wrap > div .tit_sub { font-size:1.9rem; color:#ee4815; font-weight:700; margin-bottom:2rem; }
.select_wrap > div .tit_sub span { font-size:1.6rem; margin-left:0.5rem; color:#585858; font-weight:500;}
.select_wrap > div button { width:100%; padding:1.5rem; font-size:1.8rem; color:#fff; font-family:'SCDream'; }
.select_wrap > div button span { background:url(https://rlilrfifv.toastcdn.net/pre/img/ico01.gif) no-repeat right center; padding-right:3.5rem; }
.select_wrap ul { height:15rem; padding-top:2rem; }
.select_wrap ul li { margin-bottom:2rem; }
.select_wrap .select1 { margin-right:3%; }
.select_wrap .select1 ul { padding-top:4.9rem; }
.select_wrap .select1:hover{ border:#f77b01 solid 1px; }
.select_wrap .select1 button { background:#fd9610; }
.select_wrap .select1 button:hover { background:#f77b01; }
.select_wrap .select2 ul li:nth-child(1) { margin-bottom:0.7rem; }
.select_wrap .select2:hover{ border:#462079 solid 1px; }
.select_wrap .select2 button { background:#5a328f; }
.select_wrap .select2 button:hover { background:#462079;}
.select_wrap.result > div button.bl { background:#1b2d55;}
.select_wrap.result .select1:hover{ border:#1b2d55 solid 1px; }
.select_wrap.result .select2:hover{ border:#1b2d55 solid 1px; }
.select_wrap .ico_new { background:#f04742; border-radius:0.5rem; color:#fff; font-size:1.5rem; line-height:1.5; padding:0.1rem 0.7rem;}
/* pop-select e*/
.pop_cont_wrap { position:fixed; top:0; left:0px; width:100%; height:100%; z-index:900; background:rgba(0,0,0,.5); padding-top:10rem; }
.pop_cont_wrap .pop_cont_inner1 { width:500px; height:400px; margin:0 auto; background:#eeeeee;box-shadow: 0 0 15px rgba(0, 0, 0, .5);}
.pop_cont_wrap .pop_cont_inner2 { width:750px; height:calc(100% - 20%); max-height:600px; margin:0 auto; background:#eeeeee;box-shadow: 0 0 15px rgba(0, 0, 0, .5); padding-bottom:4rem; overflow-y:scroll; }
.pop_cont_wrap .popup-head { padding:3rem 2.5rem 3rem 2.5rem; text-align:center;}
.pop_cont_wrap .popup-head span { font-size:2.1rem; line-height:1.2; color:#333; font-weight:700; }
.pop_cont_wrap .popup-head .ico_close { background:url(https://rlilrfifv.toastcdn.net/pre/img/btn_clo_gray.png) no-repeat; font-size:0; width:18px; height:18px; margin:5px 15px 0 0;}
.pop_cont_wrap .popup-content {display: block; font-size: 16px;line-height: 21px; color: #333; background:#fff; padding:2.2rem 2.8rem 2.8rem 2.8rem; margin:0px 4rem 2.5rem 4rem; min-height:220px; }
.pop_cont_wrap .popup-btn { position:relative; text-align:center; }
.loading_wrap { position: fixed; display: flex; left:0; top:0; bottom:0; right:0; justify-content: center; align-items: center; overflow: hidden; height: 100%; min-height: 100vh; width: 100vw;z-index: 990;}
.spinner_background { position: fixed;left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .2; z-index: 990;}
.spinner { z-index:999; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; margin: -44px 0 0 -44px; width: 88px; height: 88px; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background:#fff;}
.spinner div { position: absolute; top: 40px; width: 10px; height: 10px; border-radius: 50%; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.spinner div:nth-child(1) { left: 12px; animation: loading1 0.6s infinite; background:#f5ce17;}
.spinner div:nth-child(2) { left: 12px; animation: loading2 0.6s infinite; background:#39c3a1;}
.spinner div:nth-child(3) { left: 30px; animation: loading2 0.6s infinite; background:#5772d9;}
.spinner div:nth-child(4) { left: 48px; animation: loading2 0.6s infinite; background:#8e66d6;}
.spinner div:nth-child(5) { left: 66px; animation: loading3 0.6s infinite; background:#8e66d6;}
@keyframes loading1 {
0% { transform: scale(0); }
100% { transform: scale(1); }
}
@keyframes loading3 {
0% { transform: scale(1); }
100% { transform: scale(0); }
}
@keyframes loading2 {
0% { transform: translate(0, 0); }
100% { transform: translate(18px, 0); }
}
@keyframes bounce {
100%{transform:translateY(-8px);}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform:rotate(720deg);}
}
@keyframes subVisual{
0%{text-indent:-100px; opacity:0; }
100%{text-indent:0px; opacity:1;}
}
@keyframes mainVisual {
from { opacity:0;transform: translateY(30px) ;}
to { opacity:1;transform: translateY(0px) ;}
}
@media all and (max-width:900px) {
}
@media all and (max-width:767px) {
.p-table.tablerow {border-bottom-width:0;}
.p-table.tablerow colgroup, .p-table.tablerow thead {display:none;}
.p-table.tablerow tbody,
.p-table.tablerow tfoot,
.p-table.tablerow tr,
.p-table.tablerow th,
.p-table.tablerow td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border-bottom:0;}
.p-table.tablerow tr {padding-top:1rem; padding-bottom:1rem; border-bottom:1px solid #c6c6c6; background-color:#fdfdfd;}
.p-table.tablerow tbody tr:nth-child(odd) {background: #f8f8f8}
.p-table.tablerow th {display:none;}
.p-table.tablerow th, .p-table.tablerow td { padding:0.5rem 0.5rem 0.5rem 1rem; border-top-width:0; border-left-width:0; text-align:left;}
.p-table.tablerow th {background-color:transparent; color:inherit; font-weight:400;}
.p-table.tablerow th:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.tablerow td:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.tablerow tbody tr:last-child th, .p-table.tablerow tbody tr:last-child td { border-bottom:0; }
.p-table.tablerow tfoot tr:last-child th, .p-table.tablerow tfoot tr:last-child td { border-bottom:0; }
.p-table.tablecol {border-bottom-width:0;}
.p-table.tablecol colgroup, .p-table.tablecol thead {display:none;}
.p-table.tablecol tbody,
.p-table.tablecol tfoot,
.p-table.tablecol tr,
.p-table.tablecol th,
.p-table.tablecol td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border-bottom:0;}
.p-table.tablecol tr {padding-top:1rem; padding-bottom:1rem; border-bottom:1px solid #c6c6c6; background-color:#fdfdfd;}
.p-table.tablecol tbody tr:nth-child(odd) {background: #f8f8f8}
.p-table.tablecol th {display:none;}
.p-table.tablecol th, .p-table.tablecol td { padding:0.5rem 1rem; border-top-width:0; border-left-width:0; text-align:left;}
.p-table.tablecol tr { border-bottom:1px solid #c6c6c6; background-color:#fdfdfd;}/*20230630*/
.p-table.tablecol td:first-child {padding-top:1rem;}/*20230630*/
.p-table.tablecol td:last-child {padding-bottom:1rem; }/*20230630*/
.p-table.tablecol th {background-color:transparent; color:inherit; font-weight:400;}
.p-table.tablecol th:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.tablecol td:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.tablecol tbody tr:last-child th, .p-table.tablecol tbody tr:last-child td { border-bottom:0; }
.p-table.tablecol tfoot tr:last-child th, .p-table.tablecol tfoot tr:last-child td { border-bottom:0; }
.p-table.tablecol th.bd_left {border-left:0; }
.p-table.tablecol td.bd_left {border-left:0; }
.p-table.tablecol td.bd_bottom {border-bottom:0;}
.p-table.tablecol td.respon { display:none; }
.p-table.tableexp {border-bottom-width:0;}
.p-table.tableexp colgroup, .p-table.tableexp thead {display:none;}
.p-table.tableexp tbody,
.p-table.tableexp tfoot,
.p-table.tableexp tr,
.p-table.tableexp th,
.p-table.tableexp td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border-bottom:0;}
.p-table.tableexp tr {padding-top:1rem; padding-bottom:1rem; border-bottom:1px solid #c6c6c6; background-color:#fdfdfd;}
.p-table.tableexp tbody tr:nth-child(odd) {background: #f8f8f8}
.p-table.tableexp th {display:none;}
.p-table.tableexp th, .p-table.tableexp td { padding:0.5rem 1rem; border-top-width:0; border-left-width:0; text-align:left;}
.p-table.tableexp th {background-color:transparent; color:inherit; font-weight:400;}
.p-table.tableexp th:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.tableexp td:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.tableexp tbody tr:last-child th, .p-table.tableexp tbody tr:last-child td { border-bottom:0; }
.p-table.tableexp tfoot tr:last-child th, .p-table.tableexp tfoot tr:last-child td { border-bottom:0; }
.p-table.tableexp th.bd_left {border-left:0; }
.p-table.tableexp td.bd_left {border-left:0; }
.p-table.tableexp td.bd_bottom {border-bottom:0;}
.p-table.tableexp td.respon { display:none; }
.p-table.list {border-bottom-width:0;}
.p-table.list colgroup, .p-table.list thead {display:none;}
.p-table.list tbody,
.p-table.list tfoot,
.p-table.list tr,
.p-table.list th,
.p-table.list td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border-bottom:0;}
.p-table.list tr {padding-top:1rem; padding-bottom:1rem; border-bottom:1px solid #c6c6c6; background-color:#f9f9fb;}
.p-table.list th {display:none;}
.p-table.list th, .p-table.list td {padding:0.5rem 1rem; border-top-width:0; border-left-width:0; text-align:left;}
.p-table.list th {background-color:transparent; color:inherit; font-weight:400;}
.p-table.list th:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.list td:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.list tbody tr:last-child th, .p-table.list tbody tr:last-child td { border-bottom:0; }
.p-table.list tfoot tr:last-child th, .p-table.list tfoot tr:last-child td { border-bottom:0; }
.p-table.board {border-bottom-width:0;}
.p-table.board colgroup, .p-table.board thead {display:none;}
.p-table.board tbody,
.p-table.board tfoot,
.p-table.board tr,
.p-table.board th,
.p-table.board td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border-bottom:0;}
.p-table.board tr {padding-top:1rem; padding-bottom:1rem; border-bottom:1px solid #c6c6c6; background-color:#f9f9fb;}
.p-table.board th {display:none;}
.p-table.board th, .p-table.board td {padding:0.5rem 1rem; border-top-width:0; border-left-width:0; text-align:left;}
.p-table.board th {background-color:transparent; color:inherit; font-weight:400;}
.p-table.board th:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.board td:before {display:inline; font-weight:600; content:attr(data-cell-header);}
.p-table.board tbody tr:last-child th, .p-table.board tbody tr:last-child td { border-bottom:0; }
.p-table.board tfoot tr:last-child th, .p-table.board tfoot tr:last-child td { border-bottom:0; }
.p-table.board td.alc { text-align:left; }
.pop_cont_wrap .pop_cont_inner2 { width:94%; margin:0 3%; height:calc(100% - 5rem); }
.pop_cont_wrap .popup-content { margin:0 1rem 3rem 1rem; padding:2.2rem 1.5rem 2.8rem 1.5rem;}
.pop_cont_wrap .popup-head { padding-right:1.5rem; }
.pop_cont_wrap .popup-head .ico_close { margin:0; }
}
/*202306 만족도조사 css*/
.josa_tab { position: relative; width: 100%; margin-bottom: 5rem; border-bottom: #434343 solid 1px; padding:3rem 1rem;}
.josa_tab ul { display:flex; }
.josa_tab ul li { position: relative; width:33.3%; text-align: center; }
.josa_tab ul li:before { position: absolute; top:calc(50% - 12px); right:0; width:16px; height:26px; background: url("../img/josa_icon01.png") no-repeat; border-radius:50%; content:""; }
.josa_tab ul li:last-child:before {display:none;}
.josa_tab ul li a { width: 100%; display: block; }
.josa_tab ul li span {padding:18px 5px 18px 40px;}
.josa_tab ul li.on span { color:#ff5d48;}
.josa_tab ul li:nth-child(1) span { background: url("../img/josa_ico01.png") no-repeat 0 50%;}
.josa_tab ul li:nth-child(2) span { background: url("../img/josa_ico02.png") no-repeat 0 50%;}
.josa_tab ul li:nth-child(3) span { background: url("../img/josa_ico03.png") no-repeat 0 50%;}
.josa_tab ul li.on:nth-child(1) span { background: url("../img/josa_ico01_on.png") no-repeat 0 50%;}
.josa_tab ul li.on:nth-child(2) span { background: url("../img/josa_ico02_on.png") no-repeat 0 50%;}
.josa_tab ul li.on:nth-child(3) span { background: url("../img/josa_ico03_on.png") no-repeat 0 50%;}
.josa_box { border:#5a5c7e solid 1px; border-radius: 15px; padding:3rem 4rem; margin:1rem 0 6rem 0;}
.josa_inner1 { background: #f5f7fb; padding:30px; border-radius: 15px; margin: 1rem 0;}
.josa_inner2 { display: inline-block; background: #f5f7fb; padding:2px 0; border-radius: 30px; margin: 2rem 0 1rem 0;}
.faq_line {border:#5a5c7e solid 1px;border-radius: 15px; overflow:hidden; margin-top: 0.5rem;}
.faq_wrap:last-child .box_a { border-bottom: 0; }
.faq_wrap .box_q { padding: 2rem 2rem 2rem 3.5rem; border-bottom:#e6e6e6 solid 1px;}
.faq_wrap .box_q .question { color:#0056b3; font-weight: 600; font-size: 18px; margin-right: 5px;}
.faq_wrap .box_a {background: #f9fafc; padding: 2rem 2rem 2rem 3.5rem; border-bottom: #a9aabc solid 1px;}
.ul_answer { display: flex;}
.ul_answer li { width:25%;}
[data-input-grid]>textarea { width:100%;}
.josa_last { background: #f5f4fa; border:#5a5c7e solid 1px; border-radius: 15px; padding: 1rem; margin-bottom: 3rem;}
.josa_last .josa_last_in{ background: #fff;border-radius: 15px; padding: 3rem 3rem 6rem 3rem;}
.josa_last .josa_last_title {position: relative;font-family:'SCDream'; text-align: center; padding-top: 20rem; color:#424242; padding-bottom: 3rem; }
.josa_last .josa_last_title:before { position: absolute; top:5rem; right:calc(50% - 120px); width:239px; height:118px; background: url("../img/josa_icon02.png") no-repeat; content:""; }
.josa_last .josa_last_title .name { color:#3d7bbf; }
.josa_last .josa_info { width: 50%; margin: 0 auto; background: #f1f5f9; padding:3rem;}
.login_wrap2 { position:relative; display: flex; width: 100%; }
.login_wrap2 .item { position:relative; width:calc(50% - 1px); vertical-align:top; margin-bottom: 3rem; }
.login_wrap2 .item:first-child:before { position: absolute; background: #ddd; top:30px; right:0; width:1px; height:250px; content: ''; }
.login_wrap2 .item .con { padding:3rem 3rem; }
.login_wrap2 .item .con .inner {position:relative; min-height:18rem; text-align:center; }
.login_wrap2 .login_title { position:relative; font-size:2.2rem; font-weight:500; padding-bottom:12rem; }
.login_wrap2 .login_title:before {content:''; position:absolute; left:calc(50% - 50px); top:3rem; width:100px; height:100px; }
.login_wrap2 .login_title.ico01:before { background:url(../img/josa_icon03.png) no-repeat center center; z-index:100; }
.login_wrap2 .login_title.ico02:before { background:url(../img/josa_icon04.png) no-repeat center center; top:5rem; z-index:100; }
/*점검중*/
#wrap_issue { position:relative; width:100%; height:100vh; font-family: 'SCDream';}
#wrap_issue .issue_inn { position: absolute; width: 550px; transform: translate(-50%,-30%); top:30%; left:50%;padding-top: 220px; border:#3a4660 solid 2px;}
#wrap_issue .issue_inn:before { position: absolute; content: ""; top:0; left:calc(50% - 150px); width: 300px; height:200px; background: url("../img/issue_icon.png")no-repeat;}
#wrap_issue .issue_tit { text-align: center; color:#28288c; font-size: 26px; font-weight: bold; }
#wrap_issue .issue_subtit { text-align: center; color:#000; font-size: 15px; font-family: 'Noto Sans Korean';margin: 10px 0 60px 0;}
#wrap_issue .issue_subtit p { display: block; padding: 0; margin: 0;}
#wrap_issue .issue_time { background: #37398b; padding: 40px;}
#wrap_issue .issue_time p.title { color:#fff;}
#wrap_issue .issue_time p.desc01 { background: #fff; color:#37398b; padding: 10px; padding-left: 20px; border-radius: 5px; margin: 2px 0 5px 0; }
#wrap_issue .issue_time p.desc02 { font-size: 13px; color:#fff;font-family: 'Noto Sans Korean';}
@media screen and (max-width:600px){
#wrap_issue { margin:0 3%; width:94%;}
#wrap_issue .issue_inn { width:100%; padding-top: 140px; transform: translate(-50%,-50%); top:50%;}
#wrap_issue .issue_inn:before { background-size:200px; width: 200px; left: calc(50% - 100px);}
#wrap_issue .issue_tit { font-size:2rem;}
#wrap_issue .issue_subtit { font-size:13px; padding: 0 20px; margin-bottom: 20px;}
#wrap_issue .issue_time { padding:20px;}
}