body.Main{ background:#fff; }

/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block{ z-index:3; position:absolute; right:0; top:0; text-align:right; }
.admin_set_bg{ position:fixed; width:100%; right:0; top:0; background:rgba(0,0,0,.5); }

.admin_set_btn{ display:inline-block; margin:20px; width:38px; height:38px; font-size:0; background:url(/img/set_close_btn.png) no-repeat center; background-size:100%; }

.admin_set_wrap{ overflow-y:auto; position:fixed; width:1px; height:100%; right:-100%; top:0; box-sizing:border-box; background:#fff; transition:right .4s ease-in-out; -webkit-transition:right .4s ease-in-out; opacity:0; }
.admin_set_wrap{ padding:50px; text-align:right; }
.admin_set_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.admin_set_close_btn{ display:inline-block; }

.admin_set{ margin:12px 0; text-align:left; }
.admin_set h5{ position:relative; }
.admin_set h5 b{ z-index:1; position:relative; display:block; font-weight:500; font-size:19px; line-height:46px; color:#333; }
.admin_set h5 span{ position:absolute; right:0; top:0; display:block; font-size:13px; font-weight:300; line-height:46px; color:#777; }
.admin_set h5 span.color_red{ color:#830008; }
.admin_set h5 span i{ font-style:normal; letter-spacing:-1.5px; }

.set_control{ width:100%; height:40px; padding:0 10px; border:1px solid #ddd; font-weight:300; font-size:14px; line-height:40px; color:#555; }
textarea.set_control{ padding:5px 10px; min-height:84px; font-weight:300; font-size:14px; line-height:24px; }
textarea.set_control_small{ min-height:40px; }

.set_upfile_wrap{ overflow:hidden; margin:1px 0 7px; }
.set_upfile_wrap .set_file{ float:left; width:20%; font-weight:400; font-size:13px; line-height:40px; color:#fff; background:#555; text-align:center; }
.set_upfile_wrap .set_file{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.set_upfile_wrap{ position:relative; }
.set_upfile_wrap:hover .set_file{ background:#1b84c7; }
.set_upfile_wrap .set_filename{ float:left; width:80%; padding-right:70px; }
.set_upfile_wrap .set_upfilebtn{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.set_upfile_delete{ position:absolute; right:15px; top:8px; color:#555; }
.set_upfile_delete:hover{ color:#333; }
.set_upfile_delete input[type="checkbox"]{ vertical-align:-2px; }

.admin_set_wrap .set_save{ margin:15px 0 0 0; width:100%; height:46px; border-radius:0; font-size:17px; font-weight:500; line-height:46px; background:#1b84c7; border:none; color:rgba(255,255,255,0.9); }
.admin_set_wrap .set_save:hover{ background:#1d3f80; }

.admin_set ul{ overflow:hidden; }
.admin_set ul li{ float:left; width:58%; margin:0; }
.admin_set ul li:last-child{ margin-left:2%; width:40%; }
.admin_set ul li .set_upfile_wrap .set_file{ width:35%; }
.admin_set ul li .set_upfile_wrap .set_filename{ width:65%; }

.admin_set_block.on{ z-index:100; width:100%; height:100%; }
.admin_set_block.on:before{ width:100%; opacity:1; }
.admin_set_block.on .admin_set_btn{ display:none; }
.admin_set_block.on > .admin_set_wrap{ z-index:101; width:580px; right:0; opacity:1; }
.admin_set_block.on > .admin_set_bg{ height:100%; }

.file_del{ position:absolute; right:0; top:0; padding:0 10px; border:1px solid #ddd; font-size:13px; font-weight:400; color:#555; line-height:38px; }
.file_del:hover{ background:#1d3f80; border-color:#1d3f80; color:#fff; }

/* 서브 게시판으로 링크 이동 버튼 */
.admin_set_block2{ z-index:3; position:absolute; right:0; top:0; text-align:right; }
.admin_set_block2 a{ display:inline-block; margin:20px; width:38px; height:38px; font-size:0; background:url(/img/set_close_btn.png) no-repeat center; background-size:100%; }

.main_video_wrap .admin_set_block{ top:95px; }


/*------------------------------------
    메인 섹션 : 네비게이션
------------------------------------*/
.Main .container1{ /* height:100%; */ }
.Main .section{ /* height:90vh; */ position:relative;  }
.Main .section:after{ content:""; display:block; clear:both; }
.Main #container5{ height:auto; }

/* page_nav */
ul.page_nav{ z-index:9; position:fixed; top:50%; right:2.5%; margin-top:-50px; }
ul.page_nav li{ margin:10px auto; }
ul.page_nav li a{ display:block; width:15px; height:15px; text-indent:-9999px; background:#b2b3b6; border-radius:10px; }
ul.page_nav li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.page_nav li a:hover, ul.page_nav li.active a:hover{ background:#0c4ca3 !important; }
ul.page_nav li.active_btn a{ position:relative; height:30px; background:#1d3f80; }
/* ul.page_nav li:hover a, ul.page_nav li:hover a:focus, ul.page_nav li:hover a:active{ height:15px !important; background:#aaa !important; } */

ul.page_nav li.container5-1{ display:none; }
ul.page_nav li span{ display:none; }



/*------------------------------------
    메인타이틀
------------------------------------*/
.main_contents_title{ margin-bottom:10px; }
.main_contents_title h1{ font:600 33px 'Play','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; line-height:140%; }
.main_contents_title p{ font:400 22px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#888; letter-spacing:-1px; }
.main_contents_title p:after{display:block; content:''; width:60px; height:2px; margin-top:25px; background:#0c4da2; }


/*------------------------------------
    메인 : product
------------------------------------*/

.main_product{ padding-top:30px; position: relative; }
.main_product_wrap{ margin:50px 0 90px; }
.main_product li{ float:left; width:32%; margin-left:2%; }
.main_product li:first-child{margin-left:0;}
.main_product li dl dt{ position:relative;/*  background:#aaa;  */overflow:hidden; text-align:center }
.main_product li dl dt img{max-width:100%; width:auto; margin:0 auto; text-align:center }
.main_product li dl dd{ position:relative;  text-align:center; font:500 24px 'Noto Sans KR','Malgun Gothic',Sans-serif; padding:25px 0; color:#0c4da2; background:rgba(255,255,255,.85); letter-spacing:-1px; width:80%; margin:-50px auto; border:solid 1px #467ca6; border-radius:5px }

.main_product li:hover dd{background:#0c4da2; color: #fff; transition:ease all .2s;  }
.main_product li:hover dt img{ transform:scale(1.1); transition: transform .5s; -o-transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; }
.main_product li:hover dt:after{position:absolute; content:'';  width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.6); transition:ease all 1s; }
.main_product li:hover dt:before{position:absolute; content:''; z-index:9999; top:50%; left:50%; margin:-75px 0 0 -75px; width:150px; height:150px; background:url(/img/main_plus_icon.png)no-repeat center; transition:ease all 1s; }


/*--------------------------------------------
    메인: notice
--------------------------------------------*/

.main_notice_wrap{position:relative; overflow:hidden; background:#eeeeee; padding:75px 0 85px; }
.main_notice_wrap .main_notice{ float:left; width:48%;  }

.main_notice{ text-align:left; font:300 14px/18px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; padding-top:20px; }
.main_notice p{ position:relative; font-weight:500; font-size:35px; line-height:160%; }
.main_notice p:after{display:block; margin:25px 0 0; content:''; width:100%; height:1px; background:#ddd;  }
.main_notice p:before{ position:absolute; content:''; top:15px; right:10px; width:15px; height:15px;  background:url(/img/plus_icon.png) no-repeat center; background-size:auto 15px;  }

.main_notice .main_news li{ float:none; width:100%; margin-left:0; padding:12px 10px; border-bottom:solid 1px #ddd; }
.main_notice .main_news li:last-child{border-bottom:none !important; }
.main_notice .main_news strong{ font:400 17px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif;  line-height:180%; color:#555;}
.main_notice .main_news b{ float:right; font:300 16px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#888; }

.main_notice_wrap .main_faq {float:left; width:47%; margin-left:5%;background:url(/img/main_faq_bg.jpg)no-repeat center; background-size:cover; text-align:center; padding:80px 0;}
.main_notice_wrap .main_faq p{ font:300 25px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; }
.main_notice_wrap .main_faq p b{ font:600 30px 'Play','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; line-height:140%; color:#fff;  }
.main_notice_wrap .main_faq a{display:inline-block; font:400 16px 'Play','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#ddd; line-height:140%; border:solid 1px #ddd; margin-top:30px; padding:8px 30px; border-radius:30px;}
.main_notice_wrap .main_faq a:hover{background:#0e518c; border-color:#0e518c; transition:ease all .5s; }

/*--------------------------------------------
    메인: about
--------------------------------------------*/

.main_about_wrap{ padding:75px 0 120px; }
.main_about{overflow:hidden; padding-top:50px; }
.main_about li{position:relative; float:left; width:33.3333%; background:#ddd; }
.main_about li dt:before{position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity:1; }
.main_about li:hover dt:before{ opacity:0; transition:ease all 1s; }
.main_about li dt{ text-align:center }
.main_about li dt img{max-width:100%; width:auto; margin:0 auto; }
.main_about li dd{padding:10px 20px 20px; margin-top:-90px; position:relative;}
.main_about li dd p{ font:400 20px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; line-height:160%; color:#fff; }
.main_about li dd p b{ font:400 23px 'Play','Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#fff; }
.main_about li dd span{ font:300 17px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff;  }
.main_about li:hover dd p{color:#0e518c;}
.main_about li:hover dd p b{color:#0e518c;}
.main_about li:hover dd span{color:#0e518c;}

@media(max-width:1200px){

/*---------------------------------------------------------------------
    메인 : 관리자 설정 UI
---------------------------------------------------------------------*/
.admin_set_block, .admin_set_block2{ display:none !important; }
.Main .container_wrap .centerWrap{max-width:1100px !important; }

.main_contents_title{margin-top:30px;}
.main_contents_title h1{font-size:28px;}
.main_contents_title p{font-size:18px;}

/*------프로덕트------*/

.main_product li dl dd{font-size:18px; padding:20px 0; margin:-35px auto; }

.product_list li dl dd strong{font-size:17px;}
.product_list li dl dd h3{font-size:25px; }
.product_list li dl dd p{font-size:15px;}
.product_list li dl dd a{font-size:13px; padding:8px 27px; }

/*------공지사항------*/

.main_notice_wrap{padding:30px 0 60px; }
.main_notice_wrap .main_catalog h2{font-size:31px;}
.main_notice p{font-size:31px;}
.main_notice_wrap .main_notice{padding:20px 15px 30px; height:330px;}
.catalog_content dl{padding-top:30px;}
.catalog_content dd h3{font-size:22px;}
.catalog_content dd p{font-size:14px;}
.catalog_content dd a{ margin-top:30px; font-size:13px; padding:5px 26px; }
.main_notice .main_news strong{font-size:15px;}
.main_notice .main_news b{font-size:13px;}
.main_notice .main_news li{padding:10px 0;}

/*------about------*/

.main_about_wrap{padding:50px 0 80px;}
.main_contact_txt_wrap h3{font-size:20px; margin-top:5px;}
.main_contact_txt_wrap p{font-size:15px; line-height:145%; padding-top:5px; }

}

@media(max-width:1800px){
/*------------------------------------
    메인 : product
------------------------------------*/

.main_product{ padding-top:50px;  }

.main_product li{ float:left; width:32%; margin-left:2%; }
.main_product li:first-child{margin-left:0;}
.main_product li dl dt{ position:relative;/*  background:#aaa;  */overflow:hidden; text-align:center }
.main_product li dl dt img{max-width:100%; width:auto; margin:0 auto; text-align:center }
.main_product li dl dd{ position:relative;  text-align:center; font:500 22px 'Noto Sans KR','Malgun Gothic',Sans-serif; padding:25px 0; color:#333; background:#efefef; letter-spacing:-1px; box-shadow: 0 2px 5px #ddd; width:80%; margin:-50px auto;  }

.main_product li:hover dd{color:#fff; transition:ease all .5s;}
.main_product li:hover dt img{ transform:scale(1.1); transition: transform .5s; -o-transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; }
.main_product li:hover dt:after{position:absolute; content:'';  width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.6); transition:ease all 1s; }
.main_product li:hover dt:before{position:absolute; content:''; z-index:9999; top:50%; left:50%; margin:-75px 0 0 -75px; width:150px; height:150px; background:url(/img/main_plus_icon.png)no-repeat center; transition:ease all 1s; }
}
@media(max-width:999px){

.Main .section{height:100%;}
.main_contents_title{ margin:15px 0; }
.main_contents_title h1{ font-size:20px; }
.main_contents_title p{font-size:15px;}
.main_contents_title p:after{width:40px; height:1px; margin-top:15px;}

.product_list li dl dt {float:none; width:100%; }
.product_list li dl dd {float:none; width:100%; }

#section0 {height:400px !important;}
#section0 .fp-tableCell {height:300px !important;}
.visual_text .txt01 {opacity:.8}
.visual_box .left_img {display:none;}
.visual_box .right_img {display:none;}
.visual_box .visual_text {width:100%; opacity:.8}
.visual_txt .txt01 {margin-bottom:0; font-size:13px;}
.visual_text .txt02 {font-size:24px; font-weight:400; margin-bottom:20px; line-height:35px;}
.visual_text p { letter-spacing:0; padding:0 15px; font-size:13px;}
.fp-controlArrow {top:60% !important;}
.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {width:30px !important; height:30px !important;}
.visual_text .btn_more {margin-top:30px; font-size:13px; padding:10px 20px 6px}


/*------메인 제품섹션----*/

.main_product{padding-top:20px;}
.main_product li{float:none; width:100%; margin-left:0; margin-bottom:40px; }
.main_product li dl dd{width:75%; margin:-30px auto 0; font-size:16px; padding:15px 0; }


/*------메인 카달로그 및 공지사항----*/

.main_notice_wrap{padding:40px 0 35px;}


.main_notice_wrap .main_faq{float:none; width:100%; height:auto; padding:35px 0; margin-left:0;} 
.main_notice_wrap .main_notice{float:none; width:100%; height:auto; padding:15px 0;}
.main_notice p{font-size:23px;}

.main_notice_wrap .main_faq p{font-size:18px;}
.main_notice_wrap .main_faq p b{font-size:20px;}
.main_notice_wrap .main_faq a{font-size:12px; padding:5px 20px;}

.catalog_content dt{float:none; width:100%; }
.catalog_content dd{float:none; width:100%; margin-left:0; }
.catalog_content dd h3{font-size:18px; padding:10px 0 20px;}
.catalog_content dd p{font-size:12px; line-height:160%; }
.catalog_content dd a{margin-top:20px; font-size:11px; padding:3px 18px;  }
.catalog_content dd a:after{font-size:10px; }

.main_notice .main_news{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice .main_news li{padding:10px 0;}
.main_notice .main_news strong{font-size:13px; line-height:160%; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:200px; }
.main_notice .main_news b{font-size:12px; }
.main_notice p:after{margin:10px 0 0; }

/*------컨택트----*/
.main_about_wrap{padding:40px 0;}
.main_about{padding-top:20px;}
.main_about li{float:none; width:100%; }

.main_about li dd span{font-size:14px;}
.main_about li dd{padding:10px 20px 30px; margin-top:-100px;}
.main_about li dd p{font-size:16px;}
.main_about li dd p b{font-size:18px;}
}