@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css
 * Desc      :page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: 100;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}
#header.down, .sub_wrap #header.down  {background:#fff; box-shadow:0px 0px 13px rgba(0, 0, 0, 10%);}
/*

.sub_wrap #header.down {box-shadow:none;}
#header.down h1 img, .sub_wrap #header h1 img  {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .w_gnb .gnb > ul > li > a, .sub_wrap .w_gnb .gnb > ul > li > a {color:#000;}
.down .top_search > button, .sub_wrap .top_search > button {color:#000;}
.down .top_search > button img, .sub_wrap .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_search:before, .sub_wrap .top_search:before {background:#000;}
.down .menu_btn a img, .sub_wrap .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
*/


/* header */
#header {width:100%; position:fixed; padding:0px 50px; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; background:#fff;}
.in_header {max-width:1300px; width:100%; height:80px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {font-family: 'S-CoreDream'; display:flex; color:#000; font-size:22px; line-height:1.3em; font-weight:600; align-items:center; transition:all 0.3s 0s ease-in-out;}

.top_menu {position:absolute; overflow:hidden; right:0px; top:50%; transform:translateY(-50%)}
.top_menu > li {float:left; margin-left:10px; padding-left:10px; position:relative; line-height:34px; font-size:16px;}
.top_menu > li:not(:first-child):before {display:block; content:""; width:1px; height:10px; background:#000; position:absolute; left:0px; top:50%; margin-top:-5px;}
.top_menu > li a {display: flex; flex-wrap: wrap; height: 24px; line-height: 24px; color:#000000; font-weight:500; font-size:16px;}
.top_menu > li a .ico {margin-right:0.4em;}

.top_menu > li:first-child {padding-left:0px; margin-left:0px;}



.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:none; }
.menu_btn a {width:33px; height:22px;}
.menu_btn a img { transition:all 0.3s 0s ease-in-out;}


/* wrap */
#wrap {width:100%; padding-top:80px; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding:80px 10px 100px 10px;}

#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1300px; margin:0 auto;}

.bg_wrap {background:#f2f2f2}








/* GNB */
.w_gnb {padding:0px 200px 0px 200px;}
.w_gnb .gnb {max-width:800px; margin:0 auto; box-sizing:border-box; padding:0px; width:100%; display: flex; align-items: center;}
.w_gnb .gnb > ul {flex:1; display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {text-align:center; flex:auto; padding:0px 5px; vertical-align:top; position:relative;}

.w_gnb .gnb > ul > li > a {display:block; color:#000000;}
.w_gnb .gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; box-sizing:border-box; font-size:19px; font-weight:600; height:80px; transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span { color:#000;}

.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; padding:20px 5px; padding-bottom:40px; box-sizing:inherit; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:3px 0px 3px 0; letter-spacing:-0.5px; text-align:left;}
.w_gnb .sub_menu > li > a {word-break:auto-phrase; display:block; font-size:15px; color:#000; font-weight:500; padding:3px 0px; text-align:center; line-height:1.3em;}
.w_gnb .sub_menu > li > a:hover {color:#2f6dfc; text-decoration:underline}

.spon_banner {position: relative; margin-left:30px}
.spon_banner button {display:flex; align-items:center; justify-content:center; color:#fff; width:106px; height:35px; border-radius:4px; background: #2f6dfc; font-size:15px; line-height:1.4em; font-weight: 500;}
.spon_banner .heart {margin-right:5px; color:#fdba06;}
.spon_banner .pop {position: absolute; left:50%; top:100%; margin-top:15px; width: 320px; min-height:97px; transform: translateX(-50%); background: #2855bf; border-radius:4px; border:1px solid #2f6dfc; color:#fff; display: flex; align-items: center; justify-content: center; padding:10px;}
.spon_banner .pop > dl {padding-left:1em; font-size:16px; line-height: 1.4em;}
.spon_banner .pop dt {font-weight:400;}
.spon_banner .pop .tel {font-size:1.5em; font-weight: 600; line-height: 1.3em;}
.spon_banner .pop:Before {display: block; content: ""; border-bottom:6px solid #2855bf; border-left:6px solid transparent; border-right:6px solid transparent; position: absolute; left: 50%; bottom:100%;}
.spon_banner .pop a {color:#fff;}



.gnb08 {display:none !important;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}
.gnb_bar_in {max-width:1440px; margin:0 auto; box-sizing:border-box; padding-left:min(360px, 25vw); position:relative; }
.gnb_bar_in > span {font-size:36px; color:#000000; line-height:140%; position:absolute; left:10px; top:0%; height:100%; display:flex; padding-top:25px; z-index:9; font-weight:700; cursor:default;  font-family:'Hana2';}
.gnb_bar_in .txt_s {font-size:16px; color:#343434; line-height:140%; position:absolute; left:30px; top:105px; z-index:9; font-weight:300}
.gnb_bar_in .sub_menu {display:block !important; }


.slide_menu_wrap {width:80%; max-width:510px; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-90%; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.2;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; padding-top:70px; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu_wrap {text-align:center; position:relative; right:auto; top:auto; display:block; transform:none;}
.slide_menu_wrap .top_menu_wrap > .top_menu > li svg .white {fill:#333}
.slide_menu_wrap .top_menu {padding:0px; background:#333;}
.slide_menu_wrap .top_menu > li a .lang {background:url(../img/common/ico_lang.png) no-repeat left center !important;  background-size:14px auto; color:#fff; font-weight:600;}
.slide_menu_wrap .top_menu > li:nth-child(2):before {display:block;}
.slide_menu_wrap .top_menu > li:before {background:#fff !important;}
.slide_menu_wrap .top_menu {transform:none; margin-bottom:5px; right:auto; top:auto; position:relative; display:flex;}
.slide_menu_wrap .top_menu > li {width:50%; box-sizing:border-box; float:none; padding:0px; text-align:center; margin:0px;}
.slide_menu_wrap .top_menu > li > a {background:none !important; color:#fff; display:flex; height:40px;justify-content:center; align-items:center; font-size:13px; font-weight:400; padding:0px;}
.slide_menu_wrap .top_menu > li > a .ico {display:none;}
.slide_menu_wrap .top_menu > li > a img {opacity:1 !important}
.slide_menu_wrap .top_menu > li > a img.pa {display:none;}
.slide_menu_wrap .in_header {background:url(../img/common/logo2.png) no-repeat 40% center; height:95px; padding:0px; background-size:50% auto;}

.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #e2e2e2; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:60px; font-size:18px; font-weight:600; color:#333; padding-left:50px; background:#fff;}
.slide_menu_wrap .gnb > ul > li:hover > a {background:linear-gradient(-45deg, #0162ff, #253d92); color:#fff;}
.slide_menu_wrap .gnb > ul > li > a.on {background:linear-gradient(-45deg, #0162ff, #253d92); color:#fff; }
.slide_menu_wrap .gnb .sub_menu {background:#fff; display:none; padding:10px 0px;}
.slide_menu_wrap .gnb .sub_menu > li {border-top:1px solid #eee;}
.slide_menu_wrap .gnb .sub_menu > li:first-child {border-top:none;}
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:10px 0px 10px 50px; font-size:15px; color:#263e93; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:500;}
.slide_menu_wrap .gnb .sub_menu > li > a:hover {padding-left:55px; }

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; }
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#d62a6a; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;}
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#d62a6a; position:absolute; left:0px; top:50%;}
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;}

.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .spon_banner {margin:0px}
.slide_menu_wrap .spon_banner button {display:none;}
.slide_menu_wrap #spon_pop {display:block !important;}
.slide_menu_wrap .spon_banner .pop {position: relative; left:auto; transform:none; top: auto; width:100%; border-radius:0px ;}
.slide_menu_wrap .spon_banner .pop:Before {display:none;}


.main_wrap {background: #f7f8fd}

/* visual */
#section1 {padding:40px 20px;}

.main_visual_wrap {max-width:1720px; margin: 0 auto}
.main_visual_wrap .swiper {overflow: inherit}
.main_visual {width:100%; overflow:hidden; position:relative;}
.main_visual .swiper-slide {display: flex; align-items: center;}
.main_visual .v_frame {padding:7%; color: #fff; width: 100%; opacity: 0; transition:all 0.3s 0s ease-in-out;}
.main_visual .swiper-slide-active .v_frame {opacity: 1;}
.main_visual .swiper-slide-next {}

.main_visual .v_frame .txt1 {font-family: 'S-CoreDream'; font-size:72px; line-height: 1.2em; font-weight:100;}
.main_visual .v_frame .txt1 > strong {font-weight:600;}
.main_visual .v_frame .txt2 {padding: 1em 0px 2em 0px; font-size:26px; line-height: 1.3em; font-weight: 600;}
.main_visual .v_frame .bt a {display: flex; color: #fff; font-size:22px; font-weight: 600; line-height: 1.3em; width:12.86em; height: 3.18em; border:1px solid rgba(255, 255, 255, 50%); border-radius:60px; justify-content: center; align-items: center;}
.main_visual .v_frame .bt a:after {display: block; content: ''; width:8px; height:8px; border-top:4px solid #fff; border-right:4px solid #fff; display: inline-block; transform: rotate(45deg); margin-left:0.5em}

.main_visual .control {position: absolute;  display: flex; right:20px; bottom:20px; border-radius:30px; background: rgba(0, 0, 0, 50%); justify-content: center; align-items: center; padding: 0px 1em; z-index: 99; height: 34px;}
.main_visual .control .swiper-pagination {display: flex; margin-right: 5px; align-items: center; gap:5px; font-size:13px; color:#fff; font-weight: 600;}
.main_visual .control .swiper-pagination-current {order: 1;}
.main_visual .control .swiper-pagination-total {order:3;}
.main_visual .control .swiper-pagination:after {order:2; display: block; content: ""; width: 1px; height: 6px; background: #fff;}
.main_visual .control .play_stop {font-size:0px; display: flex; margin-left: 5px; width:10px; height: 9px; justify-content: center; align-items: center; color:#fff;}
.main_visual .control #play:before {display: block; content: "▶"; font-size:11px;}
.main_visual .control #stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #fff; border-right:3px solid #fff;}



/* section */
.section {padding:90px 0px; font-size:18px; line-height:140%; word-break:keep-all}


@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
}

.more {position:absolute; right:0px; top:0px;}
.more > a {display:flex; color:#000; font-weight:600; font-size:15px; align-items:center;}
.more > a > span {display:flex; width:32px; height:32px; justify-content:center; align-items:center; margin-left:10px; background:#363636; border-radius:10px; color:#fff; position:relative}
.more > a > span:after {display:block; content:""; width:12px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-1px; transition:all 0.5s;}
.more > a > span:before {display:block; content:""; width:2px; height:12px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-1px; transition:all 0.5s;}
.more > a > span:hover:after {transform:rotate(90deg);}
.more > a > span:hover:before {transform:rotate(90deg);}


.m_tit_wrap {text-align:center; padding:50px 0px 25px 0px; position:relative;}
.m_tit_wrap .dec {font-size:1.444em; line-height:1.4em; font-weight:400; padding-bottom:10px;}
.m_tit {padding:0px 0px 15px 0px; color:#000000; font-size:36px; line-height:120%; font-weight:800; display: flex; align-items: center; letter-spacing:-1px; }
.m_tit img {}
.m_tit_txt {margin:0px 0px 0px 0px; word-break:keep-all; color:#666666; font-weight:400; line-height:1.4em;}

#section2 {padding-top:0px; padding-bottom: 0px;}
.main_banner {display: flex; gap:20px}
.main_banner .box {width:calc(50% - 10px)}
.main_banner .banner1 {background: #2f6dfc; color: #fff; border-radius:20px; padding: 40px;}
.main_banner .banner1 dt {font-size:2em; line-height: 1.3em; font-weight:700;}
.main_banner .banner1 dd {padding-top: 1em;}
.main_banner .banner1 ul {font-size: 0.88em;}
.main_banner .banner1 ul > li {display: flex; margin-top: 1em; align-items: center}
.main_banner .banner1 ul > li img {min-width:max-content;}
.main_banner .banner1 ul > li > div {display: flex;}
.main_banner .banner1 ul > li .subj {align-self: flex-start; min-width:7em; margin:0px 0px 0px 1em;}
.main_banner .banner1 .txt_b { padding:1em 0px 1.5em 73px;}
.main_banner .banner1 .tel {padding-left:73px; font-weight: 600; display: flex; align-items: center;}
.main_banner .banner1 .tel img {margin-right:0.8em;}
.main_banner .banner1 .tel > strong {color: #ffe976; font-size: 1.875em; line-height: 1.2em; font-weight: 800; margin-left:0.5em;}


.main_banner .banner2 > ul {display: flex; flex-wrap: wrap; gap:10px 20px; height: 100%}
.main_banner .banner2 > ul > li { width:calc(50% - 10px); order:1}
.main_banner .banner2 > ul > li > a {display: block; position: relative; padding: 40px; font-size:0.88em; background: #fff; border-radius:20px; box-shadow:7px 7px 12px rgba(0, 0, 0, 10%); border:1px solid #fff;  transition:all 0.3s 0s ease-in-out;}
.main_banner .banner2 > ul > li > a * {transition:all 0.3s 0s ease-in-out;}
.main_banner .banner2 > ul > li:nth-child(3) {order:0; width: 100%;}
.main_banner .banner2 > ul > li:nth-child(3) > a {box-shadow: none;}
.main_banner .banner2 .txt_a {font-size: 1.375em; color: #333; font-weight:800; line-height: 1.3em;}
.main_banner .banner2 .txt_b {min-height:7em; padding-top:0.5em;}
.main_banner .banner2 .go {display: flex; align-items: center}
.main_banner .banner2 .go:after {display: block; content: ""; width:5px; height:5px; border-top:2px solid #333; border-right:2px solid #333; display: inline-block; transform: rotate(45deg); margin-left:0.5em; transition:all 0.3s 0s ease-in-out;}
.main_banner .banner2 .ico {position: absolute; right:30px ;bottom:30px;}

.main_banner .banner2 .last > a {background: #d7e9ff; border:none;}
.main_banner .banner2 .last > a .ico {}
.main_banner .banner2 > ul > li > a:hover {border-color:#2f6dfc; color: #2f6dfc; }
.main_banner .banner2 a:hover .txt_a {color: #2f6dfc; }
.main_banner .banner2 a:hover .go:after {border-color:#2f6dfc; }
.main_banner .banner2 .last > a:hover {background: #2f6dfc; color: #fff;}
.main_banner .banner2 .last > a:hover .txt_a {color: #fff;}
.main_banner .banner2 .last > a:hover .go:after {border-color:#fff; }

#section3 { position: relative; margin-top:30px;}
#section3 .inner {position: relative; z-index: 1;}
#section3:before {z-index: 1; display: block; content: ""; width:70vw; background: #f0f3f6; height: 548px; border-radius:0px 60px 190px 0px; position: absolute; left: 0px; top: 0px;}

.main_board_wrap {min-height:390px; position: relative; margin:30px 0px 50px 0px;}
.main_board_wrap .plus_go { position: absolute; right:105px; top:-55px;}
.main_board_wrap .arrow_group {display: flex; align-items: center; position: absolute; right: 0px; top:-55px;}
.main_board_wrap .arrow_group .bt {display: flex; width: 40px; height: 40px; border-radius:100%;  justify-content: center; align-items: center;}
.main_board_wrap .arrow_group .arrow {background: #2768bf; text-indent:-999999em}
.main_board_wrap .arrow_group .arrow:after {display: block; content: ""; width: 6px; height: 6px; border-top: 3px solid #fff; border-right: 3px solid #fff; border-radius:3px; transform: rotate(45deg);}
.main_board_wrap .arrow_group .nextArrow:after {transform: rotate(-135deg);}
.main_board_wrap .arrow_group .plus_go {margin-right: 20px;}
.plus_go .bt {display: flex; width: 40px; height: 40px; border-radius:100%;  justify-content: center; align-items: center; background: #fff; color: #2768bf;text-indent:-999999em; border:1px solid #2768bf; position: relative;}
.plus_go .bt:hover:after {transform: rotate(90deg);}
.plus_go .bt:hover:before {transform: translate(-50%, -50%) rotate(90deg);}
.plus_go .bt:after {display: block; content: ""; width: 14px; height: 4px; background: #2768bf;  transition:all 0.3s 0s ease-in-out;}
.plus_go .bt:before {display: block; content: ""; width: 4px; height: 14px; background: #2768bf; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  transition:all 0.3s 0s ease-in-out;}


.news_list {margin:-20px -10px;}
.news_list .slick-slide {padding:20px 10px;}
.news_list .box {padding:35px; border-radius: 30px; display: block; border:1px solid #fff; background: #fff; box-shadow:7px 7px 12px rgba(0, 0, 0, 10%); transition:all 0.3s 0s ease-in-out; caption-side: #666666; font-size:14px; line-height: 1.3em; position: relative;}
.news_list .box:hover {color: #2f6dfc; border-color:#2f6dfc}
.news_list .box:hover .txt_a {color: #2f6dfc;}
.news_list .box:hover .date > strong {color: #2f6dfc;}
.news_list .box * {transition:all 0.3s 0s ease-in-out;}
.news_list .box .date {font-weight:500;}
.news_list .box .date > strong {font-size:2em; line-height: 1.3em; font-weight: 700; display: block; color: #000;}
.news_list .box .txt_a {font-size: 1.42em; line-height: 1.3em; height:2.6em; font-weight:700; color: #000; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0.5em 0px 1em 0px; }
.news_list .box .txt_b {line-height: 1.3em; height:2.6em; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_list .box .new {display:flex; align-items: center; justify-content: center; width: 37px; height:28px; border-radius:30px; color: #000; font-size:11px; line-height: 1.2em; color: #000; position: absolute; right: 35px; top:35px; background: #ffc82e; text-transform: uppercase; font-weight: 600;}
.news_list .box .new:after {display: block; content: ""; border-top:7px solid #ffc82e; border-left:5px solid transparent; border-right:5px solid transparent; position: absolute; right:5px; top:90%;}

.faq_list_wrap {position: relative; padding-top:20px;}
.faq_list_wrap .plus_go {position: absolute; right:0px; top:-55px;}










a.main_bt {display:inline-flex; min-width:185px; height:50px; background:#0083cb; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:space-between; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden}

a.main_bt .txt {flex:1; color:#fff; text-align:center; z-index:2;  transition:all 0.3s 0s ease-in-out; }
a.main_bt .plus {width:50px; border-left:1px solid #4da8db; display:flex; justify-content:center; align-items:center; font-size:20px; color:#80c1e5; font-weight:800; z-index:2}


a.over:after {display:block; content:""; position:absolute; top:0; left:-20px; z-index:1; width:120%; height:100%; border-radius:6px; background:#de4449; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86);}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}
a.over:hover .txt {opacity:0.7;}

a.line_bt {display:inline-flex; min-width:185px; color:#fff; height:50px; border:1px solid #fff; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:center; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden; transition:all 0.3s 0s ease-in-out;}
a.line_bt:hover {border-color:rgba(255, 255, 255, 50%)}

a.line_bt.over:after {top:0; left:-20px; z-index:-1; border-radius:6px; background:#000; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86); opacity:0.7;}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}



/* footer */
#footerW {clear:both; background:#fff; padding:20px 50px; box-sizing:border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}
#footer_navi {display:flex; align-items: center; flex-wrap:wrap; height:80px; position:relative; gap:10px 50px}
#footer_navi > ul {display:flex; flex-wrap:wrap; margin:0px -13px; align-items:center;}
#footer_navi .navi > li {padding:0px 13px; position:relative;}
#footer_navi .navi > li:not(:first-child):after {display:block; content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0px; top:50%; margin-top:-7px;}
#footer_navi .navi > li a {display:block; font-size:16px; color:#000; font-weight:600; line-height:1.3em; }
#footer_navi .sel_box {margin:0px -5px; width:50%; max-width:700px;}
#footer_navi .sel_box > li {padding:0px 5px; width:33.333%;}
#footer_navi .sel_box > li select {height:50px; width:100%; font-size:16px; color:#333; font-weight:600;}
#footer_navi .related_sites {display: flex; height:45px; font-size:14px;}
#footer_navi .related_sites .subj {width:7.5em; border-radius:60px; font-weight:500; background:#2855bf; color:#fff; display: flex; align-items: center; justify-content: center; position: relative;}
#footer_navi .related_sites > ul {border-radius:60px; padding:0px 20px 0px 70px; margin-left:-50px; background:#2f6dfc; color:#fff; display: flex; gap:0px 20px; align-items: center; justify-content: center;}
#footer_navi .related_sites > ul > li {position: relative; font-weight: 400; text-align: center;}
#footer_navi .related_sites > ul > li:not(:first-child)::before {display:block; content:""; width:1px; height:10px; background: #fff; position: absolute; left:-10px; top: 50%; transform: translateY(-50%)}
#footer_navi .related_sites > ul > li a {color: #fff;;}


#footer { position:relative; max-width:1300px; margin:0 auto; }
#footer .go_top {position:absolute; right:0px; top:0px; transform: translateY(-100%); z-index:99}
#footer .go_top > a {display:block; color:#333; text-align:center; border-radius:0px; background:#252b2b; padding:13px;}


#footer .addressW {padding:0px 0px 30px 320px; margin-top: 10px; box-sizing:border-box; position:relative; font-size:16px; color:#333; line-height:1.4em; font-weight:300; }
#footer .addressW a {color:#333}
#footer .addressW address {display: flex; flex-wrap: wrap; max-width:630px;  gap:0.3em 0.7em; align-items: center}
#footer .addressW address span {}
#footer .addressW address .line {width:1px; height:10px; background:#6f737f; padding:0px;}
#footer .copy {padding-top: 1em}
#footer .f_logo {position:absolute; left:0px; top:0px; font-size:22px; line-height:1.4em; color:#000; font-weight:600; font-family: 'S-CoreDream'}





#content {width:100%; max-width:1440px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



.sub_visual {width:100%; padding-left: 10px; padding-right: 10px; max-width: 1300px; margin: 0 auto; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.sub_visual .pa_img {position:absolute; right:0px; bottom:0px; max-width:50vw}
/*
.sub_visual:before {display:block; content:""; width:246px; height:296px; background:url(../img/common/sub_visual_bg01.png) no-repeat left top; position:absolute; left:50%; bottom:0px; margin-left:-960px;}
.sub_visual:after {display:block; content:""; width:432px; height:254px; background:url(../img/common/sub_visual_bg02.png) no-repeat left top; position:absolute; left:50%; bottom:0px; margin-left:460px;}
*/
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:24px; line-height:1.4em; position:relative; z-index:2; padding-bottom:1em;}
.sub_visual .sub_txt > h2 {padding-bottom:0px;}




/*
.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_2 .sub_visual {background:url(../img/project/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_3 .sub_visual {background:url(../img/support/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_4 .sub_visual {background:url(../img/education/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_5 .sub_visual {background:url(../img/data/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_6 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_7 .sub_visual {background:url(../img/customer/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_9 .sub_visual {background:url(../img/mypage/sub_visual.jpg) no-repeat center top/cover;}
*/




.sub_wrap {opacity:0;}


.sub_wrap #header {background:#fff; transition:all 0.3s; border-bottom:1px solid #e5e5e5}
/*.sub_wrap #header.down {top:-100px;}*/
.sub_wrap #header.down:after {opacity:0.4; background:#ccc;}
.sub_wrap.up #header {top:0px !important; transition:all 0.3s;}
.sub_wrap {padding-top:90px;}
.sub_wrap #footerW {border-top:1px solid #ccc;}



#sub_tit {font-size:52px; font-weight:700; line-height:1.2em;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}

.lnb_position {position:relative;}
#m_lnb {display:none;}
#lnb_wrap {z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box; max-width:1440px; margin:0 auto; width:100%; }

#lnb_wrap .lnbs1 {display:none;}

#lnb_wrap .lnb {display:flex; margin:0 auto; box-sizing:border-box; position:relative; z-index:9; left:50%; transform:translateX(-50%); transition:all 0.3s;  /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}
#lnb_wrap .lnb:before {display:none; content:""; max-width:1720px; width:100%; height:100%; box-sizing:border-box; border-left:none; border-right:none; left:50%; transform:translateX(-50%); position:absolute; background:#009178; border-radius:4px;  z-index:-1;}
#lnb_wrap .lnb .lnbs { width:50%; max-width:240px; box-sizing:border-box; border-right:1px solid #50ba9f; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%);}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {display:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #e71a0f ;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#666; font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
.lnb ul li a:hover {color:#000;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnb .lnbs2 {display:none;}
#lnb_wrap .lnbs3 {border-radius:70px; background: #eff6fb; padding:15px;  margin:0 auto;}
#lnb_wrap .lnbs3 > ul {display:flex; gap:4px; align-items:center; flex-wrap:wrap; justify-content:center}
#lnb_wrap .lnbs3 > ul > li {position:relative; flex:1;}

#lnb_wrap .lnbs3 > ul > li > a {display:flex; min-width:11em; justify-content:center; align-items:center; box-sizing:border-box; font-weight:700; padding:0px; font-size:18px; line-height:1.3em; border:none; position:relative; color:#999999; background:#fff; border-radius:70px; height:56px; text-align:center; padding:0px 1em;}
#lnb_wrap .lnbs3 > ul > li.on {z-index:2;}
#lnb_wrap .lnbs3 > ul > li.on > a {color:#fff; background:#2f6dfc;}
/*#lnb_wrap .lnbs3 > ul > li.on > a:after {display:block; content:""; width:100%; height:5px; background:#fff; position:absolute; left:0px; bottom:0px;}*/





.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}



.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#fff; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}


#lnb_menu .three_depth {display:none;}




.lnbs3 {padding-left:10px; padding-right:10px;}




.title_bar {max-width:1440px; margin:0px auto 70px auto; padding-top:60px; position:relative;}
/*.title_bar:after {display:block; content:""; width:331px; height:167px; background:url(../img/introduce/01_img01.jpg) no-repeat 50% top/cover; position:absolute; right:50%; top:30px; margin-right:370px;}*/
.title_bar h2 {font-size:42px; text-align:center; font-weight:800; color:#000; line-height:1.3em; transition:all 0.2s 0s ease-in-out;}
.title_bar h2:after {display:block; content:""; width:1px; height:33px; margin:0 auto; margin-top:20px; background:#333}

.title_bar .s_txt {font-size:20px; text-align:center; color:#333333; padding-top:10px; line-height:140%; font-weight:300; word-break:keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}


.location {position:relative; text-align:right; margin:2em 0px; font-size:15px;}
.location span {display:inline-block; zoom:1; margin-left:14px; color:#333; font-weight:300;}
.location > span:after {display:block; content:""; width:5px; height:5px; border-top:1px solid #333; border-right:1px solid #333; display:inline-block; transform:translateY(-0.2em) rotate(45deg); margin-left:10px; }
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; }
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-4px;}
.sub_con { max-width:1300px; margin:0 auto; font-size:18px; font-weight:400; line-height:160%; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}



.s_tit {font-size:36px; color:#333333; line-height:140%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit > span {display:inline-block; position:relative; z-index:1}
.s_tit img {vertical-align:middle;}
.s_tit:before {display:none; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:none; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
.txt_in {padding-left:36px}
.b_txt {font-size:1.29em; font-weight:600; margin-top:30px; margin-bottom:10px; line-height:1.3em;}
.b_txt + p {margin-top:-5px;}

.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}
.ss_tit {font-size:26px; position:relative; color:#000; line-height:140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top:45px; font-weight:700;}
/*.ss_tit:before {display:block; content:""; width:7px; height:24px; background:#0f7bc6; position:absolute; left:0px; top:4px;}
.ss_tit > span{font-weight:300;}*/
.s_titW {max-width:1440px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 0px; margin:40px 0px 10px 0px; line-height:140%; position:relative;}
.sss_tit:before {display:none; content:""; width:10px; height:10px; background:#2b6b73 ; border-radius:100%; position:absolute; left:0px; top:8px;}

.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:2.3em !important; line-height:1.4em; color:#000; font-weight: 300;}
.second_txt {font-size:1.6em !important; line-height:1.4em; color:#000; font-weight: 300;}



.down_btn {text-align:center; padding:30px 0px 20px 0px;}
.down_btn > a {display:inline-flex; flex-wrap:wrap; height:68px; padding:0px 30px; justify-content:center; align-items:center; border:3px solid #000; border-radius:6px; background:#fdd000}
.down_btn > a > span {display:inline-block; color:#000; font-size:22px; padding-right:30px; background:url(../img/common/ico_down4.png) no-repeat right center; font-weight:600;}

.video_wrap {padding-bottom:56%; position:relative;}
.video_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}

.youtube_wrap_max {max-width:1200px; margin:0 auto;}
.youtube_wrap {padding-bottom:56%; position:relative;}
.youtube_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}


.arrow_wrap {display:inline-block; padding-left:50px; background:url(../img/guide/arrow2.png) no-repeat left 6px; margin-left:10px;}


.point_box {padding:20px; background:#f3f4f8}

.check_txt {font-size:18px; color:#494949}



#add_date {position:relative; padding-right:115px;}
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {display:flex; flex-wrap:wrap; margin:-5px -10px;}
.radio_group > li {padding:5px 10px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:1px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; margin-bottom:50px; padding-top:10px; position:relative;}
.atab:after {display:block; content:""; width:200%; height:1px; background:#de4449; position:absolute; left:50%; bottom:0px; transform:translateX(-50%)}
.atab li {flex:1;}
.atab li a {display:flex; height:80px; justify-content:center; align-items:center; background:#eff1f6; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 10px; padding-top:3px; border-radius:10px 10px 0px 0px; border:1px solid #ccc; border-bottom-color:#de4449}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#fff; color:#000; border-color:#de4449; border-bottom-color:#fff}


.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab { margin-bottom:40px; padding-top:10px; font-size:0px; text-align:center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display:inline-block; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border:1px solid #00357e; border-radius:30px; font-size:16px;}
.btab li a .ico {display:block; margin:0 auto; width:120px; height:120px; overflow:hidden; margin-bottom:10px;}
.btab li.on a {color:#fff; background:#00357e; border-color:#00357e;}
.btab li.on a .ico img {margin-top:-100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border:1px solid #ccc; padding:0px 5px; font-size:15px;}
.btab.line li.on a {border:1px solid #ed2129;}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ background:rgba(0, 0, 0, 0%);  zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:17px; line-height:1.5em; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border:1px solid #ddd; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%) }
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000}
/*.pop_wrap .pop_head.bg_no .x_btn {right:0px; top:0px; transform:none;}*/
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000}
.pop_wrap .pop_head {background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%);; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px;}
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}





.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
#wrap.print_wrap {padding:0px !important}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}
.ico_note {position:relative; display:flex; align-items:center; font-size:15px;}
.ico_note:before {display:block; content:""; width:25px; height:20px; box-sizing:border-box; border-bottom:20px solid #333333; border-left:11px solid transparent; border-right:11px solid transparent; border-radius:4px; margin-right:10px;}
.ico_note:after {display:block; content:"!"; width:25px; height:20px; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:1.8em; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
.ico_note_box {padding-left:40px; background:url(../img/common/notice.png) no-repeat left 5px;}
.ico_note.yellow:before {background:#fdd000}
.ico_note.yellow:after {color:#000}
.ico_note.yellow {color:#fff;}

.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}






.board-write .btnNormalB.gray {background:#5fc3d0;}
.board-write .btnNormalB.gray:after {display:block; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid #2b6b73; box-sizing:border-box;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; color:#000; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


.click_count {text-align:right; padding:10px 0px; font-size:1.05em; color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}

.scrollbox1 {background:#f1f1f1; height:100px; overflow-x:hidden; overflow-y:auto; padding:12px;}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}

.leave {padding:170px 0px 0px 0px; margin-top:40px; background:url(../img/mypage/ico_leave.gif) no-repeat center top;}
.gray_box {border:1px solid #e9e9e9; padding:28px 20px; background:#fafafa}


.page_visual {position: relative; padding:2em 0px 3em 0px;}
.page_visual > img {position: relative; left: 50%; transform: translateX(-50%); min-width:max-content;}


.introduce { display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:space-between;}
.introduce > div {width:calc(50% - 10px)}
.introduce .img {max-width:max-content;}
.introduce .sign {padding-top:2.7em; font-size: 1.1em; line-height: 1.4em; text-align:right}
.introduce .sign > strong {font-size:1.6em; line-height:1.5em; font-weight:800;}


.map_wrap {border-bottom:1px solid #ccc; height:693px; overflow:hidden; box-sizing:border-box; margin-top:40px; min-width:1720px; position: relative; transform: translateX(-50%); left: 50%; border-radius:1em }
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}
.map_p {display:flex; align-items:center; font-size:20px; font-weight:700; color:#999999}
.map_p > strong {align-self:flex-start; display:flex; align-items:center;  color:#000; font-weight:700; min-width:fit-content; margin-right:15px;}
.map_p > strong img {margin-right:10px;}


.map_info {}
.map_info > ul {display:flex; flex-wrap:wrap; gap:10px;}
.map_info > ul > li {display: flex; flex: 1;  align-items: center}
.map_info .ico {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius:14px; background: #2f6dfc; min-width: 50px;}
.map_info dl {margin-left: 0.8em; flex: 1;}
.map_info dl dt {font-size: 0.88em; line-height: 1.3em;}
.map_info dl dd {font-size: 1.11em; font-weight: 700; color: #000;}

.service_info {padding:min(65px, 8.4vw) 0px; display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px;}
.service_info > li {flex: 1; text-align: center;}
.service_info .ico {display: block; padding-bottom:30px;}
.service_info dl {font-size: 0.88em; line-height: 1.5em;}
.service_info dt {font-size: 1.25em; font-weight: 700; color: #2f6dfc}
.service_info dd {padding-top: 0.8em;}


.service_setp {position: relative; padding-top:min(20px, 2.6vw); padding-bottom:min(90px, 11vw);  margin:min(90px, 11vw) 0px; }
.service_setp:before {z-index: -1; display: block; content: ""; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #f7f8fd}
.service_setp .setp {display: flex; gap:37px; flex-wrap: wrap; padding-top:min(20px, 2.6vw); justify-content:center;}
.service_setp .setp > li {text-align: center; max-width:130px; position: relative}
.service_setp .setp > li:not(:first-child):before {display: block; content: "▶"; color: #2f6dfc; position: absolute; left:-22px; top:50px; font-size:11px;}
.service_setp .setp .num {width: 130px; height: 130px; color: #fff; border-radius:100%; background: #2f6dfc; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700;}
.service_setp .setp .txt {padding-top: 0.6em; line-height: 1.3em; font-weight: 700;}
.service_setp .setp .txt.small {font-weight:400; font-size: 0.9em;}

.recommend {display: flex; gap:10px; flex-wrap: wrap; justify-content:space-between;}
.recommend > li {flex: 1; text-align: center; max-width:max-content;}
.recommend .txt {padding-top:0.8em; line-height: 1.4em; font-weight:600;}

.service_banner {position: relative; display: flex; height: 606px;  margin-top:min(90px, 11vw);  flex-direction: column; justify-content: center; align-items: center; color: #fff;}
.service_banner .bg {position: absolute; max-width: inherit; width:1720px; height: 100%; object-fit: cover; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1}
.service_banner .s_tit {margin-top: 0px; color: #fff;}
.service_banner > ul {display: flex; flex-wrap: wrap; justify-content: center; gap:20px 10px; width: 100%; justify-content:space-between; max-width:920px; margin:min(60px, 7.8vw) auto;}
.service_banner > ul > li {flex: 1 1 250px; text-align: center;}
.service_banner > ul > li dt {font-size: 1.1em;}
.service_banner > ul > li dd {font-size: 0.88em; line-height: 1.5em; padding-top: 1em;}
.service_banner .bt > a {width: 426px; height: 104px; color: #fff; display: flex; border-radius:60px; justify-content: center; align-items: center; background: #2f6dfc; font-size: 1.1em; font-weight:600; line-height: 1.4em;}
.service_banner .bt > a:after {display: block; content: ""; width:7px; height:7px; border-top: 3px solid #fff; border-right: 3px solid #fff; border-radius: 3px; transform: rotate(45deg); margin-left:0.5em}



.price-header { display: flex; align-items: center; background: #2f6dfc; padding:30px 10px; border-radius:16px; justify-content: space-around;  flex-wrap: wrap; gap:20px; margin-bottom:50px; }
.price-box {color: #fff; font-size:1.33em; max-width:max-content;}
.price-box p {margin: 0;}
.price-box strong { display: block;}
.price-box strong > span {font-size: 1.75em; font-weight: 800; line-height: 1.3em;}
.price-body {position: relative; display: flex; flex-wrap: wrap; gap: 40px; justify-content:space-between; align-items: flex-start; }
.price-body:before {display: block; content: ""; width: 1px; height: 100%; background: #ccc; opacity: 0.5; position: absolute; left: 50%; top: 50%; transform: translateY(-50%)}
.price-body .ss_tit {margin-top: 0px;}
.price-body > div { flex: 1 1 300px; max-width: 563px; }

.notice ul {font-size: 0.88em;}

.refund-list { display: flex; flex-direction: column; width: 100%; font-size: 0.88em; }
.refund-list .refund-row:first-child {background: #333333;  color: #fff; border-color:#333333 }
.refund-row { display: flex; margin-bottom: 1px; justify-content: space-between; border: 1px solid #cccccc; color: #999999; background-color: #f7f8fd; border-radius: 4px; }
.refund-label {border-right:1px solid #ccc}
.refund-label, .refund-value {flex: 1; padding:0.6em; font-weight:700; text-align: center;}
.refund-value strong {color: #333}


.service-apply-wrap {display: flex; gap: 40px; justify-content: space-between; position: relative;}
.service-apply-wrap::before {display:block; content: ""; width: 1px; height:50%; background:#ccc; position:absolute; left: 50%; top: 0px; opacity: 0.5;}
.service-apply-wrap > section {flex:1; max-width:569px;}
.service-apply-wrap .service-info {max-width: 553px;}
.service-info-desc {font-size: 1.33em;}
.service-steps {border-radius:10px; background:#f7f8fd; margin-bottom:1em; display: flex; align-items:center; justify-content: center; padding:2em;}
.service-steps ul {overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px 10px; max-width: 435px; }
.service-steps li {width:calc(20% - 5px); max-width:85px; text-align: center; position: relative;}
.service-steps li:first-child::before, .service-steps li:nth-child(5)::before {display:block; content: ""; width:420%; height:1px; background-color:#2f6dfc; position: absolute; left:50%; top:20px;}
.step-num {width:42px; position:relative; height: 42px; background: #2f6dfc; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5em auto; font-size:0.88em; font-weight:700; line-height:1.4em;}
.step-txt {font-size:0.8em; line-height:1.4em; font-weight:500; }
.form-group {font-size:16px; color: #666666;}
.form-group:not(:nth-of-type(1)) { margin-top:1.5em; }
.form-group > label {color: #000; font-size:1.25em; font-weight:600; line-height: 1.4em; display: flex ; margin-bottom: 0.5em;}
.form-group .required {align-self: flex-start; font-size:9px; line-height:2em; margin-left:0.5em; color:#2f6dfc;}
.form-group .input {width: 100%; border:1px solid #ccc; border-radius:4px; font-size:15px; line-height: 1.4em; height: 3.3em ;}
.form-group input+label {font-size: 1em; margin-bottom: 0px; color:#666666; font-weight: 400;}
.form-group .label-bg {background: #f7f8fd; padding:1em; margin-bottom: 1em;}
.flatpickr-current-month {padding-top:0px !important;}
.flatpickr_wrap {position: relative; background:#fff;}
.flatpickr_wrap .input {padding-left:50px !important; background:none; position: relative;}
.flatpickr_wrap:before {display: block; content: ""; width:50px; height:100%; background: url(../img/service/ico_c.svg) no-repeat center center; position: absolute; left: 0px; top: 0px;}
.form-radio-group, .form-checkbox-group {display: flex; gap:0.5em 1em; flex-wrap: wrap;}
.form-radio-group .etc, .form-checkbox-group .etc {display:flex; flex:1; min-width:40%}
.form-radio-group .etc .input, .form-checkbox-group .etc .input {flex:1}
.form-line {margin:2em 0px; display: block; width: 100%; height: 1px; background-color: #ccc;}
.form-link, a.form-link {display: inline-block;color: #000; font-weight: 600; text-underline-offset: 0.5em; text-decoration: underline; margin-left: 0.5em; }
.form-notice {padding-left:1em; text-indent: -1em; font-size:0.88em; line-height:1.4em; font-weight:500; color:#666666; }
.service-form .ss_tit {display:flex; align-items: center;}
.service-form .ss_tit .step-num {margin: 0px; font-size:16px; margin-right:5px;}
.service-form .ss_tit+.sss_tit {margin:0px 0px 30px 45px;}
.form-section {border:1px solid #e5e5e5; border-radius:10px; padding:30px 50px}
.form-section .form-row {display: flex;}
.form-section .form-group-wrap:not(:first-child) {border-top:1px solid #e5e5e5}
.form-section .form-group-wrap:first-child {margin-top:0px; padding-top:0px}
.form-section .form-group-wrap:last-child {margin-bottom:0px; padding-bottom:0px}
.form-section .form-group-wrap {display: flex; gap:20px; padding:0.8em 0px; margin:0.8em 0px}
.form-group-wrap .form-group {margin:0px; flex:1}

.visiting_care {display: flex; flex-wrap: wrap; gap:20px;}
.visiting_care > li {width:calc(50% - 10px); display: flex; align-items: center;}
.visiting_care > li .ico {min-width:max-content; margin-right:1em}
.visiting_care > li dl {max-width:364px; flex:1; font-size:0.88em;}
.visiting_care > li dt {color:#2f6dfc; font-size:1.25em; }
.visiting_care > li dd {line-height:1.4em; margin-top:0.5em;}

.process_box {display: flex; padding:0px 45px}
.process_box > li {margin:0px -45px; width:calc(33.3333% + 90px); background: rgba(47, 109, 252, 60%); color:#fff; display: flex; align-items:center; justify-content: center; text-align: center; height:7.5em; border-radius:90px; position: relative; font-weight: 600;}
.process_box > li:not(:last-child)::after {content:""; border-radius:3px; width:12px; height:12px; border-top:5px solid #fff; border-right:5px solid #fff;  position: absolute; right:40px; top:50%; transform: translateY(-50%) rotate(45deg); z-index: 9;}

.step_ground {border-radius:140px;background: #fff; padding:1.5em; padding-bottom:2em; display: flex; justify-content: center;}

.img_pa_txt {position: relative;}
.img_pa_txt img {max-width: inherit;}
.img_pa_txt .txt {width:50%; background: #fff; padding:1.5em; font-size:1.333em; line-height: 1.4em; position:absolute; right:0px; bottom:0px;}

.online_life {display: flex; flex-wrap: wrap; padding-top:min(30px, 3vw);}
.online_life .box {width: 50%;}
.online_life .box.info {padding-right:20px;}
.online_life .info dl {display:flex; height:100%; flex-direction: column;}
.online_life .info dl .txt {font-size:1.33em;  line-height: 1.4em; padding:1em 0px;}
.online_life .info dl .bt {margin-top:auto}
.online_life .info dl .bt a {width:100%; max-width:426px; height:min(104px, 20vw); color:#fff; display:flex; border-radius:60px; justify-content:center; align-items:center; background:#2f6dfc; font-size:1.1em; font-weight:600; line-height:1.4em;}
.online_life .info dl .bt a:after {display:block; content:""; width:7px; height:7px; border-top:3px solid #fff; border-right:3px solid #fff; border-radius:3px; transform:rotate(45deg); margin-left:0.5em;}

.cec {display: flex; justify-content:center; padding:min(40px, 5vw) 0px; gap:min(50px, 5vw)}
.cec > li {}
.cec > li > dl {width:min(258px, 26vw); text-align: center;}
.cec > li > dl dt {width: 100%; height:min(258px, 26vw); border-radius:100%; display: flex; justify-content: center; align-items: center; background: #f7f8fd; padding:1em; flex-direction: column; color:#2f6dfc}
.cec > li > dl dt > strong {font-size:min(2.88em, 6vw); font-weight:700; line-height:1.4em;}
.cec > li > dl dd {padding-top:1em; font-size:0.88em; line-height:1.4em;}

.num_col {gap:1em; display: flex; flex-wrap: wrap;}
.num_col > li {display: flex; align-items: center; gap:0.5em;}
.num_col > li .num {display: flex; align-items: center; justify-content:center; width: 1.875em; height: 1.875em; border-radius:100%; font-size:0.8em; background: #eff6fb; font-weight: 600;;}



/* ------------------------------------------------------------
 * Name      :mobile_layout.css
 * Desc      :page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

.right_quick {position:fixed; right:5px; top:50%; transform: translateY(-50%); z-index:997;}
.right_quick > a {background:#ffe900; display: block; border-radius:6px; padding:10px}


/* 1024 이상 */
@media screen and (min-width:1024px) {


}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}

}




/* 1440px 이하 */
@media screen and (max-width:1399px) {
	#header {padding:0px 10px; }
	.section {padding:70px 10px; font-size:17px;}
	#footerW {padding-left:10px; padding-right:10px;}
	#inner_wrap {padding-left:10px; padding-right:10px;}
	#lnb_wrap .lnb {padding-left:0px; padding-right:0px;}
	.lnbs3 {padding-left:10px; padding-right:10px;}

	.map_wrap {min-width:100%;}

	.form-section {padding:min(20px, 2.9vw) min(50px, 5vw) }

}
/* 980px 이하 */
@media screen and (max-width:979px) {
	 .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	.top_menu {display:none;}

	.menu_btn {display: block}
	.sub_wrap #header.down {top:-80px}
	#wrap {padding-top:80px;}
	.sub_wrap {padding-top:80px;}

	.sub_con {font-size:17px;}

	.up #lnb_wrap.fixed .lnb {top:80px;}
    .in_header {height:80px;}
	.main_banner {flex-wrap: wrap}
	.main_banner .box {width: 100%}
	.main_banner .banner1 {order:2}
	.main_banner .banner2 > ul > li:nth-child(3) {order:0}
	.main_banner .banner2 > ul > li:nth-child(1) {order:1}
	.main_banner .banner2 > ul > li:nth-child(2) {order:2}


    #sub_tit {font-size:48px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}


    .title_bar:before {display:none;}


	#footer {padding-top:30px;}
	#footer_navi {height:auto; justify-content:center}
	#footer_navi .sel_box {justify-content:center; max-width:100%; width:100%; padding:20px 0px;}
    #footer_navi > ul {justify-content:center; text-align:center; width:100%;}
    #footer .addressW {padding:10px 0px 30px 0px; min-height:inherit;font-size:15px; text-align:center;}
	#footer .addressW address {margin: 0 auto; justify-content: center}
	#footerW .copy > p {text-align:center;}
	#footerW .copy {text-align:center; font-size:15px;}
	#footer .addressW .f_link {display:none;}
	#footerW .familySite {position:relative; max-width:250px; margin:0 auto; margin-top:20px; right:auto ;top:auto}
	#footer .f_logo {position:relative; left:auto; top:auto; text-align:center; padding-bottom:0.5em;}
	.page_visual > img {min-width:120vw}

	.process_box {padding: 0px; flex-direction:column;}
	.process_box > li {width: 100%; height:6em; margin: 0px; margin-bottom:23px;}
	.process_box > li:not(:last-child)::after {right: auto; left:50%; top:100%;transform: translateX(-50%) rotate(135deg); border-color:#7fa4fc	}


}

/* 768 이하 */
@media screen and (max-width:767px) {
	.sub_wrap #header.down {top:-70px}
	#wrap {padding-top:70px}
	.sub_wrap {padding-top:70px}

	.top_menu {display:none;}
	.top_search > button .txt {display:none;}
	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}


	.up #lnb_wrap.fixed .lnb {top:70px;}

	.in_header {height:70px;}

	.m_tit {font-size:28px;}




	.section {font-size:16px}
	#footer_navi .navi > li a {font-size:14px;}
	#footer_navi .sel_box > li select {height:40px; font-size:14px;}
  	#footer .addressW {background-position:center 20px; font-size:13px;}
	#footer .go_top {top:-105px;}
	#footer .go_top > a {padding:9px;}
	#footer .go_top img {width:30px;}
	#footerW .copy {font-size:13px; padding:10px 0px;}
	 #lnb_wrap {padding:0px; margin:0px; height:auto; background:#2f6dfc }

	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:none;}

	#lnb_wrap .ico_home a {width:60px;}
	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:16px; padding-left:20px; line-height:60px; height:60px;}
/*
	.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
	.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
*/


	.location {font-size:14px;}


	.sub_con {font-size:15px;}
	#sub_tit {font-size:40px;}


    .title_bar {margin-bottom:35px; padding:55px 0px 20px 0px;}
	.title_bar h2 {font-size:36px;}

	.title_bar .s_txt {font-size:17px;}

	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}


	.s_tit {font-size:28px; margin-top:50px;}
	.ss_tit {font-size: 23px;}

	.over_layerW {position:relative;}
    .over_layer {overflow:auto;}

	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#aaa;}
	.over_layer::-webkit-scrollbar-thumb {background:#000;}

    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}


    /*atab*/
    .atab li a {height:55px; font-size:16px;}
    .atab li.on {margin-top:0px;}
    .atab li.on a {height:55px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

    .btn-tc > a {margin:0px;}
    .btab li a {padding:5px 0px; font-size:15px;}

	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}

	.txt_ico img {height:34px;}
	.s_tit > img {max-height:32px;}

	.lnbs3 > ul > li > a {font-size:16px;}

	.map_wrap {height:440px;}

	.introduce > div {width: 100%;}

	.map_info > ul > li {flex: initial; width:100%}
	.map_info .ico {min-width:40px; width: 40px; height: 40px;}
	.map_info .ico img {max-width:50%; max-height: 50%;}

	.price-body > div {flex:initial; width: 100%; max-width:100%}
	.price-body:before {display:none;}
	.notice ul {font-size: 1em}
	.refund-list {font-size: 1em}

	.service_banner {height: 470px;}
	.service_banner .bt > a {width: 356px; height: 74px;}
	.price-header .ico img {max-width:20vw}
	.price-box {font-size:min(1.33em, 3.5vw)}

	.service-apply-wrap {flex-wrap: wrap;}
	.service-apply-wrap::before {display:none;}
	.service-apply-wrap .service-info {max-width:100%;}
	.service-apply-wrap > section {flex:inherit; width:100%; max-width:100%;}
	.step-num {font-size: 1em;}
	.step-txt {font-size:1em;}
	.service-image img {width: 100%;}
	.form-group {font-size: 14px;}
	.form-group .input {height:3em;}

	.service-form .ss_tit .step-num {width:36px; height:36px;font-size:14px;}
	.form-section .form-group-wrap {flex-wrap: wrap; gap:0px;}
	.form-section .form-group-wrap .form-group {flex:initial; width:100%;}
	.form-section .form-group-wrap .form-group+.form-group {border-top: 1px solid #e5e5e5; padding-top:0.8em; margin-top:0.8em;}
	.service-form .ss_tit+.sss_tit {margin: 0px 0px 20px 41px;}

	.visiting_care > li {width:100%}
	.visiting_care > li .ico img {max-width:20vw;}

	.online_life .box {width:100%;}
	.online_life .box.info {padding:0px 0px 20px 0px}
	.online_life .box.info dt img {max-width:42vw}


}





/* 480px 이하 */
@media screen and (max-width:479px) {
	#header h1 a {font-size:20px;}
	.sub_wrap #header.down {top:-60px}
	#wrap {padding-top:60px;}
	.sub_wrap {padding-top:60px;}
	#header h1 img {height:30px;}


	.menu_btn a:before {display:none;}
	.up #lnb_wrap.fixed .lnb {top:60px;}
    #wrap {transition:all 0.3s 0s ease-in-out;}
	.top_dday {font-size:20px; right:50px; padding-top:3px;}
    .in_header {height:60px;}
    .menu_btn {}


    .menu_btn .line-middle {top:8px;}
	.top_search {right:30px;}
	.top_search > button img {width:20px;}
	.menu_btn a img {width:20px;}
	.slide_menu_inner {padding-top:60px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding-left:30px;}
	.slide_menu_wrap .gnb .sub_menu > li > a {padding-left:40px}

	.more > a > span {width:20px; height:20px;}
	.more > a > span:after {width:10px; margin-left:-5px;}
	.more > a > span:before {height:10px; margin-top:-5px;}
	.more > a {font-size:13px;}

    .m_tit {font-size:22px;}
    .m_tit img {height:7vw;}
    .m_tit_txt {font-size:15px;}

	.ico_note {font-size:12px;}
	.section {font-size:13px; padding:40px 10px;}
	#section1 {padding-left: 10px; padding-right: 10px;}

	.main_banner .banner1 {padding: 20px;}
	.main_banner .banner1 ul > li img {min-width:30px; width: 30px; align-self: flex-start}
	.main_banner .banner1 .txt_b {padding-left: 43px;}
	.main_banner .banner1 .tel {padding-left: 43px;}
	.main_banner .banner1 .tel img  {min-width:30px; width: 30px;}
	.main_banner .banner1 ul > li > div {flex-wrap: wrap}
	.main_banner .banner1 ul > li > div .subs {width: 100%; flex: none; margin:0px 0px 0px 1em}
	.main_banner .banner2 > ul {gap:10px;}
	.main_banner .banner2 > ul > li {width: calc(50% - 5px);}
	.main_banner .banner2 > ul > li > a {padding: 20px; font-size:1em}
	.main_banner .banner2 .ico {right:15px; bottom: 15px;}
	.main_banner .banner2 .ico img {max-width:6vw}
	.main_banner .banner2 .last > a .ico img {max-width:30vw}
	.main_banner .banner2 .txt_a {font-size:1.5em}

	.news_list .box {padding:20px;font-size:12px;}
	.news_list .box .new {width: 35px; height: 20px; font-size: 10px;right:15px; top: 20px;}
	.news_list .box .txt_a {font-size: 1.3em}
	.main_board_wrap {margin:10px 0px 40px 0px; min-height: inherit}
	.main_board_wrap .plus_go {right: 0px; top:-30px}
	.main_board_wrap .arrow_group {display:none; position: relative; right: auto; top: auto; justify-content: center; margin-top: 1em}
	.plus_go .bt {width: 30px; height: 30px;}
	.plus_go .bt:after {width: 12px; height: 2px;}
	.plus_go .bt:before {width:2px; height:12px;}

	.faq_list_wrap .plus_go {top: -40px;}
	.faq_list_wrap {padding-top: 10px;}
	#footer .addressW {font-size:12px; }
	#footer_navi .sns > a img {height:34px;}
	#footer_navi .navi > li {padding:0px 8px;}
	#footer_navi .navi > li:not(:first-child):after {height:10px; margin-top:-5px;}
	#footer .f_logo {font-size:20px;}

	#footer_navi .related_sites {height: auto; flex-direction: column; width:100%}
	#footer_navi .related_sites .subj {width:100%; height:40px; border-radius: 0px;}
	#footer_navi .related_sites > ul {font-size:12px; padding:10px; margin:0px; border-radius: 0px;}
	#footer_navi .related_sites > ul > li {flex:auto}

	#footer .go_top {top:-140px;}


    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
	#footer_navi .sel_box > li select {font-size:12px; height:30px;}
	#footer_navi .navi > li a {font-size:12px;}



    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:15px;}

    .web_dis {display:none;}
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
	.lnb_position {height:50px;}
	#lnb_wrap .lnb {padding:0px;}
	#lnb_wrap .ico_home a {width:50px;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px;}
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}

    #sub_tit {font-size:30px;}
	.sub_visual .sub_txt {padding:1em;}
	.sub_visual .sub_txt .txt_a {font-size:14px; line-height:1.3em;}


	.location {font-size:13px; margin: 1em 0px;}

    .ico_box > li {width:50%;}
    .ico_box > li .ico img {max-width:70px;}


	.down_btn > a > span {font-size:18px}
	.down_btn > a {height:54px;}



	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}


    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}

    .s_tit {padding:0px 0px 10px 0px; font-size:22px; background-position:left 5px; background-size:20px auto; margin-top:35px;}
	.s_tit img {height:20px; }




    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:6px; height:19px; top:4px;}
	.sss_tit {font-size:17px; margin-top:25px;}
    .sss_tit:before {width:8px; height:8px; top:9px;}
    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
    .b_txt {font-size:17px;}
    .txt_in {padding-left:25px;}
	#inner_wrap {padding-bottom:50px; padding-top: 40px;}
    #inner_wrap.no_visual {padding-top:30px;}

  	#lnb_wrap .lnbs3 > ul > li > a {font-size:14px; height:55px;}

    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
    .sub_con {font-size:13px;}
    .layerPop {font-size:0.95em;}
    .title_bar {padding:30px 0px 0px 0px; margin-bottom:10px; background-size:auto 60px;}
	.title_bar h2 {font-size:1.9em;}
	.title_bar h2:after {height:20px; margin-top:10px;}
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
    .view_tit {padding:10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}



    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px;}
    .atab {margin-bottom:20px;}

    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}

    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    .radio_group {margin-top:-5px;}


    .find_box {padding:0px 0px 10px 0px;}
    .find_cell .bt {overflow:hidden;}
    .find_cell .bt > a {width:50%; float:left;}
    .find_cell .bt > a > span {display:block; padding:0px; margin:0px 2px;}
    .print_bt {display:none !important}
    .gray_box {padding:5px;}

	.atab li a {font-size:13px;}

    .br_box {padding:10px;}
    .guide_tab > li > a {font-size:12px;}

    .tit_ico {height:19px; line-height:18px;}

    .board_w > ul {padding:10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}

    .btab li a {font-size:14px; min-width:90px;}

    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}


    .gray_wrap {padding-top:30px; padding-bottom:30px;}
    .gray_wrap2 {padding-top:30px; padding-bottom:30px;}


    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}


	.ico_note:before {transform:scale(0.7); margin-right:0px;}
	.ico_note:after {transform:scale(0.7) translateY(-60%);}

	.noteBox {padding:15px;}
	.noteBox:before {}


	.lnbs3 {padding-bottom:30px;}
	.lnbs3 > ul {margin:0px -10px;}
	.lnbs3 > ul > li {padding:5px 10px;}

	.lnbs3 > ul > li > a {font-size:14px; line-height:18px;}
	.lnbs3 > ul > li.on > a {border-width:4px; }

	.lnbs3 > ul > li > a .all {padding-left:24px; background-size:18px auto !important}


    .map_wrap {height:250px; margin-top:20px;}


	.first_txt {font-size:2em !important}

	 .service_banner .bt > a {width: 286px; height: 64px;}
	 .form-group {font-size:13px;}
	 .form-group .input {font-size:13px;}
	 .flatpickr_wrap .input {padding-left:40px !important}
	 /* .flatpickr_wrap:before {display: none;} */
	 .flatpickr_wrap:before {width:40px; background-size:20px auto;}

	 .service-form .ss_tit+.sss_tit {font-size:15px;}

	 .img_pa_txt .txt {width:100%;padding: 1em 0px 0px 0px; position:relative; right: 0px; bottom: auto;}
	 .img_pa_txt img {max-width:100%;}


}