@charset "utf-8";

/*///////////////////// common /////////////////////*/
body{min-width:1280px}
.wrap_layout{position: relative;width: 1280px;margin: 0 auto;}
.wrap_1080{position: relative;width: 1080px;margin: 0 auto;}
.wrap_layout:after{content: "";display: block;clear: both;}
.wrap_1080:after{content: "";display: block;clear: both;}
.btn-style01{display: block;width: 100%;line-height: 58px;border-radius: 4px;font-size: 15px;color: #6e6e6e;border:1px solid #dfdfdf;text-align: center;}
.btn-style01:hover{background-color: #47c6e8;border-color: #47c6e8;color: #fff;}


#wrap .wrap_in{position: relative;width: 100%;z-index: 100;background-color: #fff;
	-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
   -moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
     -o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
        transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */

-webkit-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
   -moz-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
     -o-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
        transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
#wrap.gnbon .wrap_in{margin-left: -465px;}
#wrap.gnbon .wrap_in:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";display: block;background: rgba(71,198,232,0.6);}

#header {position: absolute;left: 100px;right: 100px;top: 70px;z-index: 1;}
#header .logo{position: absolute;left: 0;top: 0;}
#header .btn_gnb{position: absolute;right: 0;top: 0;width: 30px;height: 44px;background: none;outline: none;}
#header .btn_gnb span{position: absolute;bottom: 0;width: 6px;height: 100%;border-radius:3px;background-color: #47c6e8;}
#header .btn_gnb span.g_icon_l{left: 0;}
#header .btn_gnb span.g_icon_c{height: 65%;left: 50%;margin-left: -3px;}
#header .btn_gnb span.g_icon_r{right: 0;}

#footer .fs-01{display: table;width: 100%;height: 200px;background: url('../img/sub/foo_bg.jpg') no-repeat center top;text-align: center;}
#footer .fs-01 a{display: table-cell;vertical-align: middle;}
#footer .fs-01 a strong{display: block;color: #fff;font-size: 40px;font-family: 'aritadm';margin-bottom: 18px;font-weight: normal;}
#footer .fs-01 a span{display: block;color: #fff;font-size: 15px;}
#footer .f_info{background-color: #222;padding: 60px 0;}
#footer .f_info h2{position: relative;padding-right: 173px;float: left;margin-right: 63px;}
#footer .f_info h2:after{position: absolute;right: 0;top: 50%;width: 132px;border-bottom: 1px solid #656565;content: "";display: block;}
#footer .f_info table{float: left;}
#footer .f_info table td{padding: 5px 0;font-size: 13px;color: #c6c6c6;font-family: 'aritadt';}
#footer .f_info table .cotact span{display: inline-block;width: 58px;color: #ffffff;}
#footer .f_info table .cotact a{color: #c6c6c6;}
#footer .f_info .btn_pdfdown{position: absolute;right: 0;top: 0;}
.topmenu {position: absolute; right: 120px; top: 14px;}
.topmenu ul li{float: left;margin-left:48px ; line-height: 20px;}
.topmenu ul li img{vertical-align: middle;}

.sub .sub_visual{position:relative;width:100%;height:700px;}
.sub .sub_visual.visual01{background: url('../img/sub/sub_visual01.jpg') no-repeat center top;}
.sub .sub_visual.visual02{background: url('../img/sub/sub_visual02.jpg') no-repeat center top;}
.sub .sub_visual.visual03{background: url('../img/sub/sub_visual03.jpg') no-repeat center top;}
.sub .sub_visual.visual04{background: url('../img/sub/sub_visual04.jpg') no-repeat center top;}
.sub .sub_visual.visual05{background: url('../img/sub/sub_visual05.jpg') no-repeat center top;}

.sub_visual p{position: absolute;left: 0;right: 0;top: 50%;margin-top: -60px;font-size: 40px;color: #fff;line-height: 60px;text-align: center;font-family:'aritadl';}
.visual04 p{margin-top: -30px;}
.visual05 p{margin-top: -90px;}
.aside-content{position: fixed;right: 0;top: 0;bottom: 0;width: 465px;background-color: #111;display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 51px;padding-top: 170px;
}
.gnb .mn{padding: 20px 10px;border-bottom: 1px solid #454545;}
.gnb .mn li{}
.gnb .mn li a{display: block;font-size: 30px;color: #d0d0d0;line-height: 48px;font-family:'aritadl';letter-spacing:3px;
	transition: 0.3s all;
}
.gnb .mn li.active a,
.gnb .mn li:hover a{color: #47c6e8;}
.ac-info{padding: 28px 10px;}
.ac-info p,
.ac-info address{font-size: 13px;color: #c6c6c6;line-height: 20px;font-family: 'aritadt';}
.ac-info .contact{margin-top: 30px;}
.ac-info .contact a{font-size: 13px;color: #fff;font-family: 'aritadt';margin-right: 12px;}
.btn_gnb_close{position: absolute;right: 30px;top: 70px;outline: none;}

.btn_pdfdown{display: inline-block;padding: 13px 17px;border: 1px solid #565656;border-radius: 6px;font-size: 13px;color: #ededed;font-family: 'aritadt';}
.btn_pdfdown:hover{background-color: #333;}
.btn_pdfdown span{margin-left: 18px;}
/* about */
.about .ss-01{padding: 150px 0;text-align: center;background-color: #fff;}
.about .ss-01 .tit01{font-size: 52px;color: #000;margin-bottom: 36px;font-family: 'aritadt';font-weight: normal;}
.about .ss-01 .txt01{font-size: 18px;color: #666;line-height: 30px;font-family: 'aritadl';}
.about .ss-02{height: 1080px;}
.about .ss-02 .ss_left{float: left;width: 37%;height: 100%;background: #47c6e8 url('../img/sub/about_sect01_bg.jpg') no-repeat center center;background-size:cover;}
.about .ss-02 .ss_right{float: left;width: 63%;height: 100%;background-color: #47c6e8;padding-top: 260px;padding-left: 112px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.about .ss-02 .tit{line-height: 218px;padding-left: 288px;margin-left: -288px;background: url('../img/sub/logo_pattern01.png') no-repeat left center;margin-bottom: 55px;}
.about .ss-02 .tit img{vertical-align: middle;}
.about .ss-02 .txt01{font-size: 18px;color: #fff;line-height: 30px;margin-bottom: 35px;}
.contact .ss-03,
.client .ss-03,
.about .ss-03{position: relative;height: 700px;background: url('../img/sub/about_sec02_bg.jpg') no-repeat center center;}
.contact .ss-03 .txt01,
.client .ss-03 .txt01,
.about .ss-03 .txt01{position: absolute;left: 0;right: 0;top: 50%;margin-top: -60px;text-align: center;font-size: 40px;line-height: 60px;color: #fff;font-family: 'aritadl';letter-spacing:3px;}

.online .ss-01{position: relative;height: 435px;text-align: center;background-color: #fff;background: url('../img/sub/online_sec01_bg.jpg') no-repeat center center;}
.online .ss-01 .tit01{position: absolute;left: 0;right: 0;top: 50%;margin-top: -26px;font-size: 52px;color: #47c6e8;font-family: 'aritadl';font-weight: normal;}
.offline .ss-01{position: relative;height: 435px;text-align: center;background-color: #fff;background: url('../img/sub/offline_sec01_bg.jpg') no-repeat center center;}
.offline .ss-01 .tit01{position: absolute;left: 0;right: 0;top: 50%;margin-top: -26px;font-size: 52px;color: #47c6e8;font-family: 'aritadl';font-weight: normal;}

.banner-list li{position: relative;height: 435px;background-repeat: no-repeat;background-position: center center;}
.banner-list li.bl01{background-image: url('../img/sub/online_sec02_bg01.jpg');}
.banner-list li.bl02{background-image: url('../img/sub/online_sec02_bg02.jpg');}
.banner-list li.bl03{background-image: url('../img/sub/online_sec02_bg03.jpg');}
.banner-list li.bl04{background-image: url('../img/sub/online_sec02_bg04.jpg');}
.banner-list li.bl05{background-image: url('../img/sub/online_sec02_bg05.jpg');}
.banner-list li.bl06{background-image: url('../img/sub/online_sec02_bg06.jpg');}
.banner-list li.bl07{background-image: url('../img/sub/online_sec02_bg07.jpg');}
.banner-list li.bl08{background-image: url('../img/sub/online_sec02_bg08.jpg');}

.offline .banner-list li.bl01{background-image: url('../img/sub/offline_sec02_bg01.jpg');}
.offline .banner-list li.bl02{background-image: url('../img/sub/offline_sec02_bg02.jpg');}
.offline .banner-list li.bl03{background-image: url('../img/sub/offline_sec02_bg03.jpg');}
.offline .banner-list li.bl04{background-image: url('../img/sub/offline_sec02_bg04.jpg');}

.banner-list li .bl-box{position: absolute;left: 100px;bottom: 70px;}
.offline .banner-list li .bl-box {bottom: 35px;}
.banner-list li .bl-box h3{font-size: 40px;color: #68dfff;font-weight: normal;font-family: 'aritadl';margin-bottom: 18px;}
.banner-list li .bl-box p{font-size: 15px;color: #fff;line-height: 24px;}
.banner-list li .bl-box p span.txt01{display: block;font-size: 13px;margin-top: 22px;}
.banner-list li .bl-box .ico-list {margin-top: 35px; margin-left: -13px; }
.banner-list li .bl-box .ico-list:after {content: ""; display: block; clear: both;}
.banner-list li .bl-box .ico-list .bnd {float: left; width: 96px; text-align: center;}
.banner-list li .bl-box .ico-list .bnd .ico-img {display: inline-block;}
.banner-list li .bl-box .ico-list .bnd .ico-tit {display: block; margin-top: 5px; font-size: 13px; line-height: 1.2; color: #fff; font-family: 'aritadm'; letter-spacing: -0.025em; }

.client .ss-01{position: relative;padding: 150px 0;background-color: #f2f2f2;}
.partner-list .p-list{width: 1100px;}
.partner-list .p-list:after{content:"";display:block;clear:both;}
.partner-list .p-list li{position:relative;width:200px;height:200px;line-height:200px;text-align:center;float:left;margin-right: 20px;margin-top: 20px;background-color: #fff;}
/* .partner-list .p-list li:after{position:absolute;left:0;right:0;top:0;bottom:0;background:transparent;content:"";display:block;
	transition: 0.3s all;
	-moz-transition: 0.3s all;
	-webkit-transition: 0.3s all;
} */
.partner-list .p-list li a{position: relative;display:block;}
/* .partner-list .p-list li a:after{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: "";display: none;background: url('../img/partner/partner_over.png') no-repeat center center;} */
.partner-list .p-list li a img{vertical-align:middle;
	transition: 0.3s all ease-in;
	-moz-transition: 0.3s all ease-in;
	-webkit-transition: 0.3s all ease-in;
}
/* .partner-list .p-list li:hover:after{background:rgba(0,0,0,0.5);} */
.partner-list .p-list li:hover img{
	transform: scale(0.95);
	-ms-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
}
.partner-list .p-list li:hover a:after{display: block;}

.contact .ss-01{padding:150px 0;}
.contact .ss-02{position: relative;height: 700px;background: url('../img/sub/contact_sec02_bg.jpg') no-repeat center center;background-size:cover;}
.contact .bo_info{float: left;width: 272px;}
.contact .bo_info h2{padding-bottom: 82px;background: url('../img/sub/logo_pattern02.png') no-repeat left bottom;margin-bottom: 39px;}
.contact .bo_info address{font-size: 13px;color: #666;}
.contact .bo_info .bo_contxt{width: 100%;margin: 20px 0 40px 0;}
.contact .bo_info .bo_contxt th{padding: 7px 0;font-size: 13px;font-family: 'aritadsb';color: #333;text-align: left;width: 58px;}
.contact .bo_info .bo_contxt td a{font-size: 13px;color: #666;}

.contact .borad-write{float: right;width: 724px;}
.ta_write01{width: 100%;}
.ta_write01 th{text-align: left;padding: 12px 0 0 16px;height: 42px;border-bottom: 1px solid #e1e1e1;color: #a8a7a7;font-size: 13px;}
.ta_write01 td{text-align: left;border-bottom: 1px solid #e1e1e1;}
.ta_write01 td input[type="text"],
.ta_write01 td input[type="password"],
.ta_write01 td input[type="email"],
.ta_write01 td input[type="file"]{width: 100%;height: 42px;border: none;font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ta_write01 td input[type="file"]{padding-right: 30px;background: url('../img/sub/icon_file.png') no-repeat right center;}
.ta_write01 td input.input-num-box{width:57px;text-align:center;}
.ta_write01 td select{height: 42px;border: none;font-size: 13px;font-family: 'aritadsb';}
.ta_write01 td textarea{width: 100%;height: 160px;border: none;padding: 16px;font-size: 13px;resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.borad-write .btn-wrap{ text-align:right; margin: 40px 0;}
.borad-write .btn-bo{display: inline-block;width: 260px;line-height: 58px;border-radius: 4px;font-size: 20px;color: #000;border:1px solid #000;text-align: center;font-weight: bold;vertical-align: middle;background: none;cursor:pointer;}
.borad-write .btn-bo:hover{background-color: #333;color: #fff;}


/* 홈페이지제작 */
.homepage .sub-content{width:100%;background-color:#f1f4f7;}
.portfolio-wrap {}
.portfolio-wrap .portfolio-list:after{content:"";display:block;clear:both;}
.portfolio-wrap .portfolio-list li{position:relative;float:left;width:20%;padding-bottom: 20%;}
.portfolio-wrap .portfolio-list li.img-cols02{width: 40%;}
.portfolio-wrap .portfolio-list li  .site_info{display:none;}
.portfolio-wrap .portfolio-list li .port-img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;
	transition: 0.3s all ease-in;
	-moz-transition: 0.3s all ease-in;
	-webkit-transition: 0.3s all ease-in;
}

.portfolio-wrap .portfolio-list li .por-more{position:absolute;left:0;right:0;top:0;bottom:0;background: url("/img/webdesign/more_img.png") repeat-x center bottom;text-align:center;overflow:hidden;opacity:0; filter:alpha(opacity=00);
	border: 5px solid #47c6e8;

	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
}
.portfolio-wrap .portfolio-list li .por-more span{display: block;}
.portfolio-wrap .portfolio-list li .por-more .h-page-txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px;color: #fff;font-size: 22px;line-height: 130%;text-align: left;}
.portfolio-wrap .portfolio-list li .por-more .h-page-txt span{font-size: 14px;}
/* .portfolio-wrap .portfolio-list li .pro-more img{position:absolute;left:50%;margin-left:-31px;bottom:-47px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;

	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
} */
.portfolio-wrap .portfolio-list li:hover .port-img{}
.portfolio-wrap .portfolio-list li:hover .por-more{opacity:1;filter:alpha(opacity=99);}
/* .portfolio-wrap .portfolio-list li:hover .pro-more img{bottom:40%;
	transform:rotate(0);
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
} */
.portfolio-layer{position:fixed;left:50%;top:50%;margin-top:-290px;margin-left:-382px;padding:46px 48px;width:667px;background-color:#FFF;z-index:100;display:none;}
.portfolio-layer .layer-top{margin-bottom:20px;}
.portfolio-layer .layer-top h2{font-size:30px;font-weight:bold;color:#333;margin-bottom:5px;}
.portfolio-layer .layer-top .page-link{display:block;font-size:14px;color:#666;}
.portfolio-layer .layer-top .page-link:hover{color:#000;}
.portfolio-layer .h-page-txt{font-size:16px;color:#666;line-height:18px;margin-bottom:12px;max-height:36px;overflow:auto;display: block;}
.portfolio-layer .h-page-txt span{display: block;font-size: 12px;}
.portfolio-layer .h-page-txt > a{font-size:14px;color:#666;}
.portfolio-layer .h-page-img{position:relative;border:1px solid #ddd;width:665px;height:401px;}
.portfolio-layer .h-page-img .btn_link{position:absolute;right:15px;bottom:15px;width: 46px;height: 46px;background: url("/img/sub/btn_link.png") no-repeat center center;z-index: 1;}
.portfolio-layer .btn_layer_close{position:absolute;right:0;top:0;width:57px;height:57px;text-align:center;background:#000 url('../img/sub/btn_layer_close.png') no-repeat center center;text-indent:-9999em;overflow:hidden;}


.visual-txt{display: none;}

.layer_bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;background:rgba(0, 0, 0, 0.6); display:none;text-indent:-9999em;
/* 
IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */}

.quick_menu,
.contact_bot {display: none;}

/* 테블릿 */
@media screen and (max-width: 950px){

}

/* mobile */
@media screen and (max-width: 768px){
	body{min-width:100%}
	img{max-width:100%;}
	.wrap_layout{width: 100%;}
	.wrap_1080{width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#header{left: 17px;right: 17px;top: 17px;}
	#header .logo a{display: block;width: 80px;height: 35px;background: url('/img/mobile/main/logo.png') no-repeat center center;background-size:cover;}
	#header .logo img{display: none;}
	#header .btn_gnb{width: 26px;height: 35px;}
	#header .btn_gnb span{width: 4px;}
	#header .btn_gnb span.g_icon_c{margin-left: -2px;}
	.topmenu{right: 0; top: 56px;}
	.topmenu img{max-height:16px; vertical-align: middle;}
	.topmenu ul{text-align: right;}
	.topmenu ul li{display: inline-block;float: none; line-height: 20px; margin: 0 3px;}
	.topmenu ul li:first-child img{height: 12px;}
	.aside-content{display: block;width: 100%;padding: 0 30px;padding-top: 20%;}	
	.ac-info{display: none;}
	.btn_gnb_close{right: 17px;top: 17px;}
	.btn_gnb_close img{width: 30px;}
	.gnb .mn:last-child{border-bottom: none;}
	.gnb .mn li a{text-align: center; font-size: 26px;}
	.idx.gnbon .wrap_in{margin-left: -100%;}
	.sub .sub_visual:after{position: absolute;left: 50%;bottom: 5%;margin-left: -17px;width: 35px;height: 18px;background: url('/img/mobile/sub/visual_arrow.png');background-size:cover;content: "";display: block;
		-webkit-animation: down  linear 0.5s infinite alternate;
		animation: down  linear 0.5s infinite alternate;
	}
	@-webkit-keyframes down {
		0% {  bottom: 43px;  }
		100% { bottom: 30px;  }
		}
	@-ms-keyframes myfirst {
		0% {  bottom: 43px;  }
			100% { bottom: 30px;  }
	}
	.sub .sub_visual.visual01{background: url('../img/mobile/sub/sub_visual01.jpg') no-repeat center top;background-size:cover;}
	.sub .sub_visual.visual02{background: url('../img/mobile/sub/sub_visual02.jpg') no-repeat center top;background-size:cover;}
	.sub .sub_visual.visual03{background: url('../img/mobile/sub/sub_visual03.jpg') no-repeat center top;background-size:cover;}
	.sub .sub_visual.visual04{background: url('../img/mobile/sub/sub_visual04.jpg') no-repeat center top;background-size:cover;}
	.sub .sub_visual.visual05{background: url('../img/mobile/sub/sub_visual05.jpg') no-repeat center top;background-size:cover;}
	.sub_visual p{display: none;}

	.about .ss-01{padding: 75px 0;}
	.about .ss-01 .tit01{font-size: 33px;}
	.about .ss-01 .txt01{font-size: 15px;line-height: 150%;padding: 0 20px;}
	.about .ss-01 .txt01 br{display: none;}

	.about .ss-02{height: auto;}
	.about .ss-02 .ss_left{float: none;width: 100%;height: auto;padding-bottom: 64%;}
	.about .ss-02 .ss_right{position: relative;float: none;width: 100%;height: auto;padding: 75px 17px;background: #44ccf0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.about .ss-02 .ss_right:after{position: absolute;left: 50%;top: -51px;margin-left: -83px;width: 166px;height: 102px;background: url('../img/mobile/sub/logo_pattern01.png') no-repeat center center;background-size:cover;content: "";display: block;opacity: 0.8;}
	.about .ss-02 .tit{padding: 0;margin: 0;padding-bottom: 33%;margin-bottom: 40px;background: url('../img/mobile/sub/about_sec02_txt.png') no-repeat center top;background-size:cover;}
	.about .ss-02 .tit img{display: none;}
	.about .ss-02 .txt01{font-size: 15px;line-height: 150%;text-align: center;}
	.about .ss-02 .txt01 br{display: none;}

	.contact .ss-03,
	.client .ss-03,
	.about .ss-03{position: relative;height: auto;padding-bottom: 40%;background: url('../img/mobile/sub/about_sec02_bg.jpg') no-repeat center center;background-size:cover;}
	.contact .ss-03 .txt01,
	.client .ss-03 .txt01,
	.about .ss-03 .txt01{display: none;}

	#footer .fs-01{height: auto;padding: 55px 0;background: url('../img/mobile/sub/foo_bg.jpg') no-repeat center center;background-size:cover;}
	#footer .fs-01 a strong{font-size: 25px;}
	#footer .fs-01 a span{font-size: 13px;}
		
	#footer .f_info{padding: 45px 17px; margin-bottom: 58px;}
	#footer .f_info h2:after{display: none;}
	#footer .f_info h2{float: none;padding-right: 0;margin-bottom: 32px;}
	#footer .f_info table{float: none;width: 100%;margin-left: 0;}
	#footer .f_info table.ta-01{position: absolute;left: 0;bottom: 0;}
	#footer .f_info table td{font-size: 12px;padding: 3px 0;}
	#footer .f_info .btn_pdfdown{display: none;}
	#footer .f_info .wrap_layout{padding-bottom: 104px;}

	.portfolio-wrap .portfolio-list li{width: 50%;padding-bottom: 50%;}
	.portfolio-wrap .portfolio-list li.img-cols02{width: 100%;}
	.portfolio-wrap .portfolio-list li .por-more{border: none;opacity:1;filter:alpha(opacity=99);background-size:cover;}
	.portfolio-wrap .portfolio-list li .por-more .h-page-txt{padding: 10px;font-size: 16px;}
	.portfolio-wrap .portfolio-list li .por-more .h-page-txt span{font-size: 12px;}
	.portfolio-wrap .portfolio-list{width:100%;}

	.portfolio-layer{left:0;right:0;top:64px;margin-top:0;margin-left:0;padding:15px 18px;box-sizing:border-box;width:100%;overflow:auto;}
	.portfolio-layer .layer-top{padding-right:42px;}
	.portfolio-layer .layer-top h2{font-size:20px;}
	.portfolio-layer .layer-top .page-link{font-size:12px;}
	.portfolio-layer .h-page-txt{font-size:12px;max-height:auto;overflow:visible;}
	.portfolio-layer .btn_layer_close{width:42px;height:42px;background-size:24px;}
	.portfolio-layer .h-page-img{position:relative;width:100%;height:auto;padding-bottom:60%;}
	.portfolio-layer .h-page-img > img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}

	.client .ss-01{padding: 70px 0;}	
	.partner-list .p-list{width: 100%;padding: 0 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.partner-list .p-list li{width: 32.3333%;    padding-bottom: 32.3333%;height: auto;line-height: 1;margin: 0.5%;}
	.partner-list .p-list li a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
	.partner-list .p-list li a img{width: 100%;height: 100%;}
	.contact .ss-01{padding: 75px 0;}
	.contact .ss-01 .wrap_1080{padding: 0 17px;}
	.contact .bo_info .btn-wrap{display: none;}
	.contact .borad-write{width: 100%;}/* 
	.ta_write01 th{font-size: 11px;    padding: 6px 0 0 8px;height: 32px;}
	.ta_write01 td{font-size: 11px;}
	.ta_write01 td input[type="text"],
	.ta_write01 td input[type="password"],
	.ta_write01 td input[type="email"],
	.ta_write01 td input[type="file"]{height: 32px;font-size: 11px;}
	.ta_write01 td input.input-num-box{width: 28%;} */
	.borad-write .btn-wrap{margin: 20px 0;}
	.borad-write .btn-wrap:after{content: "";display: block;clear: both;}
	.borad-write .btn-bo{width: 49%;float: left;}
	.borad-write .btn-bo:first-child{margin-right: 1%;}
	.borad-write .ta_write01{display:block;padding-top:20px;}
	.borad-write .ta_write01 tbody {display:block;}
	.borad-write .ta_write01 tbody tr{position:relative;display:block;  }
	.borad-write .ta_write01 th{display:block;height:auto;padding:16px 0 6px;background-color:#FFF;border:none;width:100%;}
	.borad-write .ta_write01 th label{font-weight:bold;}
	.borad-write .ta_write01 td{display:block;height:auto;padding:0 0 10px 0;border:none;  border-bottom: 1px solid #e1e1e1;}
	.borad-write .ta_write01 td textarea{width:100%;box-sizing:border-box;}
	.borad-write .ta_write01 td select{width:30%;}
	.borad-write .ta_write01 td input{box-sizing:border-box;}
	.borad-write .ta_write01 td input.input-num-box{width:30%;}
	.borad-write .ta_write01 td input.input-file-box{width:100%;}
	.borad-write.qna-write .ta_write01 td input.input-box{width:100%;}
	.borad-write .ta_write01 td input.input-box{width:100%;}

	.contact .ss-02{height: 300px;}
	.online .ss-01{padding: 120px 0;height: auto;background-size:contain;}
	.online .ss-01 .tit01{position: relative;left: 0;margin-left: 0;top: 0;margin-top: 0;font-size: 34px;}
	.offline  .ss-01{padding: 120px 0;height: auto;background-size:200%;}
	.offline  .ss-01 .tit01{position: relative;left: 0;margin-left: 0;top: 0;margin-top: 0;font-size: 34px;}
	
	.banner-list li{height: 278px;    background-size: auto 100%;}
	.banner-list li .bl-box{left: 17px;bottom: 15px;right: 17px;}
	.banner-list li .bl-box h3{font-size: 25px;}
	.banner-list li .bl-box p{font-size: 11px;line-height: 150%;}
	.banner-list li .bl-box p span.txt01{font-size: 10px;margin-top: 15px;}
	.banner-list li .bl-box .ico-list {margin-top: 17px; margin-left: -6px; margin-right: -17px;}
	.banner-list li .bl-box .ico-list .bnd {float: left; width: 48px; text-align: center;}
	.banner-list li .bl-box .ico-list .bnd .ico-img {display: inline-block; width: 35px;}
	.banner-list li .bl-box .ico-list .bnd .ico-tit {display: block; margin-top: 5px; font-size: 10px; line-height: 1.2; color: #fff; font-family: 'aritadm'; letter-spacing: -0.05em; }
	
	/* 상담신청하기 */
	.contact_bot {display: block; position: fixed; left: 0; right: 0; bottom: 58px; height: 78px; padding: 5px 0; background: url('/img/hpevent/quick_bg_mo.jpg') no-repeat center 0 / cover; z-index: 101; color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .wrap_layout {padding: 5px 8px; width: 100%; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.contact_bot .cb_top {line-height: 24px; margin-bottom: 5px;}
	.contact_bot .cb_top:after {content: ""; display: block; clear: both;}
	.contact_bot .cb_top h2 {float: left;}
	.contact_bot .cb_top h2 img {width: 124px; max-height:24px; vertical-align: middle;}
	.contact_bot .cb_top .agree_box {float: left; margin-left: 10px; font-size: 11px;}
	.contact_bot .cb_top .agree_box  a img {height: 16px; vertical-align: middle;}
	.contact_bot .cb_wrap {position: relative; padding-right: 67px;}
	.contact_bot .cb_bot th {width: 40px; font-size: 12px; font-weight: normal; text-align: center}
	.contact_bot .cb_bot th:first-child {width: 30px;}
	.contact_bot .cb_bot input[type="text"] {width: 100%; height: 28px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .cb_bot tr:first-child th,
	.contact_bot .cb_bot tr:first-child td {}
	.contact_bot .cb_bot td.ph select {float: left;width: 31%; height: 28px; background: #fff; font-size: 12px; padding: 2px;}
	.contact_bot .cb_bot td.ph .dat {float: left; width: 3.5%;}
	.contact_bot .cb_bot td.ph input[type="number"] {float: left; width: 31%; height: 28px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .mo_dn {display: none;}
	.contact_bot .cb_bot textarea {width: 100%; height: 28px;}
	.contact_bot .btn_submit01 {position: absolute; right: 0; top: 0; width: 62px; height: 28px; line-height: 28px; border-radius:3px; background: #24b0eb; color: #fff; font-size: 12px; text-align: center; letter-spacing: -0.04em;}

	
	.quick_menu{display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index:101; height: 58px; overflow: hidden;}
	.quick_menu:after{content: ""; display: block; clear: both;}
	.quick_menu a{float: left; width: 25%; text-align: center; }
	.quick_menu a img{max-height: 58px;}
	.quick_menu a:nth-of-type(1){background: #ed2058;}
	.quick_menu a:nth-of-type(2){background: #24b0eb}
	.quick_menu a:nth-of-type(3){background: #000541; }
	.quick_menu a:nth-of-type(4){background: #ffef26;}

}

/* mobile */
@media screen and (max-width: 480px){

	.gnb .mn li a{font-size: 22px;}
	.about .ss-01 .tit01{font-size: 28px;}
	.about .ss-01 .txt01{font-size: 13px;}
	

}

/* mobile */
@media screen and (max-width: 320px){
	
	.gnb .mn li a {letter-spacing: -0.025em;}
	.banner-list li .bl-box .ico-list .bnd {width: 40px;}
	.banner-list li .bl-box .ico-list .bnd .ico-img {width: 28px;}


}


#ch-plugin .sc-ifAKCX{bottom: 75px !important}