@charset "utf-8";
/* CSS Document */
:root{ --color_dblue:#003974; --color_lblue:#00aeef; --color_red:#ee2d29}
body{ font-size:16px}
.box0{ padding:0 6%}
.box1{ width:1400px; margin:0 auto; max-width:95%}
.box2{ width:1600px; margin:0 auto; max-width:95%}
.box3{ width: 1400px; margin: 0 auto; max-width: 95%;}


.PC{ display:block !important}
.PHONE{ display:none !important}

.gnb li.m_hide{ display:none}
.gnb .layer{ display:none !important;}

.sns_st{ gap:.5em;}
.sns_st > li .in{ width:2.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s;}
.sns_st > li .in .tt{ display:none;}
.sns_st > li .in:hover{ background:#49b7be; color:#fff;}
.cw > .sns_st > li .in{ background:transparent; color:#fff;}
.cw > .sns_st > li .in:hover{ background:#fff; color:#000;}

.fullH{ height:calc(100vh); box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}

.filW{ filter:brightness(0) invert(1);}/*화이트*/
.filB{ filter:brightness(0) invert(0);}/*블랙*/
.filRE{ filter:invert(1);}/*색상반전*/


/*header*/
.headT{ padding-top:7em;}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:7em; transition: height .2s, background .2s, padding .35s ease; box-sizing:border-box;}

#header{ z-index:999; position:fixed; top:0; left:0; width:100%;}
#header:before {content: ''; position: absolute; top: calc(7em - 2px); left: 0; width: 100%; height: 1px; background: #ddd; opacity: 0; transition: .2s;}
#header.gnbOpen:before{ top: calc(5em - 2px);}
#header.gnbOpen:before {opacity: 1;}
.active #header:before {top: calc(5em - 2px);}
.fp-viewing-0 #header:before{ top: calc(7em - 2px);}
.main #header .inner{ color:#fff;}
.main #header .logo,
.main #header .all_wrap .all_btn{ filter:brightness(0) invert(1);}
#header .logo,
#header .side_wrap{ width:14em;}
#header .logo{ margin:auto 0;}
#header .logo > .in img{ width:100%; margin:auto 0; transition:.2s; transform-origin:left center;}

#header .gnb_wrap .gnb > li{ overflow:hidden;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 4em;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.5em;  font-weight:500; text-transform:uppercase;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#042d5c; opacity:0; transform:scaleX(0); transition:transform .3s;}
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1; transform:scaleX(.7);}

#header .gnb_wrap .gnb > li .dp2{ display:block; max-width:18em; margin:0 auto; transition:.2s; padding: 1.5em 0;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.5em .5em; font-weight:300;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1.375em;}
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li.act{ background:#f7f8ff;}
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ font-weight:400;}

#header .side_wrap{ gap:0 2em;}
#header .side_wrap .mem{}
#header .side_wrap .mem > li{}
#header .side_wrap .mem > li .in{ gap:0 .5em; padding:.5em 1em;}
#header .side_wrap .mem > li .in:hover .tt{ text-decoration:underline;}

#header .all_wrap{ color:#000;}
#header .all_wrap .all{ width:2.5em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto;}
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:1px; background:#000; transition:.2s, background 0s;}
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_wrap .all_btn .ham:before{ top:calc(50% - 1px); width:75%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#header .all_wrap .all_btn:hover .ham:before{ width:100%;}
#header .all_wrap .all_btn:hover .ham:after { width:100%;}

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; pointer-events:none; overflow: hidden;}
#header .all_wrap .all_layer .all_shape{ position:fixed; bottom:-7em; right:-2vw; width:25vw; opacity:.15;}
#header .all_wrap .all_layer .all_shape img{ width:100%;}
#header .all_wrap .all_layer .all_inner{ width:100%; height: 100vh; /* min-height:100%; */ overflow:hidden; color:#fff; position: relative;}
#header .all_wrap .all_layer .all_inner:before {content: ''; position: absolute; width: 5vw; height: 5vw; transform: scale(0); right: 4vw; top: 2em; border-radius: 50%; background: #04182e; transition: .8s; z-index: -1;}
#header .all_wrap .all_layer .all_inner > .wrap_bg{ width:40%; padding:16vh 4vw 3em; opacity: 0; transition: .3s;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ flex:1; padding:16vh 2vw 3em; overflow:hidden;}

#header .all_wrap .all_layer .all_inner > .wrap_bg .cs{ padding-top:2em; font-size:1.188em;}
#header .all_wrap .all_layer .wrap_middle{ padding-bottom:3em; opacity:0; transform:translateY(2em);}
#header .all_wrap .all_layer .wrap_middle .gnb{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb li a{ position:relative;}
#header .all_wrap .all_layer .wrap_middle .gnb > li + li{ margin-top:4em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{ display:inline-block; text-align:left !important;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{  font-size:2.000em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2{ margin-top:1.5em; align-items:center;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after{ content:""; margin:0 1.5em; width:1px; height:1em; background:rgba(255,255,255,.4);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.063em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .tt{ text-decoration:underline;}

.allGnbOn{ overflow-y:hidden} 
.allGnbOn body{ overflow-y:scroll}
.allGnbOn #header .all_wrap .all_layer .all_inner:before {transform: scale(100);}
.allGnbOn #header .logo{ z-index:100; position:fixed; top:0; left:4vw; filter:brightness(0) invert(1) !important;}
.allGnbOn #header .all_wrap .all_btn{ z-index:9999; position:fixed; top:2em; right:4vw; width:3.5em; height:3.5em; filter:brightness(0) invert(1) !important;}
.allGnbOn #header .all_wrap .all_btn .ham{ background:transparent !important; transition:0s;}
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important;}
.allGnbOn #header .all_wrap .all_btn .ham:before{ transform:rotate(45deg);}
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg);}
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible; pointer-events:all}
.allGnbOn #header .all_wrap .all_layer .wrap_bg .slogan{ opacity:1; transform:scale(1); transition:1s; transition-delay:.4s;}
.allGnbOn #header .all_wrap .all_layer .wrap_middle{ opacity:1; transform:translate(0); transition:1s; transition-delay:.2s;}
.allGnbOn #header .all_wrap .all_layer .wrap_bg{ opacity:1;}

.gsClass.tShow .el{ overflow:hidden}
.gsClass.tShow .el > i{ transform:translateY(-100%); transition:1s}
.gsClass.tShow.on .el > i{transform:translateY(0)}

.gsClass.imgShow{overflow:hidden; background:rgba(0,0,0,.05);}
.gsClass.imgShow .el{ transition:1s;}
.gsClass.imgShow.left .el{ transform:translateX(-100%)}
.gsClass.imgShow.right .el{ transform:translateX(100%)}
.gsClass.imgShow.top .el{ transform:translateY(-100%)}
.gsClass.imgShow.bottom .el{ transform:translateY(100%)}
.gsClass.imgShow.on .el{transform:translate(0)}

.gsClass.listShow .el{ transform:translateY(50%); opacity:0; transition:.3s}
.gsClass.listShow.on .el{ transform:translateY(0); opacity:1}
.gsClass.listShow.on .el:nth-child(1){ transition-delay:.2s}
.gsClass.listShow.on .el:nth-child(2){ transition-delay:.4s}
.gsClass.listShow.on .el:nth-child(3){ transition-delay:.6s}
.gsClass.listShow.on .el:nth-child(4){ transition-delay:.8s}
.gsClass.listShow.on .el:nth-child(5){ transition-delay:1s}
.gsClass.listShow.on .el:nth-child(6){ transition-delay:1.2s}
.gsClass.listShow.on .el:nth-child(7){ transition-delay:1.4s}
.gsClass.listShow.on .el:nth-child(8){ transition-delay:1.6s}
.gsClass.listShow.on .el:nth-child(9){ transition-delay:1.8s}
.gsClass.listShow.on .el:nth-child(10){ transition-delay:2s}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}


#header.active .headH,
#header.active .gnb_wrap .gnb > li,
#header.active .gnb_wrap .gnb > li .dp1{ height:5em;}
#header.active .logo > .in img{ transform:scale(.85,.85);}
#header.active .logo{ margin:0;}

.fp-viewing-0 .headH,
.fp-viewing-0 #header .gnb_wrap .gnb > li,
.fp-viewing-0 #header .gnb_wrap .gnb > li .dp1{ height:7em;}
.fp-viewing-0 #header .logo > .in img{ transform: inherit;}
.fp-viewing-0 #header.active .headH{ height: 7em;}

