/*기존*/

html, body{max-width:100%;font-size:.98em;line-height:1.5em;font-family:"NanumSquareRound", sans-serif;margin:0;padding:0;word-break:keep-all;
 min-height:100%; }
table,tr,td,th{border-collapse:collapse}

.ftg{color:#005752;}
.ftb{color:#2b53ff;}

.hd_login {display:flex;position:absolute;right:50px;top:20px}
.hd_login li {line-height:13px;border-right:1px solid #616161;padding-right:5px;margin-right:5px;}
.hd_login li:last-child {border-right:0;margin-right:0;padding-right:0;}
.hd_login li a{}
.hd_login li:hover{cursor:pointer;}
.hd_login li:hover a{color:#510ef4;}

@font-face{
font-family:'Daum';
font-style:normal;
font-weight:400;
src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff2') format("woff2"),
url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff') format("woff");
}
@font-face{
font-family:'Daum';
font-style:normal;
font-weight:700;
src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff2') format("woff2"),
url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff') format("woff");
}



form input, form select, form textarea{padding:15px 10px;width:100%;border-radius:5px;border:1px solid #aaa;}

.btn_submit{border:1px solid #008880;color:#008880;transition:.2s;background:#fff;font-size:1em;}
.btn_submit:hover{background:#008880;color:#fff;}
/*관리자 수정 페이지*/
#tnb {display:none}

#hd{border-bottom: 1px solid #d2d2d2;}
.mn_flex{display:flex;align-items: center;}
.mn_flex .call_m{   font-size:.8em;    line-height:1em;}
.mn_flex .call_m:hover{color:#ff7600;font-weight:bold;}
#logo{transition:.4s;width:120px;padding:5px;}
#logo img{width:100%;}

.schfm_tit{display:none;}
.top_search{display:none}
.mo_nav_open{padding:10px;font-size:1.3em;}
.mo_nav_close{display:none;position:fixed;right:25px;top:12px;z-index:9999;font-size:25px;}
.topmenu{display:none;  }
.mo_menu{display:none}
.mo_menu.on{display:block;position:fixed;overflow-x:scroll;box-sizing:border-box;    position:fixed;    width:100vw;    height:100vh;    z-index:9998;    left:0;    top:0;	background:#fff;}
.hidden {
  /* 주석 처리 또는 완전 삭제 */
  /* height:100%; */
  /* min-height:100%; */
  /* overflow:hidden !important; */
  /* touch-action:none; */
}

/* body 고정 중일 때 배경 스크롤 방지용 */
body[style*="position: fixed"] {
  overscroll-behavior: none;
}
/*아코디언메뉴*/
.sidebar{margin:0 20px;}
	.gnb{width:100%;height:calc(100% - 61px);overflow-y:scroll;}
	.gnb li{border-bottom:1px solid #ccc;}
	.gnb li a{display:block;padding:15px 0px;color:#111;}
	.gnb li .cate.active{font-weight:bold;margin-bottom:5px;}
	.gnb li .cate{position:relative}
	.gnb li .cate:after{content:"";position:absolute;right:20px;top:17px;width:10px;height:10px;border-right:2px solid #a0a0a0;border-bottom:2px solid #a0a0a0;transform:rotate(45deg);} 
	.gnb li .active.cate:after{transform:rotate(-135deg);top:20px}
	.gnb li .cate2{position:relative;}
	.gnb li .cate2:before{content:"";position:absolute;right:20px;top:15px;width:2px;height:8px;background:#aaa;}
	.gnb li .cate2:after{content:"";position:absolute;right:17px;top:18px;width:8px;height:2px;background:#aaa;}
	.gnb li .cate2.active:before{display:none;}
	.gnb li .sub{display:none;}
	.gnb li .sub .sub_sub{display:none;}
	.gnb li .sub .sub_sub ul{background:#f2f4fb;border-bottom:1px solid #d7ddf1;border-top:1px solid #d7ddf1;}
	.gnb li .sub li{border-bottom:0;}
	.gnb li .sub li a{font-weight:500;font-size:1.1em;padding:0 0 20px 0;position:relative;}
/*아코디언메뉴 끝*/
.login_go{margin:0 20px;font-size:1.3em;}
.login_go b{border-bottom:2px solid #000;}
.mo_menu .side_home{margin:15px 20px 10px;}
.mo_menu .side_home img{width:25px;}
.sbar_tag{margin:30px 0 20px 20px;position:relative;font-size:.9em;}
.sbar_tag:after{content:"";
    width:20px;
    height:60px;
    right:-5px;
    position:absolute;
    filter:blur(.2em);
    background:#fff;
    top:-10px;
    z-index:9;}
.sbar_tag li{width:auto;padding:8px 10px;margin-right:10px;min-width:50px;background:#434343;color:#fff;border-radius:30px;}

.mo_menu .side_tall{background:#dcdcdc;padding:20px 20px 30px;font-size:.85em;}
.side_tall .flex{justify-content: space-between;}
.side_tall .fab{font-size:20px;}
.side_tall .sid_call{font-weight:bold;font-size:1.2em;}
.side_tall .tail1{display:flex;margin:10px 0;}
.side_tall .tail1 a{border:1px solid #000;margin-right:5px;padding:1px 3px;}
.side_tall .tail2{display:flex}
.side_tall .tail2 a{color:#2e2e2e;margin-right:20px;}

.bar_bnn{margin:20px;padding-bottom:30px;}
.bar_bnn .swiper-slide{background:#d4c3ff;border-radius:10px;position:relative;}
.bar_bnn .swiper-slide:nth-child(2){background:#fff3dc;}
.bar_bnn .swiper-slide:nth-child(3){background:#ffe4f6;}
.bar_bnn .swiper-wrapper .tx{padding:20px;font-weight:bold;font-size:1.2em;    position:relative;
    z-index:1;}
.bar_bnn .swiper-wrapper .tx b{color:#510ef4;background:linear-gradient(to top, #ffffff 65%, transparent 50%);}
.bar_bnn .swiper-slide:nth-child(2) .tx b{color:#f13900;}
.bar_bnn .swiper-slide:nth-child(3) .tx b{color:#e300f1;}
.bar_bnn .swiper-wrapper .tx p{font-size:.7em;font-weight:400;color:#616161;margin-top:3px;}
.bar_bnn .swiper-wrapper .im{position:absolute;right:20px;top:20px;width:60px;height:60px;background:#999;border-radius:50%;overflow:hidden}
.bar_bnn .swiper-pagination-bullet-active{background:#510ef4;}
.bar_bnn .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .bar_bnn .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.bar_bnn .im img{width:100%;}

input[type="radio"]{display:none}


.sub_bottom_link{display:none}
.pc_nav_open_menu, .pc_nav_open{display:none}

/*상담신청*/
.onoAll{line-height:1.3em;}
.onoAll .onobox2, 
.onoAll .onobox3,
.onoAll .onobox4
{padding:0 10px;}
.onole{}
.onobox1{background:#eefafa;padding:20px;    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;border-radius:8px;}
.onobox1 img{margin-bottom:20px;
}
.onobox1 > div{
    animation: iconmove 0.3s;
    animation-direction: alternative;
    animation-fill-mode: both;
    animation-delay: 0s;
}
@keyframes iconmove{
0% {
    margin-right: -10%;
    opacity: 0;
}
50% {
    opacity: 0;
}
100% {
    margin-right:0 ;
    opacity: 1;
}

}


.textarea-item textarea{width:100%;resize:none;padding:10px;border:1px solid #aaa;border-radius:8px;height:85px;}

.textarea-item{display:none;}
.onobox3{}
.onobox3 li{display:flex;margin-bottom:5px;width:100%;flex-direction: column;}
.error-text{font-size:.9rem;color:#f00;padding-left:10px;}

.onobox3 .box{position:relative;width:100%;margin-bottom:8px;}
.onobox3 .box.le{margin-right:3px;}
.onobox3 .picnm{position:absolute;background:#fff;top:-8px;left:4px;font-size:.75em;color:#6e6e6e;padding:0 3px;
animation-name:movename;animation-duration:.3s;animation-delay:.4s; }
@keyframes movename{ from{opacity:0;top:-20px;} to{top:-5px; opacity:1;} }

.onobox3 li input, .onobox3 li select{padding:15px 10px;width:100%;border-radius:5px;border:1px solid #aaa;font-family: 'NanumSquareRoundExtraBold';}
.onobox3 li .box input:focus{ outline: 1px solid #117877; }
.onobox3 label{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.onobox4{}
.more_v{display:inline-block;border-radius:50%;width:20px;height:20px;background:#ababab;color:#fff;text-align:center;margin-left:5px;}
.onobox4 .flex{    align-items:center;}
.onobox4 input[type="checkbox"]{display:inline-block;width:20px;height:20px;padding:0;border:1px solid #666;vertical-align:top;margin-right:5px}
.onobox4 input[type="checkbox"]:checked{border:0;padding:0;background-image:url(../img/member/ch.png) ;background-repeat:no-repeat;background-size:100%;appearance:none;
-moz-appearance:none;/* Firefox */
-webkit-appearance:none;/* Safari and Chrome */
	}
.onobox4 .agree{margin:10px 0 20px;font-size:.95em;background:#f7f7f7;padding:15px;display:none;line-height:1.2em;height:80px;overflow-y:scroll}
.onobox4 .more_v:hover{background:#333;cursor:pointer}

.onobtn{display:flex;align-items: center; width:100%;background:#117877;border:none;padding-right:10px;border-radius:5px;margin-top:10px;transition:.2s;}
.onobtn input{color:#fff;background:none;width:100%;height: 100%;font-weight:bold;padding:20px;border:none}
.onobtn:after{content:"";display:inline-block;width:10px;height:10px; border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);}
.onobtn:hover{background:#044242;}

.onori{margin:20px 0;}
.onori ul{background:#fbfbfb;padding:20px;border-radius:10px;}
.onori ul li{margin-bottom:20px;font-size:.95em;padding-right:70px;position:relative}
.onori ul li .ti{font-weight:bold;color:#4e4e4e;margin-bottom:10px;}
.onori ul li .tx{color:#6e6e6e;}
.onori ul li .tx .sm{font-size:.8em;}
.onori ul li i{position:absolute;right:0;top:10px;color:#c1c1c1;font-size:40px;} 
/*상담신청 끝*/


/*ono popup*/
  #actionSheet {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:rgba(0, 0, 0, 0.5);
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	transition:1s;
	/* 서서히 나타나는 효과 */
	visibility:hidden;
	opacity:0;
	z-index:9999;
  }
  #actionSheet.active {
	/* 서서히 나타나는 효과 */
	visibility:visible;
	opacity:1;
  }

  .action-options {
	background-color:#fff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	/* 세로 컨텐츠가 늘어나는 경우 스크롤이 생기도록 설정 */
	overflow:auto;
	max-height:100%;
	/* 아래에서 위로 나타나는 효과, max-height과 동일하게 작성 */
	position:relative;
	bottom:-100%;
	transition:1s;
	padding:40px 10px 20px;
  }
  #actionSheet.active .action-options {
	/* 아래에서 위로 나타나는 효과, max-height과 동일하게 작성 */
	bottom:0;
  }

	

  .option.close{position:absolute;right:15px;top:10px;font-size:1.5rem}
	.option.close:hover{color:#777;cursor:pointer}
/*고정신청폼*/


/*form*/
	.list-box{display:flex;border-radius:8px;overflow:hidden}
	.sch_in_form .list-box{flex-direction:column}
	.list-box li{position:relative;width:50%;background:#d8dfeb;margin-bottom:15px}
	.list-box li:first-child, .list-box li:first-child label{border-top-left-radius:8px;border-bottom-left-radius:8px}
	.list-box li:last-child, .list-box li:last-child label{border-top-right-radius:8px;border-bottom-right-radius:8px}
	.list-box li label{white-space:nowrap;color:#a0938f;border:2px solid #d8dfeb;margin-bottom:0;background:none;display:inline-block;box-sizing:border-box;width:100%;line-height:1.2;padding:15px 20px 15px 35px;text-align:left;font-size:1rem;position:relative;word-break:keep-all}
	.list-box li label:before{content:"";width:22px;height:30px;position:absolute;left:5px;display:block;background-image:url(../img/member/onoch_off.png);background-size:22px auto;background-repeat:no-repeat}
	.list-box li label:hover{cursor:pointer}
	.list-box li input[type=radio] {position:absolute;left:-2px;top:-2px;width:calc(100% - 4px);height:calc(100% - 4px);margin:0;appearance:none;-webkit-appearance:none;border:none}
	.list-box li input[type=radio]:checked+label{color:#000;background:#fff;border-color:#117877;color:#117877;}
	.list-box li input[type=radio]:checked+label:before{background-image:url(../img/member/onoch_on.png)}
	.textarea-item textarea{width:100%;resize:none;padding:10px;border:1px solid #aaa;border-radius:8px;font-size: 1em;}
	.textarea-item{display:none}
	.onobox1{margin-bottom:10px}
	.onobox1 b{color:#2e51ff}
	.onockeck{display:flex;justify-content:space-between;margin-bottom:20px}
	.form-box{margin-bottom:10px;}

/* 체크박스 숨기기 */
.onockeck input[type="checkbox"] {
    display:none;/* 기본 체크박스 숨김 */
}

/* 커스텀 체크박스 스타일 */
.onockeck span {
    display:inline-block;
    position:relative;
    padding-left:25px;/* 체크박스 크기 고려한 여백 */
    cursor:pointer;
    font-size:16px;
    color:#3f3f3f;
}
.onockeck span:hover{color:#000;}

/* 체크박스 앞의 사각형 스타일 */
.onockeck span::before {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid #008bff;
    border-radius:50%;
    background-color:#fff;
    position:absolute;
    left:0;
    top:12px;
    transform:translateY(-50%);
    box-sizing:border-box;
    transition:background-color 0.3s, border-color 0.3s;
}

/* 체크박스가 선택되었을 때 스타일 */
	.onockeck input[type="checkbox"]:checked + span::before {content:'\f058';font-family:"Font Awesome 5 Free";font-weight:600;border:none;font-size:20px;color:#0099c8}
	input, select, textarea{padding:10px;border-radius:5px;border:1px solid #aaa}


/*신청확인*/
	.alert_all{position:fixed;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:9999;text-align:center;display: flex;    justify-content: center;    align-items: center;}
	.alert_tx{width:80%;max-width:550px;font-size:1rem;height:60vh;position:relative;background:#fff;display:flex;flex-direction:column;justify-content:center;border-radius:10px;box-shadow:0 0 25px #00000085;}
	.alert_all .fa-user-edit{font-size:67px;margin-bottom:10px;width:165px;display:flex;color:#9db1dd;justify-content:flex-start;}
	.alert_tx .txt{display:flex;flex-direction:column;align-items:center;}
	.alert_tx p{margin:15px;font-size:1.5rem;color:#0034a7;font-weight:bold;word-break:keep-all}
	.alert_tx span{font-size:.75em;line-height:1rem;margin:10px 0 15px;color:#606060;}
	.alert_tx b{position:absolute;top:20px;right:20px;font-size:1.5rem;color:#555;width:23px;height:23px;}
	.alert_tx .btn{background:#2c7fdf;color:#fff;font-weight:bold;font-size:.85rem;padding:10px;border-radius:3px;width:150px;margin-top:15px;}
	.alert_tx .btn:hover{cursor:pointer;background:#0034a7;transition:.2s;}
	.alert_all .fa-xmark:hover{cursor:pointer;font-size:1.4em;transition:.2s}


/*신청확인*/

/*고정신청폼 끝*/


@media screen and (min-width:480px){
.list-box li{width:100%;}
.list-box li label{padding-left:40px;}
.list-box li label:before{left:10px;top:15px;}
#logo{width:170px;}
.mn_flex .call_m{font-size:1rem;}

}

@media screen and (min-width:720px){

#actionSheet{align-items:center;justify-content:center;}
.action-options{width:500px;border-radius:15px;}


#logo{width:200px;flex:none}
.m_gnb_mn{display:none}
.no-scroll{overflow:hidden;height:100%;}
#m_gnb{display:none}
html{width:100vw;min-width:720px;}

.topmenu .mn > li:hover .dropmn{display:block;border-top:1px solid #ddd;}
.topmenu .mn > li:hover .subBg{display:block;}

.mn_flex .call_m{
    display: block;
    float: none;
    width: 160px;
	}

/*고정상담 PC에선 없애기.ft_fix{display:block;position:fixed;box-shadow:0 0 10px #0000004d;z-index:100;background:#0f978f;height:95px;width:745px;right:30px;bottom:100px;border-radius:100px;}
.ft_fix .flex{display:flex;justify-content:center;align-items:center;margin:10px auto;cursor:default}
.ft_fix .flex > div{display:flex;align-items:center;justify-content:center;height:50px;margin:10px 0;flex-direction:column}

.ft_fix .flex > div:nth-child(2){padding:0 15px}
.ft_fix .ka, .ft_fix .ono_open{display:inline-block;height:50px;line-height:50px;text-align:center;font-weight:bold}
.ft_fix .ka, .ft_fix .ono_open{font-size:18px;width:200px;border-radius:50px}


.ft_fix .call{color:#002bff;width:50px;border:2px solid #002bff;font-size:1.2rem}
.ft_fix .ka{background:#fff100;padding:0 10px}
.ft_fix .ka:after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #272727;border-bottom:1px solid #272727;transform:rotate(-45deg)}
.ft_fix .ono_open{color:#044054;padding:0 10px;background:#fff}
.ft_fix .ono_open:hover{cursor:pointer;background:#85a2f4}
.ft_fix .ono_open:after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #08278a;border-bottom:1px solid #08278a;transform:rotate(-45deg)}
	
	.action-options{width:500px;padding:40px 30px 30px;border-radius:10px;margin:auto}

	.ft_fix .flex .call{display:none}
	.ft_fix .ka:hover{background:#000;color:#fff100}
	.ft_fix .ka:hover:after{border-color:#fff100}
	.ft_fix .callnum{color:#f4ff3f;font-size:27px;font-weight:900}
	.ft_fix .pc_le{color:#fff;font-size:16px;margin-bottom:5px;font-weight:500}


/*고정상담*/

/*상담신청*/
.onoAll{display:flex;justify-content:space-between;width:1200px;margin:0 auto;line-height:1.5em;min-height: 750px;}
.onoAll .onole{width:550px;}
.onoAll .onori {width:550px;margin:0;}
.onori ul{width:550px; box-sizing:border-box;padding:50px;}
.onori ul li{padding-right:100px;margin-bottom:55px;}
.onori ul li:last-child{margin-bottom:0;}
.onori ul li .ti{font-size:20px;margin-bottom:5px;}
.onori ul li .tx{font-size:17px;}
.onoAll .onockeck{padding:0 10px;}
.onoAll .onobox1{flex-direction:row;padding:50px;box-sizing:border-box;font-size:23px;line-height:30px;}
.onoAll .onobox1 img{margin:0 40px 0 0;}
.onoAll .onobox1 > div{animation-name:iconmove2;animation-duration:.3s;animation-delay:.1s; }
@keyframes iconmove2{from{margin-top:50px;}to{margin-top:0px;}}
.onoAll .onobox2 .list-box li{font-weight:bold}
.onoAll .onobox2 .list-box li label{height:60px;padding-left:75px;font-size:18px;padding-top:19px;}
.onoAll .onobox2 .list-box li label:before{left:20px;width:32px;height:23px;background-size:32px auto;}
.onoAll .onobox3 {margin-bottom:;}
.onoAll .onobox3 li input, .onobox3 li select{height:60px;padding:10px 25px;font-size:18px;font-weight:bold;}
.onobox3 li:last-child{margin-bottom:0;}
.onoAll .onobox3 .picnm{top: -10px;left: 10px;font-size:14px;}
.onoAll .more_v{font-size: 15px;}
.onoAll .onobox4 .onobtn{margin-top:20px;height:65px;}
.onoAll .onobox4 .flex:hover{cursor:pointer;color:#00817f;}
.onoAll .onori ul li i{font-size:55px;}
.mo_nav_open{display:none;}
.onoAll .hd_login{position:relative;top:auto;right:auto;}
.topmenu{font-size:16px;display:block}
.topmenu .sub_mn{display:flex;}
.topmenu .mn{display:flex;align-items:center;margin-left:2rem;}
.topmenu .mn > li{white-space:nowrap;padding-right:15px;font-weight:500;font-size:18px;}
.topmenu .mn .nav_open_btn{padding-right:0;margin-top:10px;height:61px;}
.topmenu .mn > li > a{height:70px;line-height:70px;display:block;font-weight:bold}
.topmenu .mn .on > a{color:#ff7600;font-weight:bold;position:relative;}
.topmenu .mn .on > a:after{content:"";width:100%;height:2px;background:#ff7600;bottom:0px;left:0;position:absolute;z-index:66;}
.topmenu .mn li:hover > a{color:#ff7600;font-weight:bold;}
.topmenu .mn .dropmn a{color:#fff;}
.topmenu .mn .dropmn a:hover{font-weight:600;color:#0c968e;}
.dropmn{display:none;position:absolute;background:#000;color:#fff;left:0;height:350px;min-width:180px;z-index:11;padding-bottom:20px;border-top:1px solid #ddd;width:100%;}
.subBg{display:none;height:349px;position: absolute;top:82px;left:0;width:100%;background:#000;z-index:10;box-shadow:0px 5px 10px #a7a7a73d;min-width:1300px;}
.dropmn ul{}
.dropmn a{display:block;line-height:25px;margin-bottom:18px;font-size:15px;font-weight:600;}
.drop_box{margin:0 auto;max-width:1200px;display:flex;position:relative;}
.topmenu .drop_box .onn a{color:#0c968e;font-weight:bold;}
.topmenu .drop_box .onn a:hover{cursor:default}
.drop_le{padding:30px;font-weight:bold;border-right:1px solid #2b2b2b;height:350px;width:230px;font-size:20px;}
.drop_bn{width:400px;overflow:hidden;height:300px;right:30px;top:20px;position:absolute;}
.drop_bn img{width:auto;height:100%;}
.topmenu .mn .dropmn .drop_le a{ font-size:14px;font-weight:bold;width:100px;display:block;margin-top:10px;border-radius:3px;padding:5px;text-align:center;background:#ff5e00;color:#fff;transition:.3s;}
.topmenu .mn .dropmn .drop_le a:hover{background:#fff;color:#333;}

#hd_qnb .call_pc{display:none}
.calltx{margin-right:3px}
.dropmn.nav-up {display:none;}

.drop_box ul{padding:20px 30px;}
.drop_box ul li{margin-right:30px;margin-bottom:5px;height:auto;}


#tnb{display:block;position:relative;height:10px; }
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner{font-size:12px;display:flex;justify-content:flex-end;align-items:flex-end;z-index:80;}

#hd_wrapper{padding:0;width:100%;}



/*#logo{width:240px;position:relative;z-index:99;margin-top:-22px;}
#logo:after{display:none}
*/

.pc_nav_close{font-size:13px;position:absolute;width:30px;right:10px;top:10px;display:block;font-weight:bold;font-size:35px;text-align:center;}
.pc_nav_close i{}
.pc_nav_close span{width:30px;text-align:center;position:absolute;        top:38px;        right:0px;        font-size:13px;}
.pc_nav_close:hover{cursor:pointer;color:#ff7600;}
.pc_nav_open_menu, .pc_nav_open{display:block;}
.pc_nav_open{position:relative;box-sizing:border-box;z-index:99;transition:.3s;cursor:pointer;flex:none;display: flex;align-items: center;padding:2px 10px 10px;height:61px;}
.pc_nav_open i{margin-right:4px;}
.pc_nav_open.on{cursor:pointer;background:#fff;}
.pc_nav_open span{display:none}

.pc_nav_open:hover{color:#ff7600;}

.pc_nav_open_menu{display:none;position:fixed;top:82px;left: 0;width: 100%;
  height: auto;
  z-index: 9999;background:#fff;box-shadow:0px 11px 10px #a7a7a72b;	padding-bottom:40px;
  
  
  }
.nav_open_btn{position:relative;height:100%;margin-top:1px;}
.topmenu .mn .nav_open_btn:hover{border:1px solid #d2d2d2;border-bottom:1px solid #fff }

.pc_nav_open_menu nav{margin:auto;}
.pc_nav_open_menu .sub_all_mn{display:flex;flex-wrap:wrap;max-width:1200px;margin:20px auto}
.sub_all_mn > li{width:210px;margin-right:45px;margin-bottom:20px;}
.sub_all_mn > li:nth-child(4n){margin-right:0;}
.sub_all_mn .line{font-weight:bold;border-bottom:2px solid #000;font-size:15px;padding:20px 0;}
.sub_all_mn .sub{font-size:15px;line-height:24px;padding:20px 0;}
.sub_all_mn:hover{cursor:default}
.sub_all_mn a:hover{color:#ff7600}
}
@media screen and (min-width:1260px){
.drop_bn{width:500px;}
#hd_wrapper{justify-content: center;}
.pc_nav_open{}
.pc_nav_open span{display:inline-block}
.pc_nav_open span:after{content:"";display:inline-block;vertical-align:top;margin:6px 0px 0px 6px;width:7px;height:7px; border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg);}
.pc_nav_open.on  span:after{transition:.3s;transform:rotate(225deg);}
.pc_nav_open:hover  span:after{border-color:#ff7600;}
#hd{padding:0 2rem;width:100%;}

}

@media screen and (min-width:1440px){

.topmenu .sub_mn{margin-left:2.5rem;}
}

@media screen and (min-width:1550px){


/*#logo{width:290px;}*/
.topmenu .sub_mn{}
/*.topmenu{z-index: 50;position:relative;}*/
.topmenu .mn > li{padding-right:25px}
.pc_nav_open:before{left:95px;}
}



@media screen and (max-width:720px){
#m_gnb .swiper-slide{width:auto;padding:10px;}
#m_gnb .swiper-slide a{color:#fff;}
.m_sub_mn .swiper-slide{width:auto;padding:8px 5px;}
.m_sub_mn{border-bottom:1px solid #cbcbcb}
#m_gnb .on{border-bottom:2px solid #fff}
#m_gnb .on > a{color: #fff;font-weight: bold;position: relative;}
#m_gnb{background:#0c968e;}
.m_sub_mn{background:#fff;}
.m_submn li{width:auto;}
.dropmn{display:block}
.m_sub_mn .onn a{font-weight:bold;color: #0c968e;}
.m_sub_mn .onn{border-bottom:2px solid #0c968e}
}