@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: 1400px; 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: var(--headerH); 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 10em 0 26em; 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 1.2em; min-width: 5em; color: #333}
#header .gnb_wrap .gnb > li .dp1:after { content: ""; position: absolute; top: 30%; left:15px;width: .8em; height: .8em; border-radius: 50%; background: rgba(30, 45, 120, .4); transition: .3s;  opacity: 0;} 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after {opacity: 1;}
#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 {}
#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 { height: 3em}
#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: var(--headerH)}
.headerT { padding-top: var(--headerH)}
/*
.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; } 


.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:none!important } 



.submenu_dp3 .gnb { justify-content:center; } 
.submenu_dp3 .gnb > .dp1 { display: none; } 
.submenu_dp3 .gnb > .dp2 { display: none; } 
.submenu_dp3 .dp3 {gap:.5em; justify-content:center;} 
.submenu_dp3 .dp3 > li { margin: 0 auto; } 
.submenu_dp3 .dp3 > li > a { padding:0 1.5em; min-width:12em; border:1px solid #ddd; border-radius:3em; display:flex; align-items:center; height:3.5em; box-sizing:border-box; justify-content:center; line-height:1.2; color:#777; position:relative } 
.submenu_dp3 .dp3 > li > a .va {font-weight:600; font-size:1.125em}
.submenu_dp3 .dp3 > li:hover > a{ background:#f5f5f5; color:#111}
.submenu_dp3 .dp3 > li.on > a { border-color:transparent; background:#2E3192; color:#fff}
/* .submenu_dp3 .dp3 > li.on > a:after  {content:"\e935"; font-family:xeicon; position:absolute; left:50%; top:100%; transform:translate(-50%,-20%); color:var(--siteC)} */

