/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }

@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('/font/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('/font/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('/font/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('/font/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('/font/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('/font/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('/font/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('/font/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('/font/SUIT-Heavy.woff2') format('woff2');
}
/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff; font-size:15px; line-height:1.6; font-family: 'SUIT'; color:#555;}
th,td,input,select,textarea,button {font-size:15px; line-height:1.6; font-family: 'Noto Sans KR'; color:#555;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}


/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto; overflow: hidden;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

/* header */
#header { position:absolute; left:0; right:0; top:0; z-index:2000; border-bottom:1px solid rgba(255,255,255,.5);}
#header .inner { display:flex; justify-content:center; align-items:center; position:relative; height:100px;}
#header h1 { position:absolute; left:0; width:228px;}
#header h1 a img { position:absolute; left:0; top:50%; transform:translateY(-50%);}
#header h1 a img.on { opacity:0;}
#header .gnb { display:flex; position:relative; height:100%;}
#header .gnb > li { position:relative; padding:0 49px; height:100%;}
#header .gnb > li::before { content:''; display:block; position:absolute; left:50%; bottom:29px; transform:translateX(-50%); width:0; height:2px; background:#006537; transition:.5s;}
#header .gnb > li.on::before { width:35px;}
#header .gnb > li > a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:18px; color:#fff; font-weight:500;}
#header .gnb .sub_menu { display:none; position:absolute; left:0; top:calc(100% + 1px); width:100%;}
#header .gnb .sub_menu li { width:100%; height:50px; background:rgba(34,34,34,.7);}
#header .gnb .sub_menu li ~ li { margin-top:1px;}
#header .gnb .sub_menu li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:16px; color:#fff;}
#header .gnb .sub_menu li:hover { background:rgba(0,101,55,.7);}

#header .all_sub { display:none; position:absolute; left:0; top:calc(100% + 1px); z-index:100; padding:20px 0; width:100%; height:333px;}
#header .all_sub::before { content:''; display:block; position:absolute; left:50%; top:-15px; margin-left:-3px; opacity:0; transform:scale(.5); width:6px; height:6px; background:#8bc142; border-radius:50%; transition:.5s;}
#header .all_sub.on::before { opacity:1; transform:scale(1); top:-25px;}
#header .all_sub li ~ li { margin-top:15px;}
#header .all_sub li a { display:block; font-size:16px; color:#222; line-height:20px; text-align:center;}
#header .all_sub li:hover a,
#header .all_sub li.on a { color:#8bc142;}
#header .menu_bg { display:none; position:absolute; left:0; right:0; top:100%; z-index:-1; background:#fff; height:333px; border-top:1px solid #8bc142;}

#header .menu_btn { display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:300; width:27px; height:18px;}
#header .menu_btn span { position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:2px; background:#fff;}
#header .menu_btn span::before { content:''; position:absolute; right:0; top:-8px; width:27px; height:2px; background:#fff; transition:transform .5s;}
#header .menu_btn span::after { content:''; position:absolute; right:0; top:8px; width:27px; height:2px; background:#fff; transition:transform .5s;}
#header .menu_btn.on span { background:transparent;}
#header .menu_btn.on span::before { top:0; transform:rotate(45deg); background:#016035;}
#header .menu_btn.on span::after { top:0; transform:rotate(-45deg); background:#016035;}

#header.on,
#header:hover { background:#fff;}
#header.on h1 img,
#header:hover h1 img { opacity:0;}
#header.on h1 img.on,
#header:hover h1 img.on { opacity:1;}
#header.on .gnb > li > a,
#header:hover .gnb > li > a { color:#222;}
#header.on .menu_btn span, 
#header:hover .menu_btn span { background:#8bc142;}
#header.on .menu_btn span::before, 
#header.on .menu_btn span::after,
#header:hover .menu_btn span::before,
#header:hover .menu_btn span::after { background:#016035;}
#header.on .menu_btn.on span,
#header:hover .menu_btn.on span { background:transparent;}

/* visual */
#visual_wrap { position:relative;}
#visual_wrap .visual li { position:relative;}
#visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;}
#visual_wrap .txt_wrap strong { display:block; position:relative; top:-30px; opacity:0; font-size:55px; color:#fff; font-weight:500; transition:1s;}
#visual_wrap .txt_wrap p { position:relative; top:30px; opacity:0; margin-top:10px; font-size:25px; color:#fff; line-height:40px; font-weight:500; transition:.5s .5s;}
#visual_wrap .visual li.swiper-slide-active .txt_wrap strong { top:0; opacity:1;}
#visual_wrap .visual li.swiper-slide-active .txt_wrap p { top:0; opacity:1;}
#visual_wrap .swiper-button-prev { position:absolute; left:50%; top:50%; margin-top:-25px; margin-left:-700px; width:27px; height:50px; background:url(/images/main/visual_btn_prev.png) center no-repeat;}
#visual_wrap .swiper-button-next { position:absolute; right:50%; top:50%; margin-top:-25px; margin-right:-700px; width:27px; height:50px; background:url(/images/main/visual_btn_next.png) center no-repeat;}
#visual_wrap .swiper-pagination { position:absolute; right:50%; bottom:65px; margin-right:-700px;}
#visual_wrap .swiper-pagination::before { content:''; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:1px; background:#fff;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet { position:relative; margin:0 14px; width:12px; height:12px; background:#fff; opacity:0.5; transition:.5s;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet::before { opacity:0; content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1; width:28px; height:28px; background:rgba(255,255,255,.35); border-radius:50%;} 
#visual_wrap .swiper-pagination .swiper-pagination-bullet-active { margin:0 19px; opacity:1;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet-active::before { opacity:1;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet:first-child { margin-left:0;}
#visual_wrap .swiper-pagination .swiper-pagination-bullet:last-child { margin-right:0;}
#visual_wrap .scroll_down { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:500;}
#visual_wrap .scroll_down span { display:block; position:relative; padding-bottom:40px; font-size:13px; color:#fff; line-height:1;}
#visual_wrap .scroll_down span::before { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:1px; height:30px; background:#fff;}
#visual_wrap .scroll_down span::after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:5px; height:5px; background:#fff; border-radius:50%; animation:scrollAni 1s ease-in-out infinite alternate;}
@keyframes scrollAni {
	0% { bottom:25px;}
	100% { bottom:0;}
}

/* section */
.sec_txt_box { position:absolute; left:30px; bottom:30px; letter-spacing:-0.1px; line-height:1;}
.sec_txt_box span { font-size:20px; color:#8bc142; font-weight:900;}
.sec_txt_box strong { display:block; margin:20px 0; font-size:22px; color:#fff; font-weight:600;}
.sec_txt_box em { position:relative; padding-right:28px; font-size:15px; color:#fff;}
.sec_txt_box em::after { content:''; display:block; position:absolute; right:0; top:2px; width:18px; height:18px; border:1px solid #fff; border-radius:50%; background:url(/images/main/sec02_ico_view.png) center no-repeat;}

#section01 { padding:100px 0; background:url(/images/main/sec01_bg.jpg) center no-repeat; background-size:cover;}
#section01 .sec01_list { display:flex;}
#section01 .sec01_list li { overflow:hidden; flex:1; position:relative; transition:.5s;}
#section01 .sec01_list li a > p { filter:grayscale(1); transition:1s;}
#section01 .sec01_list li:hover a > p { transform:scale(1.05);}
#section01 .sec01_list li.on { flex:3;}
#section01 .sec01_list li.on a > p { filter:grayscale(0);}
#section01 .sec01_list li a .txt_wrap { position:absolute; left:0; right:0; top:0; bottom:0; padding:30px; line-height:1; letter-spacing:-0.1px;}
#section01 .sec01_list li a .txt_wrap .sec01_con_tit { opacity:0; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; font-size:35px; color:#fff; font-weight:600;}
#section01 .sec01_list li.on a .txt_wrap .sec01_con_tit { opacity:1; transition:.5s;}
#section01 .sec01_list li a .txt_wrap .view_more { opacity:0; display:flex; justify-content:flex-end; transition:.5s;}
#section01 .sec01_list li.on a .txt_wrap .view_more { opacity:1;}

#section02 { padding:100px 0; background:url(/images/main/sec02_bg.jpg) center no-repeat; background-size:cover;}
#section02 .sec02_list { display:flex; flex-wrap:wrap; justify-content:space-between;}
#section02 .sec02_list li { overflow:hidden; position:relative; width:320px; height:320px;}
#section02 .sec02_list li:nth-child(5) { margin-top:40px; width:100%;}
#section02 .sec02_list li a { display:block; position:relative; width:100%; height:100%;}
#section02 .sec02_list li a::before { opacity:0; content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; border:7px solid #8bc142; transition:.5s;}
#section02 .sec02_list li:hover a::before { opacity:1;}
#section02 .sec02_list li a .img_wrap { position:relative; width:100%;}
#section02 .sec02_list li a .img_wrap img { width:100%; transition:1.5s;}
#section02 .sec02_list li:hover a .img_wrap img { transform:scale(1.1);}

#section03 { position:relative; padding:100px 0 190px; background:url(/images/main/sec03_bg.jpg) left top 100px no-repeat; background-size:77.86% 550px;}
#section03::after { content:''; display:block; position:absolute; opacity:0; right:-100px; bottom:100px; z-index:-1; width:962px; height:460px; background:#8bc142 url(/images/main/sec03_ico_bg.png) right 47px bottom 1px no-repeat; transition:1s;}
#section03 .sec03_form { padding:75px 0 70px; height:550px; line-height:1;}
#section03 .sec03_form .form_wrap { position:relative; left:-100px; opacity:1; width:642px; height:100%; transition:.8s;}
#section03 .sec03_form .form_tit { margin-bottom:28px; line-height:1;}
#section03 .sec03_form .form_tit span { font-size:15px; color:#fff;}
#section03 .sec03_form .form_tit strong { display:block; margin:20px 0 25px; font-size:35px; color:#fff; font-weight:600;}
#section03 .sec03_form .form_box { }
#section03 .sec03_form .form_box .top_box { display:flex; justify-content:space-between; margin-bottom:40px;}
#section03 .sec03_form .form_box .top_box .input01 label { display:block; font-size:15px; color:#fff; font-weight:600; font-family: 'SUIT';}
#section03 .sec03_form .form_box .top_box .input01 input { padding:0 10px; width:300px; height:40px; outline:0; border:0; border-bottom:1px solid #fff; background:transparent; color:#fff;}
#section03 .sec03_form .form_box .top_box .input_name input{width:150px;}
#section03 .sec03_form .form_box .top_box .input_name span{color:#fff;}
#section03 .sec03_form .form_box .text_box { width:100%;}
#section03 .sec03_form .form_box .text_box label { display:block; margin-bottom:40px; font-size:15px; color:#fff; font-weight:600; font-family: 'SUIT';}
#section03 .sec03_form .form_box .text_box textarea { padding:10px; width:100%; height:85px; border:1px solid #fff; background:transparent; color:#fff;}
#section03 .sec03_form .form_box .btn_wrap { margin-top:38px; text-align:right;}
#section03 .sec03_form .form_box .btn_submit { width:220px; height:40px; border:1px solid #fff; font-size:15px; color:#fff; font-weight:700; font-family: 'SUIT';}

#section03.on .sec03_form .form_wrap { left:0; opacity:1;}
#section03.on::after { right:0; opacity:1;}

/* footer */
#footer { padding:42px 0 48px; background:#222; letter-spacing:-0.1px;}
#footer .inner { position:relative;}
#footer address { font-size:15px; color:#bbb; line-height:32px;}
#footer address i { display:inline-block; margin:0 10px;}
#footer .copy { margin-top:13px; font-size:15px; color:#bbb;}
#footer .footer_logo { position:absolute; right:0; top:7px;}

/* === SUB === */
#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { font-size:45px; color:#fff; font-weight:500;}
#sub_visual_wrap .txt_wrap .sub_list { display:inline-flex; align-items:center; margin-top:20px;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative; padding: 0 20px 0 26px; font-size:13px; color:#fff;}
#sub_visual_wrap .txt_wrap .sub_list li:first-child { padding-left:0; width:40px; height:15px; background:url(/images/sub/sub_list_ico_home.png) left center no-repeat; text-indent:-9999px;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child { padding-right:0;}
#sub_visual_wrap .txt_wrap .sub_list li ~ li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#fff;}

/* sub_tab_menu */
.sub_tab_menu { position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.sub_tab_menu .inner { display:flex; justify-content:center; align-items:center; height:60px;}
.sub_tab_menu h3 { position:relative; padding:0 31px; line-height:1;}
.sub_tab_menu h3 ~ h3::before { content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:35px; background:#fff;}
.sub_tab_menu h3::after { opacity:0; content:''; display:block; position:absolute; right:20px; top:-10px; width:5px; height:5px; border-radius:50%; background:#fff;}
.sub_tab_menu h3.on::after { opacity:1;}
.sub_tab_menu h3 a { display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; letter-spacing:-0.1px;}

#sub_contents { padding:80px 0 100px;}	
#sub_contents .contop { margin-bottom:50px; text-align:center; line-height:1;}
#sub_contents .contop h3 { font-size:35px; color:#222; font-weight:500;}

/* sub0101 */
.sub0101_wrap .con1{margin-bottom:50px;}
.sub0101_wrap .con2 ul li{font-size:16px; text-align:center; line-height:2;}
.sub0101_wrap .con2 ul li:nth-child(n+2){padding-top:30px;}

/* sub0102 */
.sub0102_wrap .con1{display:flex; justify-content: space-between; align-items: center;}
.sub0102_wrap .con1 .right ul li{font-size:16px; line-height:2;}
.sub0102_wrap .con1 .right ul li span{position:relative; display:block; font-size:18px; font-weight:600; color:#222; }
.sub0102_wrap .con1 .right ul li span::before{position:absolute; content:""; width:25px; height:2px; background:#006537; top:50px; left:0;}
.sub0102_wrap .con1 .right ul li:nth-child(n+2){padding-top:30px;}
.sub0102_wrap .con1 .right ul li:last-child{text-align:right; font-weight:600;}

/* sub0103 */
.g_pc_map_wrap{width:100%; position:relative;}
.g_sub_map{display:block; width:100%;}
.g_pc_map_wrap > div{position:absolute;}
.g_pc_map_wrap > div > span {position:relative; display:inline-block;}
.g_pc_map_wrap > div span.hover {display:none; position:absolute; top:-70px; left:-70px; z-index:9;}
.g_pc_map_wrap > div > span > img{display:block; cursor:pointer;}
.g_pc_map_wrap > div span.hover span.g_map_hover {display:inline-block;}
.g_map_hover{width:150px; height:66px; text-align:center; padding:16px 0; background:url(/images/sub/map_box.png) no-repeat left top;}
.g_map_hover p{font-size:15px; font-weight:500; color:#006537;}
.g_map_hover p em{display:block; font-size:12px;}
.g_pc_map_wrap > div:nth-child(1){top:271px; left:239px;}
.g_pc_map_wrap > div:nth-child(2){top:175px; left:275px;}
.g_pc_map_wrap > div:nth-child(3){top:364px; left:225px;}
.g_pc_map_wrap > div:nth-child(4){top:498px; left:423px;}
.g_pc_map_wrap > div:nth-child(5){top:574px; left:370px;}
.g_pc_map_wrap > div:nth-child(6){top:639px; left:401px;}
.g_pc_map_wrap > div:nth-child(7){top:603px; left:430px;}
.g_pc_map_wrap > div:nth-child(8){top:167px; left:686px;}
.g_pc_map_wrap > div:nth-child(9){top:152px; left:718px;}
.g_pc_map_wrap > div:nth-child(10){top:169px; left:739px;}
.g_pc_map_wrap > div:nth-child(11){top:194px; left:688px;}
.g_pc_map_wrap > div:nth-child(12){top:195px; left:728px;}
.g_pc_map_wrap > div:nth-child(13){top:212px; left:677px;}
.g_pc_map_wrap > div:nth-child(14){top:221px; left:666px;}
.g_pc_map_wrap > div:nth-child(15){top:202px; left:642px;}
.g_pc_map_wrap > div:nth-child(16){top:224px; left:689px;}
.g_pc_map_wrap > div:nth-child(17){top:272px; left:621px;}
.g_pc_map_wrap > div:nth-child(18){top:279px; left:634px;}
.g_pc_map_wrap > div:nth-child(19){top:245px; left:663px;}
.g_pc_map_wrap > div:nth-child(20){top:263px; left:703px;}
.g_pc_map_wrap > div:nth-child(21){top:279px; left:737px;}
.g_pc_map_wrap > div:nth-child(22){top:241px; left:687px;}
.g_pc_map_wrap > div:nth-child(23){top:238px; left:708px;}
.g_pc_map_wrap > div:nth-child(24){top:218px; left:720px;}
.g_pc_map_wrap > div:nth-child(25){top:256px; left:730px;}
.g_pc_map_wrap > div:nth-child(26){top:172px; left:1047px;}
.g_pc_map_wrap > div:nth-child(27){top:341px; left:834px;}
.g_pc_map_wrap > div:nth-child(28){top:278px; left:789px;}
.g_pc_map_wrap > div:nth-child(29){top:330px; left:933px;}
.g_pc_map_wrap > div:nth-child(30){top:364px; left:978px;}
.g_pc_map_wrap > div:nth-child(31){top:434px; left:993px;}
.g_pc_map_wrap > div:nth-child(32){top:382px; left:1068px;}
.g_pc_map_wrap > div:nth-child(33){top:394px; left:1097px;}
.g_pc_map_wrap > div:nth-child(34){top:436px; left:1074px;}
.g_pc_map_wrap > div:nth-child(35){top:456px; left:1089px;}
.g_pc_map_wrap > div:nth-child(36){top:476px	; left:1161px;}
.g_pc_map_wrap > div:nth-child(37){top:394px; left:1160px;}
.g_pc_map_wrap > div:nth-child(38){top:350px; left:1120px;}
.g_pc_map_wrap > div:nth-child(39){top:346px; left:1150px;}
.g_pc_map_wrap > div:nth-child(40){top:294px; left:1060px;}
.g_pc_map_wrap > div:nth-child(41){top:290px; left:1201px;}
.g_pc_map_wrap > div:nth-child(42){top:581px; left:1220px;}
.g_pc_map_wrap > div:nth-child(43){top:670px; left:1315px;}

/* sub0104 */
.sub0104_wrap .con1 .txt_wrap{margin-top:50px;}
.sub0104_wrap .con1 .txt_wrap table{width:100%;}
.sub0104_wrap .con1 .txt_wrap table tr th{padding:15px 0; background:#f8f8f8; border:1px solid #ddd;}
.sub0104_wrap .con1 .txt_wrap table tr td{padding:15px 0; text-align:center; border:1px solid #ddd;}

/* sub02 */
.sub02 .con_top{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:100px;}
.sub02 .con_top img{margin-right:50px;}
.sub02 .con_top .txt_wrap strong{display:block; position:relative; font-size:22px; color:#006537; padding:30px 0 50px; margin-bottom:50px; width:850px;}
.sub02 .con_top .txt_wrap strong::before{position:absolute; content:''; width:200px; height:2px; background:#006537; left:0; bottom:0;}
.sub02 .con_top .txt_wrap p{font-size:16px; color:#222;}
.sub02 .con1{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:50px;}
.sub02 .con1:last-child{margin-bottom:0;}
.sub02 .con1 img{margin:0 50px 0 20px;}
.sub02 .con1 .txt_box{width:100%; border-radius:10px; height:170px; padding:30px; background:#f5f5f5;}
.sub02 .con1 .txt_box strong{display:block; font-size:16px; color:#222; font-weight:600; margin-bottom:10px;}
.sub02 .con1 p em{position:relative; display:inline-block; font-size:22px; color:#8ec025; font-weight:700; width:32px; padding:0 0 2px ;}
.sub02 .con1 p em::before{position:absolute; content:''; width:24px; height:24px; background:#eee; border-radius:50%; right:0; bottom:0; z-index:-10;}
.sub02 .con1 ul li{display:inline-block; width:48%; position:relative; padding-left:15px;}
.sub02 .con1 ul li:before{position:absolute; display:block; content:''; width:4px; height:4px; border-radius:50%; background:#8ec025; left:0; top:10px;}

/* sub0301 */
.sub0301 .con1 div{margin-left:480px;}
.sub0301 h5{font-size:22px; color:#222; padding-bottom:10px; border-bottom:2px solid #006537; text-align:center; margin:30px 0;}
.sub0301 > div > div{width:440px; height:150px; border-radius:5px; border:1px solid #ddd; text-align:center; padding:30px 0; float:left; margin-right:40px; margin-bottom:40px;}
.sub0301 > div > div:nth-child(3n+1){margin-right:0;}
.sub0301 > div > div p{font-size:18px; color:#222; font-weight:500; margin-top:10px;}

/* sub0401 */
.sub0401 iframe{border-radius:20px; overflow:hidden;}
.sub0401 .online{margin-top:50px; background:url('/images/sub/sub_logo.png')right bottom no-repeat;}

/* sub0403 */
.online{width:100%; border-top:2px solid #006537;}
.online th{border-right:1px solid #ddd; background:#f5f5f5; color:#006537; border-bottom:1px solid #ddd;}
.online td{padding:20px; border-bottom:1px solid #ddd;}
.online td span{display:inline-block; margin:0 10px;}
.online input[type='text']{border:1px solid #ddd; height:35px; padding:0 10px; width:250px;}
.online input::placeholder{color:#999; font-size:13px;}
.online textarea{width:100%; border:1px solid #ddd; height: 130px; resize:none; overflow:auto;}
.sub0403 button{float:right; width:120px; height:45px; background:#006537; margin-top:30px;}
.sub0403 button a{text-align:center; color:#fff;}

/* sub0501 */
.sub0501 img{padding:30px 0; border:1px dashed #ddd; margin:20px 0; border-radius:20px;}
.sub0501 span{position:relative; font-size: 18px; color: #222; font-weight:600; display:block; padding-bottom:10px; margin-bottom:10px;}  
.sub0501 span:before{position: absolute; content: ""; width: 25px; height: 2px;  background: #006537; bottom:0;  left: 0;	}
.sub0501 strong{font-size:18px; color: #006537; display:block; margin: 30px 0 10px;}
.sub0501 table{margin-bottom:30px;}
.sub0501 button{display:inline-block; width:150px; height:45px; background:#006537; margin:0 625px 20px;}
.sub0501 button a{color:#fff;}