@charset "utf-8";
/* CSS Document */
.box0{ width:94%; margin:0 auto;}
.box1{ width:88%; margin:0 auto; max-width:1480px}
.box2{ width:1280px; max-width:94%; margin:0 auto}
.box3{ width:100em; max-width:94%; margin:0 auto}
.gnb li.m_hide{ display:none}

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


.green { color:#288f46;}
.red { color:#d02428;}
.blue { color:#283a7d;}
.white { color:#fff;}
.gray { color:#666;}

.page_con.bg1{ background-color:#f7f7f7;}
.bg_pd {padding:7em 0;}
.page_con.bg2{ background-color:#283a7d;}

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; border-bottom:1px solid rgba(255,255,255,.2)}
.sub #header {border-bottom:none;}
.scroll #header{ box-shadow:0 0 2em rgba(0,0,0,.2)}
#header .top_wrap{ position:relative; }
.headerH,
#header .gnb_wrap .gnb > li .dp1{ height:5em}
.headerT{ padding-top:5em}
#header .logo { z-index:100;}
#header .logo > a{ display:block; height:3.25em; overflow:hidden}
#header .logo > a .in{ display:block; transition:.3s}
#header .logo > a .in img{ display:block; width:12.5em; padding-bottom:0.1em;}
#header .gnb_wrap .gnb > li .dp1{ padding:0 1em; min-width:8em; position:relative}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:50%; bottom:0; width:3em; margin-left:-1.5em; height:3px; background:#283a7d; transform:scaleX(0); transition:.3s}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.125em; font-weight:500}
#header .gnb_wrap .gnb > li .dp2{ display:none}
#header .etc_wrap .btn_wrap .btn{ display:block; padding:0 1em; margin-left:.5em; opacity:.7; height:5em; line-height:5em;}
#header .etc_wrap .btn_wrap .btn .xi{ font-size:1.75em}
body.main:not(.scroll) #header:not(:hover){ background:none; color:#fff}
body.main:not(.scroll) #header:not(:hover) .logo > a .in{transform:translateY(-50%);}
/**/
#header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center}
#header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 5em); background:#fff; transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; box-sizing:border-box; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#283a7d;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500}
#header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.75em 0; color:#5c5e5e}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{font-size:.938em;}
/**/
#header .gnb_wrap .gnb > li .dp2 {border-right:1px solid #eee;}
#header .gnb_wrap .gnb > li:first-child .dp2 {border-left:1px solid #eee;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#043b89}
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s; transition-delay:.1s}
#header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s}
#header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; transition-delay:.1s; padding:1em 0 2em 0}
#header .gnb_wrap  + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden}
#header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s; transition-delay:.1s;}
#header .gnb_wrap .gnb > li:hover .dp1 .va{ color:#043b89}
#header .gnb_wrap .gnb > li:hover .dp2 {background:#f9f9f9}

#header .etc_wrap {z-index:999}
#header .etc_wrap .mem_wrap {}
#header .etc_wrap .mem_wrap .etc {}
#header .etc_wrap .mem_wrap .etc > li {}
#header .etc_wrap .mem_wrap .etc > li .in {color:#fff; display:block;}
#header .etc_wrap .mem_wrap .etc > li .in .xi {vertical-align:middle; display:inline-block; padding-right:3px; font-size:1em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt {font-size:.938em; vertical-align:middle}
#header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important}
#header .etc_wrap .mem_wrap .etc > li:hover .in .tt {color:#043b89; transition:.3s;}

#header .etc_wrap .all_wrap{}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#ddd; line-height:5em; width:5em; text-align:center; position:relative}
#header .etc_wrap .all_wrap .all_btn .key { line-height:inherit;}
#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#283a7d; transition:.3s}
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:2.5em; position:relative}

#header .etc_wrap .all_wrap:hover .all_btn,
#header .etc_wrap .all_wrap.on .all_btn{ color:#fff !important; }
#header .etc_wrap .all_wrap:hover .all_btn:before,
#header .etc_wrap .all_wrap.on .all_btn:before{ height:calc(100% + 1px)}
#header .etc_wrap .all_wrap.on .all_btn {line-height:4em;}
.scroll #header .etc_wrap .all_wrap .all_btn {line-height:5em;}

#header .etc_wrap .all_wrap .all{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transform: translateY(-300px); transition: all 800ms cubic-bezier(.8, 0, .33, 1); border-radius: 0% 0% 100% 50%; z-index:10000}
#header .etc_wrap .all_wrap.on .all{ visibility:visible; opacity:1;transform: translateY(0px); border-radius: 0% 0% 0% 0%;}
#header .etc_wrap .all_wrap .all .close_btn{ position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s}
#header .etc_wrap .all_wrap .all .close_btn .xi{ font-size:3em}
#header .etc_wrap .all_wrap .all .close_btn:hover{ transform:rotate(90deg); opacity:1}
#header .etc_wrap .all_wrap .all .all_logo{ text-align:center; padding:3em 0}
#header .etc_wrap .all_wrap .all .all_logo img {margin:0 auto; width:20%;}
#header .etc_wrap .all_wrap .all .gnb a{ height:auto; color:#000;}
#header .etc_wrap .all_wrap .all .gnb{ justify-content:space-between; padding-bottom:5em}
#header .etc_wrap .all_wrap .all .gnb > li{ flex:0 1 24%}
#header .etc_wrap .all_wrap .all .gnb > li.fSt,
#header .etc_wrap .all_wrap .all .gnb > li.m_member,
#header .etc_wrap .all_wrap .all .gnb > li.m_mypage,
#header .etc_wrap .all_wrap .all .gnb > li.m_guide {display:none;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2,
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ display:block}
#header .etc_wrap .all_wrap .all .gnb > li .dp1{ border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative}
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#043b89; transition:.3s}
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1{ color:#043b89}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after{ width:100%}
#header .etc_wrap .all_wrap .all .gnb > li .dp2{}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a{ padding:1em; border-bottom:1px solid #ddd; text-align:center; position:relative; font-size:.938em;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; color:#043b89}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after{ color:#043b89}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3{ background:#f9f9f9}
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ padding:.5em 0; border-bottom:1px solid #ddd}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a{ padding:.25em .75em; text-align:left}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.875em; color:#666}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before{ content:"- "; display:inline-block; padding-right:1em}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline; color:#333}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before{ text-decoration:none}

#header .etc_wrap 
#header .etc_wrap .callWrap{}
#header .etc_wrap .callWrap .in{ position:relative; padding:0 .75em 0 0; margin-right:1em; transition:.2s;}
#header .etc_wrap .callWrap .in:before{ content:""; position:absolute; top:0; left:0; width:1.75em; height:1.75em; background:#d02428; border-radius:50%; transition:.2s;}
#header .etc_wrap .callWrap .in > *{ position:relative;}
#header .etc_wrap .callWrap .in .icon{ width:1.75em; height:1.75em;}
#header .etc_wrap .callWrap .in .icon .xi{ font-size:.95em; color:#fff; width:1.75em; line-height:1.75em;}
#header .etc_wrap .callWrap .in .con{ flex:1; padding-left:.625em;}
#header .etc_wrap .callWrap .in .tel{ display:block; padding:.25em 0;}
#header .etc_wrap .callWrap .in .time{ position:absolute; top:calc(100% + .5em); left:0; right:0; padding:.625em 1em .5em 1em; background:#fff; box-shadow:1px 1px .375em rgba(0,0,0,.15); border-radius:.375em; opacity:0; visibility:hidden; transition:.2s;}
#header .etc_wrap .callWrap .in .time > .tt{ padding:.25em 0; font-size:.875em; color:#75787b;}
#header .etc_wrap .callWrap .in .time > .tt a{ display:block; width:100%;}
#header .etc_wrap .callWrap .in .time > .tt a:hover, #header .etc_wrap .callWrap .in .time > .tt a:focus {background-color:#ccc;}
#header .etc_wrap .callWrap .in .time > .tt .xi {margin-right:.5em;}
#header .etc_wrap .callWrap .in:hover{ color:#fff;}
#header .etc_wrap .callWrap .in:hover:before{ width:100%; border-radius:6em;}
#header .etc_wrap .callWrap .in:hover .time{ opacity:1; visibility:visible;}


.logo_mark {margin-bottom:1em;}

#footer{ background:#333f47; color:#fff}
#footer .gotop{ position:fixed; right:4em; bottom:3em; width:4em; line-height:4em; background:#d02428; text-align:center; color:#fff; transition:.3s; border-radius:3em; z-index: 99; opacity:0;transform: translateY(7em);}
.scroll #footer .gotop {transform: translateY(0); opacity: 1;}
#footer .gotop .xi{ font-size:1.5em}
#footer .gotop:hover{ background-color:#fff; border: 1px solid #d02428; color:#d02428;}
#footer .wrap_in{ padding-top:2em; padding-bottom:2em; border-top:1px solid rgba(0,0,0,.15)}
#footer .logo img{ height:3em}
#footer .info{ flex:1 1 0%; margin-left:5%}
#footer .info > li{ display:inline-block; margin-right:2em; font-size:.938em; font-weight:300; margin-top:.75em}
#footer .info > li.copyright{ display:block; margin-top:3em; font-size:.75em; text-transform:uppercase; opacity:.5; letter-spacing:.063em}
#footer .menu{ width:15em; margin-left:5em}
#footer .menu > li > a{ display:block; font-size:.938em; margin-top:1em}
#footer .menu > li > a:hover{ color:#d02428;}
#footer .menu > li > .red:hover {color:#fff;}
#footer .info > li.email {letter-spacing: 0.08em; font-family: 'GmarketSans'; font-size: 1.02em; font-weight: 500;}

.main #contents{ padding-top:0}
#contents .sub_visual_wrap{ position:relative; height:11em; overflow:hidden;}
#contents .sub_visual_wrap .bg{position:absolute; top:0; left:0; width:106%; height:100%; transform:translateX(0); opacity:0; transition:transform 6s ease, opacity 1s;}
#contents .sub_visual_wrap .wrap_in{ position:relative; height:10em;}
#contents .sub_visual_wrap .wrap_in .twrap{ height:100%; color:#fff}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ font-size:1em; letter-spacing:.5em; text-transform:uppercase; opacity:.6; margin-bottom:1em}
#contents .sub_visual_wrap .wrap_in .twrap .t2{ font-size:2.875em; font-weight:700}
.load #contents .sub_visual_wrap .bg{opacity:1; transform:translateX(-3%);}

#contents .sub_tab{ margin-bottom:-1em}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li .dp2{ justify-content:center}
#contents .sub_tab .gnb > li .dp2 > li{ flex:1 1 100%; max-width:16.66%}
#contents .sub_tab .gnb > li .dp2 > li > a{ color:#000; font-size:1.188em; background:rgba(255,255,255,.8); font-weight:400; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a:before{content:""; position:absolute; bottom:0; left:50%; width:0; height:5px; background:#283a7d; border-radius:1em; opacity:0; transform:translateX(-50%); transition:.3s;}

#contents .nav .wid80 {width:80%;}
#contents .sub_tab .gnb > li .dp2 > li > a .va{ position:relative; z-index:1; display:flex; justify-content:center; align-items:center; padding:0 1em; height:3em}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#444;}
#contents .sub_tab .gnb > li .dp2 > li:hover > a:before {opacity:1; width:70%;}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1}
#contents .sub_tab .gnb > li .dp2 > li.on > a .va{ background:#283a7d; color:#fff;box-shadow: 0 0 1em 0.25em rgb(0 0 0 / 30%);}
#contents .sub_tab .gnb > li .dp2 > li.on > a:after{ display:block}

#contents .sub_tit_wrap{ padding:2em 0 1em 0;}
#contents .sub_tit_wrap .tit{ font-weight:500; font-size:2.25em; letter-spacing:-.063em; word-spacing:.063em; border-bottom:1px solid #ddd; padding-bottom:1em;}
/*#contents .sub_tit_wrap .nav{ margin-top:1em}*/
#contents .sub_tit_wrap .nav > li{ color:#888; font-size:.938em}
#contents .sub_tit_wrap .nav > li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle}
#contents .sub_tit_wrap .nav > li:first-child:before{ display:none}
#contents .sub_tit_wrap .nav > li:last-child .tt{ text-decoration:underline}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ 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}

#contents .doc{ padding:0 0 10em 0}
.dp1_member #contents .doc{ padding-top:5em}
.dp1_member #contents .sub_visual_wrap .wrap_in{ display:none; }
.dp1_mypage #contents .doc{ padding-top:5em}
.dp1_mypage #contents .sub_visual_wrap .wrap_in{ display:none; }

#contents.st1 .sub_visual_wrap{ overflow:visible; height:auto}
#contents.st1 .sub_visual_wrap .wrap_in{ height:16em}
#contents.st1 .sub_visual_wrap .bg_wrap{ overflow:hidden;}
#contents.st1 .sub_visual_wrap .bg_wrap,
#contents.st1 .sub_visual_wrap .bg{ height:27.5em}
#contents.st1 .sub_doc_wrap{ width:1480px; max-width:88%; margin:0 auto; position:relative; background:#fff; padding-top:3em}
#contents.st1 .sub_tit_wrap{ padding:0; display:none}
#contents.st1 .sub_tab{ margin-bottom:0}


/*SUBPAGE******/
/*inc*/
.page_sec { margin-top:3.5em !important;}
.page_sec0{ margin-top:-1px;}
.page_sec1{ margin-top:.375em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:5em !important;}
.page_sec4{ margin-top:8em !important;}
.page_sec5{ margin-top:2em !important;}


/*MAIN******/
.visualSlider .el{ position:relative; overflow:hidden; height:100vh; background:#fff}
.visualSlider .el .vod{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%}
.visualSlider .el:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.35}
.visualSlider .elVod:after{ opacity:.2;}
@media all and (max-aspect-ratio:16/9) {
.visualSlider .el .vod{ width:auto; height:100%}
}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2); opacity:0; transition:2.5s;}
.visualSlider_wrap{ position:relative;}
.visualSlider_wrap .slogan{ color:#fff; z-index:10; position:absolute; width:100%; left:0; top:24vh; box-sizing:border-box; letter-spacing:0; text-align:center;}
.visualSlider_wrap .slogan .t1{ font-size:1.750em; font-weight:700; transform:translateX(-4em); opacity:0; margin-bottom:1em}
.visualSlider_wrap .slogan .t2{ font-size:3.250em; font-weight:300; transform:translateX(4em); opacity:0; position:relative;}
.visualSlider_wrap .slogan .t3{ font-size:1.475em; font-weight:300; transform:translateY(4em); opacity:0; margin-top:2em;}
.visualSlider_wrap .slogan .t3 ~ .t3{ margin-top:.375em;}
.visualSlider_wrap .slogan .t2 .ani2{ position:absolute; top:0; left:50%; transform:translateX(-50%); opacity:0; white-space:nowrap;}
.visualSlider .el.swiper-slide-active .slogan .t1{ transform:translateX(0); opacity:.5; transition:1.5s; transition-delay:.4s}
.visualSlider .el.swiper-slide-active .slogan .t2{ transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.8s}
.visualSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1.5s; transition-delay:1.4s}
.visualSlider .el.swiper-slide-active .slogan .t2 .ani{ transition:1.5s;}
.visualSlider .el.swiper-slide-active .slogan .t2 .ani1{ opacity:0; transition-delay:3s}
.visualSlider .el.swiper-slide-active .slogan .t2 .ani2{ opacity:1; transition-delay:3.1s}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1) rotate(.001deg); opacity:1; transition:4s;}
.visualSlider_wrap .swiper_control{ bottom:2em; text-align:center;}
.visualSlider_wrap .swiper_control .btn{ margin:0 .125em;}
.visualSlider_wrap .visualSliderPauseWrap{ margin-left:1em;}
.visualSlider_wrap .visualSliderPauseWrap .btn{ background:#fff; color:#333; opacity:1;}
.visualSlider_wrap .swiper_control.pause .visualSliderPauseWrap .btn{ background:#d02428; border-color:#d02428; color:#fff;}

.mainScroll{ position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%)}
.mainScroll .xi{ font-size:3.5em}
.mainScroll .box0{ position:relative}

@keyframes downAni{
70% {margin-bottom:0}
90% {margin-bottom:-.5em}
100% {margin-bottom:0}
}
.main_tit {}
.main_tit .t1{ font-weight:400; font-size:1.5em; letter-spacing:0; margin-bottom:.3em; margin-left:0.1em; color:#283a7d; }
.main_tit .t2{ font-weight:700; font-size:2.5em; line-height:1.5}
.main_tit .t2 span {vertical-align:baseline}

.main_tit .t2.s1{ font-size:2.5em}
.main_tit .t3{ font-weight:300; font-size:1.25em; margin-top:0.5em;}
.main_tit .t4{ font-weight:300; font-size:1.25em; margin-top:.8em;}
.main_tit .t5 {font-size:2.2em;}
.main_tit .t6{ font-weight:300; font-size:1.45em; margin-top:.8em;}
.main_tit .o1{ opacity:.9;}
.main_tit.white{ color:#fff}


.main_more{}
.main_more.pd1{ padding-top:2.5em;}
.main_more.pd2{ padding-top:4em;}
.main_more > .more{ padding:1em 2.25em; background:#283a7d; border:1px solid #283a7d; color:#fff; transition:.2s;}
.main_more > .more > .tt{ font-size:.938em;}
.main_more > .more > .tt ~ .xi{ padding-left:1em;}
.main_more > .more > .xi{ font-size:1.125em;}
.main_more > .more > .xi:before{ content:"\e913";}
.main_more.white > .more{ background:transparent; border-color:#fff;}
.main_more > a[href].more:hover{ background:transparent; color:#283a7d;}
.main_more.white > a[href].more:hover{ background:#fff;}

.main_box{ padding:0em 0 7em; position:relative}
.main_box.st2{ padding:0em 0 0em;}
.main_box.pd0 {padding:0;}
.main_box.pd1{ padding:4em 0}
.main_box.bg1{ background:#f5f5f5}
.main_box.bg2{ background:#283a7d}
.main_box.bg3{ background:linear-gradient(0deg, #283a7d 0%, #283a7d 35%, rgba(0,0,0,.05) 35%, rgba(0,0,0,.05) 100%);}
.main_box > .flex .tit_wrap{ width:30%;}
.main_box > .flex .tit_wrap.w1{ width:40%;}
.main_box > .flex .con_wrap{ flex:1;}
.main_box > .flex > div:nth-child(2){ padding-left:4em}

.main_intro{ margin:-2em 0 0 -2em}
.main_intro > li{ flex:1 1 1%}
.main_intro > li .in{ margin:2em 0 0 2em; cursor:pointer; position:relative}
.main_intro > li .in .icon{ position:absolute; left:.5em; top:.5em; font-size:2.5em; line-height:1; opacity:.3; transition:.3s}
.main_intro > li .in .bg{ height:22em; position:relative}
.main_intro > li .in .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#f5f5f5; transition:.3s}
.main_intro > li .in .twrap{ text-align:right; transform:translateY(-50%); padding:0 1em; transition:.3s}
.main_intro > li .in .no{}
.main_intro > li .in .no .t1{ font-size:3.000em; font-weight:700;}
.main_intro > li .in .no .t2{ font-size:1.500em;}
.main_intro > li .in:hover .icon{ color:#fff; opacity:1}
.main_intro > li .in:hover .bg:after{ background:rgba(0,0,0,.2)}
.main_intro > li .in:hover .twrap{ transform:translateY(-110%); color:#fff}

.main_business{ margin:-2.5em 0 0 -2.5em;}
.main_business > li{ flex:1;}
.main_business > li .wrap_in{ position:relative; display:block; margin:2.5em 0 0 2.5em; overflow:hidden; transition:.3s;}
.main_business > li .wrap_in .txt_layer{ position:absolute; left:0; right:3em; bottom:0; max-height:80%; padding:0 1.5em; background:#fff; transform:translateY(calc(100% - 5em)); transition:.3s;}
.main_business > li .wrap_in .txt_layer .tit{ height:5em;}
.main_business > li .wrap_in .txt_layer .txt{ padding:2em 0;}
.main_business > li .wrap_in .txt_layer .t1{ font-size:1.500em; font-weight:700;}
.main_business > li .wrap_in .txt_layer .t2{ line-height:1.5; opacity:.6;}
.main_business > li:hover .wrap_in{ transform:translateY(-3.25em);}
.main_business > li:hover .wrap_in .txt_layer{ transform:translateY(0);}

.serviceSlider_wrap,
.serviceSlider{ height:100%;}
.serviceSlider .el{ overflow:hidden;}
.serviceSlider .el a {display:block;}
.serviceSlider .el a .bg:before { position:absolute; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 200, 0.3); opacity:0;}
.serviceSlider .el a .bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.serviceSlider .el a .bg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.8) 100%);}
.serviceSlider .el a .txt_layer{ position:relative; flex:1; padding:0 4em; opacity:0; transition:1.2s;}
.serviceSlider .el a .hover_txt {opacity:1; margin-top:1em; color:#fff; min-height: 8em;}
.serviceSlider .el a .mid_tit {min-height: 3em;}
.serviceSlider .el.swiper-slide-active a .txt_layer { opacity:1; transform:translateY(-20%);transition:0.6s;}
.serviceSlider .el.swiper-slide-active a .bg:before { opacity:1;}
/*.serviceSlider .el a:hover .bg:before, .serviceSlider .el > a:focus .bg:before { opacity:1;}
.serviceSlider .el a:hover .txt_layer {transform:translateY(-20%); transition:0.6s;}
.serviceSlider .el a:hover .hover_txt {opacity:1;}*/

.serviceSlider-pagination{ z-index:10; position:relative}
.serviceSlider-pagination > span{ display:block; font-weight:400; color:#808080; position:relative; margin:0; padding:.35em 0; width:auto; height:auto; opacity:1; background:none; font-size:1.35em;}
.serviceSlider-pagination > span:hover { color:#283a7d; font-weight:600;}
.serviceSlider-pagination > span:after{ content:""; position:absolute; right:100%; top:50%; width:0; height:1px; margin-right:1em; background:#283a7d}
.serviceSlider-pagination > span.swiper-pagination-bullet-active{ color:#283a7d; font-weight:600;}
.serviceSlider-pagination > span.swiper-pagination-bullet-active:after{ width:6em; transition:1.5s}
.sub_ser_tx {}


.majorSlider_wrap{ position:relative; z-index:1}
.majorSlider .el{ width:33.33%;}
.majorSlider .el .in{ display:block; padding: 0 .5em; background:#fff;}
.majorSlider .el .in:hover {}
.majorSlider .el .in .img {margin:0 auto; border:4px solid #d1a52b;}
.majorSlider .el .in .img.st2 {}
.majorSlider .el .in .img.st3 {}
.majorSlider .el .in .con{ padding: .5em 1em; box-sizing:border-box; color: #283a7d; min-height: 5em; margin-top: 0.5em;}
.majorSlider .el .in .con.st2 {border: 1px solid #ddd; border-top: none; margin-top:0em;}
.majorSlider .el .in .con .t1{ font-size:1.2em; font-weight:600;min-height: 2.5em;}
.majorSlider .el .in .con .t1 + .t2{ margin-top:.5em;min-height: 1.5em;}
.majorSlider .el .in .con .t2{ opacity:.5;min-height: 1.5em;}
.majorSlider_wrap .swiper_control{}
.majorControl{ border-color:#000;}
.majorControl .majorSlider-prev {}
.majorControl .majorSlider-next {}
.majorControl .btn{ background:#fff; opacity:1;}
.majorControl .btn ~ .btn{ margin-left:2px;}
.majorControl .btn.swiper-button-disabled{ background:#fff !important; color:#000 !important; opacity:.5; cursor:default;}
.majorSlider .el.st1 {width:24%;}

.majorSlider .el .in.st2 {}
.majorSlider .el .in.st2 .img { width:100%;}

.main_prod_vod{ width:32%; margin-top:-9em; position:relative; box-shadow:0 0 1em rgba(0,0,0,.3)}
.main_prod_vod .layer{ background:rgba(0,0,0,.4); color:#fff}
.main_prod_vod .layer .xi{ font-size:4em}
.main_prod_vod .layer .t1{ font-size:1.063em; margin-top:1em}

.noticeSlider_wrap{ margin:0 0 0 -2em}
.noticeSlider .el{ width:25%}
.noticeSlider .el .twrap{ display:block; border:1px solid #ddd; padding:3em 2em; margin:2em 0 0 2em}
.noticeSlider .el .twrap .t1{ font-size:1.063em; font-weight:500}
.noticeSlider .el .twrap .t1.c1{ color:#283a7d}
.noticeSlider .el .twrap .t2{ font-size:1.125em; margin-top:1em}
.noticeSlider .el .twrap .t3{ font-size:.938em; color:#666; font-weight:300; margin-top:1em}
.noticeSlider .el .twrap .date{ font-size:.875em; margin-top:3em; color:#999}
.noticeSlider .el .twrap:hover .t2{ text-decoration:underline;}

.main_link{ margin:-2em 0 0 -2em}
.main_link > li{ width:50%}
.main_link > li .in{ display:block; margin:2em 0 0 2em; position:relative; overflow:hidden}
.main_link > li .in .bg{ height:20em; transition:.5s}
.main_link > li .in .layer{ background:rgba(0,0,0,.5); box-sizing:border-box; padding:2em}
.main_link > li .in:hover .bg{ transform:scale(1.2)}


/*sub*/

.sub_tt { font-size: 1em; line-height: 1.5; }
.sub_tt.t1 { font-size: 1.5em; }
.sub_tt.t2 { font-size: 1.12em; }
.sub_tt.t3 { font-size: .8em; color: #fff; text-transform: capitalize; }
.sub_tt.t4 { font-size: 1.2em; }
.sub_tt.t5 { font-size: .83em; text-transform: uppercase; }
.sub_tt.t6 { font-size: 2.6em; }
.sub_tt.t7 { font-size: .938em; }
.sub_tt.t8 { font-size: 1.7em; }
.sub_tt.t9 { font-size: .8em; }
.sub_tt.t10 { color: #fff; letter-spacing: 5px; }

.we1 { font-weight: 500; }
.we2 { font-weight: 600; }
.we3 { font-weight: 700; }
.sub_tt.dot { position: relative; padding: 0 0 0.3em 0.8em; }
.sub_tt.dot:last-of-type { padding: 0 0 0 0.8em; }
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: #283a7d; top: 9px; left: 0; }

.page_tit{ margin-bottom:1.75em; box-sizing:border-box;}
.page_tit.w1{ width:55%;}
.page_tit.st2{ margin-bottom:1em;}
.page_tit.st3{ margin-bottom:3em;}
.page_tit.icon:after{ content:""; display:inline-block; width:1px; height:2em; margin:1.5em .375em 0 .375em; background:#111;}
.page_tit.line{ padding-bottom:1em; border-bottom:1px solid #ddd;}
.page_tit.flex > .tt{ padding-right:.375em;}
.page_tit.flex > .tt:last-child{ padding-right:0;}
.page_tit.flex > .tt + .page_more{ margin-left:2em;}
.page_tit.flex .flexW100{ width:100%;}
.page_tit > .tt{ color:#323232;}
.page_tit > .tt > *{ vertical-align:baseline;}
.page_tit > .tt > strong{ font-weight:600;}
.page_tit > .tt > .bm{ font-weight:500;}
.page_tit > .tt + .page_tit{ margin-top:.75em;}
.page_tit > .t0{ font-size:.875em; color:#666; line-height:1.5;}
.page_tit > .t0.en{ font-size:1em;}
.page_tit > .t1{ font-size:2.375em; color:#111;}
.page_tit > .t1.en{ font-size:2.750em; letter-spacing:.5px;}
.page_tit > .t2{ font-size:1.125em; padding:.625em 0; color:#666; line-height:1.5;}
.page_tit > .t2.en{ font-size:1.313em;}
.page_tit > .t3{ font-size:1.500em; font-weight:500;}
.page_tit > .t3.en{ font-size:1.750em; font-weight:400; letter-spacing:.5px;}
.page_tit > .t4{ font-size:1.938em; font-weight:500;}
.page_tit > .t4:not(.en){ letter-spacing:-1px;}
.page_tit > .t4.en{ font-size:2.250em; letter-spacing:.5px;}
.page_tit > .t5{ font-size:1.250em; font-weight:500;}
.page_tit > .t6{ font-size:3.000em; line-height:1.4; letter-spacing:-1px;}
.page_tit > .t7{ font-size:1.700em; font-weight:500;}
.page_tit > .t8{ font-size:1.250em; font-weight:300; margin-top:0.8em;}
.page_tit > .t9{ font-size:1.250em; font-weight:400; margin-top:0.8em;}

.page_txt{}
.we1{ font-weight:500;}
.we2{ font-weight:600;}
.page_txt .dot { position: relative; padding: 0 0 0.3em 0.8em; }
.page_txt .dot:last-of-type { padding: 0 0 0 0.8em; }
.page_txt .dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: #d02428; top: 9px; left: 0; border-radius:50%;}

.page_txt > .tt{ margin-top:1.25em; line-height:1.6;}
.page_txt > .tt:first-child{ margin-top:0;}
.page_txt > .tt > *{ vertical-align:baseline;}
.page_txt > .tt > strong{ font-weight:500;}
.page_txt > .tt > strong.b{ font-weight:700;}
.page_txt > .tt a{ vertical-align:baseline; color:inherit;}
.page_txt > .tt a:hover{ text-decoration:underline;}
.page_txt > .t1{ font-size:1.063em; line-height:1.7;}
.page_txt > .t2{ font-size:1em;}
.page_txt > .t3{ font-size:1.250em;}
.page_txt > .t4{ font-size:.938em;}
.page_txt > .t5{ font-size:1.75em;}
.page_txt > .t6{ font-size:1.125em;}
.page_txt > .t7{ font-size:1em; line-height:1.2; font-weight:300;}
.page_txt > .t8{ font-size:1.5em;}
.page_txt > .t9{ font-size:2.3em;}
.page_txt .in_link{ position:relative; padding:.375em 0 .375em .125em; color:#b0822c;}
.page_txt .in_link:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#b0822c;}
.page_txt .in_link > .tt{ font-weight:500;}
.page_txt .in_link > .icon{ font-size:1em; padding-left:1em; transition:.2s;}
.page_txt .in_link > .icon:before{ content:"\e93e";}
.page_txt .in_link:hover > .icon{ padding-left:1.75em;}

.page_txt .sec_line {margin-left:20px; position:relative;}
.page_txt .sec_line:before { content:''; position:absolute; width:2px; height:1em; left:-10px; top:13px; background:#666; }

.cm-point-sub-tit{font-size: 22px; font-weight: 600; color: #004597; letter-spacing: -0.25px; line-height: 1.3}
.cm-sub-title{margin: 20px 0 40px; font-size: 44px; font-weight: 400; color: #222; letter-spacing: -2.2px; line-height: 1.31; font-family: 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif}

.bg.fix {background-attachment: fixed;}

/*login*/
.login_wrap{ position:fixed; width:100%; height:100%; left:0; top:0; align-items:center; background:#1d335a; background:url(../images/sub/login_bg.jpg) no-repeat 50% 50%; background-size:cover;}
.login_wrap .login{ width:600px; max-width:94%; margin:0 auto; padding:1em 0 5em 0;}
.login_wrap .login_tit{ margin-bottom:1em; text-align:center; color:#fff;}
.login_wrap .login_tit .logo img{ width:17em;}
.login_wrap .login_tit .tit{ margin-top:.6em;}
.login_wrap .login_tit .tit > *{ display:inline-block;}
.login_wrap .login_tit .tit .t1{ font-size:1.500em; font-weight:700; padding:.4em .25em 0 0;}
.login_wrap .login_tit .tit .t2{ font-size:3.000em; margin-left:.25em;}
.login_wrap .login_con{ background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.2); border-radius:.6em; overflow:hidden;}
.login_wrap .login_con .tab{ align-items:stretch; align-items:center; text-align:center;}
.login_wrap .login_con .tab > li{ flex:1;}
.login_wrap .login_con .tab > li > a{ display:block; padding:1.2em 1em; background:#ecf0f4; border:solid #d4d5d8; border-width:0 0 1px 1px; color:#333; font-weight:700;}
.login_wrap .login_con .tab > li:first-child > a{ border-left-width:0;}
.login_wrap .login_con .tab > li.on > a{ background:#fff; border-bottom-color:#fff; color:#005bbb;}
.login_wrap .form_wrap{ padding:3em 2em; background:#fff;}
.login_wrap .form_wrap .form > li{ margin-top:.6em;}
.login_wrap .form_wrap .form > li:first-child{ margin-top:0;}
.login_wrap .form_wrap .form > li .in{ position:relative; padding:0 1em 0 4em; border:1px solid #ddd; border-radius:.25em; overflow:hidden;}
.login_wrap .form_wrap .form > li .in .xi{ position:absolute; top:0; left:0; width:4em; line-height:4em; background:#ecf0f4; border-right:1px solid #ddd; text-align:center; font-size:1em;}
.login_wrap .form_wrap .form > li .in .xi:before{ font-size:1.500em; color:#333;}
.login_wrap .form_wrap .form > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0 1em 1em; height:4em; border:none; background:none; font-weight:700;}
.login_wrap .form_wrap .form > li.btn_wrap{ margin-top:2em; align-items:center;}
.login_wrap .form_wrap .form > li.btn_wrap .check{ font-size:.938em; font-weight:700;}
.login_wrap .form_wrap .form > li.btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; background:#3086c9; color:#fff; font-weight:700; border:none; min-width:40%;}

.login_wrap .link_wrap{ padding:1em .2em; align-items:center; border-top:1px dotted rgba(255,255,255,.3);}
.login_wrap .link_wrap .xi{ line-height:1;}
.login_wrap .link_wrap .t1{ font-size:.813em; color:#fff;}
.login_wrap .link_wrap .t1 .xi{ font-size:1.5em;}
.login_wrap .link_wrap .t2{ padding:.6em 1.5em; background:#283a7d; border-radius:6em; font-size:.938em; color:#fff; font-weight:700; text-transform:uppercase;}
.login_wrap .link_wrap .t2 .tt{ display:inline-block; padding:0 .25em;}
.login_wrap .link_wrap .t2:hover .tt{ text-decoration:underline;}

.myinfo_wrap { position: relative; }
.myinfo_wrap .myinfo_modal { position: absolute; background: #fff; border: 1px solid #ddd; padding: 0.7em; display: none; }
.myinfo_wrap .myinfo_modal.m1 { left: 9em; top: 11em; }
.myinfo_wrap .myinfo_modal.m2 { left: 9em; top: 15em; }
.myinfo_wrap .myinfo_modal.m3 { left: 9em; top: 19em; }
.myinfo_wrap .myinfo_tit { /*border-top: 2px solid #333;*/ border-bottom: 1px solid #666; padding: 1em .5em; }
.myinfo_wrap .myinfo_con { border-bottom: 1px solid #ddd; }
.myinfo_wrap .myinfo_con .tit { width: 13em; background: rgb(248, 248, 248); padding: 1em 0; }
.myinfo_wrap .myinfo_con .tit > .circle > .xi { font-size: .95em; padding-left: .3em; color: #ff473e; }
.myinfo_wrap .myinfo_con .txt { flex: 1; padding: 1em 0 1em 1em; }
.myinfo_wrap .myinfo_con .txt.situation { flex: 1 1 12.16%; max-width: 12.16%; }
.myinfo_wrap .myinfo_con .txt.situation > a > .t14 { display: inline; }
.myinfo_con.st2 {border-top:1px solid #ddd;}

.board_search_wrap {  }
.board_search_wrap .sel { margin-right: .25em; }
.board_search_wrap button { width: 8em; }
.board_search_wrap .date2 { margin-left: .25em; }

.input_calendar{ position:relative; display:inline-block}
.input_calendar .xi{ position:absolute; left:.5em; top:.375em}
.input_calendar .xi:before{content:"\e9a4"; font-size:1.5em; color:#aaa}

.appList_wrap > .page_tbl_Wrap .board_st .date {  }
.appList_wrap > .page_tbl_Wrap .board_st .num { font-weight: 600; }

/*member*/
.member_wrap{ margin-top:0;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:800px; max-width:100%; margin:0 auto;}
.member_wrap .cert_box { width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box.paper_fin_St {width: inherit;} /*설문조사 완료 박스*/

.member_wrap .member_tit{ padding:1em 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit { margin-bottom:.3em; font-size:2.500em; color:#3c3c3d; font-weight:700; text-transform:uppercase;}
.member_wrap .member_tit .tit2{ font-size:1.750em; color:#3c3c3d; font-weight:700; letter-spacing:-1px;}
.member_wrap .member_tit .txt { color:#72727d; line-height:1.5em;}
.member_wrap .member_tit .c1{ color:#3c3c3d;}

.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:#283a7d;}
.member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#283a7d;}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #d4d5d8; border-top:3px solid #283a7d}
.member_wrap .member_form.st2{ border-top-width:4px; border-top-color:#283a7d;}
.member_wrap .member_form.st3{ padding:0; border-top-color:#313851;}

.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; z-index:2; top:0; left:0; width:4em; line-height:3.5em; text-align:center; font-size:1em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .xi:before{ font-size:1.750em;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:3.5em; padding:0 1em 0 4.5em; background:#fff; border:1px solid #ddd; color: #888; font-weight: 400; }
.member_wrap .form .inp_wrap .inp_sel{ background:transparent;}
.member_wrap .form .inp_wrap .inp:focus{ border-color:#283a7d;}
.member_wrap .form .inp_wrap textarea { border-radius:.3em;}
.member_wrap .form .btn_wrap{ margin-top:1.2em;}
.member_wrap .form .btn_wrap .btn{ margin:.4em 0; font-size:1.125em;}
.member_wrap .form .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; padding:.8em 1em; border:1px solid #283a7d;}
.member_wrap .form .btn.c1{ background:#283a7d; color:#fff;}
.member_wrap .form .btn.c2{ background:#ffffff; color:#283a7d;}
.member_wrap .form .etc_wrap{ margin-top:1.5em;}
.member_wrap .form .etc_wrap .find{ text-align:right;}
.member_wrap .form .etc_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em;}
.member_wrap .form .etc_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .etc_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .etc_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .etc_wrap .find .link:hover{ text-decoration:underline;}
.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:#283a7d; letter-spacing:0;}
.member_wrap .form .pw_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:.938em; color:#3c3c3d; line-height:1.8;}

.member_wrap .form .cer_wrap > li{ width:33.33%; text-align:center;}
.member_wrap .form .cer_wrap > li .inner{ margin:0 1px; padding:1em .6em; background:#ecf0f4;}
.member_wrap .form .cer_wrap .icon .in{ display:inline-block; width:4em; height:4em; background:#fff; border-radius:100%;}
.member_wrap .form .cer_wrap .icon .in img{ max-height:2.5em;}
.member_wrap .form .cer_wrap .txt{ margin-top:1em; height:3em;}
.member_wrap .form .cer_wrap .btn{ padding:.4em .4em;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.063em;}
.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.250em; color:#3c3c3d; font-weight:500}
.member_wrap .terms_wrap .tit *{ vertical-align:baseline;}
.member_wrap .terms_wrap .c1{ color:#d82744;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em; text-align:center;}
.member_btn_wrap > li{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}
.member_btn_wrap .input_st{ width:100%; min-width:40% !important; }

.member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#333;}
.member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; text-align:right;}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.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 .inp_txt { position:relative; z-index: 9999; }
.member_wrap .form2 .inp_txt2 { font-size: .9em; font-weight: 500; margin-top: 1em; color: #555; }
.member_wrap .form2 .check_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .label_sec{ min-width:5em}
.member_wrap .form2 .check_wrap .label_sec span {vertical-align:text-top}
.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 .label_tit{ position:relative; min-width:14em; margin-right:2em}
.member_wrap .form2 .check_wrap .label_tit:after{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:#ccc;}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; z-index:1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0; font-weight: 500;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -100%) scale(.7,.7);}
.member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .col .field.margin{ width:100%;  margin: 1% 0 0 0;}
.member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;}
.member_wrap .form2 .required .field > input { font-weight: 500; }

.field.margin{ margin: 1% 0 0 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;}
.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;}


.join_table{ border-top:1px solid #666;}
.join_table th,
.join_table td{ height:2.25em; padding:.75em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left; font-size: 1.05em;}
.join_table th{ color:#3c3c3d; padding-right:.8em; background:#f8f8f8;}
.join_table td{ color:#72727d;}
.join_table .checkShow td{ padding-left:0; padding-right:0;}
.join_table .input_st,
.board_btn_wrap > button { border-radius: 0.3em; }

.join_in_box{ padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7;}
.join_in_box:first-child{ margin-top:0 !important;}
.join_in_box > li{ margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc;}
.join_in_box > li:first-child{ margin-top:0; padding-top:0; border-top:none;}
.join_in_box .tit{ position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#283a7d;}
.join_in_box .tit:before{ content:""; position:absolute; top:.45em; left:0; width:.35em; height:.35em; background:#283a7d; border-radius:100%;}

.join_finish{ padding: 1em 0 2em; text-align:center;}
.join_finish .tit{ margin-bottom:.6em; font-size:1.375em; font-weight:500; letter-spacing:-1.5px;}
.join_finish .txt{ color:#72727d; line-height:1.5em;}
.join_finish .txt strong{ color:#283a7d; vertical-align:baseline;}
.join_finish .join_table{ width:90%; margin:2em auto 0 auto;}


/**/
.page_step_wrap{ margin-bottom:2em; text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1.5em; min-width:8em; color:#aaa;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; 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 .6em 0; font-size:2.500em;}
.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%; transform:translate(-50%, -50%); width:1.6em; height:1.6em; background:#e8e8e8; border-radius:100%;}
.page_step_wrap .step > li .in .no{ font-size:.688em; font-weight:700; text-transform:uppercase;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em;}
.page_step_wrap .step > li.on .in{ color:#3c3c3d;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#1e489e;}
.page_step_wrap .step > li.on .in .no{ color:#1e489e;}


/*privacy*/
.agree_box{ border:1px solid #ddd; background:#f5f5f5; border-radius:5px}
.agree_box:after{ display:block; clear:both; content:'';}
.agree_box .con{  padding:2em; font-size:1em; color:#333}
.agree_box .con.scrollst{ height:8em; overflow-y:scroll; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .con.in{ border:1px solid #ededed; margin:1em; background:#fff;}
.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}


/*연혁*/ 
.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:#283a7d; 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 #283a7d; 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.9em; font-weight:700; letter-spacing:-3px; color:#283a7d;}
.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-weight:400; 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; margin-top:1em;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:50% !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{}
.history_wrap .history > li .list .month .tt{font-size:1.4em; margin-right:0.5em; font-weight:700; letter-spacing:-1px}
/*.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}*/
.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:1.3em; font-weight:600;}
.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}

/**/
.calendar_wrap{ position:relative}
.calendar_wrap .calendar_status{ position:absolute; right:0; top:15px; overflow:hidden}
.calendar_wrap .calendar_status > li{ float:left; overflow:hidden; margin-left:10px}
.calendar_wrap .calendar_status > li .color{ float:left; width:30px; height:20px; border-radius:3px; margin-right:5px}
.calendar_wrap .calendar_status > li .tt{ float:left; line-height:20px; font-size:.813em}
.calendar_wrap .calendar_status > li.status1 .color{ background:#aaaaaa}
.calendar_wrap .calendar_status > li.status2 .color{ background:#0089cf}
.calendar_wrap .calendar_status > li.status3 .color{ background:#93b100}
.calendar_wrap .calendar_status > li.status4 .color{ background:#7ac3e8}


.sub1_inner .bg {height:30em; width:40%;}
.sub1_inner .sub1_tx {width:50%; padding-left:5%; padding-top:10%;}
.sub1_inner .sub1_tx p {margin-bottom:1em;}

.sub1_sec2 {width:100%; padding:7%; color:#fff;}

.layCon {width:56%; padding:3.5em 0;}
.layImg {width:42%;}
	
.page_layout .layImg > .wrap_img.st1 {
    height: calc(70% + 0em);
    transform: translateY(-8em);  background: url(../images/sub/sub_greeting02.jpg) 100% 0 no-repeat;
    background-size: contain;
}
.page_layout .layImg > .wrap_img.st2 {
    height: calc(70% + 0em);
    transform: translateY(-6em);  background: url(../images/sub/sub_greeting04.jpg) 100% 0 no-repeat;
    background-size: contain;
}
.sign {}

.section2 {padding:4em 0; margin-bottom: 5em;}
.section2.thin {padding:4.5em 0; margin: 0 0 4em;}
.section2 .sec2_inn { margin-bottom:1%;}
.section2 .sec2_inn .tx_box {width:32%; background-color: rgba( 255, 255, 255, 0.7); margin-right:1%; min-height:10.5em;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.section2 .sec2_inn .tx_box .img {}
.section2 .sec2_inn .tx_box:last-child {margin-right:0;}
.section2 .sec2_inn .tx_box .text {padding:1.5em 0em;}
.section2 .sec2_inn .tx_box .text .icon {font-size:1.5em; margin-bottom:.5em;}

.sub_tab_1{}
.sub_tab_1 .tab{ padding:0 0 1px 1px;}
.sub_tab_1 .tab > li{ flex:1; max-width:16.66%;}
.sub_tab_1 .tab > li .in{ padding:0 .5em; height:4em; background:#fff; border:1px solid #ddd; margin:0 0 -1px -1px; transition:.2s;}
.sub_tab_1 .tab > li .in .tt{ font-size:1.125em; font-weight:500;}
.sub_tab_1 .tab > li:hover .in{ color:#283a7d;}
.sub_tab_1 .tab > li.on .in{ background:#283a7d; border-color:#283a7d; color:#fff;}

.btn.prev.st2.L { position: absolute; left: 0em !important;}
.btn.prev.st2.R { position: absolute; left: 75em !important;}

.service_con02{ position:relative; border-top:1px solid #ccc;}
.service_con02 .tab-content{ position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; visibility:hidden; filter:alpha(opacity=0); opacity:0;}
.service_con02 .tab-content.current{ position:relative; height:auto; overflow:visible; visibility:visible; filter:alpha(opacity=100); opacity:1;}

/* -------- 찾아오시는길 -------- */
.location-info { margin-top:4em;}
.location-info .add.flex > .txt{ flex:1;}
.location-info-con .main_tit {margin-right:5em; flex:1;}
.location-map {width:65%;}
.location-map.sub_perfo {width:64.9% !important;}
.location-map.sub_licen {width:64.8% !important;}
.location-map .root_daum_roughmap{ width:100% !important;}
.location-map.sub_licen { margin-top:0em;}
.place_last {margin-left:1.7em;}

.sub4_inn {width:24%; margin-right:1%; height:20em; box-sizing:border-box;}
.sub4_inn .img_box {width:100%; height:100%;}

.con_section_inn {position:relative; z-index:99;}
.con_section_inn .bg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-1;}
.con_section_inn .con01_inner { padding:3em 0;}
.con01_inner {width:33.3%;}
.con01_inner.st1 {margin: 0 auto;}
.con01_inner.mid {}
.con01_inner.mid .center_img { width:40%; margin:0 auto 1em;}
.con01_inner.mid .page_txt {}
.con01_inner.mid .page_txt .tit {margin-bottom:.5em;}
.con01_inner.mid .mid_tit {background-color:#fff; display:inline-block; padding:0.5em; border:1px solid #288f46; border-radius:1em;}
.con01_inner .tx_box {width:70%; margin:0 auto; border: 1px solid #283a7d; padding: 1.5em;}
.con01_inner .bar {position:relative; display:none;}
.con01_inner .bar:after {position:absolute; content:''; top:-3px; right:0; background-color:#283a7d; width:0.5em; height:0.5em; border-radius:50%;}
.con01_inner .bar.re:after {left:0;}
.con01_inner .bar:before {position:absolute; content:''; top:0; right:0; background-color:#283a7d; width:24em; height:1px;}
.con01_inner .bar.re:before {left:0;}
.con01_inner .icon {width:15%; margin:0 auto 1em;}

.con02_inner .inn {width:32%; margin-right:1%; padding:1em; border-right:1px solid #ddd;}
.con02_inner .inn:last-child {margin-right:0; border-right:none;}
.con02_inner .icon {background-color:#fff; border-radius:50%; height:5em; width:5em; margin:0 auto;}
.con02_inner .icon img {width:60%; padding-top:1em;}
.con02_inner .inn .tx_box {min-height:9em; margin-top:1em;}

.sub2_con.st4 .sub_inner {margin-left:5em;}

.sub2_con {margin-top:3em;}
.sub2_con .img_box {width:90%; margin: 0 auto;}
.sub2_con .tit_box {width:90%; margin:0 auto;}

.sub2_con.st3 {width:50%;}
.sub2_con.st3.right {margin-top: 20%;}
.sub2_con.st3 .inner {width:90%; margin:0 auto 5em;}
.sub2_con.st3 .inner .img_box {overflow:hidden; margin-bottom:2em;}
.sub2_con.st3 .effect {width:90%;}
.effect.st2 {width:80%; margin:0 auto;}
.sub2_con .inner .bar {width: 2em; height: 3px; margin: 0 0 1em 2em; background: #d02428; content: "";}
.sub2_con.st3 .inner .titbox {width:90%; margin:0 auto;}

.sub2_con.st4 .img_box {width:50%; margin: 0 auto;}
.sub2_con.st4 .tit_box { width:50%;}
.sub2_con.st4 .tit_box .tit_inner {width:90%; margin: 0 auto; color:#666;}
.sub2_con.st4 .tit_box .icon {margin-bottom:1em;}
.sub2_con.st4 .tit_box .f_tit {margin-bottom:1em;}
.sub2_con.st4 .img_box .bg_tag {height:300px;}

.sub_goal1 { position:relative;}
.sub_goal1 .img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50%;}

.sub_goal {width:90%; margin:0 auto;}
.sub_goal_right {padding: 2em; margin-top: auto; border-right:1px solid #d02428;}
.sub_goal_left {padding: 2em 2em 0;}

.page_ttbg_wrap.st1{ margin-top: 4em;}
.page_ttbg_wrap.st1 > li{ width:45%;}
.page_ttbg_wrap.st1 > li .wrap_tt {width:90%; margin:2em auto 0;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt1 { font-size:1.250em; font-weight:500; color:#000; line-height:1.5; padding: 0.8em 0 0.4em 0; }
.page_ttbg_wrap.st1 > p .wrap_tt .page_tt1 { font-size:1.250em; font-weight:500; color:#000; line-height:1.5; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 { line-height:1.5; font-size:1em; color:#000; position: relative; padding-left: 1.4em; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i { color:#d02428; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i:before { position: absolute; left: 0; top: -5px; }
.page_ttbg_wrap.st1 > li .wrap_img{ width:90%; margin:0 auto;}
.page_ttbg_wrap.st1 > li:nth-child(2n){margin-bottom:-3em}
.page_ttbg_wrap.st1 > li:nth-child(2n) .wrap_tt{ text-align:left}
.page_ttbg_wrap.st1 > li:nth-child(3),
.page_ttbg_wrap.st1 > li:nth-child(4),
.page_ttbg_wrap.st1 > li:nth-child(5),
.page_ttbg_wrap.st1 > li:nth-child(6) {margin-top:4em;}
.page_line.st1{ width:2em; height: 3px; margin:1em 0 .75em 0; background:#d02428; content:"";}
.page_line.st1_1{ width:2em; height: 3px; margin:1em 0 .75em 0; background:#d02428; content:"";}
.page_line.st1_2{ width:2em; height: 3px; margin:1em 0 .75em 0; background:#d02428; content:"";}

.main_service .main_layout > .inner > .layL{ padding-top:2.75em; padding-bottom:2.75em;}
.main_bnList2,
.main_bnList2 > .list,
.main_bnList2 > .list > li,
.main_bnList2 > .list > li .wrap_in{ flex:1;}
.main_bnList2 > .list{ margin:0 0 -1.25em -1.25em;}
.main_bnList2 > .list.none { margin:0;}
.main_bnList2 > .list > li{}
.main_bnList2 > .list > li .wrap_in{ position:relative; z-index:1; margin:0 0 1.25em 1.25em; padding:2.5em 2.5em; transition:.3s;}
.main_bnList2 > .list.none > li .wrap_in{ margin-left:0;}
.main_bnList2 > .list > li .wrap_in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#870c18; opacity:0; transform:scale(.4,.4); transition:.3s;}
.main_bnList2 > .list > li .wrap_in .main_txt{ position:relative; color:#fff;}
.main_bnList2 > .list > li .wrap_in .main_txt > .txt{ min-height:3.5em;}
.main_bnList2 > .list > li .wrap_in:hover {z-index: 2;padding-bottom: 3.5em;}
.main_bnList2 > .list > li .wrap_in:hover:before{ opacity:1; transform:scale(1);}
.main_bnList2.fix{ display:block; margin-top:64px;}

.sub_manage {margin-bottom: 2.5em;}


.puz_wrap {margin-top:2em;}
.puz_wrap .puz_con {width:24%; margin:0 .5em .5em 0; flex-direction:column;}
.puz_wrap .puz_con .img {/*margin-right:.5em;*/ flex:1; z-index:2}
.puz_wrap .puz_con .img img {width:100%; height:12em;}
.puz_wrap .puz_con.st2 {}
/*.puz_wrap .puz_con:hover .txt_wrap {background:#283a7d; transition:.3s;}
.puz_wrap .puz_con:hover .txt_wrap.st2 {background:#d02428} 
.puz_wrap .puz_con:hover .txt_wrap .tit, .puz_wrap .puz_con:hover .txt_wrap.st2 .tit {color:#fff;}
.puz_wrap .puz_con:hover .txt_wrap .txt {color:#fff;}*/
.puz_wrap .puz_con .txt_wrap {flex:1; padding:3em 1em 1.5em; box-sizing:border-box; justify-content:center; background:#d9e1ff; background:#ebefff; transition:.3s; margin-top:-2em; border-bottom-left-radius:1em; border-bottom-right-radius:1em;}
.puz_wrap .puz_con .txt_wrap.st2 { background:#e3ffeb;}
/*.puz_wrap .puz_con .txt_wrap.st2 .tit {color:#288f46}*/
.puz_wrap .puz_con .txt_wrap.st3 { background:#ffe8e9;}
/*.puz_wrap .puz_con .txt_wrap.st3 .tit {color:#d02428}*/
.puz_wrap .puz_con .txt_wrap .tit {font-size:1.7em; font-weight:700; margin-bottom:.5em; color:#222; height:2em; display:flex; align-items:center;}

.puz_wrap .puz_con .txt_wrap .txt {color:#666;}
.puz_wrap .puz_con .txt_wrap .txt.num {}
.puz_wrap .puz_con .txt_wrap .txt.loca {}

.puzSlider_wrap{ position:relative;}
.puzSlider_wrap .puz_wrap .puz_con{ width:100%; margin:0 0;}
.puzSlider_wrap .swiper_control .btn{ position:absolute; top:0; transform:translateY(-50%); width:3.25em; height:3.25em; line-height:3.25em; border-radius:50%; box-shadow:2px 2px .5em rgba(0,0,0,.3);}
.puzSlider_wrap .swiper_control .btn:before{ font-size:1.75em}
.puzSlider_wrap .swiper_control .btn.prev{ left:-4.5em;}
.puzSlider_wrap .swiper_control .btn.next{ right:-4.5em;}
.puzSlider_wrap .swiper_control .btn:hover{ background:#283a;7d; color:#fff;}

.txt_dot {margin:0 0.2em;}

.con_section .page_txt > p {color:#F60; margin-top: 1.25em;}