@charset "utf-8";
/* CSS Document */

/****** footer ******/
/*hamburger_menu*/
#ham_wrap { position: fixed; width:1.750rem; height:1.750rem; z-index: 9; top:0.713rem; right:1.25rem; text-align: center;  transition: all .3s;z-index:9999 }/*2025-10-27*/
.ham { position: relative; width:1.750rem; height:1.750rem; cursor: pointer; margin:0 auto; }
.ham_line {	position: absolute;	left: 0.188rem;	width: 1.375rem; height: 0.125rem;	background-color: #333333;}
.ham_line1 {top: 3px;  transition: all 0.3s;}/*2025-10-27*/
.ham_line2 {top: 12px;}
.ham_line3 {top: 21px; transition: all 0.3s;}/*2025-10-27*/
.ham.clicked { background: none; margin-top:6px; }
.clicked .ham_line { background-color: #fff }
.clicked .ham_line1 {transform: rotate(45deg);top: 0.813rem;}
.clicked .ham_line2 {width: 0px;}
.clicked .ham_line3 {transform: rotate(-45deg);top: 0.813rem;}
.clicked a {pointer-events:auto;}

/*floating bar*/
#flotiong_bar { position: fixed; left:-100%; top:0; width:100%; height:100%; z-index: 9998; overflow: hidden; transition: all .5s ease; background: #fff; }
#flotiong_bar.wide_on { width:100%; left:0;z-index:9998}
#flotiong_bar.wide_on .inner { position: absolute; height: 100%; width: 110px; z-index: 1; background-color:#093928}

.tit_info { background: #0095ff; padding:20px; }
.tit_info * { color:#fff }
.tit_hearder { position: relative ; overflow: hidden;  }
.tit_hearder span.all_m_title { font-size:20px;}



.point_count { display: inline-block; font-size: 0.813rem; font-weight:500; background: #fff; line-height: 1.25rem; height: 1.25rem; padding-left:0.5rem; padding-right:0.5rem; border-radius: 200px; color:#117a57 }

.floating_menu { }
.accordion {  width: 100%;  margin: 0 auto;  background: #f0f4f7; border-top: 1px solid #e5e5e5; height: calc(100vh - 70px); position: relative; padding-bottom: 3rem; }
.accordion:before { content:""; width:64%; position: absolute; height:0; left:calc(36% + 0.5px); height: 100%; background: #fff; border-left: 1px solid #e5e5e5; display: none }
.accordion li { position: relative }

.accordion .link {  cursor: pointer;  display: block; height:3.581rem; line-height:3.581rem; width:36%; background: #f0f4f7;  padding-left:1.563rem; color: #444;font-size:0.911rem;  font-weight: 500;  position: relative;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; } /* 2021-10-22 수정 */
.accordion .link > span { display: inline-block; position: relative ;}

.accordion li figure {  position: absolute; top: 50%; margin-top:-6px; right: 12px; width:12px; height:12px; transition: all 0.4s ease;}
.accordion li figure strong { position: relative; display: block; width:12px; height:12px; display: none }
.accordion li.on, .accordion li.open { z-index: 1 }

.plus_line1 {top: 5px;  transition: all 0.3s;}
.plus_line2 {top: 5px; left:0; transition: all 0.3s; transform: rotate(90deg) }
.plus_icon { background-color: #8d99ae; width:12px; height:2px; display: block; position: absolute }
.open .plus_line2 {transform: rotate(0);top: 5px;}

.accordion li.on .link,/*메뉴온*/
.accordion li.open .link,
.accordion li .link a.active
{ color: #222; background: #fff; border-right:1px solid #fff }
.accordion li.open .link > span, .accordion li.on .link > span, .accordion li .link a.active span  { font-weight: bold }

.accordion > li > .submenu > li > a span { position: relative; display: inline-block }



.accordion li.open i { color: #2ea567; }
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}

.accordion li:nth-child(1) .submenu { top: 0}/* 메뉴별 높이 위치*/
.accordion li:nth-child(2) .submenu { top: calc(3.581rem * -1)}
.accordion li:nth-child(3) .submenu { top: calc(3.581rem * -2)}
.accordion li:nth-child(4) .submenu { top: calc(3.581rem * -3)}
.accordion li:nth-child(5) .submenu { top: calc(3.581rem * -4)}
.accordion li:nth-child(6) .submenu { top: calc(3.581rem * -5)}
.accordion li:nth-child(7) .submenu { top: calc(3.581rem * -6)}
.accordion li:nth-child(8) .submenu { top: calc(3.581rem * -7)}
.accordion li:nth-child(9) .submenu { top: calc(3.581rem * -8)}
.accordion li:nth-child(10) .submenu { top: calc(3.581rem * -9)}

.submenu {  display: none;  background: #fff;  font-size: 0.875rem; padding:0 1.563rem; overflow: hidden; position: absolute; left:36%; top: 0; width: 64%; min-height: calc(100dvh - 3.125rem - 2.688rem); overflow-y: scroll; padding-bottom:4rem; height:100%;}
.submenu a { display: block; text-decoration: none;  color: #333; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;  transition: all 0.25s ease; font-size: 0.846rem; position: relative; line-height: 1; }
#sub_aside a.on, .submenu a:hover, .submenu a.on { color: #0095ff;}/*수정 2025-03-25*/
.submenu a:before { content: ''; width:5px; height: 5px; border: 1px solid #868686; border-radius:10px; background: #fff; position: absolute; left:0; top:50%; margin-top: -2.5px; display: none }
.submenu a:hover:before, .submenu a.on:before { background: #27956d; border-color:#27956d}
.submenu .cate_num_2 { width:50%; float: left; }
.submenu .cate_num_2 h1 { border-bottom:2px solid #394C5C; text-align: center; font-size: 12px; font-weight: 600; padding:0 0 10px 0}

.submenu > li > h2 a { font-size: 0.846rem; color:#0095ff; line-height: 1; padding-top:1.438rem ; padding-left:0; padding-bottom:1.125rem; font-weight: 500; border-bottom:1px solid #d4d7da}
.submenu > li > h2 a:before { margin-top:2.5px}
.submenu > li > a { padding-top:1.063em; padding-bottom:1.063em; line-height: 1  }

.floating_foot { position: absolute; bottom:0; border-top:1px solid #ecedee; background: #fff; height: 2.688rem; line-height: 2.688rem; width:100%; padding-left:20px; padding-right:20px ; z-index: 2}
.foot_logo { width:60px !important;display:inline-block;}
.foot_logo img{vertical-align:middle;}
.site_policy { float: right; text-align: right; margin-bottom:2px; }
.site_policy a { display: inline-block; margin-left:1.125rem; position: relative; font-size: 0.716rem }
.site_policy a:after { content: ""; width:100%; position: absolute; height:1px; background: #d4d7da; bottom:0.8rem; left:0; }

#footer { border-top: 1px solid #f4f4f4;}/*2025-03-12*/
.foot_nav_wrap { position: relative;; margin-bottom:1.438rem; }
.foot_nav_wrap a.foot_nav { font-size: 0.813rem; display: inline-block; position: relative; padding-right:20px; }
.foot_nav_wrap a.foot_nav:first-child:after { content:""; width:0.188rem; height:0.188rem; background: #3c3c50; border-radius: 0.625rem; right:0.250rem; position: absolute; top:50%; margin-top: -0.094rem }
.foot_nav_wrap a.go_pc { position: absolute; right:0; top:0; padding-left:0.750rem; padding-right:0.750rem; line-height: 1.500rem; font-size: 0.719rem; color:#434343; background:#f7f7f9; border:1px solid #f1f1f3; border-radius: 0.125rem; }
#footer p.site_copy {color: #666;font-size: 11px;margin-bottom: 10px;}
#footer p.site_cs {color: #666;font-size: 11px;margin-bottom: 20px;}
#footer p.site_cs a {color:#666;font-size: 11px;}
.copyright { font-size:0.656rem ; color:#666}
.foot_set{padding: 20px 20px 30px;}
.info_cp{font-size:12px;background: #f1f4f9;padding:12px 20px;border-bottom: 1px solid #f4f4f4;letter-spacing:-1px;text-align:center}/*2025-03-12*/
.info_cp strong{font-weight:bold}

@media screen and (max-width: 360px) {
    .accordion .link {  cursor: pointer;  display: block; height:52px; line-height: 52px; width:36%; background: #f0f4f7;  padding-left:0.9rem; }
    .accordion:before { left: calc(36% + -1.5px); }
    
    .accordion li:nth-child(1) .submenu { top: 0}/* 메뉴별 높이 위치*/
    .accordion li:nth-child(2) .submenu { top: calc(52px * -1)}
    .accordion li:nth-child(3) .submenu { top: calc(52px * -2)}
    .accordion li:nth-child(4) .submenu { top: calc(52px * -3)}
    .accordion li:nth-child(5) .submenu { top: calc(52px * -4)}
    .accordion li:nth-child(6) .submenu { top: calc(52px * -5)}
    .accordion li:nth-child(7) .submenu { top: calc(52px * -6)}
    .accordion li:nth-child(8) .submenu { top: calc(52px * -7)}
    .accordion li:nth-child(9) .submenu { top: calc(52px * -8)}
    .accordion li:nth-child(10) .submenu { top: calc(52px * -9)}  
}

/* start추가 2025-03-25*/
.accordion li.open .link > span:after, /*1차메뉴 투명밑줄*/
.accordion li.on .link > span:after
{ content:""; width:calc(100% + 0.626rem); height:0.500em; position: absolute; top:50%; margin-top:0.188rem; left:-0.313rem; background: rgba(116,255,255,0.5); border-radius: 30px;}

.accordion > li > .submenu > li > a span { position: relative; display: inline-block ;font-weight: 500;}
.accordion > li > .submenu > li > a.active span:after, /*2차메뉴 투명밑줄*/
.accordion > li > .submenu > li > a.on span:after
{ content:""; width:calc(100% + 0.626rem); height:0.500em; position: absolute; top:50%; margin-top:0.188rem; left:-0.313rem; background: rgba(116,255,255,0.5); border-radius: 30px; }
/* end 추가 2025-03-25*/