/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1100px; height:300px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center top; position:relative;}
#svisual .s_text{ position:absolute; top:40px; left:50%; transform:translateX(-50%); opacity:0; font-size:50px; font-weight:600; color:#fff; text-align:center; letter-spacing:0px; line-height:1em;}
#svisual .s_text span{ display:block; width:40px; height:4px; background:#fff; margin:0 auto 15px auto;}
#svisual .s_text strong{ display:block; font-size:0.42em; line-height:1.3em; font-weight:lighter; letter-spacing:-0.5px; margin-top:10px;}
#svisual .sm_text{ display:none;}
@media (max-width:575px) {
#svisual { min-width:100%; height:150px; background-position:center top; background-size:cover;}
#svisual .s_text{ display:none;}
#svisual .sm_text{ display:block; margin:0 auto; padding-top:35px; font-size:25px; font-weight:500; color:#fff; text-align:center; letter-spacing:0px; line-height:1em;}
#svisual .sm_text span{ display:block; width:30px; height:3px; background:#fff; margin:0 auto 10px auto;}
#svisual .sm_text strong{ font-size:13px; font-weight:normal; line-height:1.2em; display:block; width:60%; margin:7px auto; word-break:keep-all;}
}

/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}
.t_center{ text-align:center !important;}
.fl{ float:left !important;}

#ctt .p{ font-size:1.4em; font-weight:400; color:#666; line-height:1em; letter-spacing:-0.5px;}
#ctt .p i{ color:#f1541a; padding-right:5px;}
#ct_common{}

