@charset "utf-8";
/* CSS Document */
.box0{ width:90%; margin:0 auto}
.box1{ width:80em; margin:0 auto;  max-width:94%;}
.box2{ width:1200px; margin:0 auto}]
.box2.oh{ width:1200px; margin:0 auto; padding: 4em 0 8em !important;}
.box3{ width:80%; margin:0 auto}
.box4 {width:1400px; margin:0 auto;}
.gnb li.m_hide{ display:none}

#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; box-shadow:0 0 1em rgba(0,0,0,.5); transition:.3s}
#header .top_wrap,
#header .gnb_wrap .gnb .dp1,
.headerH{ height:6em}
.headerT{ padding-top:6em}
#header .logo{ }
#header .logo img{ height: 3.4em;}
#header .logo:hover > a{}
#header .gnb_wrap{}
#header .gnb_wrap .gnb{ width:100%; /*justify-content:flex-end*/ justify-content:center;}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li > a{ color:#111; position:relative; line-height:1;  padding: 0 1em; box-sizing:border-box}
#header .gnb_wrap .gnb > li > a:after{ content:""; position:absolute; left:50%; top:0; width:3em; margin-left:-1.5em; height:.25em; background:#176cd5; transition:.3s; transform:scaleX(0)}
#header .gnb_wrap .gnb > li > a .va{ font-size: 1.1em;}
#header .gnb_wrap .gnb > li:hover > a,
#header .gnb_wrap .gnb > li.on > a{ color:#176cd5}
#header .gnb_wrap .gnb > li:hover > a:after,
#header .gnb_wrap .gnb > li.on > a:after{transform:scaleX(.9)}
#header .gnb_wrap .gnb > li .dp2:not(.more){ display:none}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; width:10em; box-sizing:border-box; padding:.5em 1em 1em 1em; background:#fff; display:block; box-shadow:0 1em 1em rgba(0,0,0,.2); transition:transform .3s; opacity:0; visibility:hidden; transform:translate(-50%, -2em); transform-origin:left top}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible; transform:translate(-50%, 0)}
#header .gnb_wrap .gnb > li .dp2 > li > a{ padding:.625em .5em; color:#777; text-align:left; position:relative; transition:.3s}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ position:relative}
#header .gnb_wrap .gnb > li .dp2 > li > a .va:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#111; transition:.3s}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#111}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a .va:after,
#header .gnb_wrap .gnb > li .dp2 > li.on > a .va:after{ width:100%}
#header .gnb_wrap .gnb > li .dp2 > li:last-child > a{ border-bottom:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em}
#header .utile_wrap .all_wrap .all_top .all_logo .img img { width: 85%;}
#header .user_wrap{ margin-left:1em}
#header .user_wrap .wrap_btn{ line-height:2.5em; text-align:center; background:#063165; color:#fff; border-radius:2em; padding:0 1.5em; font-size:.938em}
#header .user_wrap .wrap_btn.st1 {background:#ddd; color:#063165;}
#header .user_wrap .wrap_btn:hover {transition:.3s; background:#ddd; color:#063165;}
#header .user_wrap .wrap_btn.st1:hover {transition:.3s;  background:#063165; color:#fff; }

