@charset "UTF-8";

/* 필요한 폰트만 사용할것 나머지 주석처리*/
/*@import url(fontawesome-all.css);   폰트어썸 : cdn 작동하지 않을때 주석풀것 */
/*@import url(nanumbarungothic.css);  나눔바른고딕 :    font-family: 'Nanum Barun Gothic', sans-serif; font-weight:400;    */
/*@import url(nanumsquare.css); /* 나눔스퀘어 :    font-family: 'NanumSquare', sans-serif; font-weight:400;    */
@import url(notosanskr.css); /*   NotoSanskr :   font-family: 'Noto Sans KR', sans-serif;  font-weight:400;         */
@import url(font_etc.css); /*   font-family: 'Do Hyeon', sans-serif;         */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@200;300;400;500;600;700;800&display=swap'); /* font-family:'Poppins', sans-serif; font-weight:400; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */

body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {margin:0;padding:0; font-size:14px; color:#000; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none; color:#000;}
strong{font-weight:700;}


.lview{}
.mview{display:none !important;}
.sview{display:none !important;}

.pc_only {display:block !important;}
.mobile_only {display:none !important;}


#top_btn  {display:block; }

#mobile_header {position:relative; width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:99997; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background-color:#fff;}
#mobile_header h1 { width:220px; padding-top:8px; text-align:center; margin:0 auto; }
#mobile_header h1 img { width:30%; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#333;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#333; }
.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}


#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
#sideMenu {position:fixed; top:0; left:-250px; width:250px; height:100%; background-color:#fff; z-index:100001; overflow: auto}
#sideMenu .side_title{position:relative; height:60px; line-height:60px; background-color:#c16443; color:#fff; text-align:center; font-size:1.3em; }
#sideMenu .side_close{position:absolute; top:15px; right:10px; color:#fff; font-size:1.5em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;}
#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}/*주메뉴 마우스 아웃*/
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,.1); text-align:left; background-color:#fff; font-size:1.15em; color:#000; text-indent:15px; cursor:pointer;}
#sideMenu .navi_set > div a {display:block; width:100%; font-family:'Poppins', sans-serif; font-weight:400;}
#sideMenu .navi_set > div i{float:right; margin-right:10px; margin-top:18px;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid rgba(0,0,0,.1);}
#sideMenu .navi_set ul li a{position:relative; display:block; width:100%; height:40px; line-height:40px; text-align:left; font-size:1em; color:#333; cursor:pointer; padding-left:25px; background-color:#fff; }
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#999b9e; }
#sideMenu .navi_btn {width:100%; text-align:center; color:#fff; font-weight:700;  margin:0; background-color:#999b9e;}
#sideMenu .navi_btn a {color:#fff; display:block; font-size:1.4em;  padding:15px 0;}
#sideMenu .navi_btn a i {display:inline-block; vertical-align:middle; font-size:1.15em; margin-right:5px; transform: rotate(-35deg);}
#sideMenu .navi_btn a span {display:inline-block; background:#fff; border-radius:50px; padding:0 6px; margin-right:8px; font-size:0.75em;}



#header_wrap{ width:100%;  background-color:#fff; }
#header_wrap:after{content:""; display:block; clear:both;}
.header_area {position:relative; width:100%; max-width:1200px; margin:0 auto;  height:120px; }
.header_area:after{content:""; display:block; clear:both;}
h1.top_logo {position:absolute; left:0px; top:18px; transition:all 0.3s;}