/*테이블*/
.tblNimg { overflow: hidden; width: 100%; margin-top:20px;}
/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.con_wrap{ text-align:center;}
.to_table{ display:inline-block; width:30%;letter-spacing:0; font-family:Tahoma, Geneva, sans-serif; margin:0 15px 20px 15px; vertical-align:top;}
.to_table table{ border:2px solid #2e0084; background:#ffffff;}
.to_table caption{display:none;}
.to_table tr th{font-weight:bold; text-align:center; padding:10px 5px; font-size:14px; border:1px solid #ccc; background:#ededed;}
.to_table td{ border:1px solid #e0e0e0; padding:15px 10px; color:#333;font-size:13.5px; text-align:left; letter-spacing:0; line-height:1.6em;}
.to_table td.tbl_title{ font-size:1.3em; color:#fff; background:#2e0084; padding:15px 20px; line-height:1.3em;}
.to_table tr:nth-child(3) td{ height:265px; padding:15px 15px; background:#f5f5f5;}
.to_table tr:nth-child(4) td{ height:265px;}
.to_table tr:nth-child(6) td{ height:285px; padding:15px 15px;}
.ceo{ width:96%; margin:0 auto 20px auto;}
.ceo td.tbl_title{ text-align:center;}
.to_table span{ padding-left:10px; color:#333; font-size:13px;}




/*인사말*/
.greet{ font-size:1.25em; color:#666; line-height:1.7em; letter-spacing:-0.5px; text-align: justify;  word-break: normal;}
.greet .gimg{ text-align:center;}
.greet .gimg span{ margin-right:4px; display:inline-block;}
.greet h1{ font-size:1.8em; font-weight:bold; color:#0a94b2;text-align:center; line-height:1.2em;}
.greet h1 span{ color:#0a94b2;}
.greet p{ padding:20px 0 20px 310px; margin-top:40px; background:url(../img/sub/greet_img03.jpg) no-repeat left top;}


	
/*오시는 길*/
.map{}
.map .map_info{ border-top:2px solid #034ca8; margin-top:20px; padding:15px 0px;}
.map .map_info p{ font-size:1.4em; font-weight:500; color:#222; margin-bottom:10px; padding:0px 20px 20px 20px; border-bottom:1px dashed #666;}
.map .map_info p strong{ color:#034ca8; display:inline-block; margin-right:20px;}
.map .map_info span{margin-right:20px;}
.map .map_info ul{}
.map .map_info li{ border-bottom:1px dotted #ddd; line-height:50px; font-size:1.3em; color:#666; padding:0 20px;}
.map .map_info li i{ color:#0097d9;}
@media (max-width: 1000px) {
.map .map_info p{ font-size:1.2em;}
.map .map_info p strong{ display:block; margin-right:0px; margin-bottom:10px;}
.map .map_info li{ line-height:40px; font-size:1.05em; border-bottom:0;}
.map .map_info span{margin-right:0; display:block; line-height:1.4em;}
}




/*고객서비스*/
.sv_top{ border:1px solid #ccc; border-bottom:1px dashed #2e0084; padding:40px 25px;}
.sv_top h1{ font-size:1.9em; line-height:1.4em; font-weight:bold; color:#2e0084; margin-bottom:15px; letter-spacing:-0.3px;}
.sv_top h2{ font-size:1.7em; font-weight:bold; color:#333; margin-bottom:10px; letter-spacing:-0.5px;}
.sv_top p{ font-size:1.2em; color:#666; line-height:1.7em;  letter-spacing:-0.3px; text-align: justify; }
.sv_top .svt_img{ margin-top:40px;}
.sv_top .svt_img img{ width:100%;}
.sv_mid{ margin-bottom:50px; border:1px solid #ccc; border-top:0;}
.sv_mid:after{ display:block; clear:both; content:"";}
.sv_mid .svm_txt{ float:left; width:533px; font-size:2.5em; letter-spacing:-0.3px; font-weight:500; padding:35px 0 34px 40px; box-sizing: border-box;}
.sv_mid .svm_tel{ float:left; width:565px;}
.service{ text-align:center;}
.service dl{ font-size:1.15em; color:#555; display:inline-block; vertical-align:top; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
.sv01 dl{ width:47%; margin:0 10px 20px 10px;}
.sv02 dl{ width:31%; margin:0 10px 20px 10px;}
.service dt{ font-size:1.3em; color:#2e0084; background:#f5f5f5; border-bottom:1px dashed #2e0084; padding:20px 10px; text-align:center;}
.service .dd{ padding:25px 20px; min-height:280px; letter-spacing:-0.3px;}
.service .ddl{ position:relative; margin-bottom:35px;}
.service .dd_link{ position:absolute; top:40px; left:8px; border:1px solid #444; font-size:11px; padding:0 10px; height:25px; overflow:hidden;}
.service .dd_link img{ width:70px; height:auto;}
.sv02 dt{ min-height:92px;}
.sv02.long dt{ min-height:116px;}
.sv02 .dd{ min-height:346px;}
.sv03 .dd{ min-height:200px;}
.service dd{ text-align:left; position:relative; padding-left:8px; margin-bottom:10px;}
.service dd:before{ display:block; content:""; width:4px; height:4px; border-radius:4px; background:#2e0084; position:absolute; top:7px; left:0px;}
.service_tel { margin-left:-20px; width:500px; overflow:hidden;}
.service dd .list{display:block; position:relative; padding-left:8px;}
.service dd .list:after{display:block; content:""; width:4px; height:2px; background: #666; position:absolute; left:0; top:10px;}

@media (max-width:575px) {
/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:10px;}
.mt_30{ margin-top:2px;}
.mt_40{ margin-top:30px;}
.mt_50{ margin-top:40px;}
.mt_60{ margin-top:50px;}
.mt_70{ margin-top:60px;}
.mt_80{ margin-top:70px;}
.mt_90{ margin-top:80px;}
.mt_100{ margin-top:90px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:10px;}
.mb_30{ margin-bottom:20px;}
.mb_40{ margin-bottom:30px;}
.mb_50{ margin-bottom:40px;}
.mb_60{ margin-bottom:50px;}
.mb_70{ margin-bottom:60px;}
.mb_80{ margin-bottom:70px;}
.mb_90{ margin-bottom:80px;}
.mb_100{ margin-bottom:90px;}
#ctt .p{ font-size:1.1em; line-height:1.5em;}
#ctt img{ width:100%; height:auto;}

.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
/*가로스크롤*/
.row-horizon {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: none;
  width: 100%;
}
.to_table{ display:block; width:100%; margin:0 0px 20px 0px;}
.to_table tr:nth-child(4) td{ height:auto;}
.to_table img{ width:auto !important;}

/*인사말*/
.greet{ font-size:1.1em; letter-spacing:-0.3px;}
.greet .gimg span{ margin-right:0px; margin-bottom:4px;}
.greet h1{ font-size:1.2em; line-height:1.4em;}
.greet p{ padding:260px 0 0 0; background-position:center top; background-size:200px auto;}

/*고객서비스*/
.sv_top{ padding:25px 7px;}
.sv_top h1{ font-size:1.3em; margin-bottom:10px;}
.sv_top h2{ font-size:1.3em;}
.sv_top p{ font-size:1em;}
.sv_top .svt_img{ margin-top:20px;}
.sv_mid{ margin-bottom:30px; overflow:hidden;}
.sv_mid .svm_txt{ float:none; width:100%; letter-spacing:-0.2px; text-align:center; font-size:1.5em; padding:20px 20px;}
.sv_mid .svm_txt br{ display:none;}
.sv_mid .svm_tel{ float:none; width:100%; margin-left:-20px;}
.sv_mid .svm_tel img{ width:120% !important;}
.service dt{ padding:15px 10px;}
.service dl{ font-size:1em;}
.sv01 dl{ width:100%; margin:0 0px 10px 0px;}
.sv02 dl{ width:100%; margin:0 0px 10px 0px;}
.service .dd{ padding:20px 10px; min-height:auto;}
.service .ddl{  margin-bottom:40px;}
.service .dd_link{ top:37px;}
.service .dd_link img{ width:70px !important;}
.sv02 dt{ min-height:auto;}
.sv02.long dt{ min-height:auto;}
.sv02 .dd{ min-height:auto;}
.sv03 .dd{ min-height:auto;}
}

/*Hi-Solution*/

.top_txt{text-align:center;}
.top_txt h2{text-align:center; font-size:35px; font-weight:bold; word-break:keep-all; line-height:1.5em;}
.top_txt p{display:block; padding:20px 0 0; text-align:center; font-size:15px; font-weight:300; color:#777; word-break:keep-all; line-height:1.5em;}
ul.hisolution{margin:50px 0 0; text-align:center;}
ul.hisolution:after{content:''; display:block; clear:both;}
ul.hisolution.v1 > li{display:inline-block; margin:0 40px 0 0; width:-webkit-calc((100% / 3) - 28px); width:calc((100% / 3) - 28px); vertical-align:top;}
ul.hisolution.v1 > li:nth-child(3){margin:0;}
ul.hisolution > li > .area_img{border:1px solid #eee; width:100%; box-sizing:border-box;}
ul.hisolution > li > .area_img.v1{padding:10px;}
ul.hisolution > li > .area_img img{width:100%;}
ul.hisolution > li > .area_txt{margin:15px 0; text-align:center;}
ul.hisolution > li > .area_txt p{font-size:20px; font-weight:400; color:#333; line-height:1.3em; word-break:keep-all;}
ul.hisolution > li > .area_txt em{display:block; padding:5px 0 0; font-size:20px; font-weight:600; font-style:normal; color:#00bbff; line-height:1.5em;}
ul.hisolution > li > a{display:block; width:100%; padding:14px 10px; background:#2e0084; border-radius:3px; box-sizing:border-box; text-align:center;}
ul.hisolution > li > a:link{color:#fff;}
ul.hisolution > li > a > span{position:relative; display:inline-block; padding:0 22px 0 0; font-size:15px; font-weight:400; color:#ffff; text-transform:uppercase;}
ul.hisolution > li > a > span:before{content:''; position:absolute; top:3px; right:0; width:15px; height:13px; background:url(../img/sub/icon_download.svg) no-repeat center;}
.area_box{margin:40px 0 0; width:100%;}
.area_box img{max-width:100%;}
ul.hisolution.v2 > li{float:left; margin:0 40px 0 0; width:-webkit-calc((100% / 4) - 30px); width:calc((100% / 4) - 30px); vertical-align:top;}
ul.hisolution.v2 > li:nth-child(4){margin:0;}

@media (max-width: 575px) {
	.top_txt h2{font-size:25px;}
	.top_txt p{padding:10px 0 0;}
	.top_txt p br{display:none;}
	ul.hisolution{margin:25px 0 0;}
	ul.hisolution.v1 > li{display:inline-block; margin:0 20px 25px 0; width:46%;}
	ul.hisolution.v1 > li:nth-child(2){margin:0 20px 0 0;}
	ul.hisolution.v2 > li{float:left; margin:0 20px 0 0; width:-webkit-calc((100% / 2) - 10px); width:calc((100% / 2) - 10px);}
	ul.hisolution.v2 > li:nth-child(2n){margin:0;}
	ul.hisolution > li > .area_txt{margin:8px 0;}
	ul.hisolution > li > .area_txt p{font-size:17px;}
	ul.hisolution > li > .area_txt em{padding:2px 0 0; font-size:18px;}
	ul.hisolution > li > a{padding:11px 10px;}
	.area_box{margin:10px 0 0;}
}
@media (max-width:450px){
	ul.hisolution{margin:20px 0 0;} 
	ul.hisolution > li > .area_txt p{font-size:15px;}
	ul.hisolution > li > .area_txt em{font-size:14px;}
	ul.hisolution > li > a > span{font-size:14px;}
	ul.hisolution.v1 > li{display:inline-block; margin:0 10px 20px 0; width:48%;}
	ul.hisolution.v1 > li:nth-child(2){margin:0 10px 0 0;}
	ul.hisolution.v2 > li{float:left; margin:0 10px 0 0; width:-webkit-calc((100% / 2) - 5px); width:calc((100% / 2) - 5px);}

}
@media (max-width:370px){
	ul.hisolution{margin:20px 0 0;} 
	ul.hisolution.v1 > li{margin:0 0 20px; width:100%;}
	ul.hisolution.v1 > li:nth-child(2n){margin:0 0 20px;}
	ul.hisolution.v2 > li{width:100%; margin:0 0 20px;}

}