#header .utile_wrap{}
#header .utile_wrap .menu > li .in{ position:relative; display:block; padding:0 .75em; color:#fff;}
#header .utile_wrap .menu > li .in:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:.625em; background:#fff; opacity:.2;}
#header .utile_wrap .menu > li:first-child .in:before{ display:none;}
#header .utile_wrap .menu > li .in .tt{ font-size:.875em;}
#header .utile_wrap .menu > li .in .xi {font-size:1.9em;}
#header .utile_wrap .menu > li .in:hover .tt{ text-decoration:underline;}
#header .utile_wrap .all_btn{ position:relative; display:block; width:1.625em; height:1.125em;}
#header .utile_wrap .all_btn .ham,
#header .utile_wrap .all_btn .ham:before,
#header .utile_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#063165; transition:.2s;}
#header .utile_wrap .all_btn .ham:before,
#header .utile_wrap .all_btn .ham:after { content:""; position:absolute; right:0;}
#header .utile_wrap .all_btn .ham:before{ top:50%;}
#header .utile_wrap .all_btn .ham:after { top:100%;}
#header .utile_wrap .all_btn:hover .ham:before{ width:80%;}
#header .utile_wrap .all_btn:hover .ham:after { width:90%;}
#header .utile_wrap .all_wrap{ position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden; transition:.3s;}
#header .utile_wrap .all_wrap .wrap_bg{ position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:.4; cursor:pointer;}
#header .utile_wrap .all_wrap .wrap_in{ position:absolute; top:0; right:0; width:100%; height:100%; max-width:25em; background:#0d1119; border-left:1px solid #000; box-shadow:-5px 0 .25em rgba(0,0,0,.3); transform:translateX(100%); transition:.3s}
#header .utile_wrap .all_wrap .inner{ padding:1.5em 1.5em;}
#header .utile_wrap .all_wrap .all_top{ position:relative;}
#header .utile_wrap .all_wrap .all_top:before,
#header .utile_wrap .all_wrap .all_top:after { content:""; display:block; position:absolute; bottom:0; left:1.25em; right:1.25em; height:1px;}
#header .utile_wrap .all_wrap .all_top:before{ background:#000;}
#header .utile_wrap .all_wrap .all_top:after { background:#fff; margin-bottom:-1px; opacity:.1;}
#header .utile_wrap .all_wrap .all_top .all_logo{ flex:1;}
#header .utile_wrap .all_wrap .all_top .all_logo > a{ display:block;}
#header .utile_wrap .all_wrap .all_top .all_logo .img{ display:inline-block;}
#header .utile_wrap .all_wrap .all_top .all_logo .img img{}
#header .utile_wrap .all_wrap .all_top .close_btn{ display:block; width:2.25em; line-height:2.25em; border:2px solid rgba(255,255,255,.6); border-radius:100%; box-sizing:content-box; text-align:center; color:#fff; transition:.2s;}
#header .utile_wrap .all_wrap .all_top .close_btn .xi{ font-size:1.375em;}
#header .utile_wrap .all_wrap .all_top .close_btn:hover{ background:#fff; border-color:#fff; color:#000;}
#header .utile_wrap .all_wrap .all_gnb .gnb,
#header .utile_wrap .all_wrap .all_gnb .gnb .flex{ display:block;}
#header .utile_wrap .all_wrap .all_gnb .gnb{ padding-bottom:2em;}
#header .utile_wrap .all_wrap .all_gnb .gnb a{ color:#fff; text-align:left !important;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp1{ padding:1em 1.25em; border-top:2px solid #fff; border-bottom:1px dashed rgba(255,255,255,.1); transition:.2s;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.063em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2{ padding:1em 1.25em 2em 1.25em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li {display:block;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a{ position:relative; padding:.5em 0; padding-left:1em; color:rgba(255,255,255,.7);}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:5px; height:2px; background:rgba(255,255,255,.4);}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:.875em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li:hover .dp1,
#header .utile_wrap .all_wrap .all_gnb .gnb > li.on .dp1{ background:#fff; color:#111;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li:hover > a,
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li.on > a{ color:#fff;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li:hover > a .tt,
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li.on > a .tt{ text-decoration:underline;}
#header .utile_wrap .all.on .all_wrap{ opacity:1; visibility:visible;}
#header .utile_wrap .all.on .all_wrap .wrap_in{ transform:translateX(0);}

#header .search_wrap{ position:relative}
#header .search_wrap .wrap_btn{ line-height:2.5em; width:5em; color:#999; text-align:center}
#header .search_wrap .wrap_btn .icon{ font-size:1.75em}
#header .search_wrap .search{ position:absolute; right:0; background:#f5f5f5; padding:1em 2em; width:30em; transform:translateX(5em); opacity:0; transition:transform .3s}
#header .search_wrap .search .inp_wrap{ position:relative}
#header .search_wrap .search .inp{ width:100%; box-sizing:border-box; background:none; border:none; border-bottom:1px solid #0bbae7; height:3em; padding:.5em 0; padding-right:3.5em; color:#999}
#header .search_wrap .search .inp:focus{ color:#111}
#header .search_wrap .search .btn{ position:absolute; background:none; height:100%; width:3em; border:none; right:0; top:0; background:#0bbae7; color:#fff}
#header .search_wrap .search .btn .tt{ font-size:.875em}
#header .search_wrap .search .keyword{ padding:1em 0}
#header .search_wrap .search .keyword .tit{ font-size:.938em; font-weight:500; color:#0bbae7; margin-right:1em}
#header .search_wrap .search .keyword .list > li > a{ font-size:.875em; color:#777; margin-right:1em}
#header .search_wrap .search .keyword .list > li > a:hover{ color:#111; text-decoration:underline}
#header .searchOn .search_wrap .wrap_btn .xi:before{content:"\e921"}
#header .searchOn .search_wrap .search{ transform:translateX(0); opacity:1}
#header .search_wrap:hover .wrap_btn{ color:#111}

#header .all.toggleWrap .user_wrap { margin: 1.2em 0 0 1em;}
#header .all.toggleWrap .user_wrap .wrap_btn { line-height: 2.5em; text-align: center; background: #111; color: #fff; border-radius: 2em; padding: 0 1.5em; font-size: .938em;}
#header .all.toggleWrap .user_wrap .wrap_btn.st1 { background: #111; color: #fff;}

#footer{ position:relative; background:#f1f1f1; z-index:10}
#footer .menu_wrap{ border:1px solid #ddd; border-left:none; border-right:none}
#footer .menu_wrap .wrap_in{ position:relative; padding-right:5em; box-sizing:border-box}
#footer .menu_wrap .menu{}
#footer .menu_wrap .menu > li > a{ padding:1.5em 1.5em; color:#666}
#footer .menu_wrap .menu > li > a:hover{ color:#111}
/*#footer .goTop{ position:absolute; right:0; top:-1px; padding:1px 0; height:100%; width:4.5em; text-align:center; color:#999; transition:.3s}
#footer .goTop .xi{ font-size:1.75em}
#footer .goTop:hover{ border-color:transparent; background:#0bbae7; color:#fff}*/

#footer .info_wrap{ padding:3em 0 5em 0}
#footer .info_wrap .logo img{ height: 3.4em;}
#footer .info_wrap .info{ margin: -0.5em 0 0 5em; width: 75%;}
#footer .info_wrap .info > li{ float:left; margin-right:3em; line-height:2; font-size:.938em; opacity:.8}
#footer .info_wrap .info > li.br{ clear:both}
#footer .info_wrap .info > li.copyright{ clear:both; opacity:.4; font-size:.813em; text-transform:uppercase; font-weight:300}

#contents .doc { padding: 4em 0 10em}
#contents .noMar1{ padding: 0 0 10em}
#contents .doc.noMar1.bg{ padding: 4em 0 1.5em; background:#f5f5f5;}

.goTop{ position:fixed; z-index:999; bottom:-2em; right:2em; width:4em; height:4em; background:#005bbb; border-radius:100%; text-align:center; color:#fff; opacity:0; visibility:hidden; transition:.2s;}
.goTop .tt{ display:block; font-size:.688em; font-weight:500;}
.goTop:hover{ background:#0bbae7;}
.goTop.scroll{ bottom:2em; opacity:1; visibility:visible;}

.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 .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .bg{}
#contents .sub_visual_wrap .wrap_in{ position:relative; height:23em}
#contents .sub_visual_wrap .wrap_in .twrap{ height:100%; color:#fff}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ font-size: .9em; letter-spacing: .2em; text-transform: uppercase; opacity: .8; margin: 1.5em 2em 0;}
#contents .sub_visual_wrap .wrap_in .twrap .t2{ font-size:2.55em; font-weight:700}
#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:#999; font-size:1.188em; font-weight:700; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - .5em); background:#fff}
#contents .sub_tab .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:100%; bottom:0; width:1em; height:.875em; transform:skew(-30deg) translateX(-75%); background: rgba(0,0,0,.2); display:none}
#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:4.25em}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#444}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1}
#contents .sub_tab .gnb > li .dp2 > li.on > a .va{  background: linear-gradient(to top, #176cd5, #00c6ff); color:#fff}
#contents .sub_tab .gnb > li .dp2 > li.on > a:after{ display:block}

#contents .sub_tit_wrap{ border-bottom:1px solid #ddd; padding:1.8em 0;}
#contents .sub_tit_wrap .tit{ font-weight:500; font-size:3em; letter-spacing:-.063em; word-spacing:.063em; display:none;}
#contents .sub_tit_wrap .nav > li{ color:#888}
#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{ color:#111}

/*#contents{ min-height:100vh;}*/
#contents .doc{ padding:4em 0 10em 0}
#contents .doc.noMar{ padding:4em 0 0em 0}
#contents .doc.same{ padding:4em 0 8em 0}
#contents .doc.oh{ padding:4em 0 1em 0}

#contents .con_tit{ flex:1; position:relative; padding-left:.75em; text-align: center;}
#contents .con_tit:before{ content:""; display:block; position:absolute; top:0; left: 43.8%; width:1.375em; height:.5em; background:#176cd5; border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em);}
#contents .con_tit .tt{ font-size:2em; color:#111; font-weight:600;}

.page_sec1{ margin-top:1em !important;}
.page_sec2{ margin-top:2em !important;}
.page_sec3{ margin-top:3em !important;}
.page_sec4{ margin-top:4em !important;}
.page_sec5{ margin-top:5em !important;}
.page_sec6{ margin-top:6em !important;}
.page_sec7{ margin-top:7em !important;}
.page_sec8{ margin-top:8em !important;}

.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:#0bbae7;}
.page_tit .t1.only:before{ content: ""; position: absolute; top: 0.7em; left: 10%; width: 10px; height: 10px; background: #176cd5; border-radius: 1em;}
.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%, #193e77 50%); width:1em; height:1em}*/
/*.page_tit .t3:after{ content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#063165; transform:scale(.5)}*/

.page_tit .t4 {margin-top:1em; font-size:1.250em; line-height:1.6;}
.page_tit .t5 {margin-top:.5em;font-size: 1.50em;line-height:1.6;text-align: center;font-weight: 500;color: #444;}
.page_tit .t6 {margin-top:1.3em;font-size: 1.50em;line-height:1.6;text-align: center;font-weight: 500;color: #444;}

.page_tit.st2 .t2 {margin-top:0.5em;}
.page_tit.st2 .t2 b {vertical-align:baseline;}
.page_tit.st2 > .space2{ letter-spacing:.375em !important; text-indent:.375em;}
.page_tit.st2.icon:after{ content:""; display:inline-block; width:1px; height:3em; margin:1.5em .375em 0 .375em; background:#333; }

.search_w {border:1px solid #ddd; padding:1.9em; text-align:center; margin-bottom:60px;}
.search_w .result{}
.search_w .result .tit1{ font-size:1.5em;margin-bottom:10px; color:#333;}
.search_w .result .tit1 .dot{ color:#aaa; margin:0 3px;}
.search_w .result .tit1 .green{ color:#37499d;}
.search_w .result .tit2{ font-size:1em; color:#333; vertical-align:baseline}
.search_w .result .tit2 .big{ font-size:1.5em; color:#37499d; vertical-align:baseline}

.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.2}
.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:.25em}

.dl_st{ padding:3em 2em 4em 2em; border:1px solid #ddd; background:#fafafa; margin-bottom:1.5em; border-radius:.4em;}
.dl_st:last-child {margin-bottom:0;}
.dl_st > dt{ font-size:1.75em; 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:1.5em}
.dl_st > dd > ul li:not(:first-child){ margin-top:.5em}
.dl_st.st1 {border-top:none;}
.dl_st.st2 > dd {margin-top:2em;}
.dl_st > dd > p {line-height:1.8;}

/*main_con1*/
.main_pd {padding-top:3em; padding-bottom:0em;}

.mainQuick .icon{ position:absolute; width:4em; right:1.25em; bottom:1.75em;}
.mainQuick .icon{ margin-right:1em;}
.mainQuick .icon img{ width:4em; transition:transform .3s;}
.mainQuick li:hover .icon img{ transform:rotateY(180deg);}

.main_list_col.flex.wrap .inner.flex .main_contact { width: 100% !important;}

.main_con1 {}
.main_con1 {}
.mainSlider{position:relative}
.mainSlider .el{ position:relative; overflow:hidden ; height:66vh;}
.mainSlider .el .bg{ display:block; height:100%; width:100%; /*padding-bottom:31.5%;*/ background-repeat:no-repeat; background-position:center; background-size:cover; /*transform:scale(1.3,1.3); transition-delay:1s*/}
.mainSlider .el .box1{ position:relative}
.mainSlider .slogan{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; }
.mainSlider .slogan > div{ height:100%}
.mainSlider .slogan .twrap{ padding-bottom:8em}
.mainSlider .slogan .t1{ font-size:1.6em; transform:translateX(2em); opacity:0; margin-top: 12%; color:#0bbae7}
.mainSlider .slogan .t1 .b {font-size:1.6em; font-weight:600; vertical-align:baseline;}
.mainSlider .slogan .t2{ font-size:2em; transform:translateY(1em); opacity:0; position:relative; font-weight:600;}
.mainSlider .slogan .t3{ font-size:1.125em; transform:translateY(1em); opacity:0; position:relative; margin-top:1.5em; line-height:1.7; font-weight:300}
.mainSlider .slogan .btn {margin-top:4em; padding: .7em 1em; box-sizing:border-box; border:1px solid #fff; width: 11%; text-align:center; transition:.3s; background: rgba(06, 31, 65, 0.4);}
.mainSlider .slogan .btn:hover {background:#fff; color:#063165; transition:.3s;}
.mainSlider .el.swiper-slide-active .bg,
/*.mainSlider .el.swiper-slide-duplicate-active .bg{transform:scale(1,1); transition:2s; transition-delay:0; transition-timing-function:ease-in-out}*/
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateX(0); opacity:1; transition:1s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainControl{ position:absolute; left:30%; bottom:0;  box-sizing:border-box; padding:.5em 0; z-index:100; background:#fff; width:70%;}
.mainControl .box0{ position:relative}
.mainControl .mainSlider-btn{ cursor:pointer; color:#000; outline:none; text-align:center; opacity:.5; padding:0 .5em;}
.mainControl .mainSlider-btn .xi{ font-size:2.5em}
.mainControl .mainSlider-btn:hover{ opacity:1}
.mainControl .mainPauseWrap{}
.mainControl .mainPauseWrap .mainSlider-btn{ background:#aaa; color:#fff; opacity:1; border-radius:50%; width:25px; padding:2px; margin-left:10px;}
.mainControl .mainPauseWrap .mainSlider-btn:before{ font-size:1em}
.mainControl .mainPauseWrap .mainSlider-play{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; background:#aaa; border-color:transparent; color:#fff}
.mainControl .mainSlider-pagination{margin:0 1em;}
.mainControl .mainSlider-pagination span{ width:.5em; height:.5em;  border-radius:3em; font-size:.625em; opacity:.5; margin:0 .25em; transition:.3s; border:2px solid #fff;}
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:8em; opacity:1; background:#fff;}
.mainControl .tt {font-size:1.25em; margin-left:36em; font-weight:600; color:#777;}

/*main_con2*/
.main_con2 {position:relative;}
.main_con2 .p1 { font-size: 4.68em; font-weight:700; color:#efefef; z-index:-11; position:absolute; width:100%; text-align:center;}
.main_con2 .left {flex: 1 1 50%; margin-top:3em;}
.main_con2 .left .box_list {flex-wrap:wrap;}
.main_con2 .left .box_list li {flex: 1 1 50%; color:#fff; position:relative;}
.main_con2 .left .box_list li a { padding:2.5em 8.5em 5em 2em; box-sizing:border-box;}
.main_con2 .left .box_list .li1 {background:#0e84cf;}
.main_con2 .left .box_list .li2 {background:#0aa6c7;}
.main_con2 .left .box_list .li3 {background:#929aab;}
.main_con2 .left .box_list .li4 {background:#55719c;}
.main_con2 .left .box_list .icon {position:absolute; right:8%; bottom:10%; background:rgba(0,0,0,.2); border-radius:50%;}
.main_con2 .left .box_list li .ti {font-size:1.25em; font-weight:600; margin-bottom:1em;}
.main_con2 .right {flex: 1 1 50%; margin-top:3em;}
.main_con2 .right .inner {padding: 3em 0 0 4em; box-sizing:border-box;}
.main_tit {    font-size: 2em; font-weight:600;}
.main_con2 .right .inner ul {margin-top:2em;}
.main_con2 .right .inner .notice {margin-top:.5em; cursor:pointer;}
.main_con2 .right .inner .date {flex:1 1 15%; padding:1em 1.5em; border:4px solid #eee; text-align:center; font-weight:300}
.main_con2 .right .inner .date .ti {font-size: 1.5em;}
.main_con2 .right .inner .date .tt {color:#aaa; margin-top:.2em;}
.main_con2 .right .inner .con {flex:1 1 85%; flex-direction:column; justify-content:center; margin-left:1em;}
.main_con2 .right .inner .con .ti {font-size:1.125em;}
.main_con2 .right .inner .con .tt {color:#aaa; margin-top:.5em;}

/*main_con3*/
.main_con3 {background:#f5f5f5; }
.main_con3 .box4 > .flex{}
.main_con3 .box4 > .flex > .left{width:70%;}
.main_con3 .box4 > .flex > .right{width:25%;}
.main_con3 .main_gal{margin-top:1em;}
.main_con3 .main_gal > div{width:49.5%;}
.main_con3 .main_gal .main_gal_thumb{background-size:cover; background-position:center; background-repeat:no-repeat;}
.main_con3 .main_gal .main_gal_l{position:relative;}
.main_con3 .main_gal .main_gal_l .ti {position:absolute; bottom:3%; left:3%; color:#fff; font-size:1.125em;}
.main_con3 .main_gal .main_gal_l .main_gal_thumb{width:100%; height:375px;}
.main_con3 .main_gal .main_gal_r{}
.main_con3 .main_gal .main_gal_r .main_gal_thumb{width:49%; height:183px; margin-bottom:9px;}
.main_con3 .main_gal .main_gal_r .main_gal_thumb:nth-of-type(n+3){margin-bottom:0;}
.main_con3 .main_tit .xi {margin-left:1em; color:#aaa; font-weight:300; font-size:25px; vertical-align:baseline;}
.main_con3 .right ul {margin-top:1em; background:#fff; padding:1em; box-sizing:border-box;}
.main_con3 .right ul li {border-bottom:1px solid #ddd; padding:.6em 1em; box-sizing:border-box;}
.main_con3 .right ul li:last-child {border-bottom:none;}
.main_con3 .right ul li .ti {position:relative;}
.main_con3 .right ul li .ti:before {content:''; width:6px; height:6px; background:#192a72; position:absolute; left:-15px; top:7px;}
.main_con3 .right ul li .tt {margin-top:5px; color:#a6a6a6; font-size:.875em; font-weight:300;}
.main_con3 .right ul li .tt .xi {color:#063165; border-radius:50%; border:1px solid #ddd; width:22px; text-align:center;}

/*main_con4*/
.main_con4 { background-image:url(../images/main/main_con4_bg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
.main_con4 .inner {position:relative; color:#fff;}
.main_con4 .box4 > .flex > .left{width:65%;}
.main_con4 .box4 > .flex > .right{width:35%;}
.main_con4 .left .act {margin-top:2em; width:100%;}
.main_con4 .left .act .act_li {padding:1.7em 0; border: 1px solid #fff; box-sizing:border-box; margin-right:10px; margin-bottom:10px; width:18%; float:left; transition:.2s;}
.main_con4 .left .act .act_li:nth-child(5) {margin-right:0;}
.main_con4 .left .act .act_li:hover {background:#063165; transition:.2s; border:1px solid #063165;}
.main_con4 .left .act .tt {margin-top:1em; font-size:.95em;}
.mainControl.st2 {top:0; bottom:inherit; left:65%; background:none; width:inherit; padding:0;}
.mainControl.st2 .mainSlider-btn {padding:0;}
.mainControl.st2 .mainSlider-btn .xi {font-size:1.7em; color:#fff !important; transform:rotate(90deg); margin-left:5px;}
.mainSlider.st2 .el {height:inherit;} 
.mainSlider.st2 .el .bg {height:260px; padding-bottom:inherit; margin-top:4em;}
.main_con4 .main_tit .xi {margin-left:1em; font-weight:300; font-size:25px; vertical-align:baseline;}
/**/
.family_wrap .family_body_wrap{border:1px solid #ddd; box-sizing:border-box; margin-top:1em; position:relative;}
.family_wrap .family_body_wrap .family_slides_wrap{}
.family_wrap .family_body_wrap .family_slides_wrap .slides{}
.family_wrap .family_body_wrap .family_slides_wrap .slides .el{height:100px;}
.family_wrap .family_body_wrap .family_slides_wrap .slides .el .family_thumb{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; cursor:pointer;}
.family_wrap .fh_btns_wrap .fh_slick_btns {font-size:1.5em; color:#999;}
.family_wrap .fh_btns_wrap .fh_slick_btns .R {position:absolute; right:-50px; top:50%; transform:translateY(-50%);}
.family_wrap .fh_btns_wrap .fh_slick_btns .L {position:absolute; left:-50px; top:50%; transform:translateY(-50%);}

.sub_greetings.flex .con_wrap{ width:70%}
.sub_greetings .con_wrap p:not(:first-child){ margin-top:1em}
.sub_greetings .con_wrap.p1 p:not(:first-child){ margin-top:2.5em}
.sub_greetings .con_wrap.p2{ padding:2em 30% 0 0}
.sub_greetings .bg_wrap .bg{ padding-bottom:25%}
.sub_greetings .bg_wrap .con_wrap{ background:#fff; width:90%; margin-left:auto; box-sizing:border-box; padding:4em 3em; transform:translateY(-5em); margin-bottom:-5em}
.sub_greetings .bg_wrap .con_wrap.st1{ margin-left:0; transform:translateY(-3em); margin-bottom:-3em; padding-right:4em}
.sub_greetings .bg_wrap .bg_in{ padding:0 40% 0 7%; box-sizing:border-box; color:#fff}
.sub_greetings .bg_wrap.st1 .bg{ padding-bottom:33.3333%}
.sub_greetings .t0{ font-size:2em; font-weight:400; letter-spacing:-.063em; margin-bottom:1.25em; line-height:1.4}
.sub_greetings .t1{ font-size:1.063em; color:#666; font-weight:400; line-height:1.6}
.sub_greetings .t2{ font-size:1.063em; color:#111}
.sub_greetings .in{ padding:2em 0 1.5em 0}
.sub_greetings .sign_w {margin-left:auto;}
.sub_greetings .sign{ text-align:right; font-size:1.063em; font-weight:500;}
.sub_greetings .sign.st {padding-bottom:1em;}
.sub_greetings .sign .name{ font-family:serif; font-size:1.6em; font-weight:bold; margin:0 .5em}
.sub_greetings .img_wrap{ width:26%; margin-left:auto; padding:3em 0 0 2em; box-sizing:border-box;}
.sub_greetings .img_wrap img{ position:relative; z-index:1; border:1px solid #ddd}
.sub_greetings .w100{ width:100%}

.table_st{ border-top:4px solid #0bbae7;}
.table_st th,
.table_st td{ height:3em; padding:1em 1em;/* border:1px solid #d4d5d8;*/ border-width:1px 0 1px 1px; background:#fff; color:#063165; line-height:1.3; box-sizing:border-box;}
.table_st td a{ color:#063165;}
.table_st td a:hover{ text-decoration:underline;}
.table_st thead tr th:first-child,
.table_st tbody tr th:first-child,
.table_st tbody tr td:first-child{ border-left-width:0;}
.table_st thead th{ background:#eef3f6; text-align:center; color:#111;}
.table_st tbody th{ background:#fafafa; text-align:center; color:#111; font-weight:400;}
.table_st strong{ font-weight:700;}

.table_st.trColor tbody tr:nth-child(2n) th{ background:#f5f5f5;}
.table_st.trColor tbody tr:nth-child(2n) td{ background:#f9f9f9;}

.table_st.page tbody th.al{ padding-left:1.5em;}

.table_st.hOver tr td:hover {text-decoration:underline; cursor:pointer; transition:.3s; color:#0bbae7}

.tbl_homeLink {border-radius:50%; width:1.8em; line-height:1.8em; text-align:center; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.tbl_homeLink .xi {color:#999; font-size:.938em;}
.tbl_homeLink:hover {background:#0bbae7; transition:.3s;}
.tbl_homeLink:hover .xi {color:#fff;}

.tbl_ti {font-size:.938em; color:#063165;}

.sub_location_info{}
.sub_location_info > li{margin-bottom:3em;}
.sub_location_info > li:last-child {margin-bottom:0;}
.sub_location_info > li > span {display:block}
.sub_location_info .tit{ font-weight:500; margin-right:1em; position:relative; padding:.5em 0 .5em 3.5em}
.sub_location_info .tit.w1{ width:7em}
.sub_location_info .tit.s1 > i:not(.xi){ font-size:1.125em}
.sub_location_info .tit .xi{ width:2em; line-height:2em; text-align:center; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.2); color:#063165;text-align:center; position:absolute; left:0; top:0}
.sub_location_info .tt{ color:#666; vertical-align:top; padding-top:.5em}
.sub_location_info .tt > *{ vertical-align:baseline}

.box_st{ box-shadow:0 0 1em rgba(0,0,0,.2); padding:2em; border-radius:.5em}
.box_st.p1{ padding:4em}
.box_st2{ border:1px solid #ddd; padding:2em; border-radius:.5em; background:#f5f5f5}
.line_st{ margin-top:3em; padding-top:3em; border-top:1px solid #ddd}

.page_history_wrap{}
.page_history_wrap > li{ margin-top:7em;}
.page_history_wrap > li:first-child{ margin-top:0;}
.page_history_wrap > li .history_img{ margin-bottom:3em;}
.page_history_wrap > li .history_img .inner{ position:relative; height:24em;}
.page_history_wrap > li .history_img .inner .bg{ position:absolute; top:0; height:100%; width:100%}
.page_history_wrap > li:nth-child(2n) .history_img .inner .bg{ right:0;}
.page_history_wrap > li:nth-child(2n+1) .history_img .inner .bg{ left:0;}
.page_history_wrap > li .history_img .inner .page_tit{ position:relative; margin-bottom:0; margin-top:0;}
.page_history_wrap > li .history_con {}
.page_history_wrap > li .history_con .inner {padding-bottom:5em; padding-top:3em;}
.page_history_wrap > li .history_con .history_list{}
.page_history_wrap > li .history_img .inner .page_tit{ margin-bottom:1.75em; box-sizing:border-box;}
.page_history_wrap > li .history_img .inner .page_tit > .t1{ font-size:1.8em; color:#fff; line-height:1.5;}
.page_history_wrap > li .history_img .inner .page_tit > .t2{ font-size:3em; letter-spacing:-1px; padding-top:.5em; color:#fff;}
.page_history_wrap.st2 .history_img {margin-top:3em;}
.page_history_wrap.st2 > li .history_img .inner {height:15em}


.history_list{ position:relative; overflow:hidden; padding:3em 0 5em 0;}
.history_list:before,
.history_list .lineAni{ content:""; position:absolute; left:12em; top:0; width:2px; height:100%; background:#ddd}
.history_list .lineAni{ height:0; background:#0bbae7; transition:.3s}
.history_list .lineAni:before,
.history_list:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid #0bbae7; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_list:after{ top:auto; bottom:0; left:12em}
.history_list .history > li{ margin-top:5em}
.history_list .history > li:first-child{ margin-top:0}
.history_list .history > li .year{ width:11em; text-align:right;}
.history_list .history > li .year .tt{ position:relative; font-size:2.500em; color:#888; font-weight:700; transition:.3s; vertical-align:baseline}
.history_list .history > li .year .tt:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:40%; background:#0bbae7; opacity:0; transition:.3s;}
.history_list .history > li .year .tt > *{ position:relative;}
.history_list .history > li .year.on .tt{ color:#111;}
.history_list .history > li .year.on .tt:before{ opacity:.2;}
.history_list .history > li .year .tx {display:inline-block; vertical-align:baseline; padding-left:.5em; color:#888;}
.history_list .history > li .year .tx > i {font-size:.938em;}
.history_list .history > li .year.on .tx {color:#111;}

.history_list .history > li .list{ margin:1em 0 2em 12em;}
.history_list .history > li .list > li{ margin-top:1.5em}
.history_list .history > li .list > li:first-child{ margin-top:0}
.history_list .history > li .list .ti{ padding:0 1em; color:#111; font-weight:700; font-size:1.8em;}
.history_list .history > li .list .tt{ position:relative; padding:0 2em; margin-top:.125em; font-size:1em; color:#333; line-height:1.5;}
.history_list .history > li .list .tt .dot{ position:absolute; left:0; top:-.125em; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_list .history > li .list .tt .dot:before{ content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%;}
.history_list .history > li .list .tt .dot.on{ background:#fff;}
.history_list .history > li .list .tt .dot.on:before{ background:#0bbae7;}

.history_list.businessSt .history > li .year {width:12em; text-align:left;}
.history_list.businessSt:before,
.history_list.businessSt .lineAni {left:13em;}
.history_list.businessSt .history > li .list {margin:1em 0 2em 13em;}
.history_list.businessSt:after {left:13em;}

.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:#1e6bad; 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 #1e6bad; 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; font-weight:700; letter-spacing:-3px; color:#1e6bad;}
.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{ flex:0 0 4em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; 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}
.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}

.sub_rule_wrap {}
.sub_rule_wrap .ti_w {background:#fff; box-shadow:0 0 1em rgba(0,0,0,.2);  padding:3em; border-radius:.5em;}
.sub_rule_wrap .ti_w .t1 {font-weight:700; font-size:2.250em; color:#222; text-align:center}
.sub_rule_wrap .ti_w .yearW {margin-top:3em; text-align:right;}
.sub_rule_wrap .ti_w .yearW .tt{color:#666; font-size:.813em; line-height:1.6; font-weight:300;}

#contents .login_wrap{ margin-top:3em}
.login_wrap .login{ width:28em; max-width:94%; margin:0 auto}
.login_wrap .login .wrap_in{ margin:2em 0 0 0}
.login_wrap .login.w1{ width:60em}

.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 3em 0}
.login_wrap .link_wrap .link{ font-size:.938em; margin:0 1em; color:#666}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}

.login_wrap .check_wrap{ font-size:.938em; margin:.5em 0 0 0}
.login_wrap .btn_wrap{ margin-top:1em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#063165; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.5em}
.login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#063165; border-color:#063165}
.login_wrap .btn_wrap .btn.s1{ font-size:1.25em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}
.login_wrap .btn_wrap .btn:hover{ opacity:.8; transition:.3s}

.form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em}
.form_wrap .tit_wrap{ float:left; width:20%}
.form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em}
.form_wrap .con_wrap{ float:right; width:75%}

.login_wrap .login.w1 .form_st{ width:46%;  margin:0 auto;}
.modify_wrap{width:60em; margin:0 auto; padding-top:3rem;}
.modify_wrap .form_st{ width:46%; margin:0 auto;}
.form_st > li{ margin-top:2.188em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666; border-radius:.5em}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.5em}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#063165; margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#063165}
.form_st > li .in .inp.c1{ background:#f1f1f1}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:1.25em; border-top:1px solid #063165}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st.st1 > li .in_tit.s2{padding-top:.5em; font-size:.750em; font-weight:400;}
.form_st.st1 > li .label_st{ font-size:.938em}
.form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em; font-family:notokr,sans-serif; font-weight:500}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:.75em 3em .75em 1em; position:relative; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:1.25em; background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:hover{ background:#666}
.form_st.st1 > li .agree > li:hover{ background:#f5f5f5}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}

.fin_wrap{ border:1px solid #ddd; padding:2em 2em 3em 2em; text-align:center; box-sizing:border-box; margin:2em auto 0 auto}
.fin_wrap .fin_tit{ font-weight:300; font-size:2em;}
.fin_wrap .fin_tit:after{ content:""; display:block; margin:.75em auto; width:1em; height:1px; background:#aaa}
.fin_wrap .fin_tt{ color:#888; line-height:1.6}
.fin_wrap .fin_tt.t1{ color:#5c5e5e; font-size:1.188em; font-weight:500}

.fin_wrap.st1{ border:none; padding:0}

.msgWrap{ padding:1em; box-shadow:0 0 .5em rgba(0,0,0,.2); visibility:hidden; height:0; background:#fff; transform:translateY(2em); transition:.3s}
.msgWrap .t1{ font-weight:500; color: #063165; font-size:.938em; line-height:1.25em; display:block; position:relative; padding-left:1.5em}
.msgWrap .t1 .icon{ position:absolute; left:0; top:.063em}
.msgWrap .t1 .icon:before{ content:"\e9a7"}
.msgWrap.on{ visibility:visible; transform:translateY(0); height:100%; margin-bottom:2em;}

.agree_box{ border:1px solid #ddd; border-radius:.5em; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:3em}

body.pop .agree_box{height:10em; overflow-y:scroll;}

.agree_box .tit{ font-size:1.25em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em}
.agree_box .tit:first-child{ margin-top:0}
.agree_box .con{ font-size:.938em; color:#666; line-height:1.8}
.agree_box .con > *{ margin-top:1em; vertical-align:top}
.agree_box .check{ border-top:1px solid #ddd; margin-top:1.5em; padding-top:1em}
label_st.agree_box ul{ margin-top:1em}
.agree_box .con table{ margin:1em 0; width:100%}
.agree_box .con table th,
.agree_box .con table td{ border:1px solid #ddd; padding:1em}
.agree_box .con table th{ background:#f5f5f5}
.agree_box .con strong{ font-size:1.063em; color:#333; font-weight:500}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight:500}

/**/
.agree_wrap{ padding:1.5em; border:1px solid #ddd; font-size:.938em; color:#063165; background:#f9f9f9}
.agree_wrap.page_scroll {overflow-y:scroll; height:10em;}
.agree_wrap .agree{ padding:2em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; color:#063165; line-height:1.5; background:#fff}
.agree_wrap .agree .agree_txt {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ddd;}
.agree_wrap .agree h3  {font-size:1.3em;padding-bottom:.8em; color:#343b4d; margin-top:2em;}
.agree_wrap .agree h3:first-child {margin-top:0;}
.agree_wrap .agree .agree_txt *{ vertical-align:baseline;}
.agree_wrap .agree .agree_txt h4 {color:#222; font-size:1.063em}
.agree_wrap .agree p{ padding:.5em 0; font-size:.938em;}

/*통합검색*/
.search_tit {text-align:center; font-size:2.5em; font-weight:700; margin-bottom:1em;}
.page_total_search{}
.page_total_search .search_top{ margin-bottom:2em;}
.page_total_search .search_top .inner{ font-size:1.063em;}
.page_total_search .search_top .tit{ min-width:15em; line-height:4em; margin-right:.5em; padding:0 2.5em; background:#093291; border-radius:10em; text-align:center;}
.page_total_search .search_top .tit .tt{ font-size:1.875em; color:#fff; font-weight:500;}
.page_total_search .search_top .search{ flex:1; position:relative;}
.page_total_search .search_top .search .inp{ width:100%; background:#fff; border:3px solid #093291; border-radius:10em; padding:1em 5.5em 1em 2em; height:4em; color:#333; box-sizing:border-box}
.page_total_search .search_top .search .btn{ position:absolute; right:0; top:0; width:5em; height:4em; border:none; background:#093291; color:#fff;}
.page_total_search .search_top .search .btn .xi{ font-size:1.75em}
.page_total_search .search_top .hash_wrap{ margin-top:1.5em;} 
.page_total_search .search_top .hash_wrap > li{ padding:.25em .25em;}
.page_total_search .search_top .hash_wrap > li > a{ font-size:.875em; font-weight:500; color:#666; padding:.5em 1em; border:1px solid #ccc; border-radius:6em;}
.page_total_search .search_top .hash_wrap > li > a:hover{ text-decoration:underline;}

.page_total_search .search_total{ margin-bottom:3em;}
.page_total_search .search_total .inner{ padding:1.75em 1.5em; background:#f7f7f7; border:solid #333; border-width:1px 0;}
.page_total_search .search_total .txt .tt{ font-size:1.375em; color:#666;}
.page_total_search .search_total .txt .tt strong{ font-weight:700;}
.page_total_search .search_total .txt .tt > *{ vertical-align:baseline;}

.search_list_wrap{ margin-top:3em;}
.search_list_wrap:first-child{ margin-top:0;}
.search_list_wrap .page_tit a:hover{ color:#b0822c;}
.search_list_wrap .page_tit strong {vertical-align:baseline;}
.search_list_wrap .search_list{ margin-bottom:3em;}
.search_list_wrap .search_list > .wrap_in{ padding:1.5em 0; border-bottom:1px dashed #d4dade;}
.search_list_wrap .search_list > .wrap_in:first-child{ padding-top:0;}
.search_list_wrap .search_list > .wrap_in .link .img{ width:10em; margin-right:3em;}
.search_list_wrap .search_list > .wrap_in .link .con{ flex:1;}
.search_list_wrap .search_list > .wrap_in .link .con .tit{ font-size:1.125em; font-weight:500;}
.search_list_wrap .search_list > .wrap_in .link .con .txt{ font-size:.875em; color:#444; line-height:1.4em; max-height:4.375em; overflow:hidden; margin-top:1em;}
.search_list_wrap .search_list > .wrap_in .link .con .txt strong{ color:#f55110; font-weight:700; text-decoration:underline; vertical-align:baseline;}
.search_list_wrap .search_list > .wrap_in .cate{ margin-top:1.5em;}
.search_list_wrap .search_list > .wrap_in .cate > li{}
.search_list_wrap .search_list > .wrap_in .cate > li .in{ position:relative; margin-right:.375em; padding-right:1.5em; color:#999;}
.search_list_wrap .search_list > .wrap_in .cate > li .in:after{ content:"\e93e"; font-family:xeicon; font-size:.938em; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.search_list_wrap .search_list > .wrap_in .cate > li:last-child .in{ margin-right:0; padding-right:0;}
.search_list_wrap .search_list > .wrap_in .cate > li:last-child .in:after{ display:none;}
.search_list_wrap .search_list > .wrap_in .cate > li .in .tt{ font-size:.938em;}
.search_list_wrap .search_list > .wrap_in .cate > li .in:hover .tt{ text-decoration:underline;}
.search_list_wrap .search_list .no_con{ border-width:1px;}

.page_tab_wrap{ margin-bottom:3em; text-align:center;}
.page_tab_wrap .tab{ padding:0 0 1px 1px;}
.page_tab_wrap .tab > li{ flex:1 1 25%; max-width:25%;}
.page_tab_wrap .tab > li .in{ margin:0 0 -1px -1px; padding:.5em 1.5em; height:3.5em; background:#fff; border:1px solid #ddd; color:#888; transition:.2s;}
.page_tab_wrap .tab > li .in .tt{ font-size:.938em; font-weight:500;}
.page_tab_wrap .tab > li .in .tt.en{ font-weight:700;}
.page_tab_wrap.grad .tab > li .in{ background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); border:1px solid #d4d5d8;}
.page_tab_wrap .tab > li:hover .in,
.page_tab_wrap .tab > li.on .in{ background:#172538; border-color:#172538; color:#fff;}

ul.mainQuick:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.mainQuick > li {float: right;background-position: 0 0;background-repeat: no-repeat;}
ul.mainQuick > li:nth-child(odd) {clear: both;float: left;}
ul.mainQuick a {position: relative;display: block;color: #fff;box-sizing:border-box;font-weight: 400;}
ul.mainQuick img {position: absolute;right: 0;bottom: 0;}
ul.mainQuick {position: absolute; left: 54%; top: 3.3em; width: 40em;margin-left: 120px !important;padding: 0;}
ul.mainQuick > li {width: 230px;margin-top: 20px;}
ul.mainQuick img {width: 100px;}
ul.mainQuick {margin: 0 10px 10px !important;}
ul.mainQuick li {width: calc(50% - 5px);margin-top: 10px !important;background-size: 100%;border-radius: 0 0 2.5em 0; opacity: .9;  transition:transform .3s;}
ul.mainQuick li:hover { opacity: 1;}
ul.mainQuick a { height: 10em;padding: 1.7em;font-size: 1.5em; font-weight:500;}
ul.mainQuick img {width: 60px;}    width: 100%;
.main_list_col.flex.wrap .main_contact { width: 100%;}

/**/
.main_Con3{ position:relative; margin:0 0 5em 0;}
.main_Con3 .main_Con3_in .ti_w {position:relative; margin-bottom:35px;}
.main_Con3 .main_Con3_in .ti_w > p {font-size:1.5em; color:#000; }
.main_Con3 .main_Con3_in .ti_w .icon {position:absolute; right:0; top:0; color:#ebf0f3 ; font-size:4.5em}

.main_list_col{ margin-left:-2em;padding: 8em 0 0 0;}
.main_wrap .box_st{ overflow:hidden;}
.main_list_col .inner{ flex:1; width: 48%;}
.main_list_col .inner .list_wrap{ flex:1; margin-left:2em;}
.main_list_col .inner .list_wrap .con_in{ padding:1.875em}
.main_list_col .inner .list_wrap .con_in .con_tit{ font-size:1.250em !important; font-weight:500}
.main_list_col .inner .list_wrap .con_in .con_tit.wh{ color:#fff !important}
.main_list_col .con_idx > .idx{ box-sizing:border-box;}

.main_list_col .tab{ align-items:stretch; position:relative; justify-content:flex-start; border-bottom:1px solid #d4d5d8}
.main_list_col .tab > li{ text-align:center;}
.main_list_col .tab > li .main_more{ position:absolute; top:50%; right:.3em; transform:translateY(-50%); background:#004a98; color:#fff;}
.main_list_col .tab > li .tt{ color: #063165; min-width: 5.188em;font-size: 1.2em;font-weight: 500; position: relative; display: block;padding: 0.938em 0.4em; /* border-style: solid; */cursor: pointer;padding-left: 1.75em; padding-right: 1.75em;/* border-width: 1px 1px 0 0; */ /* border-color: #d4d5d8; */  /* color: #3c3c3d; */ min-width: 5.188em;}
.main_list_col .tab > li .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; display:none;}
.main_list_col .tab > li.on .tt   { background: #063165; color: #fff;font-size: 1.2em; font-weight: 500;}
.main_list_col .tab > li.on .tt:after { display:block;}
.main_list_col .tab > li.on .main_more{ display:block;}

.main_list_col .list_wrap.board{}
.main_list_col .list_wrap.board .list{ padding:1.25em .3em 0 .3em;}
.main_list_col .list_wrap.board .list > li{ border-top:1px solid #ddd;}
.main_list_col .list_wrap.board .list > li:nth-child(even) { background-color:#f8f8f8;}

.main_list_col .list_wrap.board .list > li:first-child{ border-top:none;}
.main_list_col .list_wrap.board .list > li .in{ padding:1em 0 1em  0.5em;}
.main_list_col .list_wrap.board .list > li .in .tit { display:block; color:#3c3c3d; font-size:.938em}
.main_list_col .list_wrap.board .list > li .in .date{ display:block; font-size:.875em; color:#72727d;}
.main_list_col .list_wrap.board .list > li.def .in{ display:block; position:relative; }
.main_list_col .list_wrap.board .list > li.def .in .tit{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%;}
.main_list_col .list_wrap.board .list > li.def .in .date{ position:absolute; top:50%; right: 1em; transform:translateY(-50%);}
.main_list_col .list_wrap.board .list > li:hover .in .tit{ color:#063165; text-decoration:underline;}

hover_St:hover {transition:.3s; background:#2879ff !important; color:#fff !important; }

.in_notice {box-sizing:border-box;}
.in_notice .in_w1 {background:url(../images/main/con2_bg.jpg?v=1.01) no-repeat center center; flex:1; min-width:0; margin-left: 2.5em; width: 44em; height: 25em; border-radius: 0 0 3.5em;}
.in_notice .in_w1 .in_wrap { padding: 5em 6em;}
.in_notice .in_w1 .in_wrap .in_in {}
.in_notice .in_w1 .in_wrap .in_in .tw {position:relative;}
.in_notice .in_w1 .in_wrap .in_in .tw .t1 {color:#fff; font-size:1.375em; }
.in_notice .in_w1 .in_wrap .in_in .tw .m_btn {color:#fff; position:absolute; content:""; right:0; top:0;}
.in_notice .in_w1 .in_wrap .in_in .tw .m_btn:hover {transform:rotate(45deg); transition:.3s;}
.in_notice .in_w1 .in_wrap .in_in .tx {color:#fff; font-size:1.063em; font-family:'notokrR'; padding:2em 0 4em 0; line-height:1.4; height:3.5em;}
.in_notice .in_w1 .in_wrap .in_in .link_wrap {}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn {display:inline-block; border:1px solid #fff; padding:.8em; width:160px;}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn:first-child {margin-bottom:.3em; background: rgba(06, 31, 65, 0.4);}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn .xi {color:#fff; font-size:.938em; vertical-align:baseline; padding-left:6px;}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn .tt {color:#fff; font-size:.938em; vertical-align:baseline}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn:hover {background:#fff; color:#063165; transition:.3s;}
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn:hover .tt,
.in_notice .in_w1 .in_wrap .in_in .link_wrap .link_btn:hover .xi {color:#063165;}

.in_notice .in_w2 {background:url(../images/main/con2_bg2.jpg) no-repeat center center; flex:1; margin-left:1.25em;}
.in_notice .in_w2 .in_wrap {min-height:18em; padding:2em 1.5em}
.in_notice .in_w2 .in_wrap .in_in {}
.in_notice .in_w2 .in_wrap .in_in .tw {position:relative;}
.in_notice .in_w2 .in_wrap .in_in .tw .t1 {color:#fff; font-size:1.375em; }
.in_notice .in_w2 .in_wrap .in_in .tw .m_btn {color:#fff; position:absolute; content:""; right:0; top:0;}
.in_notice .in_w2 .in_wrap .in_in .tw .m_btn:hover {transform:rotate(45deg); transition:.3s;}
.in_notice .in_w2 .in_wrap .in_in .tx {color:#fff; font-size:1.063em; font-family:'notokrR'; padding:2em 0 4em 0; line-height:1.4; height:3.5em;}
.in_notice .in_w2 .in_wrap .in_in .link_wrap {}
.in_notice .in_w2 .in_wrap .in_in .link_wrap .link_btn {display:inline-block; border:2px solid #fff;  padding:.8em; width:160px;}
.in_notice .in_w2 .in_wrap .in_in .link_wrap .link_btn:first-child {margin-bottom:.3em}
.in_notice .in_w2 .in_wrap .in_in .link_wrap .link_btn .xi {color:#fff; font-size:.938em; vertical-align:baseline; padding-left:6px;}
.in_notice .in_w2 .in_wrap .in_in .link_wrap .link_btn .tt {color:#fff; font-size:.938em; vertical-align:baseline}
.in_notice .in_w2 .in_wrap .in_in .link_wrap .link_btn:hover {background:rgba(0,0,0,.5); transition:.3s; border:2px solid rgba(0,0,0,.5)}
.line{ width:1px; height:40px; margin:.5em .5em; background:#111; }
.title.line { width: 1px; height: 50px; /* margin: 0.5em 0.5em; */ background: #444; margin: 0em auto 1em;}
.co_W { color:#fff !important;}

/*인사말*/
.sub_tt.t3{ font-size:1.55em;}
.sub_tt.lh{line-height:1.6;padding-bottom:1em; color: #555;}
.sub_tt.lh.last{line-height:1.6;padding-bottom:0em; color: #999;text-align: end;font-size:.95em;}
.fwR { font-weight:400}
.page_bg{ padding: 2em 0 10em;}
/*.page_bg.Bg1{ background:#f9f9f9;}*/

.page_tit.w1{ width:55%; text-align: center; margin: auto;}

.page_layout { position:relative; margin-top:3em;}
.page_layout:first-child{ margin-top:0;}
.page_layout.st1 { margin-top:10em;}
.page_layout.st2 { margin-top:4em;}
.page_layout.st3 { margin-top:2em;}
.page_layout .layInner{ padding:2em 0 4em 0;}
.page_layout .flex .layInner{ flex:1;}
.page_layout .layL{ width:40%;}
.page_layout .layCon{ flex:1;}
.page_layout .layCon:first-child{ padding:0 4em 0 0;}
.page_layout .layCon:not(:first-child){ padding:0 0 0 5em;}
.page_layout .layCon:not(.st1) + .layCon{ padding-left:0;}
.page_layout .layCon.st1{ flex:0 1 50%; padding-right:0;}
.page_layout .layImg.st1{ width:30%;}
.page_layout .layImg.st2{ width:49%;}
.page_layout .layImg.st3{ width:65%;}
.page_layout .layImg.st4{ width:54%;}
.page_layout .layImg > .wrap_img{ height:100%;}
.page_layout .flex > .wrap_img{ flex:1;}
.page_layout .layImg > .wrap_img.st1{ height: calc(100% + 0em); transform: translateY(0em);}
.page_layout .layImg > .wrap_img.st2{ transform: translateY(-11em);}
.page_layout .layImg > .wrap_img.st3{ transform: translateY(-23em);}
.page_layout .layImg > .resize.st1{ margin-top:-16em;}

.page_layout .layImg.type1{ background:#d2c2a1; border:2px solid #fff; box-shadow:0 .75em 1.75em rgba(14,45,74,.26);}
.page_layout .layImg.type1 > .wrap_img{ min-height:40em;}
.page_layout .layImg.type1 > .typeCon{ padding:1.5em 1.25em;}

.page_layout .layImg > .wrap_map{}
.page_layout .layImg > .wrap_map iframe{ width:100% !important; height:28.5em;}

.page_layout .cardImg{ width:38%; padding:2em 2em; background:#f3f3f3;}

.page_layout .page_area.list_con{}
.page_layout .page_area > .wrap_img{ width:55%; margin-right:5em;}
.page_layout .page_area > .wrap_txt{ flex:1; padding:1em 0;}

.page_layout.board_list .page_icon_list .con.flex .tit{ flex:0 1 auto; width:auto; min-width:4.5em;}
.page_layout.board_list .page_icon_list .con.flex .txt{ flex:1 1 50%; padding-left:1em;}

.page_imgBox{ text-align:center;}


/*MEMBER***************************/
.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:680px; max-width:100%; margin:0 auto;}
.member_wrap .join_box2 { width:1000px; max-width:100%; margin:0 auto;}
.member_wrap .confirm_box{ width:45%; margin:0 auto}

.memberSt2 {border:1px solid #ddd; height:3.2em; line-height:2.7em; padding:.2em .8em; border-radius:.3em !important; font-size:.875em !important;}

.member_typeT{ vertical-align:middle; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd; max-width:100%; height:3.2em; line-height:2.7em; padding:.2em .8em; color:#3c3c3d; border-radius:.3em !important;}
.member_typeT .col {color:#176cd5;  font-family:'NEXON Lv1 Gothic OTF';}

.member_wrap .member_tit{ /*padding:0 0 2em 0; */text-align:center;}
.member_wrap .member_tit .tit{ font-size:2.8em; color:#3c3c3d; letter-spacing:0; text-transform:uppercase;font-weight: 500;}
.member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; padding-top:.8em; line-height:1.4;}

.member_wrap .member_form { padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#176cd5; margin-top: 2em;}
.member_wrap .member_form.intro_st{padding:0; border:1px solid #ccc; border-top-width:4px; border-top-color:#176cd5;}

.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 .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ text-align:right; display: block; width: 70%;}
.member_wrap .form .save_wrap .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 .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_form.st1 .form .save_wrap .find{ text-align:right; display: block; width: 100% !important;}
.member_form.st1 .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_form.st1 .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_form.st1 .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_form.st1 .form .save_wrap .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;}
.member_wrap .form .btn_wrap .btn.c1{ background:#176cd5; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#176cd5; color:#176cd5;}
.member_wrap .form .btn_wrap .btn.c3{ background:#176cd5; 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','NotoS',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.st {border-top:none; margin-top:0;}
.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; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .tit {display:inline-block; vertical-align:baseline; padding-right:15px; font-size:.938em;}
.member_wrap .form2 .check_wrap .tit .icon {margin-right:5px; font-size:1em; border-radius:50%; width:28px; height:28px; line-height:28px; background:#176cd5; color:#fff; text-align: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 .check_ul{ background:#f9f9f9; padding:1em}
.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:33.33%; padding:.3em 0}
.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, -80%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field .txt .tt {font-size:.875em;}


/* .member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -80%) scale(.7,.7);} */
.member_wrap .form2 .field.on .txt{ color:#d4d4d4; transform:translate(0, -80%) 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 .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; padding:3em;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .icon .xi {font-size:3em; width:2em; line-height:2em; text-align:center; border-radius:50%; color:#333; background:#f2f5f6;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.75em; color:#222; font-family:'NEXON Lv1 Gothic OTF';}
.member_wrap .type_wrap .txt .t2{ font-size:1.063em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.8em 4em; background:#176cd5; border:1px solid #176cd5; border-radius:5px; color:#fff; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#282828; color:#fff; border:1px solid #282828;}
.member_wrap .type_wrap > li:hover .inner {background:#f2f5f6; transition:.3s;}
.member_wrap .type_wrap > li:hover .icon .xi {background:#fff; color:#176cd5;  transition:.3s;}

.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:400;}
.member_wrap .terms_wrap .c1{ color:#d31717;}

.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; font-weight:300;}
.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_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}

.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:1em; border-top-width:1px; height:30em; 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;}
.member_agree h1{ color:#111; font-weight:500}

.page_step_wrap{ text-align:center; margin-top: 2em;}
.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:#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; font-weight: 500; color: #555;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2.500em; 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%; transform:translate(-50%, -50%); width:1.4em; height:1.4em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#aaa; font-weight:300;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#176cd5;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}

.member_form_memo{ text-align:center; background:#ecf0f4; padding:1em;}
.member_form_memo > p {text-align:left; font-size:.875em; letter-spacing:-.1px; color:#3c3c3d; font-family:'NEXON Lv1 Gothic OTF';}
.member_form_memo > p .col {vertical-align:baseline; color:#176cd5; font-family:'NEXON Lv1 Gothic OTF'}
.member_form_memo > p.tx {padding:.8em; background:#fff; font-size:.875em; margin-top:.7em;}

.form_in_txt {font-size:.813em; color:#666; display:inline-block}
.member_form_Title { font-size:1.5em; color:#222; font-weight: 500;}
.member_form .etc_wrap.fl_wrap { margin: 2em 0 0;}

/**/
.agree_wrap{ padding:1.5em; border:1px solid #ddd; font-size:.938em; color:#555; background:#f9f9f9}
.agree_wrap.page_scroll {overflow-y:scroll; height:10em;}
.agree_wrap .agree{ padding:2em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; color:#555; line-height:1.5; background:#fff}
.agree_wrap .agree .agree_txt {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ddd;}
.agree_wrap .agree h3  {font-size:1.3em;  font-family:'NEXON Lv1 Gothic OTF'; padding-bottom:.8em; color:#343b4d; margin-top:2em;}
.agree_wrap .agree h3:first-child {margin-top:0;}
.agree_wrap .agree .agree_txt *{ vertical-align:baseline;}
.agree_wrap .agree .agree_txt h4 {color:#222;  font-family:'NEXON Lv1 Gothic OTF'; font-size:1.063em}
.agree_wrap .agree p{ padding:.5em 0; font-size:.938em;}

.agree_box{ border:1px solid #ddd; box-shadow:1px 1px 1em rgba(0,0,0,.2); padding:2em}
.agree_box .tit{ font-size:1.125em; font-weight:500; color:#333}
.agree_box .con{ font-size:.813em; color:#666; line-height:1.8}
.agree_box .con p{ margin-top:.5em}
.agree_box .con p > *{ vertical-align:top}
.agree_box .check{ border-top:1px solid #ddd; margin-top:2em; padding-top:1em}
.agree_box ul{ margin-top:1em}
.agree_box table{ margin:1em 0; width:100%}
.agree_box table th,
.agree_box table td{ border:1px solid #ddd; padding:1em}
.agree_box table th{ background:#f5f5f5}
.agree_box p strong{ font-size:1.125em; color:#333}
.agree_box a{ vertical-align:top; color:#666; text-decoration:underline}
.agree_box a:hover{ opacity:.6}
.agree_box strong{ vertical-align:top; font-weight:500}

/**/

.join_table{ border-top:1px solid #333; font-size:.938em;}
.join_table th,
.join_table td{ height:2.25em; padding:.75em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left;}
.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;}

.table_st{ border-top:2px solid #7a7d96; font-size:.938em;}
.table_st th,
.table_st td{ height:1.25em; padding:1em 1em;/* border:1px solid #e0e1e3;*/ border-width:1px 1px 1px 1px; text-align:center; color:#444; line-height:1.3; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table_st th:first-child{ /*border-left-width:0;*/}
.table_st thead th{ background:#f4f5f9; color:#575c70; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table_st tbody th{ background:#fff; font-weight:400;}

.table_st.colst tbody th {background:#f4f5f9}

.board_st .w_faq { width:4em;}
.board_st .w_more{ width:4em;}

.table_st .w_type{ width:8em;}
.table_st .w_con { width:12em;}
.table_st .w_num { width:8em;}

/*연혁*/ 
.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:#1e6bad; 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 #1e6bad; 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; font-weight:700; letter-spacing:-3px; color:#1e6bad;}
.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{ flex:0 0 4em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; 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 .t1{ position: relative; background-image:linear-gradient(to top, #1e6bad,#1e6bad); background-clip: text; -webkit-background-clip: text; color: transparent;font-size: 1.2em; font-weight: 500; margin-top: -0.1em;}
.history_wrap .history > li:nth-child(2n) .list .detail .t1{ text-align: right;}
/*.history_wrap .history > li .list .detail .t1:before{ content: ""; position: absolute; left: 0; top: 0.5em; width: 100%; height: 15px; background: #eaf1f6; z-index: -1;}*/
.history_wrap .history > li .list .detail .tt{ position: relative; padding: 0 0 0 1.5em;    margin: 1em 0 2em; color: #777; left: -1.2em; font-size: .92em;}
/*.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}

/* 스크롤바css */
.scrollBar { height: 40em;overflow-y: scroll;}
.scrollBar::-webkit-scrollbar { width: 10px;}
.scrollBar::-webkit-scrollbar-thumb { height: 30%;  background: linear-gradient(to top, #176cd5, #00c6ff); border-radius: 10px;}
.scrollBar::-webkit-scrollbar-track { background: rgba(33, 122, 244, .1);}
.scroll_wrap { padding: 2.5em 2em; border: 1px solid #ccc; border-top-width: 4px; border-top-color: #176cd5;}

/**/
.page_txt_wrap.st3{ border-top:1px solid #000;}
.page_txt{}
.page_txt > .tt{ margin-top:1.375em; color:#111; font-weight:500;}
.page_txt > .tt:first-child{ margin-top:0;}
.page_txt > .tt.flex > .sec{ padding-right:1.75em;}
.page_txt > .tt.flex > .sec:last-child{ padding-right:0;}
.page_txt > .t1{ font-size:1.063em;line-height:1.9;}
.page_txt > .t2{ font-size:1.250em;}
.page_txt > .t3{ font-size:.938em; line-height:1.5;}
.page_txt > .t4{ font-size:1.125em; line-height:1.5;}
.page_txt > .t5{ font-size:.875em; line-height:1.5;}

.page_ex_list > li{padding:.313em 0;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ font-size:1.063em; color:#444; line-height:1.5;}
.page_ex_list.tbl_tt > li > .in > .tt{ font-size:1em; color:#444; line-height:1.5;}
.page_ex_list > li > .in > .tt.bold{ font-weight: 600; }
.page_ex_list > li > .in > .tt.t1{ margin-top:.25em; font-size:1em; color:#555;}
.page_ex_list > li > .in > .tt.t1.bl{color:#444;}
.page_ex_list.dot > li > .in{ padding-left:1em;}
.page_ex_list.dot > li > .in:before{ top:.5em; width:.313em; height:.313em; background:#176cd5; border-radius:50%;}
.page_ex_list > li:first-child{ padding-top:0;}
.page_ex_list > li:last-child{ padding-bottom:0;}
.page_txt_wrap.st3{ border-top:1px solid #000;}
.page_txt_wrap.st3 > .innerSec{ padding:0 0; background:#fff; border-bottom:1px solid #e5e5e5;}
.page_txt_wrap.st3 > .innerSec:first-child { padding:0 0; background:#fff; border-bottom:1px solid #e5e5e5;border-top: 1px solid #ccc; border-top-width: 4px;border-top-color: #176cd5;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit,
.page_txt_wrap.st3 > .innerSec > .wrap_con{ padding: 2.5em 5em; box-sizing: border-box;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ width:20em; position:relative;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit:before{ content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:#176cd5;}
.page_txt_wrap.even.st3 > .innerSec:nth-child(even){ background:#f7f7f7;}

.page_txt_wrap > .innerSec.flex > .wrap_con{flex:1;}
.page_ex_list > li > .in > .tt{ font-size:1.063em; color:#111; line-height:1.5;}
.page_txt_wrap.st4 > .innerSec{ padding:.875em .25em;}
.page_txt_wrap.st4 > .innerSec:last-child{ border-bottom-width:0;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width:10em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{ padding-left:1.5em;}

.main_txt{}
.main_txt .line{ display:block; width:1px; height:1px; background:#176cd5;}
.main_txt .line.w{ width:3em; margin:2em 0;}
.main_txt .line.h{ height:2em; margin:1.25em 0;}
.main_txt .icon .tt{ position:relative;}
.main_txt .icon .tt:after{ content:""; position:absolute; width:6px; height:6px; background:#0bbae7; border-radius:50%; margin-left:.313em;}
.main_txt > *{    margin: 2em 0;}
.main_txt > .mg0{ margin-bottom:0;}
.main_txt > .mg1{ margin-bottom:.75em;}
.main_txt > .mg2{ margin-bottom:4em;}
.main_txt > .txt .tt{ line-height:1.5;}
.main_txt  .tt{ margin-top:1.5em;}
.main_txt  .tt:first-child{ margin-top:1.5em;}
.main_txt .br{ display:block;}
.main_txt .t1 { font-size:.938em;} /*15*/
.main_txt .t2 { font-size:1.000em;}/*16*/
.main_txt .t3 { font-size:1.063em;}/*17*/
.main_txt .t4 { font-size:1.125em;}/*18*/
.main_txt .t5 { font-size: 1.0em; color: #666; line-height: 1.7; text-align: start;}/*20*/
.main_txt .t6 { font-size:1.375em;}/*22*/
.main_txt .t7 { font-size:1.500em;}/*24*/
.main_txt .t8 { font-size:1.625em;}/*26*/
.main_txt .t9 { font-size:1.750em;}/*28*/
.main_txt .t10{ font-size:1.875em;}/*30*/
.main_txt .t11{ font-size:2.250em;}/*36*/
.main_txt .t12{ font-size:2.375em;}/*38*/ 
.main_txt .t13{ font-size:2.875em;}/*46*/
.main_txt .t14{ font-size:4.375em;}/*70*/ 
.main_txt .t15{ font-size:5.000em;}/*80*/ 

.ac .main_txt .line,
.main_txt.ac .line{ margin-left:auto; margin-right:auto;}
.ar .main_txt .line,
.main_txt.ar .line{ margin-left:auto;}

.diagramWrap.st1{ text-align:center; margin-bottom:5em;}
.diagramWrap.st1:last-child{ margin-top:3.3em;}
.diagramWrap.st1 .diagram_in{} 
.diagramWrap.st1 .diagram_in > li{}
.diagramWrap.st1 .diagram_in > li .wrap_in{ position:relative; padding:0 3.2em;}
.diagramWrap.st1 .diagram_in > li:first-child .wrap_in{ padding-left:0;}
.diagramWrap.st1 .diagram_in > li:last-child .wrap_in{ padding-right:0;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in{ position:relative; width:12em; height:12em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; border-radius:50%; border:3px solid #176cd5;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in > *{ flex:1; position:relative;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .icon{ margin-bottom:1.25em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .icon img{ width:2.5em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .icon .logoMark{ width:4em;}
.diagramWrap.st1 .diagram_in > li .wrap_in .in .tt{ font-size:1.250em;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .tt{ font-size:1.375em;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .tt.no{ font-size:1em;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in:before,
.diagramWrap.st1 .diagram_in > li.center .wrap_in:after { content:"\e90e"; font-family:xeicon; font-size:3.000em; color:#ddd; position:absolute; top:50%;}
.diagramWrap.st1 .diagram_in > li.center .wrap_in:before{ left:0; transform:translate(-65%,-50%);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in:after { right:0; transform:translate(65%,-50%);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in:before{ transform:scale(1.2,1.2);}
.diagramWrap.st1 .diagram_in > li.center .wrap_in .in .rotateAni{ top:-1.625em; left:-1.625em; right:-1.625em; bottom:-1.625em; border-color:#176cd5; opacity:.4;}

.diagramWrap.st1.scrollActive .diagram_in > li.center .wrap_in:before{ opacity:0; left:.5em; transition:1s;}
.diagramWrap.st1.scrollActive .diagram_in > li.center .wrap_in:after { opacity:0; right:.5em; transition:1s;}
.diagramWrap.st1.scrollActive.addActive .diagram_in > li.center .wrap_in:before{ opacity:1; left:0;}
.diagramWrap.st1.scrollActive.addActive .diagram_in > li.center .wrap_in:after { opacity:1; right:0;}

/*ANI*/
.center .rotateAni{ display:none; position:absolute !important; top:0; bottom:0; left:0; right:0; background:transparent; border-radius:50%; border:2px dashed #0bbae7; box-sizing:border-box;
animation-name:rotateAni;
animation-duration:20s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
.center:hover .rotateAni{ display:block; position:absolute !important; top:0; bottom:0; left:0; right:0; background:transparent; border-radius:50%; border:2px dashed #0bbae7; box-sizing:border-box;
animation-name:rotateAni;
animation-duration:20s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

@keyframes rotateAni {
from{ transform: rotate(0deg);}
to  { transform: rotate(360deg);}
}

@keyframes downAni{
0% { transform:translateY(.5em);}
50% { transform:translateY(-.5em);}
100% { transform:translateY(.5em);}
}

.fl_wrap{ *zoom:1;}
.fl_wrap:after{ content:""; display:block; clear:both;}
.fl_wrap > *     { float:left;}
.fl_wrap > .left { float:left;}
.fl_wrap > .right{ float:right;}
.fl_wrap > * > .in{ display:block;}

.procedureStep_list{ position:relative;}
.procedureStep_list > .list{ margin:0 0 -2em -1.5em; text-align:center;}
.procedureStep_list > .list > li{ flex:1;}
.procedureStep_list > .list > li .wrap_in{ position:relative; flex:1; margin:0 0 2em 1.5em; padding:1em 1em; background:#fff; border:1px solid #ccc; border-radius:1em;}
.procedureStep_list > .list > li:hover .wrap_in{ position:relative; flex:1; margin:0 0 2em 1.5em; padding:1em 1em; background:#fff; border:0px solid #ccc; border-radius:1em;}
.procedureStep_list > .list > li .wrap_in .num{ position:absolute; top:0; left:50%; width:2em; height:2em; background:#888; border-radius:50%; color:#fff; transform:translate(-50%,-50%);}
.procedureStep_list > .list > li .wrap_in .icon{ margin:.625em 0;}
.procedureStep_list > .list > li .wrap_in .icon img{ width:2em;}
.procedureStep_list > .list > li .wrap_in .txt{}
.procedureStep_list > .list > li .wrap_in .btn{ padding-top:.875em;}
.procedureStep_list > .list > li .wrap_in .btn .input_st{ width:100%; font-size:.875em; padding:.375em .5em;}
.procedureStep_list > .list > li .wrap_in .tt{}
.procedureStep_list > .list > li .wrap_in .t1{ font-size:.938em;}
.procedureStep_list > .list > li .wrap_in .t2{ font-size:1.063em;}
.procedureStep_list > .list > li:hover .wrap_in{ box-shadow: 0 0 0 3px #176cd5 inset; box-sizing:border-box;}
.procedureStep_list > .list > li.point .wrap_in .num{ background:#176cd5;}

.procedureStep_list.sec5 > .list > li{ /*flex:1 1 20%;*/ /*max-width:20%;*/}
.procedureStep_list.sec5 > .list > li:nth-child(-n + 5){ order:-6;}
.procedureStep_list.sec5 > .list > li:nth-child(6) { order:-1;}
.procedureStep_list.sec5 > .list > li:nth-child(7) { order:-2;}
.procedureStep_list.sec5 > .list > li:nth-child(8) { order:-3;}
.procedureStep_list.sec5 > .list > li:nth-child(9) { order:-4;}
.procedureStep_list.sec5 > .list > li:nth-child(10){ order:-5;}

.procedureStep_list .posLine{ position:absolute; left:0; right:0; width:.375em; height:.375em; background:#ddd;}
.procedureStep_list .posLine:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#176cd5;}
.procedureStep_list .posLine:nth-child(2n + 1){ width:calc(100% - 1px);}
.procedureStep_list .posLine:nth-child(2n){ height:100%;}
.procedureStep_list .posLine[data-line='1']{ top:calc(25% - .75em);}
.procedureStep_list .posLine[data-line='2']{ right:0; left:auto;}
.procedureStep_list .posLine[data-line='3']{ top:calc(75%);}
.procedureStep_list.sec5 .posLine[data-line='2']{ right:calc(10% - .75em);}

.procedureStep_list.scrollActive .posLine:before{}
.procedureStep_list.scrollActive .posLine:nth-child(2n + 1):before{ transform:scaleX(0); transform-origin:left;}
.procedureStep_list.scrollActive .posLine:nth-child(4n - 1):before{ transform-origin:right;}
.procedureStep_list.scrollActive .posLine:nth-child(2n):before{ transform:scaleY(0); transform-origin:top;}
.procedureStep_list.scrollActive.addActive .posLine:before{ transform:scale(1,1); transition:4s;}
.procedureStep_list.scrollActive.addActive .posLine[data-line='1']:before{}
.procedureStep_list.scrollActive.addActive .posLine[data-line='2']:before{ transition-delay:1.5s;}
.procedureStep_list.scrollActive.addActive .posLine[data-line='3']:before{ transition-delay:2.5s;}
.procedureStep_list.scrollActive.addActive .posLine[data-line='4']:before{}

.procedureStep_list.procedure { width: 100%; }
.procedureStep_list.procedure > .list > li { flex: 1 1 1% !important; }
.procedureStep_list.procedure .posLine[data-line='1']{top: calc(50% - .75em);}
.procedureStep_list > .list > li .wrap_in .txt.st2 {min-height:3em;}

.layCon.apply_pcHide,
.inquiry_pcHide,
.appList_pcHide,
.btn_pcHide, 
.tbl_pcHide { display: none !important; }

.procedureStep_list > .list > li .wrap_in .txt.he { height: 100%; }
.w_service  {width: 13em;}

/*map*/
.map_view{ border-top:3px solid #ddd; transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view .tt { padding: 0.5em 0 1em; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.188em; padding-right:5px;}
.map_view:hover{ border-color:#0b4790 }

.map_info1 {overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; box-sizing:border-box;border-radius: 0 0 1.5em;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; font-size:.938em;}
.map_info1 .t1 span.st {margin-bottom:15px;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:5px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#003876}
.map_info1 .t1 span .stop1 {background:#187ce8; color:#fff; text-align:center; border-radius:50px; padding:.5em 1em; font-size:.813em;}

.mar1{ margin-top: 7em;}
/**/
.page_titS{ margin-bottom:1em; padding-left:1.2em;}
.page_titS > *[class^="t"] *{ vertical-align:baseline;}
.page_titS > *[class^="t"] strong{ font-weight:500;}
.page_titS > *[class^="t"] span  { font-weight:300;}
.page_titS > .t1{ position:relative; font-size:1.6em; color:#3c3c3d;  line-height:1.4; letter-spacing:-1px; margin:0 0 .7em; font-weight:500;}
.page_titS > .t1:before{ content: ""; position: absolute; top: 0.5em; left: -0.8em; width: 10px; height: 10px; background: #176cd5; border-radius: 1em;}
.page_tbl.sub1_5{ border-left: 1px solid #ddd;}

.diagram_in.flex.di.wrap.ac .wrap_in img { display: block; width: 5.5em !important; margin: auto;}

.main-service-list{margin: 0 -22px;}
.main-service-item{width: calc(33.33% - 44px); margin: 0 22px;}
.main-service-item a{position: relative; display: block; overflow: hidden; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
.main-service-img{position: relative; width: 100%; height: 0; padding-top: 100%;}
.main-service-img span{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
service-txt{position: absolute; left: 0; right: 10%; bottom: -95px; height: 150px; background-color: #fff; -webkit-transition: bottom 0.3s; transition: bottom 0.3s;}
.main-service-txt .top{width: 100%; height: 55px; display: flex; flex-wrap: wrap; align-items: flex-end; padding: 0 7.5%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-service-txt .top h5{width: 87px; font-size: 24px; font-weight: 600; letter-spacing: -0.5px; color: #111; display: inline-block; vertical-align: bottom;}
.main-service-txt .top span{width: calc(100% - 102px); margin-left: 15px; font-size: 16px; letter-spacing: -0.25px; font-weight: 400; color: #888; display: inline-block; vertical-align: bottom;}
.main-service-txt .bottom{margin-top: 25px; padding: 0 7.5%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-service-txt .bottom ul{margin: -7px -5px;}
.main-service-txt .bottom ul li{margin: 7px 5px; width: calc(50% - 10px);}
.main-service-txt .bottom ul li:nth-child(2n+1){clear: both;}
.main-service-txt .bottom ul li p{position: relative; padding-left: 20px; font-size: 16px; line-height: 1.4; font-weight: 300; letter-spacing: -0.5px; color: #333;}
.main-service-txt .bottom ul li p:before{position: absolute; top: 0; left: 0; content: '\e929';}


    /**/
/* .greet_top { width: 68%; margin: 0 auto; padding: 2.5em 0 12em; border-radius: 1em; color: #fff; position: relative; transition: all .8s; overflow: hidden; } 
.greet_top .tit { font-weight: 600; font-size: 1.125em; position: relative; margin-bottom: 2em; opacity: .8; } 
.greet_top .tit::after { content: ''; display: inline-block; width: 8em; height: 1px; margin-left: 1.5em; background: #fff; } 
.greet_top .desc { font-size: 1.875em; line-height: 1.5; } 
 .greet_top::after { content: ''; width: 95%; height: 8.75em; border-radius: 2em 2em 0 0; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }  */
/* .greet_box { margin: -8.2em auto 0; position: relative; background: #fff; border-radius: 2em; padding: 2em 2em !important;} 
.greet_box .inner { gap: 4em; } 
.greet_box .inner + .inner { margin-top: 5em; } 
.greet_box .inner + .inner.st2 { margin-top: 3em; } 
.greet_box .inner .txt_wrap { width: 50%; } 
.greet_box .inner .txt_wrap.st2 { width: 100%; } 
.greet_box .inner .txt_wrap.st3 { width: 65%; } 
.greet_box .inner .img_wrap { width: 50%; border-radius: 1em; overflow: hidden; } 
.greet_box .inner .img_wrap.st2 { width: 35%; border-radius: 1em; overflow: hidden; } 
.greet_box .inner .img_wrap.h1 { height: 19em; } 
.greet_box .inner .img_wrap .img  { height: 100%; } 
.greet_box .inner:nth-child(even) .img_wrap { order: -1; } 
.greet_box .txt_wrap .page_tit { } 
.greet_box .txt_wrap .page_tit .tt.t9 { font-weight: 800; color: var(--siteC); } 
.greet_box .txt_wrap .page_txt > .tt.t3 { font-size: 1.25em; color: #333; padding: 0.3em 0; box-sizing: border-box; } 
.greet_box .txt_wrap .page_txt > .tt.t4 { font-size: 1.15em; color: #333; padding: 0.5em 0; box-sizing: border-box; } 
.greet_box .ceo { gap: 2em; margin-top: 2.5em; padding-right: 1em; } 
.greet_box .ceo.st2 { gap: .5em; margin-top: 0em; padding-right: 1em; } 
.greet_box .ceo .t1 { font-weight: 600; font-size: 1.125em; } 
.greet_box .ceo .t2 { font-weight: 800; font-size: 1.5em; } 
.greet_box .ceo .sign { display: inline-block; width: 12em; height: 4em; } 

.page_tit.line { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #d4d5d8; } 
.page_tit.line2 { margin-bottom: 2em; padding-bottom: 2em; position: relative; } 
.page_tit.line2::after { content: ''; width: 30px; height: 2px; background: var(--siteC2); position: absolute; left: 0; bottom: 0; } */