@media all and (max-width:1200px){
/*팝업 st*/
.pop_wrap{display:none;}
.pop_table{display:none;}
/*팝업 st*/


.header {width:100%; z-index:9999999;height:65px; position:absolute; top:0px; }

.nav_topwrap{width:100%; height:65px; border-bottom:1px solid #9d9d9d; display:none;}
.nav_topbox{width:1100px; height:65px; margin:0 auto; position:relative; display:none;}

.nav_box {position:relative; width:1100px; margin:0 auto; display:none;}
.header h1{position:absolute;left:0px;top:0px; cursor:pointer;}
.navbox{ width:690px;text-align:left; float:right;}
.navbox li{display:inline-block;width:16%;vertical-align:top;padding-top:8px; margin-left:30px; }
.navbox li a{display:block;width:100%;line-height:85px;font-size:20px;color:#fff;cursor:pointer;font-weight:500;letter-spacing:-1px}
.navbox li a:hover {color:#fff;}
.gnb_a{font-size:14px; position:absolute;top:13px; right:80px;color:#fff;width:72px; text-align:center; font-weight:500;}
.gnb_a a{color:#fff}
.gnb_b{font-size:14px;position:absolute;top:13px;right:0px;color:#fff;width:72px; text-align:center; font-weight:500; }
.gnb_b a{color:#fff}
.nav_tel{font-size:18px; color:#fff; position:absolute; left:10px;top:13px; font-weight:500; }
.nav_tel a{color:#fff; }
.esti_nav_but{position:absolute; right:0px; background:#2b7bb5; width:110px; height:110px; cursor:pointer;}


/*mobile 메뉴*/
.mobile_header_box { width:100%; margin:0px; position:absolute;z-index:10000;top:0px ;border-bottom:1px solid #ccc; display:block; }
.header_m_menu {width:100%; margin:0px auto;height:65px;padding:0px 0px;position:relative;z-index:10000;background-color:#fff}
.header_m_menu_img{ position:absolute;top:14px;left:5px;z-index:22000}
.header_m_menu_img img{width:165px;padding:0px 0 0 10px;}
.header_m_menu_bu img{width:30px;height:22px;position:absolute;top:22px;right:12px; z-index:10000}

nav {display:none;width:100%;height:auto;position: absolute;z-index:20000; top:65px;background-color:#fff;}
nav .memu{height:auto;font-weight:bold; padding:9px 20px;border-bottom:1px solid #c7c7c7;font-size:14px;font-family: 'Noto Sans KR';letter-spacing:-1px; color:#525252}
nav .memu:hover {background-color: #2b7bb5;color:#fff;font-weight:bold;}
nav .memu a:hover {color:#796e58; font-weight:bold;}
nav .memu_a{width:100%;height: auto; padding:9px 0px;background-color: #ebebeb; border-bottom: 1px solid #fff;font-weight:bold;font-size:13px;letter-spacing:-1px;color:#626262}
nav .memu_a a{color:#626262;padding-left:20px;font-weight:bold;font-size:13px;}
nav .memu_a a:hover {color:#626262;font-weight:bold;font-size:13px;}

.iph_banner{display:none; }
.kakao_banner{position:fixed; right:10px; top:90px;z-index:9999999;}
.kakao_banner img{max-width:60px;}
.pop_foot{display:none; }
/*mobile 메뉴*/
/*header end*/

/*main_visual st*/


.main_arrow_box {position: relative;margin: 0 auto;z-index:1500;}

.mainVisual .visualBg1 { background:url(/images/main/mo_vi_1.jpg)no-repeat center 0; background-size:cover;}
.mainVisual .visualBg2 { background:url(/images/main/mo_vi_2.jpg)no-repeat center 0; background-size:cover;}
.main_arrow_left {left:0px; position:absolute;}
.main_arrow_left img{max-width:34px;height:65.5px;}
.main_arrow_right {right:0px; position:absolute; }
.main_arrow_right img{max-width:34px;height:65.5px;}
.vid_style{left:50%; min-height:100%; min-width:100%; position:absolute; top:50%; transform: translate(-50%,-50%);}

video#bgvid{ right:0; bottom:0; min-width:100%; min-height:300px;  display:none;}
video#bgvidbg{ right:0; bottom:0; min-width:100%; min-height:300px;  display:none; }

/*main_visual end*/
/*main_content st*/



    /* 서브메뉴 st */
.sub_nav_wrap { width: 100%; position: relative;padding: 10px 0px 25px 0px; }
.sub_nav_area { width: 100%;   text-align: center;  padding-top: 12px  }
.sub_nav_list {  font-size: 0;   letter-spacing: -5px;  }
.sub_nav_list li {  display: inline-block;  font-size: 13px;   letter-spacing: 0;  /*border-right-width: 0;*/ margin-right:3px;   margin-top:3px; }
.sub_nav_list li:last-child {   border-right-width: 1px  }
.sub_nav_list li:hover {    border: 1px solid #2b7bb5;  border-right-width: 0  }
.sub_nav_list li:hover:last-child {   border-right-width: 1px  }
.sub_nav_list a {width: 120px;  padding: 5px 0px;  display: block;   line-height: 160%;  font-size: 11px;  font-weight: normal;   letter-spacing: -0.025em;  color: #fff; }
.sub_nav_list li a:hover {  background: #2b7bb5;   color: #fff; font-weight: normal; }
.sub_nav_on {background: #2b7bb5; color: #fff;  font-weight: normal;border: 1px solid #2b7bb5; /*border-right-width: 0*/}
.sub_nav_off {  background: #ffffff;  font-weight: normal; border: 1px solid #c7c7c7; /*border-right-width: 0*/}
.sub_nav_off a {  color: #424242; }
    /* 서브메뉴 ed */




/* section 1 st*/

.main_videotab_box{width:100%; height:auto; background:#2b7bb5;  z-index:555;  }
.videomap{ width:100%; height:auto; background:rgba(0,0,0,0.5); display:none;}
.vidmap_tab{width:100%; margin:0 auto; position:relative; z-index:5555; display:none; }
.video_textbox{position:absolute; padding:60px 0px 0px 15px; top:50px; }
.vid_ptext{font-size:20px; color:#fff; font-weight:500; line-height:120%; text-align:left; padding-bottom:30px; letter-spacing:-0.025em; }
.vid_p{font-size:14px; color:#fff; font-weight:500; line-height:140%; text-align:left; letter-spacing:-0.025em; }

.movie-player-wrapper {
	position: relative;
	width: 100%;
	min-height: 350px;
}
.movie-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    overflow:hidden;
}


    @media all and (min-width:360px) and (max-width:420px) {

.menu_box{width:90%; min-height:500px; margin:0 auto; padding-top:20px;}

.labelbox{width:43%; min-height:210px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto;  }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:100px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 110px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:250px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 250px;z-index: 50;}

    }


    @media all and (min-width:420px) and (max-width:480px) {

.menu_box{width:90%; min-height:500px; margin:0 auto; padding-top:20px;}

.labelbox{width:43%; min-height:230px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }


.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:100px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px ; }
.mainVisual .controller2 .rollBtnD {position: absolute;top: 110px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:250px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 250px;z-index: 50;}

    }


    @media all and (min-width:480px) and (max-width:540px) {

.menu_box{width:90%; min-height:580px; margin:0 auto; padding-top:20px;}

.labelbox{width:40%; min-height:250px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:100px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 210px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:350px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 350px;z-index: 50;}

    }


    @media all and (min-width:540px) and (max-width:600px) {

.menu_box{width:90%; min-height:600px; margin:0 auto; padding-top:20px;}

.labelbox{width:40%; min-height:270px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:100px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 210px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:350px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 350px;z-index: 50;}


    }


    @media all and (min-width:600px) and (max-width:700px) {

.menu_box{width:90%; min-height:700px; margin:0 auto; padding-top:20px;}

.labelbox{width:40%; min-height:310px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:100px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 210px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:350px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 350px;z-index: 50;}


    }


    @media all and (min-width:700px) and (max-width:800px) {

.menu_box{width:90%; min-height:700px; margin:0 auto; padding-top:20px;}

.labelbox{width:40%; min-height:320px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left; text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:180px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 180px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:400px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 400px;z-index: 50;}


    }


        @media all and (min-width:800px) and (max-width:900px) {

.menu_box{width:90%; min-height:760px; margin:0 auto; padding-top:20px;}

.labelbox{width:40%; min-height:330px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:210px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 200px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:460px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 460px;z-index: 50;}


    }


        @media all and (min-width:900px) and (max-width:1200px) {

.menu_box{width:90%; min-height:760px; margin:0 auto; padding-top:20px;}

.labelbox{width:40%; min-height:330px; background:#fff; margin-left:5%; box-shadow:4px 4px 5px #1d567f;  margin-top:25px; float:left;text-align:center}
.label_menubox{}
.label_menubox img{max-width:100%; margin:0 auto; }
.label_ppt{border-top:1px solid #ccc;}
.mtext_title{font-size:15px; color:#000; font-weight:500;  width:90%; margin:0 auto;padding-top:10px;}
.mtext_pp{font-size:12px; color:#6d6d6d;  font-weight:500; width:90%; margin:0 auto; padding-top:5px; }

.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto; margin-top:260px; }
.mainVisual .controller2 { width:110px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 240px;left:30px;}

.mainVisual {position:relative;z-index:1000; width:100%; height:550px; margin: 0 auto; overflow: hidden; margin-top:50px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 550px;z-index: 50;}


    }



.this_slide{width:100%; height:950px;}
.main_menu_wrap{width:100%; height:auto; background:#2b7bb5; margin-top:0px;}

.main_textwrap{width:100%; height:auto; background:#2b7bb5; padding-top:30px; padding-bottom:45px; }
.main_textbox{width:90%; height:auto; margin:0 auto; padding-top:0px; position:relative;}
.label_exrobo{width:100%; height:auto;  }
.label_exrobo img{max-width:100%; }
.label_textbox{background:#fcb040; box-shadow:9px 9px 10px #1d567f; width:100%; height:auto;}
.label_title{font-size:20px; color:#362d20; padding:30px 0px 0px 25px; font-weight:500; }
.label_text{font-size:14px; color:#362d20; padding:10px 25px 25px 25px; font-weight:500; line-height:150%; }

.main_notice_wrap{width:100%; height:auto;  background:#2b7bb5; }
.notice_wrap{width:90%; height:auto; margin:0 auto; padding-bottom:40px; }
.brand_noti_box{border-top:3px #123d5d;  width:100%; background:#fff;  height:auto; }
.estimate_box{ border-top:3px #123d5d;  width:100%; background:#fff; height:auto; position:relative; margin-top: 30px ;}
.main_noti_text{font-size:20px; color:#000; font-weight:500; padding:25px 0px 10px 30px; }
.main_noti{padding:0px 30px 20px 30px;  }
.main_noti li{font-size:13px; color:#000; line-height:210%; cursor:pointer;}
.main_noti li a{color:#000; }
.main_estimate{font-size:20px; color:#000; font-weight:500; padding:25px 0px 10px 30px; }
.esti_text{font-size:13px; color:#000; padding:0px 30px 0px 30px; line-height:150%; }
.esti_rubu{width:185px; height:40px; background:#2b7bb5; color:#fff; font-size:16px; font-weight:500; text-align:center; cursor:pointer; margin:15px 0px 25px 30px; border:none;}
.estimate_icon{position:absolute; right:20px; bottom:20px; }
.estimate_icon img{max-width:60px; }

.main_mapdiv{width:100%; height:200px; background:#ccc; }

/*main_content end*/

/*수평스크롤 영역*/
 ul {margin: 0;padding: 0;}
.cert_wrap {width: 100%;text-align:center;border:0px solid red;}
.cer_box {width:1200px;height:405px;margin: 0 auto;overflow: hidden;position: relative;border: 0px solid blue;}
.cert_list {overflow: hidden;}
.cert_con {width: 2208px;}
.cer_box li {float: left;border-right:0px solid #e6e6e6; width:398px;text-align: center;}
#cert_list {width: 20000px;z-index: 5;position: relative;}


.cert_wrap {width: 100%;text-align:center;border:0px solid red;}
.cer_box {width: 100%;height:280px;margin: 0 auto;overflow: hidden;position: relative;border: 0px solid blue;}
.cert_list {overflow: hidden;}
.cert_con {width: 2208px;}
.cer_box li {float: left;border-right: 0px solid #e6e6e6; width:auto;margin:0 auto; text-align: center;}
#cert_list {width: 20000px;z-index: 5;position: relative;}

/*수평스크롤 영역*/

/* footer st*/

.footer{ width:100%;border-top:1px solid #ccc; height:auto; background:#fff; text-align:center}
.footer .f_address{width:90%;padding:20px 0 0 0px;color:#cacaca; margin:0 auto;}
.footer .f_address .f_logo{margin:0 auto;}
.footer .f_address .f_logo img{max-width:165px; padding-bottom:20px; }
.footer .f_address .f_app{width:100%;background:#2b7bb5;color:#fff; border:none; padding: 10px 0px; cursor:pointer;}

.footer .f_address ul{padding-top:10px; height:15px;}
.footer .f_address li{font-size:13px;text-indent:0px; margin-right:5px;padding-right:2px;letter-spacing:-0.065em; float:left; color:#000; line-height:160%; }

.footer .f_address li a{color:#000; padding-right:20px;}
.footer .f_address .copyright{font-size:11px;letter-spacing:-1px;padding-left:0px;color:#000; padding-bottom:20px;}

/* footer end*/



 /*이용약관, 개인정보취급방침, 이메일무단수집거부 st*/
.etc_area{width:305px;left:-158px;bottom:20px;border:1px solid #564d44;padding:10px}
.etc_box{width:100%;height:380px;position:relative;}
.etc_tit{font-size:16px;font-weight:normal;padding-top:20px}
.etc_letter{font-size:11px;font-weight:300;color:#564d44;line-height:160%;letter-spacing:-0.025em;padding-top:6px;word-break:keep-all}
.etc_textarea{padding:0px 5px; width:100%; height:100%; font-size:11px; color:#6d6d6d; }
.etc_textarea_wrap{width:100%;height:60%;border:1px solid #c7c7c7;margin-top:20px;overflow:hidden;}
.agree_textarea_wrap{width:100%;height:60%;border:1px solid #c7c7c7;margin-top:20px;overflow:hidden;}
.etc_txt{font-size:11px;line-height:150%;padding:15px;margin-top:20px;letter-spacing:-0.025em;}
.etc_close{position:absolute;top:0px;right:0px;cursor:pointer}
.etc_close img{width:32px;}
 /*이용약관, 개인정보취급방침, 이메일무단수집거부 st*/



/* sub_visual st*/
.sub_vi_box1 {width:100%;height:150px; background:url(/images/common/sub_vi_1.jpg) no-repeat center 0;background-size:cover}




.subp_title_wrap{width:100%; height:auto; background:#fff; }
.subp_title{width:90%; height:auto; margin:0 auto; text-align:center;}
.subp_line{width:30px; height:2px; background:#2b7bb5; margin:0 auto;  margin-top:30px;}
.subp_text{font-size:20px; color:#000; line-height:140%; padding-top:10px; letter-spacing:-0.065em; padding-bottom:30px; }
.subp_text span{color:#2b7bb5; }


.memp_title_wrap{width:100%; height:auto; background:#fff; }
.memp_title{width:90%; height:auto; margin:0 auto; text-align:center;}
.memp_line{width:30px; height:2px; background:#2b7bb5; margin:0 auto;  margin-top:30px;}
.memp_text{font-size:20px; color:#000; line-height:140%; padding-top:10px; letter-spacing:-0.065em; padding-bottom:30px; }
.memp_text span{color:#2b7bb5; }

.cop_title_wrap{width:100%; height:auto; background:#2b7bb5; }
.cop_title{width:90%; height:auto; margin:0 auto; text-align:center;}
.cop_line{width:30px; height:2px; background:#fff; margin:0 auto;  margin-top:60px;}
.cop_text{font-size:20px; color:#fff; line-height:140%; padding-top:30px; letter-spacing:-0.065em; }
.cop_text span{color:#2b7bb5; }
.counsel_title{font-size:14px; color:#fff; letter-spacing:-0.065em; line-height:160%; padding-top:10px; padding-bottom:30px;}



/*회사소개*/
.brand_wrapbox{width:100%; height:auto; background:#f0f0f0; }
.brand_wrap{width:90%; height:auto; margin:0 auto; padding-top:15px; padding-bottom:45px;  }
.float_div{width:80%; height:auto; border:0px solid red;margin:0 auto;}
.brand_div{width:100%; height:auto; margin:0 auto; text-align:center; box-shadow:4px 4px 5px #ccc; background:#fff; margin-top:50px;}
.brand_div img{margin-top:-20px; max-width:90px; }
.brandim{width:90%; height:50px; border-bottom:1px solid #ccc; margin:0 auto;}
.brandim p{font-size:20px; color:#000; font-weight:500; padding-top:15px; letter-spacing:-0.065em;}
.im_text{font-size:16px; color:#6d6d6d; letter-spacing:-0.065em; line-height:140%; padding:20px 0px; width:90%; margin:0 auto;}


/*상품소개*/

.prod_wrap{width:100%; min-height:300px; }
.prod_box{width:90%; height:auto; margin:0 auto; text-align:center}
.product_abox{width:100%; height:auto; margin-top:0px;}
    .snap_box {
        background: #fff;
        margin: 0 auto;
        vertical-align: top;
        padding-bottom:20px;
    }
    .imgBox {
        vertical-align: top;
    }

    .snap_textbox {
        padding: 20px 0px 0px 0px;
        vertical-align: bottom;
        text-align:center;
    }
.snap_title{font-size:20px; color:#000; padding-bottom:10px; font-weight:500; }
.snap_p{font-size:15px; color:#6d6d6d; line-height:160%; }

/*상품소개*/


/*주요고객사*/
.scce_awa_wrapbox{width:100%; height:auto; }
.scce_awa_titlebox{width:90%; height:auto; padding-top:40px; margin:0 auto; text-align:center}
.scce_awa_title{font-size:20px; color:#000; font-weight:500; }
.scce_awa_title span{color:#2b7bb5}
.scce_awa_text{font-size:15px; color:#000;padding-top:20px; line-height:150%}
.scce_cl_box { width: 93%; padding: 0px 0px; margin-top: 0px;  background-color: #fff; margin: 0 auto; height:110px }

.award_left {border: 0px solid red; position: relative;  cursor: pointer;  float: left; width: 10%; }
.award_left img {  width: 30px;   padding-top: 25px;  }
.award_right {  border: 0px solid red;  position: relative; cursor: pointer;float: left;  width: 10%; }
.award_right img { width: 30px; padding-top: 25px;  }

.foo_cl { width: 80%;margin: 0 auto;   position: relative; padding-top: 17px; overflow: hidden;   border: 0px solid blue;  float: left; }
.foo_cl ul {   width: 10000px;  }
.foo_cl li {   float: left;   padding-left: 0px;  }  .foo_cl li:first-child {    padding-left: 0px;  }
.foo_cl li img {  max-width: 110px;  }

/*회사소개*/



/*시설현황*/

.factory_wrap{width:100%; height:auto; }
.factory_box{width:90%; height:auto; margin:0 auto; }
.fact_itembox{width:100%; height:auto; margin-top:20px; }
.fact_itembox_long{width:100%; height:auto; margin-top:40px; }
.factcon{width:100%; height:auto; }
.fact_title{font-size:20px; color:#000; text-align:left;  font-weight:500; letter-spacing:-0.045em; }
.fact_mach{width:100%; height:auto; margin:0 auto; text-align:center; padding-top:10px;}
.fact_mach img{max-width:100%; }
.fact_infobox{width:100%; height:auto; }

.pst_table {width: 100%; background-color: rgba(255, 255, 255, .9); margin-top: 0px; }
.pst_table td { border: 1px solid #ccc; font-size: 15px;  line-height: 140%; padding:5px 0px; }
.pst_bg { background-color: #2b7bb5; color:#fff; }
.pst_td{text-align:left; padding:0px 10px 0px 10px; }
.pst_align{text-align:center; }

.fact_option_wrap{width:100%; height:auto; }
.fact_option_box{width:90%; height:auto; padding-top:40px; margin:0 auto;}
.option_acce{font-size:20px; color:#000; letter-spacing:-0.065em; font-weight:500; text-align:center;}
.option_acce span{color:#bbb; }
.option_box{width:100%; min-height:1000px; margin-top:30px; }
.option{width:40%; min-height:300px; float:left; margin-left:6%}
.op_cont{width:100%; min-height:200px; border:1px solid #ccc; text-align:center;margin-left:8px; }
.op_cont:first-child{margin-left:0px; }
.op_cont img{margin:0 auto; text-align:center; max-width:100%; }
.option p{font-size:15px; color:#000; letter-spacing:-0.065em; text-align:center; padding-top:10px;}

/*시설현황*/



/*견적문의*/

.counsel_contwrap{width:100%; height:auto; background:#2b7bb5; }
.counsel_contbox{width:95%; height:auto; margin:0 auto; }
.cous_wrap{width:100%; height:auto; background:#fff;}
.cous_cellwrap{padding:10px 0px; height:auto; margin:0 auto; }

.cous_wrap .row{display:table; width:100%; border-bottom:0px solid #999; }
.cous_wrap .cell-title{display:table-cell; width:20%; color:#222;  padding:20px 0px 0px 15px;  vertical-align:top; font-size:13px; }
.cous_wrap .cell-content{display:table-cell; padding:10px; }
.cous_wrap .input_cell{height:35px; color:#555; border:1px solid #ccc; font-size:14px; background:#f7f7f7; margin-top:5px; width:95%; }
.cous_wrap .input_file{height:28px; color:#555; border:1px solid #ccc; font-size:14px; background:#f7f7f7;width:95%; }
.cous_wrap .tel_iqtext{display:inline-block; font-size:12px; padding:15px; color:#000;}
.cous_wrap .tel_iqtext a{color:#000; }
.cous_wrap .trd_etc{padding:10px; font-size:16px; position:relative; }
.cous_wrap .select_cell{width:95%; height:35px; text-indent: 10px; color:#555; border:1px solid #ccc; background-color:#f7f7f7; font-size:14px;background: url("/images/common/slt_arrow.png") no-repeat scroll 101% 50%;-moz-appearance: none;-webkit-appearance: none;overflow: hidden;white-space: nowrap;cursor: pointer; margin-top:5px;}
.row-title{width:100%; height:auto; padding-bottom:20px;}
.row-title p{font-size:13px; color:#222;  padding:20px 0px 0px 15px; }
.cous_wrap .row_textarea{height:130px; border:0px solid red; margin:0 auto; }
.cous_wrap .rep_textare_box{width:93%; resize:none; border:1px solid #ccc; background:#f7f7f7}
.counsel_bua{padding:10px; background-color:#4d3939; box-shadow:4px 4px 5px #1d567f; border:none; margin:0 auto; margin-top:30px; margin-bottom:30px; border-radius:10px; cursor:pointer;max-width:150px;}
.counsel_bua img{max-width:80%; }
/*견적문의*/




/*교정보기*/

.design_sample_wrap{width:100%; height:auto; }
.design_sample_box{width:90%; height:auto; margin:0 auto; padding-bottom:50px; }
.sample_box{width:100%; height:auto; margin-bottom:30px;  }
.design_sample{width:100%; height:100%; border:1px solid #ccc; margin:0 auto; text-align:center;}
.design_sample img{max-width:100%; margin:0 auto;}
.design_title{font-size:16px; color:#000; letter-spacing:-0.065em; line-height:160%; padding:5px 0px 5px 10px; font-weight:500; }
.design_date{font-size:12px; color:#6d6d6d; letter-spacing:-0.065em;  padding:0px 0px 10px 0px; }
.design_ready{width:100%; height:40px; color:#fff; background:#2b7bb5; letter-spacing:-0.065em; cursor:pointer; font-size:12px; margin-bottom:0px; border:none; }
.design_complete{width:65px; height:30px; border:none; color:#fff; background:#2b7bb5; letter-spacing:-0.065em; font-size:12px;margin-bottom:10px;}
.sample_divwrap{width:100%; min-height:300px; }
.sample_textbox{width:100%; margin:0 auto; border:1px solid #ccc; border-top:none; }
.textbox_design{border-bottom:1px solid #ccc; height:36px; }

.sample_table{width:100%; height:auto; }
.sample_table tr{width:100%; height:35px; border-bottom:1px solid #ccc; font-size:12px; }
.sample_table tr:last-child{border:none; }
.pr_text_left{background:#f7f7f7; border-right:1px solid #ccc; text-align:center; }
.pr_text_right_a{text-indent:10px;  cursor:pointer; }
.pr_text_right{text-indent:10px; }

/*교정보기*/







/*신규작업의뢰*/

.order_page_wrap{width:100%; height:auto;}
.order_page{width:100%; height:auto; margin:0 auto; } 
.caution_order_wrap{width:95%;margin:0 auto; height:auto; border:0px solid blue; }
.caution_order{font-size:15px; color:#e42424; letter-spacing:-0.065em; font-weight:500; padding:20px 0px;}
.caution_box{width:100%; height:auto; border:1px solid #ccc; }
.caution_text{padding:20px 0px 20px 0px; width:92%; margin:0 auto; }
.caution_text p{font-size:13px; color:#000; letter-spacing:-0.065em; line-height:200%; }
.caution_text p span{font-weight:bold; }
.caution_agreebox{width:100%; height:70px; text-align:center;}
.caution_agreebox li{font-size:14px; color:#000; letter-spacing:-0.065em; padding-top:30px; }
.caution_agreebox li input{vertical-align:middle; margin-right:5px;}

.row_caution{font-size:14px; color:#2b7bb5; letter-spacing:-0.065em; line-height:150%; padding-top:10px;}
.cell-radio li{font-size:14px;  letter-spacing:-0.065em; padding-top:3px; margin-top:10px; } 
.cell-radio li input{vertical-align:middle; margin-right:6px;}
.celltype{display:block;padding:10px 15px 0;background:none;width:100%;box-sizing:border-box;}
.rep_box_file{width:100%; }
.data_iqtext{ font-size:14px;  color:#2b7bb5; }

.ord_table_title{font-size:15px;color:#222;text-align:left;font-weight:500;letter-spacing:-0.065em;padding-bottom:10px; text-indent:15px; border-bottom:2px solid #333}
.ord_table .cell-title{display:block;padding:10px 15px 0;background:none;width:100%;box-sizing:border-box;}
.ord_table .cell-content{display:block;padding:5px 15px;background:none;width:100%;box-sizing:border-box;}
.ord_table .cell-content02{display:block;padding:16px;}
.ord_table .in_cell{box-sizing:border-box; width:98%; height:35px; padding:3px 0px 3px 5px; border:1px solid #888; color:#555;}
.ord_table .input_cell{box-sizing:border-box; width:98%; height:35px; padding:3px 0px 3px 5px; border:1px solid #888; color:#555;}
.ord_table .select_cell{box-sizing:border-box; width:98%; height:35px; padding-left:2px; border:1px solid #888; color:#555;border-radius:0px}
.ord_table .textarea_cell{box-sizing:border-box; width:98%; height:150px; padding-left:5px; border:1px solid #888; color:#555;border-radius:0px}


/*신규작업의뢰*/






/*작업의뢰현황*/

.order_listwrap{width:100%; min-height:350px; }
.order_listbox{width:100%; height:auto; margin:0 auto;}
.datalist_btn_blue{ background-color: #2b7bb5; width:20px;  height: 20px; border: none; color: #fff;  font-size: 11px;  cursor: pointer;  letter-spacing: -0.5px; }
.datalist_btn_red{ background-color: #fff; width:20px;  height:20px; border: 1px solid #ccc; color: #000;  font-size: 11px;  cursor: pointer;  letter-spacing: -0.5px; }
.c_type{text-align:center; }
.c_process{text-align:center; }

/*작업의뢰현황*/




/*공지사항st*/
.custo_table{width:100%;margin:0 auto;min-height:350px;}
.ntc_table{width:100%;margin-top:0px}
.ntc_table thead th{font-size:10px;color:#000;letter-spacing:0px;border-top:2px solid #626262;border-bottom:1px solid #626262;padding:15px 0;}
.ntc_table thead th:last-child{border-right:none;}
.ntc_table tbody td{font-size:10px;font-weight:300;color:#000;letter-spacing:0px;border-bottom:1px solid #ccc;padding:7px 0;line-height:19px; cursor:pointer;}
.ntc_table tbody td:last-child{border-right:none;}
.ntc_table tbody .c_num{text-align:center;}
.ntc_table tbody .c_subject{text-align:left;padding-left:10px;vertical-align:middle}
.ntc_table tbody .c_day{text-align:center;}

/*공지사항*/





/*로그인*/

.mem_loginwrap{width:100%; height:auto; border:0px solid red; }
.mem_loginbox{width:100%; height:auto; margin:0 auto; border:0px solid blue; }

.lo_box {width:90%;height:auto; margin:0 auto;text-align:center; }
.login_box {width: 100%;margin:0 auto; color: #000;}
.login_box_a {width: 300px;height: 52px; border: 1px solid #c4c4c4; background:#f7f7f7; margin-top: 5px;font-size: 15px;color: #a6a6a6;letter-spacing: -1px;font-weight: bold;text-indent: 10px;}
.lo_login{background-color: #2b7bb5;width:300px;height:52px;border: 0px; margin-top:15px;color: #fff;font-size:16px;font-weight:500; cursor: pointer;}
.lo_login_b{background-color: #f9a91c;width:300px;height:52px;border: 0px; margin-top:15px;color: #fff;font-size:16px;font-weight:500; cursor: pointer;}
.login_bu_box {clear:both; width: 100%;margin: 0 auto;text-align:center; height:150px;margin-top:40px;font-size: 12px;}

.login_bu_a{background-color:#2b7bb5;width:150px;height: 35px; border: 0px;color: #fff;position: relative;top: -6px;cursor:pointer; border:none;}
.login_bu_b{background-color:#333;width:150px;height: 35px; border: 0px;color: #fff;position: relative;top: -6px;cursor:pointer; border:none; }

.login_bu_c {background-color:#222;width:103px;height: 31px; border: 0px;color: #fff;border:1px solid #e1e1e1;cursor:pointer}
.login_as_b {width: 100%;margin: 0 auto;text-align:center; padding-bottom:25px;font-size:15px}
.login_as_d {width: 100%;margin: 0 auto;color: #626262;text-align:center;padding-bottom:25px;padding-top:20px;font-size:15px;}

/*로그인*/




/*회원가입*/

/*아이폰 버튼 스타일 초기화 st */
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=button], textarea, select {-webkit-appearance: none;}
/*아이폰 버튼 스타일 초기화 ed */
.join_text_box {width:96%;margin:5px auto;  height:80px;padding:4px 4px; font-size:11px; color:#6d6d6d;}
.iq_table_box{width:100%;padding-top:0px;}

.join_textbox {width: 100%;margin: 0 auto;border-radius:8px;margin-bottom:25px; }
.join_textbox1{border-bottom:2px solid #333}
.join_textbox1 li{font-size:15px;color:#222;text-align:left;font-weight:500;letter-spacing:-0.065em;padding-bottom:10px; text-indent:15px; }
.join_check {color: #535353;font-size: 14px;text-align: left;padding-bottom:20px;width:90%;margin:0 auto;font-weight:400;}
.join_check .che_box{vertical-align:middle; width:20px;height:20px;border:1px solid #c7c7c7; background-color:#fff}

.iq_table_title{font-size:15px;color:#222;text-align:left;font-weight:500;letter-spacing:-0.065em;padding-bottom:10px; text-indent:15px; border-bottom:2px solid #333}
.iq_table .cell-title{display:block;padding:10px 15px 0;background:none;width:100%;box-sizing:border-box;}
.iq_table .cell-content{display:block;padding:5px 15px;background:none;width:100%;box-sizing:border-box;}
.iq_table .cell-content02{display:block;padding:16px;}
.iq_table .in_cell{box-sizing:border-box; width:98%; height:35px; padding:3px 0px 3px 5px; border:1px solid #888; color:#555;}
.iq_table .input_cell{box-sizing:border-box; width:98%; height:35px; padding:3px 0px 3px 5px; border:1px solid #888; color:#555;}
.iq_table .select_cell{box-sizing:border-box; width:98%; height:35px; padding-left:2px; border:1px solid #888; color:#555;border-radius:0px}
.iq_table .textarea_cell{box-sizing:border-box; width:98%; height:150px; padding-left:5px; border:1px solid #888; color:#555;border-radius:0px}
.iq_table .iq_text{padding:5px;font-size:12px;  }
.table-inner-wrap {display:table; width:100%;padding-top:5px;}
.table-inner-wrap > div.one-else {display:table-cell; width:50%;}
.table-inner-wrap > div.one-el{width:98%;padding-left:0.5%}

.rep_bu_box {width: 100%;text-align: center;margin-top: 31px;padding-bottom:70px;}
.rep_bu_a {width:100px; height:35px; font-size:12px; background:#2b7bb5;border: 0px solid #b72322;color: #fff;cursor: pointer;}
.rep_bu_b {width:100px; height:35px; font-size:12px;background-color:#555;border: none;color: #fff;cursor: pointer;} 
.rep_bu_c {width:100px; height:35px; font-size:12px;background-color:transparent;border: 1px solid #6b524c;color: #5d0805;cursor: pointer;} 
.rep_bu_d {width:100px; height:35px; font-size:12px;background-color:#555;border: 0px solid #6b524c;color: #fff;cursor: pointer;} 
.rep_textare_box{width:98%; resize:none; border:1px solid #ccc; background:#f7f7f7}
.btn-gray-s{box-sizing:border-box; min-width:72px; height:28px; padding:0 10px; line-height:20px;letter-spacing:-1px;  background-color:#666; color:#fff; font-size:14px; text-align:center;vertical-align:middle;border:1px solid #666;white-space:nowrap;cursor:pointer}
/*회원가입*/



/*아이디비번찾기*/

.idpw_wrap{width:100%; height:auto; }
.idpw_box{width:90%; height:auto; margin:0 auto; }

.mm_tit2{font-size:15px; color:#000; text-align:center; padding-top:0px; letter-spacing:-0.065em; font-weight:500;}
.mm_tit2 span{color:#2b7bb5; }

.sc_area{width:100%;margin:0 auto;padding:20px 0px 20px 0;overflow:hidden;}
.sc_big_box{width:98%;margin:0 auto;border:1px solid #ddd; padding:15px 0 ;background:#fff;border:0px solid #ddd;}
.scfd_t_txt{font-size:18px;color:#000;letter-spacing:-0.065em;padding-bottom:20px;}
.scid_find_area{width:100%;border-right:0px dashed #c7c7c7;text-align:center;}
.scpw_find_area{width:100%;margin:0 auto;text-align:center;}
.sc_leftbox{width:100%;margin:0 auto;}
.sc_rightbox{width:100%;margin:0 auto;}
.sc_search_btn {width:100%;margin:0 auto;height:35px;margin-top:5px;}
.sc_find_box{width:100%;margin:0 auto;padding:10px 0 20px 0;}
.sc_find_box_pw{width:100%;margin:0 auto;}
.sc_leftbox_pw{width:100%;margin:0 auto;}
.sc_leftbox_a {width:100%;}
.sc_leftbox_a {width:300px;height: 52px;border: 1px solid #c7c7c7;font-size:13px;color:#564d44;letter-spacing:-0.5px;font-weight:600;text-indent:8px; background:#f7f7f7; margin-top:5px;}
.sc_search_btn {width:300px;height:52px;background: #2b7bb5;color: #fff;font-size:17px;cursor:pointer;border:none; margin-top:20px;}

.idpws_layout {width:98%;margin:0 auto;position:relative;left:0px; border:1px solid #2b7bb5; height:250px; background:#fff; }
.idpws_box {width:98%;margin:0 auto;height:250px; background:#fff;}
.idpws_top {width:90%;margin:0 auto; padding-top:15px;}
.idpws_text {width:90%;margin:0 auto;padding-top:20px; text-align:center; letter-spacing:-0.5px; font-size:14px; line-height:150%; }
.idpws_btn_box {width:90%;margin:0 auto;padding-top:20px; text-align:center; }
.idpws_btn {width: 100px;height: 25px;vertical-align: middle;color: white;letter-spacing: -0.5px;font-weight: bold;border-width: 0;line-height: normal;cursor: pointer;background:#2b7bb5; }
.idpws_close{float:right; cursor:pointer; margin-top:-20px; }

/*아이디비번찾기*/



/*회원탈퇴st*/
.te1_title{width:100%;margin:0 auto;text-align:center; }
.te1_title li{font-family: 'Noto Sans KR'; font-weight:300;font-size:16px;letter-spacing:-1px;padding-bottom:10px; width:90%; margin:0 auto;}
.te1_title li span{font-size:20px;letter-spacing:-1px;color:#c20d26;font-family: 'Noto Sans KR'; font-weight:500;}
.te1_area{width:100%;height:auto;margin:0 auto; }
.tmt_box{width:100%;margin: 0 auto;margin-top:40px}
.tmt_box{text-align:center;}
.tmt1_box {width:90%;height: auto; margin: 0 auto;}
.lo_leftbox_t {width:95%;height: 50px;border: 1px solid #c7c7c7;font-size: 1em;color:#564d44; letter-spacing:-0.5px;font-weight:normal;text-indent:8px;margin-top:30px;}
.login_bu_t {background:#2b7bb5;width:95%;height:50px;color:#fff;cursor:pointer;font-size:15px;margin-top:20px}
.pw_only{font-size:20px; color:#000; letter-spacing:-0.065em; }
.only_hide{display:none;}
/*회원탈퇴end*/



/* 창업비용 팝업 */
.nofran { position: fixed; top: 90px;  left: 0;  width: 100%;  z-index: 9999;  display: none; }
.nofran .modal_bg {position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  -moz-opacity: 0.75;  background: #000;  opacity: .75;  filter: Alpha(Opacity=75); -ms-filter: alpha(opacity=75); }
.nofran .modal_wrap { position: absolute;  top: 55px; }
.nofran .pop_interview { position: absolute; top: 0px; width: 100%;  border-radius: 0px;  background: #fff;  margin: 0 auto;  text-align: center; }

.nofran .pop_interview a.nofran_close { position: absolute;  top: 15px;  right: 15px;  z-index: 10; }
.nofran .pop_interview a.nofran_close img { width: 24px; }

.pop_design{padding:30px 25px 0px 25px; }
.pop_design_title{font-size:16px; color:#000; font-weight:500; letter-spacing:-0.065em; padding-bottom:5px; }
.pop_design_tx{font-size:16px; color:#000; font-weight:500; letter-spacing:-0.065em; padding-bottom:5px;}

.pop_textarea{width:95%; height:auto; background:#fff; border:0px solid #ccc; margin:0 auto;  padding-top:10px;}
.pop_contact{width:96%; resize:none; height:120px; text-indent:5px; padding:10px; font-size:13px; color:#6d6d6d; }

.pop_bottom_box{width:100%; height:auto; margin:0 auto; text-align:center; } 
.pop_warning{font-size:14px; color:#2b7bb5; letter-spacing:-0.065em; text-align:center; padding:10px 0px 15px 0px; font-weight:500}

.pop_contact_bu{width:140px;height:35px; font-size:12px; background:#2b7bb5;color: #fff;cursor: pointer; border:none; margin:0 auto; margin-bottom:20px; }


/* 창업비용 팝업 */



    @media all and (min-width:550px) and (max-width:1200px) {

/* 창업비용 팝업 */
.nofran { position: fixed; top: 90px;  left: 0;  width: 100%;  z-index: 9999;  display: none; }
.nofran .modal_bg {position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  -moz-opacity: 0.75;  background: #000;  opacity: .75;  filter: Alpha(Opacity=75); -ms-filter: alpha(opacity=75); }
.nofran .modal_wrap { position: absolute;  top: 55px; }
.nofran .pop_interview { position: relative; top: 0px; width: 80%;  border-radius: 0px;  background: #fff;  margin: 0 auto;  text-align: center; }

.nofran .pop_interview a.nofran_close { position: absolute;  top: 15px;  right: 15px;  z-index: 10; }
.nofran .pop_interview a.nofran_close img { width: 24px; }

.pop_design{padding:30px 25px 0px 25px; }
.pop_design_title{font-size:16px; color:#000; font-weight:500; letter-spacing:-0.065em; padding-bottom:5px; }
.pop_design_tx{font-size:16px; color:#000; font-weight:500; letter-spacing:-0.065em; padding-bottom:5px;}

.pop_textarea{width:90%; height:auto; background:#fff; border:0px solid #ccc; margin:0 auto;  padding-top:10px;}
.pop_contact{width:96%; resize:none; height:120px; text-indent:5px; padding:10px; font-size:13px; color:#6d6d6d; }

.pop_bottom_box{width:100%; height:auto; margin:0 auto; text-align:center; } 
.pop_warning{font-size:14px; color:#2b7bb5; letter-spacing:-0.065em; text-align:center; padding:10px 0px 15px 0px; font-weight:500}

.pop_contact_bu{width:140px;height:40px; font-size:15px; background:#2b7bb5;color: #fff;cursor: pointer; border:none; margin:0 auto; margin-bottom:20px; }


/* 창업비용 팝업 */

    }



}