@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}

.inner {width:100%; max-width:1440px; margin:0 auto; padding:0 20px;}
span.br {display:block;}
.mo_vw {display:none !important;}

.red {color:#f00 !important;}
.green {color:#077e35 !important;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

/* 게시판 목록 */
.board_list {border-top:#363636 2px solid;}
.board_list th,
.board_list td {height:60px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#363636;}
.board_list td {color:#616161;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:70px;}
.board_list .w2 {width:120px;}
.board_list .w3 {width:110px;}
.board_list .btn_down {display:block; font-size:14px; color:#363636; font-weight:500; line-height:28px; height:30px; width:108px; text-align:center; border:#ccc 1px solid; margin:0 auto;}
.board_list .btn_down:before {content:""; display:inline-block; vertical-align:top; width:13px; height:28px; margin-right:6px; background:url('/images/icon_down.png') no-repeat 50% 50% / contain;}

.board_bottom  {overflow:hidden;position:relative; display:inline-block; width:100%; text-align:center; margin-top:20px;}
.board_bottom .btns {overflow:hidden;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:40px; line-height:40px; background:#525252; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn_l {color:#0e5ba2; line-height:38px; border:#0e5ba2 1px solid; background:#fff;}
.board_bottom .paging {text-align:center; font-size:0; margin-top:60px; display:flex; justify-content:center;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:#e1e1e1 1px solid; font-size:15px; color:#666; vertical-align:top; margin:0 1px;}
.board_bottom .paging a.on {background:#3c3c3c; color:#fff; border-color:#0e5ba2;}
.board_bottom .paging .nums {margin:0 3px; display:flex; justify-content:center;}
.board_bottom .paging .arrow {font-size:0;}

.search_wrap {background:#fbf9f9; text-align:center; padding:30px 0; margin-bottom:50px;}
.search_wrap b {display:block; font-size:16px; color:#252525; font-weight:500; margin-bottom:15px;}
.search_area {font-size:0;}
.search_area .text,
.search_area .btn {display:inline-block; vertical-align:top; height:30px; font-size:15px;}
.search_area .text {line-height:28px; width:290px;}
.search_area .btn {width:80px; line-height:30px; border:0; background:#4a4a4a; color:#fff; font-weight:500; text-align:center;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {font-size:30px; color:#333; font-weight:700; line-height:30px; padding:25px 20px 0; border-bottom:0; text-align:center;}
.board_in thead td {text-align:center; font-size:0;}
.board_in thead td span {display:inline-block; vertical-align:top; font-size:15px; line-height:26px; padding:10px;}
.board_in tbody td {padding:20px 0;}
.board_in tfoot td {position:relative; padding-left:80px; font-size:15px; line-height:26px;}
.board_in tfoot td em {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block;}
.board_write .w1 {width:140px;}
.board_write tbody td {padding:10px;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}

/* header */
.header {position:absolute; top:0; left:0; width:100%; background:#fff; z-index:100; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .top {position:relative; z-index:1; border-bottom:#e1e1e1 1px solid;}
.header .top .inner {display:flex; justify-content:space-between; height:100px;}
.header .logo {line-height:100px; font-size:0;}
.header h1 {font-size:0; width:0; height:0; opacity:0;}
.header .top .right {display:flex; gap:46px;}
.header .top .right a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px;}
.header .top .right a:before {content:""; display:block; width:100%; height:16px; background:no-repeat 50% 50%;}
.header .top .right .mem1:before {background-image:url('/images/icon_mem01.png');}
.header .top .right .mem2:before {background-image:url('/images/icon_mem02.png');}
.header .top .right .mem3:before {background-image:url('/images/icon_mem03.png');}
.header .top .right .langs_new:before {background-image:url('/images/icon_langs25.png');}
.header .btn_menu {display:none;}
.langs_new {position:relative;}
.langs {position: relative;}
.langs dt {position:relative; font-size:13px; color:#929292; line-height:36px; padding:0 26px 0 20px; background:url('/images/icon_langs.png') no-repeat left center; cursor:pointer;}
.langs dt i {position:absolute; top:0; right:0; width:36px; height:36px; line-height:36px; font-size:12px; color:#929292; text-align:center; transform:rotate(90deg); font-family:'Gulim'; transition:.2s linear;}
.langs.on dt i {top:-2px; transform:rotate(270deg);}
.langs dd {position:absolute; top:100%; left:0; width:100%; background:#404040; border-radius:0 0 10px 10px; display:none;}
.langs dd a {display:block; font-size:13px; color:#666; line-height:30px; padding:0 20px;}
.header > .inner {position:relative; height:100px;}
.header .gnb {position:relative; /*padding:0 10px;*/ border-bottom:#757575 1px solid;}
.header .gnb ul {display:flex;}
.header .gnb li {position:relative;}
.header .gnb li > a {position:relative; display:block; font-size:20px; color:#252525; font-weight:500; line-height:66px; padding:0 50px;}
.header .gnb li > a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:12px; background:#d7d7d7; transform:translateY(-50%);}
.header .gnb li:first-child > a:before {display: none;}
.header .gnb .all_category > a {display:flex; align-items:center; gap:12px; color:#fff; background:#077e35;}
.header .gnb .all_category + li > a:before,
.header .gnb .all_category > a:before {display:none;}
.header .gnb .all_category a i {position:relative; width:18px; height:2px; background:#fff;}
.header .gnb .all_category a i:before,
.header .gnb .all_category a i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:inherit;}
.header .gnb .all_category a i:before {top:-5px;}
.header .gnb .all_category a i:after {bottom:-5px;}
.header .snb {position:absolute; top:100%; left:0; width:100%; background:#f5f5f5;border: 1px solid #ccc; display: none;}
.header .all_category .snb {display: block;}


/* .header .snb .menu_s {position:relative;} */
.header .snb a {position:relative; display:block; font-size:15px; color:#252525; font-weight:500; line-height:24px; height:66px; display:flex; align-items:center;}
.header .menu_s.indep a:after {content:""; position:absolute; top:0; right:16px; width:8px; height:100%; background:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; display:none;}
.header .menu_s > a {  padding:20px; border-bottom: 1px solid #ccc;}
.header .menu_s.on > a {color:#fff; background:#077e35;}
.header .depth {position:absolute; top:0; left:100%; width:320px; min-height:100%; background:#fff; border:#d7d7d7 2px solid;  text-align:left; padding:20px 30px; display:none;}
.header .depth .tt {position:relative; font-size:20px; color:#222; font-weight:700; line-height:66px; padding-left: 10px; border-bottom: 1px solid #ccc;}
/*.header .depth .tt:before {content:""; position:absolute; top:50%; left:10px; width:14px; height:14px; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:translateY(-50%) rotate(45deg);}*/
.header .depth > a {display:block; font-size:15px; color:#222; font-weight:500; line-height:36px; padding-left:15px; text-align:left;}
.header .menu_d > a,
.header .menu_d2 > a {padding: 0 10px; border-bottom: 1px solid #ccc;}
/* .header .depth > a:before {content:"-"; margin-right:5px;} */
/* .header .depth .menu_d {position:relative;} */
.header .depth .menu_d .menu_d2 {position:absolute; top:0; left:100%; width:640px; background:#fff; border:#077e35 2px solid;  text-align:left; padding:10px 0; display:none;}

/* footer */
.footer {background:#edf0f4;}
.footer .inner {position:relative; padding:30px 0 30px 125px; background:url('/images/flogo.png') no-repeat 20px 50%;}
.footer .address span {display:inline-block; font-size:14px; color:#868686; line-height:23px; margin-right:10px;}


/*.quick {position:fixed; top:50%; right:0; width:190px; background:#fff; transform:translate(0,-50%); border:#fff 1px solid; z-index:30;}*/
/*.quick a {display:block; font-size:15px; color:#222; font-weight:500; line-height:56px; text-align:center; border-bottom:#eee 1px solid;}*/
/*.quick .contact {background:#077e35; padding:20px 0 30px; text-align:center;}*/
/*.quick .contact:before {content:""; display:block; width:100%; height:43px; background:url('/images/icon_contact.png') no-repeat 50% 50% / contain;}*/
/*.quick .contact strong {display:block; font-size:15px; color:#fff; margin:15px 0 8px;}*/
/*.quick .contact p {display:inline-block; font-size:15px; color:#fff; line-height:19px; text-align:left;}*/
/*.quick .gotop {position:absolute; bottom:-24px; left:calc(50% - 24px); width:48px; height:48px; background:url('/images/icon_gotop.png') no-repeat #333 50% 50%; border-radius:50%; z-index:1; border:0;}*/
.gotop {position:fixed; bottom:30px; right:30px; width:64px; height:64px; border-radius:50%; background:#077e35 url('/images/gotop.png') no-repeat 50% 50%; font-size:0; z-index:30;}

/* main */
.mvisual {margin-top:100px; background:#e6f9ed;}
.mvisual .mv {height:550px;}
.mvisual .txt {display:flex; flex-direction:column; justify-content:center; align-items:center; height:inherit; text-align:center;}
.mvisual .txt .tt {position:relative; font-size:46px; color:#222; font-weight:700; line-height:1.2; padding-bottom:31px; margin-bottom:35px;}
.mvisual .txt .tt:after {content:""; position:absolute; bottom:0; left:50%; width:50px; height:1px; background:rgba(255,255,255,.8); margin-left:-25px;}
.mvisual .txt p {font-size:22px; color:#222; line-height:27px;}
.mvisual .txt p strong {display:block; font-size:24px; line-height:36px; margin-top:10px;}
.mvisual .slick-arrow {position:absolute; top:50%; width:24px; height:42px; background:url('/images/arrow_main.png') no-repeat 50% 50% / contain; margin-top:-21px; opacity:.4; transition:.2s linear; z-index:1; font-size:0;}
.mvisual .slick-prev {left:calc(50% - 640px); transform:rotate(180deg);}
.mvisual .slick-next {right:calc(50% - 640px);}

.mcon01 {padding:110px 0 160px;}
.mcon01 .title {font-size:29px; color:#404040; font-weight:700; line-height:30px; margin-bottom:40px; text-align:center;}
.pro_list {display:flex; flex-wrap:wrap; gap:20px 34px;}
.pro_list li {width:calc((100% - 68px)/3); border:#d7d7d7 1px solid;}
.pro_list .img {height:280px; display:flex; justify-content:center; align-items:center;}
.pro_list .img img {max-width:100%; max-height:100%; object-fit:contain;}
.pro_list p {font-size:16px; color:#404040; font-weight:700; line-height:56px; background:#fbf9f9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}

.mcon02 {padding-bottom:150px;}
.mcon02 .inner {display:flex; justify-content:center; align-items:flex-start; gap:50px;}
.mcon02 .tit {position:relative; font-size:20px; color:#404040; font-weight:700; line-height:24px; margin-bottom:20px;}
.mcon02 .tit .more {position:absolute; top:0; right:0; height:24px; width:24px; border:#e1e1e1 1px solid; text-align:center;}
.mcon02 .tit .more:before,
.mcon02 .tit .more:after {content:""; position:absolute; top:50%; left:50%; background:#252525; transform:translate(-50%,-50%);}
.mcon02 .tit .more:before {width:10px; height:2px;}
.mcon02 .tit .more:after {width:2px; height:10px;}
.mcon02 .notice {width:360px;}
.mcon02 .notice li a {position:relative; display:block; padding:0 70px 0 14px; font-size:15px; color:#404040; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon02 .notice li a:before {content:""; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background:#077e35;}
.mcon02 .notice li a p {position:absolute; top:0; right:0; font-size:12px; color:#949494;}
.mcon02 .banner {position:relative; width:350px;}
.mcon02 .mbanner {position:relative; font-size:0;} 
.mcon02 .mbanner .slick-dots,
.mcon02 .mbanner .slick-arrow,
.mcon02 .banner .buttons {position:absolute; bottom:0; width:27px; height:27px; border:#e1e1e1 1px solid; background:#fff; z-index:1;}
.mcon02 .mbanner .slick-arrow {background:url('/images/arrow_banner.png') #fff no-repeat 50% 50%; font-size:0;}
.mcon02 .mbanner .slick-prev {right:52px;}
.mcon02 .mbanner .slick-next {right:0; transform:rotate(180deg);}
.mcon02 .mbanner .slick-dots {width:56px; right:77px;}
.mcon02 .mbanner .slick-dots li {font-size:14px; color:#8b8b8b; font-weight:500; line-height:25px; text-align:center; display:none;}
.mcon02 .mbanner .slick-dots li.slick-active {display:block;}
.mcon02 .banner .buttons {right:26px; font-size:0;}
.mcon02 .banner .buttons button {position:relative; width:25px; height:25px; display:none;}
.mcon02 .banner .buttons button.on {display:block;}
.mcon02 .banner .buttons .pause:before,
.mcon02 .banner .buttons .pause:after {content:""; position:absolute; top:50%; left:50%; background:#252525; width:2px; height:10px; margin-top:-5px;}
.mcon02 .banner .buttons .pause:before {margin-left:-3px;}
.mcon02 .banner .buttons .pause:after {margin-left:1px;}
.mcon02 .banner .buttons .play i {font-size:11px; color:#252525;}
.mcon02 .contact {width:310px;}
.mcon02 .contact .tel {font-size:38px; color:#404040; font-weight:700; line-height:34px; background:url('/images/icon_tel.png') no-repeat left center; padding-left:42px; margin-bottom:20px;}
.mcon02 .contact .tel.eng {font-size:30px; }
.mcon02 .contact dl {display:flex;}
.mcon02 .contact dt,
.mcon02 .contact dd {font-size:15px; line-height:30px;}
.mcon02 .contact dt {width:65px; color:#949494;}
.mcon02 .contact dd {width:calc(100% - 65px); color:#404040;}
.mcon02 .contact .bar {width:100%; height:1px; background:#ebebeb; margin:10px 0;}

/* sub */
.svisual {position:relative; margin-top:168px; height:237px; line-height:237px; background:no-repeat 50% 50% / cover; font-size:46px; color:#fff; font-weight:700; text-align:center;}
.svisual.g01 {background-image:url('/images/svisual05.jpg');}
.svisual.g02 {background-image:url('/images/svisual05.jpg');}
.svisual.g03 {background-image:url('/images/svisual05.jpg');}
.svisual.g04 {background-image:url('/images/svisual05.jpg');}
.svisual.g05 {background-image:url('/images/svisual_white.jpg'); font-size:0;}
.svisual.g05:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/txt_svisual_g05.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/txt_svisual_g05.png') no-repeat 50% 50% / contain;}
/*.svisual.g05:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; mask:url('/images/txt_svisual_g05.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/txt_svisual_g05.png') no-repeat 50% 50% / contain;}*/
.svisual.g06 {background-image:url('/images/svisual05.jpg');}
.svisual.g00,
.svisual.g00 + .aside {display:none;}
.aside {position:relative; display:flex; border-bottom:#ddd 1px solid; margin-bottom:60px; z-index:30;}
.aside .home,
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:flex; justify-content:center; gap:10px;}
.aside a {position:relative; display:block; font-size:16px; color:#252525; font-weight:500; height:62px; padding:0 5px; display:flex; align-items:center; justify-content:center; text-align:center;}
.aside a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#077e35; transition:.2s linear;}
.aside a.on:after {left:0; width:100%;}

.container {padding-bottom:100px; font-size:15px; color:#404040; line-height:25px;}
.container .title {font-size:32px; color:#252525; font-weight:700; line-height:32px; text-align:center; margin-bottom:70px;}

/* 인사말 */
.greeting {display:flex; justify-content:space-between;}
.greeting .txt {width:50%;}
.greeting .txt .tt {font-size:18px; font-weight:500;}
.greeting .txt p {margin:40px 0 60px;}
.greeting .txt .name {font-weight:500;}
.greeting .txt .name:after {content:""; display:inline-block; vertical-align:middle; width:65px; height:62px; background:url('/images/img_sign.gif') no-repeat 50% 50% / contain; margin-left:10px;}
.greeting .img {width:599px; max-width:50%; height:432px; background:url('/images/img_s0101.jpg') 50% 50% / cover;}

/* 약도 */
.map_wrap {position:relative;}
.map_wrap .root_daum_roughmap {max-width:100%;}
.map_wrap .txt {position:absolute; top:35px; left:25px; width:430px; z-index:30; background:#077e35; padding:55px 40px;}
.map_wrap .txt .name {font-size:19px; color:#fff; font-weight:700; margin-bottom:20px;}
.map_wrap .txt dl {display:flex;}
.map_wrap .txt dt,
.map_wrap .txt dd {font-size:15px; color:#fff; line-height:25px;}
.map_wrap .txt dt {width:40px;}
.map_wrap .txt dd {width:calc(100% - 40px);}

/* 제품 상세 */
.pro_info {display:flex;}
.pro_info dt,
.pro_info dd {width:50%;}
.pro_info dt {padding-right:10px;}
.pro_info dt .img {position:relative; border:#d7d7d7 1px solid; font-size:0; width:100%; max-height:460px; margin-bottom:20px; display:flex; justify-content:center; align-items:center;}
.pro_info dt .img img {max-width:100%; max-height:100%; object-fit:cover;}
.pro_info dt .btn_zoom {display:block; font-size:13px; color:#333; line-height:46px; height:48px; width:180px; border:#aaa 1px solid; margin:0 auto; text-align:center;}
.pro_info dt .btn_zoom:before {content:""; display:inline-block; vertical-align:top; width:20px; height:46px; margin-right:10px; background:url('/images/icon_zoom.png') no-repeat 50% 50% / contain;}
.pro_info dd {padding-left:35px;}
.pro_info dd .tit {font-size:30px; color:#404040; font-weight:700; line-height:1; padding-bottom:40px; border-bottom:#e1e1e1 1px solid; margin-bottom:30px;}
.pro_info dd .con {font-size:20px; color:#404040; line-height:1.6;}
.pro_view {border-top:#e1e1e1 1px solid; margin-top:70px; padding-top:65px;}

/* 동영상 */
.gall_list {display:flex; flex-wrap:wrap; gap:55px 28px;}
.gall_list li {width:calc((100% - 56px)/3);}
.gall_list li .img {width:100%; height:230px;}
.gall_list li .img img {width:100%; height:100%; object-fit:cover;}
.gall_list li p {font-size:15px; color:#404040; font-weight:700; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.contact_area {display:flex; flex-wrap:wrap; gap:20px;}
.contact_area .gbox {flex:1 1 calc(50% - 10px); background:#fbf9f9; padding:40px;}
.contact_area .tit {font-size:24px; color:#363636; font-weight:700; margin-bottom:45px;}
.contact_area p {line-height:21px;}
.contact_area .wbox {background:#fff; border:#e1e1e1 1px solid; margin:15px 0 30px; padding:40px;}
.contact_area .wbox li {font-size:15px; color:#616161; font-weight:500; line-height:30px; padding-left:15px; text-indent:-15px;}
.contact_area .i {line-height:31px; font-size:14px; padding-left:32px; background:no-repeat 0 50%;}
.contact_area .t {background-image:url('/images/icon_tel2.png');}
.contact_area .f {background-image:url('/images/icon_fax.png');}
.contact_area .m {background-image:url('/images/icon_mail.png');}
.contact_area .w_area {margin-top:35px; display:flex; gap:38px;}
.contact_area .w_area .wbox {margin:0; width:calc(50% - 19px);}
.contact_area .w_area .tt {font-size:17px; color:#616161; font-weight:500; margin-bottom:20px; text-align:center;}
.contact_area .w_area th,
.contact_area .w_area td {font-size:15px; color:#616161; line-height:22px; border:#ccc 1px solid; text-align:center; padding:10px 20px;}
.contact_area .w_area tr > *:first-child {width:180px;}
.contact_area .w_area th {font-weight:700;}
.contact_area .w_area td {font-weight:500;}

/* 로그인 */
.container.g00 {padding:200px 0;}
.container.g00 .title {font-size:29px;}
.login_wrap {width:650px; max-width:100%; border:#ddd 1px solid; padding:50px 100px; margin:0 auto;}
.login_wrap .tit {font-size:16px; color:#616161; font-weight:500; margin-bottom:15px;}
.login_wrap .inputs {position:relative; padding-right:154px; display:flex; flex-direction:column; gap:14px;}
.login_wrap .inputs .text {display:block; width:100%; height:38px; border:#e1e1e1 1px solid; padding:0 10px; font-size:14px; color:#828282;}
.login_wrap .inputs .btn {position:absolute; top:0; right:0; width:140px; height:100%; display:flex; justify-content:center; align-items:center; font-size:15px; color:#fff; font-weight:500; background:#077e35;}
.login_wrap label.check {position:relative; display:block; font-size:14px; color:#505050; line-height:20px; margin-top:12px; padding-left:25px;}
.login_wrap label.check input {display:none;}
.login_wrap label.check i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ccc 1px solid;}
.login_wrap label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#077e35; transform:translate(-50%,-50%); transition:.2s linear;}
.login_wrap label.check input:checked + i:before {width:12px; height:12px;}
.login_wrap .btns {margin-top:30px; padding-top:18px; border-top:#e2e2e2 1px solid; display:flex; justify-content:space-between;}
.login_wrap .btns .btn {width:calc(50% - 4px); height:50px; line-height:50px; text-align:center; font-size:15px; color:#fff; font-weight:500; background:#444;}
.login_wrap .btns .btn_l {color:#949494; background:#fff; border:#b7b7b7 1px solid; line-height:48px;}

/* 회원가입 */
.joinbox {width:650px; max-width:100%; border:#ddd 1px solid; padding:30px 50px; margin:0 auto;}
.joinbox .tit {position:relative; font-size:19px; color:#333; font-weight:700; line-height:1.2; margin:80px 0 20px;}
.joinbox .tit:first-child {margin-top:0;}
.joinbox .tit label.check {position:absolute; top:0; right:0;}
.joinbox .con {display:flex; flex-direction:column; gap:20px;}
.joinbox dt {font-size:15px; color:#727272; font-weight:700; line-height:20px; margin-bottom:10px;}
.joinbox dd {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:15px; color:#666;}
.joinbox .text {width:100%; height:60px; padding:0 10px; font-size:15px; font-weight:500;}
.joinbox .w1 {width:calc(100% - 140px);}
.joinbox .w2 {width:calc((100% - 28px)/3);}
.joinbox .w3 {width:calc((100% - 12px)/3);}
.joinbox .mt {margin-top:10px;}
.joinbox dd .btn {width:140px; text-align:center; border:#666 1px solid;}
label.check {position:relative; padding-left:18px; font-size:15px; color:#999; font-weight:700; line-height:20px;}
label.check input {display:none;}
label.check i {position:absolute; top:4px; left:0; width:12px; height:12px; border:#999 1px solid;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#077e35; transform:translate(-50%,-50%); transition:.2s linear;}
label.check input:checked + i:before {width:8px; height:8px;}
.joinbox ul {display:flex; flex-direction:column; gap:10px;}
.joinbox li {display:flex; align-items:center;}
.joinbox li .btn {font-size:13px; color:#666; line-height:26px; height:28px; width:74px; text-align:center; border:#666 1px solid; margin-left:14px;}
.joinbox .btn_comp {display:block; font-size:15px; color:#fff; font-weight:700; line-height:60px; height:60px; width:100%; background:#077e35; border:0; margin-top:40px;}


.tabs {display:flex; gap:5px 20px; flex-wrap:wrap;   justify-content:center; align-items:center; margin-bottom:40px; width:100%;}
.tabs li {width:calc((100% - 120px)/5); border:#077e35 1px solid; }
.tabs li a {display:block; font-size:13px; color:#077e35; font-weight:700; line-height:34px; height:36px; text-align:center;}
.tabs li.on a {color:#fff; background:#077e35;}
.tabs2 li {border-color:#2f4858;}
.tabs2 li a {color:#2f4858;}
.tabs2 li.on a {background:#2f4858;}

.lr_area {display:flex; gap:50px;}
.lr_area .left_menu {position:relative; width:250px;}
.lr_area .h2_title {font-size:30px; color:#fff; font-weight:700; line-height:120px; text-align:center; background:#077e35;}
.lr_area .tabs {gap:0;}
.lr_area .tabs li {width:100%; border:0; border-bottom:#ddd 1px solid;}
.lr_area .tabs li a {position:relative; color:#333; padding:0 20px; text-align:left;}
.lr_area .tabs > li > a {font-size:16px; line-height:60px; height:60px; background:#fff;}
.lr_area .tabs > li > a:after {content:""; position:absolute; top:0; right:14px; width:12px; height:100%; background:#767676; mask:url('/images/arrow_tabs.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_tabs.png') no-repeat 50% 50% / contain; transition:.2s linear;}
.lr_area .tabs > li.on > a {color:#fff; background:#077e35;}
.lr_area .tabs > li.on > a:after {transform:rotate(180deg); background: #fff;}
.lr_area .tabs2 {display: none;}
.lr_area .on .tabs2 {display: block;}
.lr_area .tabs2 > li > a {font-size:15px; line-height:44px; height:44px; background:#f0f7f3;}
.lr_area .tabs2 > li.on > a {font-size:15px; line-height:44px; height:44px; background:#f0f7f3; color:#077e35; border-bottom:#077e35 2px solid;}
.lr_area .contents {width:calc(100% - 300px);}

.lr_area .all_category .h2_title {display:flex; justify-content: center; align-items:center; gap:12px; color:#fff; background:#077e35;}
.lr_area .all_category + li > a:before,
.lr_area .all_category > a:before {display:none;}
.lr_area .all_category .h2_title i {position:relative; width:18px; height:2px; background:#fff;}
.lr_area .all_category .h2_title i:before,
.lr_area .all_category .h2_title i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:inherit;}
.lr_area .all_category .h2_title i:before {top:-5px;}
.lr_area .all_category .h2_title i:after {bottom:-5px;}
.lr_area .all_category .snb {background:#f5f5f5;border: 1px solid #ccc;}
.lr_area .snb a {position:relative; display:block; font-size:15px; color:#252525; font-weight:500; line-height:24px; height:66px; display:flex; align-items:center;}
.lr_area .menu_s.indep a:after {content:""; position:absolute; top:0; right:16px; width:8px; height:100%; background:url('/images/arrow_gnb.png') no-repeat 50% 50% / contain; display:none;}
.lr_area .menu_s > a {  padding:20px; border-bottom: 1px solid #ccc;}
.lr_area .menu_s.on > a {color:#fff; background:#077e35;}
.lr_area .depth {position:absolute; top:0; left:100%; width:320px; min-height:100%; background:#fff; border:#d7d7d7 2px solid;  text-align:left; padding:20px 30px; display:none;}
.lr_area .depth .tt {position:relative; font-size:20px; color:#222; font-weight:700; line-height:66px; padding-left: 10px; border-bottom: 1px solid #ccc;}
.lr_area .depth > a {display:block; font-size:15px; color:#222; font-weight:500; line-height:36px; padding-left:15px; text-align:left;}
.lr_area .menu_d > a,
.lr_area .menu_d2 > a {padding: 0 10px; border-bottom: 1px solid #ccc;}
.lr_area .depth .menu_d .menu_d2 {position:absolute; top:0; left:100%; width:640px; background:#fff; border:#077e35 2px solid;  text-align:left; padding:10px 0; display:none;}

.stit,
.dtit {color:#252525; font-weight:700; line-height:1;}
.stit {font-size:32px; margin-bottom:20px;}
.dtit {font-size:19px; margin-bottom:35px;}