.gnb {position:absolute; right:0; top:10px; }
.gnb a{display:inline-block; height:30px; line-height:30px; font-size:0.9em; color:#666; padding-left:15px;}
.gnb a:hover{color:#000;}

#lnb_wrap {position:absolute; right:0px; top:30px;}
#lnb_wrap:after{content:""; display:block; clear:both;}
.lnb { width:100%; height:90px; line-height:90px; text-align:center; }
.lnb:after{content:""; display:block; clear:both;}
.lnb ul {padding:0; margin:0; font-size:0; }
.lnb ul li {position:relative; display:inline-block; margin:0; padding:0 40px; font-size:18px; text-align:center; z-index: 9999999999;}
.lnb ul li:last-child{padding-right:0;}
.lnb ul li a {display:block; margin:0; padding:0; width:100%; height:90px; line-height:90px; font-size:1.05em; color:#000; letter-spacing:0.02em; cursor:pointer; font-weight:500;}
.lnb ul li .sub_menu { position:absolute; top:90px; left:50%; margin-left:-90px; text-align:center; background:rgba(255,255,255,1);  overflow:hidden; padding:0; height:0px; -webkit-transition: all 200ms ease-in;	-ms-transition: all 200ms ease-in;	-moz-transition: all 200ms ease-in;	transition: all 200ms ease-in; }
.lnb ul li .sub_menu a {display:block; width:180px; height:40px; line-height:40px; font-size:1em; color:#000; border:0px solid #eee; border-top:0; box-sizing:border-box;	-webkit-transition: all 0.3s ease;		-moz-transition: all 0.3s ease;		-o-transition: all 0.3s ease;		transition: all 0.3s ease;	}
.lnb ul li .sub_menu a:hover {width:180px; height:40px; line-height:40px; background-color:#15305E; color:#fff;}
.lnb ul li:hover > a{margin:0; padding:0; cursor:pointer; color:#15305E;}
.lnb ul li:hover .sub_menu {-webkit-transition: all 200ms ease-in;	-ms-transition: all 200ms ease-in;	-moz-transition: all 200ms ease-in;	transition: all 200ms ease-in; }
.lnb ul li:nth-child(1):hover .sub_menu {height:80px;} 
.lnb ul li:nth-child(2):hover .sub_menu {height:80px;}
.lnb ul li:nth-child(3):hover .sub_menu {height:0px;} 
.lnb ul li:nth-child(4):hover .sub_menu {height:120px;}
.lnb ul li:nth-child(5):hover .sub_menu {height:0px;}
#header_wrap.header_fixed{position:fixed; top:-35px; left:0; z-index:9; border-bottom:1px solid #eee; z-index:99997;}
#header_wrap.header_fixed h1.top_logo { top:40px;}
#header_wrap.header_fixed h1.top_logo img {width:90%;}



#main_visual{ position:relative; width:100%; min-width:320px; padding:0; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:700px; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide .backgroundimg1 {width:100%; height:100%; background:url('/html/image/main_visual01.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
#main_visual .swiper-slide .backgroundimg2 {width:100%; height:100%; background:url('/html/image/main_visual03.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
#main_visual .sliderkit-text {z-index:1; width:100%; max-width:1200px; border:0px solid red; position:absolute; top:35%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; }
#main_visual .sliderkit-text h1.lviewa{font-size:5em;  color:#fff; line-height:1em; text-shadow:0px 0px 1px #000; font-family: 'Poppins', sans-serif; font-weight:600; text-transform:uppercase; transition:all 0.3s;}
#main_visual .sliderkit-text h1.sviewa{margin-top:25px; font-size:1.85em;  color:#fff; line-height:1.25em; letter-spacing:0.05em; text-shadow: 0px 0px 1px #000; font-weight:400; transition:all 0.3s;}
#main_visual .sliderkit-text h1.sviewa span{font-weight:900; font-size:1.3em; color:#fff; }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; top:50%; margin-top:-36.5px; display:block; background:url("/html/image/btn_prev.png")  center left no-repeat; opacity : 0.7; width:35px; height:73px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; top:50%; margin-top:-36.5px; display:block; background:url("/html/image/btn_next.png") center right no-repeat; opacity : 0.7; width:35px; height:73px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#main_visual .swiper-pagination-bullet-active{ background-color:#fff !important; }




.sec1{width:100%; padding:80px 0; }
.sec1_area {width:100%; max-width:1200px; text-align:center; margin:0 auto;}
.sec1_area:after{content:''; display:block; clear:both;}
.sec1_area .sec1_title {text-align:center;}
.sec1_area .sec1_title h2.tit1{ font-size:2.8em; font-weight:700; color:#000; line-height:1.2em;}
.sec1_area .sec1_title p{ font-size:1.3em; color:#333; font-weight:400; margin-top:20px; word-break:keep-all;}
.sec1_area .sec1_box {width:100%; margin:50px auto;}
.sec1_area .sec1_box ul{width:100%; padding:0; margin:0; overflow:hidden; }
.sec1_area .sec1_box ul li{float:left; width:380px; margin-right:30px; border:0px solid #eee; box-sizing:border-box; }
.sec1_area .sec1_box ul li:last-child{margin-right:0;}
.sec1_area .sec1_box ul li a {display:block; }
.sec1_area .sec1_box ul li .img {background-color:#eee; border-bottom:1px solid #eee}
.sec1_area .sec1_box ul li .img img {width:100%; }
.sec1_area .sec1_box ul li .txts{ padding:15px 25px; word-break:keep-all; background-color:#fff; }
.sec1_area .sec1_box ul li .txts p{display:block; margin-bottom:15px; font-size:1.5em; color:#444; transition:all 0.3s;}
.sec1_area .sec1_box ul li .txts span {display:block; min-height:40px; margin-bottom:15px; font-size:1em; color:#444; }
.sec1_area .sec1_box ul li:hover .txts p {color:#c16443;}
.sec1_area a.btn_more {display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; font-size:1.2em; color:#fff; background-color:#2e2e2e; border:1px solid #2e2e2e; transition:all 0.3s; }
.sec1_area a.btn_more:hover {color:#fff;  background-color:#000; border:1px solid #000; transition:all 0.3s;}
.sec1_area a.btn_online {display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; font-size:1.2em; color:#fff; background-color:#c16443; border:1px solid #c16443; transition:all 0.3s;}
.sec1_area a.btn_online:hover {color:#fff;  background-color:#000; border:1px solid #000; transition:all 0.3s;}



.sec2{width:100%; background-color:#15305e;}
.sec2_area{width:100%; max-width:1200px; margin:0 auto; }
.sec2_area:after{content:''; display:block; clear:both;}
.sec2_area ul {width:100%; margin:0; padding:0; }
.sec2_area ul li{float:left; width:300px; text-align:center; transition:all 0.3s;}
.sec2_area ul li a{ display:block; margin:0; padding:50px 20px;}
.sec2_area ul li div.icon_bg{ display:block; width:100px; height:80px; margin:0 auto; line-height:80px;}
.sec2_area ul li div.icon_bg i{color:#fff; font-size:4em;}
.sec2_area ul li .txts {display:block; }
.sec2_area ul li .txts p.t1 {display:block; font-size:1.65em; color:#fff; margin-top:15px;}
.sec2_area ul li .txts p.t2 {display:block; font-size:1.05em; color:rgba(255,255,255,0.8); margin-top:15px;}
.sec2_area ul li .btn_go {display:block; margin-top:30px; font-size:1.05em; color:#fff;  transition:all 0.3s;}
.sec2_area ul li .btn_go img {display:inline-block; vertical-align:top; margin-left:5px; margin-top:5px;}
.sec2_area ul li:hover .btn_go {padding-left:10px;  transition:all 0.3s;}
.sec2_area ul li:hover {background:#2f5cac; transition:all 0.3s;}



.comm_area{width:100%; max-width:1200px; margin:80px auto;}
.comm_area:after{content:''; display:block; clear:both;}
.comm_area .comm_box {width:100%; }
.comm_area .comm_box ul {width:100%; margin:0; padding:0; overflow:hidden; }
.comm_area .comm_box ul li{float:left; width:380px; min-height:300px; margin-right:30px; text-align:center; border:1px solid #ddd; box-sizing:border-box;}
.comm_area .comm_box ul li:last-child { margin-right:0; }
.comm_area .comm_box ul li a{ display:block; margin:0; padding:40px 20px;}
.comm_area .comm_box ul li div.icon_bg{ display:block; width:100px; height:100px; margin:0 auto; }
.comm_area .comm_box ul li div.icon1{ background:url('/html/image/icon_cus.png')no-repeat; background-size:cover;}
.comm_area .comm_box ul li div.icon2{ background:url('/html/image/icon_ip.png')no-repeat; background-size:cover;}
.comm_area .comm_box ul li .txts{ display:block; padding:15px 15px 0 15px;  transition:all 0.3s; }
.comm_area .comm_box ul li .txts p.t1 {display:block; font-size:1.85em; color:#000; }
.comm_area .comm_box ul li .txts p.t2 {display:block; font-size:1.25em; font-weight:700; margin-top:5px;}
.comm_area .comm_box ul li .txts p.t2.cor_1 { color:#2f5cac; }
.comm_area .comm_box ul li .txts p.t2.cor_2 { color:#c16443; }
.comm_area .comm_box ul li .txts p.t3 {display:block; font-size:1.15em;}
.comm_area .comm_box ul li .notice_box {width:100%; min-height:100%; padding:40px 30px 0 30px;}
.comm_area .comm_box ul li .notice_box .notice_tit{ float:left; position:relative; width:100%; height:40px; line-height:40px; text-align:left; font-size:1.85em;  font-weight:400;	}
.comm_area .comm_box ul li .notice_box .notice_more {position:absolute; top:0; right:0; font-size:1em; color:#666; }
.comm_area .comm_box ul li .notice_box .notice_more img {display:inline-block; vertical-align:top; margin-left:5px; margin-top:10px;}
.comm_area .comm_box ul li .notice_box ul.notice_list { float:left; width:100%; padding:0; margin-top:30px; }
.comm_area .comm_box ul li .notice_box ul.notice_list:after{content:''; display:block; clear:both;}
.comm_area .comm_box ul li .notice_box ul.notice_list li { width:100%; min-height:auto; padding:0; margin-bottom:10px; border:0; text-align:left; }
.comm_area .comm_box ul li .notice_box ul.notice_list li a {display:inline-block; font-size:14px; color:#333; padding:0; font-weight:400;}
.lt_info {float:right; padding:0 !important;}
.lt_info .lt_nick {display:none;}


.online_wrap { width:100%; max-width:1400px; margin:0 auto; }
.online_wrap:after{ content:""; display:block; clear:both;}
.online_wrap h2.online_title { display:block; font-size:1.5em; font-weight:700; color:#000; line-height:1em; letter-spacing:-0.05em;} 
.online_wrap h2.online_title p {display:inline-block; }
.online_wrap h2.online_title span.red { padding-left:5px; color: #e80300; }
.online_wrap .online_box {width:100%; padding-top:15px; margin-top:25px; border-top:1px solid #000; }
.online_wrap .online_box:after{ content:""; display:block; clear:both;}
.online_wrap .online_box ul {width:100%; margin:0; padding:0;}
.online_wrap .online_box ul li {float:left; width:100%; padding:10px 20px; border-bottom:1px solid #eee;}
.online_wrap .online_box ul li:last-child {margin-right:0;}
.online_wrap .online_box ul li dl {width:100%; font-size:0; vertical-align:top;}
.online_wrap .online_box ul li dl dt {width:12%; display:inline-block; }
.online_wrap .online_box ul li dl dt span { display:inline-block; vertical-align:middle; font-size:1.1em; color:#272727; }
.online_wrap .online_box ul li dl dt span.red { padding-left:5px; color: #e80300; }
.online_wrap .online_box ul li dl dd {width:88%; display:inline-block; vertical-align:middle;}
.online_wrap .online_box ul li dl dd input[type="text"]{ width:100%; height:50px; font-size:1em; padding:0 20px; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; max-width:500px;}
.online_wrap .online_box ul li dl dd input::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li dl dd input[type="checkbox"] { width:16px; height:50px; }
.online_wrap .online_box ul li dl dd label {display:inline-block; padding:0 25px 0 5px; cursor:pointer; }
.online_wrap .online_box ul li dl dd select.yesan {width:50%; height:50px; line-height:50px; text-indent:8px; color:#000; font-size:1em; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; max-width:500px;}
.online_wrap .online_box ul li dl dd .filebox {width:100%; }
.online_wrap .online_box ul li dl dd .filebox:after{content:""; display:block; clear:both;}
.online_wrap .online_box ul li dl dd .filebox .file_name { float:left; width:30%; height:50px; line-height:50px; font-size:1em; color:#000; padding:0 20px; border:0; background-color:#fff;  border:1px solid #e5e5e5;}
.online_wrap .online_box ul li dl dd .filebox .file_name input::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li dl dd .filebox label { float:left; width:100px; text-align:center; margin:0; padding:0; height:50px; line-height:50px; background:#666; border:1px solid #bcbcbc; border-radius:4px; cursor:pointer; }
.online_wrap .online_box ul li dl dd .filebox label span {text-align:center; font-size:1em; color:#fff; }
.online_wrap .online_box ul li dl dd .filebox input[type="file"] { position: relative; width:0; height: 0;  padding: 0; overflow: hidden;  border: 0;  opacity:0; cursor:pointer;	filter:alpha(opacity=0);	-ms-filter:"alpha(opacity=0)"; 	-moz-opacity:0;}
.online_wrap .online_box ul li dl dd .file_mark {display:inline-block; color:#272727; font-size:1em; line-height:1.5em; margin-left:20px; margin-top:15px;}
.online_wrap .online_box ul li dl dd .file_mark span.reference {display:inline-block; color:#d36651 !important; }
.online_wrap .online_box ul li dl dd textarea { width:100%; height:150px; font-size:1em; padding:15px 20px; resize:none; background:#fff; border:1px solid #e5e5e5;  box-sizing:border-box; }
.online_wrap .online_box ul li dl dd textarea::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li.w50 {float:left; width:50%; }
.online_wrap .online_box ul li.w50 dl dt {width:24.5%; display:inline-block; }
.online_wrap .online_box ul li.w50 dl dd {width:75.5%; display:inline-block; }
.online_wrap .agree {width:100%; text-align:center; margin:25px 0 40px 0; font-size:1.25em; }
.online_wrap .agree .agree_list { margin-bottom:15px; padding:25px ; border:3px solid #e0e0e0; box-sizing:border-box; height:240px; overflow:auto;}
.online_wrap .agree label {display:inline-block; vertical-align:middle; color:#272727; font-size:0.85em; cursor:pointer;}
.online_wrap .online_bt {width:100%; text-align:center; margin-top:50px;}
.online_wrap .online_bt .btn_ok { display: block; text-align: center; width:240px; height: 60px; line-height: 55px; color: #fff; font-size: 1.35em; background: #222; border: 1px solid #222;  border-radius:0px; margin: 50px auto 0;   transition: 0.5s all ease;}
.online_wrap .online_bt .btn_ok:hover { background: #15305E; border: 1px solid #15305E; }



#footer{clear:both; width:100%; min-width:320px; padding:50px 0; text-align:center; background-color:#202020;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_area{ width:100%; max-width:1200px; margin:0 auto;}
#footer .copy_area:after{ content:""; display:block; clear:both;}
#footer .copy_logo { float:right; display:inline-block; text-align:right; }
#footer .copy_logo img { max-width:100%;}
#footer .copyright{float:left; text-align:left; }
#footer .copyright span{ display:inline-block; color:#a8a7a7; font-size:1em; font-weight:300; margin-right:15px;}
#footer .copyright p{font-weight:300; color:#a8a7a7; }




#sub_visual{  width:100%; min-width:320px; height:240px; text-align:center; background-color:#000; overflow:hidden;  transition: 0.5s all ease;}
#sub_visual .visual_area {width:100%; max-width:2000px; height:240px; margin:0 auto; }
#sub_visual .visual_area div.blind{width:100%; height:100%; background:rgba(0,0,0,.5);}



#sub_wrapper{ width:100%; min-width:320px; margin:0 auto; border-top: 1px solid #ddd; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_tab{ position:relative;  top:0px;  display:block; width:100%; margin:0px auto; border-bottom: 1px solid #ddd;   }
#sub_tab .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }


.sub_location{ width:100%; max-width:1200px; height:60px; font-size:0; background-color:#fff; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub_location > div .cen i{ color:#000; font-size:1em;}
.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width:199px; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 1px solid #ddd; }
.sub_location ul li{position: relative; width:100%; border-bottom:1px solid rgba(0,0,0,.1);}
.sub_location ul li:last-child{ border-bottom:0;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 60px; font-size:1.1em; color:#000; cursor: pointer;}
.sub_location ul li span::before { content: '';    position: absolute;    top: 50%;    right: 15px;    width: 0;    height: 0;    border-style: solid;    border-width: 5px;    border-color:#000 transparent transparent transparent;}
.sub_location ul.on li span::before { content: '';  position: absolute;  top: 42%;  right: 15px;  width: 0;  height: 0;  border-style: solid;  border-width: 5px;  border-color:  transparent transparent #655a54 transparent;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color:#fff; }
.sub_location ul li a:hover{color:#fff; background-color:#222; box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0; background-color:#fff; border: 1px solid #ddd;  border-top:none; z-index:999; width:calc(100% + 2px) !important; }
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color:#000; }
.sub_location ul.dep2 ul{width:200px;}
.sub_location ul li a {color:#000; background-color:#fff;}


#sub_tit { position:relative; width:100%; min-width:320px; padding:0 4%; max-width:1200px; margin:0px auto; text-align:center; top:-220px; left:50%;  margin-left:-600px; border:0px solid red;}
#sub_tit .path { position:absolute; top:180px; right:10px;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color:#000; background:url('/html/image/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background:url('/html/image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#000; font-weight:700;}
#sub_tit .title2{ padding-bottom:5px; font-size:2em; line-height:1.4em; font-weight:300;  color:rgba(255,255,255,.85); text-align:left; letter-spacing:-0.1em; text-transform:uppercase; text-shadow: 0px 0px 2px #333;  transition: 0.5s all ease;} 
#sub_tit .title2 span {font-size:1em; font-weight:700; color:#fff; line-height:1.2em; letter-spacing:-0.05em; }
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; font-weight:700; color:#fff; opacity:0.9; text-transform:uppercase; text-align:center; line-height:1.4em; word-break: keep-all; text-shadow: 0px 1px 4px #333; }


.scontents{position:relative; width:100%; min-width:320px; max-width:1200px; padding-bottom:80px; margin:0px auto;  min-height:500px;}
.scontents:after{ content:""; display:block; clear:both;}
.scontents .sub_title_wr {text-align:center; margin-bottom:50px;}
.scontents .sub_title_wr h2.sub_title { position:relative; display:block; font-size:2.5em; font-weight:700; padding-bottom:10px; }
.scontents .sub_title_wr h2.sub_title:after{display:block; content:"";  position: absolute;   bottom:0px;   left:calc(50% - 25px);  width:50px; height:1px; background:#000; /*ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);*/}
.scontents .sub_title_wr p {font-size:1.25em; color:#333; line-height:1.4em; word-break:keep-all; }

.scontents .con_arrow {position:relative; font-size:1.6em; font-weight:700; line-height:30px;  color:#000; margin:60px 0 30px 0; padding-left:15px;}
.scontents .con_arrow:before { content: ""; position:absolute; left:0; top:6px; width:6px; height:20px; display:inline-block; border-radius:10px; background-color:#e47333;}



#company_wrap {position:relative; width:100%; }
#company_wrap:after{ content:""; display:block; clear:both;  }   
#company_wrap .img_box {position:relative; float:left; width:40%; height:100%;} 
#company_wrap .img_box:before {content:''; display:block; z-index:-1; position:absolute; left:-30px; top:-30px; width:100px; height:100px; background:linear-gradient(300deg, #c36544 0%, #e47333 60%);}
#company_wrap .img_box:after {content:''; display:block; z-index:-2; position:absolute; left:50px; top:-50px; width:40px; height:40px; border:1px solid #ddd; background:transparent !important;}
#company_wrap .img_box img {width:100%; max-width:100%; }
#company_wrap .txt_box { float:left; width:60%; height:100%; padding:20px 0 0 60px; }
#company_wrap .txt_box h3.t1 { margin-top:20px; font-size:2.5em; font-weight:300; line-height:1.2em; }
#company_wrap .txt_box h3.t1 strong {display:inline-block; font-size:1em;}
#company_wrap .txt_box h3.t2 { margin-top:20px; font-size:1.5em; color:#c16443; font-weight:700; line-height:1.4em; word-break:keep-all;}
#company_wrap .txt_box div.ceo_msg {margin-top:40px;}
#company_wrap .txt_box div.ceo_msg p { margin-top:15px; font-size:1.2em; color:#333; line-height:1.8em; word-break:keep-all;}
#company_wrap .txt_box div.ceo_msg p span {font-size:1em; color:#af941b; font-weight:700;}
#company_wrap .txt_box div.ceo_sign {margin-top:40px; vertical-align:middle; font-size:1.2em; color:#222; font-weight:700;}
#company_wrap .txt_box div.ceo_sign span {display:inline-block; margin-left:10px; font-size:1.5em; font-weight:400; letter-spacing:0.15em;}



#map_wrap {width:100%; }
#map_wrap:after{ content:""; display:block; clear:both;}
#map_wrap h3.con_tit {display:block; font-size:1.85em; font-weight:400; line-height:1.5em; max-width:1500px; margin:0px auto 25px;}
#map_wrap h3.con_tit span {font-size:1em; color:#af941b;}
#map_wrap .g_map {width:100%; height:400px; margin-bottom:2%; background:#eee; overflow:hidden;}
#map_wrap .g_map:after{ content:""; display:block; clear:both;}
#map_wrap .map_info {width:100%; }
#map_wrap .map_info:after { content:""; display:block; clear:both; }
#map_wrap .map_info ul {width:100%; margin:0; padding:0; }
#map_wrap .map_info ul li {float:left; width:32%; margin-right:2%; text-align:center; border:1px solid #eee;  padding:30px 20px 20px 20px;}
#map_wrap .map_info ul li .icons {display:table; width:80px; height:80px; background:#f5f5f5; border-radius:100%; margin:0 auto;}
#map_wrap .map_info ul li .icons i{display:table-cell; vertical-align:middle; color:#222; font-size:2.5em; }
#map_wrap .map_info ul li:last-child {margin-right:0; }
#map_wrap .map_info ul li strong {display:block; margin-top:20px; font-size:1.5em; font-weight:700; }
#map_wrap .map_info ul li p {display:block; margin-top:15px; font-size:1.15em; min-height:50px; }


#walltype_wrap{ width:100%; margin:0 auto; }
#walltype_wrap:after{ content:""; display:block; clear:both;}
#walltype_wrap ul{ width:100%; padding:0; margin:0;}
#walltype_wrap ul li{float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; }
#walltype_wrap ul li:last-child {margin-bottom:0; border-bottom:0;}
#walltype_wrap ul li > dl {width:100%; margin:0; padding:0; font-size:0; }
#walltype_wrap ul li > dl dt {display:inline-block; width:40%; padding:20px; text-align:center; border:1px solid #ddd; }
#walltype_wrap ul li > dl dt img {max-width:100%; }
#walltype_wrap ul li > dl dd { position:relative; margin-left:4%; width:55%; display:inline-block; vertical-align:middle;  }
#walltype_wrap ul li > dl dd em {position:absolute; right:2%; top:calc(50% - 15px); font-size:5em; color:#eee; font-weight:700; font-style:normal; font-family:'Poppins', sans-serif; }
#walltype_wrap ul li > dl dd strong {display:block; font-size:2em; color:#000; margin-bottom:30px;}
#walltype_wrap ul li > dl dd p {position:relative; display:block; margin-top:5px; padding-left:10px; font-size:1.15em; letter-spacing:-0.05em; color:#666; text-align:left; word-break:keep-all;}
#walltype_wrap ul li > dl dd p:before {position:absolute; left:0; top:10px; content:""; display:block; width:4px; height:4px; background-color:#666; border-radius:4px;}

table.tbl_walltype{ width:100%; border-collapse:separate; border-spacing:0; }
table.tbl_walltype th{padding:10px 10px; color:#fff; font-weight:400; font-size:1.25em; line-height: 1.4em; border-bottom:1px solid #ddd; border-right:1px solid #898989; background:#655a54; }
table.tbl_walltype td{padding:5px 10px; text-align: center; color:#222;  font-size:1em; font-weight:400; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing: 0.01em;}
table.tbl_walltype td:last-child {border-right:0;}
table.tbl_walltype td .imgs {width:100%;}
table.tbl_walltype td .imgs img {max-width:100%;}
table.tbl_walltype td p {font-size:1.25em; font-weight:700; }
table.tbl_walltype td span {display:block; margin-bottom:15px; color:#666;}

#process_wrap {width:100%; }
#process_wrap:after{ content:""; display:block; clear:both;}
#process_wrap .process_top {width:100%; padding:15px 25px; text-align:center; background:#2f5cac; background:linear-gradient(150deg, rgba(21,48,94,1) 10%, rgba(47,92,172,1) 100%); }
#process_wrap .process_top p {display:inline-block; font-size:1.5em; color:#fff; font-weight:400; line-height:1.6em; word-break:keep-all;}
#process_wrap .process_step { width:100%; margin-top:10px;}
#process_wrap .process_step ul { width:100%; margin:0; padding:0; overflow: hidden; }
#process_wrap .process_step ul li { padding:10px 20px; counter-increment: number; overflow:hidden;}
#process_wrap .process_step ul li:first-child { margin-top:0; }
#process_wrap .process_step ul li:before { float:left; display:block; width:30px; line-height:30px; text-align:center; content:counter(number, decimal-leading-zero); color:#fff; font-weight:700; background:#000; border-radius:100%; }
#process_wrap .process_step ul li p {margin:0; padding:0; float: left; margin-left:10px; max-width: calc(100% - 40px); font-size:1.2em; line-height:1.6em; word-break:keep-all;}

#process_wrap .process_box { width:100%; margin-top:50px; }
#process_wrap .process_box ul { width:100%; margin:0; padding:0; overflow: hidden; }
#process_wrap .process_box ul li {position:relative; float:left; width:22%; height:350px; margin-right:4%; padding:30px 20px; text-align:center; }
#process_wrap .process_box ul li:before {z-index:1; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0.3) 30%, rgba(0,0,0,.8) 100%);}
#process_wrap .process_box ul li:after {position:absolute; right:calc(0% - 12%); top:calc(50% - 10px); display:block; content:"\f054"; color:#666; font-size:2em; font-weight:700; font-family: "Font Awesome 5 Free"; }
#process_wrap .process_box ul li:last-child { margin-right:0; }
#process_wrap .process_box ul li:nth-child(1) {background:url('/html/process/image/01.jpg')no-repeat center center; background-size:cover;}
#process_wrap .process_box ul li:nth-child(2) {background:url('/html/process/image/02.jpg')no-repeat center center; background-size:cover;}
#process_wrap .process_box ul li:nth-child(3) {background:url('/html/process/image/03.jpg')no-repeat center center; background-size:cover;}
#process_wrap .process_box ul li:nth-child(4) {background:url('/html/process/image/04.jpg')no-repeat center center; background-size:cover;}
#process_wrap .process_box ul li .tb-cell {z-index:2; position:relative; display:table; width:100%; height:100%; } 
#process_wrap .process_box ul li .tb-cell p { display:table-cell; vertical-align:middle;   }
#process_wrap .process_box ul li .tb-cell p i {font-size:3em; color:#fff;}
#process_wrap .process_box ul li .tb-cell p span{ display:block; margin-top:10px; font-size:1.5em; color:#fff; font-weight:700; line-height:1.6em;  }

#process_wrap .process_guide {width:100%; }
#process_wrap .process_guide ul { width:100%; margin:0; padding:0; overflow: hidden; }
#process_wrap .process_guide ul li { width:100%;  margin-bottom:15px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; transition:all 0.3s;}
#process_wrap .process_guide ul li:first-child { margin-top:0; }
#process_wrap .process_guide ul li a { position:relative; float: left; display:block; width:100%; margin:0; padding:15px 2%; background:#fff;}
#process_wrap .process_guide ul li a:before { float:left; content:'Q'; color:#000; font-size:1.25em; font-weight:700;}
#process_wrap .process_guide ul li a span {display:block; position:absolute; right:2%; top:calc(50% - 12px); color:#ddd; font-size:1.25em; font-weight:700; }
#process_wrap .process_guide ul li:hover {background:#fafafa; background: linear-gradient(to top, #f8f8f8 0%, #fff 50%); transition:all 0.3s; }
#process_wrap .process_guide ul li:hover a span {color:#222;}
#process_wrap .process_guide ul li a p { float: left;  margin-left:15px; max-width: calc(100% - 60px); font-size:1.25em; line-height:1.6em; }
#process_wrap .process_guide ul li .answer { display:none; width:100%;}
#process_wrap .process_guide ul li .answer dl { position:relative; float: left; display:block; width:100%; margin:0; padding:15px 2%; background:#f5f5f5;}
#process_wrap .process_guide ul li .answer dl:before { float:left; content:'A'; color:#e47434; font-size:1.25em; font-weight:700; }
#process_wrap .process_guide ul li .answer dl:after{display:none;}
#process_wrap .process_guide ul li .answer dl dd { float:left;  margin-left:15px; max-width: calc(100% - 60px); font-size:1.1em; line-height:1.6em; word-break:keep-all; }

#process_wrap .process_tip {position:relative; width:100%; padding:20px 40px 30px 40px;  background:#665b55; margin-top:50px; }
#process_wrap .process_tip .icons {display:block; }
#process_wrap .process_tip .icons .icon1{ z-index:1; position:absolute; right:4%; bottom:8%;  font-size:5em; color:#fbcd15; }
#process_wrap .process_tip .icons .icon2{ z-index:0; position:absolute; right:8%; bottom:18%;font-size:8em; color:rgba(255,255,255,.15); }
#process_wrap .process_tip .con_area {display:inline-block; vertical-align:middle; width:80%; }
#process_wrap .process_tip .con_area h3.tit {display:block; font-size:2em; color:#fff; font-weight:700; margin-bottom:15px; padding-left:35px;}
#process_wrap .process_tip .con_area h3.tit span {font-size:1.5em; color:#fbcd15; font-weight:700; }
#process_wrap .process_tip .con_area ul { width:100%; margin:0; padding:25px 40px; overflow: hidden; background:#fff; border-radius:0px;}
#process_wrap .process_tip .con_area ul li { float:left; width:100%; margin-top:5px;}
#process_wrap .process_tip .con_area ul li:first-child { margin-top:0; }
#process_wrap .process_tip .con_area ul li:before { float:left; display:block; text-align:center; content:'\f00c'; color:#000; font-weight:700;  font-family: "Font Awesome 5 Free"; border-radius:100%; }
#process_wrap .process_tip .con_area ul li p {margin:0; padding:0; float: left; margin-left:10px; max-width: calc(100% - 40px); font-size:1.2em; color:#000; line-height:1.6em; word-break:keep-all;}

#process_wrap .btn_online2 {display: block; text-align: center; width:240px; height: 60px; line-height: 55px; color: #fff; font-size: 1.35em; background: #e47434; border: 1px solid #e47434;  border-radius:0px; margin: 50px auto 0;   transition: 0.5s all ease;}
#process_wrap .btn_online2:hover {background: #222; border: 1px solid #222;  }


/*이동식버섯컨테이너_제품소개*/
#cubeFarm_01 {width:100%; }
#cubeFarm_01:after{ content:""; display:block; clear:both;}
#cubeFarm_01 .box1_1 {width:100%;  height:400px; background:#f5f5f5; overflow:hidden; margin-bottom:100px;}
#cubeFarm_01 .box1_1:after{ content:""; display:block; clear:both;}
#cubeFarm_01 .box1_1 .img-box {float:left; width:50%; height:100%; background:url('/html/cube_farm/image/01_1.jpg')no-repeat 50% 50%; background-size:cover; transition:all 0.3s; }
#cubeFarm_01 .box1_1 .img-box img {max-width:100%;}
#cubeFarm_01 .box1_1 .txt-box {float:right; width:50%; padding:40px 0 40px 50px; }
#cubeFarm_01 .box1_1 .txt-box h4.tit {font-size:2.5em; line-height:1.2em; }
#cubeFarm_01 .box1_1 .txt-box h4.tit p {display:block; font-size:1.5em; color:#2f5cac; font-weight:700; line-height:1.2em; }
#cubeFarm_01 .box1_1 .txt-box ul { width:100%; margin-top:20px; overflow: hidden; }
#cubeFarm_01 .box1_1 .txt-box ul li { margin-top:10px; counter-increment: number; overflow:hidden;}
#cubeFarm_01 .box1_1 .txt-box ul li:first-child { margin-top:0; }
#cubeFarm_01 .box1_1 .txt-box ul li:before { float:left; display:block; width:26px; line-height:26px; text-align:center; content:counter(number, decimal-leading-zero); font-size:0.9em; color:#fff; font-weight:700; background:#000; border-radius:100%; }
#cubeFarm_01 .box1_1 .txt-box ul li p {margin:0; padding:0; float: left; margin-left:10px; max-width: calc(100% - 40px); font-size:1.2em; line-height:1.6em; word-break:keep-all;}
#cubeFarm_01 .box1_1 .txt-box ul li p span {font-size:1em; color:#2f5cac; font-weight:700;}
#cubeFarm_01 .box1_1 .txt-box ul li:last-child p {color:#2f5cac; font-weight:700;} 

#cubeFarm_01 .box1_2 { display: flex; width:100%;}
#cubeFarm_01 .box1_2:after{ content:""; display:block; clear:both;}
#cubeFarm_01 .box1_2 ul { display: flex; justify-content: space-between; width:100%; margin:0; padding:0; overflow: hidden; }
#cubeFarm_01 .box1_2 ul li {position:relative; display:inline-block; text-align:center; width:21%; }
#cubeFarm_01 .box1_2 ul li:after {position:absolute; right:calc(0% - 17%); top:calc(50% - 30px); display:block; content:"\f054"; color:#666; font-size:2em; font-weight:700; font-family: "Font Awesome 5 Free"; }
#cubeFarm_01 .box1_2 ul li .imgs { background-repeat: no-repeat; background-position: center; background-size: cover; border:1px solid #ddd; box-sizing:border-box; border-radius:100%;}
#cubeFarm_01 .box1_2 ul li .imgs::after { content: ""; display: block; padding-bottom: 100%;}
#cubeFarm_01 .box1_2 ul li .imgs.bg1 {background:url('/html/cube_farm/image/01_2_bg1.jpg')no-repeat 50% 50%; background-size:cover;}
#cubeFarm_01 .box1_2 ul li .imgs.bg2 {background:url('/html/cube_farm/image/01_2_bg2.jpg')no-repeat 50% 50%; background-size:cover;}
#cubeFarm_01 .box1_2 ul li .imgs.bg3 {background:url('/html/cube_farm/image/01_2_bg3.jpg')no-repeat 50% 50%; background-size:cover;}
#cubeFarm_01 .box1_2 ul li .imgs.bg4 {background:url('/html/cube_farm/image/01_2_bg4.jpg')no-repeat 50% 50%; background-size:cover;}
#cubeFarm_01 .box1_2 ul li p { display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.4em; font-weight:500; word-break:keep-all;}

#cubeFarm_01 .box1_3 {display: flex; margin-top:50px;}
#cubeFarm_01 .box1_3:after{ content:""; display:block; clear:both;}
#cubeFarm_01 .box1_3 ul { display: flex; justify-content: space-between; width:100%; margin:0; padding:0; overflow: hidden; }
#cubeFarm_01 .box1_3 ul li {display:inline-block; text-align:center; width:18%; padding:10px; background:#eee; border-radius:15px;}
#cubeFarm_01 .box1_3 ul li:after {display:none; }
#cubeFarm_01 .box1_3 ul li .imgs {display: flex; justify-content: center; padding:30px 0; border-radius:15px; background:#fff; overflow:hidden;}
#cubeFarm_01 .box1_3 ul li .imgs img {max-width:100%;}
#cubeFarm_01 .box1_3 ul li p { margin:20px 0; font-size:1.25em; color:#222; word-break:keep-all;}
#cubeFarm_01 .box1_3 ul li:hover {background:#222;}
#cubeFarm_01 .box1_3 ul li:hover p {color:#fff;}

#cubeFarm_01 .box1_4 { width:100%; margin-top:100px; padding:2%; background: linear-gradient(300deg, #2d84cc 0%, #15305e 50%);}
#cubeFarm_01 .box1_4:after{ content:""; display:block; clear:both;} 
#cubeFarm_01 .box1_4 .txt-box {position:relative; display: flex; flex-direction: column; width:100%; margin-top:30px; padding-left:2%; }
#cubeFarm_01 .box1_4 .txt-box:after{ content:""; display:block; clear:both;}
#cubeFarm_01 .box1_4 .txt-box .imgs {position:absolute; right:2%; top:10%; text-align:right; }
#cubeFarm_01 .box1_4 .txt-box .imgs img {max-width:100%; transition: 0.5s all ease;}
#cubeFarm_01 .box1_4 .txt-box h4.tit { font-size:3.5em; color:#fff; font-weight:700; line-height:1.2em; }
#cubeFarm_01 .box1_4 .txt-box ul { flex-wrap: wrap; width:100%; margin:20px 0; overflow: hidden; }
#cubeFarm_01 .box1_4 .txt-box ul li { position:relative; padding-left:15px; font-size:1.5em; color:#fff; overflow:hidden;}
#cubeFarm_01 .box1_4 .txt-box ul li:first-child { margin-top:0; }
#cubeFarm_01 .box1_4 .txt-box ul li:before { content:''; position:absolute; left:0; top:14px; display:block; width:4px; height:4px; background:#fff;}
#cubeFarm_01 .box1_4 .txt-box ul li i {margin:0 5px; display:inline-block; vertical-align:middle; font-size:0.65em; }
#cubeFarm_01 .box1_4 .con_box {width:100%; margin-top:40px; padding:40px 20px 20px 20px; text-align:center; background:#fff; }
#cubeFarm_01 .box1_4 .con_box:after{ content:""; display:block; clear:both;}
#cubeFarm_01 .box1_4 .con_box h4.tit2 {display:inline-block; padding:10px 30px; font-size:2em; color:#fff; line-height:1.2em; font-weight:700; border-radius:50px; background: linear-gradient(300deg, #fc0000 0%, #a90000 100%);}
#cubeFarm_01 .box1_4 .con_box .img-box {display: flex; width:100%; margin-top:20px;}
#cubeFarm_01 .box1_4 .con_box .img-box:after{ content:""; display:block; clear:both;} 
#cubeFarm_01 .box1_4 .con_box .img-box ul { display: flex; justify-content: space-between; width:100%; margin:0; padding:0; overflow: hidden; }
#cubeFarm_01 .box1_4 .con_box .img-box ul li {position:relative; display:inline-block; text-align:center; width:49%; overflow:hidden;}
#cubeFarm_01 .box1_4 .con_box .img-box ul li:after {display:none; }
#cubeFarm_01 .box1_4 .con_box .img-box ul li .imgs {display: flex; justify-content: center; background:#fff; border:1px solid #ddd; }
#cubeFarm_01 .box1_4 .con_box .img-box ul li .imgs::after { content: ""; display: block; padding:0;}
#cubeFarm_01 .box1_4 .con_box .img-box ul li .imgs img {max-width:100%;}
#cubeFarm_01 .box1_4 .con_box .img-box ul li p {width:100%; display:block; padding:15px 20px; color:#222; font-size:1.25em; font-weight:500; word-break:keep-all; }


.cubeFarm_vision { position:relative; width:100%; margin:150px 0 50px 0;}
.cubeFarm_vision:after{ content:""; display:block; clear:both;}
.cubeFarm_vision .vision_center {position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; width:320px; height:320px; /*border:40px solid #f8f8f8;*/ border-radius:100%; box-sizing:border-box; margin:0 auto; transition: 0.5s all ease; }
.cubeFarm_vision .vision_center:before {position:absolute; content:""; display:block; clear:both; width:360px; height:360px; border:1px dashed #666;  border-radius:100%; box-sizing:border-box; transition: 0.5s all ease;}
.cubeFarm_vision .vision_center:after {z-index:-1; content:''; position:absolute; display:block; width:100%; height:100%; border-radius:100%; background:linear-gradient(-45deg, #2d84cc 0%, #15305e 100%); transition:all .5s ease; animation: ani-rotate8 2s linear infinite;}
.cubeFarm_vision .vision_center .vision_tit {display:flex;flex-direction: column; justify-content: center; align-items: center; width:280px; height:280px; background:#fff; border-radius:100%; transition: 0.5s all ease; }
.cubeFarm_vision .vision_center .vision_tit h2 { font-size:2.5em; color:#000; font-weight:700; line-height:1.4; }
.cubeFarm_vision .vision_center .dot {position:absolute; display:block; width:8px; height:8px; background-color:#e47333; border-radius:100%; transition: 0.5s all ease; }
.cubeFarm_vision .vision_center .dot.dot1 { left:50px; top:10px; }
.cubeFarm_vision .vision_center .dot.dot2 { right:50px; top:10px; }
.cubeFarm_vision .vision_center .dot.dot3 { left:-24px; top:50%; transform: translateY(-50%); }
.cubeFarm_vision .vision_center .dot.dot4 { right:-24px; top:50%; transform: translateY(-50%);  }
.cubeFarm_vision .vision_center .dot.dot5 { left:50px; bottom:10px; }
.cubeFarm_vision .vision_center .dot.dot6 { right:50px; bottom:10px; }
.cubeFarm_vision .vision_box {position:absolute; display:flex; width:40%;}
.cubeFarm_vision .vision_box:after{ content:""; display:block; clear:both;}
.cubeFarm_vision .vision_box.t1 { left:0; top:-30px; padding-right:6%; text-align:right;}
.cubeFarm_vision .vision_box.t2 { right:0; top:-30px; padding-left:6%; text-align:left;}
.cubeFarm_vision .vision_box.t3 { left:0; top:50%; transform: translateY(-50%); padding-right:10%; text-align:right;}
.cubeFarm_vision .vision_box.t4 { right:0; top:50%; transform: translateY(-50%); padding-left:10%; text-align:left;}
.cubeFarm_vision .vision_box.t5 { left:0; bottom:-30px; padding-right:6%; text-align:right;}
.cubeFarm_vision .vision_box.t6 { right:0; bottom:-30px; padding-left:6%; text-align:left;}
.cubeFarm_vision .vision_box .txt_box {width:100%; word-break:keep-all; transition: 0.5s all ease; }
.cubeFarm_vision .vision_box .txt_box p.tit { display:block; font-size:1.5em; color:#000; font-weight:700; line-height:1.2em;}
.cubeFarm_vision .vision_box .txt_box ul.txts { display:block; margin-top:15px; width:100%; }
.cubeFarm_vision .vision_box .txt_box ul.txts li { display:block; font-size:1.15em; color:#666; line-height:1.6;}
.cubeFarm_vision .vision_box .txt_box ul.txts li p {display:inline-block; font-size:1em; color:#000; font-weight:500; word-break:keep-all; }

	@keyframes ani-rotate8 {
		from {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}



/*이동식버섯컨테이너_주요작물*/
#cubeFarm_02 {width:100%; }
#cubeFarm_02:after{ content:""; display:block; clear:both;}
#cubeFarm_02 .box2_1 {width:100%;}
#cubeFarm_02 .box2_1:after{ content:""; display:block; clear:both;}
#cubeFarm_02 .box2_1 h4.tit {display:block; text-align:center; padding:10px 20px; font-size:1.5em; color:#fff; font-weight:500; background: linear-gradient(300deg, #2d84cc 0%, #15305e 100%);}
#cubeFarm_02 .box2_1 h4.tit p {display:inline-block; font-size:1em; color:#fff; font-weight:500;  margin-left:20px;}
#cubeFarm_02 .box2_1 .img-box {display: flex; width:100%; margin-top:20px;}
#cubeFarm_02 .box2_1 .img-box:after{ content:""; display:block; clear:both;} 
#cubeFarm_02 .box2_1 .img-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px 0; width:100%; margin:0; padding:0; overflow: hidden; }
#cubeFarm_02 .box2_1 .img-box ul li {text-align:center; width:49%; border:1px solid #eee; border-radius:20px; overflow:hidden;}
#cubeFarm_02 .box2_1 .img-box ul li img {max-width:100%;}

#cubeFarm_02 .box2_2 {width:100%;}
#cubeFarm_02 .box2_2:after{ content:""; display:block; clear:both;}
#cubeFarm_02 .box2_2 h4.tit {display:block; text-align:center; padding:10px 20px; font-size:1.5em; color:#fff; font-weight:500; background: linear-gradient(300deg, #2d84cc 0%, #15305e 100%);}
#cubeFarm_02 .box2_2 .img-box {display: flex; width:100%; margin-top:20px;}
#cubeFarm_02 .box2_2 .img-box:after{ content:""; display:block; clear:both;} 
#cubeFarm_02 .box2_2 .img-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px 0; width:100%; margin:0; padding:0; overflow: hidden; }
#cubeFarm_02 .box2_2 .img-box ul li {text-align:center; width:32%; border:1px solid #eee; border-radius:20px; overflow:hidden;}
#cubeFarm_02 .box2_2 .img-box ul li img {max-width:100%;}
#cubeFarm_02 .box2_2 .txt-box {display: flex; flex-direction: column; width:100%; margin-top:50px; }
#cubeFarm_02 .box2_2 .txt-box:after{ content:""; display:block; clear:both;}
#cubeFarm_02 .box2_2 .txt-box ul { display:flex; flex-wrap: wrap; justify-content: space-between; gap:50px 0; width:100%; }
#cubeFarm_02 .box2_2 .txt-box ul li { display:flex; align-items: center; width:48%; }
#cubeFarm_02 .box2_2 .txt-box ul li em {width:150px; text-align:center; font-size:5em; color:#ccc; font-weight:900; font-style:normal; }
#cubeFarm_02 .box2_2 .txt-box ul li dl.txts { width:70%; }
#cubeFarm_02 .box2_2 .txt-box ul li dl.txts dt {display:block; font-size:1.5em; color:#000; line-height:1.4; font-weight:500; word-break:keep-all;}
#cubeFarm_02 .box2_2 .txt-box ul li dl.txts dd {display:block; margin-top:10px; font-size:1.25em; color:#000; line-height:1.4; word-break:keep-all;}




@media all and (max-width:1500px){



}


@media all and (max-width:1240px){


	.sec1_area .sec1_box ul li{ width:32%; margin-right:2%; }
	/*.sec1_area .sec1_box ul li:last-child{display:block; margin-right:2%; }
	.sec1_area .sec1_box ul li:nth-child(3n) {margin-right:0;}*/
	.sec1_area .sec1_box ul li .img_box {width:100%;}


	.sec2_area ul li {width:23%; margin-right:2%; }
	.sec2_area ul li:last-child {margin-right:0; }
	.sec2_area ul li p.t1 { font-size:1.5em; }


	.comm_area .comm_box ul li{width:32%; margin-right:2%;  }


	#sub_tit { left:0%; margin-left:0px; background:none;}


	#company_wrap .txt_box {padding:0 0 0 50px;}
	#company_wrap .txt_box h3.t1 {  margin-top:0; font-size:2em; }

	.lnb ul li {padding:0 30px;}
	
	
	
	#cubeFarm_01 .box1_4 .txt-box .imgs { right:0; top:30%;}
	#cubeFarm_01 .box1_4 .txt-box .imgs img {max-width:80%; }
	
	.cubeFarm_vision .vision_center {width:260px; height:260px;  }
	.cubeFarm_vision .vision_center:before {width:300px; height:300px; }
	.cubeFarm_vision .vision_center .vision_tit {width:220px; height:220px; }
	.cubeFarm_vision .vision_center .dot.dot1 { left:30px; }
	.cubeFarm_vision .vision_center .dot.dot2 { right:30px;}
	.cubeFarm_vision .vision_center .dot.dot3 { left:-24px; }
	.cubeFarm_vision .vision_center .dot.dot4 { right:-24px;  }
	.cubeFarm_vision .vision_center .dot.dot5 { left:30px; }
	.cubeFarm_vision .vision_center .dot.dot6 { right:30px; }
	.cubeFarm_vision .vision_box.t1 { top:-50px; }
	.cubeFarm_vision .vision_box.t2 { top:-50px;}
	.cubeFarm_vision .vision_box.t5 { bottom:-50px;}
	.cubeFarm_vision .vision_box.t6 { bottom:-50px;}

	
}




@media all and (max-width:1100px){	


	#main_visual .swiper-slide{width:100%; height:500px;}
	#main_visual .sliderkit-text h1.lviewa{font-size:4em;   }
	#main_visual .sliderkit-text h1.sviewa{font-size:1.5em; }

	.comm_area .comm_box ul li .notice_box ul.notice_list li a { width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

	#backtotop{right:15px;}


	#sub_visual{height:200px; }
	#sub_visual .visual_area {height:200px; background-position:center top; background-size:cover;}	



	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}



	#sub_tit {top:-190px;}
	#sub_tit .path { display:none; }
	#sub_tit .title2{  font-size:1.65em;  } 
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}

}


@media all and (max-width:1000px){

	.online_wrap .online_box ul li dl dt {width:25%;}
	.online_wrap .online_box ul li dl dd {width:75%;}
	.online_wrap .online_box ul li dl dd .filebox .file_name { width:75%;}
	.online_wrap .online_box ul li dl dd .filebox label {width:25%;}
	.online_wrap .online_box ul li dl dd .file_mark { width:100%; margin-left:0;}
	.online_wrap .online_box ul li.w50 { width:100%; }
	.online_wrap .online_box ul li.w50 dl dt {width:25%;}
	.online_wrap .online_box ul li.w50 dl dd {width:75%;}

}


@media all and (max-width:992px){

	#mobile_header{display:block; min-width:320px; }
	#header_wrap {display:none;}
	#sub_menu{display:block;}
	#header_wrap .header_area{width:100%;}
	.lnb ul li{padding:0 40px;}

	
	.lview{display:none !important;}
	.mview{display:block !important;}	
	.mnone{display:none !important;}	
	

	#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:40px; margin-top:-21px; width:20px; height:42px;}
	#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:40px;margin-top:-21px; width:20px; height:42px;}
	#main_visual .scroll {display:none;}
	#main_visual .swiper-slide .backgroundimg1 {background:url('/html/image/main_visual01_m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
	#main_visual .swiper-slide .backgroundimg2 {background:url('/html/image/main_visual03_m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }


	.sec1_area .sec1_box ul li{ width:49%; margin-bottom:2%;}
	.sec1_area .sec1_box ul li:nth-child(even) {float:right; width:49%; margin-right:0;}
	.sec1_area .sec1_box ul li:last-child {margin-bottom:0;}

	.sec2_area ul li{width:50%; margin-right:0;}
	.sec2_area ul li:nth-child(even) {float:right; width:50%; margin-right:0;}


	.comm_area {padding:0 4%;}
	.comm_area .comm_box ul li:nth-child(1) { width:100%; margin-bottom:20px;}
	.comm_area .comm_box ul li:nth-child(2),
	.comm_area .comm_box ul li:nth-child(3) { width:49%; }
	.comm_area .comm_box ul li .notice_box ul.notice_list li a { width:auto;}



	#process_wrap .process_top p {font-size:1.25em;}
	#process_wrap .process_box ul li { width:46%; height:250px; margin-right:4%; margin-bottom:4%; }
	#process_wrap .process_box ul li:nth-child(even) {float:right; margin-right:0;}


	#cubeFarm_01 .box1_1 {height:auto; margin-bottom:50px;}
	#cubeFarm_01 .box1_1 .img-box {width:100%; height:400px; }
	#cubeFarm_01 .box1_1 .txt-box {width:100%; padding:40px 50px; }
	
	
	#cubeFarm_01 .box1_2 ul { flex-wrap: wrap;}
	#cubeFarm_01 .box1_2 ul li {width:45%; margin-bottom:40px; }	
	#cubeFarm_01 .box1_2 ul li:after {right:calc(0% - 15%); }
	#cubeFarm_01 .box1_2 ul li:nth-child(3),	#cubeFarm_01 .box1_2 ul li:nth-child(4) {margin-bottom:0;}
	#cubeFarm_01 .box1_2 ul li p { font-size:1.25em;}

	#cubeFarm_01 .box1_3 ul { flex-wrap: wrap; justify-content: space-around}
	#cubeFarm_01 .box1_3 ul li {width:48%; margin-bottom:2%; }	
	#cubeFarm_01 .box1_3 ul li:last-child {margin-bottom:0;}
	#cubeFarm_01 .box1_3 ul li .imgs {padding:30px 0;}
	#cubeFarm_01 .box1_3 ul li .imgs img {max-width:60px;}
	#cubeFarm_01 .box1_3 ul li p { font-size:1.15em;}

	#cubeFarm_01 .box1_4 .txt-box .imgs img {max-width:60%; }
	#cubeFarm_01 .box1_4 .txt-box h4.tit { font-size:3em;}
	#cubeFarm_01 .box1_4 .txt-box ul li { font-size:1.25em;}

	#cubeFarm_02 .box2_2 .txt-box ul li em {width:120px; font-size:3.5em;}
	#cubeFarm_02 .box2_2 .txt-box ul li dl.txts {width:80%;}
	#cubeFarm_02 .box2_2 .txt-box ul li dl.txts dt {font-size:1.25em;}
	#cubeFarm_02 .box2_2 .txt-box ul li dl.txts dd {font-size:1.1em;}

	.cubeFarm_vision .vision_center {width:220px; height:220px;  }
	.cubeFarm_vision .vision_center:before {width:260px; height:260px; }
	.cubeFarm_vision .vision_center .vision_tit {width:180px; height:180px; }
	.cubeFarm_vision .vision_center .vision_tit h2 { font-size:1.85em;}	
	.cubeFarm_vision .vision_center .dot.dot1 {top:0; }
	.cubeFarm_vision .vision_center .dot.dot2 {top:0;}
	.cubeFarm_vision .vision_center .dot.dot5 { bottom:0; }
	.cubeFarm_vision .vision_center .dot.dot6 { bottom:0; }
	.cubeFarm_vision .vision_box .txt_box p.tit { font-size:1.35em; }

}


@media screen and (max-width: 768px) {
	
	.mnone{display:none;}

	#main_visual .sliderkit-text h1.lviewa{font-size:3em;   }
	#main_visual .sliderkit-text h1.sviewa{ font-size:1.15em; }
	.swiper-pagination {bottom:5% !important; }


	.sec1_area .sec1_title h2.tit1{ font-size:2em;}
	.sec1_area .sec1_title p{ font-size:1.1em; }

	
	.sec2_area ul li div.icon_bg{ width:80px; height:80px;}


	.comm_area {margin:40px auto;}
	.comm_area .comm_box ul li {width:100%; min-height:auto;}
	.comm_area .comm_box ul li div.icon_bg{ width:60px; height:60px; }
	.comm_area .comm_box ul li:nth-child(2),
	.comm_area .comm_box ul li:nth-child(3) { width:100%; margin-bottom:20px;}

	#footer .copy_area {padding:0 4%;}
	#footer .copy_logo { width:100%; padding-left:0; text-align:left;}
	#footer .copyright {margin-top:20px;}



	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul.wid100{width:100% !important; background-color:none;}

	#top_btn  {display:block; }


	.scontents {padding:0 4% 50px 4%;}
	.scontents .sub_title_wr {padding:0 4%;}
	.scontents .sub_title_wr h2.sub_title {font-size:2em;}
	.scontents .sub_title_wr p {font-size:1.15em;}


	#company_wrap .img_box {float:none; width:70%; height:auto; margin:0 auto;}  
	#company_wrap .img_box:before { left:-20px; top:-20px; width:50px; height:50px;}
	#company_wrap .img_box:after {left:15px; top:-40px; width:30px; height:30px;}
	#company_wrap .txt_box { width:100%; height:auto; padding:40px 0 0 0; }


	#walltype_wrap ul li > dl dd strong { font-size:1.5em;}
	#walltype_wrap ul li > dl dd em { top:0; font-size:4em; }


	#process_wrap .process_guide ul li a {padding:15px 4%;}
	#process_wrap .process_guide ul li a:after {right:4%;}
	#process_wrap .process_guide ul li .answer dl { padding:15px 4%;}
	#process_wrap .process_tip { padding:20px 10px 10px 10px; border-radius:1px;}
	#process_wrap .process_tip .icons {display:none;}
	#process_wrap .process_tip .con_area {width:100%;}
	#process_wrap .process_tip .con_area h3.tit {text-align:center; font-size:1.5em; padding-left:0;}
	#process_wrap .process_tip .con_area ul { padding: 25px 20px}


	#cubeFarm_01 .box1_3 ul {flex-direction: column;	}
	#cubeFarm_01 .box1_3 ul li {display:flex; align-items: center; width:100%; margin-bottom:10px; }	
	#cubeFarm_01 .box1_3 ul li .imgs {width:25%; padding:15px;}
	#cubeFarm_01 .box1_3 ul li .imgs img {max-width:50px;}
	#cubeFarm_01 .box1_3 ul li p {width:75%; margin:0; padding-left:20px; text-align:left; }

	#cubeFarm_01 .box1_4 .txt-box .imgs {position:relative; top:0; left:0; right:0; text-align:center; }
	#cubeFarm_01 .box1_4 .txt-box .imgs img	 {max-width:80%;}
	#cubeFarm_01 .box1_4 .txt-box h4.tit { margin-top:20px; font-size:2em;}
	#cubeFarm_01 .box1_4 .con_box {margin-top:20px;}
	#cubeFarm_01 .box1_4 .con_box h4.tit2 {width:100%; padding:10px; font-size:1.5em;}

	#cubeFarm_02 .box2_1 .img-box ul { gap:10px 0;}

	#cubeFarm_02 .box2_2 .txt-box {margin-top:20px;}
	#cubeFarm_02 .box2_2 .txt-box ul {flex-direction: column; gap:0;}
	#cubeFarm_02 .box2_2 .txt-box ul li {width:100%; padding:20px 0; border-bottom:1px dashed #ddd;}

	.cubeFarm_vision {margin:50px auto 0;}
	.cubeFarm_vision .vision_center {margin-bottom:50px;  }
	.cubeFarm_vision .vision_mo {display:flex; flex-wrap: wrap;}
	.cubeFarm_vision .vision_box { position:relative; width:50%; margin-bottom:0;}
	.cubeFarm_vision .vision_box.t1 { top:0; padding-right:0; text-align:left;}
	.cubeFarm_vision .vision_box.t2 { top:0; padding-left:0; text-align:left;}
	.cubeFarm_vision .vision_box.t3 { top:0; transform: translateY(0); padding-right:0; text-align:left; }
	.cubeFarm_vision .vision_box.t4 { top:0; transform: translateY(0); padding-left:0; text-align:left; }
	.cubeFarm_vision .vision_box.t5 { bottom:0; padding-right:0; text-align:left;}
	.cubeFarm_vision .vision_box.t6 { bottom:0; padding-left:0; text-align:left;}
	.cubeFarm_vision .vision_box .txt_box {padding:30px 20px; text-align:center; border:1px solid #eee;}
	.cubeFarm_vision .vision_box:nth-child(2) .txt_box,
	.cubeFarm_vision .vision_box:nth-child(3) .txt_box,
	.cubeFarm_vision .vision_box:nth-child(6) .txt_box {background:#f5f5f5;}
	.cubeFarm_vision .vision_box .txt_box ul.txts li p {display:inline;}


	#map_wrap .map_info ul li {width:100%; padding:25px 20px 25px 20px; margin-bottom:0px; border:0px; border-bottom:1px solid #eee; height:auto;}
	#map_wrap .map_info ul li:last-child {border-bottom:0; }
	#map_wrap .map_info ul li .icons { width:60px; height:60px;}
	#map_wrap .map_info ul li .icons i {font-size:1.85em;}
	#map_wrap .map_info ul li p {min-height:auto; }

	.online_wrap .online_box ul li{padding:10px 0;}
	.online_wrap .online_box ul li dl dt {width:25%;}
	.online_wrap .online_box ul li dl dd {width:75%;}
	.online_wrap .online_box ul li dl dd input[type="checkbox"] { height:auto; }
	.online_wrap .online_box ul li dl dd select.yesan {width:100%;}
	.online_wrap .online_box ul li dl dd .filebox .file_name { width:65%;}
	.online_wrap .online_box ul li dl dd .filebox label {width:35%;}
	.online_wrap .online_box ul li.w50 dl dt {width:35%;}
	.online_wrap .online_box ul li.w50 dl dd {width:65%;}
	.online_wrap .online_box ul li dl dd input[type="text"]{padding:0 10px;}

}


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

	.pc_only {display:none !important;}
	.mobile_only {display:block !important;}

	#main_visual .swiper-slide{ height:400px; }
	.swiper-button-next, .swiper-button-prev{display:none !important;}


	.sec1 {padding:60px 0 0 0;}
	.sec1_area {padding:0 4%;}
	.sec1_area .sec1_box ul li{ width:100%; margin-bottom:30px;}
	.sec1_area .sec1_box ul li:nth-child(even) { width:100%;}
	.sec1_area .sec1_box ul li:nth-child(2) .txts {display:none;}
	.sec1_area .sec1_box ul li .txts p {font-size:1.5em;}


	.sec2 {padding:0;}
	.sec2_area ul li:nth-child(1) a,
	.sec2_area ul li:nth-child(4) a {background:#2f5cac;}
	.sec2_area ul li div.icon_bg{ width:unset; height:unset; line-height:unset;}
	.sec2_area ul li div.icon_bg i {font-size:3em;}
	.sec2_area ul li .txts p.t1 { font-size:1.25em; margin-top:10px;}
	.sec2_area ul li .txts p.t2 {display:block;}


	.comm_area .comm_box ul li a{ padding:25px 0;}
	.comm_area .comm_box ul li .txts p.t1 {margin-top:0; font-size:1.5em;}


	#sub_tit {top:-190px;}
	#sub_tit .title2{ font-size:1.5em;  text-align:center; } 
	#sub_tit .normal_txt{font-size:1em;}


	#walltype_wrap ul li > dl dt { width:100%;}
	#walltype_wrap ul li > dl dd { width:100%; margin-top:25px;}
	#walltype_wrap ul li > dl dd em {right:5%; top:2%;}


	#process_wrap .process_box ul li { width:100%; margin-right:0; margin-bottom:50px;}
	#process_wrap .process_box ul li:after {right: 0;  left: 0; top: unset; bottom: -35px; font-size:1.5em; transform:rotate(90deg); transition:transform 500ms;}
	#process_wrap .process_box ul li:last-child:after {display:none;}


	#cubeFarm_01 .box1_1 .img-box {height:160px; }
	#cubeFarm_01 .box1_1 .txt-box {padding:40px 0 40px 20px;}
	#cubeFarm_01 .box1_1 .txt-box h4.tit p { display:inline-block; font-size:1em;}
	
	
	#cubeFarm_01 .box1_4 {margin-top:50px;}
	#cubeFarm_01 .box1_4 .con_box ul {flex-direction: column;}
	#cubeFarm_01 .box1_4 .con_box .img-box ul li {width:100%; margin-bottom:30px;}
	#cubeFarm_01 .box1_4 .con_box .img-box ul li:last-child {margin-bottom:0;}

}


@media screen and (max-width: 480px) {
	
	body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {font-size:13px;}

	.snone{display:none !important;}
	.sview{display:block !important;}	


	#main_visual .sliderkit-text h1.lviewa{font-size:2.5em; }
	#main_visual .sliderkit-text h1.sviewa{ font-size:1.1em; }

	.sec1_area a.btn_more {width:46%;}
	.sec1_area a.btn_online {width:46%;}


	.sec2_area ul li .btn_go {display:block;}
	.sec2_area ul li .txts p.t2{font-size:0.8em;}


	.comm_area .comm_box {margin-top:0;}
	.comm_area .comm_box ul li .notice_box { padding:20px 30px 0 30px;}
	.comm_area .comm_box ul li .notice_box ul.notice_list {margin-top:20px;}
	.comm_area .comm_box ul li .notice_box ul.notice_list li a { width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}



	#sub_visual{height:150px; }
	#sub_visual .visual_area {height:150px; background-position:center top; background-size:cover;}	

	#sub_tit {top:-160px;}
	#sub_tit .title2{ font-size:1.25em;  } 

	.scontents .con_arrow {margin-top:40px; font-size:1.3em;}
	#walltype_wrap ul li > dl dd strong{font-size:1.3em;}
	#walltype_wrap ul li > dl dd p{font-size:1em;}


	#company_wrap .txt_box h3.t1 {  font-size:1.55em; }
	#company_wrap .txt_box h3.t2{font-size:1.2em;}
	#company_wrap .txt_box div.ceo_msg p{font-size:1.1em;}
	#company_wrap .txt_box div.ceo_sign span{font-size:1.1em;}

	#map_wrap .map_info ul li strong { font-size:1.25em; margin-bottom:10px;}

	#footer .copyright span{font-size:0.9em;}

	#process_wrap .process_box ul li:last-child{margin-bottom:0;}
	#process_wrap .process_top p{font-size:1.1em;}
	#process_wrap .process_step ul li p{font-size:1.1em;}
	#process_wrap .process_guide ul li a p{font-size:1.1em;}
	#process_wrap .process_guide ul li .answer dl dd{font-size:1em;}
	#process_wrap .process_tip .con_area ul li p{font-size:1.1em;}
	#process_wrap .process_tip{margin-top:0;}
	#process_wrap .btn_online2{margin:30px auto; margin-bottom:0;}

	.online_wrap .online_bt{margin-top:0px;}

	#footer .copyright p{font-size:0.9em;}

}


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

	#footer .copy_logo img {width:32%;}


}