/****** 공통 영역 ******/

*{ font-family: 'NanumSquare', sans-serif; }
/* 공통 클래스, 레이아웃 */
.wrap{width: 100%;min-width: 1200px;}
.center{width: 1200px;margin: 0 auto;}
.sup_center{width: 900px;margin: 0 auto;}
.alert{position: absolute;top: -28px;width: 100%;font-size: 14px;font-weight: bold;color: #f44381;text-align: center;}
.alert:before{content: "";display: inline-block;width: 18px;height: 11px;background: url(../images/common/icon_alert.png) no-repeat left bottom;}
.pc_br{display:block;}

/* 버튼 */
/* 설정 버튼 */
.btn_full{width: 220px;height: 28px;border: 1px solid #e7e7e7;border-radius: 5px;background: linear-gradient(#fff, #f9f9f9);;font-size: 13px;color: #aaa;}
/* 바로가기 버튼 */
.btn_more{position: absolute;top:30px;right: 30px;padding-right: 10px;background: url(../images/common/more_arrow.png) no-repeat center right;font-size: 13px;color: #28aacf;letter-spacing: -1px;}
/* 화살표 그라데이션 버튼 */
.btn_grd{display: block;width: 170px;height: 44px;margin-top: 20px;padding: 12px 15px;background: url(../images/bg/bg_btn_more.jpg);color: white;text-align: left;}
/* 칼라 버튼(기본) */
.btn{display: block;width: 200px;height: auto;margin: 0 auto;padding: 15px;background:rgb(68,65,154);font-size: 14px;color: white;text-align: center;line-height:1;}
.btn:hover{background:rgb(95,92,198);}
/* 취소 버튼 */
.btn_cancel{background: #aaa;}
/* input 관련 버튼 */
.btn_input{display: block;width: 100px;height: 28px;padding: 7px;background: #555;font-size: 13px;color: white;text-align: center;cursor: pointer;}
/* 선택 버튼 */
.choice_btn{font-size: 15px; font-weight: bold; text-align: center; display: inline-block; background-color: #28aacf; color: #fff; border-radius: 4px; padding: 5px 10px;}


/* 체크박스 */
input[type="checkbox"] { /*display:none;*/ }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/common/ckbx.png') no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/ckbx_ck.png') no-repeat; }
/* input focus */
input:focus{outline: 1px solid #28aacf}
/* input placeholder */
input::placeholder, textarea::placeholder{color:#aaa;}
/* 라디오박스 */
input[type="radio"] { display:none; }
input[type="radio"] + label { color:#f2f2f2; font-family:Arial, sans-serif; }
input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-1px auto; vertical-align:middle; background:url('../images/common/rdbx.png') no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('../images/common/rdbx_ck.png') no-repeat; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#f9f9f9 !important;}



/****** 헤더 영역 ******/
.background_box{ width: 100%; height: 100%; position: fixed; z-index: 10; background: rgba(0,0,0,0.5); display:none; }

html,body{  }
#header{ width: 100%; margin: auto; border-top: 2px solid #01923b; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; }
.nav_sub{ width: 100%; height: auto;}
.nav{ height: 35px; width: 110px;  margin-top: 32px; display: flex; justify-content: flex-end; align-items: center; flex-flow: row nowrap; }
.nav_area{ height: 100px;width: 1180px; position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.logo_area{ width: 20%; height: 120px; /*padding: 0 20px;*/ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.logo_pc{ width: 100%; max-width: 232px; min-width: 232px; height: auto; transition: all 0.2s ease-in-out; cursor: pointer; }
.nav a{ color: #555; font-size: 14px; cursor: pointer; font-weight: bold}
.nav .active { color: red; }
.bar_line{ width: 1px; height: 15px; margin: 0 10px; background-color: gray; transition: all 0.2s ease-in-out; }
.menu_sub{ width: 80%; height: auto; }
#menu_area{ width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-end; }
#menu_area>p{ display: none; }
#menu_area>ul>h4{ display: none; }

.menu{ width: 800px; height: 100px; padding-right:10px; display: flex; justify-content: space-around; align-items: center; flex-flow: row nowrap; }
.menu li{ width:100%; position: relative; }

.menu li p{ width: auto; font-size: 18px; font-weight: bold; cursor: pointer; letter-spacing: -1px; /*display: inline;*/ text-align: center;}
.menu li p:hover { color: #42a361; }
.menu_hamburger{ display: none; transition: all 0.2s ease-in-out; }


/* 단일 서브 메뉴 */
.sub_menu{ display: none; width: 120px; position: absolute; top:49px; left:0; z-index: 1000; background-color: rgb(255,255,255); box-shadow: 1px 1px 3px 1px rgb(255, 255, 255); }
.sub_menu li{ height: 40px; margin: 0px 10px 0px 0px; padding: 5px 0 5px 10px; border-left: 5px solid rgb(255,255,255); font-weight: normal; transition: all 0.2s ease-in-out; font-size: 16px; display: flex; align-items: center; cursor: pointer; }
.sub_menu li:hover{ font-weight: bold; border-left: 5px solid rgb(14,118,214); }

/* 전체 서브 메뉴 */
.sub_menu{ display: none; }
.all_sub_menu_area_empty{ width: 100%; }
.all_sub_menu_area_sub{  width: 100%; margin: auto; position: fixed; top: 100px; left: 0; z-index: 1000; display: flex; flex-flow: row nowrap; justify-content: center; background-color: rgba(297,297,297,0.9); }
.all_sub_menu_area_sub>div{ width: 100%; max-width: 1180px; display: flex; flex-flow: row nowrap; justify-content: flex-end; }
.all_sub_menu_area{ width: 800px;  height: auto;  padding: 10px 0; padding-right: 10px; display: none; flex-flow: row nowrap; justify-content: space-around; align-items: flex-start; }
.all_sub_menu{ width:100%; height: auto; }
.all_sub_menu:nth-of-type(1){ width: 100%; }
.all_sub_menu:nth-of-type(6){ width: 100%; }
.all_sub_menu li{ width: 100%; height: 40px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; cursor: pointer; color: #000; transition: all 0.2s ease-in-out; }
.all_sub_menu li:hover{ background-color: rgb(220,220,220); color: #01923b; }


/****** 서브 페이지 공통 ******/
.sub_title_area { width: 100%; height: 240px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: #000; transition: all 0.2s ease-in-out; }
.sub_title_area > .menu_title { font-size: 35px; color: white; line-height: 40px; margin-left: 600px;}
.sub_title_area > .menu_title > span { font-weight: lighter; }
.content_title{ width: 100%; max-width: 1200px; height: auto; margin: 0 auto 40px; padding: 50px 20px 40px; border-bottom: 1px solid rgb(204,204,204); transition: all 0.2s ease-in-out; }
.content_title>dt{ text-align: center; font-size: 36px; font-weight: bold; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.content_title>dd{ display: flex; flex-flow: row wrap; justify-content: center; text-align: center; font-size: 16px; color: rgb(204,204,204); transition: all 0.2s ease-in-out; }
.content_title>dd>span{ margin: 0 2px; transition: all 0.2s ease-in-out; }

.product_sub{ width: 100%; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 16px; transition: all 0.2s ease-in-out; }
.product_sub>a{ width: auto; padding: 5px 0; text-align: center; transition: all 0.2s ease-in-out; }
.product_sub>div.detail_menu_bar{ width: 1px; height: 25px; margin: 0 20px; background-color: rgb(204,204,204); transition: all 0.2s ease-in-out; }
.product_sub>div.detail_menu_bar:last-of-type{ display: none; }

.detail_lf{ display: none; }

/* 컨텐츠 영역 */
#container_wr{ width: 100%; height: auto; }

.subpage_content{ width: 1200px; margin: 50px auto 100px; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.subpage_content>.pc_aside{ width: 210px; min-width: 210px; margin-right: 60px; overflow: hidden; transition: all 0.2s ease-in-out; }
.subpage_content>.pc_aside>dl{ width: 210px; height: auto; border-top: 1px solid rgb(221,221,221); border-left: 1px solid rgb(221,221,221); border-right: 1px solid rgb(221,221,221);}
.subpage_content>.pc_aside>dl>dt{ width: 100%; height: 120px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-weight: bold; font-size: 24px; color: #fff; background: linear-gradient(45deg, #006f2c, #50cf68); }
.subpage_content>.pc_aside>dl>dd{ width: 100%; height: 40px; padding-left: 20px; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; color: rgb(102,102,102); font-size: 17px; position: relative; }
.subpage_content>.pc_aside>dl>dd:first-of-type{ border-top: 1px solid rgb(221,221,221); }
.subpage_content>.pc_aside>dl>dd>i{ color: #ffffff; height: 100%; position: absolute; top:0; right: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.subpage_content>.pc_aside>dl>dd:last-child { border-bottom: 1px solid rgb(221,221,221); }

.fix_aside {z-index:10; position: absolute; top: 390px; right: 100px; border-top: 2px solid #42a361; color: #555; background: #ffffff; border-left: 1px solid lightgray; border-right: 1px solid lightgray;}
.fix_aside > li { border-bottom: 1px solid lightgray; padding: 20px 10px ;}
.fix_aside > li > .title { display: block; color: #999; font-size: 16px; margin-bottom: 7px; }
.fix_aside > li > p > .title { display: inline-block; color: #999; font-size: 16px; width: 65px; }
.fix_aside > li > p > .icon { display: inline-block; margin-right: 5px; width: 38px; height: 14px; line-height: 14px; border-radius: 20px; text-align: center; background: #ea6f96; color: white; font-weight: 800; font-size: 12px; }
.fix_aside > li > p > .content { color: #555; font-weight: 600;  }
.fix_aside > li > .content { color: #555; font-weight: 600; }
.fix_aside > li > .content_b { font-size: 19px; font-weight: 600; }
.fix_aside > li > .content_bb { line-height: 28px; font-size: 22px; font-weight: 600; }
.content_bb > span { color: #42a361; font-size: 17px; padding-right: 5px; }
.font_ti { font-size: 17px !important; }
.fix_aside > li > img { display: block; padding: 6px 0; }
.m { margin-top: 15px; margin-bottom: 3px !important; }


.content_area{ width: 100%; height: auto; }
.content_area>.content_title_area{ width: 100%; margin-bottom: 30px; padding: 0 0 30px 0; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; }
.content_area>.content_title_area>dt{ font-size: 34px; color: rgb(51,51,51); font-weight: bold; display: flex; flex-flow: row nowrap; align-items: baseline; }
.content_area>.content_title_area>dd{ font-size: 14px; color: rgb(102,102,102); }
.content_area>.content_title_area>dd>span{ cursor: pointer; }
.content_area>.content_title_area>dd>span:last-of-type{ color: #000; /*font-weight: bold; */}
.content_area>.content_title_area>dd>span:hover{ /*font-weight: bold;*/ }
.content_area>.content_title_area>dd>i{ margin: 0 3px; }

.product_sub_m{ width: 90%; margin: 50px auto 20px; display: flex; flex-flow: row wrap; border-top: 1px solid rgb(204,204,204); border-left: 1px solid rgb(204,204,204); }
.product_sub_m>li{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.product_sub_m>li>p{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); cursor: pointer; }



/* 컨텐츠 영역 */
#container_wr{ width: 100%; height: auto; }



/* 푸터 영역 */
.footer_sub { background: #3a3a3a; }
footer .footer { width: 1180px; min-height: 110px; margin: auto; padding: 30px 0; }
footer .footer > p { color: white; font-size: 14px; line-height: 25px; }
footer .footer > p > span { color: #ea6f96; }
footer .footer > .color_gray { color: #999; font-size: 13px; }
footer .copyright { width: 100%; min-height: 30px; background: #333333; }
footer .copyright > p { color: #555; line-height: 30px; text-align: center; font-weight: bold; font-size: 12px; font-family: sans-serif; }

.util{height: 47px;padding-top: 17px;}
.util_ul{float: right;}
.util_ul > li{position: relative; float: left;padding: 0 8px;font-size: 12px;color: #555; z-index: 9999;}
.util_ul > li:before{content: "";display: block;position: absolute;left: 0;top: 2px;width: 1px; height: 12px;background: #ccc;}
.util_ul > li:first-child:before, .util_ul > li:last-child:before{display: none;}
.util_ul > li.equipment{padding: 1px 8px;}
.util_ul > li a{display: block;padding: 1px 0;}
.util_ul > li.message a{padding-left: 21px;background: url(../images/icon/icon_message_mini.png) no-repeat left 40%;}
.util_ul > li.member_class a{padding-left: 21px;background-repeat: no-repeat;background-position: left top;}
.util_ul > li.fullmember a{background-image: url(../images/icon/icon_fullmember.png);}
.util_ul > li.associate a{background-image: url(../images/icon/icon_associate.png);}
.util_ul > li em{color: #28aacf}

/* 다국어 셀렉트 */
.language_selector{width: 86px;padding: 0 11px 3px 0px; border:none;border-bottom: 1px solid #e7e7e7;background: url(../images/common/select_arrow.png) no-repeat; background-position: right 2px top 50%;font-size: 12px;letter-spacing: -1px;text-align: left;}
.language_selector img{vertical-align:bottom;margin:0 5px;}
.languages {display: none;position: absolute; margin: 0;}
.languages > li {width: 86px;padding:5px;background: white;cursor: pointer;}
.languages > li:hover {background: #aaa;}
.languages > li img{vertical-align:bottom;margin-right: 5px;}

/* GNB 메뉴 */
/* .nav{position: relative;z-index: 500;width: 100%;height: 32px;} */
.nav h1{float: left;}
.nav h1 a{display: block;}
.gnb{float: right;padding-top: 9px;}
.gnb > li{float: left;position: relative;width: 134px;text-align: center;}
.gnb > li > a{padding-bottom: 19px;font-weight: 600;}
.gnb_depth2{display: none;position: absolute;top: 36px;left:7px;z-index: 100;width: 100%;height: 230px;padding: 15px 0 0;border-left: 1px solid #e7e7e7;}
.gnb > li:first-child .gnb_depth2{border-left: none;}
.gnb_depth2:hover{background: #f6fcfe;}
.gnb_depth2 li{width:130px;}
.gnb_depth2 li a{display: block;padding: 10px 0 9px;font-size: 13px;color: #333}
.gnb_depth2 li a:hover{color: #28aacf}
.gnb_bg{display: none;position: absolute;right: 0;top: 45px;z-index: 99;width: 800px;height: 230px;background: white;}

/* 화이트 헤더(비회원) */
.main_white .gnb>li>a, .main_white .language_selector, .main_white .util_ul>li>a{color:#fff;}

/* 로그인 팝업 */
.popup{position: absolute;top: 55px;z-index: 1000;width: 100%;}
.pop_cont{float: right;width: 490px;padding: 38px 43px 30px 40px;background: white;}
.pop_cont h4{margin-bottom: 30px;font-size: 17px;color: #555;}
.log_box{position:relative;}
.log_box ul{float: left;color: #555;}
.log_box ul li{margin-top: 10px;}
.log_box ul li:first-child{margin-top: 0;}
.log_box ul li label{display: block;float: left;width: 73px;padding: 9px 0;font-size: 13px;font-weight: bold;}
.log_box ul li input{display: block;float: right;width: 250px;height: 32px;padding: 8px;border: 1px solid #e7e7e7;background: #f9f9f9;font-size: 14px;}
.log_box .btn{float: right;width: 74px;height: 74px;}
.log_box .alert{display: none;top: -22px;left: 73px;text-align: left;}
.log_plus{margin-top: 30px;}
.log_plus > span{display: block;float: right;width: 176px;font-size: 13px;font-weight: bold;color: #555;}
.log_plus > span:first-child{float: left;text-align: right;}
.log_plus > span a{display: block;float: left;position: relative;margin-left:20px;}
.log_plus > span a:first-child{margin-left: 0;}
.log_plus > span a:first-child:after{content: "";display: block;position: absolute;top: 1px;right: -10px;width: 1px;height: 12px;background: #aaa;}

@media(max-width: 1446px){
		.all_sub_menu_area_sub,
    .footer_sub,
    body { width: 1446px; }
}





/*---------- 모바일 스타일 -------------*/

@media screen and (max-width:640px){



#header { position:relative; height:60px; background:#fff; border-top:0; display:block;  }
#header a.logo { display:inline-block; padding:13px 0 0 10px;  }
#header a.logo img {width:160px;  }
#header .mobile-menu { position:absolute; right:0; top:0;  }
#header .mobile-menu a { display:block; width:60px; height:60px; background:url("/img/mobile/btn_mobile_menu.png") no-repeat center; background-size:25px;}




.main-top-btns { font-size:0; border-top:1px solid #eee; }
.main-top-btns a { display:inline-block; vertical-align:top; width:50%; height:45px; line-height:45px; text-align:center; font-size:16px; color:#222; box-sizing:border-box;  background:#fafafa; }
.main-top-btns a + a { border-left:1px solid #eee;   }

/* snb 추가 시작 2021.04.22 */

#SNB { position:relative; max-width:1400px; margin:0 auto;  }

.SNBWrap {}
.SNBWrap ul.menu li a { font-size:16px; }
	
.SNBWrap ul.menu { display:none;  }
.SNBWrap ul.menu.w7 li ,
.SNBWrap ul.menu.w2 li ,
.SNBWrap ul.menu.w3 li ,
.SNBWrap ul.menu.w4 li { width:100%;  }
.SNBWrap ul.menu li a { height:50px; line-height:50px;		 }
.SNBWrap ul.menu li.snb_on a:after { height:1px; }


#SNB.fix{ top:60px;  }
#SNB.fix + .snb-empty-box { height:25px; }

.SNBWrap .insel { font-size:0; background:#f6f6f6; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4); }
.SNBWrap .insel > div { display:inline-block; vertical-align:top;   }
.SNBWrap .insel .home a {display:block;  width:90px; height:80px; background:url("/images/common/icon_home_gray.png") no-repeat center;border-right:1px solid #ccc; }
.SNBWrap .insel .depth-box {position:relative; width:320px; height:80px; line-height:80px; }
.SNBWrap .insel .depth-box > a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding:0px 60px 0 35px; font-size:20px; color:#222; background-repeat:no-repeat; background-position:right 30px center; background-size:12px; background-image:url("/img/mobile/icon_subbar_arr_gray.png");border-right:1px solid #ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.SNBWrap .insel .depth-box > a em { font-weight:500; }
.SNBWrap .insel .depth-box > a.on {color:#30a84f; background-image:url("/images/common/icon_subbar_arr_purple.png"); }
.SNBWrap .insel .depth-box > a.on:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#30a84f; }
.SNBWrap .insel .depth-box .inme-list { display:none;  z-index:50; position:absolute; left:-1px; top:80px; width:calc(100% + 1px ); box-sizing:border-box; padding:22px 35px; background:#fff; border:1px solid #ccc; border-top-width:0; line-height:1;}
.SNBWrap .insel .depth-box .inme-list p + p { margin-top:18px; }
.SNBWrap .insel .depth-box .inme-list a { display:inline-block; color:#222; font-size:18px; padding-bottom:1px;}
.SNBWrap .insel .depth-box .inme-list a em { font-weight:500; }
.SNBWrap .insel .depth-box .inme-list a:hover { border-bottom:1px solid #222; padding-bottom:0px; }

.SNBWrap.copy .insel .depth-box > a.on { color:#3589f9; background-image:url("/images/common/icon_subbar_arr_blue.png"); }
.SNBWrap.copy .insel .depth-box > a.on:after { background:#3589f9; }

.SNBWrap .insel .home a { width:40px; height:50px; background-size:15px; }
.SNBWrap .insel .depth-box { width:calc(54% - 21px);  height:50px; line-height:50px; }
.SNBWrap .insel .depth-box + .depth-box a { border-right:0; }
.SNBWrap .insel .depth-box > a { padding:0px 40px 0 15px; font-size:15px; background-position:right 13px center; background-size:8px;  }

.SNBWrap .insel .depth-box .inme-list { top:50px; padding:12px 15px;  }
.SNBWrap .insel .depth-box .inme-list a { font-size:15px;  }

/* snb 추가 끝 2021.04.22 */


.mobile-visual-container {  }
.mobile-visual-container .m-visual-slide { position:relative;}
.mobile-visual-container .m-visual-slide img { max-width:100%;  }

.mobile-visual-container .m-visual-slide ul.slick-dots { position:absolute; left:0; bottom:10px; width:100%;   text-align:center; }
.mobile-visual-container .m-visual-slide ul.slick-dots li { display:inline-block; vertical-align:top;  }
.mobile-visual-container .m-visual-slide ul.slick-dots li + li { margin-left:5px;  }
.mobile-visual-container .m-visual-slide ul.slick-dots li button { font-size:0; width:8px; height:8px; border-radius:50%; background:#fff; outline:0; border:0; }
.mobile-visual-container .m-visual-slide ul.slick-dots li.slick-active button { background:#01923b; }



.slick-slide { outline:0;  }

.mo-title-area { text-align:center; font-size:27px; color:#000; font-weight:600;	padding-bottom:30px; }
.mo-title-area p { padding-top:10px; font-size:15px; color:#000; font-weight:300; }

.business-box { background:#fff; padding:60px 10px; }
.business-box .inbox {  }
.business-box .inbox a { display:block;  }
.business-box .inbox a + a { margin-top:20px;  }
.business-box .inbox a img { max-width:100%; }



.portfolio-box { padding:60px 10px;  background:#f7f7f7;}

.portfolio-box .in-slide-list .bx-wrapper,
.portfolio-box .in-slide-list .bx-wrapper .bx-viewport { background:transparent; }
.portfolio-box .in-slide-list .bx-pager.bx-default-pager { display:none; }
.portfolio-box .in-slide-list .bx_slider1 .slide .inner_slide { background:#fff; }
.portfolio-box .in-slide-list .bx-wrapper img {  }




.footer { background:#3a3a3a; }
.footer .foot-box {  padding:20px 7px; font-size:13px; color:#fff; line-height:1.7; font-weight:300;}
.footer .foot-box span { display:inline-block; padding:0 8px; }
.footer .copy-box { font-size:12px; color:#666; background:#333; padding:15px 15px; }





.mobile-menu-contain { display:none;  z-index:100; position:absolute; left:0; top:0; width:100%; height:100%; }
.mobile-menu-contain .mmc-blind {  position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.mobile-menu-contain .in-memu-list { position:absolute; right:-300px; top:0;  width:300px; height:100%; background:#fff; }
.mobile-menu-contain .in-memu-list .top-area {position:relative; height:70px; text-align:center; box-sizing:border-box; padding-top:20px;  }
.mobile-menu-contain .in-memu-list .top-area > img { width:160px;  }
.mobile-menu-contain .in-memu-list .top-area a.btn-mm-close {position:absolute; left:-58px; top:5px;	 display:inline-block; width:60px; height:60px; background:url("/img/mobile/btn_circle_close.png") no-repeat center; background-size:41px;} 
.mobile-menu-contain .in-memu-list .list-box { padding:20px 20px 140px 20px; background:url("/img/mobile/mobile_menu_bg.jpg") no-repeat right bottom; background-size:200px; }
.mobile-menu-contain .in-memu-list .list-box ul {  }
.mobile-menu-contain .in-memu-list .list-box ul li {  }
.mobile-menu-contain .in-memu-list .list-box ul li + li { margin-top:20px; }
.mobile-menu-contain .in-memu-list .list-box ul li > a { display:block; color:#222; font-weight:600; font-size:22px;  }
.mobile-menu-contain .in-memu-list .list-box ul li > a.on { color:#146134; }
.mobile-menu-contain .in-memu-list .list-box ul li .sublist {display:none; margin-top:20px; margin-bottom:30px;  padding:0 0 15px 15px; border-left:1px solid #efefef; }
.mobile-menu-contain .in-memu-list .list-box ul li .sublist a { display:block;  color:#666; font-size:16px; font-weight:300; padding-bottom:12px;}

.mobile-menu-contain .bottom-mem-btns { font-size:0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.mobile-menu-contain .bottom-mem-btns a {position:relative; display:inline-block; width:50%; height:45px; line-height:48px; box-sizing:border-box;  vertical-align:top; font-size:18px; color:#222; font-weight:600;	text-align:center;  }
.mobile-menu-contain .bottom-mem-btns a:first-of-type { background:#42a361; color:#fff; }

/* .mobile-menu-contain .bottom-mem-btns a + a { margin-left:18px; padding-left:18px;  } */
/* .mobile-menu-contain .bottom-mem-btns a + a:after { content:''; position:absolute; left:0; top:3px; width:1px; height:19px; background:#888;	 } */





/*pc버전 조정*/
.fix_aside { display:none;  }
#container_title { display:none;  }
.subpage_content > .pc_aside { display:none; }


.all_sub_menu_area_sub,
.footer_sub,
body { width: 100%; background:#fff;}
.subpage_content { width:100%;  }

.sub_title_area {height:29vw;  background-size:cover; background-position:center; }
.sub_title_area > .menu_title { display:none;  }

.content_area > .content_title_area > dd { display:none;  }


.content_area > .content_title_area { padding-bottom:0;	 }
.content_area > .content_title_area > dt { font-size:26px; }











} /* //@media screen and (max-width:640px) */