@charset "euc-kr";
/* CSS Document */

.box0{ width:95%; margin:0 auto; max-width:1300px;}
.box1{ width:95%; max-width:1300px; min-width:304px; margin:0 auto;}
.box2{ margin:0 3%;}
.box3{ width:95%; margin:0 auto; max-width:1360px;}
.box4{ width:95%; margin:0 auto; max-width:1400px;}
.PC{ display:block !important}
.PHONE{ display:none !important}

.blink{animation-name: blinkAni; animation-duration:1.8s ;animation-iteration-count:infinite;}
@keyframes blinkAni{
25% {opacity:0}
75% {opacity:1}
}

/*header*/
#header{ position: absolute; z-index:11; width:100%;}
#header .left{ }
#header .right{  display: flex;} 
#header .top_wrap,
#header .header_wrap{ position:relative;}
#header .header_wrap{ z-index:10; background:#fff; border-bottom:1px solid #ddd;}
#header .header_wrap .vm_wrap{ height:80px;}
#header .header_wrap .logo{ position:relative; z-index:10001; text-align:left;}
#header .header_wrap .logo .mark{ vertical-align:middle; text-align:left; height: 2.1em;}
#header .header_wrap .logo .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:25px;}
#header .header_wrap .logo .txt .tt{ display:block;}
#header .header_wrap .logo .txt .tt1{ font-size:1.250em; color:#111; font-weight:500;}
#header .header_wrap .logo .txt .tt2{ font-family:'LatoR',sans-serif; font-size:.625em; color:#aaa; letter-spacing:0.3px; padding:6px 0 0 2px;}
#header .header_wrap .btn_wrap{ float:left;}
#header .header_wrap .btn_wrap > li{ float:left; margin-left:2px;}
#header .header_wrap .btn_wrap .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; transition:.3s; cursor:pointer; background:#1799c8;}
#header .header_wrap .btn_wrap .btn.st1 {background:inherit; border-radius:inherit;}
#header .header_wrap .btn_wrap .btn_search{ font-size:1.125em; color:#fff;}
#header .header_wrap .btn_wrap .btn_all{ font-size:0;}
#header .header_wrap .btn_wrap .btn_all .btn{}
#header .header_wrap .btn_wrap .btn_all .btn .icon,
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ content:""; position:relative; display:block; width:22px; height:2px; background:#000; transition-duration:.4s;}
#header .header_wrap .btn_wrap .btn_all .btn .icon{ top:50%; margin:0 auto; margin-top:-2px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ position:absolute; right:0;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before{ top:-7px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ bottom:-7px; width:13px; background:#0c66c6;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:before{ width:13px;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:after{ width:22px;}

#header .header_wrap .btn_wrap .btn_all .btn.on{}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon{ margin-top:0; width:25px; background-color:transparent;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{ width:25px; top:0; bottom:inherit; background:#000;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

#header .header_wrap .box2.clb{display: flex; justify-content: space-between;}

#header .gnb_wrap{ float:left;}
#header .gnb_wrap .gnb .m_member,
#header .gnb_wrap .gnb .m_guide,
#header .gnb_wrap .gnb .dp2{ display:none;}
#header .gnb_wrap .gnb{ *zoom:1;}
#header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li{ float:left; position:relative;}
#header .gnb_wrap .gnb > li.m_mypage{ display:none}
#header .gnb_wrap .gnb .dp1{ display:block; padding:0 30px; height:80px; font-size:1.125em; color:#111; font-family:'notokrM'; letter-spacing:-1px; transition:.3s; display: flex; justify-content: center; align-items: center;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#114a86;}
#header .gnb_wrap .gnb .dp2{ position:absolute; top:88%; left:0; width:180px; padding:10px 15px; background:#fff; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,.2);}
#header .gnb_wrap .gnb .dp2:before { content:""; display:block; position:absolute; top:-9px; left:35px; width:15px; height:15px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd;
-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#header .gnb_wrap .gnb .dp2 > li{ padding:0 15px; transition:.3s;}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:10px 0; border-top:1px solid #eee; font-size:.938em; color:#444; letter-spacing:-1px;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp2 > li:hover{ background:#f2f2f2;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;}

#header .etc_wrap{ float:left; padding:0 1em;}
#header .etc_wrap li{ float:left; margin:0 .5em; color:#555; position:relative;}
#header .etc_wrap li .xi{ padding-right:6px}
#header .etc_wrap li .tt{ font-size:.938em}
#header .etc_wrap li:hover .xi {color:#114a86; transition:.4s; transform:rotateY(360deg)}
#header .etc_wrap li:hover .tt {color:#114a86; transition:.4s;}

