@charset "utf-8";
/* CSS Document */

/*layout s*/
#wrap { position:relative; width:100%;}
#header {position:relative; height:180px;  z-index: 101; border-bottom:1px solid #e8e8e8;}
#container{ position:relative;    z-index: 10;}
.wrap_inner{position:relative; width:160rem;margin:0 auto; display:flex;}
.head_top { position:relative; font-family: 'SCDream'; background: #eff2f4; line-height: 5rem;}
.head_top .link_site li { display: inline-block; line-height:5rem; color:#000; text-align:center;}
.head_top .link_site li a { position:relative; padding:0;  font-weight: 400; font-size: 1.5rem;margin-right:3rem;}

.head_top .link_site li a:before {display:block;position:absolute;right:-18px;top: 20px;content:'';width:2px;height:12px;background:#cad1d8;}
.head_top .link_site li:last-child a:before { display: none;}
.head_top .link_member { position: absolute; right: 0; top: 0; font-size:0;}
.head_top .link_member li { display: inline-block; box-sizing:border-box; }
.head_top .link_member li a { padding: 0 3rem;box-sizing:border-box;font-weight: 600; font-size:1.6rem;}
.head_top .link_member li a.login { background: #0a8095; color: #fff; }
.head_top .link_member li a.membership { background: #4e6176;  color: #fff;}

.head_gnb { height: 130px; }
.header_bottom .logo {position: absolute;top:5rem;z-index: 101;}
.header_bottom .logo > a {display: block;width: 220px; height: 35px;background: url("../img/logo.png") no-repeat;font-size: 0; }

.header_bottom .sitemap {position: absolute;top:5.5rem;right:0; z-index: 101;}
.header_bottom .sitemap .pc a {display: block;font-size: 0;width: 29px;height: 22px; background: url("../img/top_sitemap.png") no-repeat;}
.header_bottom .sitemap .mo { display:none;}



.section_inner { margin: 0 auto; width:1600px;}

.header_bottom{ position: relative; font-family: 'SCDream';}
.header_bottom.scroll { position: fixed; width: 100%; top:0; left:0; z-index: 100; background: #fff; border-bottom:1px solid #dbdbdb;}
.header_bottom .section_inner{display:flex;	justify-content:space-between;align-items:center;height:101px; position: relative;}
.header_bottom nav{	width:calc(100% - 600px);position:absolute;top:0;left:500px; margin-top:43px;  text-align: center;}
.header_bottom nav.on{ z-index: 111;}
.header_bottom:after{ display: none;}
.header_bottom nav.on:before{ display: block; content: ""; width: calc(((100vw - 1500px) / 2) + (1500px - 100%)); height: calc(100% - 90px); position: absolute; left: calc((-1500px + 100%) + ((-100vw + 1500px) / 2)); top: 86px; background: #f4f5f9 url("../img/sub_gnb_bg.png") no-repeat 87% 24%; z-index: 3;  border-bottom: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8;}

.header_bottom:after{ display: none;}
.header_bottom.on nav.on:after{	display: none;}
.header_bottom.on nav.on:after{ display: block; content: ""; width: 100vw; min-height: 338px; position: absolute; left: calc((-1500px + 100%) + ((-90vw + 1500px) / 2)); top: 86px; background:#fff; z-index:2; border-top:1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; height: calc(100% - 90px);}

.header_bottom .bg_wrap{ position:absolute; z-index:105; width: calc(((54vw - 1500px) / 2) + (1500px - 100%)); height: calc(100% - 97px); left: calc((-1500px + 100%) + ((-54vw + 1500px) / 2)); top: 142px; display:none;}
.header_bottom .bg_wrap .bg_txt{  font-size:0;  width:100%; }
.header_bottom.on nav.on .bg_wrap { display:block;}

.gnb_depth1 {display:flex; justify-content: space-between; }
.gnb_depth1 a:hover{color:#1056ae;}

.gnb_depth1 > li{ flex: 1; }
.gnb_depth1 > li:after{	display:block;content:"";clear:both;}
.gnb_depth1 > li > a{display:block; padding-bottom:55px; padding-top:10px; font-size: 23px; font-weight: 500; line-height: 1; letter-spacing: -1px; }
.gnb_depth1 > li > a:hover { letter-spacing: -1px;}
.gnb_depth1 > li > a span:after {content:''; display:block; height:16px; width:16px; background:url("../img/bg_gnb01.png") no-repeat 50% 50%; position:absolute; bottom:-46px; left:calc(50% - 8px); transition:all .2s; opacity:0; z-index: 130; }
.gnb_depth1 > li > a.bar span::after {bottom:-62px; opacity:1;}
.gnb_depth1 span{ font-size:24px;font-weight:500; display: block; position: relative;}
.gnb_depth2 { display: none; position:relative;top:-3px;left:0;z-index:105;padding: 25px 15px;font-size: 17px;font-weight: 400;letter-spacing: -0.06em; line-height: 26px;  text-align: center;  min-height: 340px;}
.gnb_depth2 span{ font-size:18px;font-weight:400; }

.gnb_depth2 > li:not(:last-of-type){  margin-bottom: 6px;}
.gnb_depth2 > li > a span {  white-space: nowrap; position: relative; display: inline-block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s;  -o-transition: all 0.4s;  transition: all 0.4s;}
.gnb_depth2 > li > a:hover span { color: #fff8a7;}
.gnb_depth2 > li > a span:after{ content: ""; display: inline-block; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: #fff8a7;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s; transition: all 0.4s ease-out;}
.gnb_depth2 > li > a:hover span:after{  background: #fff8a7;  width: 100%;}




/*allmenu_Wrap*/

.btn-allmenu_m {  }
.btn-allmenu_m > i{position: relative; display: block; width: 29px; height: 2px; background: #262d35; transition: all 0.4s;}
.btn-allmenu_m > i:not(:last-of-type){ margin-bottom: 7px;}
.btn-allmenu_m.act > i:first-of-type{ transform: rotate(45deg) translateY(4px) translateX(2px);}
.btn-allmenu_m.act > i:nth-of-type(2){ display: none;}
.btn-allmenu_m.act > i:last-of-type{ transform: rotate(-45deg) translateY(-5px) translateX(3px);}

.allmenu_Wrap {  display: none; position: fixed;  margin: -1px auto 0; color: #000; width: 100%; height: 100%;  top: 120px; left: 0; background: #fff; transform: translate(0, 0); overflow-y: auto; max-height: none; padding: 0; padding-bottom: 140px; border-top: 1px solid #8f8f8f; display: none; z-index: 105;font-family: "NotoSansKR"; }
.allmenu_Wrap .allmenu .all_1depth { display: block;  }
.allmenu_Wrap .allmenu .all_1depth > li { position: relative; width: 100%; text-align: left; font-weight: 500; padding: 0; border-bottom: 1px solid #dcdcdc; border-left: 0;  }
.allmenu_Wrap .allmenu .all_1depth > li > span { padding: 0 20px; margin: 0; width: 100%; color: #000; font-size: 20px; line-height: 60px; display: block;cursor: pointer;}
.allmenu_Wrap .allmenu .all_1depth >li > span::after { content: ""; position: absolute; top: 28px; right: 20px; display: inline-block; width: 15px; height: 9px;    background: url(../img/mo_gnb_off.png) no-repeat; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;		transition: all 0.4s;  }
.allmenu_Wrap .allmenu .all_1depth > li > span.on::after { transform: rotate(-180deg);  }


.all_2depth { width: 100%; padding: 15px 15px 20px 15px; background: #19539a; display: none;}
.all_2depth .depth2_cate { padding: 0; margin: 0; line-height: 32px; padding-left: 10px;}
.all_2depth .depth2_cate > a { color: #fff; font-size: 17px; }
.all_2depth .depth2_cate > a:hover { color: #fff8a7; }
.all_2depth .depth2_cate > a::before { background: #fff; top: 15px; }
.all_2depth .depth2_cate > a:hover::before { background: #fff8a7; }
.all_2depth .depth2_cate > a::after { display: none; }

.all_2depth li.depth2_cate.has_depth > a{position:relative; }
.all_2depth li.depth2_cate.has_depth > a:before,
.all_2depth li.depth2_cate.has_depth > a:after {display: block; content: "";  position: absolute; background-color: #fff; transition: transform 0.25s ease-out; cursor:default;}
.all_2depth li.depth2_cate.has_depth > a:before{ top: 11px; right: -15px; width: 1px; height: 11px;}
.all_2depth li.depth2_cate.has_depth > a:after{ top: 16px; right: -20px; width: 11px; height: 1px;}
.all_2depth li.depth2_cate.has_depth > a.on:before{ transform: rotate(90deg);background-color: #fff8a7;}
.all_2depth li.depth2_cate.has_depth > a.on:after{ transform: rotate(180deg);background-color: #fff8a7;}
.all_2depth li.depth2_cate.has_depth > a.on b:after{display:block;content:""; width:calc(100% + 6px); height:2px;	background:#003f8d;	position: absolute;left: 50%;transform: translateX(-50%);}

.all_2depth li.depth2_cate.has_depth > a.on{ color: #fff8a7; }


.all_3depth { margin: 0;  margin-left: 7px; display: none; padding-bottom: 10px;  }
.all_3depth > li {line-height: 25px; color: #fff; }
.all_3depth > li:last-of-type { margin-bottom: 0; }
.all_3depth > li > a {position: relative; }
.all_3depth > li > a {font-size: 15px; padding-left: 6px;  color: #fff;}
.all_3depth > li > a:hover { color: #fff8a7; }
.all_3depth > li > a::before { content: ""; display: inline-block; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #fff;}
.all_3depth > li > a:hover::before { background:#fff8a7;  }




.rowgroup1 { position:relative; width: 100%;  background: #e9f2f9; }
.rowgroup1:before {display: block;  position: absolute; bottom: 0; left:0; width: 570px; height:257px; background: url("../img/bg_loan.png") no-repeat left top;}
.rowgroup1 .wrap_inner { padding:6rem 0 8rem 0; display: flex; flex-direction: row-reverse; }
.rowgroup1 .wrap_inner .group1_1 { flex-grow: 1; width:calc(100% - 380px - 110px);margin-right: 110px;}
.rowgroup1 .wrap_inner .group1_2 { flex-shrink: 0; width: 380px;}

.myinfo_wrap { position:relative; width: 100%; background: #003f8d; border-radius: 2rem; box-shadow: 0 0 15px rgb(0 0 0 / 25%); height: 415px; }
.myinfo_wrap .myinfo_txt { position:relative; padding:5rem 4rem; }
.myinfo_wrap .myinfo_title { font-family: 'SCDream'; font-weight: 400; color:#fff; font-size:2rem; }
.myinfo_wrap .myinfo_title span { display:block;}
.myinfo_wrap .myinfo_title span strong { font-size:3rem;font-weight: 500;}
.myinfo_wrap .myinfo_title.myname { position:relative; padding-left: 100px; padding-top:18px; min-height: 110px;}
.myinfo_wrap .myinfo_title.myname:before {display: block;  position: absolute; top: 0; left:-20px; width: 134px; height:92px; background: url("../img/main_icon_01.png") no-repeat left top;}
.myinfo_wrap .myinfo_loginbtn { background: #fff; width: 100%; border-radius: 1rem; padding:1.5rem 0; margin: 5rem 0 3rem 0; }
.myinfo_wrap .myinfo_loginbtn span {font-family: 'SCDream'; color:#003f8d; font-size:2rem; font-weight: 600; }
.myinfo_wrap .user_btn_wrap { width: 100%; }
.myinfo_wrap .user_btn_wrap ul { position:relative; width: 100%; display: flex; justify-content: space-around; }
.myinfo_wrap .user_btn_wrap ul:before {display: block;  position: absolute; top: 0; left:0; width: 100%; height:1px; background:rgba(255,255,255,0.5);}
.myinfo_wrap .user_btn_wrap ul li {position:relative; text-align: center; width: 33.3%; padding:2.5rem 0;}
.myinfo_wrap .user_btn_wrap ul li:not(:last-child):before {display: block; position: absolute; top: 0; right:0; width: 1px; height:100%; background:rgba(255,255,255,0.3); }
.myinfo_wrap .user_btn_wrap ul li button span { color:#fff; font-family: 'SCDream'; font-size:1.5rem;}
.myinfo_wrap .myinfo_list {position:relative; border-top:#fff dashed 1px; padding-top:3rem; }
.myinfo_wrap .myinfo_list li { position:relative; color:#fff; margin-bottom: 1rem; vertical-align: middle; padding-left:10px; }
.myinfo_wrap .myinfo_list li:before { content: ""; display:block; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; border-radius: 100%; background: #fff;}
.myinfo_wrap .myinfo_list li span { padding-top: 5px;}
.myinfo_wrap .myinfo_list li button { position: absolute; right:0; background: #fff; border-radius: 15px; padding:3px 10px; vertical-align: middle;}
.myinfo_wrap .myinfo_list li button span { font-size:1.4rem; padding-top: 0; color:#003f8d; font-weight: 700;font-family: 'SCDream';}



.rowgroup2 { position:relative; width: 100%;}
.rowgroup2 .wrap_inner { padding:10rem 0; }
.rowgroup2 .visual_tab{display:inline-block; position:relative; color:#fff; z-index: 100; margin-right: 5rem;}
.visual_tab .visual_title { background: url("../img/popupzone_title.png") no-repeat; z-index: 101; position: absolute; left: -1.1rem; top:-2.2rem; width:26.6rem; height:7.8rem;}
.visual_tab .visual_title h2 { text-align:center; font-size:2.2rem; color:#fff; padding-top:1.2rem; padding-left: 1.5rem;}
.visual_tab .visual_title h2:before {display: block;  position: absolute; top: 1.2rem; left:5.5rem; width: 2rem; height: 2.3rem; background: url("../img/popupzone_title_bg.png") no-repeat left top; z-index: 10;}
.popupzone { width: 760px; position:relative; box-shadow: 0 0 30px rgb(0 0 0 / 25%); border-radius:20px; overflow: hidden; }
.popupzone .popupimg a { border-radius:20px;}


/* visual */
.visual { position:relative; }
.visual .visual_slide{position: relative;float: left;width: 760px;}
.visual .visual_slide .slide_list{border-radius:20px;}
.visual .visual_slide .slide_item {width:100%;background-repeat:no-repeat;background-size:cover;line-height:0; border-radius:20px;}
.visual .visual_slide .slide_item a {display: block;height: 100%}
.visual .visual_slide .slick-slide:focus{border:2px solid #000}
.slick-slide img{ width:100%;}
.visual .visual_slide .slide_control{position:absolute;bottom: 0; right:0; padding:0 20px;background-color:rgba(38,45,53,0.85);font-size:0;line-height:0;border-bottom-right-radius:20px; border-top-left-radius:20px;}
.visual .visual_slide .slide_control .countbox {display:inline-block;vertical-align:middle;width:60px;text-align: right;}
.visual .visual_slide .slide_control .countbox span.current {color:#fff}
.visual .visual_slide .slide_control .countbox span {margin-right:5px;font-family:'CoreDream';font-size: 1.7rem;line-height: 24px;color: #fff;}
.visual .visual_slide .slide_control .countbox span.total {}
.visual .visual_slide .slide_control .control_box {display:inline-block;margin-left: 15px;vertical-align:middle; border-left:#5a5e63 solid 1px; }
.visual .visual_slide .slide_control .control_box button{position:relative;width: 45px;height: 45px;margin:0 2px;font-size:0;line-height:0; border-right:#5a5e63 solid 1px}
.visual .visual_slide .slide_control .control_box button:before{display:block;position:absolute;background:url("../img/sprite_img.png") no-repeat ;}
.visual .visual_slide .slide_control .control_box .prev:before{top:12px;left:12px;width:13px;height:20px;background-position:-22px -2px;transform:rotate(180deg)}

.visual .visual_slide .slide_control .control_box .next:before{top:12px;left:12px;width:13px;height:20px;background-position:-22px -2px;}


.visual .visual_slide .slide_control .control_box .auto{position:relative;width:20px;height:20px;margin-left: 15px;border-right:0;}
.visual .visual_slide .slide_control .control_box .auto:before{display:block;position:absolute;top: 0;left:0;width:20px;height:20px;background:url("../img/sprite_img.png") no-repeat -3px -30px;}
.visual .visual_slide .slide_control .control_box .auto.slick-play:before{ background-position:-27px -30px}
.visual .visual_slide .slide_control button.prev.slick-disabled:before,
.visual .visual_slide .slide_control button.slick-hidden:before {background-position:-1px -2px;transform: rotate(0deg) }
.visual .visual_slide .slide_control button.next.slick-disabled:before,
.visual .visual_slide .slide_control button.next.slick-hidden:before {background-position:-1px -2px;;transform: rotate(180deg) }








.visual_title_wrap { position:relative; margin-bottom: 2rem; }
.visual_title01 { font-size: 3rem; color: #1d3161; font-family: 'SCDream'; font-weight: 400; margin-bottom: 1rem; }
.visual_title01 span { font-weight: 500; }
.visual_title02 { font-size: 1.8rem; color:#000; font-weight: 300; }
.visual_title02 span { display: block;}


.loan_wrap{position: relative; }
.loan_wrap .content{display:flex;}
.loan_wrap a{ display:block; margin:60px 20px 20px 20px; height:27rem; border:2px solid transparent; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;	-o-transition:all 0.3s;	transition:all 0.3s; position: relative; border-radius: 2rem;  padding: 2rem 3rem 2rem 3rem; box-shadow: 0 0 15px rgb(0 0 0 / 25%); background: #fff;}
.loan_wrap .slide {position: relative; height: 27rem;}

.loan_wrap .loan_info_wrap { position: relative; margin: 0 auto; display: flex; width: 135px; justify-content: space-between; margin-top: -60px; margin-bottom: 25px;}
.loan_wrap .loan_info_wrap p { position: relative; width: 65px; height:65px; border-radius: 50%;}
.loan_wrap .loan_info_wrap span { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);font-family: 'SCDream'; font-size:1.7rem; color:#fff; text-align: center; line-height: 1.2; }
.loan_wrap .loan_info_wrap .info_ing { background: #d92d73;}
.loan_wrap .loan_info_wrap .info_ing span {word-break: keep-all;}
.loan_wrap .loan_info_wrap .jd_title { background: #2f7cb1; }
.loan_wrap .loan_info_wrap .dd_title { background: #0a8095; }
.loan_wrap .loan_type { font-size:2.5rem; color:#222222;  vertical-align: middle;font-family: 'SCDream';font-weight: 500; margin-bottom: 1rem;}
.loan_wrap .loan_date { font-size:1.6rem; color:#7b7b7b; }
.loan_wrap .loan_btn { background: #1458ab; width: 100%; border-radius: 3rem; position: absolute; bottom: 0; padding: 1.2rem 0 1.0rem 0;}
.loan_wrap .loan_btn span { color:#fff;font-family: 'SCDream';font-size: 1.8rem; font-weight: 500;}

.loan_wrap a:hover,.loan_wrap a:focus{ background:#1458ab;}
.loan_wrap a:hover .loan_type,
.loan_wrap a:hover .loan_date{ color:#fff;}
.loan_wrap a:hover .loan_btn {background: #fff;}
.loan_wrap a:hover .loan_btn span { color:#003f8d;}

.loan_wrap a.dd_loan:hover { background: #057185;}
.loan_wrap a.dd_loan:hover .loan_btn span { color:#057185;}

/*접수마감*/
.loan_wrap a.loan_close  { background: #eeeeee !important;}
.loan_wrap a.loan_close .loan_type,
.loan_wrap a.loan_close .loan_date { color:#717983; text-decoration: line-through; font-weight: 400; }
.loan_wrap a.loan_close .loan_btn  { background: #b7babf;}
.loan_wrap a.loan_close .loan_btn span { color:#d0d2d4!important;}
.loan_wrap a.loan_close .loan_info_wrap p { background: #b7babf !important; }
.loan_wrap a.loan_close .loan_info_wrap span {color:#d0d2d4;}
/*대출이없을때*/
.loan_wrap .loan_no_wrap { position: relative; background:rgba(255,255,255,0.5); width: 95%; margin: 0 auto; padding: 5rem 0; min-height: 34rem; border-radius: 2rem;margin-bottom: 3rem;  box-shadow: 0 0 15px rgb(0 0 0 / 15%);  }
.loan_wrap .loan_no_wrap .loan_no_inner { position: relative; padding:150px 20px 20px 20px; text-align: center;}
.loan_wrap .loan_no_wrap .loan_no_inner:before { display: block;  position: absolute; top: 0; left:calc(50% - 105px); width: 210px; height: 140px; background: url("../img/bg_no_loan.png") no-repeat left top; z-index: 10;}
.loan_wrap .loan_no_wrap .no_title { position: relative; color:#1c3d88; font-family: 'SCDream'; font-size:2.5rem; font-weight:500;display: block; margin-bottom: 1rem;}
.loan_wrap .loan_no_wrap .no_subtitle {font-family: 'SCDream'; font-size:1.6rem; color:#7b7b7b; }
.loan_wrap .loan_no_wrap .menugo { font-family: 'SCDream';color:#148dab; text-decoration: underline;}


.loan_wrap_inner{ flex:3; overflow:hidden; position:relative;}
.loan_wrap_inner h2 { font-family: 'SCDream';font-size:2.8rem; font-weight:600; color:#353535; margin-bottom: 1rem; }
.loan_wrap_inner h2 i { color:#114f77;}
.loan_wrap_inner h2 .subtxt { font-size: 1.5rem; color:#565656; font-weight: 400;}

.info_slide-wrap{position:relative;	}
.loan_wrap .info_slide-wrap {margin-left: -10px;}
.loan_wrap .slick-arrow{ width:32px; height:32px; border-radius: 50%;	position:absolute;	z-index:1; font-size:0;color:transparent; background: #C0C2CB;}
.loan_wrap .slick-prev{background:#636e79 url(../img/btn_arr_01.png) no-repeat center;right:83px; top:-40px;}
.loan_wrap .slick-next{background:#636e79 url(../img/btn_arr_02.png) no-repeat center;right:11px; top:-40px;
}
.loan_wrap .slick-dots li { display:inline-block; vertical-align:middle; margin-right:12px;}
.loan_wrap .slick-dots li button{ width:11px; height:11px; background:#aeaeae; border-radius:100%;}
.loan_wrap .slick-dots .slick-active button{ background:#474bd9;}
.loan_wrap .control_wrap{ position:absolute; right:47px; top:-40px; font-size:0; color:transparent;}
.control_wrap button,
.control_wrap .paging { display:inline-block; vertical-align:middle;border-radius: 10px;}
.loan_wrap .stop{ background:#636e79 url("../img/btn_arr_04.png") no-repeat center; width:32px; height:32px;}
.loan_wrap .play{ background:#636e79 url("../img/btn_arr_03.png") no-repeat center; width:32px; height:32px; display:none;}

/*신청하기 1개일때*/
.rowgroup1 .wrap_inner .group1_1.laon_1col { flex-grow:1; display:flex; width: 350px; margin-right: 110px;flex-direction: row-reverse;}
.rowgroup1 .wrap_inner .group1_1.laon_1col .loan_wrap{ padding:20px;}
.rowgroup1 .wrap_inner .group1_1.laon_1col .loan_wrap:before {display: block;  position: absolute; top: 0; right:0; width: 100%; height: 100%; background:rgba(255,255,255,0.4); z-index: 0; border-radius: 30px; }
.rowgroup1 .wrap_inner .group1_1.laon_1col .subtxt { display:none;}
.rowgroup1 .wrap_inner .group1_1.laon_1col .loan_wrap .control_wrap {display:none;}
.rowgroup1 .wrap_inner .group1_1.laon_1col .loan_wrap_inner h2 {text-align: center;}

.main_img_wrap { position:relative; flex-grow:2;  width:calc(100% - 730px - 110px); margin-right:90px;}
.main_img_wrap:before { display: block;  position: absolute; top: 0; right:0; width: 670px; height: 400px; background: url("../img/main_img.png") no-repeat left 30px; z-index: 10;}
.main_img_wrap .main_copy { padding: 50px 0 0 10px; }
.main_img_wrap .main_copy p { font-size:2rem; color:#391414;}
.main_img_wrap .main_copy p.txt01 { font-weight: 500; }
.main_img_wrap .main_copy p.txt02 { font-size:2.6rem; font-weight: 300; }
.main_img_wrap .main_copy p.txt02 .point {color:#9e6052; text-decoration: underline;}


.rowgroup3 { position:relative; width: 100%; background: #f7f9ff; }
.rowgroup3 .wrap_inner { padding:10rem 0; }

.main_bn_wrap{position:relative;flex-shrink: 0;flex-grow: 0; width:890px; display: flex;}
.main_banner01{ position:relative; margin-bottom: 2.5rem; width: 450px;  }
.main_banner01 a:before {display: block;  position: absolute; bottom: 0rem; left:2rem; width: 10.9rem; height: 5rem; background: url("../img/main_bn01_02.png") no-repeat left top; z-index: 10;}
.main_banner01 a:after {display: block;  position: absolute; top: 10rem; right:0rem; width: 9.2rem; height: 16.9rem; background: url("../img/main_bn01_01.png") no-repeat left top; z-index: 10;}
.main_banner01 a { display:block; padding: 5rem 5rem 8rem 5rem;  background: #07a3a9;border-radius: 2rem; min-height: 290px;}
.main_banner01 h3 span { position:relative; color: #15273c; font-size: 2.4rem; font-family: 'SCDream'; font-weight:600; margin-bottom: 1rem; z-index: 50; }
.main_banner01 h3:before{ display: block;  position: absolute; top: 5rem; left:5rem; width: 21rem; height: 3.7rem; background: url("../img/main_bn01_03.png") no-repeat left top; z-index: 10;}
.main_banner01 .subtxt{ color: #fff; font-size: 1.8rem;}
.main_banner01 .subtxt span { display: block;}

.main_banner02{ position:relative; margin:0 6rem; width: 320px;   }
.main_banner02 a:after {display: block;  position: absolute; top: 16rem; right:2rem; width:103px; height:100px; background: url("../img/main_bn01_04.png") no-repeat left top; z-index: 10;}
.main_banner02 a { display:block; padding: 5rem 2rem 2rem 3rem;  background: #4b67d5;border-radius: 2rem;min-height: 290px;}
.main_banner02 h3 span { position:relative; color: #fff; font-size: 2.4rem; font-family: 'SCDream'; font-weight:600; margin-bottom: 1rem; z-index: 50; }
.main_banner02 .subtxt{ color: #fff; font-size: 1.6rem;}
.main_banner02 .subtxt span { display: block;}

.notice_wrap { position: relative; width:calc(100% - 890px);}
.notice_wrap h2 { position: relative;font-family: 'SCDream';font-size:2.5rem; font-weight:600; color:#353535; margin-bottom: 1rem; }
.main_notice {position: relative; }
.main_notice li { padding:1rem 2rem; width: 100%; background: #fff; box-shadow: 0 0 6px rgb(0 0 0 / 25%); border-radius: 2rem; margin-bottom: 2rem; }
.main_notice span { vertical-align: middle;}
.main_notice .date { font-size:2.1rem; color:#000000; text-align: center; font-weight: 600; width: 7rem;}
.main_notice .date em { display: block; font-size:1.5rem; color:#676767;  font-weight: 500; }
.main_notice .part { background: #e6f4ff; padding: 0.5rem 1.5rem; border-radius: 1.5rem; margin: 0 1.5rem 0 2rem; color:#1a55cb;font-weight: 500; min-width: 10rem; text-align: center;}
.main_notice a.cont { width:calc(100% - 22rem); }
.main_notice .conttxt { font-size:1.8rem; color:#000; overflow: hidden;max-width: 100%;text-overflow: ellipsis;white-space: nowrap; width:100%;}


.main_notice .new{font-size:13px;color:#ffffff;font-weight:500;border-radius:50%; text-align: center;display:inline-block; width: 2rem; height: 1.7rem; background: #0187d0; padding-top:0.3rem;margin-right:0.3rem; }
.notice_wrap .btnMore{font-size: 0;display: block;width: 24px;height:24px; position:absolute; top: 0; right: 1rem; background: url("../img/btn_notice_more.png") no-repeat 50% 50%;}



.rowgroup4 { position:relative; width: 100%;}
.rowgroup4 .wrap_inner { padding:10rem 0;  }


.service_wrap {position:relative; width:calc(100% - 500px - 12rem); }
.service_wrap h3 {  font-family: 'SCDream';color:#000000;font-size: 2.5rem; pmargin-bottom: 2rem;}
.service_wrap h3 span { color:#0da29f }
.service_list { width: 100%; background:#f4f5f9; border-radius: 2rem; display:flex; justify-content:space-between;flex-wrap: wrap;align-items: stretch;}
.service_list li { position:relative; width: 20%; text-align: center; padding:4rem 0; }
.service_list li a { display:block; padding-top:10rem; }
.service_list li a:after{ display:block; position:absolute; left:0; right:0; margin-right:auto; margin-left:auto; z-index: 10;top:3rem; width:10rem; height:10rem;}
.service_list li a:hover:after{transform:rotateY(360deg);transition-duration:0.5s;transition-timing-function:ease-in-out;}
.service_list li span {display: block; margin-top: 10px; color: #4e4e4e; font-size: 1.8rem; text-align: center; font-weight: 400;}
.service_list li.bm01 a:after {background: url("../img/main_serv01.png")no-repeat 50% 50%;}
.service_list li.bm02 a:after {background: url("../img/main_serv02.png")no-repeat 50% 50%;}
.service_list li.bm03 a:after {background: url("../img/main_serv03.png")no-repeat 50% 50%;}
.service_list li.bm04 a:after {background: url("../img/main_serv04.png")no-repeat 50% 50%;}
.service_list li.bm05 a:after {background: url("../img/main_serv05.png")no-repeat 50% 50%;}
.service_list li.bm07 a:after {background: url("../img/main_serv07.svg")no-repeat 50% 50%;}
.service_list li ~ li a { border-left:#e1e5ea solid 1px;}


.main_banner02-2{ position:relative; width:250px; margin:0 6rem; display:block; padding: 3rem 2rem ;  background: #fff; border-radius: 2rem; height: 24.5rem; box-shadow: 0 0 6px rgb(0 0 0 / 25%);}
.main_banner02-2 h3 { font-family: 'SCDream'; font-size: 2rem; color:#1e3944; }
.main_banner02-2 h3 span.pink { font-size: 1.8rem; color: #d02828; display:block; font-weight:500; }
.main_banner02-2_list { margin-top: 1.5rem;}
.main_banner02-2_list a {position:relative;padding: 0.8rem 1.5rem 0.6rem 1.5rem;border-radius: 22px;margin-bottom: 0.8rem;width: 100%;background: #f2f2f7;color: #4e5767;font-size: 1.4rem; font-weight: 500; letter-spacing: -2px;border:solid #dee2e3 1px;}
.main_banner02-2_list a:after{position:absolute; top:calc(50% - 5px); right:calc(18px - 4px); display:block; width:8px; height:8px; border-right:#4e5767 solid 1px; border-bottom:#4e5767 solid 1px; content:''; transform: rotate(-45deg);}
.main_banner02-2_list a strong { color:#cd4242;}
.main_banner03-2{ position:relative; width:250px; }
.main_banner03-2:before {display: block;  position: absolute; bottom: 2rem; right:2rem; width: 104px; height: 104px; background: url("../img/main_bn04_2.png") no-repeat left top; z-index: 10;}
.main_banner03-2 div { display:block; padding: 4rem;  border-radius: 2rem; height: 24.5rem; box-shadow: 0 0 6px rgb(0 0 0 / 25%);}
.main_banner03-2 h3 { font-family: 'SCDream'; font-size: 1.7rem; color:#1e3944; font-weight: 400;}
.main_banner03-2 .subtxt span { background: #58717b; border-radius: 0.5rem; width: 3.3rem; height: 4rem; text-align: center; color:#fff; font-size: 2.3rem; margin-right: 0.2rem; margin-bottom: 1rem; padding-top: 0.7rem; font-weight: 600; }



.bookmark_wrap {position:relative; height:390px; }
.bookmark_wrap h3 {  font-family: 'SCDream';color:#000000;font-size: 2.5rem; padding-left:4rem; margin-bottom: 2rem;}
.bookmark_wrap h3 span { color:#0da29f }
.bookmark_list { width: 100%;display:flex; justify-content:space-between;flex-wrap: wrap;align-items: stretch;}
.bookmark_list li { position:relative; width: 25%; text-align: center; vertical-align: top;}
.bookmark_list li a { display:block; padding-top:12rem; margin-bottom: 3rem;}
.bookmark_list li a:after,
.bookmark_list li a:before{ display:block; position:absolute; left:0; right:0; margin-right:auto; margin-left:auto; border-radius: 50%; background:#f0f8fa; z-index: 10;top:1rem; width:10rem; height:10rem;}
.bookmark_list li a:after{  width:10rem; height:10rem; }
.bookmark_list li a:hover:after{transform:rotateY(360deg);transition-duration:0.5s;transition-timing-function:ease-in-out;}
.bookmark_list li span {display: block; margin-top: 10px; color: #4e4e4e; font-size: 1.8rem; text-align: center; font-weight: 400;}
.bookmark_list li.bm01 a:after {background: url("../img/main_bookmark01.png")no-repeat 50% 50%;}
.bookmark_list li.bm02 a:after {background: url("../img/main_bookmark02.png")no-repeat 50% 50%;}
.bookmark_list li.bm03 a:after {background: url("../img/main_bookmark03.png")no-repeat 50% 50%;}
.bookmark_list li.bm04 a:after {background: url("../img/main_bookmark04.png")no-repeat 50% 50%;}
.bookmark_list li.bm05 a:after {background: url("../img/main_bookmark05.png")no-repeat 50% 50%;}
.bookmark_list li.bm06 a:after {background: url("../img/main_bookmark06.png")no-repeat 50% 50%;}
.bookmark_list li.bm07 a:after {background: url("../img/main_bookmark07.png")no-repeat 50% 50%;}
.bookmark_list li.bm08 a:after {background: url("../img/main_bookmark08.png")no-repeat 50% 50%;}
.bookmark_list li.bm09 a:after {background: url("../img/main_bookmark09.png")no-repeat 50% 50%;}
.bookmark_list li.bm10 a:after {background: url("../img/main_bookmark10.png")no-repeat 50% 50%;}
.bookmark_list li.bm11 a:after {background: url("../img/main_bookmark11.png")no-repeat 50% 50%;}

#footer {position:relative; }
.footer_site { background: #3b434f; height: 7.5rem;}
.side_menu li { position:relative;display:inline-block; line-height: 7.5rem;}
.side_menu li span { font-size:1.6rem; color: #fff; padding: 0 1.6rem  0 1rem;}
.side_menu li span.c_red { color:#FD9CB5 !important;}
.side_menu li:before{display:block; position:absolute; top:0; right:0; bottom:0; width:0.3rem; height:0.3rem; margin-top:auto; margin-bottom:auto; border-radius:100%; background-color:#686e78;}
.side_menu li:last-child:before {display: none;}
.link_menu { position:absolute; right: 0; top: 0;}
.link_menu li { position:relative; display:inline-block; width: 25rem; }
.link_menu li .link_btn{display: block;position:relative;width: 100%;padding:0 1rem 0 2rem;text-align: left; background: #48505b;line-height: 7.3rem;}
.link_menu li .link_btn span {  color:#fff;}
.link_menu li .link_btn:before{display: block;position: absolute;top:calc(50% - 4px);right:40px;background: url("../img/ico01.png") no-repeat left top;width:11px;height:7px;content:'';}
.link_menu li .link_btn.active:before{transform: rotate(180deg);}
.footer_copy {position:relative; padding: 5rem 0 7rem 0; }
.footer_copy .wrap_inner  { justify-content: space-between;} 
.footer_logo { position:absolute; left: 0; top: 1.5rem;}
.footer_info { font-size: 1.7rem; color:#727272;}
.footer_info .copyright {font-size: 1.6rem; font-weight: 600; color:#aeaeae; margin-top:0.5rem; }

.link_menu .layer {display:none;position: absolute;bottom:7.5rem;left:0;width: 25rem; background-color: #fff;border:1px solid #d9dfe2; border-top-left-radius: 1.2rem; border-top-right-radius: 1.2rem;z-index: 101;}

.link_menu .layer  > ul {position: relative; margin:3.2rem 3rem}
.link_menu .layer  > ul > li{display: inline-block;position:relative;width:100%; padding-left:1.5rem;}
.link_menu .layer  > ul > li:before{display: block;position: absolute;top:11px;left:0;background-color: #cdd3d8;width: 0.3rem;height: 0.3rem;content:'';}
.link_menu .layer  > ul > li > a{font-size: 1.5rem;line-height: 2.6rem;letter-spacing: 0;color:#5a5f6e;}

.main_banner01 a:hover {transform: translateY(-10px); transition:all 0.3s;}


a.transformbox {transition-property: transform, box-shadow; transition-duration: 250ms; transition-timing-function: ease-in-out; }
a.transformbox:hover { transform: translateY(-20px);box-shadow: rgba(0, 0, 0, 0.3) 10px 17px 35px;}


.popupzone_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;}

/* Arrows */
.popup-button-next,.popup-button-prev{position:absolute;top:50%;width:35px;height:69px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:35px 69px;background-size:35px 69px;background-position:center;background-repeat:no-repeat}
.popup-button-prev{background-image:url(../img/ico_visual_pre.png); left:10px;right:auto}
.popup-button-next{background-image:url(../img/ico_visual_next.png);right:10px;left:auto}





#sub_wrap { position:relative;}
.sub_path { position:relative; background: #1c3d88; padding:2.5rem 0;}
.path_wrap { position:relative; }
.path_wrap .ul_path li { position:relative;  display:inline-block; padding-right: 1.7rem; }
.path_wrap .ul_path li:before{display: block;position: absolute;top:calc(50% - 4px);right:0.5rem;background: url("../img/ico_path_arr.png") no-repeat left top;width: 5px;height: 9px;content:'';}
.path_wrap .ul_path li span { color:#fff; }
.path_wrap .ul_path li a.home {background: url("../img/ico_home.png") no-repeat center center; width:25px; height:18px;}
.path_wrap .ul_path li a.home span { font-size: 0; }
.path_wrap .ul_path li:last-child span { font-weight:500;}
.path_wrap .ul_path li:last-child:before{display:none;}

.print_wrap { position: absolute; right:1rem; top:0;}
.print_wrap .print {position:relative;  }
.print_wrap .print:before{display: block;position: absolute;top:0;left:0.5rem;background: url("../img/ico_print.png") no-repeat left top;width:30px;height: 25px;content:'';}
.print_wrap .print span{color:#fff; padding-left: 3.5rem;}

#cont_wrap { position:relative;}
#cont_wrap:after{content:"";display:table;clear:both}
#cont_wrap .side { position:relative; float: left;  width: 27rem; margin-top:4rem; margin-bottom: 10rem; }
#cont_wrap .content { position:relative; float: right;  width:calc(100% - 27rem - 6rem); margin:4rem 0 8rem 6rem; }
#cont_wrap .fullcontent { position:relative; float: right;  width:100%; margin:4rem 0 8rem 0rem; }

.content h3 { font-family: 'SCDream'; font-size:2.0rem; font-weight:600; color:#000; }
.content h3 img { vertical-align: middle; margin-left: 0.5rem;}
.content h3.type1 {font-family: 'SCDream'; font-size:2.6rem; color:#1c3d88; }
.content h3.type1 span { position: relative;}
.content h3.type1 span:before {position:absolute; bottom:0; left:0; display:block; width:100%; height:2px; background:#a7b2ca ;}
.content h4 { font-family: 'SCDream'; font-size:1.7rem; font-weight:500; color:#1c3d88; }
.content h4.blk { font-family: 'SCDream'; font-size:1.7rem; font-weight:500; color:#555; }
.content h4 span { vertical-align: middle;}

.side_title span { font-size:2.6rem; font-weight: 600; color:#000000; font-family: 'SCDream'; padding:1rem 0 3rem 0;}

.lnb_wrap { position:relative; width: 100%; font-family: 'SCDream';}
.lnb_wrap li {border: 1px solid #dddddd; border-radius:6px; margin-bottom:0.5rem; }
.lnb_wrap li a { position:relative; display:block; padding: 2rem 3.5rem 2rem 2.0rem; font-size: 1.8rem; font-weight:500; border-radius: 6px; color: #444; line-height: 1.7rem;}
.lnb_wrap li a:before{position:absolute; top:2.5rem; right:1.5rem; display:block; width:12px; height:6px; background:url("../img/ico_lnb_off.png") no-repeat left top; content:''; }
.lnb_wrap li:hover, .lnb_wrap > li:focus, .lnb_wrap > li:active, .lnb_wrap > li.open, .lnb_wrap > li.active {border-color:#1c3d88 !important;}
.lnb_wrap li a:hover,
.lnb_wrap li a:focus,
.lnb_wrap li a:active{ background-color:#fff; color:#1c3d88; text-decoration:none;}
.lnb_wrap li.active a { position:relative; background:#1c3d88; border:#1c3d88 solid 1px; color:#fff; }
.lnb_wrap li.active a:before{position:absolute; top:2.5rem; right:1.5rem; display:block; width:12px; height:6px;  background:url("../img/ico_lnb_on.png") no-repeat left top; content:''; }

.lnb_wrap .depth2_list {position:relative; padding: 1rem 0;}
.lnb_wrap .depth2_list li { border:none; }
.lnb_wrap .depth2_list li a { background:#fff; color:#838383; border:none; font-size:1.6rem; padding:0.5rem 3.5rem 0.5rem 3.0rem;}
.lnb_wrap .depth2_list li a:before{position:absolute; border-radius: 50%; top:1rem; left:1.8rem; display:block; width:4px; height:4px; background:#e4e4e6; content:''; }
.lnb_wrap .depth2_list li.active a { color:#3b4e79; text-decoration:underline; font-weight: 600;}

.lnb_guide { margin-top: 5rem;}
.lnb_guide a { background: url("../img/bg_lnb_guide.png"); border:#cbcbcb solid 1px; padding: 2rem 1rem 2rem 7.8rem; width: 100%; border-radius: 6px; box-shadow: 3px 3px 3px #d9d9d9; }
.lnb_guide a span { font-family: 'SCDream'; color:#575757; font-size: 1.7rem; font-weight: 500;  }



.cont_title { position: relative; text-align: center; padding-bottom: 3.5rem;}
.cont_title:before{position:absolute; bottom:0; left:0; display:block; width:100%; height:5px; background: url("../img/bg_subtitle.png") repeat-x; content:''; }
.cont_title span { font-size:3.0rem; color:#000;  font-weight: 600;   font-family: 'SCDream';}



.topinfo_wrap { position: relative; padding:3rem 3rem 2rem 3rem; margin: 4rem 0;}
.topinfo_wrap,.topinfo_wrap:before,.topinfo_wrap:after {border:1px solid #0a8095;}
.topinfo_wrap  {border-right-width: 0;border-left-width: 0;}
.topinfo_wrap:before{content:'';display:block;position:absolute;width:150px;height:40px;border-width:6px;top:0;left:0;border-right-width:0;border-bottom-width:0;}
.topinfo_wrap:after{content:'';display:block;position:absolute;width:40px;height:40px;border-width:6px;right:0;bottom:0;border-top-width:0;border-left-width:0;}

.topinfo_txt { position: relative; min-height: 80px; }
.topinfo_txt:before{position:absolute; top:0; left:1rem; display:block; width:121px; height:75px;  background:url("../img/bg_infotxt.png") no-repeat left top; content:''; }
.topinfo_wrap .topinfo_inner { padding-left:15rem; padding-right: 10rem;}
.topinfo_wrap .topinfo_inner:after { position:absolute; top:0; left:1rem; display:block; width:121px; height:75px;   z-index: 100;}
.topinfo_wrap .topinfo_inner.bg01:after {background: url("../img/bg_infotxt01.png") no-repeat center center; }
.topinfo_wrap .topinfo_inner.bg02:after {background: url("../img/bg_infotxt02.png") no-repeat center center; }
.topinfo_wrap .topinfo_inner.bg03:after {background: url("../img/bg_infotxt03.png") no-repeat center center; }
.topinfo_wrap .topinfo_inner.bg04:after {background: url("../img/bg_infotxt04.png") no-repeat center center; }
.topinfo_wrap .topinfo_inner.bg05:after {background: url("../img/bg_infotxt05.png") no-repeat center center; }
.topinfo_wrap .topinfo_inner.bg06:after {background: url("../img/bg_infotxt06.png") no-repeat center center; }


.topinfo_wrap .topinfo_inner .txt01 { font-size:1.8rem; color:#222; font-weight: 500; font-family: 'SCDream'; padding-top: 1.5rem; margin-bottom: 1.5rem;}
.topinfo_wrap .topinfo_inner .txt02 { font-size:1.6rem; color:#666; font-weight: 400; font-family: 'SCDream'; padding-top: 0.5rem;}

.topinfo_wrap .topinfo_inner .btn_right { position: absolute; right:0; top:1rem;}

/* list */
.ul_type01 { position:relative; margin: 1rem 0; }
.ul_type01 li {  position:relative; padding-left:0.8rem; line-height:1.3; margin-bottom: 0.5rem; font-size: 1.6rem; }
.ul_type01 li:after { position: absolute; top:8px; left:0; width:3px; height:3px; display: block; background:#979797; content:""; }
.ul_type01 li li {  position:relative; font-size: 1.5rem; }
.ul_type01 li ul { margin-top:0.5rem;}
.ul_type01 li li:after { position: absolute; top:8px; left:0; width:3px; height:1px; display: block; background:#979797; content:""; }
.ul_type01 li li.non { font-size: 1.5rem; padding-left: 0; }
.ul_type01 li li.non:after { display:none;}
.ul_type01 li.non { padding-left: 0; }
.ul_type01 li.non:after { display:none;}
.ul_type01 li.pl20 { padding-left: 2rem;}

.ul_type02 { position:relative; }
.ul_type02 li {  position:relative; padding-left:0.8rem; line-height:1.2; margin-bottom: 5px; }
.ul_type02 li:before { position: absolute; top:0.9rem; left:0; width:0.4rem; height:2px; background:#979797; display: block; content:""; }
.ul_type02 li {  position:relative; padding-left:0.8rem; line-height:1.2; }
.ul_type02 li li:before { position: absolute; top:0.7rem; left:0; width:2px; height:2px; border-radius: 50%; background:#979797; display: block; content:""; }
.ul_type02 li.non:before { display:none;}

.ul_type03 li { display:inline-block; margin-right:5px; }
.ul_type03 li input { margin:0 10px; }

.ul_type04 {position:relative;}
.ul_type04 li {position:relative; padding: 1rem; border-bottom:#ddd dashed 1px;}
.ul_type04 li.bdbotnon { border-bottom:0;}
.ul_type04 li > span { display: inline-block; text-align: left; }
.ul_type04 li span.title { width: 120px; text-align: left; font-weight: 500; }

.ul_type05 { position:relative; }
.ul_type05 li {  position:relative; padding-left:1.2rem; line-height:1.2; margin-bottom: 0.7rem; }
.ul_type05 li:before { position: absolute; top:0.8rem; left:0; width:0.6rem; height:2px; background:#777; display: block; content:""; }
.ul_type05 li {  position:relative; padding-left:1rem; line-height:1.2; }
.ul_type05 li li:before { position: absolute; top:0.7rem; left:0; width:4px; height:4px; background:#555; display: block; content:""; }
.ul_type05 li.non:before { display:none;}




.ol_type01 {text-align:left}
.ol_type01 > li {position:relative; padding:0 0 5px 23px; margin-top:7px; color:#333; font-size:16px; font-weight: 500;}
.ol_type01 > li:first-child {margin-top:0}
.ol_type01 > li p { font-weight: 300;}
.ol_type01 > li .bl {display:block;position:absolute;top:-1px;left:0;  font-family: 'SCDream'; width:20px;height:20px;line-height:20px;background:#687892;border-radius:50%;text-align:center;color:#fff;font-size:12px;}
.ol_type01 > li ul { margin:7px 0 0}
.ol_type01 > li ul li { padding:2px 0 2px 13px; margin-left:0; position:relative; font-weight: 400; }
.ol_type01 > li ul li:before {content:"";display:block;width:5px;height:2px;background:#aaa;position:absolute;top:11px;left:3px}
.ol_type01 > li ul li ul li:before {content:"";display:block;width:3px;height:3px;background:#aaa;position:absolute;top:11px;left:3px}

.ol_type02 {position:relative;}
.ol_type02 > li {position:relative; padding:0 0 5px 3px; margin-bottom:8px; color:#333; font-size:16px; font-weight: 500;}
.ol_type02 > li:first-child {margin-top:0}











/* 스크롤바 설정*/
.table_scroll::-webkit-scrollbar { width: 11px; height: 11px; }
.table_scroll::-webkit-scrollbar-thumb { height: 10%; background: rgba(78,97,118,0.4); border-radius: 10px;}
.table_scroll::-webkit-scrollbar-track { background: #dddddd;}



.bothbtn_wrap {position:relative; margin: 3rem 0; }
.bothbtn_wrap:after{content:"";display:table;clear:both}
.bothbtn_wrap .leftbtn { float:left;}
.bothbtn_wrap .rightbtn { float:right;}

.tab_wrap { position:relative;}
.tab_wrap .tab_list { display: flex; align-content: flex-start;  }
.tab_wrap .tab_list li { font-family: 'SCDream';flex: 1; }
.tab_wrap .tab_list li a { font-family: 'SCDream'; background: #0a8095; border-top:#156674 solid 1px; border-bottom:#156674 solid 1px; border-right:#008fa7 solid 1px; display: block; padding:2rem 1rem; text-align: center; font-size:1.8rem;  font-weight:500; color:#fff;}
.tab_wrap .tab_list li:first-child a { border-left:#c4c4c4 solid 1px;}
.tab_wrap .tab_list li.active a  { position:relative;background: #fff; color: #008fa7; border:#156674 solid 1px; border-bottom:#fff solid 1px;}
.tab_wrap .tab_list li.active a:before{position:absolute; bottom:0; right:calc(50% - 6px); display:block; width:12px; height:7px;  background:url("../img/tab_active.png") no-repeat left top; content:''; }

.login_wrap{position:relative; background: #f1f7f8; padding: 7rem 0 9rem 0; margin: 4rem 0;  }
.login_wrap .login_inner { width: 34rem; margin: 0 auto; }
.login_wrap .login_title { position:relative; font-family: 'SCDream'; font-size:2.6rem; color:#000000;text-align: center; font-weight:600; padding-top: 12rem; margin-bottom: 2rem;}
.login_wrap .login_title:before{position:absolute; top:0; left:calc(50% - 50px); display:block; width:100px; height:100px; border-radius: 50%;  content:''; }
.login_wrap .login01 .login_title:before {  background:#fff url("../img/bg_login01.png") no-repeat center center;}
.login_wrap .login02 .login_title:before {  background:#fff url("../img/bg_login02.png") no-repeat center center;}
.login_wrap .login03 .login_title:before {  background:#fff url("../img/bg_login03.png") no-repeat center center;}
.login_wrap .login04 .login_title:before {  background:#fff url("../img/bg_login04.png") no-repeat center center;}
.login_wrap .login05 .login_title:before {  background:#fff url("../img/bg_login05.png") no-repeat center center;}
.login_wrap .login06 .login_title:before {  background:#fff url("../img/bg_login06.png") no-repeat center center;}
.login_wrap .login_subtit { text-align:center; font-size:1.7rem; color:#555; margin-bottom: 2rem;}
.login_wrap .login_subtit.gap { height:11rem; }

.login_wrap .ul_login li { margin-bottom: 1rem;}
.login_wrap .ul_login li input { width: 100%; }
.login_wrap .ul_login li.jumin input { width:49%;}
.login_wrap .btn_login { background:#0a8095; color:#fff; width: 100%; height: 5rem; border-radius: 0.4rem; font-size: 1.9rem; font-family: 'SCDream'; font-weight:500;}

.login_wrap .login_box { width: 80%; margin: 0 auto; }
.login_wrap .login_box > .login_inner { width: 48%;}
.login_wrap .login_box > .login_inner > .login_inn { width: 70%; margin: 0 auto;}
.login_wrap .login_box > div { position: relative; display: inline-block; vertical-align: top;}
.login_wrap .login_box > div:first-child {  margin-right: 2%; }
.login_wrap .login_box > div:first-child:before { position: absolute; display: block; top:0; right:-13px; border-right:#ddd 1px dashed; height:100%; content:""; }
.login_wrap .login_bt_member { margin-top:3rem;}
.login_wrap .login_bt_member ul {display: flex; width:250px; margin: 0 auto; }
.login_wrap .login_bt_member ul li{ position: relative; padding:0 1rem; font-size: 1.4rem;}
.login_wrap .login_bt_member ul li:before{position:absolute; top:20%; right:0; display:block; content:''; width:1px; height:70%; background: #ddd; }
.login_wrap .login_bt_member ul li:last-child:before {display:none;}


.pw_sch_wrap{position:relative; background: #f1f7f8; padding: 11rem 2rem 11rem 2rem; margin: 1rem 0;}
.pw_sch_wrap .pw_sch_box { display: flex; width: 100%; margin: 0 auto;}
.pw_sch_wrap .pw_sch_inner { position:relative; padding: 0 2rem; width:calc(100% - 4rem); margin: 2% 0;}
.pw_sch_wrap .pw_sch_box > div:before { position: absolute; display: block; top:0; right:0px; border-right:#ddd 1px dashed; height:100%; content:""; }
.pw_sch_wrap .pw_sch_box > div:last-child:before { display: none; }

.pw_sch_wrap .pw_sch_title { position:relative; font-family: 'SCDream'; font-size:2.6rem; color:#000000;text-align: center; font-weight:600; padding-top: 0; margin-bottom: 2rem; height: 15rem;}
.pw_sch_wrap .pw_sch_title:before{position:absolute; top:5rem; left:calc(50% - 50px); display:block; width:100px; height:100px; border-radius: 50%;  content:''; }
.pw_sch_wrap .pw01 .pw_sch_title:before {  background:#fff url("../img/bg_login05.png") no-repeat center center;}
.pw_sch_wrap .pw02 .pw_sch_title:before {  background:#fff url("../img/bg_login06.png") no-repeat center center;}
.pw_sch_wrap .pw03 .pw_sch_title:before {  background:#fff url("../img/bg_login02.png") no-repeat center center;}
.pw_sch_wrap .pw04 .pw_sch_title:before {  background:#fff url("../img/bg_login03.png") no-repeat center center;}
.pw_sch_wrap .btn_pw_sch { background:#0a8095; color:#fff; width: 100%; height: 5rem; border-radius: 0.4rem; font-size: 1.9rem; font-family: 'SCDream'; font-weight:500;}



/* 사이트맵 */
.sitemap_wrap { margin-bottom:5rem;  }
.sitemap_wrap > ul { display:flex; justify-content:space-between; align-items:flex-start;  align-content: stretch; flex-wrap: wrap;}
.sitemap_wrap > ul > li { width:18%;  }
.sitemap_wrap > ul > li .site_tit { font-size:2.2rem; color:#222; font-weight:500; font-family: 'SCDream'; text-align:center; border-bottom:1px solid #adadad;  padding:2rem 1rem; }
.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; font-size: 1.7rem;}
.sitemap_wrap .site_list li a:before { position: absolute; display: block; top:42%; left:1.2rem; width:0.4rem; height:0.4rem; background:#ddd; border-radius:50%; content:""; }


/* faq list */
.faq_wrap ul > li{ position:relative; border:#dddddd solid 1px; border-radius: 1rem; margin-bottom: 1.5rem;}
.faq_wrap ul > li.active { border:#355295 solid 1px;}
.faq_wrap ul > li.active a .question { text-decoration: underline;}

.faq_wrap .faq_row{ display:block;position:relative;}
.faq_wrap .faq_row a { display:flex; padding:2rem 0.5rem 1.5rem 0.5rem; }
.faq_wrap .faq_row a:before { position: absolute; display: block; top:45%; right:4rem; width:18px; height:10px; background: url("../img/bg_faq_off.png") no-repeat; content:""; }
.faq_wrap li.active .faq_row a:before { position: absolute; display: block; top:45%; right:4rem; width:18px; height:10px; background: url("../img/bg_faq_on.png") no-repeat; content:""; }
.faq_wrap .faq_row a:focus{border: 1px dotted;}

.faq_wrap .faq_row .num { padding: 2rem 3.5rem; color:#555; font-weight: 400;}
.faq_wrap .faq_row .q_title { position:relative; font-family: 'SCDream';}
.faq_wrap .faq_row .q_title .q_ico span { padding:0.5rem 1.5rem 0.2rem 1.5rem; border-radius: 3rem; color:#fff; font-size:1.6rem; }
.faq_wrap .faq_row .q_title .q_ico.bg01 span { background: #4f6fba;}
.faq_wrap .faq_row .q_title .q_ico.bg02 span { background: #0b8197;}
.faq_wrap .faq_row .q_title .q_ico.bg03 span { background: #db3939;}
.faq_wrap .faq_row .q_title .q_ico.bg04 span { background: #5e97c7;}
.faq_wrap .faq_row .q_title .question { font-size:1.7rem; color:#040404; padding-left: 0.3rem; padding-top:0.3rem;}

.faq_wrap .answer_row {display:block;position:relative; border-top:1px dashed #c6c6c6;padding:3rem; padding-left:12rem; background: #f9fafc; border-bottom-left-radius:1rem;  border-bottom-right-radius:1rem; }
.faq_wrap .answer_row .answer { position:relative; font-size: 1.6rem;}
.faq_wrap .answer_row .answer:before { position: absolute; display: block; top:0; left:-2rem; width:13px; height:15px; background: url("../img/bg_answer.png") no-repeat left top; content:""; }


.flow_wrap {position:relative; margin: 1rem 0; }
.flow_wrap ul { display:flex; width: 100%; align-items:center; justify-content:space-between; }
.flow_wrap ul li { background: #f3f4f8; width: calc(25% - 20px); height: 27rem; border-radius: 2rem; padding-top: 3rem; }
.flow_wrap ul li .flow_title {position:relative; text-align: center; padding-top:2rem; font-size: 1.8rem; color:#1c262b; font-weight: 600;font-family: 'SCDream'; z-index: 100;}
.flow_wrap ul li .flow_title span { display: block; margin: 0 auto 10px; width:140px; height:140px; background-color:#fff; border-radius: 50%; background-repeat: no-repeat;background-position: center top; }
.flow_wrap ul li .flow_title .flowbg01 { background-image: url("../img/flowbg01.png"); }
.flow_wrap ul li .flow_title .flowbg02 { background-image: url("../img/flowbg02.png"); }
.flow_wrap ul li .flow_title .flowbg03 { background-image: url("../img/flowbg03.png"); }
.flow_wrap ul li .flow_title .flowbg04 { background-image: url("../img/flowbg04.png"); }
.flow_wrap ul li .flow_title .flowbg05 { background-image: url("../img/flowbg05.png"); }
.flow_wrap ul li .flow_title .flowbg06 { background-image: url("../img/flowbg06.png"); }
.flow_wrap ul li .flow_title .flowbg07 { background-image: url("../img/flowbg07.png"); }
.flow_wrap ul li .flow_title .flowbg08 { background-image: url("../img/flowbg08.png"); }
.flow_wrap ul li .flow_title .flowbg09 { background-image: url("../img/flowbg09.png"); }
.flow_wrap ul li .flow_title .flowbg10 { background-image: url("../img/flowbg10.png"); }
.flow_wrap ul li .flow_title .count { position: absolute; left: calc(50% - 70px); top:10px; color:#fff; text-align: center; width: 35px; height: 35px; background: #1c3d88; border-radius: 50%; font-size: 1.4rem; font-weight: 400;font-family: 'SCDream'; line-height: 35px;  }


.flow_wrap_txt {position:relative; margin: 1rem 0; }
.flow_wrap_txt ul { display:flex; width: 100%; align-items:center; justify-content:space-between;align-items: flex-start; flex-wrap: wrap; }
.flow_wrap_txt ul li { background: #f3f4f8; width: calc(20% - 20px); height: 31rem; border-radius: 2rem; padding: 1.5rem; }
.flow_wrap_txt ul li .flow_title {position:relative; text-align: center; padding-top:1.5rem; font-size: 1.8rem; color:#1c262b; font-weight: 600;font-family: 'SCDream'; z-index: 100;}
.flow_wrap_txt ul li .flow_title span { display: block; margin: 0 auto 10px; width:100px; height:100px; background-color:#fff; border-radius: 50%; background-repeat: no-repeat;background-position: center -20px; }
.flow_wrap_txt ul li .flow_title_sm {  text-align: center; margin-bottom: 1rem; border-bottom: #c1c1c1 dashed 1px; padding-bottom: 1rem;}
.flow_wrap_txt ul li .flow_title_sm span {font-size: 1.4rem; padding:0.2rem 1rem; color:#fff;  border-radius: 2rem;}
.flow_wrap_txt ul li .flow_title_sm span.type1  {background: #ff7765;}
.flow_wrap_txt ul li .flow_title_sm span.type2  {background: #5fbcc0;}
.flow_wrap_txt ul li .flow_title .flowbg01 { background-image: url("../img/flowbg06.png"); }
.flow_wrap_txt ul li .flow_title .flowbg02 { background-image: url("../img/flowbg02.png"); }
.flow_wrap_txt ul li .flow_title .flowbg03 { background-image: url("../img/flowbg10.png"); }
.flow_wrap_txt ul li .flow_title .flowbg04 { background-image: url("../img/flowbg05.png"); }
.flow_wrap_txt ul li .flow_title .flowbg05 { background-image: url("../img/flowbg11.png"); }
.flow_wrap_txt ul li .flow_title .count { position: absolute; left: calc(50% - 60px); top:10px; color:#fff; text-align: center; width: 35px; height: 35px; background: #1c3d88; border-radius: 50%; font-size: 1.4rem; font-weight: 400;font-family: 'SCDream'; line-height: 35px;  }



.online_flow_wrap {position:relative; margin: 1rem 0 3rem 0; border: #f2f3f5 solid 7px; padding: 3rem 3rem 3rem 3rem;  border-radius: 2rem;}
.online_flow_wrap ul { display:flex; width: 100%; align-items:center; justify-content:space-between; margin-bottom: 1rem; }
.online_flow_wrap ul li { background: #f3f4f8; width: calc(15% - 2px); height: 20rem; border-radius: 2rem; padding-top: 1rem; }
.online_flow_wrap ul li .flow_title {position:relative; text-align: center; padding-top:2rem; font-size: 1.6rem; color:#1c262b; font-weight: 500;font-family: 'SCDream'; z-index: 100;}
.online_flow_wrap ul li .flow_title span { display: block; margin: 0 auto 10px; width:100px; height:100px; background-color:#fff; border-radius: 50%; background-repeat: no-repeat;background-position: center center; }
.online_flow_wrap ul li .flow_title .flowbg01 { background-image: url("../img/flowbg_online_01.png"); }
.online_flow_wrap ul li .flow_title .flowbg02 { background-image: url("../img/flowbg_online_02.png"); }
.online_flow_wrap ul li .flow_title .flowbg03 { background-image: url("../img/flowbg_online_03.png"); }
.online_flow_wrap ul li .flow_title .flowbg04 { background-image: url("../img/flowbg_online_04.png"); }
.online_flow_wrap ul li .flow_title .flowbg05 { background-image: url("../img/flowbg_online_05.png"); }
.online_flow_wrap ul li .flow_title .flowbg06 { background-image: url("../img/flowbg_online_06.png"); }
.online_flow_wrap ul li .flow_title .count { position: absolute; left: calc(50% - 50px); top:10px; color:#fff; text-align: center; width: 30px; height: 30px; background: #1c3d88; border-radius: 50%; font-size: 1.3rem; font-weight: 400;font-family: 'SCDream'; line-height: 31px;  }



.contflow_wrap {position:relative; margin: 1rem 0;  }
.contflow_wrap .contflow_ul {position:relative; display: flex; justify-content:space-between; align-items:top; }
.contflow_wrap .contflow_ul.li04 li { width: calc(25% - 3rem - 2px); }
.contflow_wrap .contflow_ul li { display: inline-block; margin-right: 3rem; }
.contflow_wrap .contflow_ul li:last-child { margin-right:0;}
.contflow_wrap .contflow_dl {position:relative; }
.contflow_wrap .contflow_dl dt { background: #ebeef3; border: 1px solid #a7a7a7; text-align: center; padding:1.5rem 2rem; font-family: 'SCDream'; font-size: 1.6rem;  font-weight: 500; margin-bottom: 1rem;}
.contflow_wrap .contflow_dl dd { position:relative; background: #fff; border: 1px solid #a7a7a7; border-bottom: 0; padding:1.5rem 2rem; text-align: center; }
.contflow_wrap .contflow_dl dd:last-child { border-bottom: 1px solid #a7a7a7;}
.contflow_wrap .contflow_ul li:last-child .contflow_dl dd:before { display:none;}
.contflow_wrap .contflow_dl dd:before { position: absolute; display: block; top:calc(50% - 20px); right:-35px; width:27px; height:27px; background: url("../img/btn_arr_02.png") no-repeat left top; content:""; }
.contflow_wrap .contflow_dl dd.non:before { display:none; }
.contflow_wrap .contflow_dl dd.dd_blue { background:#e7effa; border:#6282a5 solid 1px;border-bottom: 0; padding: 0;}
.contflow_wrap .contflow_dl dd.dd_blue:last-child { border-bottom:#6282a5 solid 1px;}

.contflow_wrap .contflow_dl .blue_type01 { position:relative;}
.contflow_wrap .contflow_dl .blue_type01 .title { position: absolute; left: 13%; top: 41%; height: 120px;  }
.contflow_wrap .contflow_dl .blue_type01 .blue_type01_ul { padding-left: 121px; width: 100px;  }
.contflow_wrap .contflow_dl .blue_type01 .blue_type01_ul li { position:relative; display:block;  width: 120px;border-left:#6282a5 solid 1px;}
.contflow_wrap .contflow_dl .blue_type01 .blue_type01_ul li.bdbottm {border-bottom:#6282a5 solid 1px; }
.contflow_wrap .contflow_dl .blue_type01 .blue_type01_ul li.row1 {  height:7.9rem;}
.contflow_wrap .contflow_dl.row02 dd { height:8rem;}
.contflow_wrap .contflow_dl.row02 dd.row01 { height:16rem;}
.contflow_wrap .contflow_dl.row02 dd.row02 { height:24rem;}
.contflow_wrap .contflow_dl dd p.contALC { position: absolute; top:calc(50% - 10px); left: 0; width: 100%;}
.contflow_wrap .contflow_dl dd p.contALC span { text-align: center;}


.priv_wrap {position:relative; margin: 1rem 0; }
.priv_wrap ul.priv_ul { display:flex; width: 100%; align-items:stretch; justify-content:space-between; flex-wrap: wrap; border:1px solid #dddddd;}
.priv_wrap ul.priv_ul > li {position:relative;  width: 16%; height: 20rem; border-radius: 2rem; padding: 3.5rem 1rem 4rem 1rem; margin-bottom: 1rem; text-align: center;}
.priv_wrap ul.priv_ul > li .priv_title {position:relative; text-align: center; padding-top:2rem; font-size: 1.6rem; color:#1c262b; font-weight: 500;z-index: 100; margin-bottom: 0.5rem;}
.priv_wrap ul.priv_ul > li .priv_title span { display: block; margin: 0 auto 10px; width:70px; height:70px; margin-bottom: 1rem;}
.priv_img { width:30px; height:30px; margin-left: 0 !important;}

.priv_wrap ul.ul_label { position:relative; margin:0 1rem; text-align: left; }
.priv_wrap ul.ul_label li {  position:relative; width: 100%; padding:0.5rem 0.8rem; line-height:1; margin-bottom: 0.2rem; font-size: 1.4rem; }
.priv_wrap ul.ul_label li:after { position: absolute; top:10px; left:0; width:4px; height:1px; display: block; background:#979797; content:""; }

.priv_wrap ul li .priv_label_text { display:none; position: absolute; left:calc(50% - 125px); width: 250px; z-index: 9999; box-sizing: border-box; border-radius: 10px; background-color: #f1f1f1; padding: 5px; word-break: keep-all;}
.priv_wrap ul li.num1:hover > .priv_label_text,
.priv_wrap ul li.num2:hover > .priv_label_text,
.priv_wrap ul li.num3:hover > .priv_label_text,
.priv_wrap ul li.num4:hover > .priv_label_text,
.priv_wrap ul li.num5:hover > .priv_label_text,
.priv_wrap ul li.num6:hover > .priv_label_text  {display:block; }


.privlist_ul {position:relative; display: flex; width: 100%;  align-items:center; justify-content:space-between; flex-wrap: wrap;}
.privlist_ul li {position:relative; width: 50%; margin-bottom: 1rem; padding: 1rem 0; }
.privlist_ul li .privlist_img { position: absolute; left: 0; top:calc(50% - 20px); vertical-align: middle; }
.privlist_ul li a { padding-left:42px; vertical-align: middle;}



.sch_wrap{ position:relative; background: #f0f1f5; padding: 5rem 0 3rem 0; margin: 4rem  0 2rem 0;  }
.sch_wrap .sch_inner { width: 33rem; margin: 0 auto; }
.sch_wrap .sch_button { width:100%;}


.textarea_wrap {position:relative; margin:0.5rem 0; }
.textarea_wrap textarea {min-height: 24rem;  max-height: 24rem; }



.tab_menu_wrap{position:relative; margin:1rem 0; font-size:0;}
.tab_menu_wrap:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-bottom:1px solid #c4c6cf; box-sizing:border-box; }
.tab_menu_wrap .tab_item { display:inline-block;box-sizing:border-box; position:relative; width:calc(20% + 1px); margin-top:-1px; margin-left:-1px; text-align:center; vertical-align:top; }
.tab_menu_wrap .tab_item .tab_anchor{position:relative; width:100%; height:45px; border:1px solid #ccc; background-color:#fff; vertical-align:middle; color:#444; font-size:1.7rem; font-family: 'SCDream'; font-weight:500; line-height: 45px;background: #f6f6f6 }
.tab_menu_wrap .tab_item .tab_anchor:before{position:absolute; top:-1px; left:-1px; z-index:10; width:calc(100% - 2px); height:calc(100% - 2px); border:2px solid #0d3360;}
.tab_menu_wrap .tab_item .tab_anchor:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
.tab_menu_wrap .tab_item .tab_anchor:hover{color:#0d3360;}
.tab_menu_wrap .tab_item .tab_anchor:hover:before{display:block;}
.tab_menu_wrap .tab_item.active .tab_anchor{background-color:#0d3360; color:#fff;}
.tab_menu_wrap .tab_item.active .tab_anchor:before{top:-3px;display:block;width:calc(100% - 6px);border-width:4px;border-radius:4px;box-shadow:0 0 14px rgba(13,36,78,0.2);}
.tab_menu_wrap .tab_item.active .tab_anchor:hover{color:#fff;}



.tab_agree_wrap{position:relative; margin:1rem 0; font-size:0;}
.tab_agree_wrap:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-bottom:1px solid #c4c6cf; box-sizing:border-box; }
.tab_agree_wrap .tab_item { display:inline-block;box-sizing:border-box; position:relative; width:calc(33.33% + 1px); margin-top:-1px; margin-left:-1px; text-align:center; vertical-align:top; }
.tab_agree_wrap .tab_item .tab_anchor{position:relative; width:100%; height:70px; border:1px solid #ccc; background-color:#fff; vertical-align:middle; color:#444; font-size:1.6rem; font-family: 'SCDream'; font-weight:500; padding: 1rem 0; line-height: 1.5;background: #f6f6f6 }
.tab_agree_wrap .tab_item .tab_anchor:before{position:absolute; top:-1px; left:-1px; z-index:10; width:calc(100% - 2px); height:calc(100% - 2px); border:2px solid #0d3360;}
.tab_agree_wrap .tab_item .tab_anchor:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
.tab_agree_wrap .tab_item .tab_anchor:hover{color:#0d3360;}
.tab_agree_wrap .tab_item .tab_anchor:hover:before{display:block;}
.tab_agree_wrap .tab_item .tab_anchor span { display:block; margin:0; padding:0;}
.tab_agree_wrap .tab_item .tab_anchor span.subtit { font-size:1.5rem; letter-spacing: -2px; }
.tab_agree_wrap .tab_item.active .tab_anchor{background-color:#0d3360; color:#fff;}
.tab_agree_wrap .tab_item.active .tab_anchor:before{top:-3px;display:block;width:calc(100% - 6px);border-width:4px;border-radius:4px;box-shadow:0 0 14px rgba(13,36,78,0.2);}
.tab_agree_wrap .tab_item.active .tab_anchor:hover{color:#fff;}

.tab_agree_wrap.tab_num4 .tab_item {  width:calc(25% + 1px); }


.state_wrap { position:relative; border:#dfdfdf solid 1px; padding: 2rem 3rem 0rem 3rem; border-radius: 6px; }
.state_wrap .ul_state { position:relative; }
.state_wrap .ul_state .state_title { position: absolute; left: 0; top:0; }
.state_wrap .ul_state .state_title span{ display: block; background:#ebeff2; width: 24rem; text-align: left; border-radius: 5rem; padding:0.8rem 1rem; color:#333951; margin-right: 1rem;  font-family: 'SCDream'; font-weight: 500; letter-spacing: -1px;}
.state_wrap .ul_state .state_cont { padding-left: 25rem; padding-top:0.8rem; width: 100%; height:100%;}
.state_wrap .ul_state .state_cont span { display:block;}
.state_wrap .ul_state li {position:relative;  border-bottom: #dedede dashed 1px; padding-bottom: 1rem; margin-bottom: 1rem; min-height: 50px; }
.state_wrap .ul_state li:last-child { border-bottom:0;}
.state_wrap .ul_state.small .state_title span{ width: 15rem; text-align: center;}
.state_wrap .ul_state.small .state_cont { padding-left: 16rem;}

.state_wrap .ul_state .state_title em.num {background: #6073a1; color:#fff; font-size: 14px; width: 20px; height:20px; border-radius: 50%; margin-right: 0.5rem; text-align: center; line-height: 22px; }




.satisfy_wrap {position: relative; background: #f1f2f4; margin: 5rem 0 0 0; padding: 3rem 5rem; display: flex;  justify-content:space-between; align-items:center;}
.satisfy_wrap .question { position: relative; padding-left: 3.2rem; margin-bottom: 1rem; }
.satisfy_wrap .question:before { position: absolute; display: block; top:0; left:0; width:27px; height:27px; background: url("../img/ico_satisfy_q.png") no-repeat left top; content:""; }

.satisfy_wrap .input_radio{display:block;}
.satisfy_wrap .input_radio span{display:inline-block;}
.satisfy_wrap .input_radio label{display:inline-block;margin-right:20px;}





.board_info_wrap { position: relative; background: #f4f5f9; padding: 2rem; }
.board_info_wrap::after { content: ""; clear: both; display: table;}
.board_info_wrap .board_info_inner { position: relative; text-align:center; }
.board_info_wrap fieldset {clear: both; display: table; width: 100%; position: relative; overflow: hidden; vertical-align: middle; }
.board_info_wrap fieldset select,
.board_info_wrap fieldset input{ border: 1px solid #ddd; height: 38px; line-height: 38px; text-align: left;  }
.board_info_wrap fieldset input[type="radio"] { margin-right:4px; width:18px; height:18px; line-height: 1;}
.board_info_wrap fieldset input[type="checkbox"] { margin-right:4px; width:18px; height:18px; line-height: 1;}
.board_info_wrap fieldset .form_btn button { border:0; height: 38px; line-height: 38px; padding-top: 0; vertical-align: middle;}
.board_info_wrap .form_word { color:#576688; font-size: 1.7rem; font-weight:500; padding: 0 1rem;vertical-align: middle;}
.board_info_wrap .form_word input, .board_info_wrap .form_word label { display:inline-block;}
.board_info_wrap .form_word.wid10 { width: 15rem; }


.line_box_wrap { position: relative; background: #fff; border:#ececec solid 6px;  padding: 2rem 3rem; }
.line_box_wrap::after { content: ""; clear: both; display: table;}
.line_box_wrap .line_box_inner { position: relative; }






.apply_wrap {position: relative; border-top:#333333 solid 2px;  margin-bottom: 8rem;}
.apply_wrap .apply_ul li {position: relative; border-bottom:1px solid #ddd; padding:4rem 3rem; }
.apply_wrap .apply_ul li:last-child { border-bottom:1px solid #ddd;}
.apply_wrap .apply_ul li .title { font-size: 2.1rem; font-weight:500; font-family: 'SCDream'; margin-bottom: 1rem; }
.apply_wrap .apply_ul li .tag { background: #d53e57; color:#fff; font-size:1.6rem; padding:0.5rem 2rem 0.2rem 2rem; border-radius: 2rem; margin-right: 1rem; }
.apply_wrap .apply_ul li .subtit { color:#888;}
.apply_wrap .apply_ul li .subtit strong { color:#000; }

.apply_wrap .apply_btn {position:absolute; right:3rem; top:calc(50% - 20px); }
.apply_wrap .apply_btn button { display:inline-block; font-family: 'SCDream'; font-weight: 500; padding:1.8rem 4.5rem; font-size:1.8rem; line-height:1rem;}
.apply_wrap .apply_btn button span { font-size:1.8rem;}
.apply_wrap .apply_btn button.apply_btn01 { border-radius:0.7rem; background:#1c3d88; color:#fff;  }
.apply_wrap .apply_btn button.apply_btn02 { border-radius:0.7rem; background:#fff; border:#c4c4c4 solid 1px; color:#3a3a3a; }


.step_wrap { position: relative; margin:7rem 0 7rem 0; }
.step_wrap ul { position: relative; width:70rem; margin: 0 auto;  }
.step_wrap ul li { position: relative; display:inline-block;  text-align: center; width: 19%; vertical-align: top; }
.step_wrap ul.type02 li { width:24%;}
.step_wrap ul.type03 {  width:60rem; }
.step_wrap ul.type03 li { width:32%;}
.step_wrap ul li:after { position: absolute; top:40%; left:-10px; width:18px; height:2px; display: block; background:#dadada; content:""; }
.step_wrap ul li:first-child:after { display: none;}
.step_wrap ul li p {margin: 0 auto;}
.step_wrap ul li .circle { border:#e6e6e6 solid 1px; background:#fff; border-radius: 50%; width: 100px; height:100px; padding-top: 22px; margin-bottom: 1rem; z-index: 100; position: relative;}
.step_wrap ul li .circle span { display:block; font-size:3rem; color:#a7a7a7; font-weight:400;}
.step_wrap ul li .circle span.step { font-size:1.4rem; padding-bottom: 0.5rem;}
.step_wrap ul li .title { font-size:1.7rem; font-weight: 400; color:#5b6065; line-height: 1;}
.step_wrap ul li.active .circle { background:#1c3d88;  border:none; font-weight: 500; }
.step_wrap ul li.active .circle span {color:#fff; }
.step_wrap ul li.active .title { color:#1c3d88; font-weight: 600;}

.step_wrap.booking ul { width:50rem;}
.step_wrap.booking ul.type03 li { width:32%;}



.rank_wrap {position: relative; display: flex;}
.rank_wrap .rank_right { width: calc(100% - 190px);}
.rank_wrap .rank_left { width: 190px;}
.rank_wrap .rank_left .left_cont { position: relative;}
.rank_wrap .rank_left .left_cont p { position: absolute; top:calc(50% - 30px); background: #ffdf00; z-index: 10; border-radius: 1rem; padding: 2.2rem 1rem; font-family: 'SCDream'; font-size: 1.5rem; text-align: center; color:#383838; font-weight: 500; width: calc(100% - 50px); }
.rank_wrap .rank_left .left_cont.ti02 p { padding: 4rem 1rem;}
.rank_wrap .rank_left .left_cont.ti01 { height: 130px; margin-bottom: 6rem;}
.rank_wrap .rank_left .left_cont.ti02 { height: 840px; margin-bottom: 5rem;}
.rank_wrap .rank_left .left_cont:after{display:block;content:'';position: absolute;top:0;left: 73px;border: #ced9e1 dotted 2px;z-index: 1;width: 89px;height: 100%;border-right: 0;border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}


.rank_wrap .rank_box {position: relative; display: flex; width: 100%; border:#f2f3f5 solid 5px; border-radius: 2rem; padding:2rem; margin-bottom:5rem;}
.rank_wrap .rank_box:before { position:absolute; bottom:-35px; left:100px; display:block; width:20px; height:20px; content:'';border:#ced9e1 solid 5px; border-left: 0;border-bottom: 0; transform: rotate(135deg)}
.rank_wrap .rank_box:last-child:before{ display: none;} 

.rank_wrap .rank_box .rank_title {position:relative; background: #1c3d88; width: 185px; border-radius: 1rem; padding:2rem; display: flex; align-items: center; margin-right:2rem; justify-content: center;}
.rank_wrap .rank_box .rank_title span {font-size: 1.6rem; color:#fff; font-weight: 500;font-family: 'SCDream'; padding-left: 1rem;}
.rank_wrap .rank_box .rank_title .count { color:#fff; text-align: center; width: 30px; height: 30px; background: #017b8f; border-radius: 50%; font-size: 1.3rem; font-weight: 600;font-family: 'SCDream'; line-height: 31px;  }

.rank_wrap .rank_box .rank_cont { width: calc(100% - 205px);}
.rank_wrap .rank_box .rank_cont .rank_flow { display: flex; justify-content: space-between; margin-bottom: 0.5rem;}
.rank_wrap .rank_box .rank_cont .rank_flow li { position: relative; background:#ebeff2; text-align: center; border-radius: 1rem;  color:#333951; margin: 0 2rem; width:calc(100% - 4rem); padding: 1rem 0;font-family: 'SCDream';font-weight: 500;}
.rank_wrap .rank_box .rank_cont .rank_flow li:before { position:absolute; top:13px; right:calc(0% + -23px); display:block; width:10px; height:10px; content:'';border:#ebeff2 solid 3px; border-left: 0;border-bottom: 0; transform: rotate(45deg)}
.rank_wrap .rank_box .rank_cont .rank_flow li:last-child:before{ display: none;} 

.rank_wrap .rank_box .rank_cont .ul_rank { position:relative; }
.rank_wrap .rank_box .rank_cont .ul_rank .ul_rank_title span{ display: block; background:#ebeff2; width: 15rem; text-align: center; border-radius: 1rem; padding:0.8rem 1rem; color:#333951; margin-right: 1rem;  font-family: 'SCDream'; font-weight: 500; letter-spacing: -1px;}
.rank_wrap .rank_box .rank_cont .ul_rank .ul_rank_cont {  padding-top:0.8rem; width: 100%; height:100%;}
.rank_wrap .rank_box .rank_cont .ul_rank .ul_rank_cont span { display:block;}
.rank_wrap .rank_box .rank_cont .ul_rank li {position:relative;  border-bottom: #dedede dashed 1px; padding-bottom: 1rem; margin-bottom: 1rem; min-height: 50px; display: flex; }
.rank_wrap .rank_box .rank_cont .ul_rank li:last-child { border-bottom:0; margin-bottom: 0;}
.rank_wrap .rank_box .rank_cont .ul_rank .ul_rank_title em.num {background: #6073a1; color:#fff; font-size: 14px; width: 20px; height:20px; border-radius: 50%; margin-right: 0.5rem; text-align: center; line-height: 22px; }




.agree_top_wrap {position:relative; margin:4rem 0 6rem 0; padding:3rem; padding-left:23rem; border:1px solid #ddd; border-top-color:#555; background-color:#fcfcfc}
.agree_top_wrap .img {position:absolute; left:0; top:0; width:20rem; height:100%; padding:3rem; border-right:1px solid #ddd; background:#fff url(../img/bg_agree_top.png) no-repeat 50% 50%;}
.agree_top_wrap .tit { font-size: 2rem; margin-bottom: 0.5rem; font-weight: 500; color: #000; }

.agree_wrap { position:relative; margin:1rem 0 0 0; border: 1px solid #e5e5e5;padding:3rem;}
.agree_wrap.agwrap { margin-top:0;}
.agree_wrap .agree_inner{ color:#777; height: 20rem; overflow: scroll; overflow-x: hidden; padding-right: 1rem; }
.agree_btn_wrap { position:relative; display: flex; justify-content: space-between;  background: #f5f5f5; padding:3rem 2rem;}/*20240123 변경*/
.agree_btn_wrap .title { position:relative; width:calc(100% - 320px); }/*20240123 변경*/
.agree_btn_wrap .title em.point { border-radius: 1.5rem; background: #313131; color:#fff; padding: 0.2rem 1rem}
.agree_btn_wrap .agree_ri_btn { width:320px; text-align: right;}/*20240123 변경*/
.agree_btn_wrap .agree_ri_btn.full { width: 100%;}

.agree_chkbx_all { text-align:center; background: #f0f6f9; border-top:#c2ced4 dashed 1px; border-bottom:#c2ced4 dashed 1px; margin:4rem 0 3rem 0; padding:2rem; font-size:1.8rem; }


.agree_wrap .agree_inner::-webkit-scrollbar{width:10px;height:25px;background:#e6e8ec;}
.agree_wrap .agree_inner::-webkit-scrollbar-thumb{border-radius:0.5rem;background:rgba(10,46,79,.5);}
.agree_wrap .agree_inner:hover::-webkit-scrollbar-thumb{background:rgba(10,46,79,.5);}
.agree_wrap .agree_inner::-webkit-scrollbar-track{border-radius:0;background:transparent;}
.agree_wrap .agree_inner::-moz-selection{background-color:#004792;color:#fff;}




.sum_wrap { position: relative; margin:5rem 0; border:#4a4a4a solid 1px;display:flex;}
.sum_wrap .sum_right { position: relative; width: 350px;  border-left:#d2d2d2 solid 1px; background: #f2f5f7; padding: 4rem 3rem 2rem 3rem; }
.sum_wrap .sum_left { position: relative; width:calc(100% - 350px); }
.sum_wrap .sum_inner { padding: 5rem; width: 100%;}
.sum_wrap .sum_ul { position: relative; text-align: center; border-bottom: #d0d0d0 dashed 1px; padding-bottom: 3rem; }
.sum_wrap .sum_ul li { display:inline-block; vertical-align: middle;}
.sum_wrap .sum_ul li .title { font-size:1.8rem; font-weight:500; color:#5b6065; margin-right: 1rem; }
.sum_wrap .sum_ul li .won { color:#3a3a3a; font-weight: 500; }
.sum_wrap .suminfo_ul { padding:3rem 0; text-align: center;}

.sum_wrap .sum_inn { width:100%; border-bottom: #d0d0d0 dashed 1px; }
.sum_wrap .sum_ul_table {  display: table; padding-bottom: 3rem; margin: 0 auto;}
.sum_wrap .sum_ul_table li { display: table-cell;}
.sum_wrap .sum_ul_table li .title { font-size:1.8rem; font-weight:500; color:#5b6065; margin-right: 1rem; }
.sum_wrap .sum_ul_table li .won { color:#3a3a3a; font-weight: 500; padding-left: 0.5rem; }
.sum_wrap .sum_ul_table li .sum_minitxt { text-align:right; padding-top: 0.3rem;color:#666;font-size:1.5rem;}


.sum_wrap .sum_ul02 { width:40rem; margin: 0 auto; position: relative; text-align: center; padding-bottom: 3rem;  }
.sum_wrap .sum_ul02 li { display:block; margin-bottom: 0.5rem; text-align: left; border-bottom: #d0d0d0 dashed 1px; padding: 1rem 0;}
.sum_wrap .sum_ul02 li .title { width: 150px; display:inline-block; font-size:1.8rem; font-weight:500; text-align: left; color:#576688; margin-right: 1rem; }
.sum_wrap .sum_ul02 li input,
.sum_wrap .sum_ul02 li select { width:calc(100% - 165px);}
.sum_wrap .sum_ul02 li.li_word input {width:calc(100% - 165px - 50px); }
.sum_wrap .sum_ul02 li:last-child { border-bottom:0;}


.sum_wrap .sum_ul03 { width:35rem; margin: 0 auto; position: relative; text-align: center;display: flex;align-items: center; }
.sum_wrap .sum_ul03 li {  margin-bottom: 0.5rem; text-align: left; padding: 1rem 0; width: 100%;}
.sum_wrap .sum_ul03 li.title { width: 250px; font-size:1.8rem; font-weight:500; text-align: left; color:#576688; padding-right: 1rem; text-align: right; }
.sum_wrap .sum_ul03 li input { width: 100%;}
.sum_wrap .sum_ul03.col li.liauto{ width: auto;}
.sum_wrap .sum_ul03.col li .word { color:#3a3a3a; font-weight: 500; padding-left: 0.5rem; font-size: 1.2rem; white-space: nowrap;}


.pwmodify_wrap{position:relative; background: #f1f7f8; padding: 7rem 0 9rem 0; margin: 4rem 0;  }
.pwmodify_wrap .pwmodify_inner { width: 80%; margin: 0 auto; }
.pwmodify_wrap .pwmodify_title { position:relative; font-family: 'SCDream'; font-size:2.6rem; color:#000000;text-align: center; font-weight:600; padding-top: 12rem; margin-bottom: 3rem; }
.pwmodify_wrap .pwmodify_title:before{position:absolute; top:0; left:calc(50% - 50px); display:block; width:100px; height:100px; border-radius: 50%;  content:'';background:#fff url("../img/bg_login01.png") no-repeat center center; }
.pwmodify_wrap .pw_wrap { position:relative; padding-bottom: 3rem; }
.pwmodify_wrap .pw_wrap ul { width: 35rem; position:relative; margin:0 auto; }
.pwmodify_wrap .pw_wrap ul li { display:inline-block; margin-bottom: 0.5rem;}
.pwmodify_wrap .pw_wrap ul li.title { width:12rem; text-align: right; padding-right: 1rem; font-size:1.7rem; font-weight:400; }
.pwmodify_wrap .pw_btn { width: 100%; text-align: center; }

.pwmodify_subtitle { text-align:center; color:#e20101; margin-bottom: 2rem; padding-top: 2rem; border-top:#ddd solid 1px; }



/*20230328*/
.keyword_box_wrap { position: relative; background: #f2f3f5;  padding: 3rem 3rem 5rem 3rem; margin-bottom:6rem; border-top:#1c3d88 2px solid;   }
.keyword_box_wrap .keyword_box_inner { position: relative; }

.p-table.tablekeyword{position:relative;width:100%;border-collapse:collapse; margin-bottom:1rem;}
.p-table.tablekeyword th{ padding:0.5rem 1rem; color:#1c1c1c; font-size:1.6rem; font-weight:500; vertical-align:middle; text-align:center;  border-bottom:#c1c1c1 dashed 1px; font-family: 'SCDream';}
.p-table.tablekeyword td{ padding:0.5rem 1rem; box-sizing:border-box; vertical-align:middle ; height: 60px; border-bottom:#c1c1c1 dashed 1px; font-size:1.6rem; text-align:left;}
.p-table.tablekeyword tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.tablekeyword .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.tablekeyword .last_data strong{ font-size:1.7rem; }
.p-table.tablekeyword .add-head { display:none; }
.p-table.tablekeyword.ALL th,
.p-table.tablekeyword.ALL td { text-align:left;}


/*20230328*/
.schedule_box_wrap { position: relative; background: #fff;  padding: 3rem 3rem 5rem 3rem; margin-bottom:6rem; border:#f2f3f5 solid 7px;   }
.schedule_box_wrap .schedule_box_inner { position: relative; }
.p-table.tableschedule{position:relative;width:100%;border-collapse:collapse; margin-bottom:1rem; border-top: #e7e7e7 solid 2px;}
.p-table.tableschedule th{ padding:0.5rem 1rem; color:#1c1c1c; font-size:1.6rem; font-weight:500; vertical-align:middle; text-align:center;  border-bottom:#c1c1c1 dashed 1px; font-family: 'SCDream'; background: #f5f5f5;}
.p-table.tableschedule td{ padding:0.5rem 1rem; box-sizing:border-box; vertical-align:middle ; height: 60px; border-bottom:#c1c1c1 dashed 1px; font-size:1.6rem; text-align:left;}
.p-table.tableschedule tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.tableschedule .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.tableschedule .last_data strong{ font-size:1.7rem; }
.p-table.tableschedule .add-head { display:none; }
.p-table.tableschedule.ALL th,
.p-table.tableschedule.ALL td { text-align:left;}


.percent_wrap { position:relative; }
.percent_wrap .percent_ul li { display: inline-block; margin-bottom: 0.5rem; margin-right: 0.5rem;}
.percent_wrap .percent_ul li.title { width:80px; color:#666;}
.percent_wrap .percent_ul li .perinput { width: 50px; height: 35px; line-height: 35px; text-align: center;}





.dormancy_wrap{position:relative; background: #f1f7f8; padding: 7rem 0 9rem 0; margin: 4rem 0;  }
.dormancy_wrap .dormancy_inner { width: 80%; margin: 0 auto; }
.dormancy_wrap .dormancy_title { position:relative; font-family: 'SCDream'; font-size:2.6rem; color:#000000;text-align: center; font-weight:600; padding-top: 12rem; }
.dormancy_wrap .dormancy_title:before{position:absolute; top:0; left:calc(50% - 50px); display:block; width:100px; height:100px; border-radius: 50%;  content:'';background:#fff url("../img/bg_dormancy.png") no-repeat center center; }
.dormancy_wrap .dormancy_btn { width: 100%; text-align: center; margin-bottom: 8rem; }

.dormancy_subtitle { text-align:center; margin-bottom: 2rem; font-size:2rem; }




.txt_wrap {display: inline-block; text-align: left; padding-top:1.5rem; padding-left: 1rem; margin-bottom: 1rem; }
.txt_wrap p { display: inline-block; margin-right: 1rem;}


.comment_wrap { position: relative; }
.comment_wrap .comment_inner {  padding:2rem; text-align: center;  }
.comment_wrap .comment_inner p.title  { position: relative; font-family: 'SCDream'; font-size:2rem; font-weight:500; text-align: center;}
.comment_wrap .comment_inner p.title span{ position: relative; padding-left:0.5rem;  padding-top: 1rem; text-align: left;}
.comment_wrap .comment_inner p.title span:before { display: block; position: absolute; top:0; left:-50px; width:45px; height:45px; background: url("../img/bg_tit01.png") no-repeat; content:""; }


.comment_wrap .comment_inner p.bottomline {position: relative; display: inline; font-family: 'SCDream'; font-size:2rem; font-weight:500; text-align: center; }
.comment_wrap .comment_inner p.bottomline:before{display:block; content:''; position:absolute; bottom:-0.2rem;  left:0; width:100%; height:1.5rem; margin-left:-1rem; padding-left:1rem; padding-right:1rem; background:#dae2f1; border-radius:3rem; z-index: 100;}
.comment_wrap .comment_inner p.bottomline span {position:relative; color:#021f4f; font-family:'SCDream';z-index: 101;}


.dd_wrap{ position:relative; background: #f7f8fc; padding:5rem 1.5rem; border-radius: 1rem; }
.dd_wrap .customer_wrap {  position:absolute; top:300px; width: 125px; height:125px; z-index: 1; margin-left: 10px;}
.dd_wrap .customer_wrap:after{display:block; content:''; position: absolute; top:-84px; right:59px; border-right:#dadadc dashed 2px; z-index: 1; width:2px; height: 333px;}
.dd_wrap .customer_wrap .customer { position:relative; padding-top: 80px; text-align: center; }
.dd_wrap .customer_wrap .customer:after{display:block; content:''; position: absolute; top:0;  border-radius: 50%; z-index: 50; width: 125px; height:125px; border:#0c72ba solid 1px; background:#fff url("../img/flowimg04.png") no-repeat 55% 40%;}
.dd_wrap .customer_wrap .customer span { position:relative;  z-index: 100;  font-family: 'SCDream'; font-weight: 600; color:#2176c6;}


.dd_flow_wrap { position:relative; padding:1rem; }

.dd_flow_wrap .flow01_wrap { position:relative; display:flex; padding-left: 150px; justify-content:space-between; align-items:center;}
.dd_flow_wrap .flow01_title_wrap { position:relative; width: 125px; margin-right: 2rem;}
.dd_flow_wrap .flow01_title_wrap:after{display:block; content:''; position: absolute; top:78%; left: -84px; border-bottom:#dadadc dashed 2px; z-index: 1; width:65px; height:2px;}
.dd_flow_wrap .flow01_title_wrap:before{display:block; content:''; position: absolute; top:63px; left: -20px; background: url("../img/bg_flow01.png") no-repeat right 50%; z-index: 1; width: 9px; height:16px;}
.dd_flow_wrap .flow01_title { position:relative;padding-top:35px; text-align: center; }
.dd_flow_wrap .flow01_title p { position:relative; z-index: 100 ; color:#fff; font-family: 'SCDream'; font-weight: 600; }
.dd_flow_wrap .flow01_title:after{display:block; content:''; position: absolute; top:0px;  border-radius: 50%; background: #1c3d88; z-index: 1; width: 125px; height:125px;}
.dd_flow_wrap .flow01_title .subtxt03 { color:#fff200; font-size:1.4rem;  padding: 0 2.5rem; padding-bottom: 0.5rem; margin-bottom: 0.5rem;  border-bottom: #fff dashed 1px;}
/*대환대출 s*/
.dd_flow_wrap.flow_dh .flow01_wrap{ padding-left:5rem;}
.dd_flow_wrap.flow_dh .flow01_title_wrap:after { display: none;}
.dd_flow_wrap.flow_dh .flow01_title_wrap:before { display: none;}
.dd_flow_wrap.flow_dh .subtxt04 { padding-left:255px; margin-top: 1rem;}
/*대환대출 e*/
.dd_flow_wrap .flow_inner { position:relative; background: #fff; padding: 2.5rem 3rem; border-radius: 2rem; height: 260px; z-index: 100;margin: 0 auto;}/*20240104*/
.dd_flow_wrap .flow_inner .flow_title {  color:#4a87cc;  text-align: center; }
.dd_flow_wrap .flow_inner .flow_title.orange {  color:#cd7103;}
.dd_flow_wrap .flow_inner .flow_title .title01 { font-size:1.8rem; font-family: 'SCDream';  font-weight: 600;}
.dd_flow_wrap .flow_inner .flow_title .title02 { font-size:1.6rem; border-bottom: #dddddd dashed 1px; padding-bottom: 0.5rem; }

.dd_flow_wrap .flow_inner .flow_subtitle  {  text-align: center; padding-top: 97px; font-size:1.5rem; }
.dd_flow_wrap .flow_inner .flow_subtitle .subtxt01 { background: #f9eaec; border-radius: 3rem; padding: 0.2rem 1rem; color:#c91634; font-weight: 500; }
.dd_flow_wrap .flow_inner .flow_subtitle .subtxt02 { font-size:1.4rem; color:#555; }
.dd_flow_wrap .flow_inner p { margin-bottom: 0.2rem;}

.dd_flow_wrap .flow01_ul {display:flex; justify-content:space-between; align-items:center; width: 83%; position:relative;}/*20240104*/
.dd_flow_wrap .flow01_ul li { width: 30%; position:relative;}
/*.dd_flow_wrap .flow01_ul li:after{display:block; content:''; position: absolute; top:50%; right:15px; border-bottom:#dadadc dashed 2px; z-index: 1; width:25px; height:2px;}20240104제거*/
.dd_flow_wrap .flow01_ul li:before{display:block; content:''; position: absolute; top:calc(50% - 5px); right:-25px; background: url("../img/bg_flow01.png") no-repeat right 50%; z-index: 1; width: 9px; height:16px;}/*20240104*/
.dd_flow_wrap .flow01_ul li:last-child:after {display: none; }
.dd_flow_wrap .flow01_ul li:last-child:before {display: none; }
.dd_flow_wrap .flow01_ul.backbg:after{display:block; content:''; position: absolute; top:50%; left:calc(50% - 100px); border-bottom:#dadadc dashed 2px; z-index: 1; width:200px; height:2px;}/*20240104*/
.dd_flow_wrap .flow01_ul.backbg:before{display:block; content:''; position: absolute; top:calc(50% - 5px); left:calc(50% + 105px); background: url("../img/bg_flow01.png") no-repeat left 50%; z-index: 1; width: 9px; height:16px;}/*20240104*/
.dd_flow_wrap .flow01_ul.backbg li:after{display:none;}
.dd_flow_wrap .flow01_ul.backbg li:before{display:none;}

.dd_flow_wrap .flow01_ul .flowimg01 { background:#fff url("../img/flowimg01.png") no-repeat 50% 90px;}
.dd_flow_wrap .flow01_ul .flowimg02 { background:#fff url("../img/flowimg02.png") no-repeat 50% 100px;}
.dd_flow_wrap .flow01_ul .flowimg03 { background:#fff url("../img/flowimg03.png") no-repeat 50% 100px;}

.dd_flow_wrap .subtxt04 { padding-left:325px; margin-top: 1rem;}






.individual_wrap { position:relative; background: #f7f8fc; padding:5rem 1.5rem; border-radius: 1rem;}

.individual_wrap .flow01_wrap { position:relative; }
.individual_wrap .flow01_wrap:after{display:block; content:''; position: absolute; top:63px; left:calc(30% - 50px); background: url("../img/bg_flow04.png") no-repeat right 50%; z-index: 1; width: 16px; height:50px;}
.individual_wrap .flow01_wrap:before{display:block; content:''; position: absolute; top:63px; right:calc(30% - 50px); background: url("../img/bg_flow04.png") no-repeat right 50%; z-index: 1; width: 16px; height:50px;}
.individual_wrap .flow01_title_wrap { position:relative; width: 125px; margin: 0 auto; height: 135px;}
.individual_wrap .flow01_title_wrap:after{display:block; content:''; position: absolute; top:62px; left:calc(100% - 333px); background:#dadadc; z-index: 1; width:542px; height:2px;}
.individual_wrap .flow01_title { position:relative;padding-top:50px; text-align: center;  z-index: 100;}
.individual_wrap .flow01_title p { position:relative; z-index: 100 ; color:#fff; font-family: 'SCDream'; font-weight: 500; }
.individual_wrap .flow01_title:after{display:block; content:''; position: absolute; top:0px;  border-radius: 50%; background: #1c3d88; z-index: 1; width: 125px; height:125px;}



.individual_inner {position:relative; display:flex;  justify-content:space-between; align-items:start;}
.individual_inner .indiv_flow_ul { width:50%; text-align: center;}

.individual_wrap .indiv_flow_ul .flow_inner { position:relative; width: 250px; background: #fff; padding: 2rem 1.5rem; border-radius: 2rem; z-index: 100; margin: 0 auto; min-height: 90px; box-shadow: 0 0 15px rgb(0 0 0 / 5%);}
.individual_wrap .indiv_flow_ul .flow_inner .flow_title {  text-align: center; font-size:1.6rem; }
.individual_wrap .indiv_flow_ul .flow_inner p { margin-bottom: 0.2rem;}

.individual_wrap .indiv_flow_ul {position:relative;display:block;  }
.individual_wrap .indiv_flow_ul li { position:relative; margin-bottom: 3rem;}
.individual_wrap .indiv_flow_ul li:before{display:block; content:''; position: absolute; bottom:-20px;; right:calc(50% - 5px); background: url("../img/bg_flow02.png") no-repeat right 50%; z-index: 1; width: 16px; height:9px;}
.individual_wrap .indiv_flow_ul li.flow_last {margin-bottom: 4rem;}
.individual_wrap .indiv_flow_ul li.flow_last:after{display:block; content:''; position: absolute; bottom:-30px;; right:calc(50% - 90px); background: url("../img/bg_flow03.png") no-repeat right 50%; z-index: 1; width:16px; height:16px;}
.individual_wrap .indiv_flow_ul li.flow_last:before{display:block; content:''; position: absolute; bottom:-30px;; left:calc(50% - 80px); background: url("../img/bg_flow03.png") no-repeat right 50%; z-index: 1; width: 16px; height:16px;}

.individual_wrap .indiv_flow_ul li:last-child:before {display: none; }
.individual_wrap .indiv_flow_ul li.bgnone:before {display: none; }


.individual_wrap .indiv_flow_ul .indiv_ul_inner { display:flex; justify-content:space-between; align-items:start; width: 80%; margin: 0 auto; }
.individual_wrap .indiv_flow_ul .indiv_ul_inner li { position:relative; background: #fff; padding: 2rem 1rem; border-radius: 2rem; width: 45%; box-shadow: 0 0 15px rgb(0 0 0 / 5%);}

.individual_wrap .indiv_open_wrap { width: 33%; margin-left: 11%;}
.individual_wrap .indiv_open_wrap p {position:relative; text-align:center; z-index: 10; color:#fff; padding-top: 2rem;}
.individual_wrap .indiv_open_wrap:after{display:block; content:''; position: absolute; top:0px; left:0;  border-radius: 50px; background: #0a8095; z-index: 1; width: 100%; height:55px;}

/* calendar_area */
.calendar_area {margin-top:3rem;}
.calendar_area * {vertical-align:middle;}
.calendar_area .c_t {padding:3rem 0 1.6rem 0; text-align:center; margin-bottom:10px;}
.calendar_area .c_t .ct_num {display:inline-block;  font-size:3.2rem; line-height:32px; color:#333; padding:0 4px;}
.calendar_area .c_t .ct_txt {display:inline-block; font-size:2.4rem; line-height:32px; color:#666; padding:0 4px;}
.calendar_area .c_t [class^="btn_"] {border:0; padding:0; display:inline-block; width:32px; height:32px; background:red; margin:0 16px;}
.calendar_area .c_t .btn_prev {background:url(../img/c_btn_prev.png) no-repeat center center;}
.calendar_area .c_t .btn_next {background:url(../img/c_btn_next.png) no-repeat center center;}

.calendar_area .c_b { }
.calendar_area .c_b > table {width:100%;border-top:#404b57 solid 1px; border-bottom:#848671 solid 1px; box-sizing:border-box;}
.calendar_area .c_b > table th {background:#ebeef3; color:#333; font-size:1.6rem; line-height:21px; font-weight:500;padding:15px 0;border:1px solid #cccccc; border-left:0; border-top:0; font-family: 'SCDream';}
.calendar_area .c_b > table td {height:112px; vertical-align:top; border:1px solid #dadada; font-size:1.5rem; color:#777;  text-align:left; width:14.2%; position:relative;border-left:0;}
.calendar_area .c_b > table th:last-child { border-right:0; }
.calendar_area .c_b > table td:last-child { border-right:0; }
.calendar_area .c_date {display:block;  font-size:1.5rem; line-height:18px; font-weight:500; letter-spacing:0;padding:4px 8px; }
.calendar_area .c_txt {display:inline-block; font-size:1.5rem; line-height:22px; color:#444;}
.calendar_area .c_num {display:inline-block;  font-size:1.5rem; line-height:22px; color:#444; letter-spacing:0;}
.calendar_area .c_cnt {display:block;  letter-spacing:0; text-align:center; padding-top: 1rem;}
.calendar_area .c_cnt .cc_current {display:inline-block; font-size:1.5rem; line-height:22px; color:red; margin-right:4px; cursor: pointer; }
.calendar_area .c_cnt .cc_total {display:inline; font-size:1.5rem; line-height:22px; color:#666;}

.calendar_area .btn_sm {position:absolute; left:8px; bottom:8px; display:block; width:calc(100% - 16px);}
.calendar_area .btn_sm > span {font-size:12px;}

.calendar_area .c_b > table th:nth-child(1),
.calendar_area .c_b > table td:nth-child(1) {color:#e11c14; }
.calendar_area .c_b > table th:nth-child(7),
.calendar_area .c_b > table td:nth-child(7) {color:#2861ae;}

.calendar_area .c_b > table td:nth-child(1) { background:#f9f3f3; z-index:-10;}
.calendar_area .c_b > table td:nth-child(7) { background:#f2f6f9; z-index:-10;}




.certifi_wrap { position: relative; background: #f7f8fa; border:#dedede solid 1px; padding: 5rem; }
.certifi_wrap .certifi_head { position: relative; text-align: center; }
.certifi_wrap .certifi_head .title { position: relative; padding: 5rem 0; font-size: 2.5rem; font-family: 'SCDream'; font-weight: 500; color:#284e7b;}
.certifi_wrap .certifi_head .sub_title01 { position: relative; padding: 2rem 0 1rem 0; font-size: 2.8rem; font-family: 'SCDream'; font-weight: 500; color:#284e7b; }
.certifi_wrap .certifi_head .sub_title02 { position: relative; padding: 0; font-size: 2rem; font-family: 'SCDream'; font-weight: 500; color:#333; }
.certifi_wrap .certifi_head .title span {position: relative; padding: 0 3.5rem; }
.certifi_wrap .certifi_head .title span:before { display: block; position: absolute; top: -10px; right: 0; z-index: 99; content: ''; width: 25px;  height: 50px; margin: 0; background: url("../img/bg_certifi02.png") no-repeat 0 0; opacity: 0.5}
.certifi_wrap .certifi_head .title span:after { display: block; position: absolute; top: -10px; left: 0; z-index: 99; content: ''; width: 25px;  height: 50px; margin: 0; background: url("../img/bg_certifi01.png") no-repeat 0 0; opacity: 0.5}
.certifi_wrap .certifi_head .subtitle { font-size:1.9rem; text-align: left;}
.certifi_wrap .certifi_inner { background: #fff; margin: 2rem 0; padding: 3rem; }
.certifi_wrap .certifi_inner .font18 { font-size:1.8rem;}
.certifi_wrap .certifi_inner.certi_logo { background:#fff url("../img/bg_semas.png") no-repeat 50% 50%;}
.c_mark { font-size:2.2rem; font-family: 'SCDream';}
.bottom_dash { border-bottom: #dfdfdf dashed 1px;}

.sign_wrap { position: relative; display: flex; justify-content: flex-end;}
.sign_wrap ul { width:20rem;}
.sign_wrap ul li:nth-child(2) span { width: calc(100% - 3rem); }
.sign_wrap ul li span.stamp { width: 3rem;}


.mortgage_wrap { position: relative; display: flex; justify-content: center; align-items: center; min-height: 224px;}
.mortgage_wrap li { margin: 1rem; width: calc((100% - 2rem)/2);}
.mortgage_wrap li a { background: #1c3d88; width: 100%; border-radius: 1rem; color:#fff; text-align: center; padding: 3rem 0; }
.mortgage_wrap li a span { color:#fff200; font-family: 'SCDream'; font-weight: 600;}

.group_wrap { position: relative; display: flex; justify-content: center; align-items: center; }
.group_wrap li { margin: 1rem; }
.group_wrap li a { background: #f9eaec; box-shadow: 0 0 15px rgb(0 0 0 / 5%); width: 100%; border-radius: 1rem; color:#fff; text-align: center; padding: 2rem 3rem; }
.group_wrap li a span { color:#c91634; font-family: 'SCDream'; font-weight: 600; font-size: 2rem;}

.level_info_wrap{ position: relative; background: #f4f5f9; padding: 2rem; border-radius: 1rem; }
.level_wrap {position:relative; margin: 2rem 0 2rem; border-bottom: #ddd solid 1px; padding-bottom: 4rem; }
.level_wrap:after{content:"";display:table;clear:both}
.level_wrap .level_left { float:left;}
.level_wrap .level_right { float:right;}
.level_wrap .level_right .btn_xm { width: 10rem;}


span.winnew {  background: url("../img/blank_btn_white.png") no-repeat left top; width: 13px; height:13px; font-size: 0; margin-left: 0.5rem;}
span.winplus {  position: relative;  font-size: 0; width: 14px; height:14px; margin-left: 8px;}
span.winplus:before { display: block; position: absolute; top:calc(50% - 1px); right: 0; z-index: 999999; content: ''; width: 14px; height: 2px; margin: 0; background:#fff;}
span.winplus:after { display: block; position: absolute; top:0; right:calc(50% - 1px); z-index: 999999; content: ''; width: 2px; height: 14px; margin: 0; background:#fff;}
span.winminus {  position: relative;  font-size: 0; width: 14px; height:14px; margin-left: 8px;}
span.winminus:before { display: block; position: absolute; top:calc(50% - 1px); right: 0; z-index: 999999; content: ''; width: 14px; height: 2px; margin: 0; background:#fff;}


.important_alr { position: absolute; right: 1rem; top:1rem; }
.img_toss {padding:0.4rem;}
.img_toss .tosslogo { height: 15px; margin: 0 2px;}



.recommend_wrap { position: relative; border:#f5f5f5 solid 10px; padding:2rem 4rem;}
.recommend_wrap .recommend_box { display:flex; border-bottom: #eee solid 1px;}
.recommend_wrap .recommend_box:last-child { border-bottom: 0;}
.recommend_wrap .recommend_box .recom_head { position: relative;width:160px; font-family: 'SCDream';  font-weight: 500;  font-size:1.6rem;     padding-top: 2rem;}
.recommend_wrap .recommend_box .recom_head:before { position: absolute;top:21px; right:0; width: 1px; height:20px; background-color: #ddd; content: '';display: block; }
.recommend_wrap .recommend_box .recom_cont { width:calc(100% - 160px); margin-left: 20px; padding:20px 0 10px 0; display: flex;}
.recommend_wrap .recommend_box .recom_ul { display: flex; flex-flow: wrap; }
.recommend_wrap .recommend_box .recom_ul li a { padding:10px 20px; border:#d1d1d1 dashed 1px; border-radius: 4px; margin:0 5px 5px 0; cursor: pointer; word-break: keep-all;display: block; }
.recommend_wrap .recommend_box .recom_ul li a.on { color:#fff;background-color: #0a8095; border:#0a8095 solid 1px;}

.recommend_wrap .recommend_box.more .recom_cont{flex-direction: row-reverse;}
.recommend_wrap .recommend_box.more .recom_ul { width:calc(100% - 145px); display: flex; }
.recommend_wrap .recommend_box .recom_more { width: 145px; text-align: right; padding-top: 0.5rem; margin-left: 0.5rem; }
.recommend_wrap .recommend_box .recom_more .more { background: #464d62; color:#fff; padding: 0.8rem 4rem 0.8rem 2rem; border-radius: 20px;position: relative;}
.recommend_wrap .recommend_box .recom_more .more.on:before {position: absolute; top:12px; right:15px; border-right: #fff solid 2px; border-bottom: #fff solid 2px; width: 8px; height:8px; content: '';display: block;transform: rotate(45deg); }
.recommend_wrap .recommend_box .recom_more .more.off:before {position: absolute; top:15px; right:15px; border-right: #fff solid 2px; border-bottom: #fff solid 2px; width: 8px; height:8px; content: '';display: block;transform: rotate(225deg); }



.recom_result_wrap { position: relative; display: flex; flex-wrap: wrap; margin-top: 1rem; }
.recom_result_wrap .recom_result { position:relative; border:#ddd solid 1px; width:calc((100% - 3%)/3); margin-bottom: 3rem; margin-right:1%; transition-property: transform, box-shadow; transition-duration: 250ms; transition-timing-function: ease-in-out; }
.recom_result_wrap .recom_result:hover { border:#5b616d solid 1px;transform: translateY(-3px);box-shadow: rgba(0, 0, 0, 0.3) 5px 9px 15px;}
.recom_result_wrap .recom_result:hover .recom_more { background-color: #5b616d; }
.recom_result_wrap .recom_result:hover .recom_more a { color:#fff;}
.recom_result_wrap .recom_result .recom_cont { padding: 3rem 2rem; height:15rem; }
.recom_result_wrap .recom_result .jd_title { font-family: 'SCDream'; font-weight: 500; color:#19689f; background: #e2f1fb; display: inline-block; padding:3px 7px 1px 7px; ; font-size:1.6rem; border:#2f7cb1 solid 1px;}
.recom_result_wrap .recom_result .dd_title { font-family: 'SCDream'; font-weight: 500; color:#dd4301; background: #fcf2ea; display: inline-block; padding:3px 7px 1px 7px; ; font-size:1.6rem; border:#df6301 solid 1px;}
.recom_result_wrap .recom_result .title { font-family: 'SCDream'; font-size: 2.2rem; font-weight: 500; margin: 0.5rem 0 3rem 0; width:75%;}
.recom_result_wrap .recom_result .info { position: absolute; top: 2rem; right:2rem; width: 65px; height:65px; border-radius: 50%; word-break: keep-all; }
.recom_result_wrap .recom_result .info span { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);font-family: 'SCDream'; font-size:1.7rem; color:#fff; text-align: center; line-height: 1.2; }
.recom_result_wrap .recom_result .info.ing {background-color: #d92d73;}
.recom_result_wrap .recom_result .info.end {background-color: #8d91a0;}


.recom_result_wrap .recom_result .recom_more { position: relative; background-color: #eee; padding: 0; text-align: center; width: 100%; }
.recom_result_wrap .recom_result .recom_more a {  display: block;padding: 1.5rem;  font-family: 'SCDream';}

.recom_blank { position:relative; background: #f8f9fb; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding:7rem 0; }
.recom_blank_cont { position: relative; padding-top: 12rem; text-align: center; font-family: 'SCDream';  }
.recom_blank_cont:before { position: absolute;top:0; right:calc(50% - 45px); width: 90px; height:100px; background: url(../img/recom_b.svg) no-repeat; content: '';display: block; }

.recom_next { position:relative; background: #f8f9fb; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding:7rem 0; }
.recom_next_cont { position: relative; padding-top: 15rem; text-align: center; font-family: 'SCDream';  }
.recom_next_cont:before { position: absolute;top:0; right:calc(50% - 75px); width: 150px; height:150px; background: url(../img/recom_c.svg) no-repeat; content: '';display: block; }



.send_wrap { display: flex;}
.send_ul { display: flex; flex-flow: wrap; }
.send_ul li a { padding:12px 20px; border:#d1d1d1 dashed 1px; border-radius: 4px; margin:0 5px 5px 0; cursor: pointer; word-break: keep-all;display: block; height: 45px; }
.send_ul li a.on { color:#fff;background-color: #0a8095; border:#0a8095 solid 1px;}
.send_wrap select { padding-right: 35px; min-width: 170px;}


/* popup */
.popup_wrap .p_header { position: relative; background:#0a8095; padding:1.6rem 2rem;}
.popup_wrap .p_header h1 { font-family: 'SCDream'; display:block; font-size:2rem; line-height:24px; font-weight:bold; color:#fff;}
.popup_wrap .p_header h4 { font-family: 'SCDream'; display:block; font-size:2rem; line-height:24px; font-weight:bold; color:#fff;}
.popup_wrap .p_header .p_close { position:absolute; right:2rem; top:1.6rem;}
.popup_wrap .p_header .p_close .ico_close { background: url(../img/btn_pop_close.png) no-repeat; font-size: 0; width: 22px;  height:22px;}

.popup_wrap .p_content { position: relative; padding:2rem 2rem 4rem 2rem;}
.popup_wrap .p_content h2 { font-family: 'SCDream'; font-size:2.0rem; font-weight:600; color:#000; }
.popup_wrap .p_content h3 { font-family: 'SCDream'; font-size:1.8rem; font-weight:500; color:#1c3d88; }
.popup_wrap .p_content h3.blk { font-family: 'SCDream'; font-size:1.8rem; font-weight:500; color:#555; }




/* layerpopup  */
.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; overflow: hidden;}
.layer_pop_inner .pop_title { font-family: 'SCDream'; 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_title .ico_close { position: absolute; top: 20px; right:20px; background: url(../img/btn_momn_clo.png) no-repeat; font-size: 0; width: 20px;  height: 20px;}
.layer_pop_inner.box_s { width:60rem;}
.layer_pop_inner.box_s_scroll { width:60rem;}
.layer_pop_inner.box_s_scroll .pop_content { height:calc(55rem - 70px); overflow-y: scroll;}
.layer_pop_inner.box_m { width:80rem;}
.layer_pop_inner.box_m_scroll { width:80rem;}
.layer_pop_inner.box_m_scroll .pop_content { height:calc(65rem - 70px); overflow-y: scroll;}
.layer_pop_inner.box_l { width:100rem;}

.layer_pop_inner .pop_content { position:relative; padding:2.5rem; font-size: 1.7rem; }
.layer_pop_inner .pop_content.imgwrap { position:relative; padding:0; }
.layer_pop_inner .pop_bottom { position:relative; text-align:center; margin:2rem 0; padding-top:1.5rem; border-top: 1px solid #e8e8e8;}
.layer_pop_inner .pop_bottom.linenon { border-top: 0; margin: 0;}

/*20240104 s*/
.layer_pop_inner.dd_flow { width:120rem; height:70rem; }
.layer_pop_inner.dd_flow .pop_content  { height:calc(70rem - 70px); overflow-y: scroll;}
.layer_pop_inner.dd_flow .dd_flow_wrap .flow_inner { padding:2.5rem 1rem}
.layer_pop_inner.dd_flow .dd_flow_wrap .flow01_title_wrap:after {top:78%;}
/*20240104 e*/

.layer_pop_inner2 { position: fixed; background-color:#fff; width:140rem; 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_inner2 .pop_title { font-family: 'SCDream'; 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_inner2 .pop_title .ico_close { position: absolute; top: 20px; right:20px; background: url(../img/btn_momn_clo.png) no-repeat; font-size: 0; width: 20px;  height: 20px;}

.layer_pop_inner2 .pop_content { position:relative; padding:2.5rem; font-size: 1.7rem; }
.layer_pop_inner2 .pop_bottom { position:relative; text-align:center; margin:2rem 0; padding-top:1.5rem; border-top: 1px solid #e8e8e8;}

.layer_pop_inner2.dd_flow { width:140rem; height:90rem; }
.layer_pop_inner2.dd_flow .pop_content { height:calc(90rem - 70px); overflow-y: scroll;}
.layer_pop_inner2.dd_flow .dd_flow_wrap .flow_inner { padding:2.5rem 1rem}
.layer_pop_inner2.dd_flow .dd_flow_wrap .flow01_title_wrap:after {top:78%;}



/* Index Layer Popup */
div.indexPopupWrap { position:fixed; top:80px; left:0%; right:0; width:100%; max-width:1220px; max-height:96vh; margin:0 auto; white-space:nowrap; z-index:1000;    pointer-events: none;} 

div.indexPopup { overflow-y:auto; position:relative; display:none; min-width:300px; max-height:100%; margin:0 10px; border:1px solid #000; text-align:center; background-color:#fff; box-shadow:0 0 15px #333; vertical-align:middle;  transition:max-width .3s ease;    pointer-events:auto;}
div.indexPopup .popFooter { overflow:hidden; padding:10px; border-top:1px solid #ddd; line-height:40px; text-align:left; }
div.indexPopup .popFooter button { float:right; }

div.indexPopup .popSwipe { overflow:hidden; width:auto; margin-bottom:0;}
div.indexPopup .popSwipe img { max-width:100%;}

div.indexPopup .popDotGroup { display:block; position:relative;}
div.indexPopup .popDot { display:flex; position:absolute; left:50%; bottom:10px; border-radius:20px; padding:5px 15px 5px 12px; background:rgba(0,0,0,0.6); transform:translateX(-50%);}
div.indexPopup .popDot .slick-dots { position:static;}
div.indexPopup .popDot li { width:auto; height:auto;}
div.indexPopup .popDot li button { min-width:auto; width:8px; height:8px; margin:0; border-radius:50%; background:#e0e0e0;}
div.indexPopup .popDot li button:before { display:none;}
div.indexPopup .popDot li.slick-active button { background:#37c5ff;}
div.indexPopup .popDot > button { min-width:auto; position:relative; width:16px; height:16px; padding:0; margin:0; margin-left:5px; border-radius:50%; font-size:0; background:#fff;}
div.indexPopup .popDot > button.play { display:none;}
div.indexPopup .popDot > button.play:after { content:''; display:block; position:absolute; top:50%; left:50%; margin-left:1px; width:0; height:0; border:solid; border-width:4px 0px 4px 6px; border-color:transparent transparent transparent #404a56; transform:translate(-50%,-50%);}
div.indexPopup .popDot > button.stop:before{ content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:6px; margin-left:-2px; background:#404a56; transform:translate(-50%,-50%);}
div.indexPopup .popDot > button.stop:after{ content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:6px; margin-left:2px; background:#404a56; transform:translate(-50%,-50%);}

/* contentHeader */
.contentHeader p { margin-bottom: 1rem; padding-left: 0; color: #f86550; font-size: 1.8rem; font-weight: 500; text-align: left; }





.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;  }

/*20240124 s*/
.mainpop_wrap { position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); left:0; top:0;transform: scale(1); opacity: 1;  visibility: visible; z-index:499; transition:all 0.3s;}
.mainpop-container { position: fixed; z-index: 500; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1);  opacity: 1; visibility: visible;  transition: all 0.5s;}
.mainpop-container .mainpop-group {width: auto; position: relative; color: #fff; margin: 0 auto}
.mainpop-container .popzone_item1 { position:relative; padding:0; font-size: 1.7rem;}
.mainpop-container .popzone_item2 { position:relative; display: flex; justify-content: center; margin-top: 3rem;}
.mainpop-container .popzone_item2 a { position:relative;background: #000; color:#fff; padding:0.8rem 3rem; border-radius: 30px; margin: 0 5px;}
a.popzone-close em{position:relative; transform: rotate(45deg); width:18px; height:18px; padding-top: 1rem;}
a.popzone-close em:before { content: '';  display: block; position: absolute; top:-4px; left:16px; width:2px; height:18px; background:#fff;  }
a.popzone-close em:after { content: '';  display: block; position: absolute; top:4px; left:8px; width:18px; height:2px; background:#fff; }




/*main_popslide*/
.popslide_layout{position: absolute !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 115rem; max-width: 100%}
.popslide_layout a,
.popslide_layout p{ display:block; height:auto;  position: relative;  padding:20px; vertical-align: top; }
.popslide_layout .slick-slide img{ width:100%; border-radius: 2rem;}
.popslide_layout .popslide_wrap {position:relative;margin-left: -10px;}
.popslide_layout .slick-arrow{ width:32px; height:32px; border-radius: 50%;position:absolute;z-index:1; font-size:0;}
.popslide_layout .slick-prev{background:#000 url(../img/btn_arr_01.png) no-repeat center;left: -60px; top:calc(50% - 16px);}
.popslide_layout .slick-next{background:#000 url(../img/btn_arr_02.png) no-repeat center;right:-60px; top:calc(50% - 16px);}
.popslide_close { position:relative; display: flex; justify-content: center; margin-top: 3rem;}
.popslide_close a { position:relative; display: flex; background: #000; color:#fff; padding:0.8rem 2.5rem; border-radius: 30px; margin: 0 5px;}
.popslide_close a em{position:relative; display: block; transform: rotate(45deg); width:22px; height:22px; padding-top: 1rem;}
.popslide_close a em:before { content: '';  display: block; position: absolute; top:-4px; left:16px; width:2px; height:18px; background:#fff;  }
.popslide_close a em:after { content: '';  display: block; position: absolute; top:4px; left:8px; width:18px; height:2px; background:#fff; }


/*main_popslide2*/
.mpopslide_layout{opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; position:fixed; top:150px; left:0%; right:0; width:100%; max-width:1620px; max-height:96vh; margin:0 auto; white-space:nowrap; z-index:1000;    pointer-events: none;}
.mpopslide_layout.active {opacity: 1; visibility: visible}
.mpopslide_layout .mpop_wrap {position:relative; max-width:450px; max-height:100%; border:1px solid #000; text-align:center; background-color:#fff; box-shadow:0 0 15px #333; vertical-align:middle;  transition:max-width .3s ease;    pointer-events:auto;}
.mpopslide_layout a,
.mpopslide_layout p{ display:block; height:auto;  position: relative; vertical-align: top;   }
.mpopslide_layout .slick-slide img{ width:100%; }
.mpopslide_layout .popslide_wrap {position:relative;margin-left: -10px;}
.mpopslide_layout .slick-arrow{ width:32px; height:32px; border-radius: 50%;position:absolute;z-index:1; font-size:0;}
.mpopslide_layout .slick-prev{background:#000 url(../img/btn_arr_01.png) no-repeat center;left: -60px; top:calc(50% - 16px);}
.mpopslide_layout .slick-next{background:#000 url(../img/btn_arr_02.png) no-repeat center;right:-60px; top:calc(50% - 16px);}
.mpopslide_layout .mpopslide_close { position:relative; display: flex; justify-content: space-between; padding: 1rem; align-items: center;}
.mpopslide_layout .mpopslide_close .pop_label { display: inline-block; padding:0.7rem 2rem 0.7rem 2rem; border-radius: 5px; background-color: #000; line-height: 2.25rem; color:#fff; text-decoration: none; font-size:1.5rem;}
.mpopslide_layout .mpopslide_close .pop_label.pop_close { position: relative; padding:0.7rem 3.5rem 0.7rem 2rem;}
.mpopslide_layout .mpopslide_close .pop_label.pop_close span {position:absolute;float:right;vertical-align:middle;top:4px;right: 10px;width:24px;height:24px; z-index:3; line-height:0;border-radius:50%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;transform: rotate(45deg);}
.mpopslide_layout .mpopslide_close .pop_label.pop_close span:after,.mpopslide_layout .mpopslide_close .pop_label.pop_close span:before{content:'';text-align:center;position:absolute;top:50%;left:50%;display:inline-block;vertical-align:middle;width:1px;height:13px;background: #fff;}
.mpopslide_layout .mpopslide_close .pop_label.pop_close:hover span{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; transform:rotate(405deg);}
.mpopslide_layout .mpopslide_close .pop_label.pop_close span:before{margin:0px 0 0 -6px; width:14px; height:2px; display:inline-block; vertical-align:middle;}
.mpopslide_layout .mpopslide_close .pop_label.pop_close span:after{margin:-6px 0 0 0px; width:2px; height:14px; display:inline-block; vertical-align:middle;}
.slide_inner2 { transition:max-width .3s ease;  }

/* Dots */
.slick-dots{position: absolute;bottom: 10px;display: inline-block; width:auto;padding:6px 18px 0px 0px; margin: 0; list-style: none; border-radius: 30px; text-align: center; background: rgba(0,0,0,0.5); transform: translateX(-50%);}
.slick-dots li{ position: relative;display: inline-block; width: 20px; height: 20px;  margin: 0; padding: 0; cursor: pointer;}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer;  color: transparent; border: 0; outline: none ; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{font-family: 'NotoSansKR';font-size: 50px;  line-height: 20px;  position: absolute;  top: 0; left: 0; width: 20px;  height: 20px;  content: '•';
 text-align: center; opacity: .25; color: #fff; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; display: block;}
.slick-dots li.slick-active button:before{ opacity: 1; color: #fff;}








/* table */
.p-table.scrollcol{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px;  margin-top:1rem; margin-bottom:1rem;}
.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 tbody tr:last-child th, .p-table.scrollcol tbody tr:last-child td { border-bottom:#848671 solid 1px;  }
.p-table.scrollcol tfoot tr:last-child th, .p-table.scrollcol tfoot tr:last-child td { border-bottom:#848671 solid 1px;  }
.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 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 tbody tr:last-child th, .p-table.scrollrow tbody tr:last-child td { border-bottom:#848671 solid 1px;  }
.p-table.scrollrow tfoot tr:last-child th, .p-table.scrollrow tfoot tr:last-child td { border-bottom:#848671 solid 1px;  }
.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 */
.p-table.tablecol{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px;  margin-top:1rem; margin-bottom:1rem;}
.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;font-family: 'SCDream';}
.p-table.tablecol td{ padding:0.7rem 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.tablecol tbody th { background:#f6f7f9;border-bottom:1px solid #ddd; }
.p-table.tablecol tbody tr:last-child th, .p-table.tablecol tbody tr:last-child td { border-bottom:#848671 solid 1px;  }
.p-table.tablecol tfoot tr:last-child th, .p-table.tablecol tfoot tr:last-child td { border-bottom:#848671 solid 1px;  }
.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 #ddd; }
.p-table.tablecol td.bd_left {border-left:1px solid #ddd; }
.p-table.tablecol th.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.tablecol td.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.tablecol.ALL th,
.p-table.tablecol.ALL td { text-align:left;}
.p-table.tablecol th.ALC { text-align:center;}



.p-table.tablerow{position:relative;width:100%;border-collapse:collapse; border-top:#404b57 solid 1px;  margin-top:1rem; margin-bottom:1rem;}
.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; font-family: 'SCDream';}
.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 tbody tr:last-child th, .p-table.tablerow tbody tr:last-child td { border-bottom:#848671 solid 1px;  }
.p-table.tablerow tfoot tr:last-child th, .p-table.tablerow tfoot tr:last-child td { border-bottom:#848671 solid 1px;  }
.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; }
.p-table.tablerow.ALL th,
.p-table.tablerow.ALL td { text-align:left;}
.p-table.tablerow.ALL .innertbcol thead th { text-align:center; }
.p-table.tablerow th.bd_left {border-left:1px solid #a7a7a7; }
.p-table.tablerow td.bd_left {border-left:1px solid #a7a7a7; }
.p-table.tablerow th.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.tablerow td.bd_bottom {border-bottom: #848671 solid 1px;}


.p-table.innertbcol{position:relative;width:100%;border-collapse:collapse; border-top:#848671 solid 1px; }
.p-table.innertbcol thead th{ padding:1.5rem 1rem; color:#1c1c1c; background:#f7f7f7; font-size:1.5rem; font-weight:500; vertical-align:middle; text-align:center; border-left:1px solid #848671; border-bottom:1px solid #848671; line-height:1.1;font-family: 'SCDream';}
.p-table.innertbcol thead th.thdark{background:#e9e9e9;}
.p-table.innertbcol td{ padding:0.7rem 1rem; box-sizing:border-box; vertical-align:middle ;border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.5rem; text-align:center; line-height:1.3; font-weight: 400; color:#666666; background:#ffffff;}
.p-table.innertbcol tbody th { background:#f7f7f7;  border-bottom:1px solid #ddd; font-size:1.5rem; }
.p-table.innertbcol tbody tr:last-child th, .p-table.innertbcol tbody tr:last-child td { border-bottom:#848671 solid 1px;  }
.p-table.innertbcol tfoot tr:last-child th, .p-table.innertbcol tfoot tr:last-child td { border-bottom:#848671 solid 1px;  }
.p-table.innertbcol th:first-child, .p-table.innertbcol td:first-child { border-left: none; }
.p-table.innertbcol tfoot tr { background:#fff5f2; }
.p-table.innertbcol tfoot th { background:#fff5f2; }
.p-table.innertbcol tfoot td { background:#fff5f2; padding:1.5rem 1rem; }
.p-table.innertbcol .last_data { font-size:1.6rem; padding:0.5rem 0; color:#111; }
.p-table.innertbcol .last_data strong{ font-size:1.7rem; }
.p-table.innertbcol .add-head { display:none; }
.p-table.innertbcol th.bd_left {border-left:1px solid #a7a7a7; }
.p-table.innertbcol td.bd_left {border-left:1px solid #ddd; }
.p-table.innertbcol th.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.innertbcol td.bd_bottom {border-bottom: #848671 solid 1px;}
.p-table.innertbcol.ALL th,
.p-table.innertbcol.ALL td { text-align:left;}




.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:1.5rem 1rem; color:#222; background:#fff;font-weight:500;vertical-align:middle; font-size:1.6rem; border-bottom:1px solid #bfbfc1;}
.p-table.board td { padding:1.5rem 1rem; box-sizing:border-box; vertical-align:middle; border-bottom:1px solid #bfbfc1; font-size:1.6rem; color:#333; font-weight:400;}
.p-table.board tfoot td { background:#e6f0e9; }
.p-table.board td.alc { text-align:center; }
.p-table.board tr:hover {background-color:#f5f7fb;}
.p-table.board tr:hover td a{color:#000}


.board_top_wrap{display:flex; justify-content:space-between; align-items:center; }
.board_top_wrap .boardtop_num p{font-size:1.5rem; color:#888; padding-top: 2.5rem;}
.board_top_wrap .boardtop_num p span{color:#044d9b; font-weight:600;}
.board_top_wrap .boardtop_search button { height:46px; 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:#222; 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:#000; 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:#000; 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:1.5rem;border-bottom: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;font-weight: 500;}
.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 a { color:#222; }
.board_view .file_down ul li a:hover{color:#0a8095; text-decoration: underline;  }
.board_view .file_down ul li:last-child {margin-bottom:0;}

/*동영상자막*/
.video_text { border: #ececf1 solid 6px;}
.video_text .video_title { background:#ececf1; color: #333; text-align: center; font-family: 'SCDream'; font-weight: 500; display:block; font-size:1.8rem; padding: 1rem 0;}
.video_text .video_cont { padding:2rem; height: 200px; overflow-y: scroll;}


.d_table { display: table;}
.d_table .table_row { display: table-row; }
.d_table .table_cell { display: table-cell; padding:0 0.5rem 0.5rem 0.5rem;}


[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"],[data-input-grid]>input[type="date"]{float:left; width:auto; margin-bottom:5px; height:46px; line-height:46px; font-size:1.6rem; border-radius:5px;}
[data-input-grid]>select {width:100%;height:46px; margin:0;padding:5px;padding-right:30px; font-size:1.6rem; line-height:1.3;background:#fff url(../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:1.6rem; }

[data-input-grid="1"]>input[type="text"],
[data-input-grid="1"]>input[type="password"]{width:100%!important;}

[data-input-grid="1-won"]>input[type="text"],
[data-input-grid="1-won"]>input[type="password"]{width:92%!important;}
[data-input-grid="1-won"]>span.won { width:7%;}
[data-input-grid="2"]>select,
[data-input-grid="2"]>input[type="text"],
[data-input-grid="2"]>input[type="password"]{width:calc((100% - 6px) / 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% - 9px) / 3) !important; margin-right:2px;}
[data-input-grid="3-tag"]>select,
[data-input-grid="3-tag"]>input[type="text"],
[data-input-grid="3-tag"]>input[type="password"],
[data-input-grid="3-tag"]>input[type="number"]{width:calc((100% - 28px) / 3) !important; margin-right:2px;}
[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="1-btn"]>span.sptxt { width:80px!important; margin-left:2px;}
[data-input-grid="1-btn-lg"]>select,
[data-input-grid="1-btn-lg"]>input[type="text"],
[data-input-grid="1-btn-lg"]>input[type="password"]{width:calc(100% - 122px - 2px)!important; }
[data-input-grid="1-btn-lg"]>button { width:120px!important; margin-left:2px;}
[data-input-grid="1-btn-lg-txt"]>select,
[data-input-grid="1-btn-lg-txt"]>input[type="text"],
[data-input-grid="1-btn-lg-txt"]>input[type="password"]{width:calc(100% - 280px - 2px)!important; }
[data-input-grid="1-btn-lg-txt"]>button { width:120px!important; margin-left:2px;}
[data-input-grid="1-btn-lg-txt"]>.txt_wrap { width: 150px; }
[data-input-grid="1-btn2"]>select,
[data-input-grid="1-btn2"]>input[type="text"],
[data-input-grid="1-btn2"]>input[type="password"]{width:calc(100% - 164px - 2px)!important; }
[data-input-grid="1-btn2"]>button { width:80px!important; margin-left:2px;}
[data-input-grid="1-btn3"]>select,
[data-input-grid="1-btn3"]>input[type="text"],
[data-input-grid="1-btn3"]>input[type="password"]{width:calc(100% - 246px - 2px)!important; }
[data-input-grid="1-btn3"]>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="2-btn"]>button.sm { font-size:1.5rem; letter-spacing: -1px;}
[data-input-grid="3-btn"]>select,
[data-input-grid="3-btn"]>input[type="text"],
[data-input-grid="3-btn"]>input[type="password"]{width:calc((100% - 124px - 2px) / 3)!important; }
[data-input-grid="3-btn"]>button { width:120px!important; margin-left:2px;}


[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;  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% - 200px)!important;float:left;  height:40px; 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:#0a8095; color:#fff; cursor:pointer; border-radius:5px;  margin-left:2px;}

[data-input-grid="file2"] { position:relative; }
[data-input-grid="file2"] input[type="file"] { position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; }
[data-input-grid="file2"] label { float:left;  padding:10px 20px; color:#fff; vertical-align:middle; background-color:#667884; cursor:pointer; border-radius:5px; }
[data-input-grid="file2"] .upload-name {width:calc(100% - 100px)!important;float:left;  height:40px; 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="file2-btn"] { position:relative; }
[data-input-grid="file2-btn"] input[type="file"] { position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; }
[data-input-grid="file2-btn"] label { float:left;  padding:10px 20px; color:#fff; vertical-align:middle; background-color:#667884; cursor:pointer; border-radius:5px; }
[data-input-grid="file2-btn"] .upload-name {width:calc(100% - 175px)!important;float:left;  height:40px; 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="file2-btn"] button { padding:0 20px;height:40px; vertical-align:middle;background:#0a8095; color:#fff; cursor:pointer; border-radius:5px;  margin-left:2px; line-height: 40px;}


[data-form="dimini"]{ max-width:250px;}
[data-input-grid="dimini1"] { position:relative; }
[data-input-grid="dimini1"]>span,
[data-input-grid="dimini1"]>input[type="text"],[data-input-grid="dimini1"]>button,[data-input-grid="dimini1"]>select,
[data-input-grid="dimini1"]>input[type="password"],[data-input-grid="dimini1"]>input[type="number"]{float:left; width:auto; margin-bottom:5px; height:46px; line-height:35px; font-size:1.6rem; border-radius:5px; width: 100%;}

[data-input-grid="dimini1-tag"]>select,
[data-input-grid="dimini1-tag"]>input[type="text"],
[data-input-grid="dimini1-tag"]>input[type="password"]{width:calc(100% - 55px)!important;}
[data-input-grid="dimini1-tag"]>span.tag { width:50px; text-align: left; padding-left: 0.5rem;}

.digrid_tit { display: flex;}
.digrid_tit .fir_tit { display: inline-block; line-height: 40px; margin-right:10px;}



.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); }
}





/* 약관동의 탭*/
.tab-content.tab_current {display: inherit;}
.join_area .j_agree_list .jal_descript { background: #f8f8f8; border: 1px solid #ddd; padding: 12px 16px; font-size: 11px;  line-height: 14px; color: #666; height: 96px; overflow: hidden; overflow-y: auto; margin-top: 12px;}

ul.tabs {margin-top: 30px; list-style: none; overflow:hidden; margin-bottom: 3rem;}
ul.tabs li{float:left; background: #ededed; display: inline-block; cursor: pointer; text-align: center;font-size: 1.6rem; background-color: #0d3360;  color: #fff;
 height: 70px; border: 1px solid #ccc; font-size: 1.6rem; font-family: 'SCDream'; font-weight: 500; padding: 1rem 0;
line-height: 1.5;  width: calc(33.00% + 1px); }
ul.tabs li.current  {background: #464646;color: #fff;text-align: center;font-size: 1.4rem;}
.tab-content {display: none;}
.tab-content.current {display: inherit;}
ul.tabs li span.submit { font-size: 1.4rem;}

/*탭 2개일 때*/
ul.tabs li.tab {background: #ededed; display: inline-block;cursor: pointer; text-align: center;border-left: 1px solid #464646;border: 1px solid #ccc;color: #444;}
ul.tabs li span {display: block;}
ul.tabs li.tab_current {background: #0d3360;color: #fff;text-align: center;font-size: 1.7rem;border-width: 4px;border-radius: 4px;border-color: #0d3360;}
.tab-content.tab_current {display: inherit;}


/* hide */
.hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
input.hdn {border:0; margin:0; padding:0; width:0; height:0; visibility:hidden;}

.ols_memo{position:relative;}
.ols_memo>div{display:none; position:absolute; top:calc(50% - 60px); left:105%; width:200px; height:150px;}
.ols_memo div>textArea{ width:100%; height:100%;}

/* 개인정보처리방침 */
#container_full{position:relative; max-width:1500px; margin:0 auto; height:100%; z-index:1; padding:0 1rem 5rem 1rem;}
#container_full:after {display:block; clear:both; visibility:hidden; content:'';}
#container_full #contents {  width:100%;}
#container_full #contents h3 {position:relative; padding:5rem 0; text-align:center; font-size:3.0rem; color:#000;  font-weight: 600;   font-family: 'SCDream';}
#container_full #contents h3:before{position:absolute; bottom:0; left:0; display:block; width:100%; height:5px; background: url("../img/bg_subtitle.png") repeat-x; content:''; }
#container_full #contents #cont-body {padding-top:70px; }
.priv {position: absolute;left: -37px;top: -7px;}
[class^="s_title"] {position:relative; display:block; font-weight:bold; letter-spacing:-0.048em;}
.s_title_1 { margin-top:32px; font-family: 'SCDream'; font-size:2.0rem; font-weight:600; color:#000;}

/* descript */
.p_descript {display:block; font-size:16px; line-height:24px; color:#222; padding:2px 0; font-weight:bold; letter-spacing:-0.048em;}
.s_descript {display:block; font-size:16px; line-height:22px; color:#444444; padding:2px 0; margin-bottom:18px;}
.i_descript {display:block; font-size:14px; line-height:20px; color:#666; padding:2px 0; margin-top:4px;}
.a_descript {position:relative; display:block; padding:2px 0 2px 20px; font-size:14px; line-height:20px; color:#282e89; margin-top:4px;}
.a_descript::before {display:block; content:"※"; position:absolute; left:0; top:2px; width:16px;}

.grid_area_c {margin-top:5px;}
.grid_area_c table {table-layout:fixed; width:100%; border-top:#9fbacc solid 2px; }
.grid_area_c table th {line-height:21px; font-weight:bold; padding:10px; font-size:14px; color:#353535; border-right:#9fbacc solid 1px; border-left:#9fbacc solid 1px; border-top:#9fbacc solid 1px;  border-bottom:#9fbacc solid 1px; background:#d8e5ee; text-align:center;}
.grid_area_c table th:last-child { border-left:0; }
.grid_area_c table td { font-size:14px;line-height:22px; padding:10px; color:#666; border-bottom:1px solid #ddd; text-align:center;border-right:#dddddd solid 1px; border-left:#dddddd solid 1px;}
.grid_area_c table td.ta_l {text-align:left;}
.grid_area_c .ga_link {display:block; color:#282e89;}
.grid_area_c .ga_link:hover {text-decoration:underline;}
.grid_area_c .no_list {padding:64px 0; font-weight:500; color:#bbb;}
.grid_area_c table th.multiP {border-left: 0.5px solid #DDD;border-right: 0.5px solid #DDD;}
.grid_area_c table th.multiC {border: 0.5px solid #DDD;}



.fixed_01 > div{width:calc(100%/1)}
.fixed_02 > div{width:calc(100%/2)}
.fixed_03 > div{width:calc(100%/3)}
.fixed_04 > div{width:calc(100%/4)}
.fixed_05 > div{width:calc(100%/5)}


p.bold {font-weight: 600;font-size: 17px;}
.brline {border-bottom: 1px solid black;}
.asterisk {color: red;margin: 0px;padding-left: 3px;}
.btn_custom {padding-left: 12px;padding-right: 12px;padding-top: 1px;padding-bottom: 2px;height: 25px;width:100px;
    background:#548cf1;
    color:#fff;
    display:inline-block;
    font-family:'Noto Sans KR';
    font-size:13px;
    letter-spacing:0.048em;
    border:1px solid transparent;
    vertical-align:middle;
}
/*2024.04.26추가*/
.p-table.scrollcol.ALL th, .p-table.scrollcol.ALL td {text-align: center;}
.search_area1 { font-size: 0; line-height: 0; padding: 18px 24px; margin-top: 20px;}
/*2024.04.29추가*/
.grid_area_g>span{font-size:13px; line-height:22px; padding:10px; color:black;}
.grid_area_g>div{font-size:13px; line-height:22px; padding:10px; color:black;}
.fw_bold{font-weight:bold;}
.td_udl{text-decoration:underline;}
.table_responive [type=button]{height: 30px; width: 80px;border: 0px;border-radius: 0;font-size: 12px;color: #fff;padding: 0;background-color: #54a3ee;}
.table_responive [type=button]:hover{background-color: #5494F4;color: white;cursor: pointer;}
.mgleft10{margin-left:20px !important;}
/*20240507추가*/
select[readonly] {background-color: #ddd;pointer-events: none;}
.txtUnder {text-decoration: underline;}
.inBlock {display: inline-block;}
.brdr_l{border-left: 1px solid #ddd !important;}
.brdr_btm{border-bottom: 1px solid #ddd !important;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}



#issue {opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0, 0, 0.65); height: 100vh; width: 100%}
#issue.active {opacity: 1; visibility: visible}
#issue .issue_container {text-align: center; position: absolute !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100rem; max-width: 100%}
#issue .issue_container .issue_group {width: 72.5rem; max-width: calc(100% - 6rem); position: relative; color: #fff; margin: 0 auto}
#issue .issue_container .issue_group ul {width: 100%; white-space: nowrap; text-align: center; margin: 0rem auto}
#issue .issue_container .issue_group ul li {display: inline-block; margin-right: 2rem}


#issue .issue_container .issue_item2 {margin-top: 2.3rem;  text-align: center}
#issue .issue_container .issue_item2 .issue_label { display: inline-block; height: 2.25rem; margin: 0 0.8rem .5rem; padding: 0 1.5rem; border-radius: 2.25rem; background-color: #000; line-height: 2.25rem}
#issue .issue_container .issue_item2 .issue_label span {color: #f00; font-weight: 600}
#issue .issue_container .issue_item2 .issue_label.issue_close:after {content: ''; display: inline-block; font-family: "xeicon"; margin-left: 0.5rem; margin-bottom: 0.2rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s}
#issue .issue_container .issue_item2 .issue_label.issue_close:hover:after, #issue .issue_container .issue_item2 .issue_label.issue_close:focus:after {-webkit-transform: rotate(180deg); transform: rotate(180deg)}