﻿


/*프리텐다드 폰트*/
@font-face {font-family:'Pretendard-ExtraBold'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-ExtraBold.woff) format('woff');}
@font-face {font-family:'Pretendard-ExtraBold'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-ExtraBold.ttf) format('truetype');}
@font-face {font-family:'Pretendard-ExtraBold'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-ExtraBold.otf) format('opentype');}
@font-face {font-family:'Pretendard-Bold'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family:'Pretendard-Bold'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Bold.ttf) format('truetype');}
@font-face {font-family:'Pretendard-Bold'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Bold.otf) format('opentype');}
@font-face {font-family:'Pretendard-Medium'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family:'Pretendard-Medium'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Medium.ttf) format('truetype');}
@font-face {font-family:'Pretendard-Medium'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Medium.otf) format('opentype');}
@font-face {font-family:'Pretendard-Regular'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Regular.woff) format('woff');}
@font-face {font-family:'Pretendard-Regular'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Regular.ttf) format('truetype');}
@font-face {font-family:'Pretendard-Regular'; font-style: normal; src:url(https://cheonjiin.zeep.kr/skin/site_skin/skin_13/font/Pretendard-Regular.otf) format('opentype');}

/*Noto Sans KR 웹폰트*/
@import url(notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(../font/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(../font/NotoSansKR-Black.woff2) format('woff2'),url(../font/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*header 헤더*/
header {
	box-sizing:border-box;z-index:3;position:absolute;top:0;left:0;width:100%;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
header .menu_bg {
	width:100%;
	height:100%;
	padding:0px 30px;
	z-index:3;
	box-sizing:border-box;
	background-color: rgba( 0, 0, 0, 0.3 ); 
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.main_logo {font-family:'NEXEN';color:#fff !important;font-size:23px;margin-right:60px;}
.menu_flex , .menu_flex > div , header .menu_bg .main_menu {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}

ul.main_menu > li {text-align: center;height:85px;line-height:85px;margin-right:60px;position:relative;}
ul.main_menu > li a {color:#fff;font-size:18px;}
.main_menu > li:hover .main_menu_a {border-bottom:2px solid #313131;}
.main_menu > li:hover .gnb_menu{display:block;height:auto;}

.main_menu .gnb_menu {
	z-index:99;position:absolute;top:85px;left:50%;width:150px;text-align: left;height:0px;background:#313131;display:none;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.main_menu .gnb_menu:before {
	position:absolute;top:-4px;;left:47%;
	content:'';
	width:10px;
	height:10px;
	background:#313131;
	transform:rotate(45deg);
}
.main_menu .gnb_menu li {
	line-height:50px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
.main_menu .gnb_menu li:first-child {margin-top:0px;}
.main_menu .gnb_menu li:last-child {margin-bottom:0px;border:none;}
.main_menu .gnb_menu li a {padding:0px 15px;box-sizing:border-box;font-size:15px;display:block;width:100%;color:#fff;}
.main_menu .gnb_menu li a:hover {color:#eee;}

.contact_menu {width:176px;height:50px;border-radius:50px;}
.contact_menu a {
	height:100%;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.contact_menu a p {color:#fff;font-size:18px;margin-right:10px;}

#header.fixed {position:fixed;top:0;left:0px;width:100%;z-index:21;}
#header.fixed .contact_menu {background:#313131 !important;}
#header.fixed ul.main_menu > li > a:hover {color:#fff !important;}


/*모바일메뉴*/
.m_main_menu {display:none;}
.m_menu_btn {display:none;}
.m_menu {
	position: fixed;
	width:300px;
	height:100%;
	top:0px;
	right:-1200px;
	background:#ccc;
	z-index: 9999;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	overflow-y:scroll;
}
.m_main_menu .close {z-index:9999;}
.m_main_menu .close img{cursor:pointer;}
.m_menu .gnb_total_logo {padding:20px;}
.m_menu .gnb_total_logo img{width:100%;}
.m_menu .menu_title {
	padding:20px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.m_menu .menu_title a {font-size:16px;font-weight:bold;color:#fff;line-height:20px;}
.m_menu .gnb_total_menu {text-align:right;background:#fff;}
.m_menu .gnb_total_menu li p{line-height:20px;display:block;padding:20px;font-size:16px;cursor:pointer;background:#fff;color:#212121;border-bottom:1px solid #ccc;}
.m_menu .gnb_total_menu li p a {color:#212121;}
.m_menu .gnb_total_menu li p img {margin-left:10px;}
/*.m_menu .gnb_total_menu li > a{display:block;padding:20px;font-size:16px;cursor:pointer;background:#fff;color:#212121;border-bottom:1px solid #ccc;}*/
.m_menu .gnb_total_menu li > a img {margin-left:10px;}
.m_menu .gnb_total_menu li ul a{display:block;padding:15px;font-size:15px;cursor:pointer;background:#f4f4f4;color:#313131;border-bottom:1px solid #ccc;}

.m_menu.on {right:0px;}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.m_main_menu_back{background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;right:0;z-index:9998;display:none;transition: right 0.7s;cursor:pointer;}
.accordian li ul {display:none;}

/*m_quick_menu*/
.m_quick_menu {margin:20px 20px 0px;}
.m_quick_menu ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.m_quick_menu ul li {margin-right:10px;margin-bottom:10px;text-align:center;}
.m_quick_menu ul li:nth-child(5n+5) {margin-right:0px;}
.m_quick_menu ul li:last-child {margin-right:0px;}
.m_quick_menu ul li img {max-width:40px;}

/*quick_menu*/
.quick_menu {position:fixed;bottom:35px;right:35px;z-index:99;}
.quick_menu ul li {margin-bottom:12px;}
.quick_menu ul li:last-child {margin-bottom:0px;}

/*main_banner*/
.m_banner {display:none;}
.main_banner {position:relative;width:100%;}
.main_banner .scroll_down {
	position:absolute;
	bottom:60px;left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	z-index:2;
	text-align:center;
	animation-name: scroll_down;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes scroll_down {
    0%   {bottom:60px;}
    50%  {bottom:80px;}
    100% {bottom:60px;}
}
.main_banner .scroll_down p {color:#fff;font-size:14px;margin-top:5px;}
.main_banner .swiper-slide {overflow:hidden;height:auto;}
.main_banner .swiper-slide img{width:100%;height:100%;}
.main_banner .swiper-pagination {bottom:210px !important;z-index:2 !important;}
.main_banner .swiper-pagination-bullet {width:13px;height:13px;opacity:1;border-radius:50%;background:none;border:2px solid #fff;box-sizing:border-box;margin:8px !important;}
.main_banner .swiper-button-next {background:url('../image/main_slider_next.png') no-repeat center;max-width:115px;width:10%;height:63px;right:8%;background-size:100%;z-index:2 !important;}
.main_banner .swiper-button-prev {background:url('../image/main_slider_prev.png') no-repeat center;max-width:115px;width:10%;height:63px;left:8%;background-size:100%;z-index:2 !important;}

/*section*/
.section_wrap {width:1240px;height:100%;margin:0 auto;padding:100px 0px;}
.section_title {text-align:center;margin-bottom:70px;}
.section_title h4 {font-size:34px;color:#313131;margin-bottom:20px;font-family:'NEXEN';}
.section_title h3 {font-size:54px;font-family:'GmarketSansMedium';font-weight:bold;}

/*section01*/
.section01 {background:#eeeeee;}
.section01 .section_wrap {position:relative;}
.section01_slider {width:1000px;padding:0px 5px !important;}
.section01_slider .swiper-slide a {
	width:320px;
	height:314px;
	background:#fff;
	text-align:center;
	margin-bottom:5px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;
}
.section01_slider .swiper-slide a:hover {box-shadow: 4px 4px 5px #ccc;}
.section01_slider .swiper-slide a div {line-height:110px;}
.section01_slider .swiper-slide a h3 {margin-top:22px;font-size:22px;font-weight:bold;}
.section01_slider .swiper-slide a p {line-height:24px;margin:0 auto;width:70%;margin-top:10px;height:50px;font-size:15px;color:#717171;display:block;word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.section01 .swiper-button-next {background:url('../image/section01_next.png') no-repeat center;width:60px;height:60px;right:0%;top:62%;background-size:60px;z-index:2 !important;}
.section01 .swiper-button-prev {background:url('../image/section01_prev.png') no-repeat center;width:60px;height:60px;left:0%;top:62%;background-size:60px;z-index:2 !important;}

/*section02*/
.ul_gallery {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.ul_gallery li {position:relative;margin-right:2%;margin-top:2%;width:23.5%;overflow:hidden;}
.ul_gallery li:nth-child(4n+4) {margin-right:0px;}
.ul_gallery li:nth-child(1) {margin-top:0%;}
.ul_gallery li:nth-child(2) {margin-top:0%;}
.ul_gallery li:nth-child(3) {margin-top:0%;}
.ul_gallery li:nth-child(4) {margin-top:0%;}
.ul_gallery li a:first-child {display:block;position:relative;padding-bottom:65%;}
.ul_gallery li a:first-child img {width:100%;height:100%;object-fit:cover;position:absolute;border-radius:5%}
.ul_gallery li a:first-child img:hover {opacity:0.7;}
.ul_gallery li a:last-child {font-size:16px;color:#313131;margin-top:15px;word-break:break-all;display:inline-block;display:-webkit-inline-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ul_gallery li a:last-child:hover {color:#717171;}

.ul_gallery_btn {
	margin-top:50px;display:inline-block;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.ul_gallery_btn a {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.ul_gallery_btn a div {width:62px;height:62px;border:1px dashed #ccc;border-radius:50%;text-align:center;line-height:62px;margin-right:20px;}
.ul_gallery_btn a p {font-size:20px;color:#313131;font-weight:bold;}

/*section03*/
.section03 .section_wrap {padding-top:0px;}
.contact_form {width:900px; margin:0 auto;}
.contact_ul {width:100%;}
.contact_ul li {font-size:0px;margin-bottom:2%;}
.contact_ul input {width:100%;font-size:17px;padding:20px;border:none;border:1px solid #ccc;}
.contact_ul input::-webkit-input-placeholder {color:#919191;}
.contact_ul input::-ms-input-placeholder {color:#919191;}
.contact_ul input::-placeholder {color:#919191;}
.contact_ul textarea {resize:none;width:100%;border-radius:0px;border:none;border:1px solid #ccc;height:230px;font-size:17px;padding:20px;color:#212121;}
.contact_ul textarea::-webkit-input-placeholder {color:#919191;}
.contact_ul textarea::-ms-input-placeholder {color:#919191;}
.contact_ul textarea::-placeholder {color:#919191;}
.contact_ul_li02 input {width:49%;margin-right:2%;} 
.contact_ul_li02 input:last-child {margin-right:0%;} 
.contact_ul_li04 {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.contact_ul_li04 .input-file-button{display:block;text-align:center;font-size:15px;border-radius:30px;color:#fff;cursor:pointer;letter-spacing:-0px;padding:10px 20px;box-sizing:border-box;}
.contact_ul_li04 input {display:none;}
.contact_ul_li04 p {font-size:15px;color:#919191;margin-left:20px;}
.contact_ul_li05 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.contact_ul_li05 input {width:auto;margin-right:10px;}
.contact_ul_li05 p {font-size:17px;color:#313131;font-weight:bold;}
.contact_ul_li05 p a {font-size:17px;color:#313131;text-decoration:underline;}
.contact_ul_li06 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.contact_ul_li06 button {font-size:17px;color:#fff;width:270px;height:57px;background:#313131;border:none;border-radius:50px;}

/*section04*/
.section04 .section_wrap {padding-top:0px;}
.section04 .flex_box {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.section04 .flex_box > div {width:47%;}
.section04 .box_title {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	padding-bottom:15px;border-bottom:2px solid #313131;
}
.section04 .box_title h5 {font-size:28px;color:#313131;font-family:'NEXEN';}
.section04 .box_title a {font-size:17px;color:#717171;}
.section04 .box_title a:hover {color:#aaa;}
.section04 .notice_box ul {margin-top:30px;}
.section04 .notice_box ul li {position:relative;padding-left:15px;margin-bottom:15px;}
.section04 .notice_box ul li:last-child {margin-bottom:0px;}
.section04 .notice_box ul li:before {content:'';width:4px;height:4px;background:#ccc;position:absolute;left:0px;top:6px;}
.section04 .notice_box ul li a {color:#717171;font-size:17px;word-break:break-all;display:-webkit-inline-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.section04 .notice_box ul li a:hover {color:#aaa;}
.section04 .cscenter_box ul {margin-top:30px;}
.section04 .cscenter_box ul li {
	margin-bottom:15px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.section04 .cscenter_box ul li h5 {color:#515151;font-size:17px;font-weight:bold;margin-right:20px;width:70px;}
.section04 .cscenter_box ul li:last-child {margin-bottom:0px;}
.section04 .cscenter_box ul li a {font-size:50px;font-family:'GmarketSansMedium';font-weight:bold;}

/*footer*/
footer {background:#414141;}
footer .ft_top {background:#515151;line-height:60px;}
footer .ft_top .ft_top_con {width:1240px;margin:0 auto;}
footer .ft_top .ft_top_con ul {display: -webkit-box; display: -ms-flexbox; display: flex;}
footer .ft_top .ft_top_con ul li {margin-right:60px;}
footer .ft_top .ft_top_con ul li:last-child {margin-right:0px;}
footer .ft_top .ft_top_con ul li a {font-size:17px; color:#ccc;font-family:'NanumSquare';}
footer .ft_top .ft_top_con ul li a:hover {color:#fff;}
footer .ft_con {
	width:1240px;margin:0 auto;padding:30px 0;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;
}
footer .ft_con ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
footer .ft_con ul li {
	margin-right:22px;
	line-height:30px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
footer .ft_con ul li:last-child {margin-right:0px;}
footer .ft_con ul li b {margin-right:5px;color:#fff;display:block;font-size:15px;}
footer .ft_con ul li p {color:#ccc;display:block;font-size:15px;line-height:30px;}
footer .ft_con > div > p {color:#ccc;font-size:15px;}
footer .ft_con > div > p a {color:#fff;font-weight:bold;}

.privacy_bg {width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:98;position:fixed;top:0;display:none;}
.privacy {
	z-index:99;width:800px;height:500px;padding:20px;border:1px solid #ccc;box-sizing:border-box;background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	display:none;
}
.privacy_close {position:absolute;top:15px;right:-20px;cursor:pointer;padding:15px;}
.privacy h2 {font-size:24px;margin:10px 0 20px;text-align:center;}
.privacy_txt {overflow-y:scroll;height:400px;word-break:break-all;}
.privacy_txt h3 {font-size:17px;margin-bottom:10px;color:#515151;}
.privacy_txt h2 {font-size:20px;text-align:left;color:#313131;margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
.privacy_txt h2:first-child {margin-top:0px;padding-top:0px;border-top:0px;}
.privacy_txt div {margin-top:20px;}
.privacy_txt p {font-size:15px;color:#717171;line-height:24px;}
.privacy_txt ul {margin:10px 0;}
.privacy_txt ul li {font-size:15px;color:#717171;line-height:24px;}

.agreement_bg {width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:98;position:fixed;top:0;display:none;}
.agreement {
	z-index:99;width:800px;height:500px;padding:20px;border:1px solid #ccc;box-sizing:border-box;background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	display:none;
}
.agreement_close {position:absolute;top:15px;right:-20px;cursor:pointer;padding:15px;}
.agreement h2 {font-size:24px;margin:10px 0 20px;text-align:center;}
.agreement_txt {overflow-y:scroll;height:400px;word-break:break-all;}
.agreement_txt h3 {font-size:18px;margin-bottom:10px;color:#515151;}
.agreement_txt h2 {font-size:20px;text-align:left;color:#313131;margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
.agreement_txt h2:first-child {margin-top:0px;padding-top:0px;border-top:0px;}
.agreement_txt div {margin-top:20px;}
.agreement_txt p {font-size:15px;color:#717171;line-height:24px;}
.agreement_txt ul {margin:10px 0;}
.agreement_txt ul li {font-size:15px;color:#717171;line-height:24px;}

/*sub*/
.sub_banner {position:relative;height:340px;background:url('../image/sub_banner.png') no-repeat center;}
.sub_banner > div {
	position:absolute;top:43%;left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
}
.sub_banner h2 {font-size:34px;color:#fff;font-weight:bold;text-align:center;}
.sub_banner .tel_box {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	padding:15px 50px;background:rgba(0,0,0,0.5);border-radius:30px;
	margin-top:15px;
}
.sub_banner .tel_box > div {margin-right:10px;}
.sub_banner .tel_box > a {font-size:22px;color:#fff;font-weight:bold;}

.sub_menu_total {width:100%;text-align:center;border-bottom:1px solid #ccc;}
.sub_menu {
	width:1240px;margin:0 auto;
	display: -webkit-box; display: -ms-flexbox; display: flex;
}
.sub_menu li {min-width:25%;width:100%;text-align:center;}
.sub_menu li a {display:block;color:#717171;font-weight:bold;height:60px;line-height:60px;}
.sub_menu li a.active {position:relative;}
.sub_menu li a.active:before {content:'';width:100%;height:2px;position:absolute;bottom:-1px;left:0px;}

.tab_menu {
	width:1240px;margin:0 auto;margin-bottom:70px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;
	/*display:none;*/
}
.tab_menu li {width:24.25%;margin-right:1%;}
.tab_menu li:nth-child(4n+4) {margin-right:0%;}
.tab_menu li:nth-child(1) {margin-bottom:1%;}
.tab_menu li:nth-child(2) {margin-bottom:1%;}
.tab_menu li:nth-child(3) {margin-bottom:1%;}
.tab_menu li:nth-child(4) {margin-bottom:1%;}
.tab_menu li a {color:#313131;display:block;text-align:center;padding:15px 0px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.tab_menu li a:nth-child(4n+4) {margin-right:0%;}
.tab_menu li a.active {color:#fff;background:#313131;}

.sub_title {font-size:34px;color:#313131;margin:50px 0 70px;text-align:center;font-weight:bold;}
.sub_content {width:1240px; margin:0 auto;margin-bottom:100px;}
.sub_content_nav {
	width:1240px; margin:0 auto;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
	padding:15px 0px;
	margin-bottom:30px;
	box-sizing:border-box;
}
.sub_content_nav div {font-size:14px;color:#919191;}
.sub_content_nav div img {margin:0px 5px;}
.sub_content_nav div a {color:#919191;}
.sub_content_nav div a.last_a {font-weight:bold;}
.sub_flex {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}

/*sub_m_menu*/
.sub_m_menu {display:none;}

/*sub1_1*/
.sub1_1 .sub_txt {width:740px;margin-right:30px;}
.sub1_1 .sub_txt h3 {font-size:22px;line-height:32px;font-weight:bold;}
.sub1_1 .sub_txt p {margin-top:30px;}
.sub1_1 .sub_txt .sign {display:block;text-align:right;margin-top:30px;font-size:20px;font-weight:bold;color:#313131;}

/*sub1_2*/
.sub1_2_box ul li {
	border-bottom:1px solid #ccc;padding:20px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.sub1_2_box ul li:first-child span {color:#fff;}
.sub1_2_box ul li span {width:33.3333%;display:block;text-align:center;}
.sub1_2_box ul li > div {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.sub1_2_box ul li b {margin:0 20px;min-width:30px;color:#313131;}
.ruru_location {width:100% !important; border:none !important;}

/*board*/
.board_pagination {
	width:240px;margin:0 auto;margin-top:50px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.board_pagination li a {
	border:1px solid #ccc;color:#717171;width:30px;height:30px;font-size:13px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.board_pagination li.active a {border:0px;background:#515151;color:#fff;}
.board_bottom {
	margin-top:50px;font-size:0px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.board_form select {padding:10px;height:36px;font-size:12px;border:1px solid #ccc;border-radius:0px;margin-right:5px;}
.board_form input {width:200px;padding:10px;height:36px;font-size:12px;border:1px solid #ccc;border-radius:0px;background:#fff;margin-right:5px;}
.board_form input::-webkit-input-placeholder {color:#919191;}
.board_form input::-ms-input-placeholder {color:#919191;}
.board_form input::-placeholder {color:#919191;}
.board_form button {padding:10px;height:36px;font-size:12px;border:0px;border-radius:0px;background:#515151;color:#fff;}
.writing_btn {padding:10px;height:36px;font-size:12px;border:0px;border-radius:0px;color:#fff;}

/*sub2_1*/
.service_contnet {padding:50px 0;border-bottom:1px solid #eee;}
.service_contnet:first-child {padding-top:0px;}
.service_contnet:last-child {border:none;}
.service_contnet h3 {font-size:20px;font-weight:bold;padding-left:24px;margin-bottom:12px;}
.service_contnet ul {margin-top:30px;}
.service_contnet ul li {margin-bottom:14px;position:relative;padding-left:14px;font-weight:bold;color:#313131;}
.service_contnet ul li:last-child {margin-bottom:0px;}
.service_contnet ul li:before {position:absolute;top:6px;left:0px;width:5px;height:5px;background:#ccc;content:'';}

.notice_table {width:100%;margin-bottom:20px;}
.notice_table tr th {padding:20px;font-size:15px;color:#313131;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background:#f7f7f7;}
.notice_table tr td {font-size:13px;color:#515151;text-align:center;border-bottom:1px solid #eee;box-sizing:border-box;}
.notice_table tr td.td_no {width:10%;}
.notice_table tr td.td_no b {padding:6px 10px 5px; background:#ff3101;border-radius:3px;color:#fff;display:inline-block;font-size:13px;}
.notice_table tr td.td_title {padding:20px;text-align:left;font-size:15px;}
.notice_table tr td.td_title a {color:#313131;word-break:break-all;display:-webkit-inline-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-top:4px;}
.notice_table tr td.td_title a:hover {color:#919191;}
.notice_table tr td.td_writer {width:90px;}
.notice_table tr td.td_date {width:100px;}
.notice_table tr td.td_hit {width:50px;}
.notice_pagination {
	width:240px;margin:0 auto;margin-top:20px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.notice_pagination li a {
	border:1px solid #ccc;color:#515151;width:30px;height:30px;font-size:13px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.notice_pagination li.active a {border:0px;background:#515151;color:#fff;}

@media screen and ( max-width:1510px ) {
	.main_banner .swiper-button-prev {left:3%;}
	.main_banner .swiper-button-next {right:3%;}
}

@media screen and ( max-width:1260px ) {

	/*header*/
	ul.main_menu > li {margin-right:40px;}
	ul.main_menu > li a {font-size:16px;}

	/*main_banner*/
	.main_banner .swiper-pagination {bottom:50px !important;}

	/*section*/
	.section_wrap {width:90%;}

	/*section01*/
	.section01 .swiper-button-prev , .section01 .swiper-button-next {display:none;}
	.section01 ul.section01_ul li {width:23.5%;height:240px;}

	/*footer*/
	footer .ft_top .ft_top_con {
		width:90%;
		display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	}
	footer .ft_con {width:90%;height:auto;padding:30px 0px;}
	footer .ft_con ul {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	footer .ft_con ul li {margin-right:0px;margin-bottom:10px;}

	/*sub*/
	.sub_menu {width:100%;}
	.sub_content_nav {width:90%;}
	.sub_content {width:90%;}
}

@media screen and ( max-width:1060px ) {
	/*header*/
	header .menu_bg {height:70px;padding:0 20px;}
	header .menu_bg > a img {width:150px;}
	header .menu_bg .main_menu {display:none;}
	.m_menu_btn {display:block;}
	.m_main_menu {display:block;}
	.m_main_menu_flex {display: -webkit-box; display: -ms-flexbox; display: flex;}
	.m_main_menu_flex>div:first-child {margin-right:30px;}
	.contact_menu {display:none;}

	/*quick_menu*/
	.quick_menu {/*display:none;*/}

	/*section01*/
	.section01_slider {width:90%;}
	.section01_slider .swiper-slide a {width:100%;}

	.section04 .flex_box {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.section04 .flex_box > div {width:100%;}
	.notice_box {margin-bottom:70px;}

}

@media screen and ( max-width:910px ) {

	p {font-size:15px;}
	span {font-size:15px;}
	b {font-size:15px;}
	.section02_gallery .swiper-slide a p {font-size:15px;}

	.main_logo {font-size:21px;}

	.section_wrap {padding:70px 0px;}
	.section01 .swiper-button-prev , .section01 .swiper-button-next {top:58% !important;}

	.contact_form {width:100%;}
	.contact_ul input {font-size:15px;padding:10px;}
	.contact_ul textarea {font-size:15px;padding:10px;height:180px;}
	.contact_ul li {margin-bottom:10px;}
	.contact_ul_li02 input {width:100%;margin-right:0%;}
	.contact_ul_li02 input:first-child {margin-bottom:10px;}
	.contact_ul_li04 {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.contact_ul_li04 p {font-size:13px;margin-left:0px;margin-top:5px;}
	.contact_ul_li04 .input-file-button {font-size:13px;}
	.contact_ul_li05 p {font-size:13px;}
	.contact_ul_li05 p a {font-size:13px;}
	.contact_ul_li06 button {width:200px;height:50px;}

	/*footer*/
	footer .ft_top {line-height:0px;}
	footer .ft_top .ft_top_con {height:50px;}
	footer .ft_top .ft_top_con ul li {margin-right:40px;}
	footer .ft_top .ft_top_con ul li a {font-size:15px;}
	footer .ft_con ul li {font-size:15px;margin-bottom:0px;}

	.privacy {width:90%;}
	.agreement {width:90%;}

	.privacy h2 {font-size:22px;}
	.privacy_txt h3 {font-size:15px;}
	.privacy_txt h2 {font-size:18px;}
	.privacy_txt p {font-size:13px;line-height:20px;}
	.privacy_txt ul li {font-size:13px;line-height:20px;}

	.agreement h2 {font-size:22px;}
	.agreement_txt h3 {font-size:15px;}
	.agreement_txt h2 {font-size:18px;}
	.agreement_txt p {font-size:13px;line-height:20px;}
	.agreement_txt ul li {font-size:13px;line-height:20px;}

	/*sub*/
	.sub_banner {height:240px;}
	.sub_banner > div {top:40%;width:80%;}
	.sub_banner .tel_box {padding:15px 0px;}
	.sub_banner h2 {font-size:24px;}
	.sub_banner .tel_box > a {font-size:18px;}
	.sub_txt_title {font-size:20px;}
	.sub_title {font-size:24px;margin:40px 0 40px;}
	.db {text-decoration:underline;}

	.tab_menu {width:90%;margin-bottom:40px;margin-top:20px;}
	.tab_menu li a {font-size:13px;padding:10px 0px;}

	.sub1_1 .sub_txt {margin-right:0px;}
	.sub1_1 .sub_txt h3 {font-size:18px;}
	.sub1_1 .sub_txt h3 b {font-size:18px;}
	.sub1_1 .sub_txt .sign {font-size:18px;}
	.sub1_1 .sub_img {display:none;}

	.service_contnet {padding:30px 0;}
	.service_contnet h3 {font-size:18px;}
	.service_contnet ul li {font-size:15px;padding-left:10px;}
	.service_contnet ul li:before {width:3px;height:3px;}

}

@media screen and ( max-width:810px ) {

	/*main_banner*/
	.main_banner {display:none;}
	.m_banner {display:block;}
	.m_banner img {width:100%;}
	.m_banner .swiper-pagination {z-index:2 !important;}
	.m_banner .swiper-pagination-bullet {width:20px;height:20px;opacity:1;border-radius:50%;background:none;border:2px solid #fff;box-sizing:border-box;margin:8px !important;}

	.ul_gallery li {width:49%;margin-top:5%;}
	.ul_gallery li:nth-child(2n+2) {margin-right:0%;}
	.ul_gallery li:nth-child(3) {margin-top:5%;}
	.ul_gallery li:nth-child(4) {margin-top:5%;}
	.ul_gallery li a:last-child {font-size:15px;}

}

@media screen and ( max-width:660px ) {

	#quick_pop{display:none}
	#left_pop{display:none}
	.section_title {margin-bottom:50px;}
	.section_title h4 {font-size:24px;}
	.section_title h3 {font-size:40px;}
	.section01_slider .swiper-slide a {height:260px;}
	.section01_slider .swiper-slide a h3 {font-size:20px;}
	.section01_slider .swiper-slide a p {font-size:15px;line-height:22px;height:40px;}

	.section04 .box_title {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.section04 .box_title h5 {font-size:22px;}
	.section04 .box_title a {font-size:15px;margin-top:5px;}
	.section04 .notice_box ul li a {font-size:15px;}
	.section04 .cscenter_box ul li {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.section04 .cscenter_box ul li h5 {font-size:15px;margin-right:0px;margin-bottom:5px;text-align:center;}
	.section04 .cscenter_box ul li a {font-size:34px;margin-top:10px;}

	footer .ft_top .ft_top_con ul li a {font-size:13px;}
	footer .ft_con ul li b {font-size:13px;}
	footer .ft_con ul li p {font-size:13px;line-height:22px;}
	footer .ft_con > div > p {font-size:13px;}

	/*sub*/
	.sub_menu_total {display:none;}
	.sub_m_menu {display:block;}
	.sub_m_menu > li > div {
		padding:10px 20px;cursor:pointer;
		display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	}
	.sub_m_menu li p {color:#fff;}
	.sub_m_menu > li > ul > li {background:#f4f4f4;border-bottom:1px solid #eee;}
	.sub_m_menu > li > ul > li:last-child {border-bottom:none;}
	.sub_m_menu > li > ul > li a {font-size:15px;color:#515151;padding:15px 20px;display:block;}
	.sub_content_nav {display:none;}

	.root_daum_roughmap .wrap_map {height:260px !important;}

	/*sub5_1*/
	.th_writer , .th_hit , .td_writer , .td_hit {display:none;}
	.notice_table tr td.td_title {font-size:13px;}
	.notice_form {-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.notice_form button.writing_btn {margin-top:20px;}
	.popup{position:fixed;left:5px !important;top:10px !important;margin-left:-0px !important;width:90% !important;height:auto !important;box-shadow:0px 0px 0px 0px !important}

	.popup img{width:100%;height:auto;}
}

.sub_content img{
	max-width:1200px;
}

@media screen and ( max-width:510px ) {

	.sub_content img{
		max-width:1200px;
		width:99%;
	}
	#quick_pop{display:none}
	#left_pop{display:none}
	.board_form input {width:100px;}
	#content_th{display:none}
	.popup{position:fixed;left:5px !important;top:10px !important;margin-left:-0px !important;width:90% !important;height:auto !important;box-shadow:0px 0px 0px 0px !important}
	.popup img{width:100%;height:auto;}

}

/*builder_color*/
.builder_txt_hover:hover {color:#aaa !important;}

/*색상 변경 코드*/
.builder_txt {color:#f7941e !important;}
.builder_bg {background:#f7941e !important;}
.builder_bg_hover:hover {border:3px solid #f7941e;}
.builder_bullet {position:relative;}
.builder_bullet:before {content:'';width:8px;height:8px;position:absolute;top:5px;left:0px;border:3px solid #f7941e;border-radius:50%;}
.main_banner .swiper-pagination-bullet-active {background:#f7941e;border:none;}
.m_banner .swiper-pagination-bullet-active {background:#f7941e;border:none;}
.sub_menu li a.active {color:#f7941e;}
.sub_menu li a.active:before {background:#f7941e !important;}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding-right: 17px
}

.menubutton1 {
	padding-left:20px;
	padding-right:20px;
	margin-right:10px;
	margin-bottom:15px;
    height: 50px;
	line-height: 50px;
	border-radius:25px;
	background: #FFFFFF;
	border:1px solid #C0C0C0;
	color:#000;
	font-size:15px;
	float: left;  
	text-align: center; 
}


.menubutton1.on{
	background:#267f2b;
	color:#fff;
}



.menubutton1:hover {
	background:#267f2b;
	color:#fff;
}

.menubutton1.current {
	background:#267f2b;
	color:#fff;
}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}