.message_up_icon1 {background:#eb2026; border-radius:2em; position:absolute; top:8%; left:50%; transform:translateX(-50%); cursor:pointer; width:100%; line-height:23px; margin-left:.1em;}
.message_up_icon1 > * {vertical-align:baseline;}
.message_up_icon1 .xi.icon {color:#fff; font-size:.8em;}
.message_up_icon1 .tx {font-size:.688em; color:#fff;}
.message_up_icon1:hover {transition:.3s; background:rgba(0,0,0,.6)}
#header .etc_wrap li:hover .xi.icon {color:#fff; transform:none}

#header .searchSection{ position:absolute; z-index:1001; top:-100%; left:0; width:100%; height:100%; background:#fff; display:table; text-align:center; filter:alpha(opacity=0); opacity:0; transition:.3s;}
#header .searchSection .searchClose{ position:absolute; top:50%; right:0; margin-top:-15px; width:30px; height:30px;}
#header .searchSection .searchClose .icon,
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after{ position:relative; display:block; width:25px; height:2px; background:#000; transition-duration:.4s;}
#header .searchSection .searchClose .icon{ margin:0 auto; margin-top:4px; background-color:transparent; font-size:0;}
#header .searchSection .searchClose .icon:before,
#header .searchSection .searchClose .icon:after{ content:""; position:absolute; top:10px; left:0;}
#header .searchSection .searchClose .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .searchSection .searchClose .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#header .searchSection .searchClose:hover .icon:before,
#header .searchSection .searchClose:hover .icon:after{ background:#247bd2;}
#header .searchSection .inp_wrap{ display:table-cell; vertical-align:middle; padding-left:200px; background:#fff;}
#header .searchSection .inp_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:40px; line-height:40px; border:1px solid #444; background-color:transparent; font-size:.938em;}
#header .searchSection .inp_wrap .inp_sel{ width:15%; padding-left:15px; background-color:#f9f9f9;}
#header .searchSection .inp_wrap .inp_txt{ width:35%; padding:0 15px;}
#header .searchSection .inp_wrap .inp_btn{ width:50px; border-color:transparent; font-size:0;}
#header .searchSection .inp_wrap .inp_btn .xi{ font-size:1.750rem; color:#114a86}
#header .searchSection.on{ top:0; filter:alpha(opacity=100); opacity:1;}

.st2022 #header .header_wrap .search_form_wrap{width: 100%;}
.st2022 #header .header_wrap .search_form_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:40px; line-height:40px; border:1px solid #444; background-color:transparent; font-size:.938em;}
.st2022 #header .header_wrap .search_form_wrap .inp_sel{ width:15%; padding-left:15px; background-color:#f9f9f9;}
.st2022 #header .header_wrap .search_form_wrap form{display: flex; width: 100%; margin-top: 1.3em;}
.st2022 #header .header_wrap .search_form_wrap .inp_txt{ width:100%; padding:0 15px;}
.st2022 #header .header_wrap .search_form_wrap .inp_btn{ width:50px; border-color:transparent; font-size:0;}
.st2022 #header .header_wrap .search_form_wrap .inp_btn .xi{ font-size:1.750rem; color:#114a86}

#header .siteMap_wrap{ position:absolute; z-index:10; top:100%; left:0; width:100%; height:0; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; visibility:hidden; -webkit-transition:opacity.35s,visibility.35s,height.35s; transition:opacity.35s,visibility.35s,height.35s;}
#header .siteMap_wrap.on{ filter:alpha(opacity=100); opacity:1; visibility:visible; height:auto;}
#header .siteMap_wrap .gnb{ border-left:1px solid #ddd; overflow:hidden;}
#header .siteMap_wrap .gnb > li,
#header .siteMap_wrap .gnb > li *{ transition:.3s;}
#header .siteMap_wrap .gnb > li{ float:left; width:33.33%; position:relative; border-top:1px solid #ddd; margin-top:-1px;}
/*#header .siteMap_wrap .gnb > li.m_mypage,*/
#header .siteMap_wrap .gnb > li.m_guide{ display:none}
#header .siteMap_wrap .gnb .dp1 .icon{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}
#header .siteMap_wrap .gnb .dp1,
#header .siteMap_wrap .gnb .dp2{ margin:0 30px;}
#header .siteMap_wrap .gnb .dp1{ display:inline-block; *display:inline; zoom:1; margin-top:25px; padding:6px 20px; min-width:80px; background:#0ea04f; border-radius:15px; text-align:center; color:#fff;}
#header .siteMap_wrap .gnb .dp2{ padding:15px 8px 30px 8px;}
#header .siteMap_wrap .gnb .dp2 li{ padding:3px 0;}
#header .siteMap_wrap .gnb .dp2 > li > a{ display:block; font-size:.938em; color:#000;}
#header .siteMap_wrap .gnb > li:hover{ background:#f2f2f2;}
#header .siteMap_wrap .gnb .dp2 a:hover{ color:#247bd2; text-decoration:underline;}

#header .siteMap_bg{ position:fixed; z-index:9; left:0; top:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=0); opacity:0; display:none;}
#header .siteMap_bg.on{ display:block;}

#header .top_Title {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); letter-spacing:1px; font-family:'gs'; font-weight:700; font-size:2.5em; padding-top:.3em; color:#999}
#header .top_Title > * {vertical-align:middle;}
#header .top_Title .col1 {color:#ecad26}
#header .top_Title .col2 {color:#82ba57}

#header .eng_Btn {/*position:absolute; right:0; top:50%; transform:translateY(-50%); background:#e0383e; display:inline-block; padding:.5em .9em;*/ float:left; margin-left:1em;}
#header .eng_Btn .tt {color:#fff; font-family:'notokrM'; text-align:center; background:#e0383e; padding:.5em 1em; border-radius:2em; background:linear-gradient(-45deg, #1d4183 0%,#08b8e4 100%);}
#header .eng_Btn:hover .tt{background:linear-gradient(-45deg, #1d4183 0%,#08b8e4 100%); transition:.4s;}

.main #header .gnb_wrap,
.main #header .etc_wrap,
.main #header .btn_wrap {display:none;}
.main #header .right .eng_Btn {display:block !important;}
.sub #header .top_Title {display:none}

/*footer*/
#footer{}
#footer .menu_wrap{ background:#f4f4f4; border-bottom:1px solid rgba(255,255,255,.1)}
#footer .menu_wrap *{ transition:.3s;}
#footer .menu_wrap .vm_wrap{ height:90px;}
#footer .menu_wrap > .box1{}
#footer .menu_wrap .site_name{ float:left;}
#footer .menu_wrap .site_name > a{ color:#fff; font-size:1.375em}
#footer .menu_wrap .menu{ float:right; margin-right:8em}
#footer .menu_wrap .menu > li{ float:left;}
#footer .menu_wrap .menu > li > a{ display:inline-block; padding:0 20px; color:#fff; opacity:.5}
#footer .menu_wrap .menu > li:first-child > a{ padding-left:0;}
#footer .menu_wrap .menu > li > a:hover{ opacity:1;}
#footer .menu_wrap .top{ position:fixed; bottom:2%; right:1%; width:80px; background:linear-gradient(-45deg, #1d4183 0%,#08b8e4 100%); border-radius:15px; display: none; z-index: 100;}
#footer .menu_wrap .top.vm_wrap{ height:4.5em; text-align: center;}
#footer .menu_wrap .top > a{ width:100%;}
#footer .menu_wrap .top .xi{ font-size:1.438em; color:#fff; vertical-align:middle;}
#footer .menu_wrap .top .tt{ color:#fff; display:block; font-size:.938em;}
#footer .menu_wrap .top .in{ display:inline-block;}
.scroll #footer .menu_wrap .top {display: block;}
#footer .info_wrap{ padding:40px 0 80px 0; background:#f4f4f4; padding:1.3em 0;}
#footer .info_wrap .f_equal{ position:relative;/* float:left;*/}
#footer .info_wrap .f_equal.con1 {}
#footer .info_wrap .f_equal.con2 {}
#footer .info_wrap .logo img{height: 2.2em;}

#footer .info_wrap .info{ position:relative; width:66% /*float:left; */}
#footer .info_wrap .footerLogo{ float:left;}
#footer .info_wrap .info .logo{ position:absolute; top:0; left:0;}
#footer .info_wrap .info .logo img{ width:70px;}
#footer .info_wrap .tel_con_wrap{/* padding-right:4em;*/}
#footer .info_wrap .tel_con_wrap .a1{ color:#eaa000}
#footer .info_wrap .tel_con_wrap .a2{ margin:0 0 2px 0}
#footer .info_wrap .tel_con_wrap .a2 .xi{ font-size:1.570em; color:#fff; background:#eaa000; border-radius:50%; width:40px; height:40px; text-align:center; line-height:40px}
#footer .info_wrap .tel_con_wrap .a2 .tel_num{ color:#eaa000; font-size:1.875em; font-family:'notokrB'}
#footer .info_wrap .tel_con_wrap .a3{ color:#fff; font-size:.938em; line-height:1.7;}
#footer .info_wrap .tel_con_wrap .a3.col1 {color:#eaa000 !important;}
#footer .info_wrap .tel_con_wrap .a3.st {font-size:.875em;}
#footer .info_wrap .con_wrap > li,
#footer .info_wrap .con_wrap a{ color:#000; font-weight:300;}
#footer .info_wrap .con_wrap a:hover{ text-decoration:underline;}
#footer .info_wrap .con_wrap > li{ line-height:1.7;}
#footer .info_wrap .info .con_wrap{ padding:0 60px 0 0; overflow:hidden; padding:0; margin:0 1em;}
#footer .info_wrap .info .con_wrap > li{font-size:.813em; gap: 0 1em; filter:alpha(opacity=70); opacity:0.7;}
#footer .info_wrap .info .con_wrap > li.col1 {color:#eaa000 !important;}
#footer .info_wrap .info .con_wrap > li.add div:nth-child(2){margin-right: 11em;}
#footer .info_wrap .info .con_wrap .copy{ display:block; padding:0; margin-top:5px; font-size:.750em; filter:alpha(opacity=40); opacity:0.4; text-transform:uppercase}
#footer .info_wrap .cs{ float:left; width:46%;}
#footer .info_wrap .cs .f_equal{ border-left:1px solid rgba(255,255,255,.2);}
#footer .info_wrap .cs .con_wrap{ padding:0 150px 0 50px;}
#footer .info_wrap .cs .con_wrap > dd{ font-size:.938em;}
#footer .info_wrap .cs .con_wrap .t1{ font-size:1.625em; color:#eecb07; font-weight:500;}
#footer .info_wrap .cs .con_wrap .time{ margin-top:10px; font-size:.875em; filter:alpha(opacity=70); opacity:0.7;}
#footer .info_wrap .cs .sns_wrap{ position:absolute; top:0; right:0;}
#footer .info_wrap .cs .sns_wrap > li{ margin-left:5px;}
#footer .info_wrap .cs .sns_wrap > li:first-child{ margin-left:0;}
#footer .info_wrap .cs .sns_wrap > a{ display:block;}
#footer .info_wrap .cs .sns_wrap .xi{ width:50px; height:50px; line-height:50px; background:#181a1d; border-radius:50%; text-align:center; font-size:1.375em; color:#fff; transition:.3s;}
#footer .info_wrap .cs .sns_wrap .c1 a:hover .xi{ background:#3b5997;}
#footer .info_wrap .cs .sns_wrap .c2 a:hover .xi{ background:#e12462;}

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

#footer .logo_wrap .family{ position:absolute; top:.2em; right:0; text-align:left;}
#footer .logo_wrap .family .sel{ position:relative; box-sizing:border-box; width:13em; padding:1em 1.8em; background:none; border:1px solid rgba(255,255,255,.3); text-align:left;}
#footer .logo_wrap .family .sel .tt{ font-size:.813em; color:#fff;}
#footer .logo_wrap .family .sel .xi{ position:absolute; right:.8em; top:50%; margin-top:-.6em; color:#fff; transition:.3s;}
#footer .logo_wrap .family .sel .xi:before{ content:"\e930";}
#footer .logo_wrap .family .list{ position:absolute; left:0; right:0; bottom:100%; padding:.6em 1em; background:#111; opacity:0; visibility:hidden; transition:.2s;}
#footer .logo_wrap .family .list > li > a{ display:block; padding:.6em .2em; border-top:1px solid rgba(255,255,255,.3); font-size:.813em; color:#999;}
#footer .logo_wrap .family .list > li:first-child > a{ border-top:none;}
#footer .logo_wrap .family .list > li:hover > a{ color:#fff;}
#footer .logo_wrap .family.on .list{ opacity:1; visibility:visible;}
#footer .logo_wrap .family:hover .sel,
#footer .logo_wrap .family.on .sel{ background:#111;}
#footer .logo_wrap .family.on .sel .xi{ transform:rotate(180deg);}


/* 푸터 언어/패밀리사이트 메뉴 */
#footer .Rmenu_wrap .lang_wrap{ position:relative; z-index: 99;}
#footer .Rmenu_wrap .lang_wrap .wrapBtn{  border: 2px solid #666; padding:0 2vmin; height: 3em;display: flex; align-items: center; box-sizing: border-box;}
#footer .Rmenu_wrap .lang_wrap .wrapBtn .va{ font-size:.875em; opacity:.8; font-weight:500; display: flex; align-items: center; gap: 0.3em; color: #111;}
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn .va{color: #fff;}
#footer .Rmenu_wrap .lang_wrap .wrapBtn .arrow{ margin-left:auto; }
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn .arrow{ margin-left:auto; color: #fff; }
#footer .Rmenu_wrap .lang_wrap .wrapBtn .arrow:before{content:"\e936"; transition:.5s; display:block; }
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn .arrow:before{ transform:rotate(180deg); }
#footer .Rmenu_wrap .lang_wrap .langList{ position:absolute; left:0; bottom: 100%; width:100%; background:#114a86; visibility:hidden; opacity:0; transition:.3s}
#footer .Rmenu_wrap .lang_wrap .langList > li > a{ display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 2vmin; height:2.7em; font-size:.938em; color: #fff;}
#footer .Rmenu_wrap .lang_wrap .langList > li > a:after{ content:"\e907"; font-family:xeicon; margin-left:auto; display:block}
#footer .Rmenu_wrap .lang_wrap .langList > li.on > a:after{ content:"\e928"}
#footer .Rmenu_wrap .lang_wrap .langList > li:not(.on) > a:after{ transform:translateX(100%); opacity:0; transition:.3s}
#footer .Rmenu_wrap .lang_wrap .langList > li:not(.on):hover > a{ background:rgba(0,0,0,.1)}
#footer .Rmenu_wrap .lang_wrap .langList > li:not(.on):hover > a:after{ transform:translateX(0); opacity:1}
#footer .Rmenu_wrap .lang_wrap .langList > li > a img{ height:1em; display:block;}
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn{ background: #114a86; border: 2px solid #458edb; }
#footer .Rmenu_wrap .lang_wrap.on .langList{ visibility: visible; opacity:1; background: #114a86;}


/*MAIN PAGE*******************/
/*.main_visual{ position:relative;}
.main_visual .visual .slick-track{ height:830px;}
.main_visual .visual .item{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main_visual .slogan{ position:absolute; top:6.5em; left:0; width:100%;}
.main_visual .slogan .slogan_area{ padding-left:2em; font-family:inherit; text-align:center}
.main_visual .slogan .t1{ font-size:1.125em; padding-bottom:.5em; letter-spacing:-.5px; color:#fff}
.main_visual .slogan .t2{ font-size:2.270em; letter-spacing:-1px; font-weight:600; color:#fff; background:rgb(10,109,54,.8); padding:.2em .8em .3em .8em; display:inline-block;}
.main_visual .slogan .c1{ color:#f78022; font-weight:600;}
.main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%;}
.main_visual .arrow_wrap > li{ position:absolute; top:-2.5em; text-align:center;}
.main_visual .arrow_wrap > li.prev{ left:0;}
.main_visual .arrow_wrap > li.next{ right:0;}
.main_visual .arrow_wrap > li .xi{ width:1.8em; line-height:1.8em; background:rgba(0,0,0,.15); border-radius:100%; font-size:2.500em; color:#fff; cursor:pointer;}
*/

.mainH{height:calc(100vh - 5em) !important;}
.main_visual_wrap{ position:relative;}
.main_visual.st{ position:relative;}
.main_visual.st .visual.st{ position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual.st .visual.st .el{position:relative;overflow:hidden;}
.main_visual.st .visual.st .el .in,
.main_visual.st .visual.st .el .resize{ padding:0; position:absolute; top:0; left:0; width:100%; height:100%;}

/* visual new */




.main_section1{ position:relative; top:-150px}
.main_section1 .list01{ box-shadow:1px 5px 10px rgba(0,0,0,0.3); border-radius:.5em; overflow:hidden}
.main_section1 .list01 > li{ width:33.33%; height:100%; min-height:247px;}
.main_section1 .list01 > li.bg1{ background:#f9f9f9;}
.main_section1 .list01 > li.bg2{ background:#fff}
.main_section1 .list01 > li.bg3{ background:#426d47}
.main_section1 .list01 > li .inBox > dl{ text-align:left; padding:2em; position:relative}
.main_section1 .list01 > li .inBox > dl .icon{ position:absolute; right:1em; bottom:1em}
.main_section1 .list01 > li .inBox > dl .tt{ font-size:1.375em; letter-spacing:-.5px; line-height:1.3; color:#252726; font-weight:600;}
.main_section1 .list01 > li .inBox > dl .c1{ color:#fff !important}
.main_section1 .list01 > li .inBox > dl .t1{ font-size:.938em; line-height:1.6; color:#252726; padding-top:.5em}
.main_section1 .list01 > li.list02{ width:33.33%; height:220px; max-height:100%;}
.main_section1 .list01 > li.list02 .inBox > dl{ text-align:left; padding:1.5em 2em}
.main_section1 .list01 > li.list02 .inBox > dl .tt{ font-size:1.375em; font-weight:600; letter-spacing:-.5px; line-height:1.6; color:#252726}
.main_section1 .list01 > li.list02 .inBox > dl .t1{ font-size:.938em; line-height:1.6; color:#252726; padding-top:.5em}
.main_section1 .list01 > li.list02 .inBox > dl .c1{ color:#fff}
.main_section1 .list01 > li.bg4{ background:#727579}
.main_section1 .list01 > li.bg5{ background:#9f8848}
.main_section1 .list01 > li.bg6{ background:#e3ede4}

.main_section .btn_wrap{ height:2.8em; line-height:2.8em; color:#222; background:#f5f5f5; margin-top:1.5em; display:inline-block; padding:0 1em; cursor:pointer; box-shadow:0.25em 0.25em 0 rgba(0,0,0,.08); border-radius:.3em}
.main_section .btn_wrap > a{ font-size:.875em;}
.main_section .btn_wrap .xi{ vertical-align:middle; padding-left:5px;}
.main_section .btn_wrap.c1{ /*background:#097d3d*/ background:#f5f5f5;}
.main_section .btn_wrap.c1 > a{ color:#333}
.main_section .btn_wrap.c2{ background:#fff;}
.main_section .btn_wrap.c2 > a{ color:#222}

.main_section .btn_wrap2{ margin-top:1.5em}
.main_section .btn_wrap2 > ul > li > .btn_ul{ border:1px solid #fff; display:inline-block; height:2.8em; line-height:2.8em; margin-left:-1px; padding:0 1.2em; color:#fff; font-size:.8em; letter-spacing:-1px; border-radius:.3em; margin-right:.3em}
.main_section .btn_wrap2 > ul > li > .btn_ul.st{ margin-top:-1px}
.main_section .btn_wrap2 > ul > li > .btn_ul.st1{ padding:0 3.5em; font-size:.938em; transition:.3s;}
.main_section .btn_wrap2 > ul > li > .btn_ul.st1:hover{ background:#fff; color:#333;}
.main_section .btn_wrap2 > ul > li > .btn_ul.st2{ border:none; padding-left:1em; position:relative; height:2.3em; line-height:2.3em} /*???????????*/
.main_section .btn_wrap2 > ul > li > .btn_ul.st2:before{ width:5px; height:5px; background:#fff; position:absolute; content:""; left:0; top:13px; border-radius:50%; opacity:.7}

.main_searching{ padding-top:1.8em}
.main_searching .board_search{ font-size:0; float:none;}
.main_searching .board_search .sel_wrap,
.main_searching .board_search .inp_wrap{ display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; font-size:1rem;}
.main_searching .board_search select,
.main_searching .board_search input,
.main_searching .board_search button{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:45px; height:46px; /*border:1px solid transparent; */background-color:transparent; box-sizing:border-box;}
.main_searching .board_search select,
.main_searching .board_search input{ position:relative; margin-left:0; border-color:#ccc; font-size:.875em;}
.main_searching .board_search .search_select{ width:140px; padding-left:15px; color:#111;}
.main_searching .board_search .search_inp{ width:23em; padding:0 50px 0 15px; color:#aaa; background:#fff; border-radius:0}
.main_searching .board_search .search_inp:focus{ color:#111}
.main_searching .board_search .search_btn{ position:absolute; top:0; right:10px; border:none; font-size:1.250em;}
.main_searching .board_search .search_btn .xi{ color:#044ea3; transition:.3s;}
.main_searching .board_search .search_btn:hover .xi{ color:#044ea3;}

.main_section2{ position:relative; top:-6em}
.main_section2 .box1{ overflow:hidden}

.recently_wrap{ position:relative; float:left}
.recently_wrap, .inq_wrap{ max-width:555px; width:100%; margin-right:30px;}
.recently_wrap .in{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:20px; margin-top:16px; padding-bottom:20px;}
.recently_wrap .in a.tit{ font-size:0.938em; color:#111; margin-bottom:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:90%; display:block}
.recently_wrap .in a.txt{ font-size:0.813em; color:#666; line-height:1.5; /*white-space:pre-wrap; */text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:75px; word-wrap:break-word; display:block}
.recently_wrap .btn{ background:url(../images/main/btn.png) no-repeat center center; display:inline-block; width:18px; height:18px; position:relative; top:0; right:0;}

/**/
.fee_plus{float:left; width:100%; position:relative;}
.fee_plus .tab_wrap{ position:relative; margin-bottom:30px;}
/*.fee_plus .tab_wrap .line{ position:absolute; left:0; bottom:-39px; width:100%; height:1px; background:#ccc;}*/
.fee_plus .tab{ text-align:left; padding-left:1px; padding-bottom:1px;}
.fee_plus .tab > li{width:40%; float:left; margin-bottom:20px; letter-spacing:-0.4px;}
.fee_plus .tab:after{content:""; clear:both;}
.fee_plus .tab > li > a.btn_tt{ position:relative; z-index:101; display:block; border:1px solid #ccc; border-bottom:none; padding:15px 10px; background:#f5f5f5; margin-left:-1px; position:relative; text-align:center;}
.fee_plus .tab > li > a.btn_tt .va_tt{ /*display:block; */font-size:0.938em; color:#666; }
.fee_plus .tab > li:hover > a.btn_tt,
.fee_plus .tab > li.on > a.btn_tt{ z-index:101; background:#fff; border-color:#ddd; text-align:center; font-size:1em; color:#111; font-family:'notokrM';}
.fee_plus .tab > li:hover > a.btn_tt:after,
.fee_plus .tab > li.on > a.btn_tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.fee_plus .tab > li:hover .va_tt,
.fee_plus .tab > li.on .va_tt{ color:#111;}
.fee_plus .btn{ background:url(../images/main/btn.png) no-repeat center center; display:block; width:18px; height:18px; position:absolute; top:8px; right:0;}

/**/
.inq_wrap .txt_box .xi-minus-min{ font-size:0.750em; color:#666}
.inq_wrap .txt_box .tx{ font-size:0.875em; color:#333; display:block; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:-0.5px; text-align:left; margin:.6em 0; width:70%}
.inq_wrap .txt_box .date{ font-size:0.875em; color:#b3b3b3; float:right; text-align:right; margin:.6em 0; }
.inq_wrap .txt_box{ display:block; border-bottom:1px solid #ccc; clear:both; padding-bottom:5px;}
.inq_wrap .txt_box ul{ overflow:hidden;}
.inq_wrap .txt_box li{ float:left; overflow:hidden; width:100%;}

.main_section2 .gall_wrap{ max-width:320px; width:100%; float:left; position:relative; margin-right:1em; border:1px solid #ccc; border-radius:.5em; box-sizing:border-box; overflow:hidden}
.main_section2 .gall_wrap .item.slick-slide{}
.main_section2 .gall_wrap .tt{ padding:1em 1.5em .8em 1.5em;}
.main_section2 .gall_wrap .visual .slick-track{ height:200px;}
.gall_wrap .visual .item{ height:100%;}
.gall_wrap .visual .item > dl{ padding:1em}
.gall_wrap .visual .item > dl > dt{ font-size:1em; transition:.3s}
.gall_wrap .visual .item > dl > dt:hover a{ color:#1e83d0}
.gall_wrap .visual .item > dl > dd{ font-size:.875em; color:#666; margin-top:1em}
.gall_wrap .visual .item > dl > dd .xi{ margin-right:3px}
.gall_wrap .visual .item .item_img{ height:200px; background-repeat:no-repeat; background-position:50% 90%; background-size:cover;}

.gall_wrap .slick-dots{ position:absolute;; right:1em}
.gall_wrap .arrow_wrap{ position:absolute; right:0; top:-10px; z-index:111; overflow:hidden}
.gall_wrap .arrow_wrap > li{ float:left}
.gall_wrap .arrow_wrap > li > i{ background:#ddd; color:#222; text-align:center}

.gall_wrap .slick-dots{ position:absolute; right:20px; top:-33px}
.gall_wrap .slick-dots ul > li{ float:left}
.gall_wrap .slick-dots ul > li button{ width:12px; height:12px; background:#ddd; font-size:0; border:none !important; border-radius:50%; margin-right:5px}
.gall_wrap .slick-dots ul > li.slick-active button{ background:#0ea04f;}

.main_section2 .edu_wrap{ float:left; max-width:290px; width:100%; max-height:260px; height:100%; cursor:pointer}
.main_section2 .edu_wrap .in{ background:url(../images/main/edu_img.jpg) no-repeat center center; background-size:cover; padding:20px 0 50px 0}
.main_section2 .edu_wrap .in:hover .icon{ background:#044ea3;}
.main_section2 .edu_wrap .in .tt{ color:#fff; line-height:1.6; font-size:1.125em; text-align:center; margin:1em 0}
.main_section2 .edu_wrap .in .icon{ background:#1d7bbd; width:78px; height:78px; line-height:78px; text-align:center; border-radius:50%; margin:0 auto; transition:.3s}
.main_section2 .edu_wrap .in .icon > i{ color:#fff; font-size:2.5em}

.main_section2 .cs_wrap{ float:left; max-width:320px; width:100%; max-height:250px; height:100%; border-radius:.5em; background:#f5f5f5; box-sizing:border-box; border:1px solid #ccc;}
.main_section2 .cs_wrap .txt_wrap{ padding:1.5em 1.5em;}
.main_section2 .cs_wrap .t0{ font-size:1.125em; font-weight:600; margin-bottom:1.5em;}
.main_section2 .cs_wrap .t1{ margin-bottom:10px;}
.main_section2 .cs_wrap .t1 .tit{ background:#0ea04f; color:#fff; padding:.3em; font-size:.875em; margin-right:.5em; letter-spacing:-1px; border-radius:.3em;}
.main_section2 .cs_wrap .t1 .txt{ font-size:1.375em; font-weight:600; font-family:'Ms'; display:block; margin-top:.5em}
.main_section2 .cs_wrap .t1 .txt.st{ font-size:1.125em; letter-spacing:-1px;}
.main_section2 .cs_wrap .time{ line-height:1.5; color:#333; letter-spacing:-1px; font-size:.857em}

.main_section3{ background:#e9eef2; padding:1.5em 0 4em; position:relative; top:-3em}
.main_section3 .list01{ overflow:hidden}
.main_section3 .list01 .area1{ max-width:890px; width:100%;}
.main_section3 .list01 .area2{ max-width:290px; width:100%;}
.main_section3 .list01 dl{ overflow:hidden; background:#fff; position:relative}
.main_section3 .list01 dl.st1{ padding:2em 2em 1.5em 2em;}
.main_section3 .list01 dl.st2{ padding:1.5em 2em 2em 2em;}
.main_section3 .list01 dl.st1:after{ content:""; position:absolute; right:2em; bottom:1px; width:80%; background:#ccc; height:1px}
.main_section3 .list01 dl > dt{ background:#044ea3; color:#fff; width:6em; height:5.5em; float:left; text-align:center}
.main_section3 .list01 dl > dt .year{ font-size:1.270em; display:block; margin-top:1em; font-weight:600; letter-spacing:1px}
.main_section3 .list01 dl > dt .date{ font-size:1.250em; display:block; padding:.3em 0; font-weight:600; letter-spacing:-.5px}
.main_section3 .list01 dl > dd{ float:left; padding-left:2em; padding-top:.5em; width:80%;}
.main_section3 .list01 dl > dd .t1{ font-size:1.125em; color:#044b82; font-weight:600}
.main_section3 .list01 dl > dd .t2{ font-size:.938em; color:#333; padding:10px 0}
.main_section3 .list01 dl > dd .t3{ font-size:.938em; color:#333;}
.main_section3 .list01 .area2 .banner_ul > li > a{ height:8.5em; background:#fff; border:1px solid #cccc; box-sizing:border-box; display:block; margin-bottom:1em}
.main_section3 .list01 .area2 .banner_ul > li .vm_wrap{ display:block; text-align:center; white-space:nowrap}
.main_section3 .list01 .area2 .banner_ul > li .vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.main_section3 .list01 .area2 .banner_ul > li .vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;}
.main_tit{ position:relative}
.main_tit .tit{ font-size:1.375em; font-weight:600; color:#222; margin-bottom:1em; padding-top:.5em}
/*.main_btn{ background:#76829d; width:35px; height:35px; line-height:35px; border-radius:50%; text-align:center; display:inline-block; cursor:pointer; position:absolute; right:.5em; top:.5em; z-index:111}
.main_btn .xi{ font-size:1.250em; color:#555; color:#fff}
*/
.main_btn{ position:absolute; top:.5em; right:0; width:35px; line-height:28px; text-align:center; background:#76829d; border-radius:100%; cursor:pointer}
.main_btn.st{ top:1em; right:1.5em; background:#fff; border-radius:100%; cursor:pointer}
.main_btn.st .xi{ color:#333;}
.main_btn .xi{ font-size:1.250em; color:#fff; transition:.3s; padding:3px 0}
.main_btn:hover .xi{ transform:rotate(180deg);}

/**/
.main_section4{ border-top:1px solid #ccc; background:#fff}
.client_dv{}
#client{ font-size:0; }
#client .client_tit{display:inline-block; *display:inline; zoom:1; width:11%; vertical-align:middle; font-size:1.15rem; color:#222; font-family:ng, sans-serif; font-weight:600;}
#client .btn{display:inline-block; *display:inline; zoom:1; width:20%; /*height: 51px; */  border-right: 1px solid #CCC; box-sizing: border-box; vertical-align:middle; text-align:left}

#client ul.btn{ position:relative; font-size:0;}
#client ul.btn li{  display:inline-block; *display:inline; zoom:1; margin-right:3px; width:28px; line-height:28px; background:#fff; border:1px solid #ccc; cursor:pointer; text-align:center; color:#888; font-size:.75rem;}
#client ul.btn .client_tt{ border:0; width:60px; margin-left:0; margin-right:2em}
#client ul.btn .client_tt:hover{ border:0; cursor:inherit}
#client ul.btn .client_tt .tt{ font-size:1.250em; color:#222; font-weight:600; letter-spacing:-1px}
#client ul.btn li.btn_stop{ color:#0ea04f}
#client ul.btn li.btn_stop:hover{ color:#0ea04f}
#client ul.btn li:hover{border:1px solid #999; color:#888;}

#client .ptn_wrap {display:inline-block; *display:inline; zoom:1; width:80%; vertical-align:middle;}
#client ul.ptn_photo:after { content:""; clear:both; display:block; height:0; visibility:hidden; }

#client ul.ptn_photo li a { display:block; height:69px; cursor:default; box-sizing:border-box; text-align:center;  background:#fff; overflow:hidden; cursor:pointer}
#client ul.ptn_photo li a img{ position:absolute; left:0; top:0; height:69px}

.cus_center_dv{ overflow:hidden; min-height:194px;}
.cus_center_dv .txt_dv{float:left; width:57%; margin-top:58px}
.cus_center_dv .txt_dv .tit01{font-size:1.76em; font-family:notokrB; color:#222; margin-bottom:8px;}
.cus_center_dv .txt_dv .tit01 .st1{font-size:1em;}
.cus_center_dv .txt_dv .txt01{position:relative; padding-left:10px; font-size:0.92em; font-family:ng, sans-serif; line-height:1.5; color:#333;}
.cus_center_dv .txt_dv .txt01 .st1{font-weight:600;}
.cus_center_dv .txt_dv .txt01::before{content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#003a6a;}
.cus_center_dv .cs_dv{float:left; width:43%; margin-top:45px;}
.cus_center_dv .cs_dv .dv01{padding-left:60px; position:relative; margin-bottom:26px;}
.cus_center_dv .cs_dv .dv01::before{content:'\e9d4'; font-family:xeicon; color:#fff; font-size:1.625em; width:52px; height:52px; text-align:center; line-height:52px; background:#003a6a; border-radius:50%; display:block; position:absolute; left:0; top:50%; margin-top:-26px;}
.cus_center_dv .cs_dv .dv01 .p1{font-size:1.6em; font-family:notokrB; color:#003a6a;}
.cus_center_dv .cs_dv .dv01 .p2{font-size:0.92em; font-family:ng,sans-serif; color:#444;}

.cus_center_dv .cs_dv .dv02{padding-left:60px; position:relative;}
.cus_center_dv .cs_dv .dv02::before{content:'\ea06'; font-family:xeicon; color:#fff; font-size:1.500em; width:52px; height:52px; text-align:center; line-height:52px; background:#003a6a; border-radius:50%; display:block; position:absolute; left:0; top:50%; margin-top:-26px;}
.cus_center_dv .cs_dv .dv02 .p1{font-size:1.67em; font-family:notokrB; color:#003a6a; cursor:pointer;}

/**/
.main_section2 .board{ width:520px; float:left; margin-right:1em}
.main_section2 .board .tab_wrap{ position:relative; }
.main_section2 .board .tab_wrap .tab{ padding-left:1px}
.main_section2 .board .tab_wrap .tab > li .more{ display:none; position:absolute; top:.5em; right:0; width:35px; line-height:28px; text-align:center; background:#76829d; border-radius:100%;}
.main_section2 .board .tab_wrap .tab > li .more .xi{ font-size:1.250em; color:#fff; transition:.3s; padding:3px 0}
.main_section2 .board .tab_wrap .tab > li .more:hover .xi{ transform:rotate(180deg);}
.main_section2 .board .tab_wrap .tab > li .tt{ position:relative; margin-bottom:-1px; padding:1em 4.5em; border:1px solid #ccc; color:#888; cursor:pointer; font-size:.938em; letter-spacing:-1px; background:#f5f5f5; display:block; margin-left:-1px}
.main_section2 .board .tab_wrap .tab > li.on .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.main_section2 .board .tab_wrap .tab > li.on .tt{ background:#fff; color:#222;}
.main_section2 .board .tab_wrap .tab > li.on .more{ display:block;}
.main_section2 .board .list_wrap{ margin-top:15px;}
.main_section2 .board .list_wrap .update{ display:inline-block; *display:inline; zoom:1; padding:.2em .5em; background:#fff; border:1px solid #29323d;}
.main_section2 .board .list_wrap .update > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 .3em;}
.main_section2 .board .list_wrap .update .xi{ font-size:1.125em;}
.main_section2 .board .list_wrap .update .tt{ font-size:.813em;}
.main_section2 .board .list_wrap .update .t2{ color:#e2293a; font-weight:500;}
.main_section2 .board .list_wrap .notice_list{ margin-top:20px;}
.main_section2 .board .list_wrap .notice_list > li{ position:relative; padding-right:80px; line-height:35px;}
.main_section2 .board .list_wrap .notice_list .link{ position:relative; display:block; padding-left:15px; font-size:.938em; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_section2 .board .list_wrap .notice_list .link:before{ content:""; position:absolute; left:0; top:50%; margin-top:-4px; width:8px; height:8px; background:#ccc; border-radius:100%;}
.main_section2 .board .list_wrap .notice_list .date{ position:absolute; top:0; right:0; text-align:right; font-size:.813em; color:#666;}
.main_section2 .board .list_wrap .notice_list > li:hover .link{ text-decoration:underline;}

/*contents*/
.dp1_calculator #content{ height: 100vh;}
#contents{ position:relative; margin-top: 80px;}
#contents .doc.pb{ padding-bottom: 6em;}
#contents:before{ content:""; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; background:#ecf0f4; height:8em;}
.main #contents:before {display:none !important; opacity:0 !important; height:inherit;}
#contents .subVisual_wrap{ position:relative;/* z-index:10; */height:200px; background:#ebf2f5}
#contents .subVisual_wrap .subVisual{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; padding-left:100px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.5s;}
/*#contents .subVisual_wrap .subVisual.bg_1{ background-image:url(../images/sub/s_visu1_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_bg.jpg);}*/
/*.dp1_2.dp2_1 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_1_bg.jpg);}
.dp1_2.dp2_2 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_2_bg.jpg);}
.dp1_2.dp2_3 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_4 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_4_bg.jpg);}
.dp1_2.dp2_5 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_5_bg.jpg);}
.dp1_2.dp2_6 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_5_bg.jpg);}
.dp1_2.dp2_7 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_5_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_3{ background-image:url(../images/sub/s_visu3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_4{ background-image:url(../images/sub/s_visu5_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_5{ background-image:url(../images/sub/s_visu4_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_6{ background-image:url(../images/sub/s_visu6_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_7{ background-image:url(../images/sub/s_visu7_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_member{ background-image:url(../images/sub/s_visu5_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_mypage{ background-image:url(../images/sub/s_visu5_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_guide{ background-image:url(../images/sub/s_visu5_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_search{ background-image:url(../images/sub/s_visu10_bg.jpg);}*/
#contents .subVisual_wrap .subVisual.on{ padding-left:0;}

#contents .subVisual_wrap .subVisual.bg_1{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_1 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_2 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_3 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_4 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_5 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_6 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
.dp1_2.dp2_7 #contents .subVisual_wrap .subVisual.bg_2{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_3{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_4{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_5{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_6{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_7{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_member{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_mypage{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_guide{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}
#contents .subVisual_wrap .subVisual.bg_search{ background-image:url(../images/sub/s_visu2_3_bg.jpg);}

#contents .subTitle{ position:relative; z-index:inherit; display:table}
#contents .subTitle .tit_area{ display:table-cell; vertical-align:middle; text-align:center; filter:alpha(opacity=0); opacity:0; transition:1s;}
#contents .subTitle .tit_area .tit{ color:#fff; transition:1s;}
#contents .subTitle .tit_area .tit1{ font-family:'LatoR',sans-serif; font-size:1em; margin-bottom:15px; transform:translateX(-60px); text-transform:uppercase}
#contents .subTitle .tit_area .tit2{ font-size:2.188em; /* text-shadow:1px 1px 1px rgba(0,0,0,.5);*/ font-family: 'notokrM'; transform:translateX(60px);}
#contents .subTitle.on .tit_area{ filter:alpha(opacity=100); opacity:1;}
#contents .subTitle.on .tit_area .tit{ transform:translateX(0);}

#contents .subNav_wrap{ position:absolute; z-index:inherit; left:0; bottom:0; width:100%;}
#contents .subNav_wrap .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:.6;}
#contents .subNav_wrap .tt{ display:block; height:55px; line-height:55px; color:#fff; transition:.2s;}
#contents .subNav_wrap .nav{ float:left; border-right:1px solid #000; border-left:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav > div{ float:left; position:relative;}
#contents .subNav_wrap .nav .tt{ border-left:1px solid #000; border-right:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav .home .tt{ width:60px; text-align:center;}
#contents .subNav_wrap .nav .home .tt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav .home:hover .tt{ background:#247bd2;}
#contents .subNav_wrap .nav div[class^="depth"]{}
#contents .subNav_wrap .nav div[class^="depth"] .tt{ min-width:130px; padding:0 60px 0 30px; cursor:pointer;}
#contents .subNav_wrap .nav div[class^="depth"] .tt:after{ content:"\e942"; font-family:xeicon !important; font-style:normal; font-size:1.438em; color:#fff; position:absolute; top:0; right:20px;}
/*#contents .subNav_wrap .nav div[class^="depth"] .tt.on{ color:#3fd4ff;}
#contents .subNav_wrap .nav div[class^="depth"] .tt.on:after{ color:#3fd4ff;}*/
#contents .subNav_wrap .nav div[class^="depth"]:hover .tt{ background:#1e212b;}
#contents .subNav_wrap .nav .gnb,
#contents .subNav_wrap .nav .depth_1 .gnb .m_member,
#contents .subNav_wrap .nav .depth_1 .gnb .m_mypage,
#contents .subNav_wrap .nav .depth_1 .gnb .m_guide{ display:none;}
#contents .subNav_wrap .nav .gnb{ position:absolute; top:100%; left:0; right:0; background:#1e212b;}
#contents .subNav_wrap .nav .gnb li > a{ display:block; border-top:1px solid rgba(255,255,255,.15); padding:10px 15px 10px 30px; font-size:.938em; color:#fff; font-weight:300; transition:.3s;}
#contents .subNav_wrap .nav .gnb li:hover > a,
#contents .subNav_wrap .nav .gnb li.on > a{ background-color:#00397f;}

#contents .subNav_wrap .sns{ float:right; position:relative;}
#contents .subNav_wrap .sns .tt{ position:relative; padding-left:12px; margin-left:12px;}
#contents .subNav_wrap .sns .tt:before{ content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background:#fff; filter:alpha(opacity=20); opacity:.2;}
#contents .subNav_wrap .sns > li:first-child .tt{ padding-left:0; margin-left:0;}
#contents .subNav_wrap .sns > li:first-child .tt:before{ display:none;}
#contents .subNav_wrap .sns .tt:hover .xi{ color:#3fd4ff; transition:.3s;}
/*lnb*/
#contents .sub_wrap{}
#contents .sub_gnb{ /*float:left; width:235px; position:relative*/ /*flex:0 0 14em*/ width:13.5em; position:relative;/* top:-2.5em;*/}
#contents .sub_gnb .gnb{ text-align:center}
#contents .sub_gnb .gnb > li{ display:none}
#contents .sub_gnb .gnb > li.on,
#contents .sub_gnb .gnb > li.on .dp2{ display:block}
#contents .sub_gnb .gnb > li .dp3{ display:none}
#contents .sub_gnb .gnb > li .dp2 li.on .dp3{ display:block !important}
#contents .sub_gnb .gnb > li .dp1{ color:#fff; height:auto; text-align:left; position:relative; height:8.5em; overflow:hidden; background:linear-gradient(135deg, #1a9fbb 0%, #005bbb 100%); border-radius:1em 0 0 0; padding:.8em 2em .8em 1em;}
#contents .sub_gnb .gnb > li .dp1:after{ content:""; position:absolute; bottom:0; width:20em; height:20em; background:#fff; border-radius:100%; opacity:.1;}
#contents .sub_gnb .gnb > li .dp1:before{ left:0}
#contents .sub_gnb .gnb > li .dp1:after{ right:0}

#contents .sub_gnb .gnb > li .dp1 .vm_tt{ font-size:1.25em; font-family:'notokrM'; padding-left:.8em}
#contents .sub_gnb .gnb > li ul,
#contents .sub_gnb .gnb > li li{ font-size:1em}
#contents .sub_gnb .gnb > li .dp2{ border-top:none; border-bottom:none}
#contents .sub_gnb .gnb > li .dp2 a{ padding-left:1em; padding-right:1.5em; color:#333; text-align:left; position:relative; font-family:'notokrM';}
#contents .sub_gnb .gnb > li .dp2 > li{ display:block; border:1px solid #ccc; margin-top:.3em}
#contents .sub_gnb .gnb > li .dp2 > li > a{ padding-top:1em; padding-bottom:1em; transition:.3s; overflow:hidden; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #e9ecf2 100%)}
/*#contents .sub_gnb .gnb > li .dp2 > li > a:after{ content:""; position:absolute; width:1em; height:1em; right:-.5em; bottom:-.5em; transform:rotate(45deg); background:#0ea04f; opacity:0}*/
#contents .sub_gnb .gnb > li .dp2 > li.on > a:after,
#contents .sub_gnb .gnb > li .dp2 > li:hover > a:after{ opacity:1}
#contents .sub_gnb .gnb > li .dp2 > li > a .vm_tt{ font-size:.938em;}
#contents .sub_gnb .gnb > li .dp2 > li > a .arrow{ position:absolute; right:.3em; top:50%; margin-top:-.6em; font-size:1.625em; color:#183070; opacity:0}
#contents .sub_gnb .gnb > li .dp2 > li > a .arrow:before{ content:"\e916";}
#contents .sub_gnb .gnb > li .dp2 > li.on > a .arrow{ /*opacity:1*/}
#contents .sub_gnb .gnb > li .dp2 > li.on > a{}
#contents .sub_gnb .gnb > li .dp2 > li.on > a,
#contents .sub_gnb .gnb > li .dp2 > li:hover > a{ color:#173072; background:#ecf0f4; font-family:'notokrB'; border: 2px solid #173072;}
#contents .sub_gnb .gnb > li .dp2 > li:hover{ border-color:#173072}
#contents .sub_gnb .gnb > li .dp3{ border-top:1px solid #ddd; padding:.4em;}
#contents .sub_gnb .gnb > li .dp3 > li{ margin-top:1px}
#contents .sub_gnb .gnb > li .dp3 > li > a{ position:relative; padding:.6em 1.2em .6em .8em; background:#e9ecf2;}
#contents .sub_gnb .gnb > li .dp3 > li > a:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:.4em; top:50%; margin-top:-.5em;}
#contents .sub_gnb .gnb > li .dp3 > li > a .vm_tt{ font-size:.813em}
#contents .sub_gnb .gnb > li .dp3 > li.on > a,
#contents .sub_gnb .gnb > li .dp3 > li:hover > a{ color:#fff; background:#1799c8}
#contents .sub_gnb .gnb > li .dp3 > li.col > a { background:#e0383e; color:#fff;}
#contents .sub_gnb .gnb > li .dp3 > li.col.on > a,
#contents .sub_gnb .gnb > li .dp3 > li.col:hover > a{ color:#fff; background:#e0383e}
#contents .sub_gnb .gnb > li .dp3 > li.col.on > a .vm_tt:after,
#contents .sub_gnb .gnb > li .dp3 > li.col:hover > a .vm_tt:after{ background:#e0383e}

#contents .sub_gnb .gnb > li .dp3 > li.on > a .vm_tt:after,
#contents .sub_gnb .gnb > li .dp3 > li:hover > a .vm_tt:after{ background:#1a9fbb}
#contents .sub_gnb .gnb > li .dp3 > li > a .vm_tt{ font-size:.813em; position:relative; padding-left:.8em}
#contents .sub_gnb .gnb > li .dp3 > li > a .vm_tt:after{ content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; background:#aaa}

#contents .sub_gnb .gnb > li .dp2 > li > a .vm_tt .message_icon {vertical-align:baseline; padding-left:3px;}
#contents .sub_gnb .gnb > li .dp2 > li > a .vm_tt .message_icon .tt {vertical-align:baseline; font-size:.875em; color:#333}
#contents .sub_gnb .gnb > li .dp2 > li > a .vm_tt .message_icon .tt .num {vertical-align:baseline; color:#d82744; font-size:.875em;}

#contents .sub_gnb .gnb > li.m_certified .dp1,
#contents .sub_gnb .gnb > li.m_check .dp1 {line-height: 2em; padding: 2em 2em 2em 1em;}

#contents .sub_con{ /*float:right; width:930px*/ /*flex:1 0; padding-left:2em;*/ background:#fff; flex:1; padding-left:1.5em; min-width:0;}

#contents .sub_tit_wrap{ border-bottom:1px solid #ddd; position:relative; background:#fff; transition:.3s; line-height:5em}
#contents .sub_tit_wrap .va_wrap{ height:5em; text-align:left;}
#contents .sub_tit_wrap .va{ width:100%}
#contents .sub_tit_wrap .tit_wrap{ float:left}
#contents .sub_tit_wrap .nav_wrap{ float:right; padding-right:2em}
#contents .sub_tit_wrap .tit{ font-size:1.5em; color:#333; font-family:'notokrM';}
#contents .sub_tit_wrap .nav{ font-size:.813em; color:#888; padding:.8em .2em 0 0; letter-spacing:0;}
#contents .sub_tit_wrap .nav *{ vertical-align: top}
#contents .sub_tit_wrap .nav span:before{ content:"\e93f"; font-family:xeicon!important; padding:0 .3em}
#contents .sub_tit_wrap .nav .home{ margin-top:-.1em}
#contents .sub_tit_wrap .nav .this{ color:#454b5b; vertical-align:top}

#contents .subCon{ position:relative; /*top:-10em*/ padding-bottom:10em; padding-top:3em; z-index:1;}
#contents .subCon .subPage_Tit{ border-bottom:1px solid #ccc; text-align:center;}
#contents .subCon .subPage_Tit .in{ position:relative; display:inline-block; *display:inline; zoom:1; padding:40px 50px 20px 50px; font-size:1.875em; color:#000; text-transform:uppercase;}
#contents .subCon .subPage_Tit .in:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#0ea04f;}

#contents .subCon .doc{ padding:2em 0 10em 0;}
#contents .subCon .doc.st{ padding:2em 0 0 0;}
#contents .subCon .doc_wrap{ width:1200px; max-width:100%;}

/*=================================================main=================================================*/
.main_Visual_W {position:relative;}
.main_up_conw {position:absolute; left:0; bottom:5%; width:100%; bottom:-10px; }

.main_menu{}
.main_menu > li{ flex:1; margin-left:1em;}
.main_menu > li:first-child{ margin-left:0;}
.main_menu > li .in{ position:relative; height:3em; padding:2em 1em; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; /*cursor:pointer;*/ text-align:center; color:#fff; border-radius:7px; transition:.2s;}
.main_menu > li .in:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(0deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%); border:solid #fff; border-width:0; opacity:.6; transition:.3s;}
.main_menu > li.st1 .in{ background:#c10017; background:#e0383e}
.main_menu > li.st2 .in{ background:#4983c5; background:#003876;}
.main_menu > li.st3 .in{ background:#f0be5c; background:#003876;}
.main_menu > li.st4 .in{ background:#9cc975; background:#003876;}
.main_menu > li.st5 .in{ background:#636b85; background:#003876;}
.main_menu > li.st6 .in{ background:#003876;}

.main_menu > li .in .con{ position:relative; width:100%;}
.main_menu > li .in .con .t_list {padding-top:1em; text-align:center; height:3em;}
.main_menu > li .in .con .t_list > p {font-size:.875em; line-height:1.5; text-align:left; position:relative; padding-left:.6em;}
.main_menu > li .in .con .t_list > p:before {position:absolute; content:""; left:1px; top:8px; border-radius:50%; width:3px; height:3px; background:#fff}
.main_menu > li .in .con .tt{ font-size:1.5em; letter-spacing:-1px; text-align:center; font-family:'notokrB'; position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%)}
.main_menu > li .in .in_btn{/*margin-top:1.250em; */opacity:0; transition:.2s; z-index:999;}
.main_menu > li .in .in_btn > li .btn{ display:block; margin:0 3px; padding:.8em .5em; background:#fff; border:1px solid #fff; font-size:.813em; color:#1d4183;}
.main_menu > li .in .in_btn.flex{ }
.main_menu > li .in .in_btn.flex > li{ flex:1;}
.main_menu > li .in .more_iCon {opacity:1; position:absolute; right:10%; bottom:15%; z-index:1; display:none}

.main_menu > li .in:hover{ box-shadow:3px 3px 10px rgba(0,0,0,.3);}
.main_menu > li:not(.hover) .in:hover{ }
.main_menu > li:not(.hover) .in:hover:before{ border-width:4px;}
.main_menu > li .in:hover .con .tt{ text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.main_menu > li .in:hover .con .tt {transition:.3s; top:-1.6em; transform:translateX(-50%)}
.main_menu > li .in:hover .in_btn {position:absolute; bottom:-.5em; left:0; right:0; height:100%;}

.main_menu > li.hover .in .hover_con{ position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden;}
.main_menu > li.hover .in .hover_con > li{ position:relative; flex:1;}
.main_menu > li.hover .in .hover_con > li:before{ content:""; position:absolute; left:0; width:100%; height:0; transition:.4s;}
.main_menu > li.hover .in .hover_con > li:nth-child(1):before{ background:#77ccd1; top:0;}
.main_menu > li.hover .in .hover_con > li:nth-child(2):before{ background:#5395d9; bottom:0;}
.main_menu > li.hover .in .hover_con > li .in_con{ position:relative; height:100%; padding:0 1em;}
.main_menu > li.hover .in .hover_con > li .in_con > *{ flex:1;}
.main_menu > li.hover .in .hover_con > li .in_con .tt{ display:block; font-size:1.125em;}
.main_menu > li.hover .in:hover .hover_con{ opacity:1; visibility:visible; transition:.4s;}
.main_menu > li.hover .in:hover .hover_con > li:before{ height:100%;}
.main_menu > li .in:hover .con .in_btn,
.main_menu > li.hover .in .hover_con > li > .in_con:hover .in_btn{opacity:1;}
.main_menu > li .in .in_btn > li .btn:hover {background:rgba(0,0,0,.8); transition:.3s; color:#fff; border:1px solid transparent;}
.main_menu > li:hover .more_iCon {opacity:0 !important; transition:.3s; display:none !important; visibility:hidden !important;}


.main_con1{/*padding:30px 0 40px;*/ margin-bottom:3em;}
.main_con1 .con1_l{width:61%;}
.main_con1 .con1_r{width:37%; width:inherit; min-width:0; flex:1;}
.main_con1 .con1_r .flex {margin-left:5%;}

.main_con1 .con1_l .main_menu_link{}
.main_con1 .con1_l .main_menu_link li{width:24%;}
.main_con1 .con1_l .main_menu_link li .in_wrap{border-radius:10px 0 10px 0; padding:10px; box-sizing:border-box; height:100%; color:#fff; box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.75);}
.main_con1 .con1_l .main_menu_link li .in_wrap.c1{background:#114a86;}
.main_con1 .con1_l .main_menu_link li .in_wrap.c2{background:#2078c3;}
.main_con1 .con1_l .main_menu_link li .in_wrap.c3{background:#2674a1;}
.main_con1 .con1_l .main_menu_link li .in_wrap.c4{background:#126493;}
.main_con1 .con1_l .main_menu_link li .in_wrap.c5{background:#09417c;}

.main_con1 .con1_l .main_menu_link li .in_wrap .in{border:1px solid rgba(255,255,255,.5); height:100%;}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_tit_wrap{padding:18px 0; margin:0 10px; box-sizing:border-box; text-align:center; border-bottom:1px solid rgba(255,255,255,.5);}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_tit_wrap .in_tit{font-size:1.0625em; font-family:'notokrB';}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_ctt_wrap{margin:28px 10px 0;box-sizing:border-box;}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_ctt_wrap .in_ctt{font-size:.8125em; padding-left:12px; position:relative; cursor:pointer; margin-bottom:1rem;}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_ctt_wrap .in_ctt:before{content:''; display:block; width:4px; height:2px; background:#fff; position:absolute; left:4px; top:50%; transform:translateY(-50%);}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_ctt_wrap .in_ctt i{position:absolute; top:-2px; right:0; transition:.3s;}
.main_con1 .con1_l .main_menu_link li .in_wrap .in .in_ctt_wrap .in_ctt:hover i{right:-6px;}

.main_con1 .con1_l .main_menu_link li .in_wrap.st2{height:96px;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2:first-of-type{margin-bottom:10px;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2 .in{}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2 .in .in_tit_wrap{padding:9px 0;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2 .in .in_tit_wrap.st2{border-bottom:none; height:100%;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2 .in .in_tit_wrap.st2 .in_tit{font-size:1.25em; transition:.3s;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2:hover .in .in_tit_wrap.st2 .in_tit{font-size:1.375em;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2 .in .in_ctt_wrap{margin-top:10px;}
.main_con1 .con1_l .main_menu_link li .in_wrap.st2 .in .in_ctt_wrap .in_ctt{margin-bottom:.875rem;}

.main_con1 .con1_r .in_wrap{padding:15px; padding-bottom:30px; box-sizing:border-box; height:13em; width:240px;}
.main_con1 .con1_r .in_wrap .inner {height:110px;}
.main_con1 .con1_r .in_wrap.stl{border:1px solid #ddd; border-radius:10px 0 0 10px;}
.main_con1 .con1_r .in_wrap.str{border:1px solid #ddd; border-left:0; border-radius:0 10px 10px 0;}

.main_con1 .con1_r .in_wrap .con1_r_tit{font-size:1.125em; font-family:'notokrB'; margin-bottom:10px;}

.main_con2{padding:30px 0; box-sizing:border-box; /*margin-bottom:3rem;*/ background:#fafafa; padding:50px 0 30px 0;}
.main_con2 .main_con2_inn {margin:0 0 0 -2.5em;}
.main_con2 .coon {flex:1;}
.main_con2 .coon .in {margin:0 0 0 2.5em;}
/*.main_con2 .con2_l{width:50%}
.main_con2 .con2_r{width:40%}
.main_con2 .con2_r2 {width:10%;}
*/
.main_con2 .con2_tit_wrap{margin-bottom:1.25rem; position:relative;}
.main_con2 .con2_tit_wrap .con2_tit{font-family:'notokrB'; font-size:1.375em;}
.main_con2 .con2_tit_wrap .con2_tit .con2_tit_sub{display:inline-block; margin-left:.5rem; font-size:.9375rem; font-family:'notokrR'; color:#777; vertical-align:baseline; transform:translateY(-2px);}
.main_con2 .con2_tit_wrap .con2_btn{display:inline-flex; width:30px; height:30px; justify-content:center; align-items:center; border-radius:20px; background:#1d4183; position:absolute; left:195px; top:0; cursor:pointer;}
.main_con2 .con2_tit_wrap .con2_btn i{font-size:1.5em; transition:.3s; color:#fff;}
.main_con2 .con2_tit_wrap .con2_btn:hover i{transform:rotate(90deg);}

.txt_blue{color:#1d4183; vertical-align:baseline;}

.main_con2 .con2_l .con2_ctt_wrap{}
.main_con2 .con2_l .con2_ctt_wrap ul{margin-right:-10px}
.main_con2 .con2_l .con2_ctt_wrap ul li{width:50%; cursor:pointer;}
.main_con2 .con2_l .con2_ctt_wrap ul li .inner {margin-left:10px;}
.main_con2 .con2_l .con2_ctt_wrap ul li .img_box{ /*width:100%;height:140px;*/ border-radius:10px; box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.35); margin-bottom:1.25rem; overflow:hidden;}
.main_con2 .con2_l .con2_ctt_wrap ul li .img_box div{transition:.3s;/* width:100%; height:100%;*/ background:#fff;/* padding-bottom:70%; padding-bottom:64.3%;*/}
.main_con2 .con2_l .con2_ctt_wrap ul li:hover .img_box div{transform:scale(1.1);}
.main_con2 .con2_l .con2_ctt_wrap ul li .txt_box{text-align:center;}
.main_con2 .con2_l .con2_ctt_wrap ul li .txt_box p{min-height:44px; font-size:.938em; word-break:keep-all; line-height:1.4; box-sizing:border-box;}

.main_con2 .con2_r .con2_ctt_wrap ul {margin-right:-10px;}
.main_con2 .con2_r .con2_ctt_wrap ul li{width:49%;}
.main_con2 .con2_r .con2_ctt_wrap ul li .inner {margin-left:10px;}
.main_con2 .con2_r .con2_ctt_wrap ul li .vid_box{/*width:100%; height:140px; height:175px; height:141px;*/ border-radius:10px; margin-bottom:1.25rem; overflow:hidden; }
.main_con2 .con2_r .con2_ctt_wrap ul li .vid_box .vid_cover{transform:translateY(100%); width:100%; height:100%; background:rgba(0,0,0,.5); display:flex; justify-content:center; align-items:center; transition:.3s;}
.main_con2 .con2_r .con2_ctt_wrap ul li:hover .vid_box .vid_cover{transform:translateY(0);}
.main_con2 .con2_r .con2_ctt_wrap ul li .vid_box .vid_cover i{color:#fff; transform:rotate(-90deg); font-size:3rem; cursor:pointer; transition:.3s;}
.main_con2 .con2_r .con2_ctt_wrap ul li .vid_box .vid_cover i:hover{transform:rotate(-90deg) scale(1.1);}
.main_con2 .con2_r .con2_ctt_wrap ul li .txt_box{text-align:center;}
.main_con2 .con2_r .con2_ctt_wrap ul li .txt_box p{min-height:44px; font-size:.938em; word-break:keep-all; line-height:1.4; box-sizing:border-box;}

.main_con2 .con2_r2 .con2_ctt_wrap .link{/* width:30%;*/ height:100%}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn{ /*height:50%;*/ box-sizing:border-box; position:relative; background:#fff}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .btn {display:block; padding:.375em 1em; border:1px solid #1d4183; margin-bottom:.45em; text-align:left; color:#333; }
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:first-child {/*border-radius:10px 10px 0 0;*/}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:last-child {/*border-radius:0 0 10px 10px;*/ margin-bottom:0;}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .xi{ display:inline-block; font-size:1.5em; opacity:.5; padding-right:.5em;}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .tt{ font-size:.875em; letter-spacing:-1px; font-family:'notokrM';}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .arrow{ position:absolute; right:1em; top:50%; line-height:1em; margin-top:-.5em; font-size:.625em}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn .arrow:before{content:"\ea3e"}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:hover{ background:#fff; color:#1d4183; border-color:#1d4183; z-index:1}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:hover .xi{ opacity:1}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:hover{ background:#1d4183; color:#fff !important; border-color:transparent}
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:hover .tt,
.main_con2 .con2_r2 .con2_ctt_wrap .link .innn:hover .xi {color:#fff;}

.mainTopCon{ position:relative; z-index:1; overflow:hidden; border-radius:2vmin;}
.mainInfoWrap{ display:flex;}
.mainInfoWrap .wrap{ background:#0f3553; color:#fff; box-sizing:border-box; padding:5vmin; box-sizing:border-box}
.mainInfoWrap .wrap.w1{ width:16em}
.mainInfoWrap .wrap.bg1{ background:#00a9c7}
.mainInfoWrap .wrap.bg2{ background:#128dcb}
.mainInfoWrap .wrap.bg3{ background:#2f6dd4}
.mainInfoWrap .wrap.bg4{ background:#1749a3}
.mainInfoWrap .wrap.p1{ padding-top:3vmin; padding-bottom:3vmin}
.mainInfoWrap .col{ display:flex; flex-direction:column; gap:2vmin}
.mainInfoWrap .grow{ flex:1; min-width:0}
.mainInfoWrap .wrap:not(:last-child){ border-right:1px solid rgba(255,255,255,.2)}
.mainInfoWrap .wrapTit{ display:flex; align-items:center; gap:.5vmin}
.mainInfoWrap .wrapTit .ico{ font-size:1.5em}
.mainInfoWrap .wrapTit .t1{ font-size:1.313em; font-weight:700; line-height:1.1}
.mainInfoWrap .wrapTit .t2{ font-size:1.5em; font-weight:700; line-height:1.1; color:var(--siteC3)}
.mainInfoWrap .wrapTit .t3{ font-size:1.125em; font-weight:700; line-height:1.1}
.mainInfoWrap .wrapTit .t4{ font-size:1.25em; font-weight:700; line-height:1.1; color:var(--siteC3)}
.mainInfoWrap .wrapCon .t1{ font-size:.938em; font-weight:500; opacity:.5}
.mainInfoWrap .wrapCon,
.mainInfoWrap .wrapBtn{ display:flex; margin-top:auto}
.mainInfoWrap .wrapBtn .st{ flex:1; padding:0 2vmin; height:5vmin; display:flex; align-items:center; color: #fff; background:rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.5); border-radius:1vmin; font-weight:700; line-height:1.1; transition:.3s}
.mainInfoWrap .wrapBtn .st .arrow{ margin-left:auto; font-size:1em; transition:.3s}
.mainInfoWrap .wrapBtn .st .arrow:before{content:"\e907"}
.mainInfoWrap .wrapBtn .st:hover{ background:inherit}
.mainInfoWrap .wrapBtn .st:hover .arrow{ transform:translateX(.5em)}
.mainInfoWrap .callW{ display:flex; align-items:center; gap:5vmin; box-sizing:border-box; height:100%}
.mainInfoWrap .callW .wrap1 .t1{ font-weight:700; font-size:1.25em}
.mainInfoWrap .callW .wrap1 .t2{ font-weight:900; color:var(--siteC3); font-size:1.75em}
.mainInfoWrap .callW .wrap2{ padding:1vmin 2vmin; background:rgba(0,0,0,.2); border-radius:1vmin; gap:1vmin}
.mainInfoWrap .callW .wrap2.p2 { padding:1vmin 1vmin; background:rgba(0,0,0,.2); border-radius:1vmin; gap:1vmin}
.mainInfoWrap .callW .wrap2 > li{ display:flex; line-height:1.1; margin:1vmin 0; gap:1vmin}
.mainInfoWrap .callW .wrap2 .tit{ font-size:.938em}
.mainInfoWrap .callW .wrap2 .tt{ font-size:.938em; font-weight:700; text-align:right; flex:1; min-width:0}
.mainInfoWrap.st1 .wrap{ flex:1; padding:2.5vmin 3vmin; padding-bottom:2vmin; gap:1.5vmin}
.mainInfoWrap.st1 .wrap.p2 {padding:3.5vmin 2vmin;}
.mainInfoWrap.st1 .wrap.col{ justify-content:center}
.mainInfoWrap.st1 .wrap .callW{ flex-direction:column; gap:1vmin}
.mainInfoWrap.st1 .wrap .callW > *{ box-sizing:border-box; width:100%}
.mainInfoWrap.st1 .wrap .callW .wrap1{ display:flex; align-items:center; gap:2vmin; justify-content:center}
.mainInfoWrap.st1 .wrap .callW .wrap1 .t2{ font-size:1.5em}
.mainInfoWrap.st1 .wrap .callW .wrap2{}
.mainInfoWrap.st1 .wrap .callW .wrap2 > li{ margin:0; align-items:center}
.mainInfoWrap.st1 .wrap .callW .wrap2 .tit{ font-weight:700; font-size:.875em;}
.mainInfoWrap.st1 .wrap .callW .wrap2 .tt{ font-weight:400; font-size:.813em;}
.mainInfoWrap.st1 .wrap .callW .wrap2 .tt2{ font-weight:400; font-size:.7em;}
.mainInfoWrap.st1 .wrapBtn{ margin-top:0}

.main_con3{padding:4rem 0 7.5rem; color:#fff; background:url('../images/main/main_con3_bg.jpg') no-repeat center/cover; text-align:center;}
.main_con3 .con3_tit_wrap{margin-bottom:4.125rem;}
.main_con3 .con3_tit_wrap .con3_tit_sub{letter-spacing:8px; font-size:.9375em; margin-bottom:1.875rem; font-family:'notokrL';}
.main_con3 .con3_tit_wrap .con3_tit{font-size:1.625em; font-family:'notokrB';}
.main_con3 .con3_ctt_wrap{}
.main_con3 .con3_ctt_wrap ul{width:1000px; margin:0 auto;}
.main_con3 .con3_ctt_wrap ul li{cursor:pointer; transition:.3s;}
.main_con3 .con3_ctt_wrap ul li:hover{transform:scale(1.1);}
.main_con3 .con3_ctt_wrap ul li img{margin-bottom:.875rem;}

/**/
.main_Quick_img_w {position:absolute; z-index:9999; left:0; top:2%; width:10em; display:block}
.main_Quick_img_w .img {}
.main_Quick_img_w .img img {}

.main_Visual_Wrap {}
.main_Visual_Wrap .box1 {max-width:1300px;}
.main_Visual_Wrap .viSual_Con {padding:1em 0; position:relative; padding-left:11em; margin-left:-11em;}
.main_Visual_Wrap .viSual_Con .list {margin:0 0 -2em -2em}
.main_Visual_Wrap .viSual_Con .list .cOn {width:33.33%; cursor:pointer}
.main_Visual_Wrap .viSual_Con .list .cOn .in {/*border:1px solid #ddd;*/ margin:0 0 2em 2em; box-sizing:border-box; /*height:20.438em;*/ min-height:22em; box-shadow:0 0 .75em rgba(0,0,0,.2); border:3px solid transparent}
.main_Visual_Wrap .viSual_Con .list .cOn .in .viSual_tit {text-align:center}
.main_Visual_Wrap .viSual_Con .list .cOn .in .viSual_tit .ti {font-family:'gs'; font-weight:700; font-size:1.5em; padding:.7em 0; color:#000; background:#f5f5f5; letter-spacing:-.6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_Visual_Wrap .viSual_Con .list .cOn .in .viSual_cont {}
.main_Visual_Wrap .viSual_Con .list .cOn .in .viSual_cont .img {overflow:hidden;}
.main_Visual_Wrap .viSual_Con .list .cOn .in:hover{ background:#f9f9f9; box-shadow:0 0 .25em rgba(0,0,0,.3); border:3px solid #162f6f; transition:.3s;}
.main_Visual_Wrap .viSual_Con .list .cOn .in:hover .viSual_tit .ti {transition:.3s;}

.sub_prod_slide .prod_slide{/* margin-left:-1.25em; *//*max-height:450px;*/ overflow:hidden;}
.sub_prod_slide .prod_slide .el{/* float:left; *//* width:25%; */}
.sub_prod_slide .prod_slide .inn{ display:block; /*margin-left:1.25em;*/}
.sub_prod_slide .prod_slide .inn .img{ background:#ffff; overflow:hidden; text-align:center}
.sub_prod_slide .main_arrow_wrap{ position:absolute; left:50%; /*bottom:10%;*/ bottom:-40px; transform:translateX(-50%)}
.sub_prod_slide .main_arrow_wrap li{ position:absolute; top:0; transform:translateY(-50%); width:2em; line-height:2em; background:rgba(255,255,255,.8); border:1px solid #ccc; border-radius:50%;}
.sub_prod_slide .main_arrow_wrap li.prev{ left:-2.5em;}
.sub_prod_slide .main_arrow_wrap li.next{ right:-2.5em;}
.sub_prod_slide .main_dot_wrap{ position:absolute; left:0; right:0; margin-top:1.875em; text-align:center;}

.sub_prod_slide .main_arrow_wrap li{ display:inline-block; text-align:center; color:#222; cursor:pointer; transition:.2s;}
.sub_prod_slide .main_arrow_wrap li .xi{ font-size:1em;}
.sub_prod_slide .main_arrow_wrap li.prev .xi:before{ content:"\e93b";}
.sub_prod_slide .main_arrow_wrap li.next .xi:before{ content:"\e93e";}
.sub_prod_slide .main_arrow_wrap li:hover{color:#162f6f;}

.sub_prod_slide .main_dot_wrap .slick-dots > ul > li{ display:inline-block; padding:0 .375em;}
.sub_prod_slide .main_dot_wrap .slick-dots > ul > li button{ display:block; width:.75em; height:.75em; background:#ccc; border:none; border-radius:100%; overflow:hidden; text-indent:-9999px;}
.sub_prod_slide .main_dot_wrap .slick-dots > ul > li.slick-active button{ background:#005aab;}

/*#contents.member_c .subVisual_wrap{ display:none;}
#contents.member_c .subPage_Tit{ display:none;}*/
/*SUB PAGE*******************/
/*sub style inc*/
.page_sec1{ margin-top:20px !important;}
.page_sec2{ margin-top:40px !important;}
.page_sec3{ margin-top:60px !important;}
.page_sec4{ margin-top:80px !important;}
.page_sec0{ margin-top:10px}

/*inc*********************************/
.page_mg { margin-top:3em !important;}
.page_mg1{ margin-top:1em !important;}
.page_mg2{ margin-top:6em !important;}
.page_mg3{ margin-top:5em !important}
.page_mg4{ margin-top:2em !important}
.page_mg5{ margin-top:4em !important}
.page_mg6{ margin-top:.5em !important}


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

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

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

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#0ea04f;}
.member_wrap .member_form.st1{ border-top:none !important}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.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_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em; border-radius:.3em}
.member_wrap .form .btn_wrap .btn.c1{ background:#0ea04f; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#0ea04f; color:#0ea04f;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

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

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2: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 .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em}
.member_wrap .form2 .check_wrap .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, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);}
.member_wrap .form2 .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;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight: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_wrap .cer_wrap{ text-align:center; width:100%; position:relative;}
.member_wrap .cer_wrap:before {position:absolute; content:""; left:0; top:0; background:#ddd; height:100%; width:1px;}
.member_wrap .cer_wrap:first-child:before {position:inherit;}
.member_wrap .cer_wrap .icon{display:inline-block; *display:inline; zoom:1; width:8em; height:8em; background:#f5f5f5; border-radius:100%; margin:1.5em 0;}
.member_wrap .cer_wrap .icon .xi {font-size:4.5em; color:#666;}
.member_wrap .cer_wrap .tit{color:#003399; font-size:1.5em; padding-bottom:.5em; font-family: 'notokrM';}
.member_wrap .cer_wrap .txt{color:#666; font-size:1.063em; font-family: 'notokrM';}
.member_wrap .cer_wrap .txt .t1{ color:#434343; padding:0 2em;}
.member_wrap .cer_wrap .txt .t2{ font-size:.938em; color:#757575;}
.member_wrap .cer_wrap .btn{  display:inline-block; *display:inline; zoom:1; margin-top:3em; padding:.6em 2.5em; background:#fff; border:1px solid #1f56a4; border-radius:5px; color:#1f56a4; transition:.2s}
.member_wrap .cer_wrap .btn:hover{ background:#1f56a4; color:#fff;}

.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:1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111; font-weight:600}

.page_step_wrap{ text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; 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:#0ea04f;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}

.join_certificaiton_w { padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#1f56a4}

/**/
.label_st.ml{ margin-left:30px}
.label_st.mr{ margin-right:30px}

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

.page_tit{ margin-bottom:.75em; margin-top:4em}
.page_tit:first-child{ margin-top:0}
.page_tit .t1{ font-size:1.570em; color:#222; letter-spacing:-2px; margin-bottom:.5em; font-family:'notokrM';}
.page_tit .t1 > * {vertical-align:baseline !important}
.page_tit .t2{ font-size:.875em; color:#333;}
.page_tit .t3{ font-size:2em; color:#222; letter-spacing:-2px; word-spacing:2px; display:inline-block; text-align:center}
.page_tit .t3:after{ content:""; margin:1em auto 1em auto; width:1em; height:2px; background:#222; display:block}
.page_tit .t4{ font-size:1.063em; color:#222; letter-spacing:-2px; word-spacing:2px; display:inline-block; text-align:center}
.page_tit .t5{ font-size:1.063em; color:#222; letter-spacing:-2px; word-spacing:2px; margin-bottom:.5em;}

.page_tit2 .t1{margin-top:.7em; font-size:1.75em; color:#444; text-align:center; letter-spacing:-2px; margin-bottom:.5em; font-family:'notokrM';}
.page_tit2 .t1 > * {vertical-align:baseline !important}
.page_tit2 .t2{ font-size:1.063em; color:#666; letter-spacing:-1px; line-height:1.4;}


.box_st{ border:1px solid #ddd; border-top-color:#0c66c6; padding:3em; text-align:center}
.box_st p {color:#666; line-height:1.8; font-size:1.063em}
.box_st p.tst {font-size:1.250em;  font-family:'notokrM';}

.step_st{ padding:1px 0 0 1px; overflow:hidden; border-right:1px solid #ddd; margin-bottom:3em}
.step_st > li{ width:20%;}
.step_st > li .in{ background:#f5f5f5; padding:0 1em 0 3em; height:4em; margin:-1px 0 0 -1px; position:relative; color:#888}
.step_st > li:first-child .in {padding:0 0 0 2em}
.step_st > li .in:after{ content:""; position:absolute; z-index:1; right:-2.125em; top:.3em; width:0; padding-left:4em; height:4em; font-size:.875em; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f5f5f5; transform:rotate(45deg)}
.step_st > li .in .icon{ font-size:1.5em; margin-right:.1em; opacity:.3}
.step_st > li .in .tt{ width:80%}
.step_st > li .in .tt .t1{ display:block; font-size:.750em; font-family:'notokrM'; line-height:1; margin-bottom:.25em; opacity:.5}
.step_st > li .in .tt .t2{ font-size:1em; font-weight:500; line-height:1}
.step_st > li.on .in{ background:#1452a7; color:#fff}
.step_st > li.on .in:after{ background:#1452a7; border-color:transparent}
.step_st > li.on .in .icon{ opacity:1}
.step_st > li.on .in .tt .t1{ color:#fff}

.join_select{ margin:0 0 0 -2em; padding:0 8%}
.join_select > li{ flex:1 1 1%}
.join_select > li > a{ display:block; margin:2em 0 0 2em; height:100%; box-sizing:border-box; padding:3em 1em; text-align:center; border:3px solid #eee; transition:.3s}
.join_select > li > a .icon{ display:block; width:5em; line-height:5em; background:#f5f5f5; margin:0 auto; border-radius:50%; color:#999; transition:.3s}
.join_select > li > a .icon:before{ font-size:2em}
.join_select > li > a .t1{ display:block; font-family:'notokrM'; font-size:1.75em; margin:.5em 0}
.join_select > li > a .t2{ display:block; color:#666}
.join_select > li > a .t2.st {font-size:.938em; padding-top:1em;}
.join_select > li > a .more{ display:inline-block; background:#666; color:#fff; margin:0 auto; padding:.5em 2em; margin-top:1em; transition:.3s;}
.join_select > li > a:hover{ border-color:#0c66c6; box-shadow:0 0 1em .125em rgba(0,0,0,.2)}
.join_select > li > a:hover .icon{ color:#0c66c6}
.join_select > li > a:hover .more{ background:#0c66c6; color:#fff}

.join_first_t {text-align:center; font-size:1.313em; font-family:'notokrM'; }

.join_select.sub2_4_3_sT {}
.join_select.sub2_4_3_sT > li > a {padding:1.5em 1em 0 1em}
.join_select.sub2_4_3_sT > li > a .tw {background:#ecf0f4; padding:1em; margin-top:1em;}
.join_select.sub2_4_3_sT > li > a .tw > p {font-size:.875em; text-align:left; letter-spacing:-.1px; color:#3c3c3d; font-family:'notokrR'; margin-bottom:.5em;; position:relative; padding-left:.6em;}
.join_select.sub2_4_3_sT > li > a .tw > p:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#3c3c3d; left:0; top:6px;}
.join_select.sub2_4_3_sT > li > a .tw > p:last-child {margin-bottom:0;}
.join_select.sub2_4_3_sT > li > a .t2{height:3em;}

/**/
.login_wrap .login{ width:29em; max-width:94%; margin:0 auto; position:relative}
.login_wrap.st1{ border:1px solid #ddd; padding:3em; border-radius:.5em}
.login_wrap.st1 .login{ margin:0; flex:0 1 35em}

.login_wrap.st1 .etc_wrap{ flex: 0 1 15em; margin-left:2em; order:1}

.login_wrap .login .mem_tit1{ font-size:1.75em; font-family:'notokrM'; letter-spacing:-2px; word-spacing:2px; margin-bottom:.5em; line-height:1.4; text-align:center; color:#444}
.login_wrap .login .mem_tit{ font-size:1.75em; letter-spacing:-2px; word-spacing:2px; margin-bottom:.5em; line-height:1.4; text-align:center; color:#444}
.login_wrap .login .mem_tit.st{ font-size:1.063em; letter-spacing:-2px; word-spacing:2px; margin-bottom:1em; line-height:1.4; text-align:center; color:#666}
.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 0 0}
.login_wrap .link_wrap .link{ font-size:.875em; padding:0 1em; color:#666; position:relative}
.login_wrap .link_wrap .link:before{ content:""; position:absolute; left:0; top:10%; width:1px; height:80%; background:#ddd}
.login_wrap .link_wrap .link:first-child:before{ display:none}
.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:1em 0 0 .5em}
.login_wrap .btn_wrap{ margin-top:1em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#0c66c6; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; transition:.3s}
.login_wrap .btn_wrap .btn.re{ border-color:#0c66c6; color:#0c66c6; background:#fff}
.login_wrap .btn_wrap .btn.c1{ background:#ecb757; color:#fff; border-color:#ecb757}
.login_wrap .btn_wrap .btn.c2{ background:#aaa; color:#fff; border-color:#aaa}
.login_wrap .btn_wrap .btn.s1{ font-size:1.125em}
.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}

.form_st{border:1px solid #ddd; border-top:3px solid #114a86; padding:1.5em;}
.form_st > li{ margin-top:1em}
.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; transition:.3s}
.dp1_member.dp2_login .form_st > li .in .lab{ background:#fff}
.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; font-family:tahoma,sans-serif}
.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; border-radius:.25em; box-sizing:border-box; transition:.3s}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#0c66c6; margin-left:-.5em}
.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:#0c66c6}
.form_st > li .in .inp.c1{ background:#f1f1f1; border-radius:.25em}

.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 #004455}*/
.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 auto; width:20%; 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{content:"\e929"; font-size:1em; vertical-align:super; margin-left:.25em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.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:.875em; font-family:notokr,sans-serif; font-weight:400}
.form_st.st1 > li .in .inp.s1{ font-size:1.125em; font-weight:500;}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#aaa; border-color:transparent}
.form_st.st1 > li .in .btn.c1 + .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{ max-width:100%}
.form_st.st1 > li .agree{ border-radius:.25em; border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:.75em 3em .75em 1em; position:relative; font-size:.938em; 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}

.msg_wrap{ position:absolute; left:0; top:0; width:100%; margin-bottom:2em; padding:1em 1em 1em 2.75em; box-shadow:0 0 1em .125em rgba(0,0,0,.2); border-radius:.5em; visibility:hidden; transform:translateY(2em); transition:.3s; background:#fff; box-sizing:border-box}
.msg_wrap .icon{ position:absolute; left:1em; top:.875em}
.msg_wrap .icon:before{content:"\e9a7"}
.msg_wrap .t1{ color: #CC3333}
.msg_wrap.on{ position:relative; visibility:visible; transform:translateY(0)}
.wrap_in{ transition:.3s}

/*.step_st{ padding:1px 0 0 1px; overflow:hidden; border-right:1px solid #ddd; margin-bottom:3em}
.step_st > li{ flex:1 1 1%}
.step_st > li .in{ background:#f5f5f5; padding:0 1em 0 3.5em; height:5em; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative; color:#888}
.step_st > li .in:after{ content:""; position:absolute; z-index:1; right:-2.125em; top:.813em; width:0; padding-left:4em; height:4em; font-size:.875em; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f5f5f5; transform:rotate(45deg)}
.step_st > li .in .icon{ font-size:2.5em; margin-right:.25em; opacity:.3}
.step_st > li .in .tt .t1{ display:block; font-size:.875em; font-weight:700; line-height:1; margin-bottom:.25em; opacity:.5}
.step_st > li .in .tt .t2{ font-size:1.125em; font-weight:500; line-height:1}
.step_st > li.on .in{ background:#0c66c6; color:#fff}
.step_st > li.on .in:after{ background:#0c66c6; border-color:transparent}
.step_st > li.on .in .icon{ opacity:1}
.step_st > li.on .in .tt .t1{ color:#fff}
*/
.agree_box .check{ padding:1em .25em; border-top:1px solid #0c66c6; font-size:1.25em; position:relative}
.agree_box .check .arrow{ position:absolute; right:.5em; top:50%; line-height:1; margin-top:-.75em; color:#aaa}
.agree_box .check .arrow:before{ content:"\e943"; font-size:1.5em}
.agree_box .agree_wrap{ height:11em; margin-left:3em}

.agree_wrap{ padding:1.5em; border:1px solid #ddd; font-size:.938em; color:#555; background:#f9f9f9}
.agree_wrap .memo_t {position:relative; padding-left:1.75em; line-height:2;}
.agree_wrap .memo_t:before{ content:"\e9a6"; font-family:xeicon!important; position:absolute; left:0; top:0; color:#1e83d0; font-size:1.250em; line-height:1.5}

.form_In_BTnw {margin-top:.5em;}
.form_In_BTnw .input_bTnn {display:inline-block}

/**/
.page_tbl_wrap {}
.page_tbl_wrap.search_st {background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); border:1px solid #ccc; padding:.6em; margin-bottom:1.5em; border-radius:3px; box-shadow:.1em .1em 0 rgba(0,0,0,.1);}

.page_tbl_wrap .inner {position:relative; padding-right:130px;}
.page_tbl_wrap .inner .btn_wrap {position:absolute; right:0; top:0; height:100% !important; border-radius:5px !important; width:130px; padding:0 .3em; box-sizing:border-box; display:inline-block; max-width:100%;}

/**/
.hover_St:hover {transition:.3s; background:#0d2d4f !important; color:#fff !important; border:1px solid #0d2d4f; }

/**/
.find_wrap .inner{position:relative; margin-top:2em;}
.find_wrap .inner .find_in {margin:0 auto; width:100%; max-width:55%; text-align:center;}
.find_wrap .inner .mem_tit1{ font-size:1.75em; font-family:'notokrM'; letter-spacing:-2px; word-spacing:2px; margin-bottom:.5em; line-height:1.4; text-align:center; color:#444}
.find_wrap .inner .mem_tit2{ font-size:1em; font-family:'notokrR'; letter-spacing:-.5px; color:#666; padding-bottom:1em; text-align:center; line-height:1.45;}
.find_wrap .inner .mem_memo{ /*margin-bottom:1em;*/ text-align:center; background:#ecf0f4; padding:1em;}
.find_wrap .inner .mem_memo > p {text-align:left; font-size:.875em; letter-spacing:-.1px; color:#3c3c3d; font-family:'notokrR';}
.find_wrap .inner .mem_memo > p.tx {padding:.8em; background:#fff; font-size:.875em; margin-top:.7em;}
.find_wrap .inner .mem_memo.tst > p {text-align:center;}

/*6_4 �̷���ȸ �˾� ��Ÿ��*/
.find_wrap.st .inner {margin-top:1em;}
.find_wrap.st .inner .find_in {max-width:inherit;} 

.find_wrap .link_wrap{ padding:0 .5em; margin:1em 0 0 0}
.find_wrap .link_wrap .link{ font-size:.875em; padding:0 1em; color:#666; position:relative}
.find_wrap .link_wrap .link:before{ content:""; position:absolute; left:0; top:10%; width:1px; height:80%; background:#ddd}
.find_wrap .link_wrap .link:first-child:before{ display:none}
.find_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.find_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}

.find_wrap .btn_wrap{ margin-top:2em}
.find_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#0c66c6; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; transition:.3s}
.find_wrap .btn_wrap .btn.s1{ font-size:1.125em}
.login_wrap .btn_wrap .btn:hover{ opacity:.8}

.find_wrap .find_W {border:1px solid #ddd; border-top:3px solid #114a86; padding:1.250em;}
.find_wrap .find_W .ti {color:#2560c2;  font-family:'notokrM'; letter-spacing:-.1px; font-size:.875em; text-align:left; padding-bottom:1em;}
.find_wrap .find_W .list {}
.find_wrap .find_W .list > li{margin-top:.5em;}
.find_wrap .find_W .list > li:first-child{ margin-top:0}
.find_wrap .find_W .list > li .tit {font-size:.938em; font-family:'notokrB'; color:#444; text-align:left;}
.find_wrap .find_W .list > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.find_wrap .find_W .list > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.find_wrap .find_W .list > li .in .icon:before{ font-size:1.313em}
.find_wrap .find_W .list > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em; transition:.3s}
.find_wrap .find_W .list > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-size:.875em;}
.find_wrap .find_W .list > li .in .inp[type=file]{ padding:0 !important; height:3em}
.find_wrap .find_W .list > li .in textarea.inp{ height:10em; padding:1em !important}
.find_wrap .find_W .list > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:.25em; box-sizing:border-box; transition:.3s}
.find_wrap .find_W .list > li .in .inp:focus ~ .lab,
.find_wrap .find_W .list > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#0c66c6; margin-left:-.5em}
.find_wrap .find_W .list > li .in .inp:focus ~ .icon,
.find_wrap .find_W .list > li .in .inp.on ~ .icon{ color:#333}
.find_wrap .find_W .list > li .in .inp:focus ~ .line,
.find_wrap .find_W .list > li .in .inp.on ~ .line{ border-color:#0c66c6}
.find_wrap .find_W .list > li .in .inp.c1{ background:#f1f1f1; border-radius:.25em}

.login_wrap .mem_memo{ /*margin-bottom:1em;*/ text-align:center; background:#ecf0f4; padding:1em;}
.login_wrap .mem_memo > p {text-align:left; font-size:.875em; letter-spacing:-.1px; color:#3c3c3d; font-family:'notokrR';}
.login_wrap .mem_memo > p.tx {padding:.8em; background:#fff; font-size:.875em; margin-top:.7em;}
.login_wrap .mem_memo.tst > p {text-align:center;}


/**/
.sub_Tit_wrap {}
.sub_Tit_wrap .ti {font-family:'notokrM'; margin-bottom:.7em; position:relative; padding-left:.5em; font-size:1.250em; color:#333; color: #114a86;}
.sub_Tit_wrap .ti.st{ font-size: 1.8em; padding-left: .8em;}
.sub_Tit_wrap .ti.st:before{ top: 7px; width: 8px; height: 22px;}
.sub_Tit_wrap .ti:before {position:absolute; content:""; width:4px; height:14px; background:#114a86; left:0; top:5px;}
.sub_Tit_wrap .tx { color:#555; text-align: justify;}

.sub_Txt_wrap {border:1px solid #ddd; box-sizing:border-box; padding:1.3em; margin-bottom:2.5em; border-radius:.5em; /*position:relative; */ flex: 1;}
.sub_Txt_wrap.st1 {border:none; padding:0; text-align:center; font-size:1.5em; font-family:'notokrM';}/*2_1_6_fin.php ���? ������*/
.sub_Txt_wrap.st2{}
.sub_Txt_wrap.st2 .ti{width: calc((100% - 1.5em) / 4); padding-bottom: 0;}
.sub_Txt_wrap.st2 .ti .txt{font-size: .825em; text-align: center; display: block; margin-top: 0.5em;}
.sub_Txt_wrap.mbNo {margin-bottom:0;}
/*.sub_Txt_wrap:before {position:absolute; content:""; width:8%; height:2px; top:-1px; left:0; background:#114a86}*/
.sub_Txt_wrap .ti {color:#0d2d4f; font-family:'notokrM'; font-size:1.13em; letter-spacing:-.5px; padding-bottom:.7em;}
.sub_Txt_wrap .tx { padding-left:.7em; position:relative; padding-bottom:8px; line-height:1.5; color:#282828; font-family:'notokrR'; text-align: justify;}
.sub_Txt_wrap .tx .br{display: block;}
.sub_Txt_wrap .tx:before {position:absolute; left:0; top:10px; content:""; width:.35em; height:1px; background:#3c3c3d; border-radius:50%;}
.sub_Txt_wrap .tx:last-child {padding-bottom:0;}
.sub_Txt_wrap.iconNo .tx:before {display:none}
.sub_Txt_wrap.history .tx {vertical-align:baseline}
.sub_Txt_wrap.history .tx strong {font-family: 'notokrB'; vertical-align:baseline}

.sub_Txt_wrap .cs_wrap {background:#ecf0f4; margin-top:1em; padding:1.188em; border-radius:6px}
.sub_Txt_wrap .cs_wrap .tt {margin-top:1em; font-size:.875em; color:#333; font-family:'notokrM';}
.sub_Txt_wrap .cs_wrap .tt:first-child {margin-top:0;}
.sub_Txt_wrap .cs_wrap .tt > * {vertical-align:baseline !important;}
.sub_Txt_wrap .cs_wrap .tt .xi {font-size:1.125em; background:#f7f7f7; color:#343b4d; border-radius:50%; margin-right:5px; width:25px; height:25px; line-height:25px; text-align:center;}
.sub_Txt_wrap .cs_wrap .tt .mail_Tt {vertical-align:baseline !important;}
.sub_Txt_wrap .cs_wrap .tt .mail_Tt:hover {color:#1799c8; transition:.3s; text-decoration:underline}

.sub_Txt_wrap .flex_cont {gap: 2em;}
.sub_Txt_wrap .left_con {width: 26%;}
.sub_Txt_wrap .left_con img,
.sub_Txt_wrap .left_con video {width: 100%;}
.sub_Txt_wrap .left_con.st1{width: 100%;}
.sub_Txt_wrap .right_con {flex: 1;}

.sub_Txt_wrap img {border: 1px solid #ddd;}
.sub_Txt_wrap .flex.gap05 img {width: calc((100% - 2.1em) / 4);}

.sub_Down_wrap {margin-top:1.3em;}

.sub_Step_wrap {margin:1em 0;}

.sub_Txt_wrap .memo_wrap {padding:1em; background:#f5f5f5; border:1px solid #ddd; margin-bottom:1em;}
.sub_Txt_wrap .memo_wrap .tt {font-size:.875em; color:#333; font-family:'notokrM';}

.sub_Con_wrap {border:1px solid #ddd; box-sizing:border-box; padding:1.3em; margin-bottom:.7em; }

.sub_STit_wrap {}
.sub_STit_wrap .ti {font-family:'notokrR'; margin:.7em 0 .5em 0; font-size:.875em; color:#333;}

.sub_BTxt_wrap {}
.sub_BTxt_wrap .ti {font-family:'notokrR'; font-size:.875em; color:#333; vertical-align:baseline !important;}

.sub_Table_wrap {margin-bottom:2.5em; }

/*  */
.map_wrap {}
.map_wrap .con1 {}
.map_wrap .con1 .info_list{border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.map_wrap .con1 .info_list > li{ padding:2em 2em; border-bottom:1px dashed #ddd;}
.map_wrap .con1 .info_list > li:last-child{ border-bottom:none;}
.map_wrap .con1 .info_list > li .wrap_tit{ width:15em;}
.map_wrap .con1 .info_list > li .wrap_con{ flex:1; padding-left:1.5em;} 
.map_wrap .con1 .info_list > li .wrap_tit .tit{ padding:.5em 0; color:#222;}
.map_wrap .con1 .info_list > li .wrap_tit .tit .tt{ font-weight:500;}
.map_wrap .con1 .info_list > li .wrap_tit .tit .t1{ font-size:1.125em; font-weight: 800;}
.map_wrap .con1 .info_list > li .wrap_tit .tit .t2{}
.map_wrap .con1 .info_list > li .wrap_tit .tit .xi{ font-size:1.125em; padding-right:.5em;}

.map_wrap .con2 {gap: 1em;}
.map_wrap .con2 .el {flex: 1 48%; border: 1px solid #ddd;}
.map_wrap .con2 .el .map {}
.map_wrap .con2 .el .info {background: #f4f4f4; padding: 1em;}
.map_wrap .con2 .el .info .tit {font-size: 1.125em; font-weight: 800; margin-bottom: .5em;}
.map_wrap .con2 .el .info .tt {font-size: .96em; min-height: 2.6em;}

/*  */
.sub1_4_con {padding: 1.5em; background: linear-gradient(135deg, #1a9fbb 0%, #005bbb 100%);}
.sub1_4_con .title_wrap {padding: 2em 0;}
.sub1_4_con .title_wrap .tit1 {font-size: 1.8em; font-weight: 800; color: #fff;}

.infographic_wrap {text-align: center;}
.infographic_wrap h3 {display: inline-block;	padding: 2.5rem 4rem;	margin-left: -5rem;	margin-right: -5rem;	background: var(--siteC2);	border-radius: 10em;	font-size: 1.4em; font-weight: 700; color: #fff;	line-height: 1.52;}
.infographic_wrap .infographic_group {display: flex; position: relative; gap: 1em; box-sizing: border-box;}
.infographic_wrap .infographic_group:before,
.infographic_wrap .infographic_group:after {display: block;	content: '';	position: absolute;}
.infographic_wrap .infographic_group:before {bottom: 100%;	left: 50%;	width: 2px;	height: 5.6rem;	margin-left: -1px;	background: var(--siteC2);	transform: scale3d(1, 1, 1);	transform-origin: top;}
.infographic_wrap .infographic_group:after {inset: 0;	border-radius: 10em;	border: 2px solid var(--siteC2);	clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);animation: prixClipFix .6s 1.4s ease-in-out forwards;animation-play-state: running;}

@keyframes prixClipFix {
	0% {
		clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0)
	}
	10% {
		clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 0, 0 0, 0 0, 0 0)
	}
	40% {
		clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%)
	}
	60% {
		clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 100% 100%, 100% 100%, 100% 100%)
	}
	90% {
		clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 100% 100%, 100% 0, 100% 0)
	}
	/* 100% */
	100% {
		clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 100% 100%, 100% 0, 50% 0)
	}
	/* 100% */
}

.infographic_wrap .infographic_group .item {	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;	gap: 1.6rem;	width: 18rem;	height: 18rem;	padding: 1.2rem;background: rgba(255, 255, 255, .15);	border: 1px solid rgba(255, 255, 255, .25);	border-radius: 50%;	font-size: 1em;	opacity: 1;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-sizing: border-box;}
.infographic_wrap .infographic_group .item h4 {font-size: 1.4em; color: #fff;	font-weight: 700;}
.infographic_wrap .infographic_group .item p {color: #fff;}

/**/
.page_processB{ position:relative}
.step_process{margin-left:-20px; *zoom:1;}
.step_process:after{ content:""; display:block; clear:both;}
.step_process > li{ float:left; text-align:center;}
.step_process > li .inner{ position:relative; margin-left:20px; padding:2em 1em 2em 1em; background:#fbfbfb; border:1px solid #ddd;}
.step_process .icon{ width:80px; height:80px; line-height:80px; text-align:center; background:#fff; border-radius:50%; margin:0 auto; border:1px solid #ccc}
.step_process .icon .xi{ text-align:center; color:#005aab; font-size:2.250em}
.step_process .num{ padding:1.5em 0; font-size:.813em; letter-spacing:0; text-transform:uppercase; color:#114a86; font-family:'notokrM'}
.step_process .tit{ padding:0 .5em; font-size:.938em; color:#333; font-family:'notokrM'; min-height:2.4em;}
.step_process.hst1 .tit {min-height:2.4em;}

.step_process .txt{ font-size:.938em; color:#555; padding-top:1em}
.step_process .line{ position:absolute; top:50%; right:-2em; height:15px; background:#173263;}
.step_process .line1{ width:2em;}
.step_process .line2{ height:0; z-index:-1;}
.step_process .line3{ left:auto; right:50%; width:0;}
.step_process.hst1 .tit {min-height:2.5em;}
.step_process.seC_4 > li{width:25%;}
.step_process.seC_5 > li{width:20%;}

.step_process > li.linkCursor:hover .inner {border:1px solid #162f6f; transition:.3s;}

.step_process1 {margin:0 0 0 -2em;}
.step_process1 > li{ text-align:center; width:25%; position:relative; box-sizing:border-box; height:12.5em; margin-bottom:1em;}
.step_process1 > li:nth-child(5) {height:10em;}
.step_process1 > li:nth-child(6) {height:10em;}
.step_process1 > li:nth-child(7) {height:10em;}
.step_process1 > li:after {position:absolute; content:"\ea3e"; right:-10%; top:40%; transform:translateY(-50%); font-family:xeicon; font-size:1.250em; color:#666}
.step_process1 > li:nth-child(4):after {display:none;}
.step_process1 > li:nth-child(7):after {display:none;}
.step_process1 > li .inner{ position:relative; margin:0 0 2em 2em; text-align:center}
.step_process1 > li .inner .tit {background:#005aab; color:#fff; padding:.6em 0; font-family:'notokrM'; font-size:.938em;}
.step_process1 > li .inner .tit.bg1 {background:#1a9fbb; }
.step_process1 > li .inner .pd_in {padding:1em; background:#fbfbfb; border:1px solid #ddd;}
.step_process1 > li .inner .pd_in .icon{ text-align:center; height:50px;}
.step_process1 > li .inner .pd_in .t1 {padding:.6em 0 0 0; font-family:'notokrM';}
.step_process1 > li .inner .t2 {font-size:.813em; color:#444; padding-top:.6em;}


/**/
.sub2_3_Wrap{background-image:url(../images/sub/sub5_9_bg.jpg); background-repeat:no-repeat; background-position:center center; padding:4em 0 3em 0;}
.sub2_3_Wrap .t_w {text-align:center;}
.sub2_3_Wrap .t_w .ti span {font-size:1.188em; color:#fff; display:inline-block; position:relative; padding-bottom:15px;}
.sub2_3_Wrap .t_w .ti span > strong {font-family:'notokrB'; font-size:1.7em; line-height:1.6; position:relative; margin-bottom:.3em; vertical-align:baseline; display:block}
.sub2_3_Wrap .t_w .ti span > strong:after {position:absolute; content:""; width:100%; height:1px; background:#f5f5f5; bottom:0; left:0; opacity:.42}
.sub2_3_Wrap .t_w .tt span{color:#fff;font-size:.938em; font-family:'notokrR'; display:inline-block; line-height:1.5; margin-top:2em;}

.sub2_3_Wrap_bTn{ text-align:center; margin-top:4em;}
.sub2_3_Wrap_bTn button{ min-width:240px}
.sub2_3_Wrap_bTn .bt_st{ display:inline-block; *display:inline; zoom:1; line-height:40px; border:1px solid #ddd; color:#666; background:#fff; font-size:.875em; position:relative; overflow:hidden; transition:.3s}
.sub2_3_Wrap_bTn .bt_st.c3{ background:linear-gradient(180deg, #00a2d9 0%, #0c66c6 100%); color:#fff; border:none;}
.sub2_3_Wrap_bTn .bt_st:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:-1em; top:0; transition:.3s}
.sub2_3_Wrap_bTn .bt_st .xi{ font-size:1.375em; padding-right:2px; vertical-align: top}
.sub2_3_Wrap_bTn .bt_st:hover{ padding-right:20px}
.sub2_3_Wrap_bTn .bt_st:hover:after{ right:10px}
.sub2_3_Wrap_bTn .bt_st.s1{ line-height:45px; border-radius:30px; font-size:.938em;}

/**/
.person_list{ margin:0 0 0 -1em}
.person_list > li{width:50%}
.person_list .wrap_in{ margin:0 0 1em 1em; border:1px solid #ddd; box-sizing:border-box;}
.person_list .wrap_in .img_wrap{ }
.person_list .wrap_in .img_wrap .in {box-sizing:border-box; width:11em;}
.person_list .wrap_in .img_wrap .vm_wrap:before{/* vertical-align:bottom*/}
.person_list .wrap_in .info_wrap{ position:relative; flex:1; min-width:0; }
.person_list .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}

.person_list .wrap_in .info_wrap .info2{ padding:2em 1em 1em 1.5em; height:20em;}
.person_list .wrap_in .info_wrap .info2 .t1{ color:#222; font-size:1.063em}
.person_list .wrap_in .info_wrap .info2 .t2{ margin:0 0 1em 0; }
.person_list .wrap_in .info_wrap .info2 .t2 .t2_in1 {font-family:'notokrB'; color:#222; font-size:1.5em; vertical-align:baseline;}

.person_list .wrap_in .info_wrap .info2 .info_list{}
.person_list .wrap_in .info_wrap .info2 .info_list .info{ position:relative; padding:10px 0 5px 80px; }
.person_list .wrap_in .info_wrap .info2 .info_list .info .tit{ position:absolute; top:10px; left:0;  font-size:.875em; font-family:'notokrB'; color:#3c3c3d}
.person_list .wrap_in .info_wrap .info2 .info_list .info .txt{ color:#666; font-size:.875em; letter-spacing:-.2px; padding-bottom:.5em; font-family:'notokrM'; position:relative; padding-left:.6em;}
.person_list .wrap_in .info_wrap .info2 .info_list .info .txt:before {position:absolute; content:""; width:4px; height:1px; border-radius:100%; background:#666; left:0; top:8px;}



/**/
.page_tab {text-align:center;}
.page_tab .tab{margin-bottom:3em; }
.page_tab.mgb0 .tab {margin-bottom:0;}
.page_tab .tab > li {}
.page_tab.sec3_st .tab > li {width:33.33%;}
.page_tab.sec4_st .tab > li {width:25%;}
.page_tab.sec5_st .tab > li {width:20%;}
.page_tab .tab > li > a{text-align:center; position:relative; z-index:1; margin:-1px 0 0 -1px; padding:1em 0; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd; color:#666; display:block;}
.page_tab .tab > li > a > .tt {font-size:.875em; letter-spacing:-.2px;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li.on .in{ z-index:2; background:#fff; color:#111;}
.page_tab .tab > li.on .in:before,
.page_tab .tab > li.on .in:after { content:""; position:absolute; left:-1px; right:-1px;}
.page_tab .tab > li.on .in:before{ top:-1px; height:3px; background:#114a86;}
.page_tab .tab > li.on .in:after { bottom:-1px; height:1px; background:#fff;}

.page_tab_IN {text-align:center;}
.page_tab_IN .tab{background:#ecf0f4; padding:1em; margin:2em 0 2em -1em; }
.page_tab_IN .tab > li {flex:1}
.page_tab_IN .tab > li > a{text-align:center; position:relative; z-index:1; margin:0 0 0 1em; padding:1em 0; box-sizing:border-box; display:block; background:#fff; color:#72727d; border-radius:.4em; border:1px solid #ccc;}
.page_tab_IN .tab > li > a > .tt {font-size:.875em; letter-spacing:-.2px;}
.page_tab_IN .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab_IN .tab > li.on .in{ z-index:2; color:#fff; background:#005bbb ; border-radius:.4em; border:1px solid #005bbb ;}


/**/
.greeting .sub_history_tit{padding: 90px 0 70px 65px; background:url(../images/sub/history_top.jpg) no-repeat center;}
.greeting .wrap_idx{ margin-top:-1.5em;}
.greeting .sub_history_wrap{margin-top:2.5em;}
.greeting .sub_history_wrap .sub_history_line{ top:-65px; height:110%;}
.greeting .sub_history_wrap .sub_history > li{ margin-top:20px;}
.greeting .sub_history_wrap .sub_history > li .history{ padding:0;}
.greeting .sub_history_wrap .sub_history > li .history:after{ display:block; clear:both; content:'';}
.greeting .sub_history_wrap .sub_history > li .history:before{ top:13px;}
.greeting .sub_history_wrap .sub_history > li .history .year{ font-size:1.6em; width:130px; float:left; margin-bottom:10px; text-align:center;}
.greeting .sub_history_wrap .sub_history > li .history .list{ float:left; width:calc(100% - 130px); margin-top:3px; box-sizing:border-box; border-left:1px dashed #aaa; padding-left:2em; margin-bottom:15px;}
.greeting .sub_history_wrap .sub_history > li .history .list .tt:before{ content:'-'; margin-right:7px;}

.gt_con{margin-top:1em;}
.gt_con .gt_img{ width:47%; position:relative;}
.gt_con .gt_img .img{margin-right:4em; margin-top:1.5em; text-align:right; box-shadow:0 2px 8px 0 rgba(0,0,0,0.16);}
.gt_con .gt_img .pos {position:absolute; left:0; bottom:0; width:100%;}
.gt_con .gt_img .pos .tt{ font-size:6.500em; color:#ccc; font-family:'notokrB'; line-height:1; opacity:.5;}

.gt_con .gt_tbox{ width:100%;}
.gt_con .gt_tbox .gt_tit{}
.gt_con .gt_tbox .gt_tit .tt01{ font-size:1.35em; color:#333; line-height:1.4; vertical-align:baseline}
.gt_con .gt_tbox .gt_tit .tt01 .tt_co{ font-size:1.35em; color:#1359a7; font-family:'notokrB'; vertical-align:baseline}
.gt_con .gt_tbox .gt_tit .tt02{ margin-top:5px; color:#888; letter-spacing:5px; font-size:.938em;}
.gt_con .gt_tbox .gt_tit .gt_bar{ display:block; width:36px; height:1px; background:#aaa; margin-top:1.5em;}
.gt_con .gt_tbox .gt_tx{line-height:1.4;}
.gt_con .gt_tbox .gt_tx .tt03{color:#114a86; font-size:.938em; text-align: justify !important; font-family:'notokrB'; line-height:1.6; letter-spacing:-.2px; border-radius:4px; border:2px dotted #cfd8e2; padding:1em; background:#ecf0f4; margin:1.5em 0}
.gt_con .gt_tbox .gt_tx .tw{ margin-bottom:15px; font-size:.938em; color:#222; line-height:1.6; letter-spacing:-.2px; text-align: justify;}
.gt_con .gt_tbox .gt_tx .ceo{ text-align:right; margin-top:40px; color:#666; vertical-align:baseline;}
.gt_con .gt_tbox .gt_tx .ceo .ceo_name{ margin-left:10px; font-size:1.063em; color:#333; vertical-align:baseline;  font-family:'notokrM';}

/**/
.page_tbg_Wrap {height:340px; background-position:center center; background-repeat:no-repeat; background:url(../images/sub/sub4_1_bg.jpg);}
.page_tbg_Wrap2{ height:340px; background-position:center center; background-repeat:no-repeat; background:url(../images/sub/sub5_calc_bg.jpg);}

.page_tbg_TW {width:90%; display:block; margin:-180px auto 80px auto; padding:2em 5em; box-sizing:border-box; text-align:center; background:#fff}
.page_tbg_TW .t1 {font-size:2em; color:#2D4C9E;  font-family:'notokrB';}
.page_tbg_TW .t2 {color:#222; font-size:1em; line-height:1.4; letter-spacing:-.3px; font-family:'notokrR'; vertical-align:baseline !important; }
.page_tbg_TW .t2.f_size{ font-size: 1.3em;}
.page_tbg_TW .t2 .col1 {color:#283890;  font-family:'notokrM'; vertical-align:baseline !important; }
.page_tbg_TW .line {width:30px; height:2px; margin:1.5em auto; background:#777;}

.page_tbg_TW .t1 {}
.page_tbg_TW .t1 .icon {vertical-align:baseline;}
.page_tbg_TW .t1 .txt {vertical-align:baseline; font-size:.938emem; font-family:'notokrB'; position:relative; display:inline-block; top:-6px; letter-spacing:-.2px;}

.worksi_t {vertical-align:baseline !important; margin:0 6px;}
.worksi_t > * {vertical-align:baseline !important; }
.worksi_t .blue_t {color:#283890; font-family:'notokrB'; font-size:1.5em; letter-spacing:-2px}
.worksi_t .red_t {color:#ff0000; font-family:'notokrB'; font-size:1.5em; letter-spacing:-2px}
.worksi_t .tt {color:#222; font-size:1em; line-height:1.5; letter-spacing:-.2px; vertical-align:baseline !important;margin-left:5px;}

.worksi_t.st {display:block; padding-bottom:1em;}
.worksi_t.st1 {margin:3em 0 1em 0; display:block;}
.worksi_t.st1 .tt {font-size:1.250em; font-family:'notokrM'}

.worksi_st {padding-bottom:.7em;}
.worksi_st .xi {font-size:1.063em; vertical-align:baseline;}
.worksi_st .tt {font-size:1.125em; vertical-align:baseline; font-family:'notokrM'; color:#282828}

.page_img_W {box-shadow:0 2px 8px 0 rgba(0,0,0,0.16); margin:1.5em 0 5em 0;}

.page_memo_wrap {padding:1.5em; background:#fafafa; border:1px solid #ddd; margin-bottom:3em;}
.page_memo_wrap > p:first-child{ margin-top:0}
.page_memo_wrap .tx{ font-size:.875em; color:#444; position:relative; padding-left:1.75em; line-height:1.3; margin-top:.5em;}
.page_memo_wrap .tx:before{ content:"\e928"; font-family:xeicon!important; position:absolute; left:0; top:0; color:#ff0000; font-size:1.125em; line-height:1}

/**/
.memo_st{ background:#f3f7f9; border:1px solid #ddd; padding:1em;}
.memo_st.bg1 {background:#fafafa}
.memo_st:first-child{ margin-bottom:1em;}
.memo_st:last-child { margin-top:1em;}
.memo_st .tt{ position:relative; margin-top:.5em; padding:0 0 .125em 1.8em; line-height:1.4; font-size:.875em; color:#666;}
.memo_st .tt:first-child{ margin-top:0;}
.memo_st .tt:before{ content:"\e9a6"; font-family:xeicon!important; font-size:1.313em; color:#aaa; line-height:1; position:absolute; left:0; top:0;}
.memo_st .tt * { vertical-align:baseline;}

/**/
.page_step_box1 > li{ position:relative; margin-top:1em; background:#fff; border:3px solid #eee;}
.page_step_box1 > li:before{ content:""; position:absolute; top:50%; left:calc(1em + 1.2em); width:.375em; height:100%; background:#454e58; opacity:.15;}
.page_step_box1.non  > li:before { display:none;}
.page_step_box1 > li:nth-child(even){ background:#ecf0f4;}
.page_step_box1 > li:first-child{ margin-top:0;}
.page_step_box1 > li:last-child:before{ display:none;}
.page_step_box1 .in{ position:relative; padding:.5em 1em;}
.page_step_box1 .in > *{ box-sizing:border-box;}
.page_step_box1 .in .tit{ width:25em; line-height:1.2;}
.page_step_box1 .in .tit .tt1{ width:2.5em; line-height:2.5em; background:#114a86; border-radius:100%; text-align:center; font-size:1.063em; color:#fff;}
.page_step_box1 .in .tit .tt2{ flex:1; padding-left:.75em; color:#555; letter-spacing:-1px; font-size:.938em; font-family:'notokrM'}
.page_step_box1 .in .txt{ flex:1; padding-left:2.5em; border-left:4px dotted #ddd; color:#333; font-size:.938em;}
.page_step_box1 .in .txt > p {font-size:.875em; color:#282828; line-height:1.5;  font-family:'notokrR'}
.page_step_box1 .in .txt .st {display:block; font-size:.875em; color:#555; background:#f1f1f1; padding:.5em 1em;}
.page_step_box1 .in .txt .st.bg1 {background:#fff}
.page_step_box1 .in .txt .st:first-child {margin-top:.6em;}
.page_step_box1 .in .txt .mt {margin-top:.6em;}

.page_step_box1 .in .txt > p.tx {color:#333; font-size:.938em;}
.page_step_box1 .in .txt > p.ti {color:#003876; font-family:'notokrM'; font-size:1em;}
.page_step_box1 .in .txt > p.ti.mt {margin-top:.6em;}

.page_step_box1 .in .txt .list > li {flex:1}
.page_step_box1 .in .txt .list > li .list_in {}
.page_step_box1 .in .txt .list > li p.tx {color:#333; font-size:.938em; line-height:1.5;}
.page_step_box1 .in .txt .list > li p.ti {color:#003876; font-family:'notokrM'; font-size:1em; padding-bottom:.3em;}

/*sub2_1_2?�쏙?�占?�옙 ?�쏙?�占?�옙*/
.page_step_box1.st1 {}
.page_step_box1.st1  > li:before {left:calc(1em + 2em)}
.page_step_box1.st1 .in .tit {width:inherit;}
.page_step_box1.st1 .in .tit .tt1 {padding:.3em .8em; border-radius:7px; display:inline-block; width:inherit; line-height:inherit; font-size:.938em;}
.page_step_box1.st1 .in .tit .tt2 {width:10em; flex:inherit;}
.page_step_box1.st1 .in .tit .tt3 {text-align:center; font-size:1.063em; font-family:'notokrM'; color:#114a86}

/**/
.maP_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; box-sizing:border-box;}
.maP_info1 .t1 span { color:#666; display:inline-block; margin-right:20px;}
.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;}
.map_Stit {margin:.6em 0 .4em 0}
.map_Stit .xi {vertical-align:baseline;}
.map_Stit .tt {vertical-align:baseline; font-size:1em; font-family:'notokrM'; color:#282828}

/**/
.history_bgw {overflow:hidden; position:relative;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1.2,1.2); transition:2s;}
.history_bgw .txt_wrap {text-align:center;}
.history_bgw .txt_wrap .en {font-size:.813em; letter-spacing:.9px; padding-bottom:.2em;  color:#fff;}
.history_bgw .txt_wrap .kr {font-size:1.9em; color:#fff; font-family:'notokrM';}
.history_bgw .line_wrap{ position:relative; height:10em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .bg_w {transform:scale(1,1);}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

/*����*/
.history_bgw.sub2_4_1_St {box-shadow:0.25em 0.25em 0 rgb(0 0 0 / 8%);}
.history_bgw.sub2_4_1_St .txt_wrap .en {font-size:1.375em; letter-spacing:.9px; padding-bottom:.4em;  color:#fff;}
.history_bgw.sub2_4_1_St .txt_wrap .kr {font-size:1.188em; color:#fff; font-family:'notokrM'; line-height:1.4;}

/**/
.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:20%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#1359a7; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:20%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #1359a7; 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:20%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden;}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; letter-spacing:-3px; color:#1359a7; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic}
.history_wrap .history > li .list{ width:80%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-family:'notokrM';}
.history_wrap .history > li .list .detail {border-bottom: 1px dashed #ddd; padding-bottom: 1em; margin-bottom: 1em;}
.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 .flex {gap: 1em;}
.history_wrap .history > li .list .detail .flex .img {background: #f4f4f4; width: 40%; height: auto;}
.history_wrap .history > li .list .detail .flex .tt {flex: 1;}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; line-height:1.7; font-family:'notokrM'; text-align: justify;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.8em; 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_Img_wrap {}
.page_viewWrap{}
.page_viewWrap .slider_for {}
.page_viewWrap .slider_for .item .img_wrap{position:relative;}
.page_viewWrap .slider_for .item .img_wrap .resize{ background:#fff;}
.page_viewWrap .page_viewB{ position:relative; width:100%; /*max-width:69%;*/}
.page_viewWrap .page_viewB .inner {/*margin-top:1em;*/}
.page_viewWrap .slider_nav{/*padding:0 10em*/}
.page_viewWrap .slider_nav .item{ margin-right:10px;}
.page_viewWrap .slider_nav .item .img_wrap{border:1px solid #ddd; transition:.2s; cursor:pointer;}
.page_viewWrap .slider_nav .item .img_tit {text-align:center; font-size:.875em; letter-spacing:-1px; font-family:'notokrM'; color:#333; padding:.7em 0 .5em 0;}
.page_viewWrap .slider_nav .item:hover .img_wrap img{ opacity:.5;}
.page_viewWrap .slider_nav .item:hover .img_wrap,
.page_viewWrap .slider_nav .item.slick-current .img_wrap{ border-color:#003f87; box-shadow:2px 2px 10px rgba(0,0,0,.2);}
.page_viewWrap .slider_nav .item .img_wrap .resize img {width:100%;}

.page_viewWrap .slick-dots{ position:absolute; right:5px; top:-30px;}
.page_viewWrap .slick-dots ul > li{ float:left}
.page_viewWrap .slick-dots ul > li button{ width:12px; height:12px; background:#ddd; font-size:0; border:none !important; border-radius:50%; margin-right:3px}
.page_viewWrap .slick-dots ul > li.slick-active button{ background:#ff9900; width:25px; height:10px; border-radius:45px;}

.page_viewWrap .control_arrow{ position:absolute; top:20%; left:0; width:100%; text-align:center; display:none;}
.page_viewWrap .control_arrow li{ position:absolute; top:0;}
.page_viewWrap .control_arrow li.prev{ left:30px; transform:rotate(-90deg);}
.page_viewWrap .control_arrow li.next{right:40px; transform:rotate(-90deg);}
.page_viewWrap .control_arrow li .xi{ width:2em; line-height:2em; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#003f87; cursor:pointer; transition:.2s;}
.page_viewWrap .control_arrow li:hover .xi{ background:#222; border-color:#222; color:#fff;}

/**/
.img_List {margin:0 0 0 -1em}
.img_List > li {width:25%;}
.img_List > li .in {margin:0 0 1em 1em; border:1px solid #ddd;}

/**/
.newsSlider_wrap{ position:relative; overflow:hidden}
.newsSlider_wrap > .box1{ position:relative; overflow:hidden}
.newsSlider_wrap .newsSlider{ overflow:visible}
.newsSlider_wrap .newsSlider .swiper-wrapper{}
.newsSlider_wrap .newsSlider .swiper-wrapper li{ width:25%; float:left;}
.newsSlider_wrap .newsSlider .swiper-wrapper li .in { margin:0 5px; box-sizing:border-box; background:#fff;}
.newsSlider_wrap .newsSlider .swiper-wrapper li .in .txt {text-align:center; padding-top:8px; font-size:.813em; font-family:'notokrM'; color:#3c3c3d;}
.newsSlider_wrap .newsSlider .swiper-wrapper li .img.resize{ padding-bottom:56%; border:1px solid #ddd;}

.newsSlider_wrap .newsControl{ position:absolute; right:0; top:-30px; width:100%; height:100%;}
.newsSlider_wrap .newsControl .box1{ position:relative}
.newsSlider_wrap .newsControl .newsSliderBtn{ position:absolute; width:5em; line-height:5em; top:-5em; margin:0 -1.5em; text-align:center; background:#fff; color:#888; transition:.3s}
.newsSlider_wrap .newsControl .newsSliderBtn .xi{ font-size:2em}
.newsSlider_wrap .newsControl .newsSlider-prev{ left:-5em}
.newsSlider_wrap .newsControl .newsSlider-next{ right:-5em}
.newsSlider_wrap .newsControl .newsSliderBtn:hover{ color:#fff; background:#59a334}

/**/
.box_wid1 {width:600px; max-width:100%; margin:0 auto;}
.page_Training_Wrap{}
.page_Training_Wrap .training_tab{ text-align:center; padding:0 1px 0 0; margin-top:1.5em;}
.page_Training_Wrap .training_tab > li{ width:50%;}
.page_Training_Wrap .training_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;}
.page_Training_Wrap .training_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#1799c8;}
.page_Training_Wrap .training_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#1799c8;}

.page_Training_Wrap .in_From{ padding:1.250em; border:1px solid #d4d5d8;}

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

.page_Training_Wrap .mem_memo{text-align:center; background:#ecf0f4; padding:1em; margin-top:.5em}
.page_Training_Wrap .mem_memo > p {text-align:left; font-size:.875em; letter-spacing:-.1px; color:#3c3c3d; font-family:'notokrR';}
.page_Training_Wrap .mem_memo > p.tx {padding:.8em; background:#fff; font-size:.875em;}

/**/
.pg_num_Wrap {border:1px solid #ddd; padding:1.3em; }
.pg_num_list *{ box-sizing:border-box;}
.pg_num_list > li{ padding:.8em 0; border-top:1px solid #ebeeef;}
.pg_num_list > li:first-child{ border-top:none;}
.pg_num_list .in{ justify-content:flex-start; line-height:1.4;}
.pg_num_list .in .no{ min-width:4em; margin-right:1em; padding:.5em .5em; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); border:1px solid #e5e5e5; border-radius:5em; text-align:center; color:#047dc9; font-weight:500;}
.pg_num_list .in .tt{ flex:1;}
.pg_num_list .in .tt .in_t {display:block; font-size:.813em; color:#555;}
.pg_num_Wrap .name {text-align:right}
.pg_num_Wrap .name > * {vertical-align:baseline; color:#3c3c3d}
.pg_num_Wrap .name .t1 {font-size:.938em;}
.pg_num_Wrap .name .t2 {font-family:'notokrB'; font-size:1.125em; display:inline-block; margin:0 .3em;}
.pg_num_Wrap .name .img {}

/**/
.sub2_4_3_form_W {}
.sub2_4_3_form_W .form_inner {background:#f5f5f5; border:1px solid #ddd; padding:.5em;}
.sub2_4_3_form_W .inner .hst { height:10em;}
.sub2_4_3_form_W .inner .hst1 {height:13.6em}

.sub2_4_3_form_W .form_inner_tit {background:#313851; padding:.8em 1em;}
.sub2_4_3_form_W .form_inner_tit > * {vertical-align:baseline}
.sub2_4_3_form_W .form_inner_tit .xi {color:#fff; padding-right:3px; }
.sub2_4_3_form_W .form_inner_tit .tt {color:#fff; }

.sub2_4_3_form_W .form_W {}
.sub2_4_3_form_W .form_W .form .in {box-sizing:border-box;}
.sub2_4_3_form_W .form_W .form .in .inner {background:#fff; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #ddd;}

.sub2_4_3_form_W .form_W .form {}
.sub2_4_3_form_W .form_W .form_W1 {width:20%;}
.sub2_4_3_form_W .form_W .form_W2 {width:24%}
.sub2_4_3_form_W .form_W .form_W3 {width:49%;}
.sub2_4_3_form_W .form_W .form_W4 {width:29%;}
.sub2_4_3_form_W .form_W .form_W5 {width:30%;}
.sub2_4_3_form_W .form_W .form_W6 {width:45%;}
.sub2_4_3_form_W .form_W .form_W7 {width:10%;}
.sub2_4_3_form_W .form_W .form_W8 {width:45%;}
.sub2_4_3_form_W .form_W .form_W9 {width:30%;}
.sub2_4_3_form_W .form_W .form_W10 {width:20%;}
.sub2_4_3_form_W .form_W .form_W11 {width:10%;}
.sub2_4_3_form_W .form_W .form_W12 {width:20%;}
.sub2_4_3_form_W .form_W .form_W13 {width:20%;}
.sub2_4_3_form_W .form_W .form_W14 {width:69.5%;}
.sub2_4_3_form_W .form_W .form_W15 {width:30%;}

/*status_cert_type*/
.txt_small{font-size:.688em; vertical-align:baseline;}
.txt_small2{font-size:.625em; vertical-align:baseline;}
.txt_big{font-size:1em; vertical-align:baseline;}
.txt_gray{color:#555; vertical-align:baseline;}

.cert_bg{position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%;}

.cert_bg .close_btn_wrap{position:absolute; right:400px; top:100px;}
.cert_bg .close_btn_wrap .close_btn{display:inline-flex; width:60px; height:60px; background:#fff; justify-content:center; align-items:center; font-size:24px; border-radius:30px; cursor:pointer;}

.cert_bg .status_cert_wrap{}

.cert_bg .status_cert_wrap.cert_type1{width:750px; height:485px; background:url('../images/sub/cert_type1.png') no-repeat center/cover; position:relative;}
.cert_bg .status_cert_wrap.cert_type2{width:750px; height:485px; background:url('../images/sub/cert_type2.png?v=1') no-repeat center/cover; position:relative;}
.cert_bg .status_cert_wrap.cert_type3{width:388px; height:600px; background:url('../images/sub/cert_type3.png') no-repeat center/cover; position:relative;}
.cert_bg .status_cert_wrap.cert_type3.BG1{width:388px; height:600px; background:url('../images/sub/cert_type3_BG01.png') no-repeat center/cover; position:relative;} 
.cert_bg .status_cert_wrap.cert_type3.BG2{width:388px; height:600px; background:url('../images/sub/cert_type3_BG02.png') no-repeat center/cover; position:relative;} 
.cert_bg .status_cert_wrap.cert_type3.BG3{width:388px; height:600px; background:url('../images/sub/cert_type3_BG03.png') no-repeat center/cover; position:relative;} 

.cert_bg .status_cert_wrap.cert_type4{width:344px; height:536px; background:url('../images/sub/cert_type4.png?v=1') no-repeat center/cover; position:relative;}
.cert_bg .status_cert_wrap.cert_type7{width:344px; height:536px; background:url('../images/sub/cert_type6.png') no-repeat center/cover; position:relative;}
.cert_bg .status_cert_wrap.cert_type8{width:344px; height:536px; background:url('../images/sub/cert_type4.png') no-repeat center/cover; position:relative;}
.cert_bg .status_cert_wrap.cert_type9{width:344px; height:536px; background:url('../images/sub/cert_type5.png') no-repeat center/cover; position:relative;}


.cert_bg .status_cert_wrap.cert_type1 .thumb_box{width:244px; height:316px; position:absolute; top:128px; left:55px;}
.cert_bg .status_cert_wrap.cert_type1 .cert_info{font-size:1.5em; position:absolute; top:162px; left:348px; line-height:1.8;}

.cert_bg .status_cert_wrap.cert_type2 .thumb_box{width:244px; height:316px; position:absolute; top:108px; left:55px;}
.cert_bg .status_cert_wrap.cert_type2 .cert_info{font-size:1.5em; position:absolute; top:166px; left:348px; line-height:2.4;}

.cert_bg .status_cert_wrap.cert_type3{display:flex; flex-direction:column; position:relative;}
.cert_bg .status_cert_wrap.cert_type3 .cert_info_f{text-align:center;}
.cert_bg .status_cert_wrap.cert_type3 .cert_info_f p:first-of-type{margin-bottom:1.125em; font-size:1.75em; color:#fff; margin-top:.5em;}
.cert_bg .status_cert_wrap.cert_type3 .cert_info_f p:last-of-type{font-size:2em;}
.cert_bg .status_cert_wrap.cert_type3 .thumb_box{width:192px; height:249px; margin:0 auto;}
.cert_bg .status_cert_wrap.cert_type3 .cert_info_b{font-size:1.188em; margin:1em auto 0;}
.cert_bg .status_cert_wrap.cert_type3 .b_logo {position:absolute; right:7%; bottom:5%; width:10em;}

.cert_bg .status_cert_wrap.cert_type4{display:flex; flex-direction:column;}
.cert_bg .status_cert_wrap.cert_type4 .cert_info_f{text-align:center;}
.cert_bg .status_cert_wrap.cert_type4 .cert_info_f p:first-of-type{margin-bottom:.25em; font-size:1.75em; margin-top:.5em;}
.cert_bg .status_cert_wrap.cert_type4 .cert_info_f p:last-of-type{font-size:1em;}
.cert_bg .status_cert_wrap.cert_type4 .thumb_box{width:206px; height:267px; margin:.605em auto 0;}
.cert_bg .status_cert_wrap.cert_type4 .cert_info_b{font-size:1.375em; margin:.4em auto 0;}

.cert_bg.sub5_2_view_St {display:block; justify-content:inherit; align-items:inherit; margin-top:2em;}
.cert_bg.sub5_2_view_St .status_cert_wrap.cert_type1 {margin:0 auto}

.cert_bg .status_cert_wrap.cert_type7{display:flex; flex-direction:column; position:relative;}
.cert_bg .status_cert_wrap.cert_type7 .cert_info_f{text-align:center;}
.cert_bg .status_cert_wrap.cert_type7 .cert_info_f p:first-of-type{margin-bottom:1.125em; font-size:1.75em; margin-top:1.5em;}
.cert_bg .status_cert_wrap.cert_type7 .cert_info_f p:last-of-type{font-size:1.438em;}
.cert_bg .status_cert_wrap.cert_type7 .thumb_box{width:192px; height:249px; margin:0 auto;}
.cert_bg .status_cert_wrap.cert_type7 .cert_info_b{font-size:1.188em; margin:1em auto 0; line-height:1.2}
.cert_bg .status_cert_wrap.cert_type7 .b_logo {position:absolute; right:7%; bottom:5%; width:10em;}

.cert_bg .status_cert_wrap.cert_type8{display:flex; flex-direction:column; position:relative;}
.cert_bg .status_cert_wrap.cert_type8 .cert_info_f{text-align:center;}
.cert_bg .status_cert_wrap.cert_type8 .cert_info_f p.name_t {letter-spacing:3px;}
.cert_bg .status_cert_wrap.cert_type8 .cert_info_f p:first-of-type{margin-bottom:1.125em; font-size:1.75em; margin-top:1.5em;}
.cert_bg .status_cert_wrap.cert_type8 .cert_info_f p:last-of-type{font-size:1.438em;}
.cert_bg .status_cert_wrap.cert_type8 .thumb_box{width:192px; height:249px; margin:0 auto;}
.cert_bg .status_cert_wrap.cert_type8 .cert_info_b{font-size:1.188em; margin:1em auto 0;  line-height:1.2}
.cert_bg .status_cert_wrap.cert_type8 .b_logo {position:absolute; right:7%; bottom:5%; width:10em;}

.cert_bg .status_cert_wrap.cert_type9{display:flex; flex-direction:column;}
.cert_bg .status_cert_wrap.cert_type9 .cert_info_f{text-align:center;}
.cert_bg .status_cert_wrap.cert_type9 .cert_info_f p:first-of-type{margin-bottom:.25em; font-size:1.75em; margin-top:.5em;}
.cert_bg .status_cert_wrap.cert_type9 .cert_info_f p:last-of-type{font-size:1em;}
.cert_bg .status_cert_wrap.cert_type9 .thumb_box{width:206px; height:267px; margin:.605em auto 0;}
.cert_bg .status_cert_wrap.cert_type9 .cert_info_b{font-size:1.375em; margin:.4em auto 0;}



/**/
.sub_agree_wrap{padding:23px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: .813em; color:#888;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 80px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}

/**/
.sub_agree_wrap.sub4_2_St {padding:20px;}
.sub_agree_wrap.sub4_2_St .cont {height:100px; overflow-y:inherit;}
.sub_agree_wrap.sub4_2_St p {padding:0; line-height:1.6;}


/*ksss*/
.ksss_w { height: 100%; box-sizing: border-box; }
.ksss_w ul { text-align: center; margin: 0 auto;  box-sizing: border-box; margin:0 0 0 -1em;}
.ksss_w ul li {flex:1; line-height:65px; text-align:center; opacity:.8; transition:.3s;  cursor:pointer;}
.ksss_w ul li .in{margin:0 0 0 1em; border: 1px solid #AAA; background:#FFF;}
.ksss_w ul li:hover .in { opacity:1; border-color: #0f75bd; }
.ksss_w ul li.on{border-color:#0f75bd;}

.ksss_w .txt_w { text-align: center; }
.ksss_w .txt_w .tt { font-size: 26px; font-weight: bold; color: #333; }
.ksss_w .txt_w .st { margin-top: 10px; color: #777; font-size: .875em; }

.ksss_wrap{ position:relative;}
.ksss_wrap .close{ position:absolute; top:5px; right:20px;}
.ksss_wrap .close > a{ display:block; font-size:3.000em;}
.ksss_wrap .close > a:hover{ text-decoration:none;}
.ksss_wrap .popCon{ padding-top:1em;}

.ksss_wrap .page_tit_s{ margin-bottom:15px;}
.ksss_wrap .page_tit_s strong{ display:inline-block; *display:inline; zoom:1; margin-right:10px; vertical-align:middle;}
.ksss_wrap .page_tit_s > * {vertical-align:baseline}
.ksss_wrap .page_tit_s .xi {font-size:1.2em;}
.ksss_wrap .page_tit_s .tt {font-size:1.063em; color:#222; font-family:'notokrM';}

.ksss_wrap .in_area{ max-width:100%; box-sizing:border-box; padding:2em 1.5em; border:1px solid #ddd; border-radius:.5em; display:none;}
.ksss_wrap .in_area.on{display:block;}
.ksss_wrap .in_area.st2{ width:100%;}
.ksss_wrap .pop_table{ width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.ksss_wrap .pop_table th,
.ksss_wrap .pop_table td{ padding:.8em .5em; border:1px solid #aaa; font-size:.875em; color:#000; line-height:1.3;}
.ksss_wrap .pop_table .al{ padding-left:1em;}
.ksss_wrap .pop_table thead th{ background:#e9e9e9; border-color:#666;}
.ksss_wrap .pop_table thead th strong{ font-weight:600;}
.ksss_wrap .pop_table thead th span{ font-weight:normal;}
.ksss_wrap .pop_table thead th .sor{ display:inline-block;}
.ksss_wrap .pop_table tbody th.tit{ background:#f5f5f5;}
.ksss_wrap .pop_table tbody th{ background:#fbfbfb;}
.ksss_wrap .pop_table tbody td label > *{ vertical-align:middle;}
.ksss_wrap .pop_table tbody td label input:checked + span{ font-weight:600;}
.ksss_wrap .pop_table.form td{ padding:.5em .5em;}
.ksss_wrap .pop_table.poll th,
.ksss_wrap .pop_table.poll td{ padding:1em 1.5em; text-align:left; border-color:#333;}
.ksss_wrap .pop_table.poll tbody th{ border-width:1px 1px 0 1px;}
.ksss_wrap .pop_table.poll tbody td{ border-width:0 1px 1px 1px;}
.ksss_wrap .pop_table.poll tbody td p{ padding:.3em 0;}
.ksss_wrap .pop_table.poll tbody td .inp{ margin-top:.5em;}
.ksss_wrap .pop_table .age p{ display:inline-block; vertical-align:middle; width:45%; padding:.3em 0;}

.ksss_wrap .pop_table.in_table{ border-top:2px solid #333;}
.ksss_wrap .pop_table.in_table th,
.ksss_wrap .pop_table.in_table td{ padding:.8em 1em; border-color:#ccc; border-width:0 0 1px 0 !important;}

.ksss_wrap .pop_table .pw_tit { width:140px;}
.ksss_wrap .pop_table .pw_tit2{ width:160px;}
.ksss_wrap .pop_table .pw_num { width:80px;}
.ksss_wrap .pop_table .pw_auto{ width:auto;}

.ksss_wrap .popTit{ margin-bottom:1em; text-align:center; font-size:1.250em; color:#000; font-weight:600;}
.ksss_wrap .popTit_s{ margin-bottom:.5em;}
.ksss_wrap .popTit_s > strong{ display:inline-block; padding:.6em 1.5em; background:#416ca3; font-size:.875em; color:#fff;}
.ksss_wrap .popTit_total{ margin-bottom:1em;}
.ksss_wrap .popTit_total > *{ display:inline-block; vertical-align:middle; padding-right:.3em;}
.ksss_wrap .popTit_total .t1{ font-size:1.250em;}
.ksss_wrap .popTit_total .t2{ font-size:2.000em;}
.ksss_wrap .popTit_total .c1{ color:#18489d;}
.ksss_wrap .pop_message{ margin-bottom:1em; padding:1em 1.5em; background:#eff5f9; border:1px solid #e3e9ed; border-radius:5px; font-size:.875em; color:#000; line-height:1.5;}

.ksss_wrap .popForm_wrap{}
.ksss_wrap .popForm_wrap .popForm_foot{ margin-top:1em; padding:1.5em 1.5em; border:1px solid #666; color:#000;}
.ksss_wrap .popForm_wrap .popForm_foot .txt{ text-align:center; line-height:1.8; font-size:.938em;}
.ksss_wrap .popForm_wrap .popForm_foot .txt label{ display:inline-block; padding:0 .5em; font-weight:600;}
.ksss_wrap .popForm_wrap .popForm_foot .txt label > *{ vertical-align:middle;}
.ksss_wrap .popForm_wrap .popForm_foot .signature{ padding:1.5em 0; text-align:right; font-size:.813em;}
.ksss_wrap .popForm_wrap .popForm_foot .signature > *{ padding:.5em 0;}
.ksss_wrap .popForm_wrap .popForm_foot .from{ padding-top:1em; border-top:2px solid #333; text-align:center;}
.ksss_wrap .popForm_wrap .popForm_foot .from .t1{ font-size:1.125em;}

.ksss_wrap .popForm_wrap .popForm_agree{ margin-top:1.5em;}
.ksss_wrap .popForm_wrap .popForm_agree .tit{ margin-bottom:.6em; font-size:.938em; color:#000;}
.ksss_wrap .popForm_wrap .popForm_agree .agree_box{ padding:1em 1em; height:6em; background:#f5f5f5; border:1px solid #ddd; overflow-y:scroll;}
.ksss_wrap .popForm_wrap .popForm_agree .agree_box *{ font-size:.938em;}
.ksss_wrap .popForm_wrap .popForm_agree .agree_box .agree_txt{ padding:0; border:none;}
.ksss_wrap .popForm_wrap .popForm_agree .agree_box .agree_txt > *{ padding-left:0; padding-right:0;}
.ksss_wrap .popForm_wrap .popForm_agree .check{ margin-top:1em; text-align:right; font-size:.875em;}
.ksss_wrap .popForm_wrap .popForm_agree .check label > *{ vertical-align:middle;}

.ksss_wrap .popForm_wrap .chart_wrap{ font-size:0;}
.ksss_wrap .popForm_wrap .chart_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:50%; font-size:14px;}
.ksss_wrap .popForm_wrap .chart_wrap .chart_con{ width:100%; height:40vh;}
.ksss_wrap .popForm_wrap .chart_wrap .inner{ padding:1em 0 1em 2em;}

.ksss_wrap .inp{ box-sizing:border-box; vertical-align:middle; max-width:100%; height:auto; line-height:normal; padding:.5em .5em !important; background-color:#fff; border:1px solid #ddd; font-size:inherit; color:#000;}
.ksss_wrap .inp.iw1{ width:50px;}
.ksss_wrap .inp.iw2{ width:80px;}
.ksss_wrap .inp.iw3{ width:300px;}
.ksss_wrap .inp.iw4{ width:500px;}
.ksss_wrap .inp.iw25{ width:25%;}
.ksss_wrap .inp.iw30{ width:30%;}
.ksss_wrap .inp.iw80{ width:80%;}
.ksss_wrap .inp.iw100{ width:100%;}

.ksss_wrap .popBtn_area{ margin-top:2em; text-align:center;}
.ksss_wrap .popBtn{ padding:.8em 1.5em; font-size:.875em; color:#fff; font-weight:600; text-align:center; box-sizing:border-box; border:1px solid transparent; cursor:pointer;}
.ksss_wrap .popBtn.c1{ background:#3265bd; border-color:#3265bd;}
.ksss_wrap .popBtn.c2{ background:#666666; border-color:#666666;}

.ksss_wrap_popTit{ margin-bottom:1em; text-align:center; font-size:1.250em; color:#000; font-weight:600;}
.ksss_wrap_popTit_s{ margin-bottom:.5em;}
.ksss_wrap_popTit_s > strong{ display:inline-block; padding:.6em 1.5em; background:#416ca3; font-size:.875em; color:#fff;}

/*search*/
.search_w {border:1px solid #ddd; padding:1.9em; text-align:center; margin-bottom:30px;}
.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:#114a86;}
.search_w .result .tit2{ font-size:1em; color:#333; vertical-align:baseline}
.search_w .result .tit2 .big{ font-size:1.5em; color:#114a86; vertical-align:baseline}

/**/
.page_memo_Wrap {background:#f2f5f6; padding:2em; border-radius:.375em; margin:1.5em 0; text-align:center}
.page_memo_Wrap p {font-size:.938em; font-family:'notokrM';}
.page_memo_Wrap p > * {vertical-align:baseline;} 
.page_memo_Wrap p .point {font-family:'notokrB'; color:#003876 }

/**/
.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 .agree_txt *{ vertical-align:baseline;}
.agree_wrap .agree .agree_txt h4 {color:#222; font-family:'notokrB'; font-size:1.063em}
.agree_wrap .agree p{ padding:.5em 0; font-size:.938em;}

/*�̿���*/
.agree_top_title {padding:3em 0 0 0; font-size:1.375em; font-family:'notokrB'; color:#222;}
.agree_top_title.sub_st {padding:0;}
.go_btn{ display:inline-block; background:#5d5b58; padding:0 1em; height:3.2em; line-height:3.2em; color:#fff !important; margin-top:1.5em}
.go_btn > i{ font-size:.938em}
.go_btn > .xi{ padding-left:8px; font-size:1.063em}
.go_btn.st2{ margin:0; height:2em; line-height:2em; position:absolute; right:0; background:#1a9fbb; border-radius:.5em; top:3px; font-size:.875em; cursor:pointer}

.pg_menu_list{justify-content:flex-start; align-items:flex-start; align-items:stretch; padding:0 1px 1px 0;}
.pg_menu_list > li{ display:flex; flex:1 0 25%; max-width:25%;}
.pg_menu_list > li .in{ position:relative; z-index:1; flex:1; margin:0 -1px -1px 0; padding:.5em .5em; min-height:2em; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); border:1px solid #d4d5d8; text-align:center; font-size:.938em; font-family:'notokrM'; letter-spacing:-1px;}
.pg_menu_list > li:hover .in{ z-index:2; background:#1a9fbb; border-color:#1a9fbb; color:#fff; transition:.2s;}

.pg_tit.com{ margin-bottom:1em; text-align:left; margin-top:2em; position:relative}
.pg_tit.com > .tt{ font-size:1.250em; color:#183070; font-family:'notokrB';}

.pg_box{ padding:1.5em; background:#fcfcfc; border:1px solid #d4d5d8; box-sizing:border-box;}
.pg_box .tii {color:#000; font-family:'notokrM'; padding-bottom:1em;}
.pg_box .txx {padding-top:1em; color:#555; font-size:.875em;}
.pg_box .txx:first-child {padding-top:0;}
.pg_box .liSt {}
.pg_box .liSt > li {color:#555; font-size:.875em;}

/**/
.patternGrid{background-image: repeating-linear-gradient(#ddd, #ddd 1px, transparent 0, transparent 10px), repeating-linear-gradient(90deg, #ddd, #ddd 1px, transparent 0, transparent 10px)}
.lineGrid {border:1px solid #ddd;}

.ci_list {margin:0 0 1em -1em}
.ci_list > li {flex:1 1 1%}
.ci_list > li .in {margin:0 0 0 1em; height:10em; position:relative}

.ci_list > li .in.st {height:inherit;}
.ci_list > li .in .img { text-align:center}
.ci_list > li .in .txt{border-top:1px solid #ddd; text-align:center; padding:.5em 0; height:40px;}
.ci_list > li .in .txt .t1{font-size:.938em; color:#3c3c3d; font-family:'notokrM'; vertical-align:baseline}
.ci_list > li .in .txt .t1 .col1 {color:#2a388f; font-family:'notokrB'; vertical-align:baseline;} 

/**/
.ci_col_Wrap{ margin:0 0 0 -2em}
.ci_col_Wrap > li{ width:100%}
.ci_col_Wrap .wrap_in{ margin:0 0 0 2em; border:1px solid #ddd}
.ci_col_Wrap .wrap_in .img_wrap{ width:40%; box-shadow:5px 7px 13px rgba(0,0,0,.2)}
.ci_col_Wrap .wrap_in .img_wrap.bg1 {background:#2a388f}
.ci_col_Wrap .wrap_in .img_wrap.bg2 {background:#eb2026}
.ci_col_Wrap .wrap_in .info_wrap{ width:60%; position:relative}
.ci_col_Wrap .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}
.ci_col_Wrap .wrap_in .info_wrap .info{ padding:3em 1.5em; text-align:left; width:100%; box-sizing:border-box;}
.ci_col_Wrap .wrap_in .info_wrap .info > p .tx {width:120px; color:#222; display:inline-block; vertical-align:bottom;}
.ci_col_Wrap .wrap_in .info_wrap .info .t1{ color:#003876; font-size:1.8em; letter-spacing:-2px; font-family:'notokrB'; padding-left:.1em; padding-bottom:.8em;}
.ci_col_Wrap .wrap_in .info_wrap .info .t2{ color:#555; margin:.125em 0 .375em 0; font-size:.938em;  padding-left:.2em;}
.ci_col_Wrap .wrap_in .info_wrap .info .t3{ color:#555; font-size:.938em; padding-left:.2em;} 
.ci_col_Wrap .wrap_in .info_wrap .info .t4{ color:#555; margin-top:.125em; font-size:.938em;  padding-left:.2em;}

/*2_4_3_form2A �����߿�ü�? �˾� ����*/ 
.explanation_txt_Wrap {}
.explanation_txt_Wrap .txt {vertical-align:baseline; background:#114a86; color:#fff; text-align:center; width:1.8em; line-height:1.8em; height:1.8em; border-radius:50%; display:inline-block}
.explanation_txt_Wrap .txt:hover {transition:.3s; background:rgba(0,0,0,.5)}

/**/
.down_list_Wrap {}
.down_list_Wrap > li {}

/**/

.bg_box {background: #f9f9f9; padding: 0.5em 1.5em; margin-top:2em; border:1px solid #000;}
.bg_box .point_t {margin-bottom: 1em; font-size: 1.5em; color: rgb(17, 74, 134); font-family: notokrR; line-height: 1.6; letter-spacing: -0.2px; border-radius: 4px;}
.bg_box .point_t span {font-family: notokrB; vertical-align: baseline;}
.bg_box .detail_t { font-size:1.25em; color: #ee1d1d; font-weight:600;}

/*2_5_3fORM*/
.table_txt_WRap {text-align:center}
.table_txt_WRap .ti {padding:2em 0; font-family:'notokrM'; color:#222; font-size:1.250em;}
.table_txt_WRap .tx.date {padding:0 0 2em 0;}
.table_txt_WRap .tx.sign {vertical-align:baseline;}
.table_txt_WRap .tx.sign .in {vertical-align:baseline; display:inline-block; padding-left:30px; color:#444;}
.table_txt_WRap .tx.name {padding:2em 0; font-family:'notokrM'; color:#222; font-size:1.250em; }

/**/
.fAmily_wrap {margin-top:3em;}
.family_wrap{ padding:1em 0 0 0; background:#fff;}
.family_wrap .control{ width:14%; position:relative; margin-top:1.8%;}
.family_wrap .family { width:86%;}
.family_wrap .control .tit{color:#222; display:inline-block; padding-top:5px; font-size:.938em; font-family:'notokrM';}
.family_wrap .control .arrow {position:absolute; right:10px; top:0;}
.family_wrap .control .arrow > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;}
.family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;}
.family_wrap .control .arrow > li:hover{ background:#003876;  transition:.3s;}
.family_wrap .control .arrow > li:hover .xi {color:#fff;}
.family_wrap .control .arrow .slick-hidden{ display:inline-block;}
.family_wrap .family .item > a{ display:block;}
.family_wrap .family .item .in{height:4.375em;}
.family_wrap .family .item .in img{ max-width:90%; max-height:80%;}
.family_wrap .family .item .in:hover{ border-color:#3c4968;}

/*�����޼��� ���οϷ� �˾�*/
.pop_messageW {text-align:center;}
.pop_messageW .tx {font-family:'notokrM'; font-size:1.5em; padding-top:1em;}
.pop_messageW .xi {display:block; width:3em; line-height:3em; background:#ecf0f4; margin:0 auto; border-radius:50%; color:#999; transition:.3s}
.pop_messageW .xi:before{ font-size:1.5em}

/*ksss �̼��� (5_2_view)*/
.ksss_bot_logow {text-align:center; margin:50px 0;}
.ksss_bot_logow .con {flex:1;}
.ksss_bot_logow .con img {width:7em;}

/*POPUP*/
.popWrap2.popPrint{ width:55em;}

/*PRINT*/
.printPreview:before{ content:""; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5);}
.printPreview .pop{ display:block;}
.printPreview .pop_page_print{ visibility:hidden;}
.pop .pop_page_print{ letter-spacing:0;}
body.pop .popPrint .popIn2{ width:880px;}/*�ֹ���, ������ �μ�*/

/*������ �μ�*/
.pop .pop_page_print{ box-sizing:border-box;}
.pop .pop_page_print .print_con .titS {font-size:.750em; padding-bottom:1em; color:#444; letter-spacing:-.6px}
.pop .pop_page_print .print_con .titS.st1 {font-size:.688em; padding-bottom:.5em;}/*ǰ���˻��Ƿڼ�*/
.pop .pop_page_print .print_con .tit{ margin-bottom:1em; text-align:center;}
.pop .pop_page_print .print_con .tit .tt{ display:inline-block; /*padding-bottom:.25em; border-bottom:1px solid #222; font-size:1.875em;*/ font-weight:700; font-size:1.5em;}
.pop .pop_page_print .print_con .tit .tt.st1{ letter-spacing:.25em; text-indent:.25em; padding-left:.5em; padding-right:.5em;}
.pop .pop_page_print .print_con .tit .tt.st2{ letter-spacing:.75em; text-indent:.75em;}
.pop .pop_page_print .print_con .col_wrap .con{ width:49.5%; position:relative;}
.pop .pop_page_print .print_con .col_wrap .print_table{ height:21em; position:relative; z-index:inherit;}
.pop .pop_page_print .print_con .col_wrap .stamp{ position:absolute; z-index:inherit; top:6.5em; right:5em; max-width:3.125em;}

/*************************************************************************/
.pop_page_print{ box-sizing:border-box;}
.pop_page_print .print_con .titS {font-size:.750em; padding-bottom:1em; color:#444; letter-spacing:-.6px}
.pop_page_print .print_con .tit{ margin-bottom:1em; text-align:center;}
.pop_page_print .print_con .tit .tt{ display:inline-block; /*padding-bottom:.25em; border-bottom:1px solid #222; font-size:1.875em;*/ font-weight:700; font-size:1.5em;}
.pop_page_print .print_con .tit .tt.st1{ letter-spacing:.25em; text-indent:.25em; padding-left:.5em; padding-right:.5em;}
.pop_page_print .print_con .tit .tt.st2{ letter-spacing:.75em; text-indent:.75em;}
.pop_page_print .print_con .col_wrap .con{ width:49.5%; position:relative;}
.pop_page_print .print_con .col_wrap .print_table{ height:21em; position:relative; z-index:inherit;}
.pop_page_print .print_con .col_wrap .stamp{ position:absolute; z-index:inherit; top:5.5em; right:3em; max-width:3.125em;}


.pop .pop_page_border {/*; padding:1em;*/ border:1px solid #111; padding:15px}/*ǰ���Ƿڼ� �˾� ÷��1 �κ�*/

.print_table{ font-size:.813em; table-layout:fixed;}
/*.print_table.sealformSt {font-size:1em;} ���������? ���?*/ 
.print_table th,
.print_table td{ height:1.7em; padding:.3em .5em; border:1px solid #111; /*line-height:1.1;*/ word-break:keep-all}
.print_table th{ /*background:#f1f1f1; */text-align:center;}
.print_table td{ position:relative;}


/*�����û��? ����*/
.print_table.h_st1 th,
.print_table.h_st1 td {height:2.623em;}

/*�÷ᰳ�� �˾�*/
.print_table.pop_amountSt {}
.print_table.pop_amountSt td {/*font-size:1.125em !important; */border-top:none;}

.print_table.h_St td {height:3em;}

.print_table.st1{ border:2px solid #111; font-size:.938em;}
.print_table.st1 th,
.print_table.st1 td{ padding:.75em 1em; border:none; font-weight:500;}

.print_table.st2{ border:1px solid #111; font-size:.813em;}
.print_table.st2 th,
.print_table.st2 td{ padding:.5em .5em; border:none; font-weight:500;}

.print_Txt {}
.print_Txt dl {}
.print_Txt .ti {font-family:'notokrM'; color:#222; font-size:.875}
.print_Txt .tx {font-size:.875em; line-height:1.4;}

/*����Ʈ ��û �� ������*/
.print_Txt.st {text-align:center; padding:1em 0;}
.print_Txt.st .ti {font-size:1em;}
.print_Txt.st .tx.date {padding:1em 0; font-size:1em; line-height:inherit;}

.print_Txt.st .tx.sign {vertical-align:baseline; font-size:1em; line-height:inherit;}
.print_Txt.st .tx.sign .in {display:inline-block; color:#444; /*vertical-align:baseline; padding-left:30px;*/}
.print_Txt.st .tx.name {font-family:'notokrM'; color:#222; font-size:1.313em; text-align:right !important;}
.print_Txt.st .tx.sign .sign_tit {}
.print_Txt.st .tx.sign .sign_people {display:inline-block; width:4em;}

.print_f_logo {text-align:center; margin:2em 0;}
.print_f_logo img {width:20em; width:75mm;}


/**********************************************************************************���輺������߱޽�û��? pop_examreissuancePrint_Window*/
.pop_examreissuancePrint_tw{padding:1.5em 0; text-align:center; }
.pop_examreissuancePrint_tw .ti {font-size:1.5em;}
.pop_examreissuancePrint_tw .tx .date {font-size:1.250em; line-height:inherit; text-align:right; margin:2em 7em 2em 0}
.pop_examreissuancePrint_tw .tx .date > span {display:inline-block; padding:0 1em;}
.pop_examreissuancePrint_tw .tx .sign {vertical-align:baseline; font-size:1.250em; line-height:inherit; margin:0 7em 2em 0; text-align:right; }
.pop_examreissuancePrint_tw .tx .sign .in {display:inline-block; color:#444; /*vertical-align:baseline; padding-left:30px;*/}
.pop_examreissuancePrint_tw .tx .name {font-family:'notokrM'; color:#222; font-size:1.7em; text-align:right !important; padding-top:1em}
.pop_examreissuancePrint_tw .tx .sign .sign_tit {}
.pop_examreissuancePrint_tw .tx .sign .sign_people {display:inline-block; width:8em; text-align:center}

.pop_examreissuancePrint_tw2 {padding:.8em 0; font-size:1em; line-height:1.7;}
.pop_examreissuancePrint_tw2 dl {}
.pop_examreissuancePrint_tw2 .ti {font-family:'notokrM'; color:#222;}
.pop_examreissuancePrint_tw2 .tx {}

.pop_examreissuancePrint_tw3 {padding-top:.5em;}
.pop_examreissuancePrint_tw3 .tt {font-size:.813em; font-family:'notokrR';}
.pop_examreissuancePrint_tw3 .topw {padding-bottom:.5em;}
.pop_examreissuancePrint_tw3 .botw {}
.pop_examreissuancePrint_tw3 .topw .t1 {}
.pop_examreissuancePrint_tw3 .topw .t1 .tt {}
.pop_examreissuancePrint_tw3 .botw .t1 {text-align:right}
.pop_examreissuancePrint_tw3 .botw .t1 .tt {}

.pop_examreissuancePrint_in_Date {text-align:center;}
.pop_examreissuancePrint_in_Date > span {display:inline-block; padding-right:1em;}

.pop_examreissuancePrint_tbl_peopleList {}
.pop_examreissuancePrint_tbl_peopleList > li:first-child {padding-bottom:.3em;}

/**********************************************************************************���輺������߱޽�û��? pop_examreissuancePrint_Window*/
.pop_qualityrequestPrint_tw{padding:1.5em 0; text-align:center; }
.pop_qualityrequestPrint_tw .ti {font-size:1.5em;}
.pop_qualityrequestPrint_tw .tx .date {font-size:1.250em; line-height:inherit; text-align:right; margin:2em 7em 2em 0}
.pop_qualityrequestPrint_tw .tx .date > span {display:inline-block; padding:0 1em;}
.pop_qualityrequestPrint_tw .tx .sign {vertical-align:baseline; font-size:1.250em; line-height:inherit; margin:0 7em 2em 0; text-align:right; }
.pop_qualityrequestPrint_tw .tx .sign .in {display:inline-block; color:#444; /*vertical-align:baseline; padding-left:30px;*/}
.pop_qualityrequestPrint_tw .tx .name {font-family:'notokrM'; color:#222; font-size:1.7em; text-align:right !important; padding-top:1em}
.pop_qualityrequestPrint_tw .tx .sign .sign_tit {}
.pop_qualityrequestPrint_tw .tx .sign .sign_people {display:inline-block; width:8em; text-align:center}

.pop_qualityrequestPrint_tw3 {padding-top:.5em;}
.pop_qualityrequestPrint_tw3 .tt {font-size:.813em; font-family:'notokrR';}
.pop_qualityrequestPrint_tw3 .topw {padding-bottom:.5em;}
.pop_qualityrequestPrint_tw3 .botw .t1 {text-align:right}

.pop_qualityrequestPrint_tbl_peopleList {}
.pop_qualityrequestPrint_tbl_peopleList > li:first-child {padding-bottom:.3em;}

/**********************************************************************************�����û��? pop_examapplyPrint_Window*/
.pop_examapplyPrint_tbl_peopleList {}
.pop_examapplyPrint_tbl_peopleList > li:first-child {padding-bottom:.3em;}

.pop_examapplyPrint_tw{padding:1.3em 0; text-align:center; }
.pop_examapplyPrint_tw .ti {font-size:1.3em;}
.pop_examapplyPrint_tw .tx .date {font-size:1.125em; line-height:inherit; text-align:right; margin:1.5em 7em 1.5em 0}
.pop_examapplyPrint_tw .tx .date > span {display:inline-block; padding:0 1em;}
.pop_examapplyPrint_tw .tx .sign {vertical-align:baseline; font-size:1.125em; line-height:inherit; margin:0 7em 2em 0; text-align:right; }
.pop_examapplyPrint_tw .tx .sign .in {display:inline-block; color:#444; /*vertical-align:baseline; padding-left:30px;*/}
.pop_examapplyPrint_tw .tx .name {font-family:'notokrM'; color:#222; font-size:1.5em; text-align:right !important; padding-top:.6em}
.pop_examapplyPrint_tw .tx .sign .sign_tit {}
.pop_examapplyPrint_tw .tx .sign .sign_people {display:inline-block; width:8em; text-align:center}

.examapplyPrint_gitaHeight {height:3em !important} /*��û���� �� ��Ÿ ���� ����*/



/*ǰ���˻��Ƿڼ� �˾�â*/
.pop_print_tup {position:absolute; right:.5em; bottom:.5em; font-size:.875em;}/*ǰ���˻� �Ƿڼ� ä����*/

.pop_Print_tbl_Wrap {/*height:0 !important; */padding:0 !important;}
.pop_Print_tbl {height:100%;}
.pop_Print_tbl > li {flex:1; border-right:1px solid #000; height:100%; position:relative;}
.pop_Print_tbl > li:last-child {border-right:none}
.pop_Print_tbl > li .in {padding:20px 0;}
.pop_Print_tbl > li .in .tt {position:absolute; left:.5em; top:.5em; font-size:.813em; color:#444;}
.pop_Print_tbl > li .in .tt2 {position:absolute; right:.5em; bottom:.5em; font-size:.813em}
.pop_Print_tbl > li .in .tx {position:absolute; bottom:.5em; left:.5em;} 

/*ǰ���˻��Ƿڼ� ���簳��*/
.pop_Print_tbl_in {}
.pop_Print_tbl_in .tt {font-size:.875em; color:#444; display:block; padding-bottom:.7em;}

.print_Txt2 {font-size:.875em;}
.print_Txt2 .t1 {}
.print_Txt2 .t2 {}
.print_Txt2 .t2 .tt2 {vertical-align:baseline}
.print_Txt2 .t3 {margin-left:45%; margin-top:.7em;}
.print_Txt2 .t3 > dl {position:relative; padding:5px 0 5px 90px; font-size:.938em;}
.print_Txt2 .t3 > dl dt {position:absolute; top:5px; left:0; width:6.5em; text-align:right !important;}
.print_Txt2 .t3 > dl dd {position:relative}
.print_Txt2 .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.print_Txt2 .t3 > dl dd .sign_people {display:inline-block; width:22em; text-align:center;}

.print_Txt2.ST1 .t3 > dl dt {text-align:left !important}
.print_Txt2.ST1.ST2 {margin-top:3em;}
.print_Txt2.ST2 .t3 > dl dt {width:7em;}
.print_Txt2 .t3 > dl dt.tst1 {letter-spacing:5.3px;}

/*ǰ���˻��Ƿڼ� �߰� ���ζ�*/
.print_Txt2 .t3.ST4 {margin-top:.5em;}
.print_Txt2 .t3.ST4 > dl {padding:3px 0 3px 90px;}

.print_Txt2 .t3 > dl dd .stamp_img {position:absolute; z-index:inherit; max-width:3.125em; top:-1em; right:0;}

/*������ �ϴ� ������ ���� ���ζ�*/
.print_Txt3 .t3 {margin-left:45%; margin-top:.7em; font-size:.813em;}
.print_Txt3 .t3 > dl {position:relative; padding:3px 0 3px 60px; }
.print_Txt3 .t3 > dl dt {position:absolute; top:5px; left:0; width:4em; text-align:right !important;}
.print_Txt3 .t3 > dl dd {position:relative}
.print_Txt3 .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.print_Txt3 .t3 > dl dd .sign_people {display:inline-block; width:12em; text-align:center;}
.print_Txt3 .t3 > dl dt.tst1 {letter-spacing:8px;}
.print_Txt3.ST1 .t3 > dl dt {text-align:left !important}
.print_Txt3 .t3 > dl dd .stamp_img {position:absolute; z-index:inherit; max-width:3.125em; top:-1em; right:0;}
.print_Txt3 .t3 > dl dd .stamp_img.st1 {top:-1.5em; max-width:4em;}

/*ǰ���˻��Ƿڼ� ���뼱 ���ζ�*/
.print_Txt2.fst1 {font-size:.750em;}

.print_Txt3 .t3.fst1 {font-size:.750em;}
.print_Txt3 .t3.fst1 > dl dt {width:inherit;}

/*ǰ���˻��Ƿڼ� ÷�κκ�*/
.print_Txt2.ST1.ST3 .t3 > d1 {margin-top:1em; padding:5px 0 5px 66px;}

.print_tbl_steP {margin:0 0 0 -2em;}
.print_tbl_steP > li {flex:1;}
.print_tbl_steP > li .in {border:1px solid #000; margin:0 0 0 2em; text-align:center; padding:.5em 0; position:relative;}
.print_tbl_steP > li .in:after {position:absolute; content:"\e90b"; right:-20px; top:50%; transform:translateY(-50%); font-family:xeicon !important; font-style:normal; color:#222; font-size:1em;}
.print_tbl_steP > li:last-child .in:after {display:none !important;}
.print_tbl_steP > li .in > p {font-size:.938em;}

/*ǰ���˻��Ƿڼ� ���� �ϴ� ������*/
.print_Txt3.ST4 .t3 > dl {padding:5px 0 5px 80px;}
.print_Txt3.ST4 .t3 > dl dt {width:6em;}
.print_Txt3.ST4 .t3 > dl dt.tst1 {letter-spacing:5px;}

.receipt_Wrap {margin:1em 0;}
.receipt_Wrap.st1 {margin:.5em 0 0 0;}
.receipt_Wrap .tw {position:relative; text-align:center; overflow:hidden;} 
.receipt_Wrap .tw .ti {position:relative; display:inline-block; letter-spacing:5px; font-size:.688em; padding:0 3em;}
.receipt_Wrap .tw .ti:before,
.receipt_Wrap .tw .ti:after {position:absolute; content:""; background:#fff; width:2000px; top:50%; height:0; border-bottom:3px dashed #999;}
.receipt_Wrap .tw .ti:before {right:100%}
.receipt_Wrap .tw .ti:after {left:100%;}

.receipt_Wrap .receipt_In {margin-top:.5em;}
.receipt_Wrap .receipt_In .t1 {text-align:center; letter-spacing:30px; font-family:'notokrB'; font-size:.813em; }
.receipt_Wrap .receipt_In .list {position:relative;}
.receipt_Wrap .receipt_In .list > dt {position:absolute; left:0; top:5px;}
.receipt_Wrap .receipt_In .list > dd {}
.receipt_Wrap .receipt_In .t2 {margin:.5em 0; font-size:.713em;}

/*������ ����Ʈ*/
.receipt_Wrap2 .receipt_In2 {}
.receipt_Wrap2 .receipt_In2 .t1 {text-align:center; letter-spacing:30px; font-family:'notokrB'; font-size:1.3em; margin-bottom:1em;}
.receipt_Wrap2 .receipt_In2 .list {position:relative; padding:5px 0 5px 150px; font-size:.875em;}
.receipt_Wrap2 .receipt_In2 .list > dt {position:absolute; left:0; top:5px;}
.receipt_Wrap2 .receipt_In2 .list > dd {}
.receipt_Wrap2_b_tw {margin-top:2em;}
.receipt_Wrap2_b_tw .print_Txt2 {font-size:.813em;}
.receipt_Wrap2_b_tw .t1 {text-align:right; font-size:.813em;}
.receipt_Wrap2_b_tw .print_Txt2 .t2 {padding-top:1em; padding:.7em 0 3em 0}
.receipt_Wrap2_b_tw .print_Txt2 .t2 .tt2 {vertical-align:baseline}

.pop_receipt_Wrap_tw3 {padding-top:.5em;}
.pop_receipt_Wrap_tw3 .tt {font-size:.813em; font-family:'notokrR';}
.pop_receipt_Wrap_tw3 .topw {}
.pop_receipt_Wrap_tw3 .botw .t1 {text-align:right}

.pop_receipt_Wrap_tw2 .t3 {margin-left:45%; margin-top:.7em; font-size:.713em; margin-bottom:.5em;}
.pop_receipt_Wrap_tw2 .t3 > dl {position:relative; padding:3px 0 3px 50px; }
.pop_receipt_Wrap_tw2 .t3 > dl dt {position:absolute; top:5px; left:0; width:5em; text-align:right !important;}
.pop_receipt_Wrap_tw2 .t3 > dl dd {position:relative}
.pop_receipt_Wrap_tw2 .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.pop_receipt_Wrap_tw2 .t3 > dl dd .sign_people {display:inline-block; width:12em; text-align:center;}
.pop_receipt_Wrap_tw2 .t3 > dl dt.tst1 {letter-spacing:6px;}

.pop_receipt_Wrap_tw2.ST1 .t3 > dl dt {text-align:left !important}
.pop_receipt_Wrap_tw2 .t3.fst1 > dl dt {width:inherit;}

/*������ A �׸� �Ʒ� ���� pop_receiptA_Window.php*/
.receiptA_print {margin-top:1.5em;}
.receiptA_print .t1 {text-align:center; font-size:.813em;}
.receiptA_print .in_tw {font-size:.813em;}
.receiptA_print .in_tw .t2 {padding-top:1em; padding:.7em 0 3em 0}
.receiptA_print .in_tw .t2 .tt2 {vertical-align:baseline}
.receiptA_print .in_tw {font-size:.875em;}
.receiptA_print .in_tw .t1 {}
.receiptA_print .in_tw .t2 {}
.receiptA_print .in_tw .t2 .tt2 {vertical-align:baseline}
.receiptA_print .in_tw .t3 {margin-left:45%; margin-top:.7em;}
.receiptA_print .in_tw .t3 > dl {position:relative; padding:5px 0 5px 90px; font-size:.938em;}
.receiptA_print .in_tw .t3 > dl dt {position:absolute; top:5px; left:0; width:6.5em; text-align:right !important;}
.receiptA_print .in_tw .t3 > dl dd {position:relative}
.receiptA_print .in_tw .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.receiptA_print .in_tw .t3 > dl dd .sign_people {display:inline-block; width:22em; text-align:center;}

.receiptA_print2 .t3 {margin-left:55%; margin-top:.7em; font-size:.813em; position:relative}
.receiptA_print2 .t3 > dl {position:relative; padding:3px 0 10px 60px; }
.receiptA_print2 .t3 > dl dt {position:absolute; top:5px; left:0; width:5em; text-align:left !important;}
.receiptA_print2 .t3 > dl dd {position:relative}
.receiptA_print2 .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.receiptA_print2 .t3 > dl dd .sign_people {display:inline-block; width:12em; text-align:center;}
.receiptA_print2 .t3 > dl dt.tst1 {letter-spacing:8px;}
.receiptA_print2 .t3 > dl dt.tst1.st {letter-spacing:7px;}
.receiptA_print2 .t3 .stamp{position:absolute; z-index:inherit; top:.7em; right:.9em; max-width:4em;}

/*������ B �׸� �Ʒ� ���� pop_receiptA_Window.php*/
.receiptB_print {margin-top:1.5em;}
.receiptB_print .t1 {text-align:center; font-size:.813em;}
.receiptB_print .in_tw {font-size:.813em;}
.receiptB_print .in_tw .t2 {padding-top:1em; padding:.7em 0 3em 0}
.receiptB_print .in_tw .t2 .tt2 {vertical-align:baseline}
.receiptB_print .in_tw {font-size:.875em;}
.receiptB_print .in_tw .t1 {}
.receiptB_print .in_tw .t2 {}
.receiptB_print .in_tw .t2 .tt2 {vertical-align:baseline}
.receiptB_print .in_tw .t3 {margin-left:45%; margin-top:.7em;}
.receiptB_print .in_tw .t3 > dl {position:relative; padding:5px 0 5px 90px; font-size:.938em;}
.receiptB_print .in_tw .t3 > dl dt {position:absolute; top:5px; left:0; width:6.5em; text-align:right !important;}
.receiptB_print .in_tw .t3 > dl dd {position:relative}
.receiptB_print .in_tw .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.receiptB_print .in_tw .t3 > dl dd .sign_people {display:inline-block; width:22em; text-align:center;}

.receiptB_print .t3 {margin-left:55%; margin-top:.7em; font-size:.813em; position:relative}
.receiptB_print .t3 > dl {position:relative; padding:3px 0 10px 60px; }
.receiptB_print .t3 > dl dt {position:absolute; top:5px; left:0; width:5em; text-align:left !important;}
.receiptB_print .t3 > dl dd {position:relative}
.receiptB_print .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.receiptB_print .t3 > dl dd .sign_people {display:inline-block; width:12em; text-align:center;}
.receiptB_print .t3 > dl dt.tst1 {letter-spacing:8px;}
.receiptB_print .t3 > dl dt.tst1.st {letter-spacing:7px;}
.receiptB_print .t3 .stamp{position:absolute; z-index:inherit; top:.7em; right:.9em; max-width:4em;}

/*ǰ���˻��Ƿڼ� ������ �ϴ� ������ ���� ���ζ�*/
.pop_receipt_Wrap_tw4 .t3 {margin-left:45%; margin-top:.7em; font-size:.813em;}
.pop_receipt_Wrap_tw4 .t3 > dl {position:relative; padding:5px 0 5px 70px; }
.pop_receipt_Wrap_tw4 .t3 > dl dt {position:absolute; top:5px; left:0; /*width:5em;*/ text-align:left !important;}
.pop_receipt_Wrap_tw4 .t3 > dl dd {position:relative}
.pop_receipt_Wrap_tw4 .t3 > dl dd .in {text-align:right; display:inline-block; text-align:right !important; width:21em;}
.pop_receipt_Wrap_tw4 .t3 > dl dd .sign_t {position:absolute; right:0; top:0}
.pop_receipt_Wrap_tw4 .t3 > dl dd .sign_people {display:inline-block; text-align:left;}
.pop_receipt_Wrap_tw4 .t3 > dl dd .sign_one {padding:0 1em;  display:inline-block}
.pop_receipt_Wrap_tw4 .t3 > dl dd .sign_two {width:3em; display:inline-block}

.pop_receipt_Wrap_tw4 .t3 > dl dt.tst1 {letter-spacing:5.3px;}
.pop_receipt_Wrap_tw4 .t3 > dl dd .stamp_img {position:absolute; z-index:inherit; max-width:3.125em; top:-1em; right:0;}
.pop_receipt_Wrap_tw4 .t3 > dl dd .stamp_img.st1 {top:-1.5em; max-width:4em;}

/*ǰ���˻��Ƿڼ� ������ �׸� �Է¶�*/
.pop_receipt_Wrap_in_info {display:block;}
.pop_receipt_Wrap_in_info .list {display:inline-block; text-align:left;}
.pop_receipt_Wrap_in_info li {}
.pop_receipt_Wrap_in_info li .in {padding:.25em 0; font-weight:500; font-size:.713em;}
.pop_receipt_Wrap_in_info li .in .input_tit {width:10em; display:inline-block}

/*ǰ���˻��Ƿڼ� �� �ϴ� �÷�ä���� ��ȸ�� ���̺�*/
.qualityrequest_wd1 {width:70px;}
.qualityrequest_wd2 {width:30px;}
.qualityrequest_wd3 {width:auto;}
.qualityrequest_wd4 {width:auto; padding:0 3em;}
.qualityrequest_wd5 {width:30px}
.qualityrequest_wd6 {width:100px}

.qualityrequestTblWrap {margin-top:.7em; display:flex;}
.qualityrequestTbl {font-size:.813em; margin-left:auto;}
.qualityrequestTbl tbody {}
.qualityrequestTbl th {text-align:left; padding:5px 0}
.qualityrequestTbl th .t1 {letter-spacing:5.4px;}
.qualityrequestTbl td {}
.qualityrequestTbl td > span {}

.pop_page_print .print_con .tts{font-size:.813em;}
.pop_page_print .print_con .tts.st1 {font-size:1em; font-weight:700}/*�÷ᰳ�� ���?*/

.print_table td.print_input_TD {padding:0 .5em;}/*������ �μ� INPUT TD*/

.price_T {font-family: 'notokrB'; font-size:1.250em;}
.printBl {display:none !important;}

.pop_estiPrint_Window_st {width:55em; margin:0 auto;}

.txt_underst {text-decoration:underline; vertical-align:baseline !important;}

/*����Ʈ ���� ���� ����*/
.print_table.print_h_st th,
.print_table.print_h_st td {height:2em;}

/*���輺������߱�? ��û�� ����*/
.print_table.print_h_st1 th,
.print_table.print_h_st1 td {height:3em;}

.print_table.print_h_st1 th.in_hst,
.print_table.print_h_st1 td.in_hst {height:1.250em;}

.print_table.print_h_st1 th.in_hst2,
.print_table.print_h_st1 td.in_hst2 {height:5em;}
.print_table.print_h_st1 td.in_hst2 {vertical-align:top}

.print_table.print_h_st1 th.in_hst4,
.print_table.print_h_st1 td.in_hst4 {height:15em;}
.print_table.print_h_st1 td.in_hst4 {vertical-align:top}


/*ǰ���˻缺���� ��߱�? ��Ÿ(��������)����*/
.print_table.print_h_st1 th.in_hst3,
.print_table.print_h_st1 td.in_hst3 {height:12em; }
.print_table.print_h_st1 td.in_hst3 {vertical-align:top}

.print_table .borderNo {border:none !important;}
.print_table .borderNoT {border-top:none !important;}
.print_table .borderNoB {border-bottom:none !important;}
.print_table .borderNoL {border-left:none !important;}
.print_table .borderNoR {border-right:none !important;}

/*�÷ᰳ�� �ʼ�*/
.print_page_num {color:#555; font-size:.750em; vertical-align:baseline}

@page{ size:auto; margin:10mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;}

@media print {	
	html{ margin:0;}
	html:before{ display:none;}	
	body.pop{ display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0;}
	body.pop .popWrap2 .popIn2 {overflow-y:inherit !important; box-shadow:none !important;}

	#header .menu_wrap,
	#header .gnb_wrap,
	#header .top_wrap .search,
	#header .top_wrap .aside,
	#footer .family_wrap,
	#footer .info_wrap .menu_con,
	#footer .info_wrap .info_con .logo{ display:none;}
	#footer .info_wrap .info_con .copyright{ margin:0; text-align:center;}	
	#contents .doc{ font-size:.750em;}

	/*.in_print{ page-break-inside:avoid;}*/
	.noprint{ display:none;}
	.printBreak{ page-break-before:always;}
	.printBreak2 { page-break-inside:avoid; page-break-after:auto }
	.printBreak + .pop_page_print{ -webkit-padding-before:10mm;}
	.printBreak + .pop_page_print .print_table{ margin-top:0 !important;}		
	.printSection {page-break-before:always;}
	.printBl {display:block !important;}
	
	.print_Input {border:none !important; padding:0 !important;} /*����Ʈ �����ڿ��� ��½�?*/
	.print_tbl {padding:0 .5em!important} /*����Ʈ �����ڿ��� ��½�?*/
	
	.print_table{ font-size:.750em; }
	.print_table th {background:#fff !important;}

	
	.printPreview .pop_page_print{ visibility:visible;}
	.print_f_logo {margin:1em 0 !important;}
	.print_f_logo img {width:73mm !important;}

	.pop_estiPrint_Window_st {width:inherit !important; margin:inherit !important;}
	.pop_page_print{ padding:10mm 10mm 0 10mm  !important;}
	.pop_page_print.st{ padding:3.5mm 10mm 0 10mm  !important;} /*�����û����� ����*/
	.pop_page_print.st2{ padding:8mm 10mm 0 10mm  !important;} /*��������ļ�? ����*/
	.pop_page_print.pdNo{ padding:0 10mm 0 10mm  !important;}	
	.pop_page_print2{ padding:0 10mm  !important;}
	.pop_page_print:first-child{ -webkit-padding-before:10mm;}
	.pop_page_border {border:none !important; padding:0 !important}
	.pop_page_print .print_con .tts {padding-bottom:3px;}
	.pop .pop_page_print .print_con .col_wrap .stamp{ top:6em; right:2em;}
	
	.receipt_Wrap {margin:1em 0 0 0;}
	
	.pop_page_print.pdT5 {padding:15mm 10mm 0 10mm  !important;}
	
}


/**/
.in_info {border:1px solid #111; padding:.5em; margin:0 auto; display:block; text-align:center;}
.in_info .list {display:inline-block; text-align:left;}
.in_info li {}
.in_info li .in {padding:.5em; font-weight:500; font-size:.813em;}
.in_info li .in .input_tit {/*width:10em;*/ display:inline-block}
.in_info li .in .input_tit.st {width:10em !important;} /*������ �ϴ�*/

/*������ ���? ������*/
.in_info.st1 {border:none; padding:0; margin:inherit; text-align:inherit;}


/*ǰ���Ƿڼ� ���뼱 �׸��?*/
.in_info.st1.st2 li .in {font-size:.750em; padding:.25em;}

/*ksss���� �˾�â �̹���*/
.kss_Imgw {margin-top:1em;}
.kss_Imgw .list {margin:0 0 0 -1em;}
.kss_Imgw .list > li {flex-basis:33.3333%;}
.kss_Imgw .list > li .img {border:1px solid #ddd; margin:0 0 0 1em;}
.kss_Imgw .list > li .img.resize {padding-bottom:66.66666666% !important;}

/*�Ϸ��˾�*/
.result_wrap{padding:5em 0; width:50%; margin:0 auto; border:1px solid #ddd;}
.result_wrap ul{}
.result_wrap ul .txt_1{}
.result_wrap ul .txt_1 .img img{}
.result_wrap ul .txt_1 .xi{font-size:6em; font-weight:600; margin-bottom:10px; display:block; margin-top:10px; color:#003876;}
.result_wrap ul .txt_1 .va_tt{font-size:2em; font-weight:600; margin-top:1em;}

/*quick*/
#quick{ position:fixed; z-index:888; top:5em; right:0; height:auto; border-radius:10px; overflow:hidden;}
#quick .quickWrap{ width:6em; height:inherit; background:#fff; box-shadow:.313em 0 .625em rgba(0,0,0,.1);}
#quick .quickWrap .quick_menu{}
#quick .quickWrap .quick_menu .menu{}
#quick .quickWrap .quick_menu .menu > li{ position:relative;}
#quick .quickWrap .quick_menu .menu > li.home{ z-index:2;}
#quick .quickWrap .quick_menu .menu > li.home > .in{ display:block; background:#003876; color:#fff; padding:10px 5px;}
#quick .quickWrap .quick_menu .menu > li.home > .in .icon{height:1em; margin-bottom:0;}
#quick .quickWrap .quick_menu .menu > li.home > .in .icon .xi{ font-size:1.250em;}
#quick .quickWrap .quick_menu .menu > li:not(.home) > .in{margin:-1px 0 0 0; border:solid #ddd; border-width:1px 0 1px 0; transform:translateX(0); transition:.2s;}
#quick .quickWrap .quick_menu .menu > li:not(.home) > .in.bg_d{ background: #c9dfff;}
#quick .quickWrap .quick_menu .menu > li > .in{ background:#fff; color:#333; padding:11px 5px;}
#quick .quickWrap .quick_menu .menu > li > .in .txt{ flex:1;}
#quick .quickWrap .quick_menu .menu > li > .in .txt .tt{ font-size:.9em; font-weight:600;}
#quick .quickWrap .quick_menu .menu > li > .in .icon{ height:2em; margin-bottom:.45em;}
#quick .quickWrap .quick_menu .menu > li > .in .icon img{ width:2.75em;}


/**/
.rec_wrap {border:3px solid #dedede; padding:2em; box-sizing:border-box;}
.board_table .rec_tit { background:#fff;}
.rec_txt_wrap {margin:6em 0 3em; text-align:center;}
.rec_txt_wrap .date {margin-bottom:3em;}
.rec_txt_wrap .name { font-size:1.5em; font-weight:700; letter-spacing:1px; position: relative;}
.rec_txt_wrap .name > p {position: relative; z-index:2; } 
.rec_txt_wrap .name .stamp { position:absolute; z-index:-1; width:4em; top:-30px; transform:translateX(-20px);}

/* pop */
.red_deco {color:red; text-decoration:underline; vertical-align:baseline;}
.blue_deco {color:blue; vertical-align:baseline;}

/**/
.st2022 #header .top_Title{ display:none}
.st2022.main #header .btn_wrap {display:block;}
.st2022 #header .logo,
.st2022 #header .right .btn_wrap,
.st2022 #header .right .eng_Btn{ position:relative; z-index:2}
/*.st2022 #header .gnb_wrap{ position:absolute; left:0; top:0; width:100%; z-index:1; box-sizing:border-box; padding:0 15em; display:flex; justify-content:center}*/
.st2022 #header .gnb_wrap{ position:static; left:0; top:0; width:100%; box-sizing:border-box; /* padding:0 5em 0 0em; */ display:flex; justify-content:center; margin-right: 1vmin;}
.st2022 #header .gnb_wrap:before{ content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-2px; width:100vw; height:calc(100% - 78px); background:#fff; box-sizing:border-box; border:1px solid #ddd; border-left:none; border-right:none; display:none}
.st2022 #header .gnb_wrap .gnb{ display:flex; position:relative}
.st2022 #header .gnb_wrap .gnb > li{ position:relative; width:14em; display:flex; flex-direction:column; padding:0}
.st2022 #header .gnb_wrap .gnb > li .dp1{ padding:0; text-align:center; position:relative; font-size:1.125em; font-family:notokrM,sans-serif;}
.st2022 #header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#283891; transform:translate(-50%,50%); z-index:1; transition:.3s}
.st2022 #header .gnb_wrap .gnb > li .dp2{ position:relative; width:100%; box-sizing:border-box; padding:1em 0; top:1px; border:none; box-shadow:none; height:100%; flex:1 1 0%; min-height:0; display:none; box-sizing:border-box; border:1px solid #ddd; border-top:none; border-bottom:none; transition: 0.2s ease-in-out;}
.st2022 #header .gnb_wrap .gnb > li:nth-child(2n) .dp2{background: #f1f1f1;}
.st2022 #header .gnb_wrap .gnb > li:not(:first-child) .dp2{ border-left:none}
.st2022 #header .gnb_wrap .gnb > li .dp2:before{ display:none}
.st2022 #header .gnb_wrap .gnb > li.m_mypage,
.st2022 #header .gnb_wrap .gnb > li.m_member,
.st2022 #header .gnb_wrap .gnb > li.m_guide{ display:none}
.st2022 #header .gnb_wrap:hover:before,
.st2022 #header .gnb_wrap:hover .gnb > li .dp2{ display:block !important}
.st2022 #header .gnb_wrap .gnb > li .dp2 > li > a{ padding:.75em 0; border:none; text-align:center; color:#555; letter-spacing:0; font-weight:500; transition: 0.3s;}
.st2022 #header .gnb_wrap .gnb > li:hover .dp2 > li > a{color: #fff;}
.st2022 #header .gnb_wrap .gnb > li .dp2 > li:hover{ background:none}
.st2022 #header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#fff}
.st2022 #header .gnb_wrap .gnb > li:hover .dp1{ color:#283891}
.st2022 #header .gnb_wrap .gnb > li:hover .dp1:after{ width:100%}
.st2022 #header .gnb_wrap .gnb > li:hover .dp2{ background:#283891}
.st2022 #header .header_wrap .btn_wrap{ margin-left:.5em}
.st2022 #header .header_wrap .btn_wrap .searchBtn{ background:none; color:#111; margin:0 .25em}


/*.st2022 #footer{ font-size:1.125vw}*/

.main_visual .el {position: relative;}
.main_visual .el::before {position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.main_Visual_W .slogan{ position:absolute; left:10%; top:0; width:50%; height:90%; display:flex; align-items:center; z-index: 10;}
.main_Visual_W .slogan .t1{ font-size:3.88em; font-family:notokrM,sans-serif; /* text-shadow:2px 2px 2px rgba(0,0,0,.5); */ color:#fff; line-height:1.3; font-weight: 800;}
.main_Visual_W .slogan .t1.point{ font-size:4em; font-family:notokrB,sans-serif; color:#5acfff}

/* new slide */
/* .main_visual.new .el::before { background: rgba(0, 0, 0, 0.4); } */
.main_visual.new .el .in .bg { transform: scale(1.2); transition: 4.5s ease-in-out; }
.main_visual.new.start .el.slick-active .in .bg { transform: scale(1); }

.main_visual.new .el .slogan .t1 { overflow: hidden; }
.main_visual.new .el .slogan .t1 > i { display: inline-block; /* transform: translateY(200%); transition: 1.5s ease; */ }

.main_visual.new .slick-dots{position: absolute; left: 10%; top: 50%;}
.main_visual.new .slick-dots ul{display: flex;}
.main_visual.new .slick-dots ul li{width: 5em; height: 2px; background: rgba(255, 255, 255, .5);}

.controls_wrap{position: absolute; bottom: 5em; left: 50%; transform: translateX(-50%); width: 100%; padding: 0 10vw; box-sizing: border-box;}
.controls_wrap .visual-controls{display: flex; gap: 1.5em; align-items: center; }
.controls_wrap .visual-controls .slick-arrow{ border: 1px solid #fff; border-radius: 100px; background: none; width: 42px; height: 42px; text-align: center;  color: #fff; } 
.controls_wrap .visual-controls .page-info{color: #fff;}
.mainScroll { color:#fff;   } 
.mainScroll .tt { display:block; font-size:.875em; font-weight:500; color: #fff; } 
.mainScroll .tt .xi { font-size:1.5em; margin-right:.25em; position:relative } 


/* .mainScroll{ position:absolute; left:50%; bottom:0; z-index:100; color:#fff; transform:translateX(-50%); overflow:hidden; padding-left:.75em}
.mainScroll:before{ content:""; position:absolute; left:.25em; top:0; height:5em; width:1px; background:#fff}
.mainScroll .dot{ content:""; position:absolute; left:0; top:0; width:.5em; height:.5em; background:#fff; border-radius:50%}
.mainScroll .tt{ display:block; font-size:.75em; margin:3em 0 .5em 0; color:#fff}
.mainScroll .tt .xi{ font-size:1.5em} */

.moveDownAni{ animation-name: moveDownAni; animation-duration: 2.2s; transform-origin:center; animation-iteration-count: infinite}
@keyframes moveDownAni{
50% { transform:translateY(.8em)}
}
.moveDownAni:hover{animation-name: none}

.mainN_quick{ position:fixed; right:0; top:81px; z-index:1000}
.mainN_quick .inquiry_wrap{ display:flex}
.mainN_quick .inquiry_wrap .wrapBtn{ width:12em; height:10em; display:flex; align-items:center; justify-content:center; color:#fff; background:#17375e; border-radius:1em 0 0 1em; box-shadow:1em 1em 1em rgba(0,0,0,.1)}
.mainN_quick .inquiry_wrap .wrapBtn .t1{ font-family:notokrB, sans-serif; font-size:1.188em; word-break:break-all}
.mainN_quick .inquiry_wrap .wrapBtn .arrow{ margin-left:1em}
.mainN_quick .inquiry_wrap .wrapBtn .arrow .xi{ font-size:1em; letter-spacing:-.5em; color:#FF0}
.mainN_quick .inquiry_wrap .wrapBtn .arrow .xi:before{content:"\e93e"}
.mainN_quick .inquiry_wrap .wrapCon{ background:#fff; width:20em; box-sizing:border-box; padding:2em; border-radius:0 0 0 1em; box-shadow:1em 1em 1em rgba(0,0,0,.1); display:none}
.mainN_quick .inquiry_wrap .wrapCon .tit1{ font-size:1.25em; font-family:notokrM, sans-serif}
.mainN_quick .inquiry_wrap .wrapCon .inp_wrap{ margin:.5em 0 0 0}
.mainN_quick .inquiry_wrap .wrapCon .btn_wrap{ margin:1em 0 0 0}
.mainN_quick .inquiry_wrap .wrapCon .inp{ width:100%; box-sizing:border-box; padding:.875em; border:none; background:#f5f5f5; margin-top:.5em; text-align:center; border-radius:.5em; font-size:1.063em}
.mainN_quick .inquiry_wrap .wrapCon .inp.btn{ background:#006091; border-color:transparent; color:#fff; font-family:notokrB, sans-serif}
.mainN_quick .inquiry_wrap .wrapCon .inp.btn.c1{ background:#ffe812; color:#111}
.mainN_quick .inquiry_wrap.on .wrapBtn{ width:6em; padding:1em .5em; flex-direction:column; text-align:center}
.mainN_quick .inquiry_wrap.on .wrapBtn .arrow{ margin:.5em 0 0 0; transform:rotate(180deg)}
.mainN_quick .inquiry_wrap.on .wrapBtn .arrow:before{content:"\ea3e"; font-family:xeicon; font-size:1.5em}
.mainN_quick .inquiry_wrap.on .wrapBtn .xi{ display:none}
.mainN_quick .inquiry_wrap.on .wrapCon{ display:block}

.arrowAni{ animation-duration: 3s; transform-origin:center; animation-iteration-count: infinite; opacity:.5}
.arrowAni:nth-child(1){ animation-name: arrowAni1}
.arrowAni:nth-child(2){ animation-name: arrowAni2}
.arrowAni:nth-child(3){ animation-name: arrowAni3}
@keyframes arrowAni1{
20% { opacity:1}
100% { opacity:1}
}
@keyframes arrowAni2{
40% { opacity:1}
100% { opacity:1}
}
@keyframes arrowAni3{
60% { opacity:1}
100% { opacity:1}
}

/* 메인메뉴 */
.mainQuickSlider_wrap { position:relative; z-index:3; left:0; bottom:0; width:100%; padding:4em 0; box-sizing:border-box; } 
.mainQuickSlider_wrap .mainQuick { margin: 0 0 -1.5em -1.5em; } 
.mainQuickSlider_wrap .mainQuick .el { flex: 1 1 25%; max-width: 25%; } 
.mainQuickSlider_wrap .mainQuick .el > a { margin: 0 0 1.5em 1.5em; transition: .2s; } 
.mainQuickSlider_wrap .mainQuick .el > a:hover { transform: translateY(-1em); transition: .2s; } 
.mainQuickSlider_wrap .mainQuick .el > a { } 
.mainQuickSlider_wrap .innerW { position:relative; width:740px; max-width:100%; margin:0 auto; } 
.mainQuick { overflow:visible !important; } 
.mainQuick .swiper-wrapper { } 
.mainQuickSlider .el { } 
.mainQuick .el .wrap_in { display:block; } 
.mainQuick .el .wrap_in .con_bg { padding-bottom:100%; border-radius:1.5em; overflow:hidden; background: linear-gradient(135deg, #1a9fbb 0%, #1749a3 100%); box-shadow:0 2px 1.5em rgba(0,0,0,.3); } 
.mainQuick .el .wrap_in .con_bg .re{display: flex;}
.mainQuick .el .wrap_in .con_wrap{flex: 1;}
.mainQuick .el .wrap_in .posImg { position:absolute; bottom:5em; right:2em; width:41%; } 
.mainQuick .el .wrap_in .posImg img { object-position:right center; } 
.mainQuick .el .wrap_in .con_wrap {  padding:2em; padding-right:20%; } 


/**/
.main_txt:not(:last-child) { margin-bottom:3em; } 
.main_txt.m0 { margin-bottom:0; } 
.main_txt.m1 { margin-bottom:1em; } 
.main_txt .tit:not(:first-child) { margin-top:1.25em; } 
.main_txt .txt:not(:first-child) { margin-top:1.5em; } 
.main_txt .tit.flex { gap:1em; } 
.main_txt .txt { line-height:1.6; } 
.main_txt .o1 { opacity:.7; } 
.main_txt .t1 { font-size:.938em; } 
.main_txt .t2 { font-size:1.063em; } 
.main_txt .t3 { font-size:1.125em; } 
.main_txt .t4 { font-size:1.250em; } 
.main_txt .t5 { font-size:1.375em; } 
.main_txt .t6 { font-size:1.500em; } 
.main_txt .t7 { font-size:1.625em; } 
.main_txt .t8 { font-size:2.750em; } 
.main_txt.cw .tt { color:#fff; } 

.main_more > .more { position:relative; gap:0 1em; padding:.5em 1.5em; width:100%; max-width: 4em; background:var(--siteC); border-radius:6em; text-align:center; color:#fff; } 
.main_more > .more .in_tt{font-size: 0.92em; font-weight:600; } 
.main_more > .more .xi { font-size:1.125em; transition:.2s; } 
.main_more > .more.c1 { background-image:var(--crGrad1); } 

.main_more > .more.st1 { padding:0 0; width:2.75em; height:2.75em; min-width:auto; border-radius:50%; transition:.2s; } 
.main_more > .more.st1 .xi { font-size:1.125em; } 
.main_more > .more.st1:hover { background:var(--siteC); border-color:var(--siteC); } 

.main_more > .more.st2 { gap:0 .5em; min-width:6em; padding:.5em 1em; } 

.main_more.cw > .more { background:transparent; border:2px solid #fff; } 

.main_more > a.more:hover .xi,
a:hover .main_more > .more .xi { transform:rotate(180deg); } 


/*  */

.mainN_nav{position:fixed; right:1em; top:50%; transform:translateY(-50%); z-index:999}
.mainN_nav .nav > li > a{ position:relative}
.mainN_nav .nav > li > a .tt{ position:absolute; right:100%; margin-right:1em; top:50%; transform:translateY(-50%); visibility:hidden; white-space:nowrap; padding:.375em .5em; border:1px solid #ccc; background:#fff; border-radius:.5em; font-size:.875em}
.mainN_nav .nav > li > a .tt:after{ content:""; position:absolute; margin-left:-1px; left:100%; top:50%; width:.5em; height:.5em; background:red; transform:rotate(45deg); transform-origin:100% 0%; background:#fff; border:1px solid #ccc; border-left:none; border-bottom:none}
.mainN_nav .nav > li > a .ico{ display:block; position:relative}
.mainN_nav .nav > li > a .ico:before{ content:""; display:block; width:3em; height:3em; border-radius:50%; background:url(../images/inc/loGo.png) no-repeat center #fff; background-size:70% auto; border:1px solid #ccc; visibility:hidden}
.mainN_nav .nav > li > a .ico:after{ content:""; position:absolute; left:50%; top:50%; width:.5em; height:.5em; border-radius:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,.5)}
.mainN_nav .nav > li > a:hover .tt{ visibility:visible}
.mainN_nav .nav > li.on > a .tt,
.mainN_nav .nav > li.on > a .ico:before{ visibility:visible}
.mainN_nav .nav > li.on > a .ico:after{ visibility:hidden}

.mainN_box{}
.mainN_box.bg1{ background:#f5f5f5;}
.mainN_pd{ padding:3em}
.mainN_tit{ text-align:center}
.mainN_tit .t1{ font-family:notokrB, sans-serif; font-size:2.5em; margin-bottom:1em}
.mainN_tit .t2{ font-family:notokrB, sans-serif; font-size:1.5em; margin-bottom:.75em}
.mainN_tit .point{ vertical-align:top; color:#1d4183}

.mainN_business{ padding:4em 0 0 0; position:relative; overflow:hidden}
.mainN_business:before{ content:attr(data-tit); position:absolute; left:50%; transform:translateX(-50%); top:.375em; white-space:nowrap; text-align:center; font-size:14vw; opacity:.03; font-family:gs, sans-serif; font-weight:700; line-height:1; letter-spacing:-.063em}
.mainN_business .business{ background:#fff; display:flex; flex-wrap:wrap; gap:0 4vw; position:relative}
.mainN_business .business > li{ flex:1 1 1%}
.mainN_business .business > li .in .img .resize{ padding-bottom:67.3076%}
.mainN_business .business > li .in .con{ margin-top:1em; border-radius:.5em; overflow:hidden}
.mainN_business .business > li .in .con .tit{ font-size:1.25em; font-family:notokrB, sans-serif; display:flex; align-items:center; padding:.5em 1em}
.mainN_business .business > li .in .con .tit .xi{ margin-left:.75em; font-size:1em}
.mainN_business .business > li .in .menu{ padding:1.5em}
.mainN_business .business > li .in .menu > li:not(:first-child){ margin-top:.75em}
.mainN_business .business > li .in .menu > li > a{ display:block; position:relative; font-family:notokrM, sans-serif; color:#777; padding-left:1em}
.mainN_business .business > li .in .menu > li > a:before{ content:""; position:absolute; left:0; top:.5em; width:.25em; height:.25em; border-radius:50%; background:#ccc}
.mainN_business .business > li .in .menu > li > a:hover{ color:#006091}
.mainN_business .business > li .in .menu > li > a:hover:before{ background:#006091}
.mainN_business .business > li .in:hover .con{ background:#f5f5f5}
.mainN_business .business > li .in:hover .con .tit{ background:#006091; color:#fff}

.mainN_cs{ padding:2em 0 5em 0; box-sizing:border-box; min-height:50vh}
.mainN_cs .wrap_list{ display:flex; flex-wrap:wrap; justify-content:space-between}
.mainN_cs .mainN_vod{ width:45%}
.mainN_cs .mainN_brochure{ width:11%}
.mainN_cs .mainN_contact{}
.mainN_vod .list{ display:flex; gap:0 .5em}

.mainN_vod .list > li{ flex:1 1 1%}
.mainN_vod .list > li .in .img{ position:relative; border-radius:.5em; overflow:hidden}
.mainN_vod .list > li .in .img .resize{ padding-bottom:56.25%}
.mainN_vod .list > li .in .img .link{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; background:rgba(0,0,0,.5); transition:.3s; transform:translateY(100%)}
.mainN_vod .list > li .in .img .link .xi{ font-size:3em}
.mainN_vod .list > li .in .con{ padding:1em; text-align:center}
.mainN_vod .list > li .in:hover .img .link{transform:translateY(0)}

.mainN_brochure .img{ overflow:hidden; border-radius:.5em; box-shadow:0 0 1em rgba(0,0,0,.1)}
.mainN_brochure .img .resize{ padding-bottom:133.33%}

.mainN_contact .info_wrap{ display:flex; flex-wrap:wrap; gap:0 5em; padding-top:1em}
.mainN_contact .info_wrap .info{ flex:1 1 0%; min-width:0; display:flex; flex-direction:column; gap:.5em}
.mainN_contact .info_wrap .info .tel{ display:flex; align-items:center; margin-bottom:1.5em}
.mainN_contact .info_wrap .info .tel .ico{ width:2em; line-height:2em; text-align:center; background:#1d4183; color:#fff; border-radius:50%; margin-right:.5em}
.mainN_contact .info_wrap .info .tel .no{ font-family:gs,sans-serif; font-weight:500; font-size:1.5em}
.mainN_contact .info_wrap .info .t1{ color:#777}
.mainN_contact .info_wrap .info .t2{ font-weight:500; font-size:1.125em}
.mainN_contact .info_wrap .btn{ display:flex}
.mainN_contact .info_wrap .btn .st{background:#006091; height:100%; padding:2em; color:#fff; border-radius:.5em; box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-direction:column}
.mainN_contact .info_wrap .btn .st .ico{ display:block; font-size:1.5em; margin-bottom:.25em}

.bgfix{ background-position:center; background-repeat:no-repeat; background-size:cover}

/**/
.C_page_sec{ padding-top: 10em;}
.C-top{ text-align: center;}
.C-top > p{ position:relative; font-size: 2.45em; font-weight: 600; text-align: center; display:inline-block;}
.C-top > p:before{ position: absolute; bottom: 0; left: 0; height: 12px; background: #457cc0; width: 100%; z-index: -1; opacity: .25; content: '';}
.C-top .C-line{ width: 40px; height: 3px; background: #0b4790; margin: 2em auto;}

.C_page_sec .method-box{ width: 100%; background: #f9f9f9; border-radius: 2em; padding: 3.5em; box-sizing: border-box; width: 80%;}

.page_tbg_TW .star{ margin-top: .8em; display: inline-block; background: #f9f9f9; padding: .5em 1.5em; color: #ee1d1d; font-weight: 600; font-size: 1.25em;}
.sub_Tit_wrap .ti_tx{ font-size: 1.125em; font-weight: 600; color: #222; text-align: justify;}
.sub_Tit_wrap .ti_tx.st{ font-size: 1.3em;}
.table_star{ margin-top: 1em; color: #444; font-size: 1.2em; font-weight: 600;}
.table_star > p > span{ position:relative; top: 4px; margin-right: .2em; font-size: 1.5em;}
.together-T{ margin-top: 6em;}
.together-T > p{ text-align: center; font-size: 2.15em; font-weight: 600;}

.page_tbg_TW.dp{ padding: 2em 1.5em; }
.page_tbg_TW .down-fileW{ gap: 1em; margin-top: 4em;}
.page_tbg_TW .down-fileW .dw{ position:relative; background: #f9f9f9; border: 1px solid #222; border-radius: 1em; padding: 1.5em; box-sizing: border-box; flex: 1 1 49%;}
.page_tbg_TW .down-fileW .dw > .manual{ position: absolute; margin-bottom: 1.5em; border: 1px solid #111; font-size: 1.2em; font-weight: 600; left: 50%; transform: translate(-50%); top: -27px; padding: 0.5em 1.25em; background: #fff; color: #222; border-radius: .5em;}
.page_tbg_TW .down-fileW .dw.dwMB > .manual{}
.page_tbg_TW .down-fileW .dw .file_list{ gap: 1em; margin-top: 1.5em;}
.page_tbg_TW .down-fileW .dw .file_list > li{}
.page_tbg_TW .down-fileW .dw .file_list > li > a{ padding: .5em 1.5em; box-sizing: border-box; font-size: 1.1em; min-width: 11em; font-weight: 600; background: #2196F3; color: #fff;}
.page_tbg_TW .down-fileW .dw .file_list > li > a > i{ padding-left: .5em; font-size: 1.15em;}

.location {border: 1px solid #ddd;}

/* inquriy */
.upload-name { border: none; width: 16em; overflow: hidden; text-overflow: ellipsis;}
.custom_file_btn { display: inline-block; /* position: absolute; left: 120px; top: 50%; transform: translateY(-50%); */ padding: 8px 16px; background-color: #007bff; color: #fff; font-size: 14px; border-radius: 4px; cursor: pointer; transition: background-color 0.2s ease; }
.custom_file_btn:hover { background-color: #0056b3; }