.wrapHide{ height:5em;}
.stickyT{ position:sticky !important; top:5em;}
/* .main #header{ display: none;}
.fp-viewing-0 #header{ display: block;} */
#header.active{ background:#fff; box-shadow: 3px 0 9px rgba(0,0,0,.15);}
#header.active .inner{ color:#000;}
#header.active .logo,
#header.active .all_wrap .all_btn{ filter:none;}
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1{ color:#042d5c;}

#header.gnbOpen{ box-shadow:0 4px 1em rgba(0,0,0,.15); background: #fff;}
#header.gnbOpen:before{ background:#8198c9; opacity:.6;}
#header.gnbOpen .gnb_wrap .gnb > li{ height:auto;}
#header.gnbOpen .gnb_wrap .gnb .dp2{ /*padding:2em 0;*/}
#header.gnbOpen .gnb_wrap .gnb > li .dp1 {/* padding: 0 2.5em; */}

/*contents*/
#contents .sub_page_top{}
#contents .sub_page_tit{ padding:3.5em 0 3.5em 0; position: relative;}
#contents .sub_page_tit::before{ content: ''; width: 100%; height: 100%; background:rgba(0, 0, 0, .25); position: absolute; left: 0; top: 0;}
#contents .sub_page_tit .wrap_tit{padding-left: 0.5em; position: relative;}
#contents .sub_page_tit .wrap_tit .sub_tit{ font-size:1.850em; font-weight:500; color:#888; margin-bottom: .2em;}
#contents .sub_page_tit .wrap_tit .sub_txt{ font-weight:700; font-size: 3em; color:#fff; }
#contents .sub_page_tit .nav{ padding-bottom:1em; position: relative;}
#contents .sub_page_tit .nav > li{}
#contents .sub_page_tit .nav > li .xi{ width:1.5em; height:1.5em; background:#2a6bb6; border-radius:50%; font-size:1em; color:#fff;}
#contents .sub_page_tit .nav > li .tt{ vertical-align:middle; font-size:.938em; color:#fff;}
#contents .sub_page_tit .nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;}
#contents .sub_page_tit .nav > li:last-child .tt{ text-decoration:underline;}

#contents .sub_page_menu{ /* padding-bottom:3.5em; */ padding-left: 2em; background: #f4f4f4;}
#contents .sub_page_menu .gnb{ display:block; transform:translateX(-2em);}
#contents .sub_page_menu .gnb .dp2{ }
#contents .sub_page_menu .gnb .dp2 > li{}
#contents .sub_page_menu .gnb .dp2 > li > a{ padding:1em; color:#888;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{ font-size:1.250em; font-weight:500;}
#contents .sub_page_menu .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
#contents .sub_page_menu .gnb .dp2 > li > a .in:after{ content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:#042d5c; transform:scaleX(0); transition:transform .3s;}
#contents .sub_page_menu .gnb .dp2 > li.act > a .in,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in{ color:#042d5c;}
#contents .sub_page_menu .gnb .dp2 > li.act > a .in:after,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in:after{ transform:scaleX(1);}

#contents .sub_page_bg{/*position:relative; padding:8em 0 0;*/width:92%; margin: 0 auto;border-radius: 2em;overflow: hidden;  transition: all .5s;}
#contents .sub_page_bg:before{ /*content:""; position:absolute; left:0; right:8vw; top:0; bottom:0; background:#042d5c;*/}
#contents .sub_page_bg .wrap_in{position:relative; height: 24em; overflow:hidden;}
#contents .sub_page_bg .bg{ position:absolute; top:0; left: 0; width:calc(100%); height:100%; transition:3s;}
.load #contents .sub_page_bg .bg{ right:-2vw;}
#contents .sub_page_bg .gsBlank{ /*position:absolute; top:50%; left:0; height:105%; width:35vw; background:#042d5c; transform:translateY(-50%);*/}

.scroll #contents .sub_page_bg{ width:100%; border-radius:0;}

#contents .doc{ padding:4em 0 10em;}
#contents .doc.pb_n{ padding: 8em 0 0 0;}

.simple #contents .sub_page_tit .wrap_tit .sub_txt,
.simple #contents .sub_page_bg{ display:none;}
.simple #contents .sub_page_tit{ padding-top:3.5em;}
.simple #contents .sub_page_tit .wrap_tit .sub_tit{ font-size:3.000em; color:#000;}
.simple #contents .doc{ padding-top:0;}

#footer{background:#1f2533;}
#footer .goTop{ position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:#1f5aa7; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .goTop .xi{ font-size:1.5em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}
#footer:after{ display:block; clear:both; content:'';}
#footer .info_wrap{ padding:2em 0 4em;}
#footer .info_wrap .f_after{ gap:2em;}
#footer .info_wrap .f_logo{ max-width: 15em; filter:grayscale(1) invert(1) brightness(4) opacity(0.9);}
#footer .info_wrap .f_logo > img{ /* width: 100%; height: 4em; */}
#footer .info_wrap .info{ float:left; /* margin-top: 2em; */}
#footer .info_wrap .info:after{ display:block; clear:both; content:'';}
#footer .info_wrap .info > li{ margin-right:1em; font-weight: 100; color:#fff !important; opacity:.8; line-height:1.6; letter-spacing:0; font-size:.938em;}
#footer .info_wrap .info > li.line{ padding-left:1em; position: relative;}
#footer .info_wrap .info > li.line::before{ content: ''; width: 1px; height: 80%; background:rgba(255, 255, 255, .6); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#footer .info_wrap .info > .br{ display: inline-block; width: 100%;}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:10px; color:#fff; opacity:.4; font-size:.85em;}
#footer .site_wrap{ position:relative}
#footer .site_wrap .siteBtn{ line-height:3em; border:1px solid rgba(255,255,255,.1); width:13em; margin:.5em 0; font-size:.813em; padding:0 1em 0 1.5em; color:#fff; transition:.3s; background:#112641;}
#footer .site_wrap .site{ position:absolute; left:0; z-index:10; bottom:-1.5em; margin-bottom:-.25em; width:100%; background:#1c2335; opacity:0; visibility:hidden; transition:.3s}
#footer .site_wrap:hover .site{ opacity:1; visibility:visible}
#footer .site_wrap .site > li{ border-bottom:1px solid rgba(255,255,255,.1);}
#footer .site_wrap .site > li > a{ display:block; font-size:.75em; padding:.75em 1.5em; padding-right:3em; font-weight:300; color:#fff; overflow:hidden; position:relative; opacity:.7; transition:.3s}
#footer .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
#footer .site_wrap .site > li > a:after{ content:"\e907"; font-family:xeicon!important; position:absolute; right:-2em; top:50%; margin-top:-.5em; transition:.3s}
#footer .site_wrap:hover .siteBtn,
#footer .site_wrap .site > li:hover > a{ background:rgba(0,0,0,.3); opacity:1}
#footer .site_wrap .site > li:hover > a:after{ right:1.5em}
#footer .gotop{ width:4em; height:3.5em; background:#43576f; color:#fff; border:1px solid transparent; margin-left:1em; text-align:center; transition:.3s}
#footer .gotop .xi{ display:block}
#footer .gotop .tt{ display:block; font-size:.688em; letter-spacing:0}
#footer .gotop:hover{ background:#fff; color:#1c2335; border-color:#1c2335}

#footer .tit_wrap {/*float:right; width:40%;*/}
#footer .tit_wrap .tw{color:#fff; text-align:center; margin-top:2em;}
#footer .tit_wrap .tw .ti{letter-spacing:3px; font-size:.875em; margin-bottom:1.875rem; font-family:'notokrL';}
#footer .tit_wrap .tw .tx{font-size:1em; font-family:'notokrM';}
#footer .tit_wrap .menu2{/* float:right; margin-right:8em*/}
#footer .tit_wrap .menu2 > li{/* float:left;*/ width:50%;}
#footer .tit_wrap .menu2 > li > a{color:#fff; opacity:.5; display:block; font-size:.8750em; border:1px solid #fff; padding:5px 0; text-align:center}
#footer .tit_wrap .menu2 > li:nth-child(1) > a{border-bottom:none; border-right:none;}
#footer .tit_wrap .menu2 > li:nth-child(2) > a{border-bottom:none; }
#footer .tit_wrap .menu2 > li:nth-child(3) > a{border-right:none;}
#footer .tit_wrap .menu2 > li > a:hover{ opacity:1;}
#footer .tit_wrap .logoMark {border:1px solid rgba(255,255,255,.5); margin-left:5px; display:block; text-align:center; width:107px;}
#footer .tit_wrap .logoMark > img {width:33px; padding:6px;}
#footer .tit_wrap .logoMark:hover {background:#fff; transition:.3s;}


#footer .f_top{ border-bottom:1px solid rgba(255,255,255,.1);}
#footer .f_top .f_top_list li{ margin-right:25px; position:relative; padding-right:25px; transition:.3s;}
#footer .f_top .f_top_list li:after{ content:'·'; position:absolute; top:0; right:0;  color:#a1b3cb;}
#footer .f_top .f_top_list li:last-child:after{ display:none;}
#footer .f_top .f_top_list li a{color:#a1b3cb; display:block;}
#footer .f_top .f_top_list li:hover a{ color:#c8d5e7;} 



.partner_area{ border-top:1px solid #dddddd; padding:15px 0;}
.partner_area .partner{ overflow:hidden;}
.partner_area .partner > dt{ float:left; width:235px; height:50px;}
.partner_area .partner > dt .va {height:100%;}
.partner_area .partner > dt .va_tt{ font-size:18px; color:#222222; letter-spacing:-1px; line-height:1;}
.partner_area .partner > dd{ width: 100%;}
.partner_area .partner > dd .slider li a{ display:block; height:48px; border:1px solid #cccccc;}
.partner_area .partner > dd .slider li a img{ width:100%; height:100%; max-width:183px; max-height:48px;}
.partner_area .partner > dd .slider li:hover a{ border:1px solid #aaaaaa;}


.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}

/*inc*/
.page_secmt1{ margin-top: 1em !important}
.page_secmt2{ margin-top: 2em !important}
.page_secmt3{ margin-top: 3em !important}
.page_secmt4{ margin-top: 4em !important}
.page_secmt { margin-top: 5em !important;}
.page_secmt6{ margin-top: 6em !important;}
.page_secmt7{ margin-top:7em !important;}
.page_secmt8{ margin-top:8em !important;}
.page_secmt9{ margin-top:9em !important;}
.page_secmt10{ margin-top:10em !important;}

.page_secmb { margin-bottom: 5em !important;}
.page_secmb6{ margin-bottom: 6em !important;}
.page_secmb7{ margin-bottom:7em !important;}
.page_secmb8{ margin-bottom:8em !important;}
.page_secmb9{ margin-bottom:9em !important;}
.page_secmb10{ margin-bottom:10em !important;}

.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700{ font-weight: 700;}
.fw800{ font-weight: 800;}
.fw900{ font-weight: 900;}



/*===============================================font======================================================*/
.main_txt{}
.main_txt:last-child{ margin-bottom:0;}
.main_txt.m1{ margin-bottom:1.5em;}
a.main_txt{ display:block;}
.main_txt .tit{ margin-top: 1em;}
.main_txt .txt{ margin-top:2em; line-height:1.6;}
.main_txt > div:first-child{ margin-top:0;}
.main_txt .line{ display:inline-block; width:1px; height:2px; background:#3c9a8c;}
.main_txt .line.w{ width:2.25em; margin:1.75em 0;}
.main_txt .line.h{ height:1.5em; margin:1.5em .125em;}
.main_txt .line:first-child{ margin-top:0;}
.main_txt .line + .tit,
.main_txt .line + .txt{ margin-top:0;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.250em;}
.main_txt .t3{ font-size:1.375em;}
.main_txt .t4{ font-size:1.500em;}
.main_txt .t5{ font-size:1.875em;}
.main_txt .t6{ font-size:2.250em;}
.main_txt .t7{ font-size:2.625em;}
.main_txt .t8{ font-size:3.500em; line-height: 1.4;}
.main_txt .t9{ font-size:7.750em;}
.main_txt .t10{ font-size:3.000em;}

.main_txt .gray{ opacity: .85;}

.main_txt .fw400{ font-weight: 400;}
.main_txt .fw500{ font-weight: 500;}
.main_txt .fw600{ font-weight: 600;}
.main_txt .fw700{ font-weight: 700;}
.main_txt .fw800{ font-weight: 800;}

.main_txt.cw .tt{ color:#fff;}
.main_txt.cw .line{ background:#fff;}
.main_txt .nw{ white-space:nowrap;}


.page_sec2{ padding-top: 2em;}
.page_sec3{ padding-top: 3em;}
.page_sec4{ padding-top: 4em;}
.page_sec5{ padding-top: 5em;}
.page_sec6{ padding-top: 6em;}
.page_sec7{ padding-top: 7em;}
.page_sec8{ padding-top: 8em;}

.page_secb2{ padding-bottom: 2em;}
.page_secb3{ padding-bottom: 3em;}
.page_secb4{ padding-bottom: 4em;}
.page_secb5{ padding-bottom: 5em;}
.page_secb6{ padding-bottom: 6em;}
.page_secb7{ padding-bottom: 7em;}
.page_secb8{ padding-bottom: 8em;}

.page_txt .tit + .tit{ margin-top:1em;}
.page_txt .tit + .txt{ margin-top:2em;}
.page_txt > .txt{ margin-top:2em;}
.page_txt > .txt:first-child{ margin-top:0;}

.page_tt{ font-size:1em; word-break:keep-all; line-height:1.4;}
.page_tt > .tt + .tt{ margin-top:1.5em;}
.page_tt.o1{ opacity:.75;}
.page_tt.s1{ font-size:0.938em}
.page_tt.s2{ font-size:1.063em}
.page_tt.s3{ font-size:1.125em}
.page_tt.s4{ font-size:1.250em; font-weight: 600;}
.page_tt.s5{ font-size:1.313em}
.page_tt.s6{ font-size:1.500em; font-weight: 700;}
.page_tt.s7{ font-size:1.625em}
.page_tt.s8{ font-size:1.875em}
.page_tt.s9{ font-size:2.00em; font-weight: 500; color: #666;}
.page_tt.s10{ font-size:3em; font-weight: 800;}
.page_tt.s11{ font-size:2.65em; font-weight: 700;}
.page_tt.s12{ font-size:4.000em;}
.page_tt.s13{ font-size:6.500em;}
.page_tt.s14{ font-size: 2.525em; font-weight: 700;}


/*===============================================main======================================================*/

/* quick */

#quick{ position:fixed; left:0; top:0; width:8em; height:100%; z-index:100}
#quick .va{ width:100%; text-align:left}
#quick .menu > li > a{ display:block; border:1px solid rgba(255,255,255,.2); border-left:none; background:#000; background:rgba(0,0,0,.7); color:#fff; line-height:3em; margin-bottom:-1px; transform:translateX(-5.25em); transition:.3s; cursor:pointer; position:relative; text-align:right}
#quick .menu > li > a .xi{ font-size:1em; width:3em; height:3em; border-left:1px solid rgba(255,255,255,.2); text-align:center; margin-left:.5em}
#quick .menu > li > a .xi:before{ font-size:1.25em}
#quick .menu > li > a .tt{ vertical-align: top; font-family:Arial, Helvetica, sans-serif; font-size:.75em}
#quick .menu > li > a:hover{ transform:translateX(-.5em); z-index:1}

.mainNav_wrap{ position:fixed; z-index:9; right:0; top:35%;}
#mainNav > li *{transition:.3s}
#mainNav > li{ margin-bottom: .5em;}
#mainNav > li:last-of-type{ margin-bottom: 0em;}
#mainNav > li > a{ display:block; text-align:right; padding:.5em 1em}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#mainNav > li > a .line{ width:.5em; height:.5em; border-radius:100%; background:#000; margin-left:1em; opacity:.5}
#mainNav > li > a .tt{ color:#fff; font-size: 1em; opacity: .75; }
#mainNav > li > a{ background:#000; background:rgba(0,0,0,.45); border-radius:3em 0 0 3em}
#mainNav > li.on > a{ background:#000; background:rgba(0,0,0,.7); border-radius:3em 0 0 3em}
#mainNav > li.on > a .tt{ opacity:1; visibility:visible}
#mainNav > li.on > a .line{ background:#fff; opacity:1}
#mainNav > li:hover:not(.on) > a .tt{ opacity:1}

.scrollDown{ position:absolute; bottom:3em; margin-bottom:0; width:100%; left:0; z-index:10; text-align:center; color:#fff; opacity:.85; animation-name: scrollDownAni; animation-duration: 3s; animation-iteration-count: infinite}
.scrollDown .s1{ font-size:3em; vertical-align:middle}
.scrollDown .s2{ font-size:1.5em; vertical-align:middle; margin-left:-.5em}
@keyframes scrollDownAni{
40% { margin-bottom:-1em}
50% { margin-bottom:0}
}


/*메인*/
.section{ overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center top}
.section.bg_b{ position: relative;}
.section.bg_b:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.25);}
.section_wrap{ position:relative; height: 100%; box-sizing: border-box; z-index: 9;}
.section_wrap.pt{ padding-top: 7em;}
.section_wrap .section_tit .m_tt{  font-size:2.4em; text-align:center;}
.section_wrap .section_tit .m_tw{ color:#555; font-size:1.125em; text-align:center; margin-top:20px;}


/* 메인비주얼 */
#section0{ position: relative;}
.quick_banner{width: 100%;margin:0 auto;position: absolute;left: 0;bottom: 7em;}
.quick_banner .banners{gap: 3em;padding: 0 2em;}
.quick_banner .banner{flex:1;position: relative;box-shadow: 3px 3px 20px rgba(0,0,0, .3);border-radius: 3em;overflow: hidden;}
/* .quick_banner .banner::before { content: ''; width: 100%; height: 100%; background-color:#006ab5; position: absolute; left: 0; top: 0; opacity:.6} */
.quick_banner .banner::before { content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1, 62, 105, 0.75), rgba(0, 0, 0, 0.1)); position: absolute; left: 0; top: 0; transition: all .5s;}
.quick_banner .banner .in{display: block;width: 100%;height: 100%;padding: 2em 3em 2em;box-sizing: border-box;position: relative;}
.quick_banner .banner .in .t1{margin-bottom: 1em; font-weight: 600; font-size: 1.375em; color:#fff;}
.quick_banner .banner .in .t2{ font-size: 1.125em; line-height: 1.4; color: #fff; word-break: keep-all;}
.quick_banner .banner .in .main_more{}
.quick_banner .banner:hover::before { background-color:#003974; opacity:.95}

/* 비주얼 */
.mainVisual .img .slogan .t1.white { color:#fff;}
.mainVisual .img .slogan .t2.white { color:#fff;}
.mainVisual .img .slogan .line_wrap.white:before{ border-bottom:1px solid #fff;}
.mainVisual .img .slogan .line_wrap.white:after{  background:#fff; right:-4em;} 
.mainVisual_wrap{ position:relative; top:0; left:0; width:100%; overflow:hidden;}
.mainVisual{ position:relative; height:100vh;}
.mainVisual .el{ overflow:hidden;}
.mainVisual .el .bg{ position: relative; height: 100vh; width:calc(100% + 2em); transition:3s;}
.mainVisual .el .bg:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); content: '';}
.mainVisual .el.swiper-slide-active .bg,
.mainVisual .el.swiper-slide-duplicate-active .bg{ transform:translateX(-2em); transition:3s;}
.mainVisual_wrap .slogan{ position: absolute; left:0; width:100%; top:33vh; z-index:10; color:#fff;}
.mainVisual_wrap .slogan .wrap_in{ /* padding-bottom: 1em; border-bottom: 1px solid #fff; */ }
/* .mainVisual_wrap .slogan .t1{ font-size:4.250em; margin-bottom:1em; opacity: .75;}
.mainVisual_wrap .slogan .t2{ margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #fff; font-size:4.250em; font-weight:600; line-height:1.3;  text-shadow: 3px 3px 10px rgba(0, 0, 0, .15);} */
.mainVisual_wrap .slogan .t1{ padding-left: .5rem;font-weight: 600; font-size:4em; margin-bottom:1em; }
.mainVisual_wrap .slogan .t2{ margin-bottom: .5rem; padding: 0 .5rem .5rem; border-bottom: 1px solid rgba(255, 255, 255, .6); font-size:4em; font-weight:600;line-height:1.3; text-shadow: 3px 3px 10px rgba(0, 0, 0, .15);}
.mainVisual_wrap .slogan .t2 b{ font-weight: 800; font-size:1.05em; color:#79ce05; letter-spacing: 1px; /* text-shadow: 5px 5px 0 #003974; */}
.mainVisual_wrap .slogan .t2 span{ font-weight: 800; font-size:1.05em; color:#46D2EC; letter-spacing: 1px;}
.mainVisual_wrap .slogan .t3{width: 45%; padding:1em 1.2em; background:rgba(0,0,0,.2); font-size:1.1em; line-height:1.6; margin-top:1.5em; opacity:.8; word-break: keep-all; position: relative; transition: all .3s; }
.mainVisual_wrap .slogan .t3.cp:hover{ text-decoration: underline; }
.mainVisual_wrap .slogan .t3::after ,
.mainVisual_wrap .slogan .t3::before{ content: ''; width: 1.5em; height: 1.5em; border-style: solid; border-color: #fff; position: absolute;}
.mainVisual_wrap .slogan .t3::after{border-width: 2px 0 0 2px; left: 0; top: 0;}
.mainVisual_wrap .slogan .t3::before{border-width: 0 2px 2px 0; right: 0; bottom: 0;}
/* .mainVisual_wrap .slogan .tt{ opacity:0; transform:translateX(4em); transition:1s;}
.mainVisual_wrap .el.swiper-slide-active .slogan .tt{ opacity:1; transform:translateX(0);} */
/* .mainVisual_wrap .el.swiper-slide-active .slogan .tt{ opacity:1; transform:translateY(0); transition:2s;}
.mainVisual_wrap .el.swiper-slide-active .slogan .tt:nth-child(1){ transition-delay:.2s;}
.mainVisual_wrap .el.swiper-slide-active .slogan .tt:nth-child(2){ transition-delay:.8s;}
.mainVisual_wrap .el.swiper-slide-active .slogan .tt:nth-child(3){ transition-delay:1.2s;} */
/* .mainVisual_wrap .slogan .tt.box{ width: 45%; padding:2em 1em; background:rgba(0,0,0,.2);} 
.mainVisual_wrap .slogan .tt.box::after ,
.mainVisual_wrap .slogan .tt.box::before{ content: ''; width: 1.5em; height: 1.5em; border-style: solid; border-color: #fff; position: absolute;}
.mainVisual_wrap .slogan .tt.box::after{border-width: 2px 0 0 2px; left: 0; top: 0;}
.mainVisual_wrap .slogan .tt.box::before{border-width: 0 2px 2px 0; right: 0; bottom: 0;} */
.mainVisual_wrap .slogan .more_btn{display: inline-flex;gap:.5em; margin-top: 1em; margin-left:1em; padding: .5em .8em;border-radius: 2em;border: 1px solid rgba(255, 255, 255, .5);font-size: .9375em; transition: all .3s;}
.mainVisual_wrap .slogan .more_btn .xi{ }
.mainVisual_wrap .slogan .more_btn:hover{ background:#fff; border-color:#fff; color:var(--color_dblue); }
.guide_box{}
.mainVisual_control{ position:absolute; left:0; bottom:2em; width:100%; z-index:10}
.mainVisual_control .paging{color:#fff; width:auto; display:flex}
.mainVisual_control .paging span{ position:relative; background:rgba(255,255,255,.5); opacity:1; width:0; height:3px;border-radius:0; position:relative; transition:.3s; height:2px; counter-increment: vIndex; display:block; margin:0 1.5em}
.mainVisual_control .paging span:before{content:counter(vIndex); position:absolute; right:100%; top:50%; width:1.5em; transform:translateY(-50%)}
.mainVisual_control .paging span:nth-child(-n+10):before{ content:"0" counter(vIndex); font-size:.875em; font-weight: 700;}
.mainVisual_control .paging{ margin-left:1.5em}
.mainVisual_control .paging > span:after{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff}
.mainVisual_control .paging > span.swiper-pagination-bullet-active{ width:5em}
.mainVisual_control .paging > span.swiper-pagination-bullet-active:after{ width:100%; transition:7s}
.mainVisual_control .swiperBtn{ margin-left:.25em}

.fllH{ height: calc(100vh); box-sizing: border-box;}

.main_slogan{ height: 100%;}
.main_slogan > .inner{ position:relative; height:100%;}
.main_slogan .slogan_wrap{ position:absolute; left:0; bottom:45vh; width:100%;}


.mainVisual_control{ position:absolute; left:0; bottom:4vh; width:100%; z-index:10}
.mainVisual_control .swiperPG{ margin-right:2em;}
.mainVisual_control .swiperBtn{}

.visualSlider_arrow{ position:absolute; top:50%; left:0; width:100%; z-index:10;}
.visualSlider_arrow .swiperBtn{ position:absolute; top:0; transform:translateY(-50%); font-size:4.500em; cursor:pointer; opacity:.6; transition:.2s;}
.visualSlider_arrow .swiperBtn.prev{ left:1vw;}
.visualSlider_arrow .swiperBtn.next{ right:1vw;}
.visualSlider_arrow .swiperBtn:hover{ opacity:1;}




/* section1 - Business */
#section1{ }
#section1 .section_wrap > .box1{ height: 100%; }
#section1:after{ position: absolute; left: 0; bottom: 0; background: #f9f9f9; content: ''; height: 25em; width: 100%; z-index: -1;}
#section1 .main_con{ position: relative; height: 100%;}
#section1 .rnd_con_box{ max-width: none; width: 50%; padding-right: 5em; box-sizing: border-box; /*padding-top: 12em;*/}
#section1 .rnd_tit_wrap{ width: 100%;}
#section1 .main_rnd_wrap{ /* position:static; */}
#section1 .rnd_paging_wrap{ width: 100%;}
#section1 .rnd_paging_wrap > *{ flex:none; width: auto;}
#section1 .rnd_paging_wrap .rnd_num_con{ width: 4.5em;}
#section1 .rnd_paging_wrap .rnd_dot_con{ padding: 1em 1em 0 0;}
#section1 .rnd_img_con {float: none; width: 50vw; height: 90vh; max-width: none; position: absolute; z-index: 9; overflow: hidden; right: 0; top: 0; border-bottom-left-radius: 8em; box-shadow: 6px 0 18px rgba(0,0,0, .45);}

#section1.rnd_img_list {}
#section1 .rnd_img_list img{max-width: 100%; object-fit: cover; height: 100%;}
#section1 .rnd_txt_con {position: absolute; left: 0; right: 0; top: 50%; transform:translateY(-50%); margin-top: -2em;}

#section1 .sec2_tit_wrap { }
#section1 .sec2_tit_wrap .sub_tt_con{ margin-bottom: 2em;}
#section1 .sec2_tit_wrap .sub_tt_con .main_txt{ font-size: 1.25em; font-weight: 700;}
#section1 .sec2_tit_wrap h3 {font-weight: 600;color: #222; margin-bottom: 1.5rem; position: relative;;}
#section1 .sec2_tit_wrap h3 .t3{font-size:1.375em; line-height: 3.5rem;} 
#section1 .sec2_tit_wrap h3 > p{ font-size: 3.45em; font-weight: 700;}
#section1 .sec2_tit_wrap h3 .circle_btn { position:absolute; right:3em; top:0; background: linear-gradient(54deg, rgba(1,78,167,1) 0%, rgba(115,170,232,1) 89%); color: #fff; border-radius: 50%; width: 3rem; height: 3rem; display: inline-block; text-align: center; transform: scale(1); transition: .35s;}
#section1 .sec2_tit_wrap h3 .circle_btn:hover {transform: scale(1.05);}
#section1 .sec2_tit_wrap h3 .xi {font-size: 1rem; vertical-align: middle; line-height: 3rem;}

#section1 .rnd_txt_list {width: 95%;}
#section1 .rnd_txt_list .slick-list {overflow: visible;}
#section1 .rnd_txt_list h4 {display: block;
font-weight: bold; font-size: 2.45em; color: #333; margin-bottom: 3rem; word-spacing: -5px; }
#section1 .rnd_txt_list p {font-weight: 500; font-size: 1.15em; color: #333; margin-bottom: 1em; word-break: keep-all;}

#section1 .rnd_num_con { margin-right: 4em; font-size: 1.85em; color: #aaa;}
#section1 .rnd_num_con .swiper-pagination-current {color: #2a6bb6; font-size: 2em; font-weight: bold;}

#section1 .swiper_control {flex:1}
#section1 .swiper_control .control_wrap{ gap: 1em;}
#section1 .swiperBtn.c1{ border:1px solid #2a6bb6}

/* .learning_tbox .learn_list{ margin-top: .5em;} */

/* section01 - main_business */
#section01{ padding:6em 0 7em 0}
#section01 .main_tit{ text-align:left; margin-bottom:3em}
#section01 .main_tit .t1{ font-size: 3em; color:#222; font-weight:800; position: relative; display: inline-block;}
#section01 .main_tit .t1::before {content: ''; position: absolute; top: -.15em; right: -.25em; width: 12px; height: 12px; border-radius: 50%; background: #0072BC;}
#section01 .main_tit .t2{ font-size: 1.5em; color:#555; margin:.5em 0 0 0; font-weight:500; line-height: 1.5em;}
.main_business {padding-bottom: 3em; position: relative;}
.main_business .main_busi_wrap {}
.busi_list {position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5em; width: 100%; height: 32em; transition: .5s;}
.busi_list .item {position: relative; overflow: hidden;}
.busi_list .item:nth-child(even) {transform: translateY(3em);}
.busi_list .item .inner {position: relative; transition: .5s; filter: grayscale(0) brightness(1.25); display: inline-block; width: 100%; height: 100%; }
.busi_list .item .inner::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); transition: .5s; transform: translateY(100%); z-index: 11;}
.busi_list .item .inner::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(45deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)); z-index: 13;}
.busi_list .item .inner:hover::before {transform: translateY(0);}
.busi_list:hover .item .inner {filter: grayscale(1);}
.busi_list .item .inner:hover {filter: grayscale(0) brightness(1.25);}
/*
.busi_list:has(.li1:hover) {grid-template-columns: 2fr 0.5fr 0.5fr 0.5fr;}
.busi_list:has(.li2:hover) {grid-template-columns: 0.5fr 2fr 0.5fr 0.5fr;}
.busi_list:has(.li3:hover) {grid-template-columns: 0.5fr 0.5fr 2fr 0.5fr;}
.busi_list:has(.li4:hover) {grid-template-columns: 0.5fr 0.5fr 0.5fr 2fr;}
*/
.busi_list:has(.li1:hover) {grid-template-columns: 2fr 0.5fr 0.5fr;}
.busi_list:has(.li2:hover) {grid-template-columns: 0.5fr 2fr 0.5fr;}
.busi_list:has(.li3:hover) {grid-template-columns: 0.5fr 0.5fr 2fr;}

.busi_list .item .pre_tit{ display: flex; flex-direction: column; color:#fff; text-align-last: left; position: absolute; left: 1.5em; bottom: 3em; z-index: 20;}
.busi_list .item .pre_tit .num{ font-weight: 800; font-size: 3.5em;  opacity: .5}
.busi_list .item .pre_tit .tit{ margin-top: .2em; font-weight: 600; font-size: 1.25em; text-shadow: 1px 1px 10px rgba(0, 0, 0, .25);}
.busi_list .item .inner:hover .pre_tit{ display: none;}
.busi_list:has(.li1:hover) .pre_tit .tit ,
.busi_list:has(.li2:hover) .pre_tit .tit , 
.busi_list:has(.li3:hover) .pre_tit .tit{ display: none;}

.busi_list .con_wrap {position: absolute; left: 3em; bottom: 3em; color: #fff;z-index: 15; transform: translateY(100%); transition-duration: .5s; /* transition-delay: 0.5s; */ opacity: 0;}
.busi_list .item .inner:hover .con_wrap {transform: translateY(0); opacity: 1;}
.busi_list .con_wrap::before {}
.busi_list .con_wrap .prod_tit {font-size: 2.5em; font-weight: 700;}
.busi_list .con_wrap .prod_tit > span{ font-size: 1.25rem; font-weight: 400; margin-top: 1em;} /* 관리자페이지에서 span태그로 추가시 */
.busi_list .con_wrap .prod_txt {font-size: 1.25em; font-weight: 400; margin-top: 1em;}
.busi_list .con_wrap .prod_txt .list {}
.busi_list .con_wrap .prod_txt .list > li {margin-bottom: .5em; opacity: .7;}
.busi_list .con_wrap .prod_txt .list > li > p {}

#section01 .more {display: inline-block; margin-top: 1.5em; cursor: pointer; padding: 1.25em 3em; background: #0072BC; border-radius: 100px; color: #fff; border: 2px solid transparent; transition: .3s !important; font-weight: 500;}
#section01 .more:hover {background: #fff; color: #0072BC; border-color: #0072BC;}


/*section2 - contact us*/
#section2{}
.main_ctt_box ul > li { position: relative; text-align: left; padding: 3em; overflow: hidden; /* align-items: left; */margin: 0 1em; background: rgba(255,255,255,.1); backdrop-filter: blur(2px); border-radius: 1.5em;}
.main_ctt_box ul > li .de_icon{ position: absolute; top: 0em; left: 0em; width: 6em; height: 6em; border: 1px solid rgba(255,255,255,.5);  border-radius: 50%; align-items: center; justify-content: center;}
.main_ctt_box ul > li > .de_info { position: relative; color: #fff;padding-top: 9em; z-index: 2;}
.main_ctt_box ul > li > .de_info > i{}
.main_ctt_box ul > li > .de_info > .de_icon > img{ width: 3.7em; animation: none;}
.main_ctt_box ul > li:hover .de_info > .de_icon > img{ animation:moveUpDownAni 1.5s ease-in-out infinite;}
.moveUpDownAni{ animation:moveUpDownAni 1.5s ease-in-out infinite;}
@keyframes moveUpDownAni {
0%  { transform:translateY(-.3em);}
50% { transform:translateY(.3em);}
100%{ transform: translateY(-.3em);}
}
.main_ctt_box ul > li > .de_info .t1 {  font-size: 2.15em; font-weight: 700; margin-bottom: .7em;}
.main_ctt_box ul > li > .de_info .t2 { font-size: 1.15em; font-weight: 500;}

/* section4 - notice */
.notice_wrap{ gap: 4em;}
.notice_wrap .notice_news{ width: 50%;}
.notice_wrap .notice_news .tit:hover .noti_top > i{ trnasition: .25s; transform: rotate(90deg);}
.notice_wrap .notice_news .noti_top{}
.notice_wrap .notice_news .noti_top > i{ font-size: 1.8em; trnasition: .25s; transform: rotate(0deg);}
.notice_wrap .m_calendar{ width: 50%;}

.news_wrap{ width: 100%;}
.news_wrap .news_list{}
.news_wrap .news_list > li{}
.list.w33{ display:flex; margin:-1em}
.list.w33 > li{ width:33.33%}
.list.w33 > li .wrap_in{ margin:1em; }
.news_wrap .list > li .wrap_in > .img{ position: relative; overflow: hidden; border-top-left-radius: 1.5em; border-top-right-radius: 1.5em; border-bottom-right-radius: 1.5em;}
.news_wrap .list > li > a .wrap_in > .img .photo{ transition: .25s;}
.news_wrap .list > li > a:hover .wrap_in .img .photo{ transition: .25s; transform: scale(1.05);}
.news_wrap .list > li .wrap_in > .img .date_con{ position: absolute; bottom: -4px; left: -4px; background: #fff; padding: .8em 1.5em; border-top-right-radius: 1em; z-index: 2;}
.news_wrap .list > li .wrap_in > .img .date_con .year{ font-size: 1em; color: #888; font-weight: 500;}
.news_wrap .list > li .wrap_in > .img .date_con .month{ font-size: 2em; font-weight: 800; color: #222;}
.news_wrap .list > li .wrap_in .con{ padding:1.5em}
.news_wrap .list > li .wrap_in .con .t1{ font-size:1.188em; font-weight:700}
.news_wrap .list > li .wrap_in .con .tit{  text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*section6 - relsite*/
#section6{ border-top: 1px solid #ddd;}
.partner > img{ width: 220px; height: 100%; object-fit: cover;}



/*********** SUB ************/

/*서브 공통*/
.tupper{ text-transform:uppercase;}
.bg_gray{ background: #f9f9f9; padding: 6em 0; margin: 6em 0;}
.bg_gray.mb_n{ margin: 6em 0 0 0;}
.page_top{ margin-bottom: 4em;}
.page_top .tit{position: relative;} 
.page_top .tit .tt{font-weight: 700;font-size: 3em;color:#111;}
.page_top .tit .en{display: none; font-weight: 200;font-size: 3.5em;color: #eee; position: absolute;top: .5em;left: .5em;z-index: -1;}
.page_con{ padding: 0 0 6em 0;}
.page_con:last-of-type{ padding: 0 0 0 0;}

.conTit{ margin-bottom:1.5em; padding:.8em; border-radius:.5em; background:linear-gradient(90deg, var(--color_dblue), var(--color_lblue)); font-weight: 600; font-size:1.25em; color:#fff;}

/*인사말*/
.ceo_wrap{ padding:5em 3em 6em; margin:0 auto; border-radius:2em; background:url(../images/sub/company/message_bg.jpg); position:relative; overflow: hidden;}
.ceo_wrap::after{ content:''; width: 100%; height: 100%; background:linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .95)); position:absolute; left: 0; top: 0;}
.ceo_wrap .slogan{margin-bottom: 4em;padding-bottom: 4em;border-bottom:1px solid #fff;position:relative;z-index: 1;}
.ceo_wrap .slogan .tt{font-weight:700;font-size: 2.55em;color:rgba(255, 255, 255, .9);}
.ceo_wrap .slogan::before,
.ceo_wrap .slogan::after{ content:''; width: 11px; height: 11px; border-radius:50%; background-color: #fff; position:absolute; bottom:-6px;}
.ceo_wrap .slogan::before{ left:0;}
.ceo_wrap .slogan::after{ right:0;}
.ceo_wrap .message{ gap:4em; padding:0 3em; position:relative; z-index: 1;}
.ceo_wrap .message .txt_wrap{ flex:1; color:#fff;}
.ceo_wrap .message .txt_wrap .t1{ padding-bottom:2em; font-weight: 600; font-size:1.5em; letter-spacing:0;}
.ceo_wrap .message .txt_wrap .t2{ padding-bottom:1em; font-size:1.25em; line-height: 1.5; word-break:keep-all;}
.ceo_wrap .message .txt_wrap .t2:last-child{ padding-bottom:0}
.ceo_wrap .message .txt_wrap .name{ padding-top:3em; padding-right:2em; font-size:1.375em; text-align: right;}
.ceo_wrap .message .txt_wrap .name > em{ }
.ceo_wrap .message .txt_wrap .name > strong{ margin:0 .1em 0 .8em; font-size:1.1em;}
.ceo_wrap .message .img_wrap{ width:35%; padding-bottom:47%;border-radius:1.5em; overflow:hidden;}

/*오시는 길*/
.tab.location .list_tab{ gap:0 1em;}
.tab.location .list_tab > li{}
.tab.location .list_tab > li .step_tit{ padding:.8em 2.5em; border-radius:2em; border:2px solid var(--color_dblue); font-size: 1.125em; color:#333; text-align: center;}
.tab.location .list_tab > li.on .step_tit{ background-color:var(--color_dblue); color:#fff;}
.root_daum_roughmap .wrap_map{ position: relative;}
.root_daum_roughmap .wrap_controllers{ display: none;}
.map_wrap{}
.map_wrap .map_con{ flex: 1 1 40%;}
.map_wrap .map_location{ flex: 1 1 60%; overflow: hidden; border-radius: 2em;} /* kakao map 사용시 */
.map_wrap .map_location.jpg{ box-shadow: -5px 5px 20px rgba(0, 0, 0, .1);} /* 지도 이미지 사용시 */
 
.map_wrap .m_icon{}
.map_wrap .m_icon > li{ flex: 1 1 100%; }
.map_wrap .m_icon > li .icon_wrap{ display:flex; align-items:center; margin-top: 2.5em;}
.map_wrap .m_icon > li .icon_wrap img{ width:2.5em; padding:.3em; box-sizing: border-box; box-shadow: 1px 0 3px rgba(0,0,0,.25); background: #f4f4f4; border-radius: 50%; position: relative; margin-left:.5em;}
.map_wrap .m_icon > li .icon_wrap .icon_ttl{ font-size: 1.5em; font-weight: 700; margin:0 .5em;/* margin: 1em 0 .65em 0; */}
.map_wrap .m_icon > li .icon_wrap .icon_txt{ font-size: 1.25em; color: #666;}

/* 보유면허 */
.license_list{ gap:4em 3em;}
.license_list > li{ width:calc( ( 100% - 9em) /4); border:1px solid #ddd;  position: relative; transition:all .6s;}
.license_list > li .thumb{overflow:hidden; width:100%;}
.license_list > li .thumb img{ width: 100%; transform:scale(1.05); transition:all .6s;}
.license_list > li .tit{ width:100%; padding:.8em .5em; box-sizing: border-box; font-weight: 600; font-size:1.125em; color:#fff; text-align:center; background-color:rgba(0, 0, 0, .7); position: absolute; left: 0; bottom: 0;}
.license_list > li .hover_line{}
.license_list > li .hover_line .line{content:""; background:#03569f; position:absolute; z-index:10; transition:all 0.3s  ease-out;}
.license_list > li .hover_line .line:nth-child(1){ width:0; height:2px; left:0; top:0;}
.license_list > li .hover_line .line:nth-child(2){ width:0; height:2px; right:0; bottom:0;}
.license_list > li .hover_line .line:nth-child(3){ width:2px; height:0; left:0; bottom:0;}
.license_list > li .hover_line .line:nth-child(4){ width:2px;height:0; right:0; top:0;}

.license_list > li:hover{ box-shadow: 3px 3px 15px rgba(0, 0, 0, .1)}
.license_list > li:hover .thumb img{ transform: scale(.95);}
.license_list > li:hover .hover_line .line{ transition:all 0.3s 0s ease-out;}
.license_list > li:hover .hover_line .line:nth-child(1){width:100%;}
.license_list > li:hover .hover_line .line:nth-child(2){width:100%;}
.license_list > li:hover .hover_line .line:nth-child(3){height:100%;}
.license_list > li:hover .hover_line .line:nth-child(4){height:100%;}

.license_wrap:not(:last-child){ margin-bottom:5em;}
.license_wrap .slide_tit{ margin-bottom:1.5em; padding:.8em; border-radius:.5em; background:linear-gradient(90deg, var(--color_dblue), var(--color_lblue)); font-weight: 600; font-size:1.25em; color:#fff;}


/* 보유장비 */
.gear_wrap{ padding:0 .5em; box-sizing:border-box;}
.gear_list{ gap:4em;}
.gear_list > li{ width:calc( (100% - 8em) / 3); }
.gear_list > li a{}
.gear_list .img{ height:0; padding-bottom:65%;  margin-bottom:1em}
.gear_list .img img{}
.gear_list .cont{}
.gear_list .cont .tit{ margin-bottom: 0.5em; padding-left: .5em; border-left:3px solid var(--color_dblue); font-weight: 600; font-size:1.25em; color:var(--color_dblue);}
.gear_list .cont .td{ padding-left: 1em; font-size:1.125em; line-height: 1.4; color:#333; }
body.pop .popWrap.gear{max-width: 80vw;}
body.pop .popWrap.gear .popIn{ padding-top:3em;}
body.pop .popWrap.gear .popTit{ background-color:var(--color_dblue); color:#fff;}
body.pop .popWrap.gear .popTit .popClose .xi{ color:#fff;}
.gear_intro{gap:3em;height: 38em;/* background-color: #f6f6f6;padding: 3em 3em; */}
.gear_intro .img_wrap{width: 50%;padding: 2em 1em;background-color: #fff;border: 1px solid #ddd;box-shadow: 0 3px 10px rgba(0, 0, 0, .1);}
.gear_intro .img_wrap .pop_slide{ overflow:hidden;}
.pop_slide{}
.pop_slide .swiper-slide{ max-width: 100%;}
.pop_slide .swiper-pagination{ margin-top:2em; position: relative;}
.pop_slide .swiper-pagination-bullet{ height:.5em; border-radius:1em; background-color:var(--color_dblue)}
.pop_slide .swiper-pagination-bullet-active{ width:2em; }
.gear_intro .txt_wrap{width: 50%;/* padding-top: 2.5em; */max-height: 100%;overflow: hidden;}
.gear_intro .txt_wrap .page_tt.dot3{ margin-bottom:1em;}
.gear_intro .txt_wrap .in{ height:90%; padding:0 1em 1em 0; box-sizing:border-box;}
.gear_intro .txt_wrap .in .board_table.gear{ border-top:2px solid var(--color_dblue)}
.gear_intro .txt_wrap .in .board_table.gear th, .board_table.gear td{ height: 2.5em;}

/* 수행실적 */
.table_st.outcome{ width: 100%;}
.table_st.outcome th,
.table_st.outcome td{ height: 1.5em;}
.table_st.outcome td{ text-align: center;}
.table_info{ display: none;gap:.5em; margin-bottom:.5em; font-size: .9375em; color:#555;}
.table_info .xi{ color:var(--color_dblue); transform: rotate(90deg);}
/* CI소개 */
/**/
.patternGrid{background-image: repeating-linear-gradient(#ddd, #ddd 1px, transparent 0, transparent 10px), repeating-linear-gradient(90deg, #ddd, #ddd 1px, transparent 0, transparent 10px)}
.lineGrid {border:1px solid #ddd;}

.logo_intro{ gap:5em;}
.logo_intro .logo{width: 40%;padding:5em 10em;}
.logo_intro .logo img{ width:9em;}
.logo_intro .desc{width: 60%; padding-top:1em;}
.logo_intro .desc .tit{ margin-bottom:.5em; font-weight: 500; font-size:1.25em; color:var(--color_dblue);}
.logo_intro .desc .t1 + .tit{ margin-top:2em;}
.logo_intro .desc .t1{ font-size:1.125em; color:#555; line-height: 1.5;}
.logo_intro .desc .colorInfo{}
.logo_intro .desc .colorInfo > li{}
.logo_intro .desc .btn_wrap{ gap:1em; margin-top:4em;}

.logoType{ gap:2em;}
.logoType > li{ width:calc( (100% - 2em) / 2); padding:4em 5em; box-sizing:border-box; border:1px solid #ddd; text-align: center; }
.logoType > li img{ max-width:50%;}
.logoType .type1{}
.logoType .type2{}
.logoType .type2 img{filter:grayscale(1) opacity(.5)}
/**/
.ci_col_Wrap{ gap:2em;}
.ci_col_Wrap > li{ flex:1}
.ci_col_Wrap .wrap_in{ border:1px solid #ddd;padding: 1em;}
.ci_col_Wrap .wrap_in .img_wrap{width: 30%;box-shadow:5px 7px 13px rgba(0,0,0,.2)}
.ci_col_Wrap .wrap_in .img_wrap.bg1 {background:#003974}
.ci_col_Wrap .wrap_in .img_wrap.bg2 {background:#00aeef;}
.ci_col_Wrap .wrap_in .img_wrap.bg3 {background:#ee2d29;}
.ci_col_Wrap .wrap_in .info_wrap{ width:70%; position:relative}
.ci_col_Wrap .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}
.ci_col_Wrap .wrap_in .info_wrap .info{padding-left: 1.5em;text-align:left;width:100%;box-sizing:border-box;}
.ci_col_Wrap .wrap_in .info_wrap .info > p .tx { margin-right:1em; color:#222;display:inline-block;vertical-align:bottom;}
.ci_col_Wrap .wrap_in .info_wrap .info .t1{ color:#003876; font-size:1.8em; letter-spacing:-2px; font-family:'notokrB'; padding-left:.1em; padding-bottom:.8em;}
.ci_col_Wrap .wrap_in .info_wrap .info .t2{ color:#555; margin:.125em 0 .375em 0; font-size:.938em;  padding-left:.2em;}
.ci_col_Wrap .wrap_in .info_wrap .info .t3{ color:#555; font-size:.938em; padding-left:.2em;} 
.ci_col_Wrap .wrap_in .info_wrap .info .t4{ color:#555; margin-top:.125em; font-size:.938em;  padding-left:.2em;}


/******* 사업분야 *******/
/* intro page */
.landing_wrap{ margin-top:4em; }
.landing_wrap .in{display: block;width: 100%;height: 57vh;padding: 8em 8em 5em; box-sizing: border-box; box-shadow: 1px 1px 20px rgba(0, 0, 0, .25);}
.landing_wrap .in .con_wrap{ height: 100%; color: #fff; position: relative; z-index: 1;}
.landing_wrap .title{ font-weight: 800; font-size: 3em;}
.landing_wrap .t_line{ width: 2.5em; height: 2px; margin-bottom: 1em; background:#fff;}
.landing_wrap .cont{ margin-top: 2.5em; text-shadow: 1px 1px 5px rgba(0, 0, 0, .25);}

.landing_wrap .in{ position: relative; }
.landing_wrap .in::after{content: ''; width: 100%; height: 100%; background:rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: inherit;}

/* .landing_wrap .in .more{display:inline-block;margin-top: 4em;padding:0 0 .5em 2px;position:relative}
.landing_wrap .in .more:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff}
.landing_wrap .in .more .tt{font-family:notokrR, sans-serif;font-size:1.063em;color: #fff;}
.landing_wrap .in .more .arrow{margin-left:1em;transition:.2s;color: #fff;}
.landing_wrap .in .more .arrow:before{content:"\e93f"}
.landing_wrap .in:hover .more .arrow{ margin-left:2em} */

.landing_wrap .in .more{ display: inline-flex; align-items: center; padding: 1em 3em;   border: 2px solid transparent; border-radius: 3em; background: #0072BC; color: #fff; transition: .3s !important; position: absolute; right: 0; bottom: 0;}
.landing_wrap .in .more.pr{ margin-top: 3em; position: relative!important;}
.landing_wrap .in .more .tt{ font-weight: 500;}
.landing_wrap .in .more .arrow{ margin-left:1em;}
.landing_wrap .in .more .arrow:before{content:"\e93f"}
.landing_wrap .in .more:hover {background: #fff; color: #0072BC; border-color: #0072BC;}



.line_ani,
.line_ani_wrap{ position:relative; z-index:inherit}
.line_ani .line{ position:absolute; background:#fff; width:0; height:0}
.line_ani .line.lineT{ left:2%; top:3%; transition:width 0.4s;}
.line_ani .line.lineR{ right:2%; top:3%; transition:height 0.4s;}
.line_ani .line.lineB{ right:2%; bottom:3%; transition:width 0.4s;}
.line_ani .line.lineL{ left:2%; bottom:3%; transition:height 0.4s;}
.line_ani:hover .line.lineT,
.line_ani:hover .line.lineB{ width:96%; height:1px}
.line_ani:hover .line.lineR,
.line_ani:hover .line.lineL{ width:1px; height:94%}



.page_con.bg{ background-color: #f6f6f6;}
.busi_intro{min-width: 100%; background-color:#f6f6f6;}
.busi_intro > .box1{ gap:5em;}
.busi_intro .txt_wrap{ flex:1; padding-top:4em; word-break:keep-all;}  
.busi_intro .txt_wrap .t1{ margin-bottom:1.5em; padding-bottom:1em; font-weight: 600; font-size:1.375em; color:#333; word-break: keep-all; position: relative;}
.busi_intro .txt_wrap .t1::after{ content:''; width:40px; height: 3px; background-color:var(--color_dblue); position:absolute; left: 0; bottom: 0;}
.busi_intro .txt_wrap .t2{ /* padding-top:20px;  */font-size:1.125em; color:#333; line-height: 1.6; position: relative;}
/* .busi_intro .txt_wrap .t2::before{ content:''; width:10px; height:10px; border-radius: 50%; background-color:var(--color_red); position: absolute; left:0; top:0; z-index: 1;}
.busi_intro .txt_wrap .t2::after{ content:''; width:10px; height:10px; background-color:var(--color_lblue); position: absolute; left:5px; top:5px;} */
.busi_intro .img_wrap{ flex:1}
.busi_intro .img_wrap .img{}

/* .page_tt.desc{margin-bottom:1em; padding-left:1.5em; font-size:1.125em; color:#555; } */

.page_tt.tit2.ml{ font-size: 1.5em; margin-left: 2em;}
/* .page_tt.dot2.ml{ font-size: 1.5em; margin-left: 2em;} */
.img_wrap.busi_img + .page_tt{ margin-top:2em;}
.img_wrap.busi_img{padding: 0 3em; position: relative;}
.busi_slide{position: relative; overflow: hidden;}
.busi_slide .swiper-wrapper .swiper-slide{ height: 24em; padding: 1em;box-sizing:border-box;border:1px solid #ddd; background-color:#f6f6f6;}
.busi_slide .swiper-wrapper .swiper-slide .img{height: 85%; margin-bottom:1em; display: flex;justify-content: center;align-items: center;overflow: hidden; background:#fff;} 
.busi_slide .swiper-wrapper .swiper-slide .img img{ width:96%; height:96%; object-fit:contain;}
.busi_slide .swiper-wrapper .swiper-slide .tt{ padding-left:.8em; font-weight: 500; font-size:1.125em; color:var(--color_dblue); /* text-align: center; */ word-break:keep-all; }
.busi_slide .swiper-wrapper .swiper-slide .td{ padding-left:.8em; color:#555; /* text-align: center; */ word-break:keep-all; }
.busi_slide .swiper-pagination{padding-top:1.5em; position: relative;}
.busi_slide .swiper-pagination-bullet{ height:.5em; border-radius:1em; background-color:var(--color_dblue)}
.busi_slide .swiper-pagination-bullet-active{ width:2em; }
.busi_slide_wrap .busiSlide_btn{display: flex; justify-content: center; align-items: center; width: 3em; height: 3em;}
.busi_slide_wrap .busiSlide_btn{ font-size: 1em; color:#555;}
.busi_slide_wrap .busiSlide-next::before{ content: '\e93e'; }
.busi_slide_wrap .busiSlide-prev::before{ content: '\e93b'; }

.steps-st2 > ul{display: flex; gap:40px;}
.steps-st2 > ul > li{ flex:1; /* width: calc( (100% - 120px) / 4); */   position: relative; border:1px solid #ddd; border-top: 2px solid #027cb5; padding: 25px; box-sizing:border-box; display: flex;    align-items: center;}
.steps-st2 > ul > li:before{position: absolute; left: -40px; top:0;height: 100%; content: ''; background: url('../images/sub/business/steps.gif') center center no-repeat; width: 40px}
.steps-st2 > ul > li:first-child:before{background: none}
.steps-st2 .ico{width: 75px}
.steps-st2 .txt{flex:1; color: #333}
.steps-st2.type2{text-align: center;}
.steps-st2.type2 > ul{}
.steps-st2.type2 > ul > li{display: block;}
.steps-st2.type2 .ico{width: auto}
.steps-st2.type2 .ico img{display: block; margin: 0 auto;}
.steps-st2 .cont{margin-top: 20px;}
.steps-st2 .t{display: block; color: #333}
.steps-st2 .c{margin-top: 10px; padding:0 1em; letter-spacing: -0.04em; word-break: keep-all;}
.steps-st2 .small{font-size: .938rem; margin-top: 5px; display: block; color: #666}

.con_box{ padding:2em;}
.con_box.mt{margin-top:3em;}
.con_box.bg{ background-color: #f6f6f6;}
.con_box.noline{ padding:0 0;}
.con_box.tline{border:1px solid #ddd; border-top: 2px solid var(--color_lblue); word-break: keep-all;}
.con_box.line{ border:1px solid #ddd;}
.con_box .check_wrap{ display: flex; align-items: center; gap:2em; padding:0 2em;}
.con_box .check_wrap .icon{width: 8em;height: 8em;background-repeat: no-repeat;background-position: center center;background-size:contain;padding: 1.5em;border-radius: 50%;border: 2px solid #ddd;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.con_box .check_wrap .icon img{ height: 100%; margin-left:10px}
.con_box .check_wrap .cont{}
.con_box .check_wrap .cont .tit{margin-bottom: .2em;font-weight: 600;font-size:1.25em;color:var(--color_dblue);display: block;}
.con_box .check_wrap .cont .td{margin-bottom: 1.2em;margin-bottom:1em; font-size: 1.125em;color:#555;}
.con_box .check_wrap .cont .td:last-child{ margin-bottom: 0;}
.con_box .desc{ margin-bottom: 1em; /* padding-left: 1.5em; */ font-size: 1.25em; line-height: 1.5; }
.con_box .desc .page_tt + .page_tt{ margin-top:.2em;}
/* .con_tit{ position:relative;}
.con_tit .stroke{font-weight: 800; position: absolute; top: -68px; left: 50%; font-size:5.75em; color: transparent; -webkit-text-stroke: 2px #ddd;} */
.con_box .busi_img + .busi_tit{ margin-top:2em; }
.con_box .law_wrap{margin-left: 1.5em;}
.con_box .law_wrap .tit{ margin-bottom: 0.5em; font-weight: 600; font-size:1.125em; color:var(--color_dblue)}
.con_box .law_wrap .cont_list{ list-style-type: circle;}
.con_box .law_wrap .cont_list > li + li{margin-top: 1em;}
.con_box .law_wrap .cont_list .cont{ color:#333; position: relative;}
.con_box .law_wrap .cont_list .cont .num{ padding-right: 0.5em;}
.con_box .law_wrap .t2{ margin-top: 1em; color:var(--color_lblue)}


.page_tt.dot1{ margin-bottom:.8em; padding-left:1em; font-weight: 600; font-size:1.875em; color:#333; position: relative;}
.page_tt.dot1::before{ content:''; width: 12px; height: 18px; background:url(../images/sub/tit_bullet.png); position:absolute; left:0; top:11px;}
.page_tt.dot2{margin-bottom:.5em;padding-left: 1.25em; font-weight: 600;font-size: 1.375em;color:#555;position: relative;}
.page_tt.dot2::before{content:'';width: 18px;height: 18px;background:url(../images/sub/tit_bullet2.png);position:absolute;left:0;top: 6px;}
.page_tt.dot3{margin-bottom:.5em;/*  padding-left: 1.2em;  */font-weight: 600; font-size: 1.375em; color:#555; position: relative;}
.page_tt.dot3::before{content:"\e92b"; display: inline-block; margin-right: .5em; font-family:xeicon; color:var(--color_lblue); /*  width:15px; height:5px; border-radius: 5px; background-color:var(--color_lblue);  *//* position:absolute;left:0;top: 6px; */}
.page_tt.dot4{ padding-left: 1em; color:#555; position: relative;}
.page_tt.dot4::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 9px;}
.page_tt.tit2{margin-bottom:.5em;padding-left: 0;font-weight: 600;font-size: 1.375em;color:#555;position: relative;}

.dot_list{ margin-left:1em;}
.dot_list > li{position: relative;}
.dot_list > li + li{ margin-top: 0.5em;}
.dot_list > li::before {content: ''; width:5px; height:5px; border-radius:50%; background:var(--color_lblue); position: absolute; left: 0; top: 0.5em;}
.dot_list > li a{ padding-left:.8em; font-size:1.125em; color:#333;}
.dot_list > li .xi{ margin-left:.8em; font-size:1em; color:#999; vertical-align: bottom; }
.dot_list.st2{ margin-left: 0;}
.dot_list.st2 > li{ display:flex; padding-left:.8em; font-size: 1.25em;}
.dot_list.st2 > li + li{ margin-top:1em;}
/* .dot_list > li::before{ background-color: #777;} */
.dot_list.st2 > li strong{display:inline-block; width:5em; margin-right: 1em; line-height:1.4; text-align: justify;}
.dot_list.st2 > li strong::after ,
.dot_list.st2 > li strong::before{content: ''; display:inline-block; width: 100%;}

.busi_step_wrap{ text-align: center;}
.busi_step{ display: flex; justify-content: space-around;}
.busi_step > li{ display:flex; justify-content: center; align-items: center; width:10em; height:10em; border-radius: 50%; border:1px solid #ddd; background-color:#fff; position: relative;}
.busi_step > li:not(:last-child)::before{ content:'\e93e'; font-family:xeicon; font-weight: 700; font-size: 1.5em; color:#999; position: absolute; right:-4em;}
.busi_step > li.blue{ border-color:var(--color_lblue); background-color: var(--color_lblue); color:#fff}
.busi_step > li.point{ border-color:var(--color_lblue); /* background-color: var(--color_lblue); color:#fff */ color:var(--color_dblue)}
.busi_step > li.point::after{ content: ''; width:11em; height:11em; border:1px dashed #777; border-radius: 50%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.busi_step > li.goal{ border-color: var(--color_dblue); color:var(--color_dblue)}
.busi_step > li .tt{ font-weight: 600; font-size: 1.125em; text-align: center; word-break: keep-all;}
.busi_step.step4{}

/* gpr */
.gprstep_wrap{}
.gprstep{ gap:2em;}
.gprstep > li{display:flex; flex-direction:column; align-items:center; width: padding:1em; border:2px solid #ddd; border-radius:50%;}
.gprstep > li .icon{ display:block; width: 3em; height: 3em; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gprstep > li .icon.ico1{background-image:url(../images/sub/business/gqr_icon01.png);} 
.gprstep > li .icon.ico2{background-image:url(../images/sub/business/gqr_icon02.png);}
.gprstep > li .icon.ico3{background-image:url(../images/sub/business/gqr_icon03.png);}
.gprstep > li .icon.ico4{background-image:url(../images/sub/business/gqr_icon04.png);}
.gprstep > li .tt{}
.gpr_list{}
.gpr_list > li{}
/* .gpr_list{}
.gpr_list > li{display:flex; align-items:center; gap:5em; margin-bottom:5em; overflow:hidden;}
.gpr_list > li:last-child{margin-bottom: 0;}
.gpr_list > li .img_wrap{ flex:1}
.gpr_list > li .img_wrap img{ width:100%; object-fit:cover;}
.gpr_list > li .txt_wrap{ flex:1; position: relative; }
.gpr_list > li:nth-child(even) .txt_wrap{ order:-1}
.gpr_list > li .txt_wrap .tt{ margin-bottom: 1em; font-weight: 700; font-size:2.5em; color:#333;}
.gpr_list > li .txt_wrap .tt::before{ content:''; display:block; width:45px; height:5px; margin-bottom:.5em;  background-color:var(--color_dblue); }
.gpr_list > li .txt_wrap .td{ font-size:1.125em; color:#555; line-height: 1.8;}
.gpr_list > li .step_num{font-weight: 800;font-size: 8em;line-height: 0.8;color:#000;text-align: right;word-break:keep-all;opacity: .03;position:absolute;right:0;bottom: -80%;} */

/* 해체계획서 */
.tear_step{ display: flex; flex-wrap:wrap;}
.tear_step > li{width:}
.tear_step > li .tt{}

/*표*/
.sub_rule_wrap {}
.sub_rule_wrap .ti_w {background:#fff;  padding:3em; border:1px solid #ddd; border-bottom:none; border-top:3px solid #3167a6;}
.sub_rule_wrap .ti_w .t1 { font-size:2em; color:#222; text-align:center}
.sub_rule_wrap .ti_w .yearW {text-align:right;}
.sub_rule_wrap .ti_w .yearW .tt{color:#666; font-size:.813em; line-height:1.6; font-weight:300;}
.dl_st{ padding:3em 2em 4em 2em; border:1px solid #ddd; background:#fafafa; margin-bottom:1.5em;}
.dl_st:last-child {margin-bottom:0;}
.dl_st > dt{ font-size:1.5em; color:#222; font-weight:500; margin-bottom:1em; text-align:center}
.dl_st > dt .ts{ font-size:.75em}
.dl_st > dd{ line-height:1.2; color:#666; font-size:1.063em; margin-top:2em}
.dl_st > dt + dd{ margin-top:0}
.dl_st > dd > ul{ margin-left:.5em}

.dl_st > dd > ul li:not(:first-child){ margin-top:0em}
.dl_st.st1 {border-top:none;}
.dl_st.st2 > dd {margin-top:2em;}
.dl_st > dd > p { margin-bottom:.5em; line-height:1.5;}
.page_tit:not(:first-child){ margin-top:6em; line-height:1.2}
.page_tit .t1{ font-weight:500; font-size:1.5em; position:relative; padding:.75em 0}
.page_tit .t1:before{ content:""; position:absolute; left:0; top:0; width:2em; height:.25em; box-sizing:border-box; background:#3167a6; border-right:1em solid #bbb}
.page_tit .t1.ac:before{ left:50%; transform:translateX(-50%)}
.page_tit .t1.no:before {display:none;}
.page_tit .t2{ font-weight:500; font-size:2.5em; }
.page_tit .t3{ position:relative; padding-left:1.375em; font-weight:500; font-size:1.188em; color:#111; line-height:1.2; margin-bottom:.75em}
.page_tit .t3:before{ content:""; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #4578c8 49%, #3167a6 50%); width:1em; height:1em}
.page_tit.st2 .t3 {font-size:1.5em; padding-left:.65em; margin-bottom:1em;}
.page_tit.st2 .t3:before {width:5px; height:20px;}
.page_tit.st2 .t3:after {display:none}
.page_tit .t3:after{ content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; transform:scale(.5)}
.page_tit .t4 {margin-top:1em; font-size:1.250em; line-height:1.6;}

.dl_st.intro {background:#fff; border-top:3px solid #3167a6; padding: 1em 2em 3em 2em}
.dl_st.intro .page_tit .t3 {margin-bottom:1em; font-size:1.3em; padding-left:.65em;}
.dl_st.intro .page_tit .t3:before {width:5px; height:20px;}
.dl_st.intro .page_tit .t3:after {display:none;}
.dl_st.intro > dd {margin-bottom:3em;}
.dl_st.intro > dd:last-child {margin-bottom:0;}

.ul_st{ margin-top:-1.25em}
.ul_st > li .ul_in{ position:relative; padding:0 1em; margin-top:1.25em; color:#666}
.ul_st > li .ul_in:before{ content:""; width:1em; height:1em; border-radius:50%; background:#063165; font-size:.375em; position:absolute; left:0; top:1.75em; line-height:1}
.ul_st > li .ul_in .t1{ font-weight:500; color:#063165}
.ul_st.s1 > li{ margin-top:.875em; font-size:.938em; line-height:1.5}
.ul_st.s1 > li .ul_in:before{ top:1em}

.ul_st.st3{ margin-top:0}
.ul_st.st3 > li{ counter-increment:ul_st3; position:relative; padding:.25em 2em}
.ul_st.st3 > li:before{ content:counter(ul_st3) "."; font-weight:500; width:1.5em; padding-right:.5em; text-align:right; color:#063165; position:absolute; left:0; top:.3em}
.ul_st.st3 > li:last-child {margin-bottom:.875em;}
.ul_st.st3 > li > p {line-height:1.8;}
.ul_st.st3 > li .account {margin: 1em 0;padding: 1em;border: 1px solid #ddd;box-sizing: border-box; background:#f3f7f9;}
.ul_st.st3 > li .account .point {color:#3167a6; font-size:1.3em;}

.ul_st.st3.ver2{ margin-top:0}
.ul_st.st3.ver2 > li{  position:relative; padding:.25em 2em}
.ul_st.st3.ver2 > li:before{content: '';width: 4px;height: 4px; padding-right:0; /* text-align:right; */background: #3167a6 ; position:absolute;left: 17px;top: 14px;border-radius: 50%;}

.guide_wrap {border:1px solid #ddd; padding:3em; box-sizing:border-box; background:#f4f4f4; border-top:3px solid #3167a6;}

.upTxt {margin-bottom:1em; line-height:1.5; color:#666; font-size:1.125em;}
.dl_st > dd > p.type {color:#111; font-size:1.3em;}
.down_info {font-size:.875em; color:#3167a6;}
.down_info.st2 { color:#666;}

.join_btn {margin-top:3em;}
.join_btn .btn a {padding:1em 2em; box-sizing:border-box; background:#779dc9; margin: 0 auto; color:#fff;}
.join_btn .btn  {}
.join_btn .btn a:hover {background:#3167a6; transition:.3s;}

.join_btn.st2 {margin-top:0;}
.join_btn.st2 .btn a {padding:.5em 2em; box-sizing:border-box; margin: 0 auto}

/**/
.history_bgw {overflow:hidden; position:relative; margin:0 5em 3em 5em;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.history_bgw .txt_wrap {text-align:center; }
.history_bgw .txt_wrap .en {font-weight: 700;  padding-bottom:.5em; color:#fff; letter-spacing:5px; font-size:2.5em; }
.history_bgw .txt_wrap .kr {font-size:1.7em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:15em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#3167a6; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #3167a6; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; letter-spacing:-3px; color:#3167a6; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:.938em; line-height:1.7; font-weight:400;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

.map_tit .t1 img {padding:3px; box-sizing:border-box;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; background:#fff;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#3167a6}

.sub_tbl.tac{ margin-top:1em;}
.sub_tbl .tbl_st {border:1px solid #ccc; border-top:3px solid #3167a6; font-size:0.938em; width:100%;}
.sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; font-weight:500;  color:#333; text-align:center; }
.sub_tbl .tbl_st tbody td {background:#fff; text-align:center; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5;} 

.calendar {width:50%;}
.top_wrap .con.con2 {width:50%; box-sizing:border-box; padding:3em 0 0 3em;}
.Pcon_bd1 {background: #f4f4f4; border:1px solid #ddd; padding:4em 2em; box-sizing:border-box; margin-top:2em;} 
.Pcon_bd1 .sche_day .date {font-size:.9em; color:#666;}
.Pcon_bd1 .sche_day .tit {font-size:1.25em; margin-bottom:2em;}
.sche_day .tit a:hover{ text-decoration:underline;}
.sche_day .txt{ overflow:hidden;}
.sche_day .txt strong,
.sche_day .txt span{ display:block; float:left; padding:4px 0; color:#5f6265; line-height:1.3;}
.sche_day .txt .t1{ width:20%; color:#292d31;}
.sche_day .txt .t2{ width:80%;}


.label_st .xi.check {font-size: inherit;}

/**/
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center;} 
.page_tab .tab{margin-bottom:5em;}
.page_tab .tab > li {width:20%;}
.page_tab .tab > li > a{padding:1.3em 1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; }
.page_tab .tab > li > a > .tt {font-size:1em; letter-spacing:.1px;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#3167a6;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{box-shadow:0 0 1em 0.125em rgba(0,0,0,.1); color:#3167a6; border-color:#3167a6;}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}


.dl_st.white {background:#fff;}

/*major*/
/* .board_flex{ margin:-2em 0 0 -2em; padding-bottom: 5rem;}
.board_flex > li .in{ margin:2em 0 0 2em}
.board_flex > li .in{ display:block; border:1px solid #ddd; overflow:hidden}
.board_flex > li .in .img_wrap{ display:block;  position:relative}
.board_flex > li .in .img_wrap .resize{ padding-bottom:40%; background-size:auto; height:80px;}
.board_flex > li .in .img_wrap .btn{ position:absolute; z-index:1; left:50%; bottom:0; transform:translate(-50%,50%); width:2.25em; line-height:2.25em; border-radius:50%; background:#fff; box-shadow:0 0 .5em rgba(0,0,0,.2); text-align:center; transition:.3s}
.board_flex > li .in .img_wrap .btn:hover{ background:#105faa; color:#fff}
.board_flex > li .in .img_wrap .btn .icon{ font-size:1em}
.board_flex > li .in .img_wrap .btn.home{ margin-left:2em; opacity:0}
.board_flex > li .in .img_wrap .btn.home .icon:before{content:"\e902"}
.board_flex > li .in:hover .img_wrap .btn.home{ margin-left:0; opacity:1}
.board_flex > li .in .con_wrap{ display:block; background:#f5f5f5; text-align:center; padding:1.5em}
.board_flex > li .in .con_wrap .t1{ font-weight:500; color:#333}
.board_flex > li .in .con_wrap .btn{ margin-top:.25em}
.board_flex > li .in .con_wrap .btn .st{}
.board_flex > li .in .con_wrap .btn .st .xi{ font-size:1em}
.board_flex.partner > li{width:33.333%}
.board_flex.partner > li .in .img_wrap .resize{ padding-bottom:40%; background-size:contain}
.board_flex.ce > li{width:25%}
.board_flex.ce > li .in .img_wrap .resize{ padding-bottom:141.6%; background-size:contain}

.board_flex > li .in .con_wrap {padding:15px;} 
.board_flex > li .in .con_wrap .t1.name { font-size:1em;}
.board_flex > li .in .img_wrap .resize {height:30px;} */

/*MEMBER***************************/
.h100{ height: 100vh; box-sizing: border-box;}
.grd-bg{ background: #eaeef6;}

.member_wrap{ letter-spacing:-.5px}
.member_wrap .input_st{ height:3em;}
.member_wrap .login_box{ width:520px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:600px; max-width:100%; margin:0 auto;}
.member_wrap .confirm_box{ width:45%; margin:0 auto}

.member_wrap .member_tab{ text-align:center; padding:0 1px 0 0;}
.member_wrap .member_tab > li{ width:50%;}
.member_wrap .member_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;}
.member_wrap .member_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#0ea04f;}
.member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#0ea04f;}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-size:2.500em; color: #111; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.125em; font-weight:600; color: #111; padding-top:.8em;}

.member_wrap .member_form{ padding:2.5em 2em; background: #fff; border-radius: 1.5em; box-shadow: 2px 2px 6px rgba(0,0,0,.15); border-top-width:4px; border-top-color:#3167a6;}
.member_wrap .member_form.st1{ border-top:none !important}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form { margin-top:1.2em;}
.member_wrap .form .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em; border-radius:.3em}
.member_wrap .form .btn_wrap .btn.c1{ background:#3167a6; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#3167a6; color:#3167a6;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .form .sns_wrap{ margin-top:2em;}
.member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;}
.member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;}
.member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;}
.member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;}
.member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;}
.member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family:'Ms','NotoSans',sans-serif; font-weight:600;}
.member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;}
.member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;}
.member_wrap .form .sns_wrap .btn:hover{}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2 .tit{ font-size:1.325em; margin-bottom:1em; font-weight: 600; display:block; }
.member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;}
.member_wrap .form2 > li{ margin-top:.4em; font-weight:300;}
.member_wrap .form2 > li:first-child{ margin-top:0;}
.member_wrap .form2 .inp_wrap{ color:#3c3c3d;}
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;}
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;}
.member_wrap .form2 .check_wrap > *{/* display:inline-block;*/ zoom:1; vertical-align:middle; flex-wrap :wrap; align-items:center;}
.member_wrap .form2 .check_wrap .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em}
.member_wrap .form2 .check_wrap .tit.st2 {padding-bottom:0; font-size:1em; color:#333;}
.member_wrap .form2 .check_wrap .check_ul{width:100%;}
.member_wrap .form2 .check_wrap .check_ul.st{ background:#fff}
.member_wrap .form2 .check_wrap .check_ul.st > li{ padding:0}
.member_wrap .form2 .check_wrap .check_ul > li{ width:20%;}
.check_ul > li .label_st .xi {font-size:1em;}
.member_wrap .form2 .check_wrap .check_ul > .last {flex:0 1 100%;}
.member_wrap .form2 .check_wrap .check_ul .last .w18 {width:18.5em;}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block; font-size: 1.85em; opacity: .85;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; top:50%; left:1.2em; font-size: 1.05em; color: #888; font-weight: 600; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);}
.member_wrap .form2 .colr .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .colr .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .colr .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .colr .col_w2:first-child{ width:33.32%; margin-left:0;}

.member_wrap .form2 .tit.input_st{ background:#f5f5f5;}
.member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;}
.member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;}
.member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;}
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:50%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight:600;}
.member_wrap .terms_wrap .c1{ color:#d31717;}
.member_wrap .terms_wrap .all_check .xi {font-size:1em;}

.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.760em; color:#111; font-weight: 700; letter-spacing:-1px;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#888; }
.member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;}
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;}
.member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;}
.member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;}
.member_wrap .finish_wrap .join_fin .th .mem_icon{ gap: .2em; font-size: 1.1em; font-weight: 600;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}
.member_btn_wrap .in .input_st.s1 {border-color:#3167a6;}

.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:7em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111; font-weight:600}
.member_agree .check .xi {font-size:1em;}

/**/
.page_step_wrap{ text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#c9c9c9; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2em; color:#ddd;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; box-shadow: 1px 2px 3px rgba(0,0,0, .15); transform:translate(-50%, -50%); width:1.6em; height:1.6em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#888;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#3167a6;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d; font-weight: 600;}

.regular_mem .xi {font-size:1em;}

.space_st{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.space_st.Spst1{ margin-left:5px;}
.space_st:first-child{ margin-left:0;}

.board_search_wrap .search_tt {display:inline-block; margin-right:1em;}
.board_search_wrap .download {margin-bottom:1em; font-size:1.5em;}
.board_search_wrap .join_btn {margin-bottom:2em;}



/* privacy */
.popWrap.policy{ width:60vw; height: 70vh;}