@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:1560px; max-width:92%; margin:0 auto}
.box1{ width:1200px; max-width:92%; margin:0 auto}
.box2{ width:1460px; max-width:92%; margin:0 auto}


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

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; box-shadow:0 1px 7px rgba(0, 0, 0, .1);}
#header .top_wrap{ height:5em;  transition:.3s}
#header .top_wrap .logo{}
#header .logo{  position:relative; z-index:5;}
#header .logo > a{ display:block; }
#header .logo > a img { }
#header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 22em; text-align:center}
#header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 4em); background:#1e2d78; transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; box-sizing:border-box; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li.m_member,
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_guide {display:none;}
#header .gnb_wrap .gnb > li .dp1{ font-weight:500; color:#111; position:relative; z-index:1; transition:.3s; padding:0 2.2em; min-width:7em; color:#333}
#header .gnb_wrap .gnb > li .dp1:after{content:""; position:absolute; bottom:1em; width:0; margin-left:-1.5em; left:50%; height:3px; background:#1e2d78; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:3em}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.188em;}
#header .gnb_wrap .gnb > li.on .dp1 {}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.125em; font-weight:500}
#header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden; box-sizing:border-box}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.5em 1em; color:#fff; position:relative;}
/*#header .gnb_wrap .gnb > li .dp2 > li > a:before{position:absolute; content:""; width:8px; height:1px; background:#fff; left:6px; top:22px;}*/
#header .gnb_wrap .gnb > li .dp2 > li > a .va{font-size:.875em; position:relative; font-weight:300; opacity:.8}
#header .gnb_wrap .gnb > li .dp2 > li > a .va:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#fff; transition:.3s}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a .va,
#header .gnb_wrap .gnb > li .dp2 > li.on > a .va{ opacity:1}
#header .gnb_wrap .gnb > li .dp2 > li.on> a .va:after,
#header .gnb_wrap .gnb > li .dp2 > li:hover > a .va:after{ width:100%}

#header .etc_wrap {z-index:999}
#header .etc_wrap .mem_wrap {}
#header .etc_wrap .mem_wrap .etc {}
#header .etc_wrap .mem_wrap .etc > li {}
#header .etc_wrap .mem_wrap .etc > li .in {color:#333; display:flex; aling-items:center; padding:0 .75em; opacity:.6;}
#header .etc_wrap .mem_wrap .etc > li .in img{ height:1em; margin-right:.25em; vertical-align:middle}
#header .etc_wrap .mem_wrap .etc > li .in .xi {vertical-align:middle; display:inline-block; padding-right:3px; font-size:1.4em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt {font-size:.813em; vertical-align:middle; transform:translateY(8px);}
#header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important}
#header .etc_wrap .mem_wrap .etc > li:hover .in{ opacity:1}

#header .etc_wrap .all_wrap{ margin-left:1.5em}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#242424; padding:.5em; width:1.5em; text-align:center; position:relative}
#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; transition:.3s}
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:2.2em; position:relative}
#header .etc_wrap .all_wrap .all_btn .line{ display:block; height:2px; margin:.25em 0; background:#111}
#header .etc_wrap .all_wrap:hover .all_btn .line{ background:#e41239; transition:.3s}
#header .etc_wrap .all_wrap.on .all_btn .line.l2{ display:none}
#header .etc_wrap .all_wrap.on .all_btn .line.l1{ transform:rotate(45deg) translateY(.25em)}
#header .etc_wrap .all_wrap.on .all_btn .line.l3{ transform:rotate(-45deg) translateY(-.25em)}

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

.color #header .gnb_wrap .gnb > li .dp1{ color:#333}
.color #header .gnb_wrap .gnb > li:hover .dp1{ color:#1b98d8}
.color #header .gnb_wrap .gnb > li:hover .dp1:after{ background:#1b98d8}
.color #header .etc_wrap .lang > .lang_btn{ border-color:#ccc; color:#666}
.color #header .etc_wrap .all_wrap .all_btn{ color:#666}
.color #header:before{ background:#777}

#header.hide{ transform:translateY(-6em)}
.headerH,
#header .va_wrap{ height:5em}
/*.headerT{ padding-top:5em}*/
/*
.scroll #header{}
.scroll #header .top_wrap{ height:4em}
.scroll #header .va_wrap {height:4em;}
.scroll #header .gnb_wrap .gnb:before {top:4em; height:calc(100% - 4em);}
*/
#header .gnb_wrap .gnb > li .dp2 {border-right:1px solid rgba(255, 255, 255, .2);}
#header .gnb_wrap .gnb > li:first-child .dp2 {border-left:1px solid rgba(255, 255, 255, .2);}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{}
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s; transition-delay:.1s}
#header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s}
#header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 4em); overflow: hidden; transition:.3s; transition-delay:.3s; padding:1.5em 0 2em 0; min-height:20.5em}
#header .gnb_wrap  + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden}
#header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s}
#header .gnb_wrap .gnb > li:hover .dp2 {background:#13226b; color:#fff;}

#header:hover:before {opacity:1; transition:.3s;}
#header:hover .etc_wrap .mem_wrap .etc > li .in {color:#5c5e5e}
#header:hover .etc_wrap .all_wrap .all_btn .xi {transition:.3s; color:#5c5e5e}
#header:hover .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border:1px solid #5c5e5e;}


/**/
#footer{}
#footer .gotop.top_st{position:fixed;z-index:1;width:4em;line-height:4em;height:4em;right: 3.2em;bottom: 2em;text-align:center;border-radius:50%;background:#fff;color:#444;transition:.3s;transform:translateY(7em);opacity:0;box-shadow:0 0 1em .125em rgba(0,0,0,.3);z-index:100;}
#footer .gotop.top_st .xi{ font-size:2em}
#footer .gotop.top_st:hover{ background:#8bc541; color:#fff}
.scroll #footer .gotop.top_st{ transform:translateY(0); opacity:1} /*footer_info.php 에 있는 gotop*/

/*.gotop{ position: fixed;z-index: 1;width: 4.2em;line-height: 3em; right: 3.3em; bottom:4.3em;text-align: center;border-radius: 50%;background: #446ec1;color: #fff; z-index: 100;}
.gotop .xi{ font-size: 1.000em; color:#fff;}
.gotop:hover{ background: #0dafb5;}
.scroll .gotop{ transform:translateY(0); opacity:1}*//*quick.php 에 있는 gotop*/


