@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}
body {min-width:1200px;}

#header {width:100%; height:110px;position:absolute; top:0; left: 0; z-index:2000;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header_content {*zoom:1; width:100%; height:110px; margin:0 auto; position:relative; }
#header_content .logo {position:absolute; top:30px; left:50px; z-index:1001;}
#header_content .logo a {display:block; z-index:1001;}

#header_content .home_menu {position:absolute; top:37px; right:50px; z-index:1001;}
#header_content .home_menu a {display:block;width:115px; height:30px; line-height:30px; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
	background-color:#810000; color:#fff;font-weight:600;font-size:12px;letter-spacing:-0.05em;box-sizing:border-box; padding:0 15px;
}
#header_content .home_menu a img{padding:0 0 0 10px; vertical-align:middle;}
.header_on{background-color:rgba(0,0,0, 0.8) !important; position:fixed !important;top:0;left:0;!important;}


/* gnb */
nav#gnb{width:100%;height:110px;position:absolute;top:0; z-index:1000;}
nav#gnb > ul {*zoom:1;width:670px;position:absolute; top:0; left:50%; margin-left:-335px;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {text-align: center; position:relative; min-width:130px; text-align:center; display:inline-block;}
nav#gnb > ul > li > a {display:block;font-size:18px;height:110px; line-height: 110px; font-weight:600; color:#fff;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus, nav#gnb > ul > li.active > a {color:#bbb; }
nav#gnb > ul > li .gnb-2dep-wrap {}
nav#gnb > ul > li .gnb-2dep {min-width:130px;display:none; position:absolute; top:110px; padding:40px 0 0; z-index:1000;}
nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:22px; width:100%; margin:15px 0 0;}
nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
nav#gnb > ul > li .gnb-2dep li a {color:#ccc; font-size:15px; font-weight:400;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#f92727; }
#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:110px; left:0px; width:100%; height:auto; padding:0; z-index:1000; background-color:rgba(0,0,0, 0.8); display:none; border-top:1px solid rgba(255,255,255,0.2);}


/* mobile gnb */
.mobile_top {display:none;}
#nav {display:none;}
.m_right_box{display:none;}

#mainvisual {height:800px; position:relative; overflow:hidden; width:100%;}
#mainvisual .main_txt {width:1200px; padding:210px 0 0 0;position:absolute; margin-left:-600px;left:50%; z-index:999;text-align:right;}
#mainvisual .main_txt h3{font-family:'butler'; font-weight:400; color:#eed004; font-size:17px; letter-spacing:0.07em;}
#mainvisual .main_txt h2 {font-family:'butler'; font-weight:400; color:#fff; font-size:90px; letter-spacing:0.07em;}
#mainvisual .main_txt p{font-size:16px; color:#ffffff; letter-spacing:-0.03em; line-height:28px;position:relative;padding:60px 0;}
#mainvisual .main_txt p:before {content:"";display:block;;width:73px;height:1px;background-color:#fff;margin:30px 0;position:absolute;right:0;top:0;}
#mainvisual .main_txt a {display:inline-block;width:185px;height:45px; line-height:45px;font-weight:600; text-align:center; font-size:15px;letter-spacing:-0.05em;border:1px solid #fff;color:#fff;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;

}
#mainvisual .main_txt a:hover, #mainvisual .main_txt a:focus {background-color:#fff; color:#810000;}


#mainvisual .slideshow {position:absolute; width:2000px; height:800px; top:0; left:50%; margin-left:-1000px;}
#mainvisual .slideshow .bx-slider {position:relative; width:100%; height:800px; overflow:hidden;background-color:#333;}
#mainvisual .slideshow .bx-slider li {float:left; width:100%; height:800px; background-position:0 50%; background-repeat:no-repeat;overflow:hidden;}
#mainvisual li.visual_bg1 {background-image:url('../images/main/mainvisual01.jpg');}
#mainvisual li.visual_bg2 {background-image:url('../images/main/mainvisual02.jpg');}


#mainvisual .bx-pager {display:none;}
#mainvisual .bx-controls a{font-size:0;line-height:0;}
#mainvisual .bx-controls .bx-prev{position:absolute; top:450px;left:15%;z-index:1000;width:21px; height:40px;background:url('../images/main/main_prevbtn.png') 0 0 no-repeat;}
#mainvisual .bx-controls .bx-next{position:absolute; top:450px;right:15%;z-index:1000;width:21px; height:40px;background:url('../images/main/main_nextbtn.png') 0 0 no-repeat;}

#container {width:100%; clear:both;}


