@charset "utf-8";


/****** 회사연혁 *******/
.history .historyList.selected .history_wrap .historyLiBx dl dt:before{background-color:#9c2033}

.history .history_container{position:relative; width:100%;margin-top:50px;padding-bottom:50px;}
.history .history_container:before{position: absolute;left: 50%;margin-left:-.5px;top: 5px;width: 1px; height: 100%; background-color: #ddd;content: "";z-index: -1;}

.history .history_wrap .historyList{margin-bottom: 80px;*zoom:1;}
.history .history_wrap .historyList:after{clear:both; content:""; display:block;}
.history .history_wrap .historyLiBx {float:left; width:50%;}
.history .history_wrap .historyLiBx dl{position:relative; padding-right:55px; line-height:26px;}
.history .history_wrap .historyLiBx dl dt{position: absolute;top: 7px;width: auto;font-size: 50px;letter-spacing: -0.75px;font-weight: bold; color: #145eaa;text-align: center;left: 100%; margin-left: 50px;font-style: italic;}
.history .history_wrap .historyLiBx dl dd{padding-top:8px; text-align:right}
.history .history_wrap .historyLiBx dl dd p{position:relative; padding-right:50px; text-align:right;margin-top:26px;word-break:keep-all;padding-left: 46px;font-weight: 300;font-size: 20px;letter-spacing: -1.15px;}
.history .history_wrap .historyLiBx dl dd p:before{position:absolute;top:2px;right:-66px;width:20px;height:20px;border:5px solid #ddd;border-radius:50%;background:#145eaa;content:'';}
.history .history_wrap .historyLiBx dl dd p:first-child{margin-top:0;}
.history .history_wrap .historyLiBx dl dd p .month{position:absolute; top:0; right:0px;width:35px;color: #747474;font-size: 20px;font-weight: bold;}

.history .history_wrap .historyRight .historyLiBx{float:right;}
.history .history_wrap .historyRight .historyLiBx dl{padding-right:0; padding-left:55px;}
.history .history_wrap .historyRight .historyLiBx dl dt{right: 100%;left: auto; margin-right: 50px;}
.history .history_wrap .historyRight .historyLiBx dl dt:before{right:auto; left:0;}
.history .history_wrap .historyRight .historyLiBx dl dd{text-align:left;}
.history .history_wrap .historyRight .historyLiBx dl dd p{padding-right:0;padding-left:50px;text-align:left;}
.history .history_wrap .historyRight .historyLiBx dl dd p:before{left:auto;left:-66px;}
.history .history_wrap .historyRight .historyLiBx dl dd p .month{right:auto; left:0;}

.history .yearWr{width:20px;height:20px;background:#145eaa;border-radius:50%;margin:0 auto 60px;}
.history .yearWrLast{margin:-10px auto 0;text-align:center;}

.history .top_txt{text-align:center;}
.history .top_txt>*{line-height:1;}
.history .top_txt h3{font-size:41px;color:#d1d1d1;margin-bottom:20px;}
.history .top_txt p{font-size:22px;font-weight:300;letter-spacing:-1px;color:#2d2d2d;}


/****** 찾아오시는길 *******/
.location .loc_info{padding-top:40px;text-align:Center;}
.location .loc_info dl dt{display:inline-block;vertical-align:middle;font-size:30px;font-weight:bold;color:#000;}
.location .loc_info dl dt>*{display:inline-block;vertical-align:middle;}
.location .loc_info dl dt img{margin-right:15px;}
.location .loc_info dl dd{display:inline-block;vertical-align:middle;font-size:18px;font-weight:300;color:#000;}
.location .loc_info dl dd>*{display:inline-block;vertical-align:middle;}
.location .loc_info dl dd span{margin-left:15px}
.location .loc_info dl dd img{margin-right:8px;}


/****** 제품소개 *******/
/* 공통 */
.mb20{margin-bottom:20px;}

.product_common{text-align:Center;}
.product_common>div, .product_common .tabcontent>div{margin-top:60px;}
.product_common .pro_title{position:relative;color:#145eaa;font-size:30px;font-weight:500;letter-spacing:-.8px;padding:0 20px;display:inline-block;line-height:1;margin-bottom:30px;}
.product_common .pro_title:before{position:absolute;top:50%;margin-top:-3px;left:0;width:6px;height:6px;border-radius:50%;background:#145eaa;content:'';}
.product_common .pro_title:after{position:absolute;top:50%;margin-top:-3px;right:0;width:6px;height:6px;border-radius:50%;background:#145eaa;content:'';}
.product_common .img_pop{text-align:Center;display:block;padding:2.5em 1em;border:1px solid #ddd;}
.product_common .img_pop img{max-width:100%;}
.product_common .prodprofile ul:after{content:'';display:block;clear:both;}
.product_common .prodprofile ul:after{content:'';display:block;clear:both;}
.product_common .prodprofile ul li{float:left;width:24%;margin-left:1.3333%;border:1px solid #ddd;}
.product_common .prodprofile ul li:first-child{margin-left:0;}
.product_common .prodprofile ul li img{width:100%;}

.product_common .bottom_txt{font-size: 17px;margin-top: 15px;color: #565656;font-weight: 400;line-height: 1.4;}

.product_common .table_wrap .dim_bx{display:none;}
.product_common .table_wrap .dim_bx_txt{display:none;}

@keyframes blink {
	0% {opacity:1;}
	50% {opacity:.8;}
	100% {opacity:1;}
}
  
/* 제품소개 - tape */
.tape .sum_tape{margin-top:0;}
.tape .sum_tape>ul{}
.tape .sum_tape>ul:after{content:'';display:block;clear:both;}
.tape .sum_tape>ul>li{float:left;width:24.5%;margin:0 .25% 10px;border:1px solid #ddd;padding:23px 15px;height:300px;text-align:left;}
.tape .sum_tape>ul>li .img_bx{padding-bottom:15px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
.tape .sum_tape>ul>li .img_bx:after{content:'';display:block;clear:both;}
.tape .sum_tape>ul>li .img_bx span{display:block;float:left;max-width:50%;}
.tape .sum_tape>ul>li .img_bx span:first-child{padding-right:5px;}
.tape .sum_tape>ul>li .img_bx span:last-child{padding-left:5px;}
.tape .sum_tape>ul>li .img_bx span img{border:1px solid #ddd;display:block;max-width:100%;}
.tape .sum_tape>ul>li .img_bx span small{display:block;text-align:Center;margin-top:15px;}
.tape .sum_tape>ul>li .txt_bx{}
.tape .sum_tape>ul>li .txt_bx dl{font-size:15px;font-weight:400;letter-spacing:-1px}
.tape .sum_tape>ul>li .txt_bx dl dt{color:#aaa;float:left;position:relative;padding-left:12px;}
.tape .sum_tape>ul>li .txt_bx dl dt:before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;background:#145eaa;border-radius:50%;}
.tape .sum_tape>ul>li .txt_bx dl dd{color:#000;padding-left: 75px;}
.tape .sum_tape>ul>li .txt_bx dl dd span{width:9px;height:9px;display:inline-block;margin: 0 3px;}
.tape .sum_tape>ul>li .txt_bx dl dd .c_yellow{background:#fed404}
.tape .sum_tape>ul>li .txt_bx dl dd .c_red{background:#ed1b24}
.tape .sum_tape>ul>li .txt_bx dl dd .c_black{background:#000}
.tape .sum_tape>ul>li .txt_bx dl dd .c_grey{background:#c7c8ca}

/* 제품소개 - bumper */
.bumper{text-align:center;}
.bumper .img_pop img{max-width:680px;width: 100%;}
.bumper .structure .img_pop{background: #b2c2e4;}
.bumper .special .img_pop{background: #e2e5f4;}

/* 제품소개 - mat */
.mat .structure .img_pop{background:#acbcde;}
.mat .structure .img_pop img{max-width:680px;width:100%;}
.mat .model>ul:after{content:'';display:block;clear:both;}
.mat .model>ul>li{float:left;width:50%;padding:0 10px;}
.mat .model>ul>li .model_name{font-size:20px;font-weight:400;text-align:center;border-radius:30px;padding:15px 20px;width:250px;max-width:100%;background:#2479d0;display:inline-block;color:#fff;border: 5px solid #8db7e2;}
.mat .model>ul>li .img_bx{margin:30px auto 0;background:#b2c2e4;padding:30px;}
.mat .model>ul>li .img_bx img{max-width:100%;width:450px;}
.mat .model>ul>li .subject{margin-bottom:15px;font-size: 22px;font-weight: 400;color: #333;}
.mat .model>ul>li .txt_bx{border:1px solid #ddd;border-bottom:0;border-top:0;}
.mat .model>ul>li .txt_bx dl{text-align:left;font-size:16px;border-bottom:1px solid #ddd;background:#f7f7f7;line-height: 1.45;}
.mat .model>ul>li .txt_bx dl:after{content:'';display:block;clear:both;}
.mat .model>ul>li .txt_bx dl dt{float:left;width:100px;text-align:center;width:14%;padding:13px 0;word-spacing: 13px;}
.mat .model>ul>li .txt_bx dl dd{float: left;padding:13px 10px;background: #fff; width:86%;}

.mat .special .img_pop{background:#e4e7f6;}

.mat .certificate .txt_ul{width: 39%;padding-left: 20px;display: inline-block; vertical-align: middle;}
.mat .certificate .txt_ul li{text-align:left;margin-bottom:10px;font-size: 15px;font-weight: 400;}
.mat .certificate .txt_ul li .num{display: inline-block;background: #585858;border: 4px solid #b1b1b1;font-weight: 600;color: #fff; width: 25px;height: 25px;line-height: 17px;text-align: center;font-size: 13px;border-radius: 50%; margin-right: 5px;}
.mat .certificate .img_div{width: 60%;display: inline-block; vertical-align: middle;}
.mat .certificate .img_div:after{content:'';display:block;clear:both;}
.mat .certificate .img_div .img_bx{float:left;width:20%;display:block;padding:0 5px;}
.mat .certificate .img_div .img_bx img{max-width:100%;border:1px solid #ddd;}

/* 제품소개 - controller */
.controller .tab_btn_bx{max-width:640px;margin:0 auto 30px;}
.controller .tab_btn_bx:after{content:'';display:block;clear:both;}
.controller .tab_btn_bx .tablink {background-color: #a5bcd4;color:#fff;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;font-size: 17px;width:50%;transition:.5s;}
.controller .tab_btn_bx .tablink:hover {background: #bacee4;}
.controller .tabcontent {display: none;background:#fff;}

/* 제품소개 - mcul */
.mcul .mcul_summary .txt_p{background:#f7f7f7;padding:30px 20px;color: #333;}
.mcul .mcul_summary .txt_p strong{font-weight:500;}

.mcul .function img{max-width:100%;}
.mcul .function>.function_bx{text-align:center;}
.mcul .function>.function_bx>ul{display:inline-block;}
.mcul .function>.function_bx>ul:after{content:'';display:block;clear:both;}
.mcul .function>.function_bx>ul>li{width:316px;height:316px;display:table;float:left;border-radius:50%;border:20px solid #ddd;margin:0 -10px;}
.mcul .function>.function_bx>ul>li .tb_cell{display:table-cell;vertical-align:middle;}
.mcul .function>.function_bx>ul>li .tb_cell img{margin-bottom:25px;}
.mcul .function>.function_bx>ul>li .tb_cell .txt{font-weight:400;color:#444;font-size:18px;line-height:1.5;}
.mcul .function>.function_bx>ul>li.first{border-color:#e7ebfc!important;}
.mcul .function>.function_bx>ul>li.first .tb_cell .txt .c_point{color:#4c6cbc;}
.mcul .function>.function_bx>ul>li.second{border-color:#e7f2fc!important;}
.mcul .function>.function_bx>ul>li.second .tb_cell .txt .c_point{color:#145eaa;}
.mcul .function>.function_bx>ul>li.third{border-color:#e7f6f7!important;}
.mcul .function>.function_bx>ul>li.third .tb_cell .txt .c_point{color:#12919a;}


/****** 온라인상담 *******/
.online .agree_topBox dl {padding:20px; height:150px; overflow-y:auto; border:1px solid #ddd; border-bottom:0;}
.online .agree_topBox dl dt {padding:0; color:#000; font-weight:400; margin-top:20px; padding-bottom:5px;}
.online .agree_topBox dl dt:first-child {margin-top:0px;}
.online .agree_topBox dl dd {font-weight:300;}
.online .agree_topBox .ckwrap {background:#666;color:#fff;padding:10px 20px;margin-bottom: 30px;}
.online .agree_topBox .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.online .agree_topBox .ckwrap input {display:none;}
.online .agree_topBox .ckwrap label {height:18px;padding-left:25px; font-size:15px;background:url(../images/common/check-before.png) no-repeat 0 50%; cursor:pointer;line-height: 18px;}
.online .agree_topBox .ckwrap input:checked+label {background:url(../images/common/check-on.png) no-repeat 0 50%;}
		
.online form {box-shadow: 7px 6px 11px 0px rgba(0,0,0,.06);max-width:640px;margin:0 auto;padding:2.5em 2em 2em 2em;background: #fff;border: 1px solid #ddd;}
.online .group {position: relative;margin-bottom:30px;}
.online .group textarea{padding:10px;width: 100%;height:250px;border:1px solid #999;outline:none;}
.online .group input {font-size:16px;padding:8px 10px 8px 5px;-webkit-appearance: none;display: block;background: #fff;color: #636363;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #757575;line-height:1;}
.online .group input:focus { outline: none; }
.online .group label {color: #999; font-size: 16px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 3px;transition: all 0.2s ease;}
.online .group input:focus ~ label, .online .group input.used ~ label {top: -20px; transform: scale(.75); left: -2px;/* font-size: 14px; */color: #4a89dc;}

.online .bar {position: relative;display: block;width: 100%;}
.online .bar:before, .online .bar:after {content: '';height: 2px!important;width: 0;bottom:0px;position: absolute;background: #4a89dc;transition: all 0.2s ease;}
.online .bar:before { left: 50%; }
.online .bar:after { right: 50%; }

.online .group input:focus ~ .bar:before, .online .group input:focus ~ .bar:after { width: 50%; }
.online .highlight {position: absolute;height: 60%; width: 100px; top: 25%; left: 0;pointer-events: none;opacity: 0.5;}
input:focus ~ .highlight {animation: inputHighlighter 0.3s ease;}

.online .button {position: relative;display: inline-block;padding: 15px 24px;margin: .3em 0 1em 0;width: 100%;vertical-align: middle;color: #fff;font-size: 16px;line-height: 20px;-webkit-font-smoothing: antialiased;text-align: center;letter-spacing:-1px;background: transparent;border: 0;cursor: pointer;transition: all 0.15s ease;}
.online .button:focus {outline: 0;}

.online .buttonBlue {background: #145eaa;}
.online .buttonBlue:hover { background: #357bd8;}

.online .ripples {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow: hidden;background: transparent;}
.online .ripplesCircle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 0;height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.25);}
.online .ripples.is-active .ripplesCircle { animation: ripples .4s ease-in;}

/* 온라인상담 - 자동입력방지 */
.online .autoCodeWrap:after{content:'';display:block;clear:both;}
.online .autoCodeWrap>div {float:left; display:inline-block;}
.online .autoCodeWrap>.autoCode {width:20%;letter-spacing:1px;}
.online .autoCodeWrap>div:last-child {width:80%;height: 20px;line-height: 20px;}
.online .autoCodeWrap>.autoCode>span {color:#ff4000 !important; font-weight:700 !important; font-size:1.2em !important; font-style:Italic !important;}
	
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #999;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999;}
::-ms-input-placeholder { /* Microsoft Edge */color: #999;}
	
@keyframes inputHighlighter {
	from { background: #4a89dc; }
	to 	{ width: 0; background: transparent; }
}

@keyframes ripples {
  0% { opacity: 0; }
  25% { opacity: 1; }
  100% { width: 200%;padding-bottom: 200%;opacity: 0;}
}	


/****** 사이트맵 *******/
.sitemap>ul:after{content:'';display:Block;clear:both;}
.sitemap>ul>li{float:left;width:25%;padding:0 5px;}
.sitemap>ul>li .dep1{font-size: 18px;font-weight: 400;padding: 10px 15px;color: #145eaa;background: #ebf3fb;}
.sitemap>ul>li .dep2{margin-top:20px;padding-left:12px;}
.sitemap>ul>li .dep2>li{margin-bottom: 6px;}
.sitemap>ul>li .dep2>li>a{position:relative;padding-left:16px;display:block;color:#666;height:100%;width:100%;}
.sitemap>ul>li .dep2>li>a:before{position:absolute;top:11px;left:0;width:5px;height:5px;background:#ccc;content:'';border-radius:50%;transition:.5s;}
.sitemap>ul>li .dep2>li>a:hover{color:#145eaa}
.sitemap>ul>li .dep2>li>a:hover:before{background:#145eaa}

	
/* ************************ 데스크탑 (~1420) ************************ */
@media screen and (max-width:1420px) {
	
	/* 제품소개 - tape */
	.tape .sum_tape>ul>li{width:32.33%;margin:0 0.5% 10px;}
	/* 제품소개 - mat */
	.mat .certificate .img_div, .mat .certificate .txt_ul{width:100%;max-width:990px;display:block;margin:0 auto 20px;}
}
	
/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {
	/*ceo인사말*/
	.ceo .sub_txt{text-align:center;margin-bottom:70px;}
	.ceo .sub_txt img{max-width:100%;}
	.ceo>ul:after{content:'';display:block;clear:both;}
	.ceo>ul>li{float:left;width:50%;}
	.ceo>ul>li.img_wrap{padding-right:3em}
	.ceo>ul>li.img_wrap img{box-shadow: 7px 7px 8px rgba(0,0,0,.15);max-width:100%;}
	.ceo>ul>li.txt_wrap{padding-left:20px;}
	.ceo>ul>li.txt_wrap .top_txt{background:url(../images/sub/bg_ceo_txt.png) no-repeat 50%;width:360px;height:43px;}
	.ceo>ul>li.txt_wrap .top_txt span{display:block;text-align:left;padding-left:30px;line-height:43px;color:#fff;font-size:14px;font-weight:500;}
	.ceo>ul>li.txt_wrap h3{font-size:26px;font-weight:500;color:#2d2d2d;letter-spacing:-1.5px;margin: 42px 0 36px;line-height: 35px;}
	.ceo>ul>li.txt_wrap .txt_bx p{color: #565656;font-weight: 400;margin-top: 20px;line-height: 27px;font-size: 16px;}
	.ceo>ul>li.txt_wrap .txt_bx p .c_blue{color:#145eaa;}
	.ceo>ul>li.txt_wrap .txt_bx p.last{margin-top:30px;}
	
	/* 제품소개-공통*/
	.product_common .table_wrap .respon_table {border-top:1px solid #000;font-size: 15px;border-collapse: collapse;width:100%;border-bottom:1px solid #dcdcdc;border-right: 1px solid #ddd;}
	.product_common .table_wrap .respon_table thead{border: 1px solid #ddd;}
	.product_common .table_wrap .respon_table thead tr th {border-left: 1px solid #ddd;padding: 1em .3em;background: #f3f3f3;color: #5a5a5a;font-size: 16px;line-height: 24px;font-weight: 500;}
	.product_common .table_wrap .respon_table tbody tr td {border-left: 1px solid #ddd;text-align:center; padding:1em .8em; border-top:1px solid #ddd;line-height: 24px;}
	.product_common .table_wrap .respon_table tbody tr td.num{background: #fbfbfb;color: #7a8188;font-weight: 400;}
	.product_common .table_wrap .respon_table tbody tr td.mdshow{display:none;}
	.product_common .table_wrap .respon_table tbody .tbTit {padding:.8em;text-align:left;}
	.product_common .table_wrap .respon_table tbody .label {display:none; width:88px;color:#aaa; font-size:12px; font-weight:300; text-align:left; vertical-align:top;}
	
	.product_common .table_wrap .respon_table .color_bx li{display:inline-block;vertical-align:middle;padding:0 5px;}
	.product_common .table_wrap .respon_table .color_bx li .txt{display:block;text-align:center;}
	.product_common .table_wrap .respon_table .color_bx li img{display:block;text-align:center;margin:0 auto;}

}

/* ************************ pc이하 태블릿 이상(992~1199) ************************ */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* CEO 인사말 */
	.ceo .sub_txt{text-align:center;margin-bottom:70px;}
	.ceo .sub_txt img{max-width:100%;}
	.ceo>ul>li.img_wrap{width: 50%;float: left;padding-right:3em;margin-bottom:30px;}
	.ceo>ul>li.img_wrap img{box-shadow: 7px 7px 8px rgba(0,0,0,.15);max-width:100%;}
	.ceo>ul>li.txt_wrap .top_txt{background:url(../images/sub/bg_ceo_txt.png) no-repeat 50%;width:360px;height:43px;display: inline-block;}
	.ceo>ul>li.txt_wrap .top_txt span{display:block;text-align:left;padding-left:30px;line-height:43px;color:#fff;font-size:14px;font-weight:500;}
	.ceo>ul>li.txt_wrap h3{font-size:22px;font-weight:500;color:#2d2d2d;letter-spacing:-1.5px;margin:30px 0 25px;line-height:30px;}
	.ceo>ul>li.txt_wrap .txt_bx p{color: #565656;font-weight: 400;margin-top: 13px;line-height: 22px;font-size: 14px;}
	.ceo>ul>li.txt_wrap .txt_bx p .c_blue{color:#145eaa;}
	.ceo>ul>li.txt_wrap .txt_bx p.last{margin-top:30px;}
	
	/* 회사연혁 */
	.history .history_wrap .historyLiBx dl dt{font-size: 36px;}
	.history .history_wrap .historyLiBx dl dd p{font-size: 18px;padding:0 38px!important;}
	
	/* 찾아오시는길 */
	.location iframe{height:300px;}
	.location .loc_info dl dt{display:block;text-align:Center;margin-bottom:10px;}
	.location .loc_info dl dd{display:block;text-align:Center;font-size: 16px;}

	/* 제품소개 - 공통*/
	.product_common>div, .product_common .tabcontent>div{margin-top:45px;}
	
	/* 제품소개 - 표 디자인 */
	.product_common .table_wrap .respon_table {border-top:1px solid #000;font-size: 15px;border-collapse: collapse;width:100%;border-bottom:1px solid #dcdcdc;border-right: 1px solid #ddd;}
	.product_common .table_wrap .respon_table thead{border: 1px solid #ddd;}
	.product_common .table_wrap .respon_table thead tr th {border-left: 1px solid #ddd;padding:.8em .3em;background: #f7f7f7;color: #777;font-size:16px;line-height: 24px;font-weight:400;}
	.product_common .table_wrap .respon_table tbody tr td {border-left: 1px solid #ddd;text-align:center; padding:1em .8em; border-top:1px solid #ddd;line-height: 24px;}
	.product_common .table_wrap .respon_table tbody tr td.num{background: #fbfbfb;color: #7a8188;font-weight: 400;}
	.product_common .table_wrap .respon_table tbody tr td.mdshow{display:none;}
	.product_common .table_wrap .respon_table tbody .tbTit {padding:.8em;text-align:left;}
	.product_common .table_wrap .respon_table tbody .label {display:none; width:88px;color:#aaa; font-size:12px; font-weight:300; text-align:left; vertical-align:top;}
	
	/* 제품소개 - tape */
	.tape .sum_tape>ul>li{width:49%;margin-bottom:10px;}
	
	/* 제품소개 - mat */
	.mat .model>ul>li .model_name {font-size: 16px;padding: 10px 5px;width: 190px;}
	.mat .model>ul>li .img_bx{margin: 15px auto 0;padding:15px;}
	.mat .model>ul>li .txt_bx dl{font-size:14px;}
	.mat .model>ul>li .txt_bx dl dt{width:22%;word-spacing:0;}
	.mat .model>ul>li .txt_bx dl dd{width:78%;}
	
	/* 제품소개 - controller */
	.controller .tab_btn_bx .tablink{font-size:15px;padding:8px;}
	
	/* 제품소개 - mcul */
	.mcul .function>.function_bx>ul{width:100%;}
	.mcul .function>.function_bx>ul>li{width:32.33%;border-radius:0;margin:0 .5%;height:280px;border-width:10px;}
	.mcul .function>.function_bx>ul>li .tb_cell{padding:0 10px;}
	.mcul .function>.function_bx>ul>li .tb_cell .txt{font-size:16px;}		
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* CEO 인사말 */
	.ceo>ul>li.img_wrap{display:none;}
	.ceo .sub_txt{margin-bottom: 35px;}
	.ceo>ul>li.txt_wrap .top_txt{width:100%;background: #398fe7;  /* fallback for old browsers */ 
	background: -webkit-linear-gradient(to right, #398fe7, #02aec9);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #398fe7, #02aec9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
	.ceo>ul>li.txt_wrap .top_txt span{padding-left:20px;}							
	
	/* 회사연혁 */
	.history .top_txt h3{font-size:30px;margin-bottom: 15px;}
	.history .top_txt p{font-size:18px;}
	
	.history .history_container{margin-top:30px;padding-bottom: 1px;}
	.history .history_container:before{left:3px;}
	
	.history .history_wrap .historyList {margin-bottom: 50px;}
	.history .history_wrap .historyList.yearWr{ margin:0 0 35px -6px;}
	.history .history_wrap .historyLiBx{float:none; width:100%;}
	.history .history_wrap .historyLiBx dl{padding-right:0;padding-left: 30px!important;}
	.history .history_wrap .historyLiBx dl dt{position: relative!important;top: auto!important;right:auto!important;left: auto!important;text-align: left!important;padding: 0!important;margin: 0 0 10px!important;font-size:24px;}
	.history .history_wrap .historyLiBx dl dt:before{right:auto; left:0; width:8px; height:8px;}
	.history .history_wrap .historyLiBx dl dd{text-align:left;}
	.history .history_wrap .historyLiBx dl dd p{font-size:14px; margin-top:6px; padding-right:0; padding-left:24px; text-align:left;}
	.history .history_wrap .historyLiBx dl dd p:before{position: absolute;top: 8px;right: auto!important;left: -31px!important;width: 10px;height: 10px; border: 2.5px solid #ddd;border-radius: 50%;background: #145eaa;content: '';}
	.history .history_wrap .historyLiBx dl dd p .month{font-size:15px; width:20px; right:auto; left:0;}
	.history .history_wrap .historyLiBx dl dd p.icon-img{margin-left:0; margin-right:40px;}
	.history .history_wrap .historyLiBx dl dd p.icon-img img{right:auto; left:100%; margin-right:0; margin-left:10px;}
	.history .history_wrap .historyRight .historyLiBx{float:none; }
	
	.history .history_wrap .historyRight .historyLiBx dl dd{text-align:left;}
	.history .history_wrap .historyRight .historyLiBx dl dd p{padding-left:24px;}
	
	.history .yearWrLast{text-align:left;margin-left: -1px;}
	
	/* 찾아오시는길 */
	.location .loc_info{padding-top:20px}
	.location .loc_info dl dt{font-size:20px;}
	.location .loc_info dl dt img {margin-right: 8px;height: 22px;}
	.location .loc_info dl dd{font-size:14px;letter-spacing:-.4px;}
	.location .loc_info dl dd img{margin-right:5px;height: 14px;}
	.location .loc_info dl dd span{display:block;margin:8px 0 0 0;}
	
	/* 제품소개 - 공통 */
	.product_common>div, .product_common .tabcontent>div{margin-top:30px;}
	.product_common .pro_title{font-size:20px;margin-bottom:20px;padding:0 10px;}
	.product_common .pro_title:before{width:4px;height:4px;margin-top:-2px;}
	.product_common .pro_title:after{width:4px;height:4px;margin-top:-2px;}
	.product_common .img_pop{padding:10px}
	.product_common .table_wrap{overflow-x:scroll;overflow-y:hidden;position: relative;height: 100%;}
	.product_common .table_wrap .dim_bx{position: absolute;top: 0;left: 0;width:800px;height: 100%;display:block;background: rgba(0,0,0,.57);z-index:0;}
	.product_common .table_wrap .dim_bx_txt_wrap{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-align: Center;}
	.product_common .table_wrap .dim_bx_txt_wrap .dim_bx_txt{position:relative;display:block;width:100%;height:100%;}
	.product_common .table_wrap .dim_bx_txt_wrap .dim_bx_txt span{position: absolute;top: 50%;left: 50%;margin-top: -16px;margin-left: -66px;color:#fff;animation:blink 1s infinite;}
	.product_common .table_wrap .respon_table {min-width:800px;}
	.product_common .table_wrap .respon_table thead tr th {font-size:14px;padding:.5em;}
	.product_common .table_wrap .respon_table tbody tr td{font-size:14px;padding:.5em;}
	.product_common .bottom_txt{font-size:13px;}
	
	/* 제품소개 - tape */
	.tape .sum_tape>ul>li{padding:20px;width:100%;height:auto;margin:0 0 10px;}
	.tape .sum_tape>ul>li .img_bx {padding-bottom: 10px;margin-bottom: 15px;}
	.tape .sum_tape>ul>li .img_bx span small{margin-top:5px;}
	.tape .sum_tape>ul>li .txt_bx dl {font-size:14px;letter-spacing:-.5px;margin-bottom: 6px;}
	.tape .sum_tape>ul>li .txt_bx dl dt{color:#145eaa;padding-left:10px;float: inherit;width: 100%;}
	.tape .sum_tape>ul>li .txt_bx dl dd{padding-left:10px;width:100%;line-height: 20px;}
	.tape .sum_tape>ul>li .txt_bx dl dd br{display:none;}
	
	.tape .prodprofile ul li{width:50%;margin:0;padding:5px;border:0;}
	.tape .prodprofile ul li img{border:1px solid #ddd;}
	
	/* 제품소개 - mat */
	.mat .model>ul>li{width:100%;float:inherit;}
	.mat .model>ul>li:first-child{margin-bottom:20px;}
	.mat .model>ul>li .model_name {font-size:14px;}
	.mat .model>ul>li{padding:0 2px;}
	.mat .model>ul>li .txt_bx dl{font-size:14px;}
	.mat .model>ul>li .img_bx img {width: 250px;}
	
	.mat .certificate .img_div .img_bx{padding:0 2px;}
	.mat .certificate .txt_ul{padding:0;}
	.mat .certificate .txt_ul li{font-size: 13px;position:relative;padding-left:30px;line-height:16px;}	
	.mat .certificate .txt_ul li .num{position:absolute;top:-2px;left:0;font-size:12px;width: 20px;height: 20px;line-height: 17px;border-width:2px;}
		
	/* 제품소개 - mcul */
	.mcul .mcul_summary .txt_p{font-size:14px;line-height:1.55;padding:20px 10px;}
	.mcul .mcul_summary .txt_p br{display:none;}
	
	.mcul .function>.function_bx>ul>li{width:100%;height:auto;margin:0 0 10px;}
	.mcul .function>.function_bx>ul>li .tb_cell{padding:20px 15px;}
	.mcul .function>.function_bx>ul>li .tb_cell .txt{font-size:14px;}
	.mcul .function>.function_bx>ul>li .tb_cell img{margin-bottom:15px;}
	
	/* 온라인 상담 */
	.online .agree_topBox{font-size:14px;line-height:1.7}
	.online .agree_topBox dl dt{margin-top:10px;}
	.online .agree_topBox .ckwrap label{padding-left: 20px;background-size:14px;height:14px;line-height:14px; font-size: 13px;}
	.online .agree_topBox .ckwrap input:checked+label{background-size:14px;}
	
	.online .group{margin-bottom:23px;}
	.online form{padding:20px;}
	.online .group input{padding: 10px 10px 6px 5px;font-size: 15px;}
	.online .group label{top: 5px;font-size: 14px;}
	.online .group input:focus ~ label, .online .group input.used ~ label {top: -15px;}
	.online .group textarea{height:150px;font-size:14px;line-height:1.3}
	.online ::placeholder {letter-spacing:-1px;font-size:12px;}
	
	.online .autoCodeWrap>div{width:100%!important;float:inherit!important;}
	.online .autoCodeWrap>div.autoCode{line-height: 1;}
	.online .autoCodeWrap>div:last-child{height:auto;line-height:inherit;}
	
	/* 사이트맵 */
	.sitemap>ul>li{width:100%;margin-top:15px}
	.sitemap>ul>li:first-child{margin-top:0;}
	.sitemap>ul>li .dep1{font-size: 15px; line-height: 1;padding:10px;}
	.sitemap>ul>li .dep2{margin-top:13px;}
	.sitemap>ul>li .dep2>li{margin-bottom:4px;}
	.sitemap>ul>li .dep2>li>a{font-size: 14px;}
	.sitemap>ul>li .dep2>li>a:before{top:9px;}
}