.submenu_dp3.st2 { position: absolute; top: 5%;left: 50%; transform: translate(-50%, -150%); } 
.submenu_dp3.st2 .gnb { justify-content:center; } 
.submenu_dp3.st2 .dp3 { justify-content:center; background: #f4f4f4; } 
.submenu_dp3.st2 .dp3 > li { width: 12em; } 
.submenu_dp3.st2 .dp3 > li > a { display: inline-block; text-align: center; padding: 1em 0; font-size: 1.125em; font-weight: 500; width: 100%; border: 1px solid #f4f4f4; border-radius: .5em; } 
.submenu_dp3.st2 .dp3 > li:hover > a,
.submenu_dp3.st2 .dp3 > li.on > a { background: #fff; border: 1px solid var(--siteC2); color: var(--siteC2); } 


/**/
#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 rgba(0, 0, 0, .1); background: #fff}
.family_wrap { padding: 1.5em 0em}
.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: 40px; } 
.family_wrap .family .item > a { display: block; margin: 0 .2em; background: #fff; } 
.family_wrap .family .item > a .in { } 
.family_wrap .family .item > a .in .vm_tt { display: flex; justify-content: center; align-items: center; width: 180px; height: 40px; } 
.family_wrap .family .item .in img { max-width: 100%; height: 100%; margin: 0 auto; object-position: center center; object-fit: contain; } 


#footer .foot_wrap { background: #2f3947; } 
#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 { filter: brightness(0) invert(1)}
#footer .foot_wrap .bottom_wrap .loGo img { height: 2.5em}
#footer .foot_wrap .info_wrap { flex: 1 1 1%; margin-left: 4em; margin-top: .5em}
#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, .1); 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 .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; display: none;}
#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.pb50 { padding: 0.8em 0; } 
.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;border-top: 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.st2 tbody th { background-color: rgba(0, 92, 178, .8); color: #fff;   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.8rem; color: #333; } 
.greeting_wrap .tt2 strong { display: block; margin-top: 8px; font-size: 2.45rem; } 

.greeting_wrap { position: relative; } 
.greeting_wrap::before { content: ''; width: 100vw; height: 100vh; background: #f6f6f6; /*background: linear-gradient(90deg, #4b77f5,transparent);*/ position: absolute; right: 10%; top: 100px; z-index: -10; } 
.greet_img { width: auto; height: 550px; position: absolute; right: 0; top: -40px; 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: 1.2em; line-height: 1.6; color: #333; font-weight: 500; } 
.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; } 

/*quick*/
#quick { position:fixed; z-index:999; top:45%; right: 0; transform:translateY(-50%); transition: .35s; } 
#quick .quick_wrap .con { padding-bottom: .65em; margin-bottom: .65em; border-bottom: 1px solid #e8e8e8; } 
#quick .quick_wrap .con:last-of-type { border-bottom: none; } 
#quick .quick_wrap { position:relative; width: 265px; background: #fff; box-shadow:0 0em 16px 0 rgba(0,0,0, .1); padding: 20px; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } 
#quick .quick_wrap .quick_tit { font-size: 1.3em; line-height: 1; font-weight: 700; color: #111; margin-bottom: 1em; position: relative; } 
#quick .quick_wrap .quick_tit::before { content: "";  position: absolute; bottom: -15px;left: 50%;transform: translateX(-50%); width: 90%; height: 1px; background: #000; } 

#quick .quick_wrap .btn { align-items: center; justify-content: center; gap: .5em; padding: .415em 1em; text-align: center; background: #f9f9f9; border-radius: 5px; margin-bottom: .5em; } 
#quick .quick_wrap .btn:last-of-type { margin-bottom: 0em; } 
#quick .quick_wrap .btn > span { font-size: .85em; font-weight: 600; } 

#quick .quick_wrap .btn.kakao { background: var(--snsKa); } 
#quick .quick_wrap .btn.call { background: var(--siteBG1); color: var(--siteC); } 

#quick .quick_wrap > li .in { padding:.75em .5em; box-sizing:border-box; } 

#quick .quick_wrap .quick_banner { position:relative; background: #f8f9ff; text-align: center; padding: 15px; box-sizing: border-box; overflow: hidden; } 
#quick .quick_wrap .quick_banner > .txt { font-size: 1em; color: #666; margin-bottom: .5em; line-height: 1.4; } 
#quick .quick_wrap .quick_banner > .txt2 { font-size: .9em; color: #666; margin-bottom: .5em; line-height: 1.4; } 
#quick .quick_wrap .quick_banner > .num { font-size: 1.5em; font-weight: 800; color: var(--siteC); } 
#quick .quick_wrap .quick_banner > .img_banner { position:relative; top: 10px; text-align: center; } 
#quick .quick_wrap .quick_banner > .img_banner > img { width: 100%; height: 100%; object-fit: contain; } 

#quick .hide_btn { display: inline-block; position: absolute; left: -1.5em; top: 50%; transform: translateY(-50%); width: 2.5em; height: 3em; background: #fff; border: 1px solid #eee; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,.1); z-index: -1; border-radius: 10px; } 
#quick .hide_btn:before {font-family: 'xeicon'; content: '\e93e'; position: absolute; color: #333; font-size: 1.35em; top: 50%; left: 0; transform: translateY(-50%); transition: .35s;z-index: 999; } 

#quick.active { right:-265px; } 
#quick.active .hide_btn:before { transform: translateY(-50%) rotate(180deg); } 

/*인증*/
.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; } 


/*2_2_9_1 - sm*/
.p_wrap { overflow: hidden; vertical-align: top; margin-bottom: 40px; } 
.p_wrap .p_box:nth-child(even) { margin-right: 0; } 

.p_wrap .p_box { margin: 0; border-bottom: 1px solid #ccc; overflow: hidden; width: 48.5%; position: relative; float: left; margin-right: 3%; margin-bottom: 3em; } 

.p_wrap .p_box:after { display: block; content: ''; clear: both; } 

.p_wrap .p_pic { float: left; width: 40%; margin: 0 0 30px 0; border: 1px solid #ddd; box-sizing: border-box; } 

.p_wrap .p_box > dl { float: left; width: 60%; box-sizing: border-box; padding: 1em 1.5em; height: 17em; } 

.p_wrap .p_box > dl .plus { position: absolute; right: 0; bottom: 0; font-size: 0; text-indent: -9999px; display: block; width: 35px; height: 34px; border: 1px solid #cbd4dd; border-bottom: none; background: url(../images/inc/plus.png) no-repeat center center; cursor: pointer; margin-bottom: 0; } 

.p_wrap .p_box > dl .plus:hover { border: 1px solid #0086e1; border-bottom: none; color: #fff; background: url(../images/inc/plus_on.png) no-repeat center center #0086e1; } 

.p_wrap .p_box > dl.on .plus { border: 1px solid #0086e1; color: #fff; border-bottom: none; background: url(../images/inc/plus_on_a.png) no-repeat center center #0086e1; } 

.p_wrap .p_box > dl.on .plus:hover { background: url(../images/inc/plus_on_a.png) no-repeat center center #0086e1; } 

.p_wrap .co_name { font-size: 1.438em !important; } 

.p_wrap .co_intx { /*height:106px; */
 overflow: hidden; } 

.p_wrap .p_box > dl > dt { font-size: 1em; color: #000; margin: 5px 0 15px 0; } 

.p_wrap .p_box > dl > dd { margin-left: 1px; font-size: .938em; color: #666; line-height: 1.5; margin-bottom: 5px; } 

.p_wrap .p_box .p_ex { float: left; width: 100%; border-top: 1px solid #0074c1; display: none; } 

.p_wrap .p_box .p_ex > dl:after { display: block; clear: both; content: ''; } 

.p_wrap .p_box .p_ex > dl { overflow: hidden; border-bottom: 1px solid #cbd4dd; padding: 20px 0; } 

.p_wrap .p_box .p_ex > dl > dt { float: left; width: 18%; } 

.p_wrap .p_box .p_ex > dl > dt .p_tit { position: relative; padding: 0 0 0 10px; font-size: 1em; color: #222; line-height: 20px; } 

.p_wrap .p_box .p_ex > dl > dt .p_tit:before { content: ''; position: absolute; left: 0px; top: 3px; width: 4px; height: 15px; background: #0086e1; } 

.p_wrap .p_box .p_ex > dl > dd { float: left; width: 79%; font-size: .9em; color: #747e88; line-height: 25px; padding-right: 10px; } 

/*sub_tab - sm*/
.tab_wrap .tab_list > li.m_1 { position: relative; } 

.tab_wrap .tab_list > li.m_1 .tab_sub_sm { height: 0; transition: .3s; overflow: hidden; position: absolute; left: 0; top: 50px; width: 100%; z-index: 99999; } 

.tab_wrap .tab_list > li.m_1:hover .tab_sub_sm { height: 114px; } 

.tab_sub_sm li { background: #9098a0; font-size: .875em; cursor: pointer; border: 1px solid #9098a0; box-sizing: border-box; } 

.tab_sub_sm li:hover { background: #fff; } 

.tab_sub_sm li a { display: block; width: 100%; height: 100%; color: #fff; } 

.tab_sub_sm li:hover a { color: #66727c; } 




/*회원가입,로그인*/
.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}

.gap2{gap:2em;}

.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; } 



/**/
.visualSlideW { position: relative}
.visualSlide .el { position: relative; height: 420px}
.visualSlide .el .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: auto 100%}
.visualSlide .el .slogan { position: relative; height: 100%; display: flex; align-items: center}
.visualSlide .el .slogan .wrapIn { display: flex; flex-direction: column; gap: 2em; padding: 0 5%}
.visualSlide .el .slogan .wrapIn .t1 { font-weight: 800; font-size: 2.625em; letter-spacing: -.05em; color: #333; line-height: 1.3}
.visualSlide .el .slogan .wrapIn .t1 > i { color: var(--siteC)}
.visualSlide .el .slogan .wrapIn .t2 { font-size: 1.25em; opacity: .8}
.visualSlideW .mainControl { padding: 0; bottom: -3em; } 
.visualSlideW .mainControl .visualSlide-pagination { margin: 0 1em; display: flex; align-items: center; gap: .5em}
.visualSlideW .mainControl .visualSlide-pagination span { width: 1em; height: 1em; background: #000; opacity: .5; font-size: .5em; margin: 0}
.visualSlideW .mainControl .visualSlide-pagination span.swiper-pagination-bullet-active { background: var(--siteC); opacity: 1}

.mainBox { padding: 4em 0}
.main_tit { margin-bottom: 2em; display: flex; flex-direction: column; align-items: flex-start; gap: 1.5em 0}
.main_tit .tit .t1 { font-weight: 700; font-size: 2.625em; line-height: 1.1}
.main_tit .tt .t1 { font-size: 1.125em}
.main_tit .main_more { margin-top: 2em}
.main_tit.white { color: #fff; } 
.main_tit.hc { margin-left: auto; margin-right: auto}
.main_tit.vc { margin-top: auto; margin-bottom: auto}

.main_more { padding: .75em 1.5em; border: 1px solid #111; display: inline-flex; align-items: center; gap: 1em; box-sizing: border-box}
.main_more.hc { justify-content: center}
.main_more:after { content: "+"}
.main_more.white { border-color: #fff; color: #fff}
.main_more.c1 { background: rgba(255, 255, 255, .3); border: none; color: var(--siteC2)}

.main_edu .list { display: flex; gap: 2em}
.main_edu .list > li { width: calc(33.33% - 1.3333em); border: 1px solid #ddd; display: flex; flex-direction: column; box-shadow: 0 0 4em rgba(0, 0, 0, .1); border-radius: 1em; overflow: hidden}
.main_edu .list > li .imgW .bg { padding-bottom: 40%}
.main_edu .list > li .conW { flex: 1; min-height: 0; padding: 2em; display: flex; flex-direction: column; gap: 1em; } 
.main_edu .list > li .conW .t1 { font-weight: 700; font-size: 1.375em}
.main_edu .list > li .conW .t2 { color: #666; font-size: .938em}
/* .main_edu .list > li .btnW { margin-top: auto; height: 4em; border-top: 1px solid #ddd; display: flex}
.main_edu .list > li .btnW .st { flex: 1; padding: 0 2em; height: 100%; display: flex; align-items: center; background: #f5f5f5}
.main_edu .list > li .btnW .st .arrow { margin-left: auto; font-size: 1em}
.main_edu .list > li .btnW .st .arrow:before { content: "\e93e"}
.main_edu .list > li:hover .btnW .st { background: var(--siteC); color: #fff; transition: .3s} */

.main_support { overflow: hidden}
.main_support .list { display: flex; gap: 2em}
.main_support .list > li { flex: 1 1 auto; width: 50%; position: relative; transition: .5s}
.main_support .list > li:before { content: ""; position: absolute; right: 0; top: 0; width: 100vw; height: 100%; background: #ffe9ed; border-radius: 0 1em 1em 0}
.main_support .list > li:nth-child(2n):before { background: #f6efe5; right: auto; left: 0; border-radius: 1em 0 0 1em}
.main_support .list > li .in { position: relative; padding: 4em; padding-top: 2em; display: flex; flex-direction: column; gap: 1em; box-sizing: border-box; height: 100%}
.main_support .list > li .in .ico img { height: 5em}
.main_support .list > li .in .t1 { font-weight: 700; font-size: 1.75em}
.main_support .list > li .in .t2 { opacity: .9}
/* .main_support .list > li .in .btnW { padding-top: 2em}
.main_support .list > li .in .btnW .more { margin-top: auto; border-radius: 2em; height: 3em; background: #c6185b; display: inline-flex; align-items: center; padding: 0 2em; color: #fff; gap: 1em}
.main_support .list > li .in .btnW .more .arrow { font-size: 1em}
.main_support .list > li .in .btnW .more .arrow:before { content: "\e93e"}
.main_support .list > li:nth-child(2n) .in .btnW .more { background: #ef7f31} */
.main_support .list > li:hover { width: 60%}

.main_link .list { display: flex; gap: 1.5em}
.main_link .list > li { flex: 1 1 0%; } 
.main_link .list > li .in { border: 1px solid #ddd; border-radius: .5em; padding: 2em; padding-bottom: 3em; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; gap: .5em; position: relative}
.main_link .list > li .in .t1 { font-weight: 700; font-size: 1.25em}
.main_link .list > li .in .t2 { font-size: .938em; opacity: .7; line-height: 1.25em; height: 2.5em; overflow: hidden}
.main_link .list > li .in .mg { margin-top: auto; padding-top: 2em}
.main_link .list > li .in .ico img { height: 3em}
.main_link .list > li .in .more { position: absolute; right: 0; bottom: 0; width: 3em; height: 3em; background: #eee; color: #777; border-radius: .5em 0 .5em 0; display: flex; align-items: center; justify-content: center; transition: .3s}
.main_link .list > li .in .more .xi:before { content: "\e913"}
.main_link .list > li .in:hover .more { background: #333; color: #fff}

.main_inquiry { position: relative}
.main_inquiry .formSt { display: flex; flex-wrap: wrap; gap: 1em; padding: 0 4em}
.main_inquiry .formSt > li { width: 100%}
.main_inquiry .formSt > li.w1 { width: calc(50% - .5em)}
.main_inquiry .formSt .wrap_in { display: flex; align-items: center; gap: 1em}
.main_inquiry .formSt .wrap_in > * { flex: 1 1 0%; min-width: 0}
.main_inquiry .formSt .input_st { border-color: rgb(255, 255, 255); background-color: unset; color: #aaa}
.main_inquiry .formSt .btnW > * { flex: 0 0 auto}
.main_inquiry .formSt .btnW span { color: #fff;}
.main_inquiry .formSt .btnW .link { padding: .25em 1.25em; border-radius: 2em; border: 1px solid rgba(255, 255, 255, .5); background: rgba(255, 255, 255); font-size: .875em; font-weight: 500; display: flex; align-items: center}
.main_inquiry .formSt .btnW .btn { margin-left: auto; border-width: 3px; height: 4em; font-weight: 700; position: relative; display: flex; align-items: center; color: #fff;}
.main_inquiry .formSt .btnW .btn:after { content: "\e93f"; font-family: xeicon; font-size: 0; transition: .3s}
.main_inquiry .formSt .btnW .btn > i { position: relative}
.main_inquiry .formSt .btnW .btn:hover { color: #aaa}
.main_inquiry .formSt .btnW .btn:hover:after { font-size: 1em; margin-left: 1em}

.mainFlex { display: flex; gap: 4em; align-items: flex-start; position: relative; box-sizing: border-box}
.mainFlex .wrapTit { width: 30em; padding: 1em 4em; position: sticky; left: 0; top: var(--headerH); box-sizing: border-box}
.mainFlex .wrapCon { flex: 1 1 0%; min-width: 0}

.sub_wrap .wrap_box > .img > p > img { width: 100%; height: 100%; object-fit: cover; } 
/**/
.layerWrap{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1003}
.layerWrap .layerBg{position:absolute; z-index:9999; width:100%; height:100%; left:0; top:0; background:#000; opacity:.5}
.layerWrap .layerFrame{ position:absolute; z-index:10000; left:0; top:0; width:100%; height:100%}

body.pop{background:transparent; display:flex; justify-content:center; align-items:center; width:100%; height:100vh}
body.pop .popWrap{position:relative;display:flex;flex-direction:column;justify-content:center;max-width: 80vw;/* max-height: 90vh; */}
body.pop .popWrap .popTit{ position:relative; z-index:1; padding:.5em 1em .5em 2em; display:flex; align-items:center; background:var(--siteC); border-radius:.5em .5em 0 0; /* transform:translateY(1px); */ color:#fff}
body.pop .popWrap .popTit .tit{ flex:1 1 100%}
body.pop .popWrap .popTit .tit .t1{ font-weight:700; font-size:1.375em}
body.pop .popWrap .popTit .tit .t2{ font-weight:700; font-size:1.125em}
body.pop .popWrap .popTit .popClose{ flex:0 0 auto; text-align:center; width:3em; line-height:3em; border-radius:100%; text-align:center; opacity:.6}
body.pop .popWrap .popTit .popClose .xi{ transition:.3s; font-size:1.75em}
body.pop .popWrap .popTit .popClose .xi:before{ content:"\e9af"}
body.pop .popWrap .popTit .popClose:hover{ opacity:1}
body.pop .popWrap .popTit .popClose:hover .xi{ transform:rotate(180deg)}
body.pop .popWrap .popIn{box-sizing:border-box; max-height: 60vh; background:#fff;overflow-y: scroll;  border-radius:0 0 .5em .5em;box-shadow:1px 1px 10px #333;position:relative}
body.pop .popWrap .popIn .popCon{min-height:5em; /* max-height: 90vh; */ padding: 2em 2em 3em 2em;box-sizing: border-box;background: #fff;}
body.pop .popWrap .popBtn{ position:relative; z-index:1; display:flex; background:#fff; border-radius:0 0 .5em .5em; transform:translateY(1px); overflow:hidden; padding-top:.5em; margin-top:-.5em; box-sizing:border-box}
body.pop .popWrap .popBtn:before{ content:""; position:absolute; left:0; top:0; height:.5em; width:100%; background:#fff}
body.pop .popWrap .popBtn .input_st{ border-radius:0}

body.pop .popWrap.st1{ width:100%; background:rgba(0,0,0,.8); max-width:100vw; height:100vh; position:fixed; left:0; top:0}
body.pop .popWrap.st1 .popTit{ background:none; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; padding:.5em 2em}
body.pop .popWrap.st1 .popTit .popClose{ color:#fff}
body.pop .popWrap.st1 .popIn{ flex:1 1 0%; min-height:0; padding:0; background:none; border-radius:0; box-shadow:none; padding:0}
body.pop .popWrap.st1 .popIn .popCon{ height:100%}

body.pop .popWrap.def{ width:52em;}
body.pop .popWrap.mem{ width:28em;}
body.pop .popWrap.msg{ width:38em;}