@charset "utf-8";

/* 인사말 */
.ceo_con01{padding-top:70px; padding-bottom:230px;}
.ceo_con01 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.ceo_con01 .left{width:calc(50% - 10px); float:left; margin-right:20px;}
.ceo_con01 .left img{max-width:100%;}
.ceo_con01 .right{width:calc(50% - 10px); float:left; padding-left:20px; box-sizing:border-box;}
.ceo_con01 .right .hr{width:50px; height:1px; background:#000;}
.ceo_con01 .right h3{font-size:30px; letter-spacing:-0.05em; color:#222; font-weight:200; margin-top:10px; margin-bottom:25px;}
.ceo_con01 .right > span{display:block; margin-bottom:30px; font-size:18px; color:#222; letter-spacing:-0.025em; font-weight:500;}
.ceo_con01 .right p{font-size:18px; color:#444; letter-spacing:-0.005em; line-height:1.7; word-break:keep-all; font-weight:200; margin-bottom:20px}
.ceo_con01 .right p:last-child{margin-bottom:0;}
.ceo_con01 .right .bot_text{margin-top:100px; text-align:right}
.ceo_con01 .right .bot_text p{font-weight:500}
.ceo_con01 .right .bot_text p span{display:inline-block; vertical-align:top;}

@media all and (max-width:1000px){
	.ceo_con01 .left{width:100%; margin:0; float:none}
	.ceo_con01 .right{width:100%; padding:0; float:none; padding-top:20px;}
}
@media all and (max-width:640px){

	/* 인사말 */
	.ceo_con01{padding-top:10.9375vw; padding-bottom:35.9375vw;}
	.ceo_con01 .right{padding-top:3.125vw}
	.ceo_con01 .right .hr{width:7.8125vw; }
	.ceo_con01 .right h3{font-size:4.6875vw;margin-top:1.5625vw; margin-bottom:3.90625vw;}
	.ceo_con01 .right > span{font-size:2.8125vw; }
	.ceo_con01 .right p{font-size:2.8125vw; margin-bottom:3.125vw}
	.ceo_con01 .right .bot_text{margin-top:15.625vw;}

}

/***** 연혁 *****/
.history .history_visual{background:url("/img/resour_visual_img.jpg") center top no-repeat; background-size:cover;}
.history_con{padding:80px 0 140px;}
.history_con .con{position:relative; overflow:hidden}
/*왼쪽*/
.history_con .list_left{text-align:right;}
.history_con .list_left .text{margin-right:40px}
.history_con .list_left .text .desc{padding-right:18px;}
.history_con .list_left .text .desc i{right:-9px; z-index:99;}
.history_con .list_left .text .desc .one{right:-91px; z-index:99;}
.history_con .list_left .text ul li p font{float:right; width:calc(100% - 50px);}
.history_con .list_left .text ul li p b{float:right; padding-left:10px; width:50px; font-weight:500; box-sizing:border-box;}
/*오른쪽*/
.history_con .list_right{text-align:left;}
.history_con .list_right .text{margin-left:40px}
.history_con .list_right .text .desc{padding-left:18px;}
.history_con .list_right .text .desc i{left:-9px;}
.history_con .list_right .text .desc .one{left:-91px;}
.history_con .list_right .text ul li p:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con .list_right .text ul li p font{float:left; width:calc(100% - 50px);}
.history_con .list_right .text ul li p b{float:left; padding-right:10px; width:50px; box-sizing:border-box; font-weight:500;}

.history_con .list{position:relative; width:100%; margin:0 auto; margin-bottom:5px;}
.history_con .list:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con .top_txt{width:205px; height:205px; margin:40px auto 0; background-color:#2643a9; border-radius:50%; padding-top:66px; text-align:center; box-sizing:border-box;}
.history_con .top_txt img{width:}
.history_con .top_txt p{font-size:18px; font-weight:500; color:#fff; padding-top:10px;}
.history_con .center_line{width:1px; height:3000px; background-color:#efefef; position:absolute; left:50%; top:87px; z-index:-1;}
.history_con .list > p{width:172px; height:54px; margin:40px auto; font-size:20px; font-weight:500; line-height:54px; color:#fff; background-color:#0150c1; text-align:center; border-radius:20px;}
.history_con .list .text{width:calc(50% - 80px); float:left; position:relative;}
.history_con .list_right .text{float:right;}
.history_con .list .text:after{content:""; display:block; width:80px; height:1px; background-color:#efefef; position:absolute; right:-80px; top:16px; z-index:-1;}
.history_con .list_right .text:after{content:""; display:block; width:80px; height:1px; background-color:#efefef; position:absolute; left:-80px; top:16px; z-index:-1;}
.history_con .list .text h2{font-size:22px; color:#0150c1; letter-spacing:-0.025em; font-weight:500;}
.history_con .list .text ul li{margin-bottom:5px;}
.history_con .list .text ul li:after{content:""; display:block; clear:both;}
.history_con .list .text ul li:last-of-type{margin-bottom:0;}
.history_con .list .text ul li span{font-size:20px; float:left; margin:3px 3px 0 0; width:15px;}
.history_con .list .text ul li p{width:calc(100% - 18px); word-break:keep-all; font-size:20px; font-weight:300; letter-spacing:-0.025em; color:#444; float:left;}
.history_con .list .text .desc{position:relative;}
.history_con .list_left .text ul li span{float:right;}
.history_con .list_left .text ul li p{float:right;}
.history_con .list .text .desc .one{width:20px; height:20px; border:1px solid #efefef; background:#fff; position:absolute; top:5px; border-radius:50%;}
.history_con .list .text .desc .one:before{display:block; content:""; width:9px; height:9px; background-color:#0150c1; border-radius:11px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50% , -50%); -ms-transform:translate(-50% , -50%); -o-transform:translate(-50% , -50%); -moz-transform:translate(-50% , -50%); transform:translate(-50% , -50%);}
.history_1000on{display:none;}

@media all and (max-width:1000px){
	/*회사연혁 페이지 css*/
	.history_1000on{display:block;}	
	.history_1000none{display:none}

	.history h3.sub_title{text-align:left;}
	.history_con .center_line{left:0; top:70px;}
	.history_con .list{width:100%; margin-bottom:30px;}
	.history_con .list > p{margin:initial; margin:30px 0;}
	.history_con .list .text{width:100%}
	.history_con .list .blank{display:none}
	.history_con .top_txt{display:none;}
	/*왼쪽*/
	.history_con .list_left{text-align:left;}
	.history_con .list_left .text{margin-left:30px; margin-right:0;}
	.history_con .list_left .text .desc{padding-left:18px;}
	.history_con .list_left .text .desc i{right:auto; left:-9px;}
	.history_con .list_left .text .desc:after{right:auto; left:-26px;}
	/*오른쪽*/
	.history_con .list_right .text{margin-left:30px}
}

@media all and (max-width:640px){
	/*회사연혁 페이지 css*/
	.history_con{padding:12.5vw 0 21.875vw;}
	.history_con .list > p{width:26.875vw; height:8.4375vw; margin:4.6875vw 0; font-size:3.125vw; line-height:8.4375vw; border-radius:3.125vw;}
	.history_con .center_line{top:10.9375vw;}
	/*왼쪽*/
	.history_con .list_left .text{margin-left:4.6875vw;}
	.history_con .list_left .text .desc{padding-left:2.8125vw;}
	.history_con .list_left .text .desc i{left:-1.40625vw}
	.history_con .list_left .text .desc:after{left:-4.0625vw}
	/*오른쪽*/
	.history_con .list_right .text{margin-left:4.6875vw}
	.history_con .list_right .text .desc{padding-left:2.8125vw;}
	.history_con .list_right .text .desc i{left:-1.40625vw;}
	.history_con .list_right .text .desc:after{left:-4.0625vw;}
	.history_con .list_right .text ul li p font{width:calc(100% - 7.8125vw);}
	.history_con .list_right .text ul li p b{padding-right:1.5625vw; width:7.8125vw;}
	
	.history_con .list{margin-bottom:4.6875vw;}
	.history_con .center_line{left:1.5625vw}
	.history_con .list .text h2{font-size:3.4375vw; }
	.history_con .list .text ul li{margin-bottom:0.78125vw;}
	.history_con .list .text ul li span{width:2.34375vw; font-size:3.125vw; margin:0.46875vw 0.46875vw 0 0;}
	.history_con .list .text ul li p{width:calc(100% - 2.8125vw) ; font-size:3.125vw;}
}

/* 조직도 */
.organization_con01{padding-top:70px; padding-bottom:200px;}
.organization_con01 .top{position:relative; margin-bottom:54px; width:100%; height:188px;}
.organization_con01 .top .border_box{width:188px; height:188px; border:1px solid #dde3ef; box-sizing:border-box; padding:10px; border-radius:50%; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.organization_con01 .top .box{width:100%; height:100%; display:table; background:#0150c1; border-radius:50%;}
.organization_con01 .top:before{content:""; width:1px; height:54px; background:#d6ddec; position:absolute; left:50%; bottom:-55px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
.organization_con01 .top .box p{display:table-cell; vertical-align:middle; font-size:22px; text-align:center; letter-spacing:-0.05em; color:#fff; width:100%;}
.organization_con01 .top .txt_box{width:227px; height:63px; background-color:#2b6dcd; border-radius:10px; text-align:center; position:absolute; top:66px; left:120px;}
.organization_con01 .top .txt_box:after{content:""; display:block; width:161px; height:1px; background-color:#d6ddec; position:absolute; top:50%; right:-161px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.organization_con01 .top .txt_box p{font-size:20px; font-weight:300; letter-spacing:-0.025em; color:#fff; line-height:63px;}
.organization_con01 ul{display:block; margin:0 auto; text-align:center; font-size:0;}
.organization_con01 ul:before{content:""; width:calc(100% - 298px); margin:0 auto; height:1px; background:#d6ddec; display:block;}
.organization_con01 ul li{width:25%; display:inline-block; vertical-align:top;}
.organization_con01 ul li dl{padding-top:37px;}
.organization_con01 ul li dl dt{margin:0 auto; width:227px; height:63px; background:#2b6dcd; display:table; border-radius:10px; margin-bottom:24px; position:relative;}
.organization_con01 ul li dl dt:after{content:""; width:1px; height:37px; background:#d6ddec; position:absolute; left:50%; top:-37px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
.organization_con01 ul li dl dt.no_line:before{display:none;}
.organization_con01 ul li dl dt:before{content:""; width:1px; height:24px; background:#d6ddec; position:absolute; left:50%; bottom:-24px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);}
.organization_con01 ul li dl dt p{font-size:20px; color:#fff; letter-spacing:-0.025em; text-align:center; width:100%; display:table-cell; vertical-align:middle;}
.organization_con01 ul li dl dd{margin:0 auto; width:227px; height:63px; background:#f3f4f5; display:table; border-radius:10px; margin-bottom:5px; position:relative;}
.organization_con01 ul li dl dd p{font-size:18px; color:#222; letter-spacing:-0.025em; text-align:center; width:100%; display:table-cell; vertical-align:middle;}

@media (min-width:1000px) and (max-width:1200px){
	.organization_con01 ul li dl dt{width:210px; height:50px;}
	.organization_con01 ul li dl dd{width:210px; height:50px;}
	.organization_con01 ul:before{width:75.2%}
}
@media all and (max-width:1000px){
	.organization_con01 .top .txt_box{width:150px; left:0;}

	.organization_con01 ul:before{width:100%}
	.organization_con01 ul{border:1px solid #d6ddec; border-top:0; padding-bottom:37px;}
	.organization_con01 ul li{width:50%;}
	.organization_con01 ul li dl dt:after{display:none}
}
@media all and (max-width:640px){
	.organization_con01{padding-top:10.9375vw; padding-bottom:31.25vw;}
	.organization_con01 .top{margin-bottom:8.4375vw; height:29.375vw;}
	.organization_con01 .top .border_box{width:29.375vw; height:29.375vw;padding:1.5625vw;}
	.organization_con01 .top:before{height:8.4375vw; bottom:-8.59375vw;}
	.organization_con01 .top .box p{font-size:3.4375vw; }
	.organization_con01 .top .txt_box{width:23.4375vw; height:9.84375vw; border-radius:1.5625vw; top:10.3125vw;}
	.organization_con01 .top .txt_box:after{width:25.15625vw; right:-25.15625vw;}
	.organization_con01 .top .txt_box p{font-size:3.125vw; line-height:9.84375vw;}

	.organization_con01 ul{padding-bottom:5.78125vw;}
	.organization_con01 ul li dl{padding-top:5.78125vw;}
	.organization_con01 ul li dl dt{width:35.46875vw; height:9.84375vw; border-radius:1.5625vw; margin-bottom:3.75vw;}
	.organization_con01 ul li dl dt:before{height:3.75vw; bottom:-3.75vw;}
	.organization_con01 ul li dl dt p{font-size:3.125vw;}
	.organization_con01 ul li dl dd{width:35.46875vw; height:9.84375vw; border-radius:1.5625vw; margin-bottom:0.78125vw;}
	.organization_con01 ul li dl dd p{font-size:2.8125vw;}

}

/* 제품특징 */
.advantages_con01 .tab_con{display:none;}
.advantages_con01 .tab_con01{display:block;}

.advantages_con01 .main_tab{text-align:center; font-size:0;}
.advantages_con01 .main_tab li{display:inline-block; vertical-align:top; width:280px; height:42px;}
.advantages_con01 .main_tab li a{display:block; line-height:42px; font-size:16px; color:#222; letter-spacing:-0.05em;}
.advantages_con01 .main_tab li.on a{color:#fff}
.advantages_con01 .main_tab li.type01{background:url('/img/tab01_off.png')no-repeat center; background-size:cover;}
.advantages_con01 .main_tab li.type01.on{background:url('/img/tab01_on.png')no-repeat center;}
.advantages_con01 .main_tab li.type02{background:url('/img/tab02_off.png')no-repeat center; background-size:cover;}
.advantages_con01 .main_tab li.type02.on{background:url('/img/tab02_on.png')no-repeat center;}
.advantages_con01 .main_tab li.type03{border:1px solid #dcdcdc; box-sizing:border-box;}
.advantages_con01 .main_tab li.type03.on{border-color:#2b6dcd; background-color:#2b6dcd;}
.advantages_con01 i.tab_icon{width:100px; margin:0 auto; display:block; margin-bottom:10px;}
.advantages_con01 i.tab_icon img{max-width:100%}
.advantages_con01 .sub_tab{text-align:center; font-size:0; background:#fff;}
.advantages_con01 .sub_tab.on{border-bottom:1px solid #c2c2c2; position:fixed; width:100%; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.advantages_con01 .sub_tab li{margin:5px 20px; display:inline-block; vertical-align:top; position:relative;}
.advantages_con01 .sub_tab li:before{content:""; display:block; width:1px; height:13px; background:#ececec; position:absolute; right:-20px; top:55%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.advantages_con01 .sub_tab li:last-child:before{display:none}
.advantages_con01 .sub_tab li a{display:block; font-size:16px; color:#666; margin:15px 0; letter-spacing:-0.05em;}
.advantages_con01 .sub_tab li.on a{color:#2b6dcd; border-bottom:1px solid #2b6dcd;}
.advantages_con01 .sub_tab_blank{width:100%; height:66px; display:none;}
.advantages_con01 .sub_tab_blank.on{display:block}
.advantages_con01 .sub_con .top{border-top:1px solid #c2c2c2; border-bottom:1px solid #ececec; background:#fcfcfc; padding:30px 10px; box-sizing:border-box; text-align:center;}
.advantages_con01 .sub_con .top h3{font-size:24px; color:#222; letter-spacing:-0.025em; font-weight:bold; margin:0; padding:0;}
.advantages_con01 .sub_con .top p{font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:300;}
.advantages_con01 .sub_con .top.bg_white{border-top:0; border-bottom:0; background:#fff;}
.advantages_con01 .sub_con .list_box ul{display:block; font-size:0;}
.advantages_con01 .sub_con .list_box ul li{display:inline-block; font-size:0; width:50%; vertical-align:top; padding:30px 50px; box-sizing:border-box; border-bottom:1px solid #ececec}
.advantages_con01 .sub_con .list_box ul li .one_box{display:inline-block; vertical-align:top; width:129px; height:129px; border:1px solid #ececec; border-radius:50%; background:#fff; padding:6px; box-sizing:border-box;}
.advantages_con01 .sub_con .list_box ul li .one_box .bg{width:100%; height:100%; background:#2b6dcd; display:table; border-radius:50%;}
.advantages_con01 .sub_con .list_box ul li:nth-of-type(2n-1) .one_box .bg{background:#029ae7}
.advantages_con01 .sub_con .list_box ul li .one_box .bg .center{display:table-cell; vertical-align:middle; text-align:center; padding:0 10px; box-sizing:border-box;}
.advantages_con01 .sub_con .list_box ul li .one_box .bg .center span{display:block; font-size:18px; letter-spacing:-0.025em; color:#b8d5ff;}
.advantages_con01 .sub_con .list_box ul li .one_box .bg .center p{display:block; font-size:16px; color:#fff;}
.advantages_con01 .sub_con .list_box ul li .text_box{width:calc(100% - 129px); display:inline-block; vertical-align:top; padding:25px 15px; box-sizing:border-box;}
.advantages_con01 .sub_con .list_box ul li .text_box p{font-size:16px; color:#444; letter-spacing:-0.025em; word-break:keep-all;} 
.advantages_con01 .sub_con .list_box ul li .text_box p br{display:none}

.advantages_con01 .sub_con .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.advantages_con01 .sub_con .after{border-bottom:1px solid #ececec}
.advantages_con01 .sub_con .left{width:50%; float:left; padding:50px 0;}
.advantages_con01 .sub_con .left img{max-width:100%; margin:0 auto; display:block;}
.advantages_con01 .sub_con .right{width:50%; float:left; padding:50px 0 50px 40px; box-sizing:border-box;}
.advantages_con01 .sub_con .list_text ul li{padding:20px 0;}
.advantages_con01 .sub_con .list_text ul li h3{margin-bottom:10px;}
.advantages_con01 .sub_con .list_text ul li h3 p{padding-left:5px; display:inline-block; vertical-align:top; font-size:18px; color:#222;}
.advantages_con01 .sub_con .list_text ul li h3 span{width:26px; font-weight:200; height:26px; border-radius:50%; background:#2b6dcd; text-align:center; line-height:26px; color:#fff; font-size:15px; letter-spacing:-0.025em; display:inline-block; vertical-align:top;} 
.advantages_con01 .sub_con .list_text ul li > p{padding-left:31px; display:block; font-size:16px; color:#666; letter-spacing:-0.01em; font-weight:300;}

.advantages_con01 .sub_con .table table{width:100%; border-top:2px solid #939393; margin-bottom:10px; }
.advantages_con01 .sub_con .table.type02 table tr td{padding:20px 5px}
.advantages_con01 .sub_con .table table tr{border-bottom:1px solid #e6e6e6}
.advantages_con01 .sub_con .table table tr th , .advantages_con01 .sub_con .table table tr td{border-right:1px solid #e6e6e6}
.advantages_con01 .sub_con .table table tr th:last-child , .advantages_con01 .sub_con .table table tr td:last-child{border-right:0;}
.advantages_con01 .sub_con .table table tr th{background:#fcfcfc; padding:20px 5px; font-size:18px; color:#222; font-weight:300;}
.advantages_con01 .sub_con .table table tr td{padding:10px 5px; text-align:center; font-size:16px; color:#666; letter-spacing:-0.01em; }
.advantages_con01 .sub_con .table table tr td img{width:100%; max-width:180px;}
.advantages_con01 .sub_con .table > p{font-size:16px; color:#2b6dcd; font-weight:300;}
.advantages_con01 .sub_con .table.type02 > p{color:#666}
.advantages_con01 .sub_con .table .img_table{width:100%}
.advantages_con01 .sub_con .table .img_table img{max-width:100%}

@media all and (max-width:1020px){ /* 스크롤 때문에 */
	.advantages_con01 .sub_con .list_box ul li{display:block; width:100%;}
}
@media all and (max-width:1000px){
	.advantages_con01 .sub_con .left{width:100%; float:none;}
	.advantages_con01 .sub_con .right{width:100%; float:none; padding-left:0; padding:50px 0;}
}
@media all and (max-width:640px){
	.advantages_con01 .main_tab li{width:43.75vw; height:6.5625vw;}
	.advantages_con01 .main_tab li a{line-height:6.5625vw; font-size:2.5vw;}
	.advantages_con01 i.tab_icon{width:15.625vw;margin-bottom:1.5625vw;}
	.advantages_con01 .sub_tab{}
	.advantages_con01 .sub_tab li{margin:0.78125vw 3.125vw;}
	.advantages_con01 .sub_tab li:before{height:2.03125vw; right:-3.125vw; }
	.advantages_con01 .sub_tab li a{font-size:2.5vw; margin:2.34375vw 0}
	.advantages_con01 .sub_tab_blank{height:10.3125vw;}
	.advantages_con01 .sub_con .top{padding:4.6875vw 1.5625vw;}
	.advantages_con01 .sub_con .top h3{font-size:3.75vw; }
	.advantages_con01 .sub_con .top p{font-size:2.5vw;}
	.advantages_con01 .sub_con .list_box ul li{padding:4.6875vw 7.8125vw;}
	.advantages_con01 .sub_con .list_box ul li .one_box{width:20.15625vw; height:20.15625vw; padding:0.9375vw;}
	.advantages_con01 .sub_con .list_box ul li .one_box .bg .center{padding:0 1.5625vw;}
	.advantages_con01 .sub_con .list_box ul li .one_box .bg .center span{font-size:2.8125vw;}
	.advantages_con01 .sub_con .list_box ul li .one_box .bg .center span img{width:7.5vw;}
	.advantages_con01 .sub_con .list_box ul li .one_box .bg .center p{font-size:2.5vw;}
	.advantages_con01 .sub_con .list_box ul li .text_box{width:calc(100% - 20.15625vw); padding:3.90625vw 2.34375vw;}
	.advantages_con01 .sub_con .list_box ul li .text_box p{font-size:2.5vw;} 

	.advantages_con01 .sub_con .left{padding:7.8125vw 0;}
	.advantages_con01 .sub_con .left img{width:57.96875vw}
	.advantages_con01 .sub_con .right{padding:7.8125vw 0;}
	.advantages_con01 .sub_con .list_text ul li{padding:3.125vw 0;}
	.advantages_con01 .sub_con .list_text ul li h3{margin-bottom:1.5625vw;}
	.advantages_con01 .sub_con .list_text ul li h3 p{padding-left:0.78125vw; font-size:2.8125vw;}
	.advantages_con01 .sub_con .list_text ul li h3 span{width:4.0625vw; height:4.0625vw; line-height:4.0625vw; font-size:2.34375vw;} 
	.advantages_con01 .sub_con .list_text ul li > p{padding-left:4.84375vw;font-size:2.5vw;}

	.advantages_con01 .sub_con .table table{margin-bottom:1.5625vw; }
	.advantages_con01 .sub_con .table.type02 table tr td{padding:3.125vw 0.78125vw}
	.advantages_con01 .sub_con .table table tr th{padding:3.125vw 0.78125vw; font-size:2.8125vw;}
	.advantages_con01 .sub_con .table table tr td{padding:1.5625vw 0.78125vw; font-size:2.5vw;}
	.advantages_con01 .sub_con .table table tr td img{}
	.advantages_con01 .sub_con .table > p{font-size:2.5vw;}

}
@media all and (max-width:360px){
	.advantages_con01 .sub_con .list_box ul li .one_box{width:25vw; height:25vw}
	.advantages_con01 .sub_con .list_box ul li .text_box{width:calc(100% - 25vw)}
}

/* 비전 */
.vision_con .top{width:100%; max-width:890px; margin:0 auto; margin-top:70px; margin-bottom:50px; padding:44px; box-sizing:border-box; display:table; background:url('/img/vision_top_bg.png')no-repeat center; background-size:100% 100%;}
.vision_con .top .center{display:table-cell; width:100%; vertical-align:middle; text-align:center;}
.vision_con .top .center h3{font-size:30px; color:#222; letter-spacing:-0.01em; font-weight:bold;}
.vision_con .top .center p{font-size:18px; color:#666; letter-spacing:-0.025em; font-weight:200;}
.vision_con .bot ul{width:100%; max-width:1045px; margin:0 auto; font-size:0; text-align:center;}
.vision_con .bot ul li{display:inline-block; width:315px; vertical-align:top; margin-right:50px; border:1px solid #efefef; box-sizing:border-box; padding:10px;}
.vision_con .bot ul li .border_line{border:1px solid #82a9e2; padding:30px 0; box-sizing:border-box;}
.vision_con .bot ul li .img_box{width:125px; margin:0 auto;}
.vision_con .bot ul li .img_box img{width:100%}
.vision_con .bot ul li h4{font-size:20px; color:#2b6dcd; letter-spacing:-0.025em; font-weight:500;}
.vision_con .bot ul li p{font-size:18px; color:#666; letter-spacing:-0.025em; font-weight:200;}
.vision_con .bot ul li:last-child{margin-right:0;}

@media all and (max-width:1200px){
	.vision_con .bot ul li{width:calc(33.333333% - 30px); margin-right:30px}
}
@media all and (max-width:1000px){	
	.vision_con .top{border:10px solid #0150c1; background:none; border-radius:100px}
	.vision_con .bot ul li{width:100%; margin:20px auto}
	.vision_con .bot ul li:last-child{margin:20px auto;}
}
@media all and (max-width:640px){
	.vision_con .top{margin-top:10.9375vw; margin-bottom:7.8125vw; padding:6.875vw; border-width:1.5625vw; border-radius:15.625vw}
	.vision_con .top .center h3{font-size:4.6875vw;}
	.vision_con .top .center p{font-size:2.8125vw;}
	.vision_con .bot ul li{margin:3.125vw auto; padding:1.5625vw;}
	.vision_con .bot ul li .border_line{padding:4.6875vw 0;}
	.vision_con .bot ul li .img_box{width:19.53125vw;}
	.vision_con .bot ul li h4{font-size:3.125vw;}
	.vision_con .bot ul li p{font-size:2.8125vw;}
	.vision_con .bot ul li:last-child{margin:3.125vw auto;}
}

/* 제품관리 */
.products_con .sub_con ul{border-top:1px solid #c2c2c2; margin-top:20px;}
.products_con .sub_con ul:after{clear:both; content:""; display:block; height:0; visibility:hidden }
.products_con .sub_con ul li{width:calc(25% - 12px); margin:40px 0; margin-right:16px; border:1px solid #e6e6e6; border-top:1px solid #2b6dcd; float:left; box-sizing:border-box;}
.products_con .sub_con ul li:nth-of-type(4n){margin-right:0;}
.products_con .sub_con ul li .img_box{width:100%; border-bottom:1px solid #c1c1c1; height:220px; overflow:hidden; position:relative;}
.products_con .sub_con ul li .img_box img{width:auto; height:100%; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.products_con .sub_con ul li .text{padding:13px 0; display:table; width:100%;}
.products_con .sub_con ul li .text p{display:table-cell; vertical-align:middle; font-size:16px; color:#222; letter-spacing:-0.025em; text-align:center;}
.products_con .sub_con ul li table{width:100%}
.products_con .sub_con ul li table tr th, .products_con .sub_con ul li table tr td{border:1px solid #e6e6e6}
.products_con .sub_con ul li table tr th:first-child , .products_con .sub_con ul li table tr td:first-child{border-left:0;}
.products_con .sub_con ul li table tr th:last-child , .products_con .sub_con ul li table tr td:last-child{border-right:0;}
.products_con .sub_con ul li table tr:last-child th, .products_con .sub_con ul li table tr:last-child td{border-bottom:0;}
.products_con .sub_con ul li table tr:first-child th, .products_con .sub_con ul li table tr:first-child td{border-bottom:1px solid #e6e6e6;}
.products_con .sub_con ul li table tr th{padding:15px 10px; font-size:16px; color:#444; font-weight:200; text-align:center; vertical-align:middle}
.products_con .sub_con ul li table tr th p{display:inline-block; vertical-align:middle;}
.products_con .sub_con ul li table tr th span{font-size:15px; display:inline-block; padding:0 3px; vertical-align:middle; position:relative;}
.products_con .sub_con ul li table tr th span:before{display:block; content:""; width:1px; height:13px; background:#666; position:absolute ;right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%)}
.products_con .sub_con ul li table tr th span:last-child:before{display:none}

@media all and (max-width:1200px){
	.products_con .sub_con ul li{width:calc(33.333333% - 12px); margin-right:18px;}
	.products_con .sub_con ul li:nth-of-type(4n){margin-right:18px}
	.products_con .sub_con ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:1000px){
	.products_con .sub_con ul li{width:calc(50% - 6px); margin:20px 0; margin-right:12px;}
	.products_con .sub_con ul li:nth-of-type(4n){margin-right:12px}
	.products_con .sub_con ul li:nth-of-type(3n){margin-right:12px;}
	.products_con .sub_con ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:640px){

	.products_con .sub_con ul{margin-top:3.125vw;}
	.products_con .sub_con ul li{width:calc(50% - 0.9375vw); margin:3.125vw 0; margin-right:1.875vw; }
	.products_con .sub_con ul li:nth-of-type(4n){margin-right:1.875vw}
	.products_con .sub_con ul li:nth-of-type(3n){margin-right:1.875vw;}
	.products_con .sub_con ul li:nth-of-type(2n){margin-right:0;}
	.products_con .sub_con ul li .img_box{height:34.375vw}
	.products_con .sub_con ul li .text{padding:2.03125vw 0;}
	.products_con .sub_con ul li .text p{font-size:2.5vw;}
	.products_con .sub_con ul li table tr th{padding:2.34375vw 1.5625vw; font-size:2.5vw;}
	.products_con .sub_con ul li table tr th span{font-size:2.34375vw; padding:0 1vw; }
	.products_con .sub_con ul li table tr th span:before{height:2.03125vw;}


}
@media all and (max-width:420px){
	.products_con .sub_con ul li{width:100%; margin:3.125vw 0;}
	.products_con .sub_con ul li:nth-of-type(4n){margin:3.125vw 0;}
	.products_con .sub_con ul li:nth-of-type(3n){margin:3.125vw 0;}
	.products_con .sub_con ul li:nth-of-type(2n){margin:3.125vw 0;}
	.products_con .sub_con ul li table tr td span{width:20%}
}

/* 견적문의 */
.auto-container {position: static;max-width: 1200px;margin: 0 auto;}
.contact-section-three .form-column .inner-column {
    position: relative;
    padding: 40px 40px 10px;
    border: 1px solid #f2f2f2;
}
.contact-section-three {
    position: relative;
    padding: 80px 0;
	overflow:hidden;
}
.contact-section-three .form-column .sec-title {
    margin-bottom: 30px;
}
.sec-title {
    position: relative;
    margin-bottom: 50px;
}

.sec-title h2 {
    position: relative;
    font-size: 36px;
    line-height: 1.2em;
    color: #303030;
    font-weight: 600;
}
.contact-form {
    position: relative;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-form.style-three .form-group input[type="text"],
.contact-form.style-three .form-group input[type="email"],
.contact-form.style-three .form-group input[type="tel"],
.contact-form.style-three .form-group input[type="url"],
.contact-form.style-three .form-group textarea,
.contact-form.style-three .form-group select {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    height: 35px;
    font-size: 16px;
    color: #848484;
    padding: 5px 0;
    line-height: 24px;
}

.contact-form .ui-selectmenu-button.ui-button,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 30px;
    color: #848484;
    font-weight: 400;
    padding: 9px 20px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form.style-three .form-group textarea {
    height: 170px;
    resize: none;
    border-bottom: 0;
}

.contact-form.style-three .form-group button {
    margin-top: 10px;
}

.contact-form.style-three .form-group.border-left {
    position: relative;
    padding-left: 30px;
    border-left: 1px solid #f2f2f2;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #f7c02d;
    background: #f7c02d;
}
.contact-section-three .form-column .text {
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
    margin-top: 15px;
}

.sec-title .text {
    position: relative;
    color: #777777;
    font-size: 16px;
}

.sec-title h2+.text {
    margin-top: 22px;
}

.sec-title.light h2,
.sec-title.light h4 {
    color: #ffffff;
}

.contact-form .form-group input[type="submit"],
.contact-form button {
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    padding: 10px 50px;
    background-color: #0044cc;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	border:none;
}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button; cursor:pointer}

@media all and (max-width:640px){
	.contact-section-three{padding:12.5vw 0;}
	.contact-section-three .form-column .inner-column{padding:6.25vw 6.25vw 1.5625vw}
	.sec-title h2{font-size:5.625vw}
	.contact-section-three .form-column .text{font-size:2.5vw; line-height:4.0625vw; margin-top:2.34375vw;}
	.contact-form .form-group{margin-bottom:3.125vw;}
	.contact-form.style-three .form-group input[type="text"], .contact-form.style-three .form-group input[type="email"], .contact-form.style-three .form-group input[type="tel"], .contact-form.style-three .form-group input[type="url"], .contact-form.style-three .form-group textarea, .contact-form.style-three .form-group select{font-size:2.5vw;}
	.contact-form.style-three .form-group.border-left{padding-left:4.6875vw; margin-bottom:3.125vw}
	.contact-form.style-three .form-group button{margin-top:1.5625vw;}
	.contact-form.style-three .form-group button{font-size:2.5vw; line-height:4.6875vw; padding:1.5625vw 7.8125vw}

}

/* 오시는길 */
.location_con .main_tab{text-align:center; font-size:0;}
.location_con .main_tab li{display:inline-block; vertical-align:top; width:280px; height:42px;}
.location_con .main_tab li a{display:block; line-height:42px; font-size:16px; color:#222; letter-spacing:-0.05em;}
.location_con .main_tab li.on a{color:#fff}
.location_con .main_tab li.type01{background:url('/img/tab01_off.png')no-repeat center; background-size:cover;}
.location_con .main_tab li.type01.on{background:url('/img/tab01_on.png')no-repeat center;}
.location_con .main_tab li.type02{background:url('/img/tab02_off.png')no-repeat center; background-size:cover;}
.location_con .main_tab li.type02.on{background:url('/img/tab02_on.png')no-repeat center;}
.location_con .tab_con{text-align:center;}
.location_con .tab_con .map_box{display:block; margin-top:40px; margin-bottom:60px; width:100%; height:500px;}
.location_con .tab_con .map_box .wrap_map{height:100%; display:block;}
.location_con .tab_con ul{display:inline-block; vertical-align:middle;}
.location_con .tab_con ul li{display:block; margin:10px 0; text-align:left;}
.location_con .tab_con ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.location_con .tab_con ul li b{width:88px; display:block; float:left; font-size:18px; color:#2b6dcd; line-height:30px; font-weight:500;}
.location_con .tab_con ul li p{width:clac(100% - 88px); float:left; display:block; font-size:16px; line-height:30px; letter-spacing:-0.01em; color:#666;}

@media all and (max-width:640px){
	.location_con .main_tab li{width:43.75vw; height:6.5625vw;}
	.location_con .main_tab li a{line-height:6.5625vw; font-size:2.5vw;}

}

/* 인증서 */
.certification .gal_wrap ul li{height:auto; text-align:center;}
.certification .gal_wrap ul li p.title{margin:0;}

/* 팝업 다운로드 */
.down_popup{position:fixed; display:none; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4)}
.down_popup .text{padding:50px; box-sizing:border-box; width:560px; background:#fff; border-top:4px solid #0044cc; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}
.down_popup .bg{width:100%; height:100%}
.down_popup .text h2{font-size:24px; color:#444; letter-spacing:-0.05em; line-height:1.3; font-weight:500;}
.down_popup .text p{font-size:16px; color:#666; letter-spacing:-0.05em;}
.down_popup .text .hr{width:100%; height:1px; background:#ebebeb; margin:25px auto;}
.down_popup .text .form_text:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.down_popup .text .input_box{width:50%; float:left; margin-bottom:20px; box-sizing:border-box;}
.down_popup .text .input_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.down_popup .text .input_box p{font-size:16px; color:#444; letter-spacing:-0.05em; text-align:left; width:56px; float:left; box-sizing:border-box;  }
.down_popup .text .input_box input{width:calc(100% - 56px); float:left; height:35px; border:1px solid #ccc; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.down_popup .text .input_box.pr20{padding-right:20px;}
.down_popup .text .input_box2{width:100%; margin-bottom:20px;}
.down_popup .text .input_box2:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.down_popup .text .input_box2 p{font-size:16px; color:#444; letter-spacing:-0.05em; text-align:left; width:56px; float:left;}
.down_popup .text .input_box2 input{width:calc(100% - 56px);box-sizing:border-box;  float:left; height:35px; box-sizing:border-box; border:1px solid #ccc; -webkit-appearance: none; -webkit-border-radius: 0;}
.down_popup .text .input_box2 textarea{box-sizing:border-box; width:calc(100% - 56px); float:left; height:200px; overflow-y:auto; border:1px solid #ccc; -webkit-appearance: none; -webkit-border-radius: 0;}

.down_popup .text .bot_btn{text-align:center; margin:40px auto 0; font-size:0;}
.down_popup .text .bot_btn a{display:inline-block; width:185px; height:40px; margin:0 10px; border-radius:5px; box-sizing:border-box; font-size:16px; letter-spacing:-0.05em; font-weight:300; text-align:center; line-height:40px;}
.down_popup .text .bot_btn a.del_btn{border:1px solid #c2c2c2; color:#444;}
.down_popup .text .bot_btn a.ok_btn{background:#0044cc; color:#fff;}

/* 영문 */
.down_popup.eng .text .input_box p{width:80px;}
.down_popup.eng .text .input_box input{width:calc(100% - 80px); }
.down_popup.eng .text .input_box2 p{width:80px;}
.down_popup.eng .text .input_box2 input{width:calc(100% - 80px);}
.down_popup.eng .text .input_box2 textarea{width:calc(100% - 80px);}

@media all and (max-width:640px){
	.down_popup .text{width:90%; padding:30px; margin-top:5%}
	.down_popup .text h2{font-size:18px;}
	.down_popup .text p{font-size:14px;}
	.down_popup .text .hr{margin:10px auto;}
	.down_popup .text .input_box{width:100%; margin-bottom:10px}
	.down_popup .text .input_box p{font-size:14px;}
	.down_popup .text .input_box input{height:25px;}
	.down_popup .text .input_box2{width:100%; margin-bottom:10px}
	.down_popup .text .input_box2 p{font-size:14px;}
	.down_popup .text .input_box2 input{height:25px;}
	.down_popup .text .input_box2 textarea{height:60px;}
	.down_popup .text .input_box.pr20{padding-right:0;}
	.down_popup .text .bot_btn{margin-top:20px;}
	.down_popup .text .bot_btn a{margin:0 5px; padding:6px 25px; width:auto; height:auto; font-size:14px; line-height:1.3;}
}