/* 관련사이트 */
.fAmily_wrap {border-top:1px solid #c0cad4;}
.family_wrap{ padding:1.5em 0em; background:#fff;}
.family_wrap .control{ width:15%; position:relative; /* margin-top:1%; */}
.family_wrap .family { width:84%;}
.family_wrap .control .tit{color:#333; display:inline-block; padding-top:4px; font-family:'notokrM';}
.family_wrap .control .arrow {/*position:absolute; right:0; 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.slick-slide{ width:180px; height:52px;}
.family_wrap .family .item > a{ display:block; margin:0 .2em; border:1px solid #ddd; background:#fff;}
.family_wrap .family .item > a .in{ }
.family_wrap .family .item > a .in .vm_tt{ display:flex; jusrify-content:center; align-items:center; width:200px; height:50px;}
.family_wrap .family .item .in img{ max-width:100%; height:100%; margin: 0 auto; object-position:center center; object-fit:cover;}
.family_wrap .family .item .in:hover{ border-color:#3c4968;}


#footer .foot_wrap{ background:#333;}
#footer .foot_wrap .box1{ position:relative}
#footer .foot_wrap .con{}
#footer .foot_wrap .con .logo img{ height:5em}
#footer .foot_wrap .con .copy{font-size:.813em; color:#fff; font-weight:300; letter-spacing:1px; opacity:.6;}
#footer .foot_wrap .con .copyt{font-size:.875em; color:#fff; padding:20px 0 7px 0;}

#footer .foot_wrap .bottom_wrap {padding:3em 0;}
#footer .foot_wrap .bottom_wrap .loGo {}
#footer .foot_wrap .bottom_wrap .loGo img {width:12em;}
#footer .foot_wrap .info_wrap{ flex:1 1 1%; margin-left:3em;}
#footer .foot_wrap .info_wrap > li{}
#footer .foot_wrap .info_wrap > li .tt{ display:inline-block; color:#fff; font-size:.875em; margin-right:1.438em;}
#footer .foot_wrap .info_wrap > li a:hover{ text-decoration:underline;}

#footer .foot_wrap .menu_wrap{ height:4em; border:1px solid rgba(255,255,255,.2); border-left:none; border-right:none; line-height:4em;}
#footer .foot_wrap .menu_wrap .menu {flex:1; min-width:0;}
#footer .foot_wrap .menu_wrap .menu > li {}
#footer .foot_wrap .menu_wrap .menu > li > a{ position:relative; display:block; font-size:.938em; color:#fff; padding:0 1em; font-weight:300}
#footer .foot_wrap .menu_wrap .menu > li.point > a{ font-weight:500}
#footer .foot_wrap .menu_wrap .menu > li > a:before {position:absolute; content:""; width:1px; height:15px; background:#d7d7d5; left:0; top:50%; transform:translateY(-50%); opacity:.4}
#footer .foot_wrap .menu_wrap .menu > li:first-child > a:before {display:none}
#footer .foot_wrap .menu_wrap .menu > li:first-child > a {padding:0 1em 0 0;}

#footer .foot_wrap .menu_wrap .partner_Wrap{position:relative;/* width:20.313em;*/}
#footer .foot_wrap .menu_wrap .partner_Wrap .partner { width:10em;}
#footer .foot_wrap .menu_wrap .partner_ti {color:#fff; margin-right:3em;}
#footer .foot_wrap .menu_wrap .partner_ti > * {vertical-align:baseline;}
#footer .foot_wrap .menu_wrap .partner_ti .tt {}
#footer .foot_wrap .menu_wrap .partner_ti .xi {font-size:1em; padding-left:5px;}
.mainPartnership_wrap{ position:relative; /*width:13.750em;*/}
.mainPartnership .el{}
.mainPartnership .el .wrap_in{ display:block; border:1px solid rgba(255,255,255,.2); text-align:center; border-top:none; border-bottom:none}
.mainPartnership .el .wrap_in .resize {padding-bottom:50% !important;}
.mainPartnership .el .wrap_in .in{ display:block; position:relative; height:100%}
.mainPartnership .el .wrap_in img{ max-height:100%}
.mainPartnership .el .wrap_in .in .xi {opacity:0; position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); font-size:1.2em; color:#fff; z-index:333; background:#e41239; border-radius:50%;
width:1.8em; line-height:1.8em; display:none}
.mainPartnership .el .wrap_in .in:hover .xi {opacity:1; transition:.3s;}

.sliderBtnSt{ position:absolute; cursor:pointer; transition:.3s; top:0; line-height:5em; width:1.875em; border:1px solid rgba(255,255,255,.2); border-top:none; border-bottom:none;}
.sliderBtnSt .xi{ font-size:1.8em; color:#fff}
.sliderBtnSt.prev{ left:-1.875em; border-right:none;}
.sliderBtnSt.next{ right:-1.875em; border-left:none;}
.sliderBtnSt:hover{background:rgba(0,0,0,.1)}


/*quick*/
#quick {margin-bottom:-300px;text-align:center;position:fixed;right: .6%;/*top: 5.3em;*/bottom: 48%;z-index: 100;}
#quick .quick_wrap {position:relative; width:100%; height:100%;}
#quick .quick_wrap .inn { }
#quick .quick_wrap .inn .logo {padding-bottom:10px;}
#quick .quick_wrap .con_w {}
#quick .quick_wrap .con_w .list {}
#quick .quick_wrap .con_w .list > li { }
#quick .quick_wrap .con_w .list > li .in {border:1px solid #e2e2e2; transition:.2s; padding: 1em 0.5em; display:block;}

#quick .quick_wrap .con_w .list > li .in {border:1px solid #e2e2e2;border-radius:0 0 1em 1em;transition:.2s;display: block;width: auto;background: #fff;border-bottom:dashed 1px #e2e2e2;padding: 1.2em 0.5em;box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);}
#quick .quick_wrap .con_w .list > li .in span .tt {}
#quick .quick_wrap .con_w .list > li .in span img { margin: 1em 0 0 0;}
#quick .quick_wrap .con_w .list > li .in span .tt.tr {font-size: .98em; font-weight: 500;line-height: 1.8em;}
#quick .quick_wrap .con_w .list > li .in span .tt.t1 {letter-spacing: 2px; font-weight: 500;}
#quick .quick_wrap .con_w .list > li .in span .tt.gray { font-size: .710em; font-weight: 100;}
#quick .quick_wrap .con_w .list.dill > li .in .xi {font-size:1.5em; line-height:1; display:block; margin-bottom:.25em}
#quick .quick_wrap .con_w .list > li .in .tt { font-size: .750em; letter-spacing: 0.03em; color: #000;}
#quick .quick_wrap .con_w .list > li:hover .in .img {transition:.3s;}
 
#quick .quick_wrap .con_w .list.dill > li  a { background: #fff;}
#quick .quick_wrap .con_w .list.dill > .fir  a { border-radius: 1em 1em 0 0; border-top:0px; border-bottom:0px;}
#quick .quick_wrap .con_w .list.dill > .mid  a { border-radius: 0; border-bottom:0px; border-top:0px;}
#quick .quick_wrap .con_w .list.dill > .las  a { border-radius: 0 0 1em 1em; border-top:0px;}

#quick .quick_wrap .con_w .list.dill > .mid { position:relative;}
#quick .quick_wrap .con_w .list.dill > .mid:before { content: ""; position: absolute; left: 16px; top: 0; width: 8.125em; height: 1px; background: #e5e5e5;}
#quick .quick_wrap .con_w .list.dill > .mid:after { content: ""; position: absolute; left: 16px; bottom: 0; width: 8.125em; height: 1px; background: #e5e5e5;}

#quick .quick_wrap .con_w .list.dill img{ height:20px; /*margin: 0 0 0.75em 0;*/}

#quick .quick_cs{height: 13em;width: 9em;background:#005cb2;border-radius:1em 1em 0 0;/*margin-bottom: 10px;*/box-shadow: 1px 0 3px rgba(0, 0, 0, .1);}
#quick .quick_cs .btn{ display:none;}
#quick .quick_cs .cs{padding: 1.3em 1em;}
#quick .quick_cs .cs .tt,
#quick .quick_cs .cs .xi,
#quick .quick_cs .cs .num{ color:#fff;}

#quick .quick_cs .cs > dt{ }
#quick .quick_cs .cs > dt .tt{ font-size: 1.2em;  letter-spacing: .02em; font-weight: 500;}
#quick .quick_cs .cs > dd{ position:relative; margin-top:.313em;}
#quick .quick_cs .cs > dd *{ display:block;}
#quick .quick_cs .cs > dd .tt{position: absolute;top: 0.125em;left: 50%;font-size: .7em;letter-spacing: 0.05em;opacity: .8;transform: translateX(-50%);}
#quick .quick_cs .cs > dd .num{ font-size:.750em; font-family:'score', sans-serif; text-align:;left;}
#quick .quick_cs .cs > dd .c1{ color:#1e83d0;}
#quick .vm_wrap img {margin: 0 0 .5em 0;}

#quick .close_btn{width:62px; height:62px; line-height:62px; text-align:center; border-radius:50%; border:2px solid #333; color:#fff; background:#333; margin:10px 0 0 110px; cursor:pointer; font-size:15px;}
#quick .open_btn{display:none; margin:10px 0 0 110px; position:relative; width:55px; height:55px; line-height:55px; text-align:center; border-radius:50%; border:2px solid #446ec1; background:#446ec1; cursor:pointer;}
#quick .open_btn .in_sns{ cursor:pointer; font-size:14px; color:#fff;}

#quick:hover .con_w .list > li .in .sub_tt{ color:#005cb2!important;}
/* #quick:hover .con_w .list > li .in{ border-top:1px dashed #fff; background-color: #2e3192;}
#quick:hover .con_w .list > li .in .sub_tt{ color:#fff;} */
/**/
.mainSlider{ position:relative}
.mainSlider .el{ position:relative; overflow:hidden}
.mainSlider .el .bg{ display:block; height:0; padding-bottom:39.89583333333333%; background-repeat:no-repeat; background-position:center; background-size:cover; transform:scale(1.3,1.3); transition-delay:1s}
.mainSlider .el .box1{ position:relative}


.mainSlider .swiper-slide .bg::after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0)); position: absolute; left: 0;top: 0;}
/*.mainSlider .swiper-slide .txt_box{ width: 100%; height:100%; padding-top:10em; box-sizing: border-box; position:absolute; left:0; top:0;   color:#333;}*/
.mainSlider .swiper-slide .txt_box{ width: 100%; height:100%; padding-top:8em; box-sizing: border-box; position:absolute; left:0; top:0; text-align:center; color:#333;}
.mainSlider .swiper-slide .txt_box p{ }
.mainSlider .swiper-slide .txt_box p img{ transform:scale(1.1, 1.1)}
.mainSlider .swiper-slide .txt_box .tit{ margin-bottom:50px;}
.mainSlider .swiper-slide .txt_box .tit .t1{ font-size:4em;}
.mainSlider .swiper-slide .txt_box .tit .t2{ font-size:2.2em;}
.mainSlider .swiper-slide .txt_box .tt1{ margin-bottom:5px; font-size:1.625em; text-shadow:0 2px 3px rgba(0, 0, 0, .15);}
.mainSlider .swiper-slide .txt_box .tt2{ font-size:1.125em; text-shadow:0 2px 3px rgba(0, 0, 0, .15);} 
.mainSlider .swiper-slide .txt_box .btn{ margin-top:5em; border:1px solid #999; background-color:rgba(0, 0, 0, .35); color:#fff; transition:all .3s; }
.mainSlider .swiper-slide .txt_box .btn:hover { border-color:#005cb2; background-color:#005cb2;}

.mainSlider .slogan{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#fff; }
.mainSlider .slogan > div{ height:100%}
.mainSlider .slogan .twrap {position:relative;padding-bottom:8em}
.mainSlider .slogan .twrap:before {content:''; position:absolute;width: 3em;height: 6px; background:#1e2d78; top: -2em;left: 46%;}
.mainSlider .slogan .twrap:after {content:''; position:absolute;width: .6em;height: .6em;background:#1b98d8; border-radius:50%;top: -2.1em;left: 58.5%;}
.mainSlider .slogan .t1{ font-size:2.5em; font-weight:700;  transform:translateX(2em); opacity:0;}
.mainSlider .slogan .t2{ font-size:1.188em; transform:translateY(1em); opacity:0; position:relative; margin-top:3em; line-height:1.8}
.mainSlider .el.swiper-slide-active .bg,
.mainSlider .el.swiper-slide-duplicate-active .bg{transform:scale(1,1); transition:2s; transition-delay:0; transition-timing-function:ease-in-out}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateX(0); opacity:1; transition:1s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}

.mainControl{ position:absolute; left:50%; bottom:10%; transform:translateX(-50%); box-sizing:border-box; padding:1.5em; z-index:100}
.mainControl .box0{ position:relative}
.mainControl .mainSlider-btn{ font-size:1em; cursor:pointer; color:#fff; outline:none; text-align:center; opacity:.5}
.mainControl .mainSlider-btn .xi{ font-size:2em}
.mainControl .mainSlider-btn:hover{ color:#fff; opacity:1}
.mainControl .mainPauseWrap{}
.mainControl .mainPauseWrap .mainSlider-btn{ background:#fff; color:#333; opacity:1}
.mainControl .mainPauseWrap .mainSlider-btn:before{ font-size:1.5em}
.mainControl .mainPauseWrap .mainSlider-play{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; background:#1d7d4d; border-color:transparent; color:#fff}
.mainControl .mainSlider-pagination{margin:0 1em;}
.mainControl .mainSlider-pagination span{ width:.5em; height:.5em;  border-radius:3em; font-size:.625em; opacity:.5; margin:0 .25em; transition:.3s; border:2px solid #fff;}
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:8em; opacity:1; background:#fff;}

.mainQuickWrap {position:absolute; z-index:2; left:0; right:0; top:45%; width:68.75em; margin:0 auto;}
.mainQuickWrap .quickList {}
.mainQuickWrap .quickList > li {width:20%;}
.mainQuickWrap .quickList > li .in {text-align:center; padding:2em 0;}
.mainQuickWrap .quickList > li .in .icon {}
.mainQuickWrap .quickList > li .in .t1 {color:#fff; font-size:1.250em; padding-top:1em;} 
.mainQuickWrap .quickList > li.bg1 {background:#e35058}
.mainQuickWrap .quickList > li.bg2 {background:#bf434b}
.mainQuickWrap .quickList > li.bg3 {background:#df4952}
.mainQuickWrap .quickList > li.bg4 {background:#ab7477}
.mainQuickWrap .quickList > li.bg5 {background:#b3464b}

/*.dp2_certiinquiry .board_st th{border-bottom:none;}
.dp2_certiinquiry .board_st td{border-bottom:none;}*/
.dp2_history .history_box.st2 .history_ctt_head:before{display:none;}
.dp2_history .history_box.st2 .history_ctt_head:after{display:none;}
/**/
#contents{ margin-top:80px;}
#contents .subtop_wrap {position:relative; z-index:100;}
#contents .subtop_wrap .sub_visual{ height:21em; position:relative; overflow:hidden}
#contents .subtop_wrap .sub_visual .bgfix::before{ content:''; width:100%; height:100%; background:linear-gradient(to bottom, rgba(3, 45, 120, .35), rgba(3, 45, 120, 0.1) ); position:absolute; left:0; top:0;}
.dp2_schedule #contents .subtop_wrap .sub_visual{display:none;}
#contents .subtop_wrap .in{}
#contents .subtop_wrap .in{ line-height:1.2; position:absolute; left:50%; top:35%; z-index:10; transform:translateX(-50%);}
#contents .subtop_wrap .in .t1{font-size:2em; font-weight:500; color:#fff; letter-spacing:-.063em; word-spacing:.063em}
#contents .subtop_wrap .in .t1.en{ letter-spacing:0; word-spacing:0}
#contents .subtop_wrap .line{display:block; width:0; height:.1em; margin:1.25em auto; background:#000; color:#fff; transition:1s; transition-delay:.5s}
#contents .subtop_wrap .in .t2{font-size:1.5em; letter-spacing:.25em; text-transform:uppercase; margin:1.75em 0 0 0}
#contents .subtop_wrap .sub_visual .bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
#contents .subtop_wrap .sub_visual .wrap_in{ position:relative; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in .sub_slogan{ flex:1 1 auto}
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu{ flex:0 0 auto}

#contents .sub_slogan{ color:#fff; transform:translateY(2em); opacity:0}
#contents .sub_slogan .in{ width:100%; text-align:center}
#contents .sub_slogan .t1{ font-size:2em;}
#contents .sub_slogan .line {display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_slogan .t2 {font-size:.938em; letter-spacing:7px;}


.load #contents .sub_slogan .line{ width:2.5em}
.load #contents .subtop_wrap .line{ width:2.5em}

.load #contents .sub_slogan{ transform:translateY(0); opacity:1; transition:1s}
.load #contents .subtop_wrap{ transform:translateY(0); opacity:1; transition:1s}

#contents .subNav_wrap{ position:absolute; z-index:inherit; left:0; bottom:0; width:100%; display: none;}
#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 .tXt{ 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 .tXt{ border-left:1px solid #000; border-right:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav .home .tXt{ width:60px; text-align:center;}
#contents .subNav_wrap .nav .home .tXt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav .home:hover .tXt{ background:#e41239;}

#contents .subNav_wrap .nav div[class^="depth"]{}
#contents .subNav_wrap .nav div[class^="depth"] .tXt{ min-width:130px; padding:0 60px 0 30px; cursor:pointer;}
#contents .subNav_wrap .nav div[class^="depth"] .tXt:after{ content:"\e942"; font-family:xeicon !important; font-style:normal; font-size:1.438em; color:#fff; position:absolute; top:0; right:20px; transition:.3s;}
#contents .subNav_wrap .nav div[class^="depth"]:hover .tXt{ background:#1e212b;}
#contents .subNav_wrap .nav div[class^="depth"]:hover .tXt:after {transform:rotate(180deg); transition:.3s;}

#contents .subNav_wrap .nav .gnb{ display:none;}
#contents .subNav_wrap .nav .gnb{ position:absolute; top:100%; left:0; right:0; background:#1e212b; z-index:999;}
#contents .subNav_wrap .nav .gnb li {}
#contents .subNav_wrap .nav .gnb .dp2 {display:block}

/*#contents .subNav_wrap .nav .depth_1 .gnb li.m_mypage,
#contents .subNav_wrap .nav .depth_1 .gnb li.m_member,
#contents .subNav_wrap .nav .depth_1 .gnb li.m_guide {display:none;}*/
#contents .subNav_wrap .nav .gnb li > a{ display:block; border-top:1px solid rgba(255,255,255,.15); padding:12px 15px 12px 30px; font-size:.875em; color:#fff; transition:.3s; text-align:left !important;}
#contents .subNav_wrap .nav .gnb li:hover > a,
#contents .subNav_wrap .nav .gnb li.on > a{ background-color:#e41239;}


/* sub_page lnb */
#contents .sub_page_menu{ position:absolute; left:0; right:0; bottom:0; z-index:100;}
#contents .sub_page_menu .menu{ border-radius:1em 0 0 0; background:rgba(0, 0, 0, .5); position:relative;}
#contents .sub_page_menu .menu .tit{ height:3.5em;}
#contents .sub_page_menu .menu .home .tit{ width:4em; border-radius:1em 0 0 0; background:#2e3192; color:#fff;}
#contents .sub_page_menu .menu .def{ position:relative; cursor:pointer;}
#contents .sub_page_menu .menu .def > .tit{ position:relative; min-width:16em; padding:0 2.5em 0 2em; border-right:1px solid rgba(255, 255, 255, .2);}
#contents .sub_page_menu .menu .def > .tit .tt{ font-size:1em; color:#fff;}
#contents .sub_page_menu .menu .def > .tit .arrow{ position:absolute; right:.5em; top:50%; margin-top:-.5em; transition:.2s;}
#contents .sub_page_menu .menu .def > .tit .arrow:before{ content:"\e942";}
#contents .sub_page_menu .menu .def:hover > .tit,
#contents .sub_page_menu .menu .def.on > .tit{ background:rgba(0, 0, 0, .65); color:#fff;}
#contents .sub_page_menu .menu .def.on > .tit .arrow{ transform:rotate(-180deg);}

#contents .sub_page_menu .menu .def .gnb{ position:absolute; top:100%; left:0; right:1px; padding:.5em; background:#fff; border:solid #1b2435; border-width:0 1px 1px 1px; display:none;}
#contents .sub_page_menu .menu .def .gnb .flex{ display:block;}
#contents .sub_page_menu .menu .def .gnb li > a{ position:relative; padding:.625em 1em; border-top:1px solid #ecf0f4; text-align:left !important; color:#444;}
#contents .sub_page_menu .menu .def .gnb li:first-child > a{ border-top:none;}
#contents .sub_page_menu .menu .def .gnb li > a .tt{ font-size:.938em;}
#contents .sub_page_menu .menu .def .gnb li.plus > a{ padding-right:2.5em;}
#contents .sub_page_menu .menu .def .gnb li.plus > a:after{ content:"\e913"; font-family:xeicon; color:#333; position:absolute; top:.5em; right:.5em; width:1.5em; height:1.5em; line-height:1.5em; background:#fff; border-radius:100%; text-align:center;}
#contents .sub_page_menu .menu .def .gnb li:hover > a{ background:#ebf0f4;}
#contents .sub_page_menu .menu .def .gnb li.on > a{ background:#2e3192; color:#fff;}

#contents .sub_page_menu .menu .def .gnb > li,
#contents .sub_page_menu .menu .def .gnb > li.m_guide,
#contents .sub_page_menu .menu .def .gnb > li .dp1,
#contents .sub_page_menu .menu .def .gnb > li .dp2,
#contents .sub_page_menu .menu .def .gnb > li .dp2 > li,
#contents .sub_page_menu .menu .def .gnb > li .dp2 > li > a,
#contents .sub_page_menu .menu .def .gnb > li .dp3{ display:none;}
#contents .sub_page_menu .menu .def .gnb li.on{ display:block !important;}
#contents .sub_page_menu .menu .depth_1 .gnb > li,
#contents .sub_page_menu .menu .depth_1 .gnb > li .dp1,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2 > li,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2 > li > a,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp2,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp3{ display:block;}
#contents .sub_page_menu .menu .depth_3{ display:none!important;}
#contents .sub_page_menu .menu .def.on .gnb{ display:block;}
#contents .sub_page_menu .menu::after{ content:''; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); position:absolute; right:-100%;}


#contents .con_page_top{ padding:2em 0 0 0}
#contents .con_page_top .con_tit{ position:relative; padding-top:.75em}
#contents .con_page_top .con_tit:before{ content:""; display:block; position:absolute; top:0; left:.125em; width:1.5em; height:2px; background:#e41239;}
#contents .con_page_top .con_tit .tit{ font-size:1.6em; color:#222;}

#contents .con_page_top .con_nav{ padding-right:.25em;}
#contents .con_page_top .con_nav > li{ color:#888;}
#contents .con_page_top .con_nav > li:before{ content:"\e940"; font-family:xeicon; display:inline-block; vertical-align:middle; padding:0 .75em; font-size:.750em; color:#999;}
#contents .con_page_top .con_nav > li:first-child:before{ visibility:hidden; display: none;}
#contents .con_page_top .con_nav > li > *{ display:inline-block;}
#contents .con_page_top .con_nav > li .home{ font-size:.813em; color:#888;}
#contents .con_page_top .con_nav > li .tt{ font-size:.813em; font-weight:300}
#contents .con_page_top .con_nav > li:last-child .tt{ color:#333; font-weight:400}

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

#contents .doc{ padding:2.5em 0 6.5em 0}
#contents .doc.st1 {padding:0 0 9em 0;}
#contents .doc.st2 {padding:5em 0 6.5em 0;}

/*#contents .sub_tab{ margin:-.438em 0 3em 0}*/
#contents .sub_tab .gnb li.on{ width:100%}
#contents .sub_tab .gnb .dp3{ justify-content:center}
#contents .sub_tab .gnb .dp3 > li{ width:auto}
#contents .sub_tab .gnb .dp3 > li > a{ padding:0 1em; color:#aaa; position:relative; transition:.3s}
#contents .sub_tab .gnb .dp3 > li > a:after{ content:""; position:absolute; right:0; top:15%; width:1px; height:70%; background:#ddd}
#contents .sub_tab .gnb .dp3 > li > a .va{ font-size:1.25em; font-weight:600; position:relative; letter-spacing:-.063em; word-spacing:.063em}
#contents .sub_tab .gnb .dp3 > li > a .va:after{ content:""; position:absolute; left:1px; bottom:2px; width:0; height:2px; background:#e4133a; transition:.3s}
#contents .sub_tab .gnb .dp3 > li:last-child > a:after{ display:none}
#contents .sub_tab .gnb .dp3 > li.on > a,
#contents .sub_tab .gnb .dp3 > li:hover > a[href]{ color:#222}
#contents .sub_tab .gnb .dp3 > li.on > a .va:after,
#contents .sub_tab .gnb .dp3 > li:hover > a[href] .va:after{ width:100%}
#contents .sub_tab.footer{ margin:-10em 0 12em 0}
#contents .sub_tab.footer .gnb .dp3{ justify-content:flex-end; font-size:.813em}
#contents .sub_tab.footer .gnb .dp3 > li.on{ display:none}
#contents .sub_tab.footer .gnb .dp3 > li > a .va{ font-weight:500; color:#333}
/**/
.page_Sec1 {margin-top:1em !important;}
.page_Sec2 {margin-top:2em !important;}
.page_Sec3 {margin-top:3em !important;}
.page_Sec4 {margin-top:4em !important;}
.page_Sec5 {margin-top:5em !important;}
.page_Sec6 {margin-top:6em !important;}
.page_Sec7 {margin-top:7em !important;}
.page_Sec8 {margin-top:8em !important;}
.page_Sec9 {margin-top:9em !important;}

/*메인*/



.li_wrap { margin:3.5em 0 1em -1em}
.li_wrap .list { width:25%;}
.li_wrap .list .in{ margin:0 0 2em 1em; border:1px solid #ddd; box-sizing:border-box; cursor:pointer}
.li_wrap .list .txt_wrap {padding:30px 30px 20px}
.li_wrap .list .txt_wrap .ti {font-size:1.25em; font-weight:600; color:#333; margin-bottom:15px;}
.li_wrap .list .txt_wrap .tt {color:#666; margin-bottom:.25em; line-height:1.375em; height:5.5em; overflow:hidden}
.li_wrap .list .txt_wrap .more {font-size : .813em; font-weight:500; color:#1e2d78; margin-bottom:1em}

.main_board{ width:50%}
.main_board .in { padding:0 0 0 2em}
.main_board .in:first-child{}
.main_board.news .in{border-right: 1px solid #ddd; padding:0 2em 0 0}
.main_board.notice .in{border-right: 1px solid #ddd; padding:0 2em 0 0}
/*.main_con2 {background:#f1f1f1; padding: 3em 0}*/
.mb_tbox {position:relative; width:100%;}
.mb_tbox .mb_tt {position:relative; float:left; width:100%; font-size:1em; color:#333;font-weight:600; }

.mb_tbox .mb_btn {position:absolute; right:0; color:#bbb; font-size:1em; top:0}
.dv_list{margin-top: 1rem;}
.dv_list li {margin-bottom:11px; color:#666;}
.dv_list li .t01{font-size:1.5em; color:#222;}
.dv_list li .t02{overflow:hidden; height:50px; word-break:break-all; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp: 2;line-height: 1.5;}
.dv_list li .t03{}
/*.dv_list li .t01:before{width:2px; height:2px; background:#ddd; position:absolute; content:'';}*/
.dv_list .img {float:left; margin-right:10px;}
.dv_list .txt_wrap .tt1 {font-size: 1em;letter-spacing: -.5px; color:#333;}
.dv_list .txt_wrap .tt2 {font-size: .8em; padding-top:1%; box-sizing:border-box;}
.dv_list .txt_wrap .tt3 {font-size:13px;color:#666; padding-top:1%; box-sizing:border-box;}


/*main_con2 _ 교육기관 등록증*/
.main_con2 { background:url(../images/main/main_con2_bg.jpg) no-repeat center top / cover; padding:80px 0 100px ;}
.main_con2 .sec_wrap{  position:relative;}
.main_con2 .sec_wrap .sec_tit{ width:30%}
.main_con2 .sec_wrap .sec_tit .tit{ margin-bottom:50px; font-size:2.125em; color:#fff;}

.main_con2 .sec_wrap .sec_tit .desc{ margin-bottom:30px; font-size:1em; color:rgba(255, 255, 255, .8); position:relative;}
.main_con2 .sec_wrap .sec_tit .desc::before{ content:''; width:60px; height:2px; background-color:#fff; position:absolute; left:0; top:-20px;}
.main_con2 .sec_wrap .sec_tit .btn_more{ font-weight:500; font-size:.813em; color:rgba(255, 255, 255, .8);}
.main_con2 .sec_wrap .sec_tit .btn_more .xi{ transition:all .3s;}
.main_con2 .sec_wrap .sec_tit .btn_more:hover .xi{ transform:rotate(90deg);}
.main_con2 .sec_wrap .sec_con{ width:70%; padding:0 0 0 1em; overflow:hidden;}
.main_con2 .swiper.certificate .swiper-slide.st2{ width:calc( 100% / 3); padding:0 10px; box-sizing:border-box;}
.main_con2 .swiper.certificate .swiper-slide .img{ display:flex; align-items:center; height:340px; background-color:#fff; position:relative;}
.main_con2 .swiper.certificate .swiper-slide .img img{ width:100%; height:auto;}
.main_con2 .swiper.certificate .swiper-slide .img::after{ content:''; width:100%; height:100%; background:url(../images/main/cert_border.png) no-repeat 0 0 / contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)} 
.main_con2 .swiper.certificate .swiper-slide .tt{ padding:0 .5em; color:#fff;}
.main_con2 .swiper.certificate .swiper_btn_wrap{ position:absolute; left:8px; bottom:40px;}
.main_con2 .swiper.certificate .swiper_btn_wrap .swiper-button-prev,
.main_con2 .swiper.certificate .swiper_btn_wrap .swiper-button-next{ width:2em; height:2em; border:1px solid #ddd; background-color:rgba(0, 0, 0, .5); font-weight:700; line-height:2em; color:#fff;}
.main_con2 .swiper.certificate .swiper_btn_wrap .swiper-button-prev::before,
.main_con2 .swiper.certificate .swiper_btn_wrap .swiper-button-next::before{ font-size:1.25em;}
.main_con2 .swiper.certificate .swiper_btn_wrap .swiper-button-next{ right:-59px;}

/*.main_con2 .notice_wrap{padding:1em 0;}
.main_con2 .notice_wrap ul{}
.main_con2 .notice_wrap ul li.con{font-size:1em; color:#666; padding:.25em 0; padding-left:.65em; position:relative;}
.main_con2 .notice_wrap ul li.con:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:4px; height:4px; background:#666; border-radius:100%;}
.main_con2 .notice_wrap ul li.con:hover:before{background:#000;}
.main_con2 .notice_wrap ul li.con:hover{text-decoration:underline; color:#000;}
.main_con2 .notice_wrap ul li.con .sub_tit{width:75%; overflow:hidden; }
.main_con2 .notice_wrap ul li.con .sub_tit a{color:#666;}
.main_con2 .notice_wrap ul li.con:hover .sub_tit a{color:#000;}
.main_con2 .notice_wrap ul li.con .date{width:25%; text-align:right;}

.main_con2 .news_wrap{padding:1em 0;}
.main_con2 .news_wrap ul{}
.main_con2 .news_wrap ul li.con{font-size:1em; color:#666; padding:.25em 0; padding-left:.65em; position:relative;}
.main_con2 .news_wrap ul li.con:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:4px; height:4px; background:#666; border-radius:100%;}
.main_con2 .news_wrap ul li.con:hover:before{background:#000;}
.main_con2 .news_wrap ul li.con:hover{text-decoration:underline; color:#000;}
.main_con2 .news_wrap ul li.con .sub_tit{width:75%; overflow:hidden; }
.main_con2 .news_wrap ul li.con .sub_tit a{color:#666;}
.main_con2 .news_wrap ul li.con:hover .sub_tit a{color:#000;}
.main_con2 .news_wrap ul li.con .date{width:25%; text-align:right;}*/

/* main_con3 공지사항*/
.con_idx {position:relative;}
.main_con3{/*background:#fff; */padding:80px 0 100px 0; overflow:hidden; position:relative}
.main_con3 .news{overflow:hidden;}
.main_con3 .news>.tt,.main_con3 .news>.tx{text-align:center}
.main_con3 .news>.tt{ color:#333; font-weight:700; font-size: 2.125em; letter-spacing:-1px; }
.main_con3 .news>.tx{ font-weight:300; font-size:1.063em; color:#666; margin:10px 0 50px 0;}
.main_con3 .con_idx ol{ overflow:hidden; gap:0 1em;  /*margin-left:-20px;*/}
.main_con3 .con_idx ol > li{ width:25%;​}

.main_con3 .con_idx ol > li .wrap_in{ border:1px solid #ddd; border-radius: .5em; cursor:pointer; }
.main_con3 .con_idx ol > li .wrap_in .img_wrap{ border-radius: .5em .5em 0 0; overflow:hidden; position:relative;}
.main_con3 .con_idx ol > li .wrap_in .img_wrap::after{ content:''; width:100%; height:100%; box-sizing:border-box; border: 2px solid #1b98d8; border-radius: .5em .5em 0 0; position:absolute; left:0; top:0; opacity:0; transition:all .5s;}
.main_con3 .con_idx ol > li .wrap_in .con_wrap{ width:100%; padding: 1em; box-sizing: border-box; border-radius: 0 0 0.5em 0.5em; background-color:#fff;} 
.main_con3 .con_idx ol > li:hover .wrap_in .img_wrap::after{ opacity:1;}


.main_con3 .con_idx ol > li .border_dv{ padding:2em 1.5em 1em; border:1px solid #ccc; border-top:3px solid #003399; margin-left:20px; background-color:#fff; position:relative;  letter-spacing:-0.7px}
.main_con3 .con_idx ol > li .border_dv .tit{ font-size:1.250em; color:#000; margin-bottom:38px; min-height:48px; display:inline-block; width:100%; white-space:normal; line-height:1.2; height:48px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.main_con3 .con_idx ol > li .border_dv .day{ color:#003399; font-size:0.875em; font-family:notokrm}
.main_con3 .con_idx ol > li .border_dv.st2{ padding:1em .5em 0; border:1px solid #ccc; border-top:3px solid #003399; margin-left:20px; background-color:#fff; position:relative;  letter-spacing:-0.7px}
.main_con3 .con_idx ol > li .border_dv.st2 .img{ width: 100%; height: 240px;}
.main_con3 .con_idx ol > li .border_dv.st2 .img img{ width: 100%; height: 100%; object-fit: cover;}
.main_con3 .con_idx ol > li .border_dv.st2 .tit{ height:3em; margin-bottom:0; line-height: 3em;}
.main_con3 .con_idx ol > li .tit_dv .tit{padding-left:100px; padding-right:20px; font-size:1.07em; color:#333; padding-top:12px; transition:0.3s; line-height:20px; 
height:40px; overflow:hidden; word-break:break-all;}
.main_con3 .con_idx ol > li .txt_dv{padding:25px 0; }
.main_con3 .con_idx ol > li .txt_dv .tt{ height:6.4em; font-size:1em; color:#777; line-height:1.6em; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical;}

.main_con3 .con_idx ol > li .border_dv:hover{border:1px solid #0059ad; border-top:3px solid #0059ad; transition:.6s;}
.main_con3 .con_idx ol > li .border_dv:hover .tit{color:#0059ad; }

.main_con3 .main_btn2{text-align:center; margin-top:50px;}
.main_con3 .main_btn2 a{ padding-bottom:45px; position:relative; z-index:4444; font-size:0.83em; font-family:notokrm; color:#0059ad; display:inline-block; border:1px solid #0059ad; padding:10px 90px; transition:all 0.6s;}
.main_con3 .main_btn2 a:hover{background:#0059ad; transition:all 0.6s; color:#fff}
.main_con3 .bg{ width:650px; height:650px; background:url(../images/main/main_con3_bg.png) no-repeat 0 0 / cover; opacity:12%; position:absolute; right:-3%; bottom:5%; z-index:-1; transform:rotate(-15deg)}

/*main_con4*/
.main_con4 { background-image:url(../images/main/main_5.jpg?v=1); background-repeat:no-repeat; background-position:center;}
.main_con4 > div {padding:5em 0;}
.main_con4 .txt_box {color:#fff; font-size:1.25em;}
.main_con4 .txt_box .font {font-size:1.3em; font-weight:500;}
.main_con4 .btn {padding:1em 3em; color:#fff; background:#1e2d78; font-weight:500; margin-top:1em; margin-right:10px;}
.main_con4 .btn .tt .xi{transform:translateY(-2px);}
.main_con4 .btn .tt > *{ vertical-align:middle}
.main_con4 .btn.st2 { background:rgba(0, 0, 0, .5)/*#1b98d8*/;}
.main_con4 .btn.st2 .lo_img{width:25px; height:25px; transform:translateY(-2px);}

/* sub_page common *******/
#contents .con_page_tit{ padding:2.4em 0 0 0; text-align:center; overflow:hidden; position:relative;}
#contents .con_page_tit .con_tit > .in{ position:relative; display:inline-block;}
#contents .con_page_tit .con_tit .tt{ display:inline-block; padding-bottom:.5em; font-weight:600; font-size:2.5em; color:#222;/* letter-spacing:-1px;*//* text-indent:-1px;*/ position:relative; }
#contents .con_page_tit::before,
#contents .con_page_tit::after{ content:''; width:2em; height:4px; background-color:#2e3192; position:absolute; left:50%; bottom:0;}
#contents .con_page_tit::before{ transform:translateX(-2em)}
#contents .con_page_tit::after{ opacity:.5;}



.subBg.bg1{ background:#f9f9fa; padding: 5em 0; margin-top: 5em; }
 
.sub_tt { }
.sub_tt.dot { padding-left:.8em; position:relative;}
.sub_tt.dot:before { content:""; width:6px; height:18px; border-radius:2em; background:#1b98d8; position:absolute; left:0; top:4px; }
.sub_tt.dot2 { margin-left:1em; padding-left:0.8em; position: relative; color:#555;}
.sub_tt.dot2:before { content:""; width:4px; height:4px; /*border-radius:50%; */background:#666; position:absolute; left:0; top:11px;}
.sub_tt.dot2:first-of-type:before { top: 11px; }
.sub_tt.dot3 { padding-left:1.2em; font-size: 1.5em; position: relative;}
.sub_tt.dot3:before { content:""; width: 13px; height: 18px; background:url(../images/sub/tt_img1.png) no-repeat 0 0 / cover; position: absolute; left:9px; top:8px;}
.sub_tt.dot4 { padding-left:1em; position:relative;}
.sub_tt.dot4:before { content:""; width:6px; height:6px; background:#1b98d8; position:absolute; left:0; top:9px; }

.sub_tt.li { line-height: 1.6;}

.sub_tt.tit { text-align: center; font-size: 1.5em; /*letter-spacing: .375em !important;*/ line-height: 1.6; text-transform: uppercase; font-weight: 600; }
.sub_tt.tit2 { text-align:center; font-size:2em; font-weight:600;}
.sub_tt.tit3 { text-align:center; font-size:.75em; letter-spacing:.1em!important; text-transform:uppercase; font-weight:400; }
.sub_tt.t1 {  padding-bottom:.5em; font-size: 1.125em; line-height:1.6; color:#333}
.sub_tt.t1:last-of-type { padding-bottom: 0; }
.sub_tt.t2 { padding-left:1.2em; }
.sub_tt.t3 { font-size: 2.375em; }
.sub_tt.t4 { font-size: 1.375em; }
.sub_tt.t5 { font-size: 1.05em; padding:0.5em; line-height: 1.6;}
.sub_tt.t5:first-of-type { padding-top:0; }
.sub_tt.t5:last-of-type { padding-bottom:0; }
.sub_tt.t6 { font-size: 1em; line-height:1.8; color:#333;}
.sub_tt.t6.list{ display:flex;}
.sub_tt.t6.list i{ margin-right:5px;}
.sub_tt.t7 { font-size: 1em; padding:0 0 2em 1em; line-height: 1.6; color:#333;}
.sub_tt.t7.pb0 { padding-bottom:0; }
.sub_tt.t7:last-of-type { padding-bottom:0;}
.sub_tt.t8 { padding:0 0 .3em .5em; font-size:1em; line-height:1.8; color:#333;}
/*.sub_tt img { width: 13px; height: 18px; position: absolute; top:6.5px; left: 14px;}*/

.sub_wrap{ padding: 0 .5em; position:relative;}
.sub_wrap.st2{ margin-top:4em;}
.sub_wrap .wrap_box{ width:100%; margin-bottom:2em; padding:2em 3em 2.5em; box-sizing:border-box; border:1px solid #ddd; border-radius:.5em; position:relative;}
.sub_wrap .wrap_box.bg{ background-color:#f6f6f6; border:none;}

.sub_wrap .wrap_box .inner.bg{ padding:1.2em 1.5em; background-color:#f6f6f6;}
.sub_wrap .wrap_box .in{ margin-left:1em;}
.sub_wrap .wrap_box .in.st2{ margin-top:2em;}
.sub_wrap .wrap_box .img{ margin-bottom:30px; padding:50px 0; position:relative;}
.sub_wrap .wrap_box .img::before{ content:''; width:80px; height:2px; background:#1e2d78; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

.sub_wrap .wrap_box .desc_box{ padding:0 1em; gap:0 .5em;}
.sub_wrap .wrap_box .desc_box > li{ flex:1; border:1px solid #ddd; border-radius:.5em;}
.sub_wrap .wrap_box .desc_box .tit{ padding:.5em 1.25em; border-bottom:1px dashed #ddd; border-width:2px; background-color:#e8f5fb;}
.sub_wrap .wrap_box .desc_box .txt{ display:flex; justify-content:center; flex-direction:column; min-height:300px; padding:1em 1.25em; box-sizing:border-box;} 

/*.sub_wrap{ padding: 0 .5em; position:relative;}
.sub_wrap .sub_title{ margin-bottom:2em; position:relative;}
.sub_wrap .sub_title::after{ content:''; width:100%; height:1px; background-color:#ddd; position:absolute; left:0; bottom:-2px; z-index:-1;}
.sub_wrap .sub_title > .txt{ padding-bottom:.3em; border-bottom:3px solid #093168; font-size:1.75em; line-height:2; color:#333;}
.sub_wrap .sub_td{ font-size:1.125em; color: #444; line-height:1.6; word-break:keep-all;}

.sub_wrap .page_tt{ padding-left:1.2em; font-size:1em; color:#333; line-height:1.6; word-break:keep-all; position:relative;}
.sub_wrap .page_tt:last-child{ margin-bottom:0;}
.sub_wrap .page_tt.dot::before{ content:''; width:0.4em; height:0.4em; background:#093168; position:absolute; left:0; top:9px;}
.sub_wrap .wrap_box{ width:100%; margin:2.5em 0 4.5em; padding:3em 4em; box-sizing:border-box; border:1px solid #ddd; border-radius:1em; position:relative;}
.sub_wrap .wrap_box.s2{ padding:6em 4em 2.5em; }
.sub_wrap .wrap_box .con_tit{ width:100%; height:60px; border-bottom:1px dashed #ddd; border-radius:1em 1em 0 0; background:#f6f6f6; position:absolute; left:0; top:0;}
.sub_wrap .wrap_box .con_tit .t1{ font-weight:500; font-size:1.125em; line-height:60px; color:#1e2d78; text-align:center;} */

.table_st{ width:100%; margin:0 auto;}
.table_st thead{ background-color:rgba(0, 92, 178, .8); color:#fff;}
.table_st tbody{}
.table_st thead th{ padding:1em .5em}
.table_st tbody tr{ border-bottom:1px solid #ddd;}
.table_st tbody .bg_c{ background-color:rgba(0, 92, 178, .05);}
.table_st tbody .bg_c2{ background-color:rgba(0, 92, 178, .035);}
.table_st tbody th{ padding:.8em;}
.table_st tbody td{ padding:.8em; font-size:.938em; line-height:1.8; color:#333;}
.table_st tbody.all_center td{ text-align:center;}
.table_st caption{ caption-side:bottom; margin-top:10px; color:#777;}

/* 인사말*/
.greeting_wrap .tt2{ margin-bottom:45px; font-size:1.75rem; color:#333;}
.greeting_wrap .tt2 strong{ display:block; margin-top:8px; font-size:2.25rem; }

.greeting_wrap{ position:relative; }
.greeting_wrap::before{ content:''; width:100vw; height:100vh; background-color:#f6f6f6; position:absolute; right:10%; top:100px; z-index: -10;}
.greet_img{ width:auto; height:540px; position:absolute; right:0; top:68px; opacity:.85;}
.greet_img > p { height:100%; box-shadow:-8px 8px 10px rgba(0, 0, 0, .2); position:relative;}
.greet_img > p img{ width:100%; height:100%; object-fit:contain;}
.greet_txt{ width:58%;}
.greet_txt .top_t{color:#000; line-height:1.6;}
.greet_txt .top_t .st{font-weight:600; vertical-align: top;}
.greet_txt .tit1{ font-weight:500; margin-bottom:25px; font-size:1.3em; width:100%;}
.greet_txt .tit2{font-size:0.875em; letter-spacing:1.1px; color:#4b77f5; font-weight:900; margin-bottom:46px;}

.greet_txt .mid_t{font-size:1em; line-height:1.6; color:#333; }
.greet_txt .mid_t .txt1{margin-bottom:20px;}
.greet_txt .mid_t .txt1:last-child{ margin-bottom:70px;}

.sign {text-align:right;}
.sign .ti {vertical-align:middle; color:#555;}
.sign .img {padding-left:5px; vertical-align:middle; display:block; padding-top:10px;}
span.st_name {vertical-align: bottom; color: #333;font-weight: 600; font-size:1.25em; margin-left:5px}

/*History*/
.history_wrap{width:90%}
.history_box.st2{margin-bottom:5rem;}
.history_box.st2:last-of-type{margin-bottom:0;}
.history_box.st2 .history_ctt_head{width:20%; position:relative; padding-top:1rem;}
.history_box.st2 .history_ctt_head:before{content:''; display:block; width:100%; height:2px; background:#222; position:absolute; left:0; top:0;}
.history_box.st2 .history_ctt_head:after{content:''; display:block; width:4rem; height:2px; background:#e41239; position:absolute; left:0; top:0;}

.history_box.st2 .history_ctt_head .history_ctt_num{font-size:1em; padding-left:1rem; color:#e41239}
.history_box.st2 .history_ctt_head .history_ctt_tit{font-size:1.5em; padding-left:1rem;}
.history_box.st2 .history_ctt_head .history_ctt_tit.s2{font-size:1.375em;}
.history_box.st2 .history_ctt_head .history_ctt_tit_sub{padding:0 1rem; box-sizing:border-box; color:#555; opacity:.7;}

.history_box.st2 .history_ctt_body{width:78%; position:relative; padding:1rem; box-sizing:border-box;}
.history_box.st2 .history_ctt_body:after{content:''; display:block; width:100%; height:2px; background:#222; position:absolute; left:0; top:0;}

.history_box.st2 .history_ctt_body .t1{line-height:1.4; color:#333; font-size:1.2em;}
.history_box.st2 .history_ctt_body .t2{line-height:1.4; color:#333; font-size:.9em; margin-top:2rem;}
.history_box.st2 .history_ctt_body .ttbox_wrap{margin-top:3rem;}
.history_box.st2 .history_ctt_body .ttbox_wrap .tt_wrap{border:1px solid #e14239; background:#e14239; padding:1em; color:#fff; width: 24%;}
.history_box.st2 .history_ctt_body .ttbox_wrap .tt_wrap .his_tt1{padding-right:.2em; font-size:1em;}
.history_box.st2 .history_ctt_body .ttbox_wrap .tt_wrap .line{width:1px; height:24px; background:#fff;}
.history_box.st2 .history_ctt_body .ttbox_wrap .tt_wrap .his_tt2{padding-left:.2em; font-size:.8em;}
.history_box.st2 .history_ctt_body .history{padding-top:1em; padding-bottom:1em;}
.history_box.st2 .history_ctt_body .history .his_tt{padding-left: 3rem;}

.history_box.st2 .history_ctt_body2{width:78%; box-sizing:border-box;}

.history_box.st2 .history_ctt_body2 .t1{line-height:1.4; color:#333; font-size:1.2em;}
.history_box.st2 .history_ctt_body2 .t2{line-height:1.4; color:#333; font-size:.9em; margin-top:2rem;}
.history_box.st2 .history_ctt_body2 .ttbox_wrap{margin-top:3rem;}
.history_box.st2 .history_ctt_body2 .ttbox_wrap .tt_wrap{border:1px solid #e14239; background:#e14239; padding:1em; color:#fff; width: 24%;}
.history_box.st2 .history_ctt_body2 .ttbox_wrap .tt_wrap .his_tt1{padding-right:.2em; font-size:1em;}
.history_box.st2 .history_ctt_body2 .ttbox_wrap .tt_wrap .line{width:1px; height:24px; background:#fff;}
.history_box.st2 .history_ctt_body2 .ttbox_wrap .tt_wrap .his_tt2{padding-left:.2em; font-size:.8em;}
.history_box.st2 .history_ctt_body2 .history:first-child{border-top: 2px solid #222;}
.history_box.st2 .history_ctt_body2 .history{padding:1rem; border-bottom:1px solid #ddd; box-sizing:border-box;}
.history_box.st2 .history_ctt_body2 .history .his_tt{padding-left: 3rem;}


/* sub_introduce *******/
/* sub_introduce_group*/
.p_wrap2{ overflow:hidden; vertical-align:top; margin-bottom:40px; padding:0 1em; box-sizing:border-box;}
.p_wrap2 .p_box{margin:16px 0 13px 20px; border-bottom:1px solid #ccc; overflow:hidden; width:95%; position:relative; /*z-index:-1;*/}
.p_wrap2 .p_box:after{display:block; content:''; clear:both;}
.p_wrap2 .p_pic{ float:left; width:200px; margin:0 0 20px 0; height:250px !important; overflow: hidden; height: 240px; box-shadow:1px 1px 3px rgba(0, 0, 0, .2);}
.p_wrap2 .p_box > dl{float:left; margin:30px 0 20px 50px;}
.p_wrap2 .p_box > dl .plus{ position:absolute; right:0; bottom:0; font-size:0; text-indent:-9999px; display:block; width:30px; height:29px; border:1px solid #cbd4dd; border-bottom:
none; background:url(../images/sub/plus.png) no-repeat center center; cursor:pointer}
.p_wrap2 .p_box > dl .plus:hover{border:1px solid #0086e1; border-bottom:none; color:#fff; background:url(../images/sub/plus_on.png) no-repeat center center #0086e1;}
.p_wrap2 .p_box > dl.on .plus{border:1px solid #0086e1; color:#fff; border-bottom:none; background:url(../images/sub/plus_on_a.png) no-repeat center center #0086e1;}
.p_wrap2 .p_box > dl.on .plus:hover{background:url(../images/sub/plus_on_a.png) no-repeat center center #0086e1;}
.p_wrap2 .co_name{font-size:1.438em !important;}

.p_wrap2 .p_box > dl > dt{font-size:1em; color:#000; margin:10px 0 15px 0;}
.p_wrap2 .p_box > dl > dd{margin-left:1px; font-size: .9em; line-height:20px; color:#666;}
.p_wrap2 .p_box .p_ex{float:left; width:100%; border-top:1px solid #0074c1; display:none;}
.p_wrap2 .p_box .p_ex > dl:after{display:block; clear:both; content:'';}
.p_wrap2 .p_box .p_ex > dl{overflow:hidden; border-bottom:1px solid #cbd4dd; padding:20px 0;}
.p_wrap2 .p_box .p_ex > dl > dt{float:left; width:18%;}
.p_wrap2 .p_box .p_ex > dl > dt .p_tit{ position:relative; padding:0 0 0 10px; font-size:1em; color:#222; line-height:20px; }
.p_wrap2 .p_box .p_ex > dl > dt .p_tit:before{content:''; position:absolute; left:0px; top:3px; width:4px; height:15px; background:#0086e1;}
.p_wrap2 .p_box .p_ex > dl > dd{float:left; width:79%; font-size:.9em; color:#747e88; line-height:25px; padding-right:10px;}


/*sub_oragan*/
.organ_top_tt{font-size: 2.5em; font-weight:600;}


/*sub_certification*/
.photo_w{width:100%; margin:0 auto;}
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab .tab > li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 1px;
  height: 30px;
  background-color: #dce0e6;
}

.page_tab .tab > li:first-child:before {
  display: none;
}
.page_tab {text-align:center;} 
.page_tab .tab{margin-bottom:5em;}
.page_tab .tab > li {width:25%; position:relative;}
.page_tab .tab > li > a{margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block;}
.page_tab .tab > li > a > .tt {font-size:1em; letter-spacing:.1px; position:relative;}

.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#e4133a;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{color:#e4133a; font-weight:600;}
.page_tab .tab > li:hover > a i.tt:after{position:absolute; content:''; display:block; width:100%; height:2px; background:#e4133a;}
.page_tab .tab > li.on > a i.tt:after{position:absolute; content:''; display:block; width:100%; height:2px; background:#e4133a;}


.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}

/*인증*/
.procedure_wrap{width:80%;}
.dp2_schedule .page_con_tit_wrap{width: 100%; margin:1.5em 0 1.5em 0;}
.page_con_tit_wrap {width:20%; margin:1.5em 0 1.5em 0;}
.page_con_tit_wrap .ti {/*padding-left:1em; position:relative;*/ font-size:1.375em; color:#222; font-weight:500;}
/*.page_con_tit_wrap .ti:before { content:""; position:absolute; left:0; top:1.2em; width:.7em; height:.7em; border:.5em solid #ccc; border-top-color:#e50a3a; border-right-color:#e50a3a; font-size:.375em; }*/

.page_con_wrap {padding:1.5em; width:80%;}
/*.page_con_wrap:before,
.page_con_wrap:after{ content:""; position:absolute; width:.6em; height:.6em; border:3px solid #e50a3a}
.page_con_wrap:before{ left:-1px; top:-1px; border-right:none; border-bottom:none}
.page_con_wrap:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}*/

.page_con_wrap > dl {}
.page_con_wrap > dl .tit {color:#282828; line-height:1.4; font-size:1em; display:inline-block; border-top: 1px solid #222; padding:2em 0; width: 100%;/*position:relative*/}

.dp2_service .page_con_wrap > dl .tit {color:#282828; line-height:1.4; font-size:1em; display:inline-block; border-top: 1px solid #222; padding:1em 0; width: 100%;/*position:relative*/}
/*.page_con_wrap > dl .tit:after{content:''; position:absolute; border-bottom:2px solid #e50a3a; bottom:-4px; left:0; width:100%; display:block;}*/

.page_con_wrap > dl .img_w {border:1px solid #e1e1e1; padding:1em; box-shadow:0.25em 0.25em 0 rgba(0,0,0,.1); background:#fff}
.page_con_wrap > dl .tx_w {/*box-shadow:0.25em 0.25em 0 rgba(0,0,0,.1); background:#fafafa; border:1px solid #e1e1e1;*/ padding:1.25em 0em; border-top: 1px solid #222;}

.dp2_service .page_con_wrap > dl .tx_w {/*box-shadow:0.25em 0.25em 0 rgba(0,0,0,.1); background:#fafafa; border:1px solid #e1e1e1;*/ padding:1em 0 3.5em 0; border-top: 1px solid #ddd;}

.page_con_wrap > dl .tx_w .tx_w_tt{padding-bottom:1rem; box-sizing:border-box}
.page_con_wrap > dl .tx_w .tx_w_tt p{color:#F00; font-weight:500;}
.page_con_wrap > dl .tx_w .list {}
.page_con_wrap > dl .tx_w .list > li {font-size:.938em; color:#444; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.7em;}
.page_con_wrap > dl .tx_w .list > li:before {position:absolute; content:""; left:0; top:10px; width:.25em; height:.25em; border-radius:100%; background:#003876;}
.page_con_wrap > dl .tx_w .list > li:last-child {padding-bottom:0;}
.page_con_wrap > dl .tx_w .list > li .list_li_in {display:block; margin-left:1em; font-size:.938em; padding-bottom:.7em;}
.page_con_wrap > dl .tx_w .list > li .list_li_in:first-child {padding-top:1em;}

.page_con_wrap > dl .tx_w.st {padding:0; border:none; box-shadow:none; background:none;}


/* sub_cert - 인증서*/
.board_st.photo_Wrap{}
.board_st.photo_Wrap .list{ margin: 0 0 0 -2em}
.board_st.photo_Wrap .list li{ width: calc((100% - 6em) /3); margin: 0 0 1.5em 2em;}
.board_st.photo_Wrap .list li .in{ cursor: pointer; display: block;}
.board_st.photo_Wrap .list li .in .img_w{ width: 100%; height: 200px; border: 1px solid #ddd; overflow: hidden;}
.board_st.photo_Wrap .list li .in .img_w .vm_wrap{ box-sizing: border-box;}
.board_st.photo_Wrap .list li .in .img_w img{ transition: 0.3s;}
.board_st.photo_Wrap .list li .in .txt_w { height:4em; padding: 1em;}
.board_st.photo_Wrap .list li .in .txt_w .t1{ /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */font-weight: 500; font-size: 1.063em; color: #333;}
.board_st.photo_Wrap .list li .in .txt_w .t2{ padding-top: .8em;}
.board_st.photo_Wrap .list li .in .txt_w .t2 .xi{ font-size: 1.063em; padding-right: 3px; color: #666; vertical-align: middle;}
.board_st.photo_Wrap .list li .in .txt_w .t2 .tt{ font-size: .875em; letter-spacing: -.1px; color: #666; vertical-align: middle;}
.board_st.photo_Wrap .list li .in:hover .img_w img{transform: scale(1.1, 1.1);}
.board_st.photo_Wrap .list li .edit_btn_wrap{ margin-top: 15px;}



/*ISO페이지*/
.page_top_bgw {overflow:hidden; position:relative;}
.page_top_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;} 
.page_top_bgw .txt_wrap {text-align:center;}
.page_top_bgw .txt_wrap .en {font-size:1.5em; letter-spacing:.9px; padding-bottom:.2em;  color:#fff;}
.page_top_bgw .txt_wrap .kr {font-size:1.250em; color:#fff;}
.page_top_bgw .line_wrap{ position:relative; height:10em;}
.page_top_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.page_top_bgw .line_wrap .line.hor{ transition-delay:1s}
.page_top_bgw .line_wrap .line.top{ top:0}
.page_top_bgw .line_wrap .line.bot{ bottom:0}
.page_top_bgw .line_wrap .line.left{ left:0}
.page_top_bgw .line_wrap .line.right{ right:0}

.load .page_top_bgw .bg_w {transform:scale(1,1);}
.load .page_top_bgw .line_wrap {margin:2em 1.5em;}
.load .page_top_bgw .line_wrap .line.ver{ height:100%}
.load .page_top_bgw .line_wrap .line.hor{width:40%;}
.load .page_top_bgw .line_wrap .line{ display:block}


/*sub_service schedule*/
.page_memo_wrap {}
/*.page_memo_wrap {padding:2em; background:#fafafa; border:1px solid #ddd;}*/
.page_memo_wrap > p:first-child{ margin-top:0}
.page_memo_wrap .tx{ font-size:.938em; color:#444; position:relative; /*padding-left:1.75em;*/ line-height:1.3; margin-top:.5em;}
/*.page_memo_wrap .tx:before{ content:"\e9a6"; font-family:xeicon!important; position:absolute; left:0; top:0; color:#1e83d0; font-size:1.375em; line-height:1}*/


.select_wrap{border-bottom:1px solid #ddd;}
.select_wrap:hover{border-bottom:none;}
.button_wrap{border-bottom:1px solid #ddd;}
/*인증서비스, 교육일정*/
.sub_search .sub_search_Tit {width:5em; position:relative; color:#333; font-size:1.063em; line-height:3em;}
.sub_search{ /*background:#f5f5f5; padding:1.5em;*/ margin-bottom:2em;}
.sub_search .grow{ flex:0 1 30%; margin:0}
.sub_sort{ font-size:1.125em;}
.sub_sort > label{ margin-right:2em}

.step_cons{ margin-right:-16px; margin-bottom:4em;}
.step_cons > li {flex:1 25%; box-sizing:border-box;}
.step_cons.fw4 > li {flex:1 25%}
.step_cons > li .in{border:2px solid #c7c3c3; background:#fff; height:11em; margin-right:16px; margin-bottom:10px; position:relative; border-radius:10px; padding:1em;}
.step_cons > li .in:after{ content:''; width:24px; height:1px; border-bottom:5px dotted #e41239; position:absolute; top:50%; right:-1.7em;}
.step_cons > li:last-child .in:after{ display:none;}
.step_cons > li .in .icon{ margin:7px auto 10px; font-size:2em; opacity:.5;}
.step_cons > li .in .nm{ color:#544444; opacity:.8; font-weight:500; font-size:.938em;}
.step_cons > li .in .tt{ font-size:16px; font-weight:500; color:#333; }
.step_cons > li .in .tt a{color:#e41239}
/*.step_cons > li:last-child .in{  border-color:#600101; background:#9b0d0d}
.step_cons > li:last-child .in .nm,
.step_cons > li:last-child .in .tt,
.step_cons > li:last-child .in .icon{ color:#fff; opacity:.9;}*/


/*sub_service introduce*/
.board_st.write.write02{text-align:center;}
.board_st.write.write02 td{line-height:2;}

/*sub_service introduce1*/
.write2{margin-top:50px;}
.w_01{border-right:1px solid #ddd;}
.td_bold a{color:#069; text-decoration:underline;}
.tr_bold{font-weight:500;}


/*ci*/
.tx_w_1{text-align:center;}
.page_con_wrap > dl .tx_w.tx_w_1{background:#fff; border:2px solid #ddd;}



/*회원가입,로그인*/
.cell_wrap li .textwrap{ max-height:7em; border:1px solid #ddd; box-sizintg:border-box; padding:1em; font-size:.938em; color:#666; margin:.5em 0 1.5em 0; overflow-y:scroll; background:#f5f5f5}
.cell_wrap .btn{ padding:0 2em; height:3.5em; background:#fff; color:#e41239; border-color:#e41239; width:auto; box-sizing:border-box; border:1px solid #e41239; margin-bottom:.5em; font-size:1.063em; font-weight:500}
.cell_wrap .btn.w1.w2:hover{background:#e41239; color:#fff;}
.cell_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.cell_wrap .btn.c2{ background:#fff; color:#e41239; border-color:#e41239}
.cell_wrap .btn.c3{ background:#fff; color:#ddd; border-color:#ddd}
.cell_wrap .btn.s1{ font-size:1.25em}
.cell_wrap .btn.s2{ font-size:.875em}

.login_wrap .login{ width:35em; max-width:94%; margin:0 auto}
.login_wrap .login.w1{ width:50em}
.login_wrap .login .wrap_in{ margin:2em 0 0 0}
.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 3em 0}
.login_wrap .link_wrap .link{ font-size:.938em; margin:0 1em; color:#666}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}
.login_wrap .check_wrap{ font-size:.938em; margin:.5em 0 0 0}
.login_wrap .btn_wrap{ margin-top:1em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; /*box-shadow:1px 1px 2px rgba(0,0,0,.2);*/ background:#fff; color:#e41239; /*border-color:#e41239;*/ width:100%; box-sizing:border-box; border:1px solid #e41239; margin-bottom:.5em; font-size:1.063em; font-weight:500}
.login_wrap .btn_wrap .btn.c1{ border-color:#333; color:#333; background:#fff}
.login_wrap .btn_wrap .btn.c2{ background:#fff; color:#e41239; border-color:#e41239}
.login_wrap .btn_wrap .btn.c3{ background:#fff}
.login_wrap .btn_wrap .btn.s1{ font-size:1.25em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}
.form_wrap{ border:1px solid #ddd; border-radius:1em; padding:3em}
.form_wrap .tit_wrap{ float:left; width:20%}
.form_wrap .tit_wrap .in{ border-top:2px solid #333; padding:1.125em}
.form_wrap .con_wrap{ float:right; width:75%}
.login_wrap .login.w1 .form_st{ width:46%}
.form_st > li{ margin-top:2.188em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#e41239; margin-left:-.5em; transition:.3s}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#e41239}
.form_st > li .in .inp.c1{ background:#f1f1f1}
.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:1.25em;/* border-top:1px solid #e41239*/}
.dp1_member.dp2_id .form_st.st1 > li.line{ margin-top:2em; /*padding:1em; border:1px solid #e41239;*/}
.form_st.st1 > li.line > ._st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 1%; min-width:0; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%}
.form_st.st1 > li .in_tit2{ font-weight:500; font-size:1.063em; color:#333; width:100%; border:1px solid #ddd; padding:.5em;}
.form_st.st1 > li .in_tit .ess:before{ font-size:.875em; margin-left:.5em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .in_tit.s1{ font-size:1.25em}
.form_st.st1 > li ._st{ font-size:.938em}
.form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.938em; font-family:notokr,sans-serif; font-weight:500}
.form_st.st1 > li .in .inp.s1{ font-size:1em}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ flex-basis:100%}
.form_st.st1 > li .agree{ border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:1em; position:relative; transition:.3s; font-size:.938em}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd; padding:2em 1em; font-size:1em}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:50%; transform:translateY(-50%); 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 .textwrap{ max-height:7em; border:1px solid #ddd; box-sizintg:border-box; padding:1em; font-size:.938em; color:#666; margin:.5em 0 1.5em 0; overflow-y:scroll; background:#f5f5f5}
.form_st.st1 > li .agree > li label{ line-height:1.4}

.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.875em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}
.form_st.text{ border-bottom:1px solid #ddd}
.form_st.text > li{ border-top:1px solid #ddd; margin-top:0}
.form_st.text > li .in .t1{ font-size:.938em; color:#666}
.form_st.text > li .in a:hover{ text-decoration:underline}
.page_tit{font-weight:800; font-size:2em;}

.agreePoint{ font-size:120%}

.join_auth{ margin-top:3em}
.join_auth > li{ flex:1 1 100%}
.join_auth .in{ display:block; text-align:center; padding:2em; position:relative; box-sizing:border-box; height:100%; line-height:1.2}
.join_auth .in:before{ content:""; position:absolute; left:0; top:0; width:calc(100% + 1px); height:calc(100% + 1px); box-sizing:border-box; border:1px solid #ddd; z-index:-1}
.join_auth .in .icon{ width:8em; display:block; margin:0 auto}
.join_auth .in .icon .resize{ border-radius:50%; background:#f5f5f5; padding-bottom:100%}
.join_auth .in .icon .resize .re{ background-size:50% auto; background-repeat:no-repeat; background-position:center; opacity:.3}
.join_auth .in .tit{ display:block; font-size:1.5em; margin:1em 0 .5em 0}
.join_auth .in .t1{ display:block; font-size:.938em; color:#666; line-height:1.25em; height:3.75em; overflow:hidden}
.join_auth .in .btn{ background:#e41239; color:#fff; border:1px solid transparent; margin-top:.25em; height:3.5em}
.join_auth .in .btn.re{ background:#fff; border-color:#e41239; color:#e41239}

.join_fin{ text-align:center}
.join_fin .logo{ height:1.5em}
.join_fin .fin_tit{ margin:2.5em 0}
.join_fin .fin_tit .t1{ font-size:1.875em; font-weight:300; color:#666}
.join_fin .fin_tit .t2{ font-size:1.063em; color:#555}
.join_fin .fin_con{ padding:0 10%}
.join_fin .info{ padding:2em; background:#fff; text-align:left}
.join_fin .info > li i{ vertical-align:middle}
.join_fin .info > li .xi{ vertical-align:middle; margin-right:.25em}
.join_fin .info > li:not(:first-child){ margin-top:1em}
.join_fin .info > li .tit{ width:7em}
.join_fin .info > li .t1{ color:#555}
.join_fin .info > li .t2{ color:#888}
.join_fin .btn_wrap{ padding:0 2em; margin-top:3em}
.join_fin .btn_wrap button{ flex:1 1 1%; margin:0 .25em}

/*agree*/
.agree_wrap{ padding:.5em; font-size:.938em; line-height:2; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;/* box-shadow:3px 4px 3px rgba(0,0,0,.2);*/ padding:2em;/* background:#f9f9f9;*/}
.agree_wrap.st2{ height:150px; padding:.5em; font-size:.938em; line-height:2; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;/* box-shadow:3px 4px 3px rgba(0,0,0,.2);*/ padding:2em;/* background:#f9f9f9;*/ overflow-y:auto}
.agree_wrap .agree.st strong{font-size:1.2em; letter-spacing:.5px; line-height:1.9; padding:1em 0; color:#222; font-weight:500; }

.page_email{ letter-spacing:-1px;}
.page_email .email_top{ padding:20px 30px; background:#fff; border:2px solid #ddd; text-align:center; color:#111; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000; padding-top:1em;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.938em; color:#666; line-height:1.8;}
.agree_wrap .agree_tit strong{font-size:1em;}
.agree_wrap .agree_tit{background:#fff; border:1px solid #ddd; padding:0.9em; margin-bottom:1em;}



/*오시는길*/
.location_wrap{width:98%; margin:0 auto;	}
.map_view {border-top: 3px solid #ddd; box-shadow: 0 0.25em 0.5em rgb(0 0 0 / 20%); transition: .3s; padding: 1em; border-radius: 0 0 1em 1em; margin: 0 auto;}
.map_view .t1{ font-weight: 600; font-size: 1.15em; color:#555; letter-spacing: -.063em; word-spacing: 0.063em;}
.map_view:hover{border-top: 3px solid #1e2d78; box-shadow: 0 0.25em 0.5em rgb(0 0 0 / 20%); padding: 1em; border-radius: 0 0 1em 1em; transition: .3s; transition-delay:.3s;}

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

.map_info{}
.map_info.st2{ margin-top:30px;}
.map_info .info_tit, 
.map_info .info_con{ padding-top:20px; border-top:1px solid #ddd;}
.map_info .info_tit{ width:13em; position:relative;}
.map_info .info_tit::before{ content:""; width:1.5em; height:2px; background:#6574b7; position:absolute; left:0; top:-2px;}
.map_info .info_tit .t1{ font-weight:600; font-size:1.15em; color:#555; letter-spacing:-.063em; word-spacing:0.063em;}
.map_info .info_con{ margin-left:20px; }


/*고객불만 이의제기*/

.page_list.st1{margin-top:.8em;}
.page_list.st1 > li{ box-sizing:border-box; position:relative;  margin-top:.3em; padding-left:.7em;}
.page_list.st1 > li:first-child{ margin-top:0;}
.page_list.st1 > li:before{left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%; position:absolute; content:"";}
.page_list.st1 > li .tt{ font-size:.938em; color:#555;}

.page_list.st1.st2 {margin-top:0;}
.page_list.st1.st2 > li {margin-top:.8em;}
.page_list.st1.st2 > li:first-child {margin-top:0;}

.page_list.st3{}
.page_list.st3 > li{ box-sizing:border-box; position:relative;  margin-top:.3em; padding-left:.7em;}
.page_list.st3 > li:first-child{ margin-top:0;}
.page_list.st3 > li:before{left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%; position:absolute; content:"";}
.page_list.st3 > li.no:before {opacity:0;}
.page_list.st3 > li .tt{ font-size:.938em; color:#555;}
.page_list.st3 > li .tx{ font-size:.938em; color:#555; margin-left:.4em;}

.personInfo_box{ margin:0 0 -2px -2px; flex-wrap:wrap; align-items:stretch;}
.personInfo_box > li{ flex:1; margin:0 0 2px 2px; padding:1.2em 1.8em; background:#ecf0f4; border-radius:.6em;}
.personInfo_box .inner .icon{ position:absolute; top:0; left:0; font-size:1.125em;}
.personInfo_box .inner > dt,
.personInfo_box .inner > dd{ padding-left:1.6em;}
.personInfo_box .inner > dt{ position:relative; margin-bottom:1em; padding-bottom:.8em; border-bottom:1px dashed #ccc; color:#003876;}
.personInfo_box .inner > dt .icon:before{ content:"\e92b";}
.personInfo_box .inner > dt .tit{ font-size:1.125em;}
.personInfo_box .inner > dd{ position:relative; margin:.5em 0; padding-top:.1em; color:#3c3c3d;}
.personInfo_box .inner > dd .tt{ font-size:.938em; letter-spacing:0;}
.personInfo_box .inner > dd .tt *{ vertical-align:baseline;}
.personInfo_box .inner > dd a{ color:#1e83d0;}
.personInfo_box .inner > dd a:hover{ text-decoration:underline;}

.page_bg_wrap {height:300px; background-position:center center; background:url(../images/sub/sub2/2_1_bg.jpg); background-repeat:no-repeat; }
.page_bg_up {width:100%; max-width:920px; display:block; margin:-145px auto 0 auto; padding:2.3em 2em 3em 2em; box-sizing:border-box; text-align:center; background:#fff}
.page_bg_up .t1 {font-size:1.6em; color:#003876;}
.page_bg_up .t2 {color:#333; font-size:1em; width:100%; margin:0 auto; max-width:970px; letter-spacing:-.1px; line-height:1.5; }
.page_bg_up .line {width:30px; height:2px; margin:1.5em auto; background:#2D4C9E;}

.page_bg_up.st1 {box-shadow:2px 2px 2px rgba(0,0,0,0.3)}
.page_bg_up.st1 .t11 {font-size:.938em; letter-spacing:.5px; color:#777;}
.page_bg_up.st1 .t1 {color:#3c3c3d; font-size:1.438em}
.page_bg_up.st1 .t1 strong {color:#003876; vertical-align:baseline; }
.page_bg_up.st1 .t2 {font-size:1.250em;}

.page_top_bgw {overflow:hidden; position:relative}
.page_top_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;} 
.page_top_bgw .txt_wrap {text-align:center;}
.page_top_bgw .txt_wrap .en {font-size:1.5em; letter-spacing:.9px; padding-bottom:.2em;  color:#fff;}
.page_top_bgw .txt_wrap .kr {font-size:1.250em; color:#fff;}
.page_top_bgw .line_wrap{ position:relative; height:10em;}
.page_top_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.page_top_bgw .line_wrap .line.hor{ transition-delay:1s}
.page_top_bgw .line_wrap .line.top{ top:0}
.page_top_bgw .line_wrap .line.bot{ bottom:0}
.page_top_bgw .line_wrap .line.left{ left:0}
.page_top_bgw .line_wrap .line.right{ right:0}
.load .page_top_bgw .bg_w {transform:scale(1,1);}
.load .page_top_bgw .line_wrap {margin:2em 1.5em;}
.load .page_top_bgw .line_wrap .line.ver{ height:100%}
.load .page_top_bgw .line_wrap .line.hor{width:40%;}
.load .page_top_bgw .line_wrap .line{ display:block}

.page_col_box,
.page_col_box > li{ align-items:stretch;}
.page_col_box{ margin:0 0 -1em -1em;}
.page_col_box > li{ flex:1;}
.page_col_box > li > .inner{ flex:1; display:flex; flex-direction:column; margin:0 0 1em 1em;}
.page_col_box > li > .inner > dt,
.page_col_box > li > .inner > dd{ border-color:#cfd8e2;}
.page_col_box > li > .inner > dt{ margin-bottom:.4em; padding:1em 1.5em; background:#f5f5f5; border-style:solid; border-width:1px 1px .3em 1px; text-align:center;}
.page_col_box > li > .inner > dt .tit{ position:relative; display:inline-block; font-size:1.188em; color:#0d2d4f; vertical-align:baseline;}
.page_col_box > li > .inner > dt .tit .xi {vertical-align:baseline; font-size:1.125em; padding-right:2px;}
.page_col_box > li > .inner > dt .tit .icon{ position:absolute; top:.015em; left:0; font-size:1.188em; line-height:1;}
.page_col_box > li > .inner > dt .tit .icon:before { content:"\e95c";}
.page_col_box > li > .inner > dt .tit .icon1:before{ content:"\ea40";}
.page_col_box > li > .inner > dt .tit2{ display:block; width:2.2em; line-height:2.2em; background:#00479e; border-radius:100%; text-align:center; font-size:1.125em; color:#fff;}
.page_col_box > li > .inner > dd{ flex:1 1 auto; padding:1.5em; border-style:dashed; border-width:1px;}
.page_col_box > li > .inner > dd .list{ line-height:1.5;} 
.page_col_box > li > .inner > dd .list > li{ box-sizing:border-box; position:relative;}
.page_col_box > li > .inner > dd .list > li:before{content:""; position:absolute; left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%;}
.page_col_box > li > .inner > dd .list > li .tt{ position:relative;  margin-top:.3em; padding-left:.7em; vertical-align:baseline; font-size:.938em; color:#333}
.page_col_box > li > .inner > dd .list > li:first-child .tt {margin-top:0;}

.page_ex_wrap{ align-items:stretch; background:#ecf0f4; border-style:solid; border-color:#d4d5d8; border-width:1px 0 1px 0;}
.page_ex_wrap > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; min-width:0; padding:1em .8em;}
.page_ex_wrap > .inner.icon{ flex:1;}
.page_ex_wrap > .inner.icon .xi { font-size:3em;}
.page_ex_wrap > .inner.icon .in { width:5em; height:5em; background:#f9e000; border-radius:100%; color:#3b1f1e;}
.page_ex_wrap > .inner.icon{ background:#fff; border-right:1px solid #d4d5d8;}
.page_ex_wrap > .inner.icon > .tt{ display:inline-block; margin-left:1em; font-size:1.125em; color:#0d2d4f;}
.page_ex_wrap > .inner.icon > .tt:first-child{ margin-left:0;}
.page_ex_wrap > .inner.btn { background:#fff; border-left:1px solid #d4d5d8; line-height:1.4em;}
.page_ex_wrap > .inner.txt { flex:5; justify-content:flex-start; text-align:left; padding-left:2em; padding-right:2em;}
.page_ex_wrap > .inner.txt > .in{ flex:1;}
.page_ex_wrap > .inner.btn > .in{ flex:1;}
.page_ex_wrap > .inner .t_w {}
.page_ex_wrap > .inner .t_w .tit {padding-bottom:.8em; font-size:1.313em; color:#3b1f1e;}
.page_ex_wrap > .inner .t_w .list {}
.page_ex_wrap > .inner .t_w .list > li {font-size:.938em; color:#444; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.5em;}
.page_ex_wrap > .inner .t_w .list > li:before {top:.55em; left:0; width:.25em; height:.25em; background:#003876; border-radius:100%; position:absolute; content:"";}
.page_ex_wrap > .inner .t_w .list .tt {}
.page_ex_wrap > .inner.icon .kaKa_btn {display:block; padding:.5em 1.3em; border-radius:30px; margin-top:1em; background:#3b1f1e; color:#f9e000;}
.page_ex_wrap > .inner.icon .kaKa_btn .tt {font-size:.875em; vertical-align:baseline; padding-right:5px;}
.page_ex_wrap > .inner.icon .kaKa_btn .xi {font-size:.938em !important; vertical-align:baseline;}


.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%; }
.member_btn_wrap .in{ margin-left:.4em; font-size:1em !important;}
.member_agree{margin-top:2em;}
.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:7em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0; font-family:'notokrM'; font-size:.875em;}
.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;}
.board_btn_wrap1{text-align:center; margin:2em 0; }
.input_st.s1.c1.c02{background:#fff; border-color:#e50a3a; color:#e50a3a;}
.input_st.s1.c1.c02:hover{background:#e50a3a; color:#fff;}

.page_sec3.page_cert{margin-top:3em;}
.td_center{text-align:center}
.td_center_01{margin-right:7em}

.page_con_img1{text-align:center; margin-top:2em;}



/*마이페이지*/
.tt02{font-weight:800; font-size:1.2em}
/* .input_st{width:30%; } */
.st_th{text-align:left;}
.board_st tr th{}
.name_button{border:none; background:#888; color:#fff; padding:0.85em 1em; margin-left:10px;}
.name_button1{padding:0.75em 1em;}
.td_date{cursor:pointer}
.st_th0{margin-bottom:5px;}
.st_th1{width:100%;}
.st_th2{margin-bottom:5px;}
.bottom_button{text-align:center; margin-top:2em}
.bottom_button1{background:#e41239; border:1px solid #e41239; color:#fff; cursor:pointer; line-height:40px; padding:0 30px; font-size:0.875em; margin-right:10px}
.bottom_button2{background:#fff; border:1px solid #aaa; color:#666; cursor:pointer; line-height:40px; padding:0 30px; font-size:0.875em;}

/**/
.sub_twrap{line-height:1.3}
.sub_twrap.line_b{ border-bottom:1px solid #efefef}
.sub_twrap:not(:first-child){ margin-top:4em}
.sub_twrap .wrap_con{ padding-top:.125em}
.sub_twrap .wrap_line{ border-bottom:1px solid #efefef; padding:1.5em 0}
.sub_twrap .wrap_line.h1{ min-height:3em}
.sub_twrap .wrap_line.h2{ height:6em}
.sub_twrap li:first-child .wrap_line,
.sub_twrap .wrap_line.line{ border-top:1px solid #212121}
.sub_twrap .wrap_line.tn{ border-top:none !important}
.sub_twrap .wrap_line.bn{ border-bottom:none !important}
.sub_twrap .wrap_line.p0{ padding-top:0em}
.sub_twrap .wrap_line.p1{ padding-bottom:4em}
.sub_twrap .wrap_line.p2{ padding:1em 0}
.sub_twrap .wrap_line.p3{ padding:1em 2em}
.sub_twrap .wrap_tit{ width:16.25em; box-sizing:border-box; padding-right:1.25em}
.sub_twrap .wrap_tit.w1{ width:13em}
.sub_twrap .wrap_tit.w100{ width:100%}
.sub_twrap .wrap_tit .wrap_t1{ font-size:1.15em; font-weight:600; color:#222; letter-spacing:-.063em; word-spacing:.063em}
.sub_twrap .wrap_tit .wrap_t1.s1{ font-size:1.813em; font-weight:600}
.sub_twrap .wrap_tit .wrap_t2{ font-weight:500; font-size:.813em; color:#e41239}
.sub_twrap .wrap_tit .c1{ color:#e41239}
.sub_twrap .wrap_tit .en{ letter-spacing:0}

.tt_img .tt_wrap{ width:55%}
.tt_img .img_wrap{ width:38%}

.cell_wrap .w1{ width:8em}
.cell_wrap .wrap_p1{ padding:.5em 0}

.wrap_sec{ margin:-3em 0 0 -3em}
.wrap_sec.s2 > li{ width:50%}
.wrap_sec.s3 > li{ width:33.33%}
.wrap_sec > li .wrap_in{ margin:3em 0 0 3em}
.wrap_sec .line_add{ position:relative}
.wrap_sec .line_add:before{ content:""; width:3em; height:1px; background:#222; position:absolute; right:100%; top:-1px}
.wrap_sec.s2 > li:nth-child(2n-1) .line_add:before{ display:none}
.wrap_sec.form{ margin:-2em 0 0 -1em}
.wrap_sec.form > li{ margin:1em 0 0 1em}

/*.page_tt{ font-size:.938em; color:#606167; line-height:1.7}
.page_tt.s1{ font-weight:500; color:#333}
.page_tt.en{ letter-spacing:0; word-spacing:.25em}
.page_tt2{ font-size:1.5em; font-weight:600; color:#333; line-height:1.2}
.page_tt3{ font-size:1.125em; font-weight:500; color:#aaa}
.page_tt4{ font-size:1.063em; color:#222; font-weight:500; line-height:1.5}*/

.tt_line{ display:inline-block; padding:.25em 1em; border-radius:2em; border:1px solid #ddd; color:#888; font-size:.813em; font-weight:500; line-height:1.1}
.tt_line.c2{ border-color:#37b42d; color:#37b42d}
.tt_line.c3{ border-color:#fa5f2c; color:#fa5f2c}

.tm1{ margin-top:1.25em}

.lh1{ line-height:1.2 !important}

.t_en{ font-family:Arial, Helvetica, score, sans-serif}

.ul_st > li{ position:relative; padding-left:.75em; margin-top:.5em; line-height:1.3}
.ul_st > li:before{ content:""; position: absolute; left:0; top:.75em; width:3px; height:3px; background:#666; border-radius:50%}
.ul_st.ico1 > li:before{ height:1px; width:5px; border-radius:0}
.ul_st.ico2 > li:before{ content:"!"; color:#e41239; background:none; width:1em; height:auto; top:0; font-weight:700}
.ul_st .ul_st{ font-size:.938em; margin:.5em 0 1em 0; opacity:.8}
.ul_st.m1 > li{ margin-top:.75em}

.inR{ display:inline-block; margin-right:4em; vertical-align:top}
.inR:last-child{ margin-right:0}

.img_line{ border:1px solid #ddd; margin-bottom:1em; padding:3em; position:relative}
.img_line div:not(.in) img{ width:100%}

.agree_h1{ height:10em; overflow-y:scroll}

.ps05{ padding-top:.5em !important}
.ps1{ padding-top:1em !important}
.ps15{ padding-top:1.5em !important}
.ps2{ padding-top:2em !important}
.ps25{ padding-top:2.5em !important}
.ps3{ padding-top:3em !important}
.ps4{ padding-top:4em !important}
.ps5{ padding-top:5em !important}

.sug_organization .wrap_in{ display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; position:relative; line-height:1.1; text-align:center}
.mobile_img{display:none;}
.sug_organization .top_st{ position:relative}
.sug_organization .top_st:not(:first-child){ margin-top:5em}
.sug_organization .top_st:not(:first-child):before{ content:""; position:absolute; left:50%; bottom:0; height:calc(100% + 5em); width:1px; background:#ddd}
.sug_organization .top_st .wrap_in{ width:15em; height:3.5em; margin:0 auto; color:#fff; background: #e41239}
.sug_organization .top_st .wrap_in .t1{ font-size:1.125em; font-weight:500}
.sug_organization .top_st .wrap_in .t2{ font-size:1.063em; font-weight:500}
.sug_organization .list_top{ display:flex; justify-content:center; position:relative; margin-top:5em}
.sug_organization .list_top:before{ content:""; position:absolute; left:50%; bottom:0; height:calc(100% + 5em); width:1px; background:#ddd}
.sug_organization .list_top > li{ position:relative}
.sug_organization .list_top > li:not(:first-child):before{ content:""; position:absolute; top:50%; left:-10em; width:20em; height:1px; background:#ddd}
.sug_organization .list_top .wrap_in{ margin:0 10em}

.sug_organization .list{ display:flex; position:relative; margin-top:5em; padding-top:2em}
.sug_organization .list:before{ content:""; position:absolute; left:50%; bottom:100%; height:5em; width:1px; background:#ddd}
.sug_organization .list > li{ flex:1 1 1%; position:relative}
.sug_organization .list > li:before,
.sug_organization .list > li:after{ content:""; position:absolute; background:#ddd}
.sug_organization .list > li:before{ left:50%; bottom:100%; height:2em; width:1px;}
.sug_organization .list > li:after{ right:50%; bottom:calc(100% + 2em); height:1px; width:100%}
.sug_organization .list > li:first-child:after{ display:none}

.sug_organization .list .list{ margin-top:1em; padding-top:1em}
.sug_organization .list .list:before{ height:1em}
.sug_organization .list .list > li:before{ height:1em}
.sug_organization .list .list > li:after{ bottom:calc(100% + 1em);}

.sug_organization .list.col{ display:block}
.sug_organization .list.col > li:not(:first-child){ margin-top:.5em}
.sug_organization .list.col > li:after{ display:none}
.sug_organization .list.col > li:before{ height:.5em}
.sug_organization .list.col > li:first-child:before{ height:2em}

.sug_organization .list > li > .wrap_in{ border:1px solid transparent; margin:0 .5em; height:3em; overflow:hidden; background:#f5f5f5; color:#666}
.sug_organization .list > li .t1{ font-size:.938em; font-weight:500}
.sug_organization .list > li .t2{ font-size:.938em; color:#666}
.sug_organization .list.st1 > li .wrap_in{ border-color:#ddd; background:#fff}
.sug_organization .list .twrap{ padding:.5em 1em}
.sug_organization .list > li > .wrap_in.point{position:relative; align-items:flex-start; padding-left:2.5em}
.sug_organization .list > li > .wrap_in.point .icon{ position: absolute; left:0; top:0; height:100%; width:2em; background:#e41239; color:#fff;}
.sug_organization .list > li > .wrap_in.point + .twrap{ padding-left:3em}

.sub_step_wrap{align-items:center; justify-content:center;}
.sub_step_wrap ul{}
.sub_step_wrap ul > li:first-child{margin:0 20px 0 0;}
.sub_step_wrap ul > li{display:inline-block; position:relative; width:180px; height:180px; margin:0 20px; text-align:center;}
.sub_step_wrap ul > li:before{content: ''; display:block; left:0; top:0; position:absolute; width:100%; height:100%; border:1px solid #333; border-radius:100%;}
.sub_step_wrap ul > li:after{content: '→'; display:block; right:-38px;; top:35%; font-size:2em; position:absolute;}
.sub_step_wrap ul > li.ls:after{display:none;}
.sub_step_wrap ul > li .step_t1{padding:45px 0 0; font-size:20px; font-weight:600;}
.sub_step_wrap ul > li .step_t1 .step_num{display:block; margin:0 0 12px; font-size:12px; color:#e4133a; font-weight:600;}


.sub_step > li{ position:relative; display:flex}
.sub_step > li:not(:first-child){ margin-top:2em}
.sub_step .wrap_in{ width:14em; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; position:relative; line-height:1.2; text-align:center; background:#f5f5f5; min-height:4em; padding:1em}
.sub_step > li:not(:first-child) .tit{ position:relative}
.sub_step > li:not(:first-child) .tit:before{ content:""; position:absolute; left:50%; height:2em; width:1px; bottom:100%; background:#ddd}
.sub_step > li:not(:first-child) .tit:after{ content:"\e941"; position:absolute; left:50%; line-height:1; bottom:100%; color:#ddd; font-family:xeicon; transform:translate(-50%, .375em)}
.sub_step .wrap_in:not(.grow){ width:16em}
.sub_step .wrap_in.grow{ margin-left:3em}
.sub_step .wrap_in.st1{ background:none; align-items:flex-start}
.sub_step .wrap_in.st2{ background:#e41239; color:#fff}
.sub_step .wrap_in .t1{ font-weight:500; color:#666; font-size:.938em}
.sub_step .wrap_in .t2{ font-size:.938em; color:#888}
.sub_step .wrap_in .t3{ font-weight:500}

/* sub_board 문의*/
.agree_box{ margin:20px 0; padding:2em 3em; border:1px solid #ddd; border-radius:1em; /*background-color:#f6f6f6;*/ }
.agree_box .tit{ font-size:1.125em; color:#333;}
.agree_box .list{ margin-left:10px;}
.agree_box .list > li{ line-height:1.6;}