/* section1 */
.section01 {background:url('../images/main/sec1_bg2.png') center 0 no-repeat;margin-top:-53px;position:relative; z-index:1000;}
.section01 .sec01_in{width:1200px;margin:0 auto;}
.section01 .sec01_in:after{content:"";display:block;clear:both;}
.section01 .sec01_in .notice{float:left;width:730px;padding:65px 0 40px; position:relative;}
.section01 .sec01_in .notice h3{font-family:'butler'; font-weight:400;font-size:30px;color:#fff;margin:0 0 40px 0;}
.section01 .sec01_in .notice h3 span{font-family:'noto'; font-size:16px; color:#c3c3c3; letter-spacing:-0.03em; padding:0 0 0 20px;}
.section01 .sec01_in .notice a.plus {position:absolute; top:58px;right:100px;}
.section01 .sec01_in .notice ul:after {content:"";display:block;clear:both;}
.section01 .sec01_in .notice ul li{float:left;width:310px;margin:0 0 45px 30px;}
.section01 .sec01_in .notice ul li:first-child, .section01 .sec01_in .notice ul li:nth-child(2n+1) {margin:0 0 45px 0;}
.section01 .sec01_in .notice ul li a {display:block; width:100%;height:100%;position:relative;box-sizing:border-box;padding-left:70px;}
.section01 .sec01_in .notice ul li a .date{position:absolute;top:0;left:0;width:50px;font-family:'butler'; font-size:17px; color:#c3c3c3;text-align:center;}
.section01 .sec01_in .notice ul li a .date strong{font-weight:400;color:#fff;}
.section01 .sec01_in .notice ul li a .date span{display:block; font-size:13px;}
.section01 .sec01_in .notice ul li a .title{font-size:16px;color:#dedede;font-weight:600; letter-spacing:-0.03em;width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;margin:0 0 20px 0;}
.section01 .sec01_in .notice ul li a .desc {font-size:13px; color:#999999; letter-spacing:-0.03em; line-height:20px;height:40px; overflow:hidden;}
.section01 .sec01_in .notice ul li a:hover .title, .section01 .sec01_in .notice ul li a:focus .title {color:#fff;}

.section01 .sec01_in .contact {float:left;width:470px;box-sizing:Border-box;padding:110px 0 0 0;}
.section01 .sec01_in .contact h3{font-family:'butler'; font-weight:400;font-size:30px;color:#b11918;margin:0 0 20px 0;}
.section01 .sec01_in .contact h3  span{font-family:'noto'; font-size:16px; color:#4e5051; letter-spacing:-0.03em; padding:0 0 0 20px;}
.section01 .sec01_in .contact .inputs p {position:relative;}
.section01 .sec01_in .contact .inputs p span{position:absolute; top:16px; left:0;color:#999999; font-size:13px;z-index:0;}
.section01 .sec01_in .contact .inputs p input{width:100%; border:none; border-bottom:1px solid #ddd; height:50px; line-height:50px;outline:none;box-sizing:border-box; padding-left:60px;
	color:#666;font-family:'noto';font-size:14px;position:relative;z-index:1;background:none;
}
.section01 .sec01_in .contact .inputs p textarea {width:100%; height:95px; border:none; border-bottom:1px solid #ddd;outline:none;box-sizing:border-box; padding:16px 0 0 60px;
	font-family:'noto';font-size:13px; color:#666;resize:none;position:relative; z-index:1; background:none;
}
.section01 .sec01_in .contact .inputs p textarea:focus, .section01 .sec01_in .contact .inputs p input:focus {border-color:#b11918;}
.section01 .sec01_in .contact .inputs p button {font-family:'noto';width:100%;height:50px;line-height:50px;text-align:center; border:none;outline:none;background-color:#b11616;color:#fff; font-weight:400;
	font-size:15px;cursor:pointer;margin:15px 0 0 0;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}
.section01 .sec01_in .contact .inputs p button:hover, .section01 .sec01_in .contact .inputs p button:focus {background-color:#880808;}



/* section2 */
.section02 {padding:166px 0;background:url('../images/main/sec2_bg.png') 100% 50px no-repeat;}
.section02 .sec02_in {width:1050px; margin:0 auto;}
.section02 .sec02_in:After{content:"";display:block;clear:both;}
.section02 .sec02_in .box {float:left;width:310px;margin:0 0 0 60px;}
.section02 .sec02_in .box a{display:block; width:100%; height:100%;}
.section02 .sec02_in .box01 {margin:0;}
.section02 .sec02_in .box01, .section02 .sec02_in .box03 {padding:70px 0 0 0;}
.section02 .sec02_in .box .img {width:310px; height:310px; box-shadow:0 0 20px rgba(0,0,0,0.2);background-color:#fff;margin:0 0 40px 0;overflow:hidden;}
.section02 .sec02_in .box .img img{
	transition:all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
}

.section02 .sec02_in .box .txt  {text-align:right;}
.section02 .sec02_in .box strong{font-family:'raleway'; font-weight:900; color:#b11616; font-size:20px; letter-spacing:0.01em; display:block;padding:0 0 5px 0;}
.section02 .sec02_in .box span{font-size:17px; color:#252627; letter-spacing:-0.03em; }
.section02 .sec02_in .box a:hover .img img, .section02 .sec02_in .box a:focus .img img {opacity:0.8;transform:scale(1.2);}


/* section03*/
.section03 {padding:150px 0; background:url('../images/main/sec3_bg.jpg') center center no-repeat;}
.section03 .port{width:1200px; margin:0 auto;}
.section03 .port h3{font-family:'butler'; font-weight:400;font-size:40px;color:#fff;margin:0 0 70px 0;text-align:center;letter-spacing:0.04em;}
.section03 .port h3 span {display:block;font-family:'noto'; font-size:16px; color:#c3c3c3; letter-spacing:-0.03em; padding:10px 0 0 0;}
.section03 .port .more {text-align:center;margin:70px 0 0 0;}
.section03 .port .more a{display:inline-block; width:255px;height:50px;text-align:center;line-height:50px;color:#fff;font-size:16px;font-weight:600;border:1px solid #aaaaaa;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}

.section03 .port .port_slide  .pbox  a{display:block;}
.section03 .port .port_slide  .pbox  a img {
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}
.section03 .port .port_slide  .pbox  a:hover img, .section03 .port .port_slide  .pbox  a:focus img {box-shadow:0 0 10px rgba(0,0,0, 0.9);}
.section03 .port .more a:hover, .section03 .port .more a:focus {border-color:#fdfdfd;background-color:#fdfdfd; color:#555;}
.section03 .port .port_slide .slick-arrow {width:42px;height:42px;font-size:0;border:none;outline:none;position:absolute;top:45%;cursor:pointer;}
.section03 .port .port_slide .slick-prev{background:url('../images/main/port_right.png') 0 0 no-repeat;left:-80px;}
.section03 .port .port_slide .slick-next{background:url('../images/main/port_left.png') 0 0 no-repeat;right:-80px;}

/* section04 */
.section04 {PADDING:120PX 0; background:url('../images/main/sec04_Bg.png') center center no-repeat;}
.section04 .sec04_in{width:1200px; margin:0 auto;}
.section04 .sec04_in h3{font-size:35px; color:#b11616; line-height:45px; letter-spacing:-0.06em;}
.section04 .sec04_in h3 span{letter-spacing:-0.03em; }
.section04 .sec04_in p{font-size:16px; line-height:28px; letter-spacing:-0.03em; color:#212121; margin:40px 0;font-weight:600;}
.section04 .sec04_in .btn:After{content:"";display:block;clear:both;}
.section04 .sec04_in .btn a {float:left; width:180px;height:50px; text-align:center; line-height:50px; border:1px solid #333333;color:#333333; letter-spacing:-0.04em;font-size:16px;font-weight:600;margin-right:10px;}
.section04 .sec04_in .btn a:hover, .section04 .sec04_in .btn a:focus{background-color:#333; color:#fff;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
}


/*footer*/
#footer {clear:both; padding:40px 0;background-color:#282b2d;}
#footer_content {width:1200px; margin:0 auto; position:relative;}
#footer_content:after{content:"";display:block;clear:both;}
#footer_content p {float:left;margin:0 200px 0 0;}
#footer_content address {width:69%;float:left;PADDING:10PX 0 0 0;font-size:14px; font-weight:400; color:#797979; line-height:24px; letter-spacing:-0.02em;}


/*Quick Menu */
#quick_menu {position:fixed; bottom:60px; right:40px;z-index:999;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}


/* sub */
#subvisual {width:100%;height:325PX;overflow:hidden;}
#subvisual .s_img {width:100%; height:325PX;}
.subvisual1  .s_img{ background:url('../images/sub/subvisual01.jpg') center center no-repeat;}
.subvisual2  .s_img{background:url('../images/sub/subvisual02.jpg') center center no-repeat;}
.subvisual3  .s_img{ background:url('../images/sub/subvisual03.jpg') center center no-repeat;}
.subvisual4  .s_img{background:url('../images/sub/subvisual04.jpg') center center no-repeat;}
.subvisual5  .s_img{background:url('../images/sub/subvisual05.jpg') center center no-repeat;}

#subvisual .s_img_on {transform:scale(1.03);
	transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;

}
#subvisual .sub_txt {width:1200px; margin:0 auto; padding:130px 0 0; box-sizing:border-box; text-align:center;}
#subvisual .sub_txt p {font-family:'butler';font-size:40px;color:#fff; line-height:70px; text-shadow:0 0 10px #000;}

#leftmenu {width:100%;  line-height:60px;margin-top:-60px;position:relative; z-index:1000;}
#lnb {width:1200px; margin:0 auto; background-color:rgba(0,0,0,0.3);}
#lnb ul:after{content:"";display:block;clear:both;}
#lnb ul li {display:block;float:left; text-align:center;box-sizing:border-box;height:60px;}
#lnb ul li:first-child {margin:0;}
#lnb ul li.menu01 {width:100%;}
#lnb ul li.menu02 {width:50%;}
#lnb ul li.menu03 {width:33.33%;}
#lnb ul li.menu04 {width:25%;}
#lnb ul li.menu05{width:20%;}
#lnb ul li a {display:block;font-weight:600;font-size:16px; color:#cfcfcf;border-left:1px solid rgba(255,255,255,0.3);letter-spacing:-0.05em;
	transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}
#lnb ul li:first-child a{border:none;}
#lnb ul li a:hover, #lnb ul li.on a {color:#232323;background-color:#fff;}

#cont {width:100%; margin:0 auto; padding:80px 0 0;}
#subtitle {margin:0 0 100px 0;}
#subtitle h2 {font-size:30px; font-weight:900; color:#232323;text-align:center;}
#con_area {min-height:320px;}
#board_con_area  {width:1200px;min-height:600px;padding:0 0 300px 0;margin:0 auto;}




/* 01_01 회사소개  */
.intro .box01 {padding:0 0 80px 0;width:1200px; margin:0 auto;}
.intro .box01 h3{font-family:'butler'; font-size:60px; color:#b11616;margin:0 0 70px 0;text-align:center;font-weight:600;}
.intro .box01 h4{font-size:26px; font-weight:600; color:#232323;letter-spacing:-0.03em;text-align:center;margin:0 0 20px 0;}
.intro .box01 h4 span{color:#b11616;}
.intro .box01 p {font-size:18px;color:#777777;letter-spacing:-0.03em;text-align:center;margin:0 0 80px 0;}
.intro .box01 .step{position:relative;height:270px;}
.intro .box01 .step img{position:absolute; }
.intro .box01 .step .txt01 {position:absolute; top:125px; left:320px;font-size:33px;color:#212121;font-weight:600;}
.intro .box01 .step .txt02 {position:absolute; top:55px; left:710px;font-size:33px;color:#212121;font-weight:600;}
.intro .box01 .step .txt03 {position:absolute; top:-20px; left:1055px;font-size:44px;color:#b11616;font-weight:900;}


.intro .box02 {padding:120px 0;background:url('../images/sub/intro_bg.jpg') center center no-repeat;}
.intro .box02 ul{width:1200px; margin:0 auto;}
.intro .box02 ul:afteR{content:"";display:block;clear:both;}
.intro .box02 ul li{float:left; width:25%;height:150px;box-sizing:Border-box;border-left:1px solid rgba(255,255,255,0.2);text-align:center;}
.intro .box02 ul li:first-child{border:none;}

.intro .box02 ul li span{display:block;padding:0 0 17px 0;}
.intro .box02 ul li span img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.intro .box02 ul li:hover span img{
	transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	-moz-transform:rotate(15deg);
	-o-transform:rotate(15deg);
	-ms-transform:rotate(15deg);

}
.intro .box02 ul li .kor {font-size:19px; color:#fff;padding:0 0 5px 0;}
.intro .box02 ul li .en {font-family:"butler";font-size:17px; color:#f2bebe;}
.intro .box02 h4 {font-size:24px; color:#fff; text-align:center; letter-spacing:-0.04em; font-weight:400;padding:80px 0 0 0;}
.intro .box02 h4 b{font-weight:600;}


.intro .box03 {padding:120px 0 0;background:url('../images/sub/intro_bg02.jpg') center 100% no-repeat;}
.intro .box03 .box03_in:after{content:"";display:block;clear:both;}
.intro .box03 .box03_in {width:1300px; margin:0 auto;}
.intro .box03 .box03_in .img{float:left;}
.intro .box03 .box03_in .txt{float:left;margin-left:-50px;}
.intro .box03 .box03_in .txt h4{font-size:28px;line-height:40px;letter-spacing:-0.03em; color:#353535; font-weight:400;padding:60px 0 100px;}
.intro .box03 .box03_in .txt h4 b{font-weight:900;color:#b31f1f;}
.intro .box03 .box03_in .txt p{font-size:17px; color:#fff; letter-spacing:-0.03em; line-height:35px;}

.intro .box04 {padding:90px 0; width:1200px; margin:0 auto;text-align:center;}
.intro .box04 h4{font-family:'butler'; font-size:40px; color:#b11616;margin:0 0 20px 0;text-align:center;font-weight:600;}
.intro .box04 p{font-size:18px; color:#575555;text-transform:uppercase;}


/* 01_02 */
.organi {text-align:center;padding:0 0 200px 0;}
.organi img{max-width:100%;}


/* 01_03 */
.busi {text-align:center;padding:0 0 200px 0;}
.busi h3{font-family:'butler'; font-size:40px; color:#b11616;margin:0 0 20px 0;text-align:center;font-weight:600;}
.busi p{font-size:20px; color:#232323;margin:0 0 60px 0;}
.busi p b{color:#b31f1f;}
.busi img{max-width:100%;}

/* 02_01 */
.consulting h3{font-family:'butler'; font-size:60px; color:#b11616;margin:0 0 20px 0;text-align:center;font-weight:600;}
.consulting h4{font-size:26px; font-weight:600; color:#232323;letter-spacing:-0.03em;text-align:center;margin:0 0 80px 0;}
.consulting h4 span{color:#b11616;font-weight:900;}
.consulting .box01 {background:url('../images/sub/con_bg.png') center 85px no-repeat;}
.consulting .box01 ul:AfteR{content:"";display:block;clear:both;}
.consulting .box01 ul {width:1200px; margin:0 auto;padding-bottom:213px;background:url('../images/sub/con_line.png') center 100% no-repeat;}
.consulting .box01 ul li{float:left; width:285px;height:205px; background-color:#fff;margin:0 0 0 20px;position:Relative;text-align:center;
	font-size:17px;color:#151515;font-weight:600;letter-spacing:-0.05em;line-height:23px;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.3);
	border-radius:0 30px 0 30px;
	-moz-border-radius:0 30px 0 30px;
	-webit-border-radius:0 30px 0 30px;
}
.consulting .box01 ul li:first-child {margin:0;}
.consulting .box01 ul li .cl{position:absolute; bottom:-12px; left:46%;}
.consulting .box01 ul li span{display:block; padding:30px 0 15px;}

.consulting .box02 {margin:100px 0;}
.consulting .box02 h4{font-size:32px; color:#666666; text-align:center;font-weight:500;}
.consulting .box02 h4 b {color:#b11616;}
.consulting .box02 h4 img{padding:0 20px;}
.consulting .box02 .center{text-align:center;}
.consulting .box02 .arrow{text-align:center;margin:80px 0;}
.consulting .box02 h5 {text-align:center; color:#232323; letter-spacing:-0.04em;font-size:26px;margin:80px 0 200px;}
.consulting .box02 h5 b {color:#b11616;font-weight:900;}


/* 02_02 */
.web h3{font-family:'butler'; font-size:60px; color:#b11616;margin:0 0 20px 0;text-align:center;font-weight:600;}
.web h4{font-size:26px; font-weight:600; color:#232323;letter-spacing:-0.03em;text-align:center;margin:0 0 80px 0;}
.web h4 span{color:#b11616;font-weight:900;}
.web ul:after{content:"";display:block;clear:both;}
.web ul li{float:left; width:33.3%;height:730px;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;

}
.web ul li.big{width:40%;}
.web ul li.small {width:30%;}

.web ul li a{display:block;width:100%;height:100%;}
.web ul li.box01 a {background:url('../images/sub/web_img01.jpg') center center no-repeat;}
.web ul li.box02 a {background:url('../images/sub/web_img02.jpg') center center no-repeat;}
.web ul li.box03 a {background:url('../images/sub/web_img03.jpg') center center no-repeat;}

.web ul li a h5{font-size:40px;color:#fff; font-family:'butler'; font-weight:600;padding:60px 0 0 60px;}
.web ul li a p { font-size:20px; color:#fff; font-weight:400;padding:120px 0 0 20px ; border-left:1px solid #fff;margin:0 0 0 60px;}



/* 02_02_01 */
.web01 .top{padding:80px 0 0 0;background:url('../images/sub/web01.jpg') center center no-repeat;text-align:center;}
.web01 .top .num {display:inline-block; font-family:'butler'; font-size:20px;font-weight:600;color:#fff; padding:0 8px 3px; border-bottom:1px solid #fff;margin:0 0 10px 0;}
.web01 .top h3{font-family:'butler';  font-size:55px; color:#fff;margin:0 0 20px 0;}
.web01 .top p{font-size:20px; color:#fff; letter-spacing:-0.04em;}
.web01 .top .btn {margin:60px 0;}
.web01 .top .btn a{display:inline-block; width:180px; height:30px; line-height:30px; bordeR:1px solid #fff; border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px;
	font-size:15px; color:#fff;margin:0 10px;
}

.web01 .top .btn a:hover, .web01 .top .btn a:focus {background-color:#fff; color:#111;}
.web01 .top .white {width:1200px; margin:0 auto; background-color:#fff;padding:70px 0;font-size:22px; letter-spacing:-0.03em; line-height:40px;color:#232323;}
.web01 .top .white b{color:#b11616;}
.web01 .center{margin:70px 0 200px; text-align:center;}
.web01 .center img{margin:0 20px;}



/* 02_02_02 */
.web02 .top{padding:80px 0 0 0;background:url('../images/sub/web02.jpg') center center no-repeat;text-align:center;}
.web02 .top .num {display:inline-block; font-family:'butler'; font-size:20px;font-weight:600;color:#fff; padding:0 8px 3px; border-bottom:1px solid #fff;margin:0 0 10px 0;}
.web02 .top h3{font-family:'butler';  font-size:55px; color:#fff;margin:0 0 20px 0;}
.web02 .top p{font-size:20px; color:#fff; letter-spacing:-0.04em;}
.web02 .top .btn {margin:60px 0;}
.web02 .top .btn a{display:inline-block; width:180px; height:30px; line-height:30px; bordeR:1px solid #fff; border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px;
	font-size:15px; color:#fff;margin:0 10px;
}

.web02 .top .btn a:hover, .web02 .top .btn a:focus {background-color:#fff; color:#111;}
.web02 .top .white {width:1200px; margin:0 auto; background-color:#fff;padding:70px 0;font-size:22px; letter-spacing:-0.03em; line-height:40px;color:#232323;}
.web02 .top .white b{color:#b11616;}

.web02 .center{margin:70px 0 200px; text-align:center;}
.web02 .center img{margin:0 20px;}
.web02 .box01 {margin:80px 0 100px;}
.web02 .box01 ul:AfteR{content:"";display:block;clear:both;}
.web02 .box01 ul {width:1200px; margin:0 auto;}
.web02 .box01 ul li{float:left; width:285px;height:205px; background-color:#fff;margin:0 0 0 20px;position:Relative;text-align:center;
	font-size:17px;color:#151515;font-weight:600;letter-spacing:-0.05em;line-height:23px;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.3);
	border-radius:0 30px 0 30px;
	-moz-border-radius:0 30px 0 30px;
	-webit-border-radius:0 30px 0 30px;
}
.web02 .box01 ul li:first-child {margin:0;}
.web02 .box01 ul li .cl{position:absolute; bottom:-12px; left:46%;}
.web02 .box01 ul li span{display:block; padding:30px 0 15px;}
.web02 .step{width:420px; margin:0 auto 30px;}
.web02 .steplast {margin:0 auto 200px;}
.web02 .step:after{content:"";display:block;clear:both;}
.web02 .step p {float:left;}
.web02 .step p.txt{ width:335px; height:85px; background:url('../images/sub/web02_line.png') 0 100% no-repeat;line-height:85px;box-sizing:Border-box; padding:0 0 0 50px;font-size:18px;color:#b01717;font-weight:600;}



/* 02_02_03 */
.web03 .top{padding:80px 0 0 0;background:url('../images/sub/web03.jpg') center center no-repeat;text-align:center;}
.web03 .top .num {display:inline-block; font-family:'butler'; font-size:20px;font-weight:600;color:#fff; padding:0 8px 3px; border-bottom:1px solid #fff;margin:0 0 10px 0;}
.web03 .top h3{font-family:'butler';  font-size:55px; color:#fff;margin:0 0 20px 0;}
.web03 .top p{font-size:20px; color:#fff; letter-spacing:-0.04em;}
.web03 .top .btn {margin:60px 0;}
.web03 .top .btn a{display:inline-block; width:180px; height:30px; line-height:30px; bordeR:1px solid #fff; border-radius:40px;-webkit-border-radius:40px;-o-border-radius:40px;
	font-size:15px; color:#fff;margin:0 10px;
}

.web03 .top .btn a:hover, .web03 .top .btn a:focus {background-color:#fff; color:#111;}
.web03 .top .white {width:1200px; margin:0 auto; background-color:#fff;padding:70px 0;font-size:22px; letter-spacing:-0.03em; line-height:40px;color:#232323;}
.web03 .top .white b{color:#b11616;}
.web03  .center{text-align:center; margin:100px auto;}
.web03 .box01 {background:url('../images/sub/web03_icon01.png') center center no-repeat; padding:150px 0;text-align:center;}
.web03 .box01 p {display:inline-block;width:300px;font-size:20px;font-weight:900;color:#b11616;letter-spacing:-0.05em;}
.web03 .box02 {background-color:#fefefe; text-align:center;margin:100px 0 200px;}




/* 03_01  포트폴리오*/
.portfolio {padding:0 50px;}
.portfolio ul:after{content:"";display:block;clear:both;}
.portfolio ul li{float:left; width:20%;margin:0 0 80px 0;}
.portfolio ul li a{display:block; width:90%;height:100%;}
.portfolio ul li a .thumb {height:350px;position:relative;overflow:hidden;}
.portfolio ul li a .thumb img{width:100%;height:auto;}
.portfolio ul li a .info {height:100px; border-left:1px solid #b11616; box-sizing:border-box; padding:10px 30px 0;margin:15px 0 0 0;}
.portfolio ul li a .info h4{font-size:18px;font-weight:900;color:#212121;letter-spacing:-0.05em;margin:0 0 10px 0;}
.portfolio ul li a .info span{display:inline-block; border:1px solid #ddd; padding:0 10px; height:25px;line-height:25px; font-size:13px; color:#999;}
.portfolio ul li a .hover {display:none;position:Absolute;top:0;left:0;width:100%;height:100%;text-align:center;
	background-color:rgba(0,0,0,0.5); color:#fff; font-size:15px;font-weight:600;
	}
.portfolio ul li a .hover img{width:auto;padding:50% 0 20px;}
.portfolio ul li a:hover .info h4, .portfolio ul li a:focus .infor h4{color:#b11616;}
.portfolio ul li a:hover .hover {display:block;}


/* 04_01 견적요청 */

.inqu_insertWrap {padding:0 0 150px 0; background:url('../images/sub/inq_bg.jpg') center 100% no-repeat;}
.inqu_insertWrap  .insert_box {width:1200px; margin:0 auto; padding:0 150px 150px;background-color:#fff;box-sizing:Border-box;}
.inqu_insertWrap  .insert_box h3{font-family:'butler'; font-size:60px; color:#b11616;margin:0 0 20px 0;text-align:center;font-weight:600;}
.inqu_insertWrap  .insert_box h4{font-size:18px;line-height:30px; font-weight:600; color:#232323;letter-spacing:-0.05em;text-align:center;margin:0 0 100px 0;}
.inqu_insertWrap  .insert_box h4 b{font-weight:900; color:#b11616;}
.inqu_insertWrap  .insert_box .formbox {width:800px;}
.inqu_insertWrap  .insert_box .formbox .input-p {position:relative; height:60px;line-height:60px; margin:0 0 20px 0; }
.inqu_insertWrap  .insert_box .formbox .text-p {position:relative}
.inqu_insertWrap  .insert_box .formbox .input-p .inputs{font-family:'noto';position:absolute; z-index:1;width:100%;height:100%; border:none;border-bottom:1px solid #d1d1d1;box-sizing:border-box; padding:0 20px;background:none;outline:none;
	font-size:13px;color:#565656;
}

.inqu_insertWrap  .insert_box .formbox .input-p .inputs:focus {border-color:#b11616;}

.inqu_insertWrap  .insert_box .formbox .input-p label {
	position:absolute; font-size:16px; color:#232323; font-weight:600;left:20px;top:0;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	-ms-transition:all .2s;
}
.inqu_insertWrap  .insert_box .formbox .text-p label {
	position:absolute; font-size:16px; color:#232323; font-weight:600;left:20px;top:15px;
}
.inqu_insertWrap  .insert_box .formbox .input-p label.small {font-size:12px;top:-25px;}
.inqu_insertWrap  .insert_box .formbox .text-p textarea {font-family:'noto';width:100%;height:200px;border: 1px solid #d1d1d1;resize:none; padding:50px 20px 10px;font-size:13px;color:#565656;}
.inqu_insertWrap  .insert_box .formbox .text-p textarea:focus {border-color:#b11616;}
.inqu_insertWrap  .insert_box .formbox .privacy-p {line-height:40px;text-align:right; font-size:13px;color:#777;}
.inqu_insertWrap  .insert_box .formbox .privacy-p input[type="checkbox"] {margin:0 5px 0 0 ;}
.inqu_insertWrap  .insert_box .formbox .privacy-p a{font-size:12px;color:#b11616; font-weight:600;display:inline-block; padding:5px 25px;border:1px solid #ddd;line-height:13px;margin:0 0 0 20px;}

.inqu_insertWrap  .insert_box .formbox  .btnbox {margin:60px 0 0 0;text-align:center;}
.inqu_insertWrap  .insert_box .formbox  .btnbox input[type="submit"] {width:250px;height:54px;line-height:54px;background-color:#b11616;color:#fff;font-size:17px;font-weight:900;
	border:none;outline:none;font-family:'noto';cursor:pointer;
}
.inqu_insertWrap  .insert_box .formbox  .btnbox input[type="submit"]:hover {background-color:#a00515;}

.inqu_insertWrap  .modal_privacy {width:800px; padding:40px; height:600px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); overflow:scroll;position:Fixed;
	top:170px; left:50%; margin-left:-400px;z-index:1000;font-size:14px; line-height:25px; color:#999;border:10px solid #eee;border-right:none;
}
.inqu_insertWrap  .modal_privacy  a{position:absolute; top:15px;right:15px;font-size:12px;font-weight:600;color:#b11616;}




/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:1660px) {
	.portfolio ul li{float:left; width:25%;margin:0 0 80px 0;}
}
@media screen and (max-width:1360px) {
	.portfolio ul li{float:left; width:33.3%;margin:0 0 80px 0;}
	.portfolio ul li a .hover img {padding:40% 0 20px;}
}



@media screen and (max-width:1024px) {

	body {
		min-width:320px; width:100%; height:100%;
		max-width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header {height:65px; }
	#header_content {height:65px; width:100%;}
	#header_content .logo {top:12px; left:15px;}
	#header_content .logo img {height:35px;}


	#header_content .home_menu {display:none;}
	
	.header_on{height:65px !important;BACKGROUND:NONE !important;position:absolute !important;;}
	.header_on #header_content {height:65px;}
	.header_on #header_content .logo {top:12px;}
	.header_on #header_content .logo a img {height:35px;}


	#gnb {display:none;}
	.top_menu {display:none;}
	.mob_none {display:none;}

	/* nav */
	#top_right {float:right; margin: -42px 15px 0 0;}
	.allmenu {/*position:absolute; top:35px; right:15px; z-index:1000; display:block; cursor:pointer;*/ position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #FFF;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:65px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;}
	#nav li {position:relative; border-top:1px solid #111; background:rgba(0,0,0,0.8);}
	#nav li a {position:relative; color:#fff; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul {}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #a70d0d;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:13px; background:#bb0f0f; font-weight:500; line-height:130%;}



	/*Quick Menu */
	#quick_menu { bottom:30px; right:20px;}
	#quick_menu  a img{width:30px;}


	#mainvisual {height:500px;}
	#mainvisual .main_txt {width:100%;box-sizing:border-box; padding:160px 30px 0; margin-left:0;left:0; }
	#mainvisual .main_txt h3{font-size:17px; letter-spacing:0.07em;text-shadow:0 0 5px rgba(0,0,0,0.8);}
	#mainvisual .main_txt h2 {font-size:50px; letter-spacing:0.07em;text-shadow:0 0 5px rgba(0,0,0,0.8);}
	#mainvisual .main_txt p{font-size:14px;line-height:22px;position:relative;padding:30px 0;text-shadow:0 0 5px rgba(0,0,0,0.8);}
	#mainvisual .main_txt p:before {margin:10px 0;}
	#mainvisual .main_txt a {width:160px;font-size:14px;}

	#mainvisual .slideshow { width:100%; height:500px; left:0; margin-left:0;}
	#mainvisual .slideshow .bx-slider { height:500px; }
	#mainvisual .slideshow .bx-slider li {height:500px;background-size:cover;background-position:60% center;}

	/* section1 */
	.section01 {background:none;margin-top:0;overflow:hidden;}
	.section01 .sec01_in{width:auto;}
	.section01 .sec01_in .notice{float:none;width:auto;padding:60px 20px 40px;background-color:#252627;}
	.section01 .sec01_in .notice h3 span{font-size:13px;}
	.section01 .sec01_in .notice a.plus {top:70px;right:20px;}
	.section01 .sec01_in .notice ul li{float:none;width:auto;margin:0 0 30px 0;}
	.section01 .sec01_in .notice ul li:first-child, .section01 .sec01_in .notice ul li:nth-child(2n+1) {margin:0 0 30px 0;}
	.section01 .sec01_in .notice ul li a .date{font-size:15px;}
	.section01 .sec01_in .notice ul li a .date span{ font-size:12px;}
	.section01 .sec01_in .notice ul li a .title{font-size:14px;margin:0 0 5px 0;}
	.section01 .sec01_in .notice ul li a .desc {font-size:12px; }

	.section01 .sec01_in .contact {float:none;width:auto;padding:60px 20px;}
	.section01 .sec01_in .contact h3  span{font-size:13px;}
	.section01 .sec01_in .contact .inputs p span{font-size:12px;}
	.section01 .sec01_in .contact .inputs p input{;font-size:13px;}

	/* section2 */
	.section02 {padding:60px 20px;background:url('../images/main/sec2_bg.png') 100% 20px no-repeat;background-size:300px;}
	.section02 .sec02_in {width:auto;}
	.section02 .sec02_in .box {float:none;width:80%;margin:0 auto 30px ;}
	.section02 .sec02_in .box01 {margin:0 auto 30px ;}
	.section02 .sec02_in .box01, .section02 .sec02_in .box03 {padding:0;}
	.section02 .sec02_in .box .img {width:100%; height:250px; margin:0 0 15px 0;}
		.section02 .sec02_in .box .img img{width:100%;}
	.section02 .sec02_in .box strong{font-size:18px; }
	.section02 .sec02_in .box span{font-size:16px; }

	/* section03*/
	.section03 {padding:60px 20px; background-size:cover}
	.section03 .port{width:auto;}
	.section03 .port h3{font-size:30px;margin:0 0 80px 0;}
	.section03 .port h3 span { font-size:13px;}
	.section03 .port .port_slide .pbox a img {width:96%;height:auto;}
	.section03 .port .more {margin:40px 0 0 0;}
	.section03 .port .more a{width:180px;height:40px;line-height:40px;font-size:13px;}
	.section03 .port .port_slide .slick-arrow {width:30px;height:30px;top:-50px;}
	.section03 .port .port_slide .slick-prev{left:40%;background-size:100%;}
	.section03 .port .port_slide .slick-next{right:40%;background-size:100%;}


	/* section04 */
	.section04 {PADDING:150PX 20px 60px; background:url('../images/main/sec04_Bg.png') 60% 0 no-repeat;background-size:cover;}
	.section04 .sec04_in{width:auto;}
	.section04 .sec04_in h3{font-size:22px; line-height:30px;}
	.section04 .sec04_in p{font-size:14px; line-height:25px;}
	.section04 .sec04_in .btn a {float:none; display:block;height:40px;line-height:40px;font-size:14px;font-weight:600;margin:0 0 5px 0;}



	/* sub */
	#subvisual {height:220px;}
	#subvisual .s_img { height:220px;background-size:cover;}
	#subvisual .sub_txt {width:auto; padding:100px 0 0;}
	#subvisual .sub_txt p {font-size:30px;line-height:30px;}
	#leftmenu {display:none;}

	#cont {width:auto; padding:60px 0 0;}
	#subtitle {margin:0 0 70px 0;}
	#subtitle h2 {float:none;font-size:25px; }
	#con_area {padding:0;}
	#board_con_area  {width:auto;padding:0 20px;}


	/*footer*/
	#footer_content {width:auto;padding:0 20px;}
	#footer_content p {float:none;margin:0 0 30px 0;}
	#footer_content address {width:auto;float:none;}


	/* 01_01 회사소개  */
	.intro .box01 {padding:0 20px 80px;width:auto;}
	.intro .box01 h3{font-size:30px;margin:0 0 50px 0;}
	.intro .box01 h4{font-size:20px;margin:0 0 10px 0;}
	.intro .box01 p {font-size:16px;word-break:keep-all;}
	.intro .box01 .step{height:auto;}
	.intro .box01 .step img{width:100%;position:relative;}
	.intro .box01 .step .txt01 {top:28%; left:12%;font-size:23px;}
	.intro .box01 .step .txt02 {top:0%; left:45%;font-size:23px;}
	.intro .box01 .step .txt03 {top:-34%; left:75%;font-size:30px;}


	.intro .box02 {padding:100px 20px;background-size:cover;}
	.intro .box02 ul{width:auto; margin:0 auto;}
	.intro .box02 ul li{ width:25%;height:100px;}
	.intro .box02 ul li span{padding:0 0 17px 0;}
	.intro .box02 ul li span img{height:40px;}
	.intro .box02 ul li .kor {font-size:14px;}
	.intro .box02 ul li .en {font-size:12px;}
	.intro .box02 h4 {font-size:17px;padding:50px 0 0 0;}

	.intro .box03 {padding:100px 20px 50px;}
	.intro .box03 .box03_in {width:auto;}
	.intro .box03 .box03_in .img{float:none;text-align:center;}
	.intro .box03 .box03_in .img img{width:80%;}
	.intro .box03 .box03_in .txt{float:none;margin-left:0;text-align:center;}
	.intro .box03 .box03_in .txt h4{ color:#fff;padding:60px 0 30px;}
	.intro .box03 .box03_in .txt p{font-size:16px;line-height:30px;}

	.intro .box04 {width:auto; }
	.intro .box04 h4{font-size:30px;}


	/* 01_02 */
	.organi {padding:0 20px 100px;}
	.organi img{max-width:100%;}


	/* 01_03 */
	.busi {text-align:center;padding:0 20px 100px;}
	.busi h3{font-size:30px;}
	.busi p{font-size:16px;}

	/* 02_01 */
	.consulting h3{font-size:30px;}
	.consulting h4{font-size:16px; }
	.consulting .box01 {background:url('../images/sub/con_bg.png') center 61% no-repeat;background-size:100% 100px;}
	.consulting .box01 ul {width:auto;padding:0 20px 140px;background:url('../images/sub/con_line.png') center 100% no-repeat;background-size:75% ;}
	.consulting .box01 ul li{ width:22%;height:160px; margin:0 0 0 4%;font-size:13px;line-height:16px;}
	.consulting .box01 ul li .cl{ left:40%;}
	.consulting .box01 ul li span img{width:45px;}

	.consulting .box02 {margin:80px 0;padding:0 20px;}
	.consulting .box02 h4{font-size:22px; }
	.consulting .box02 .arrow{margin:50px 0;}
	.consulting .box02 .center img{max-width:100%;}
	.consulting .box02 .arrow img {max-width:100%;}
	.consulting .box02 h5 {font-size:20px;margin:80px 0 200px;}


	/* 02_02 */
	.web h3{font-size:30px;}
	.web h4{font-size:16px; }
	.web ul li{height:350px;}
	.web ul li a h5{font-size:22px;padding:30px 0 0 30px;}
	.web ul li a p { font-size:18px; padding:50px 0 0 20px ;margin:0 0 0 30px;}



	/* 02_02_01 */
	.web01 .top{background-size:cover;}
	.web01 .top h3{font-size:35px;}
	.web01 .top p{font-size:16px;}
	.web01 .top .btn a{width:140px;font-size:14px;margin:0 5px;}
	.web01 .top .white {width:80%;padding:40px 20px;font-size:16px;line-height:27px;word-break:keep-all;}
	.web01 .center{margin:70px 0 200px;}
	.web01 .center img{margin:0 10px;height:300px;}



	/* 02_02_02 */
	.web02 .top{background-size:cover;}
	.web02 .top h3{font-size:35px;}
	.web02 .top p{font-size:16px;}
	.web02 .top .btn a {width:140px;font-size:14px;margin:0 5px;}
	.web02 .top .white  {width:80%;padding:40px 20px;font-size:16px;line-height:27px;word-break:keep-all;}
	.web01 .center img{margin:0 10px;height:300px;}

	.web02 .box01 {margin:80px 20px 100px;}
	.web02 .box01 ul {width:auto;}
	.web02 .box01 ul li{ width:22%;height:150px; margin:0 0 0 4%;font-size:13px;line-height:16px;}
	.web02 .box01 ul li .cl{ left:40%;}
	.web02 .box01 ul li span img{width:45px;}



	/* 02_02_03 */
	.web03 .top{background-size:cover;background-position:80% 100%;}
	.web03 .top h3{font-size:30px;}
	.web03 .top p{font-size:16px;}
	.web03 .top .btn a {width:140px;font-size:14px;margin:0 5px;}
	.web03 .top .white {width:80%;padding:40px 20px;font-size:16px;line-height:27px;word-break:keep-all;}
	.web03 .box01 {background:url('../images/sub/web03_icon01.png') center center no-repeat;background-size:200%; padding:150px 0;text-align:center;}
	.web03 .box01 p {width:30%;}
	.web03 .center {margin:50px auto;}
	.web03 .box02 {text-align:center;margin:0 0 200px;}
	.web03 .box02 img{width:100%;}


	/* 03_01  포트폴리오*/
	.portfolio {padding:0 30px;}
	.portfolio ul li{width:33.3%;margin:0 0 80px 0;}
	.portfolio ul li a .thumb {height:260px;}
	.portfolio ul li a .info {height:100px;padding:10px 17px 0;}
	.portfolio ul li a .hover img {padding: 32% 0 20px;}
	.portfolio ul li a .info h4{font-size:14px;letter-spacing:-0.07em;}
	.portfolio ul li a .info span{height:20px;line-height:20px; font-size:11px;}


	/* 04_01 견적요청 */
	.inqu_insertWrap {padding:0 0 150px 0; background:url('../images/sub/inq_bg.jpg') center 100% no-repeat;}
	.inqu_insertWrap  .insert_box {width:90%; padding:0 20px 100px;}
	.inqu_insertWrap  .insert_box h3{font-size:25px; }
	.inqu_insertWrap  .insert_box h4{font-size:16px;margin:0 0 70px 0;}
	.inqu_insertWrap  .insert_box .formbox {width:80%;margin:0 auto;}
	.inqu_insertWrap  .insert_box .formbox .text-p textarea {height:150px;}
	.inqu_insertWrap  .insert_box .formbox .privacy-p {line-height:40px;text-align:right; font-size:13px;color:#777;}
	.inqu_insertWrap  .modal_privacy {width:90%; padding:30px 20px; height:400px;top:70px; left:5%; margin-left:0;font-size:12px; line-height:20px;box-sizing:border-box;border: 10px solid #eee;}
	.inqu_insertWrap  .modal_privacy  a{top:10px;right:30px;}



}

@media screen and (max-width:640px) {


		/* 01_01 회사소개  */
		.intro .box01 .step .txt01 {font-size:16px;}
		.intro .box01 .step .txt02 {font-size:16px;}
		.intro .box01 .step .txt03 {font-size:25px;}
		.intro .box02 {padding:60px 20px;}
		.intro .box02 h4 {font-size:16px;padding:30px 0 0 0;line-height:25px;word-break:keep-all;}
		.intro .box03 {padding:50px 20px 50px;background-position:center 170%;}
		.intro .box03 .box03_in .txt h4{font-size:20px;line-height:25px;padding:60px 0 20px;}
		.intro .box03 .box03_in .txt p{font-size:14px;line-height:25px;}
		.intro .box04 p {font-size: 14px;letter-spacing:-0.05em;}


		/* 02_01 */
		.consulting h3{font-size:26px;}
		.consulting > h4{font-size:16px; }
		.consulting .box01 {background:url('../images/sub/con_bg.png') center 100% no-repeat;background-size:100% 100px;}
		.consulting .box01 ul {background:none;padding:0 20px;}
		.consulting .box01 ul li{ width:48%;height:130px; margin:0 0 20px 4%;font-size:13px;line-height:16px;}
		.consulting .box01 ul li:first-child, .consulting .box01 ul li:nth-child(2n+1){margin:0 0 20px 0;}

		.consulting .box01 ul li .cl{ left:40%;}
		.consulting .box01 ul li span {padding:20px 0 10px;}
		.consulting .box01 ul li span img{width:45px;}

		.consulting .box02 {margin:50px 0;padding:0 20px;}
		.consulting .box02 h4{font-size:14px; margin:0 0 30px 0;}
		.consulting .box02 .arrow{margin:30px 0;}
		.consulting .box02 h5 {font-size:17px;line-height:30px; word-break:keep-all;margin:80px 0 100px;}

		/* 02_02 */
		.web ul li{height:180px;float:none;width:auto;}
		.web ul li.big{width:auto;}
		.web ul li.small{width:auto;}
		.web ul li a p { font-size:16px;}

		/* 02_02_01 */
		.web01 .top{padding:40px 0 0 0;}
		.web01 .top .btn {margin:30px 0;}
		.web01 .top .white {font-size:14px;line-height:22px;}
		.web01 .center img{height:100px;}



		/* 02_02_02 */
		.web02 .top{padding:40px 0 0 0;}
		.web02 .top .btn {margin:30px 0;}
		.web02 .top .white {font-size:14px;line-height:22px;}
		.web01 .center img{height:100px;}

		.web02 .box01 {margin:50px 20px 70px;}
		.web02 .box01 ul {width:auto;}
		.web02 .box01 ul li{ width:48%;height:130px; margin:0 0 20px 4%;font-size:13px;line-height:16px;}
		.web02 .box01 ul li:first-child, .web02 .box01 ul li:nth-child(2n+1){margin:0 0 20px 0;}
		.web02 .step{width:60%; margin:0 auto 15px;}
		.web02 .steplast {margin:0 auto 100px;}
		.web02 .step p {width:20%;}
		.web02 .step p.txt{ width:80%;font-size:15px;height:40px; line-height:40px;padding:0 0 0 30px;}
		.web02 .step p.icon img{width:100%;}


		/* 02_02_03 */
		.web03 .top{padding:40px 0 0 0;}
		.web03 .top .btn {margin:30px 0;}
		.web03 .top .white{font-size:14px;line-height:22px;}
		.web03 .box01 {padding:100px 0;text-align:center;}
		.web03 .box01 p {width:30%;font-size:12px;}
		.web03 .center {margin:20px auto;}
		.web03 .box02 {margin:0 0 100px;}


		/* 03_01  포트폴리오*/
		.portfolio {padding:0 20px;}
		.portfolio ul li{width:50%;margin:0 0 40px 0;}
		.portfolio ul li a .info {height:90px;padding:10px 10px 0;}
		.portfolio ul li a .thumb {height:250px;}
		.portfolio ul li a .info h4{font-size:11px;line-height:15px;}
		.portfolio ul li a .info span{height:20px;line-height:20px; font-size:11px;}


		/* 04_01 견적요청 */
		.inqu_insertWrap {padding:0 0 100px 0;}
		.inqu_insertWrap .insert_box h4 {font-size:13px; line-height:25px;word-break:keep-all;margin: 0 0 30px 0;}
		.inqu_insertWrap .insert_box h4 br{display:none;}
		.inqu_insertWrap  .insert_box {width:90%; padding:0 20px 70px;}
		.inqu_insertWrap  .insert_box .formbox {width:90%;margin:0 auto;}
		.inqu_insertWrap .insert_box .formbox .input-p label { font-size: 13px;left: 10px;}
		.inqu_insertWrap .insert_box .formbox .input-p label.small {font-size: 10px;top: -15px;	}
		.inqu_insertWrap .insert_box .formbox .input-p {height:40px;line-height: 40px;margin: 0 0 10px 0;}

		.inqu_insertWrap .insert_box .formbox .input-p .inputs {padding:0 10px;}
		.inqu_insertWrap .insert_box .formbox .text-p textarea {height:150px;padding:35px 10px 10px;}
		.inqu_insertWrap .insert_box .formbox .text-p label { font-size: 13px;left: 10px;}
		.inqu_insertWrap  .insert_box .formbox .privacy-p { font-size:11px;}
		.inqu_insertWrap .insert_box .formbox .btnbox input[type="submit"] {width: 200px;height: 50px;line-height: 50px;font-size: 15px;}




}



@media screen and (max-width:375px) { 

}

@media screen and (max-width:320px) { 


}