@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
/*
font-family:'NanumSquare';
font-family:'Nanum Myeongjo';
*/
/* TYPE, COMMON */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
html,body{width:100%;height:100%;font-family:'NanumSquare';position:relative;}
html{overflow-y:auto;min-width:1200px;}
body,div,dl,dt,dd,ul,ol,ul,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,legend{margin:0;padding:0;}
body{*word-break:keep-all;word-break:keep-all;-webkit-word-break:keep-all;-moz-word-break:keep-all;-o-word-break:keep-all;}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,option{color:#343434;font-family: 'NanumSquare','돋움',dotum,helvetica,sans-serif;font-size:16px;outline:none;}
h1,h2,h3,h4,h5,p,a,span,label{transform:skew(-0.1deg);-webkit-transform:skew(-0.1deg);-moz-transform:skew(-0.1deg);-o-transform:skew(-0.1deg);}
span,label{display:inline-block;vertical-align:middle;}
img,fieldset,iframe{border:0 none;}
ul,li{list-style:none;}
input,select,button{vertical-align:middle;outline:none;}
img{vertical-align:middle;}
em,address,dfn,cite{font-style:normal}
a{color:#343434;text-decoration:none;display:block;outline:none;}
a:link,a:visited,a:active,a:hover,a:focus{color:#343434;text-decoration:none;}
button{margin:0;padding:0;}
caption,legend{width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
textarea{width:100%;height:110px;min-height:110px;padding:10px;border:1px solid #ccc;margin:0;}
textarea:focus{border:1px solid #3781ff !important;}
textarea:active{border:1px solid #3781ff !important;}
textarea, pre {overflow:auto;}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/ }
select{
	position:relative;padding:0 25px 0 10px;height:30px;font-size:13px;border:1px solid #d0d0d0;
    appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
	background: url('../img/select_icon.png') no-repeat right center #fff;
}
select:focus{border:1px solid #3781ff !important;}
select:active{border:1px solid #3781ff !important;}

input{height:30px;padding:0 10px;border:1px solid #d0d0d0;vertical-align:top;}
button,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-border-radius:0;} /*아이폰 input창 둥글게 보이는 설정 제거*/
input::-ms-clear{display:none;} /*익스에 존재하는 클리어버튼 제거*/
input[type=password]{font-family:'dotum' !important;} /* 웹폰트 적용시 패스워드가 안보이는 경우가 있음 */
input::-ms-input-placeholder{color:#999 !important;font-size:16px;font-family:'NanumSquare';}
input::-webkit-input-placeholder{color:#999 !important;font-size:16px;font-family:'NanumSquare';}
input::-moz-placeholder{color:#999 !important;font-size:16px;font-family:'NanumSquare';}
textarea::-ms-input-placeholder{color:#999 !important;font-size:16px;font-family:'NanumSquare';}
textarea::-webkit-input-placeholder{color:#999 !important;font-size:16px;font-family:'NanumSquare';}
textarea::-moz-placeholder{color:#999 !important;font-size:16px;font-family:'NanumSquare';}


input:focus{border:1px solid #3781ff !important;}
input:active{border:1px solid #3781ff !important;}

/*라디오박스*/
/* radio display none 이면 focus 안잡히므로 width 0, height 0 */
input[type='radio']{position:absolute;opacity:0;width:0 !important;height:0 !important;outline:none !important;text-decoration:none !important;margin:0 !important;padding:0 !important;}
input[type='radio'] + label{position:relative;font-weight:400;color:#666;}
input[type='radio'] + label::before {    /* 가짜 체크박스 만들기 */content:'';display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0px 5px 0 0;background:url('../img/radio_bt_off.png')no-repeat center;}
input[type='radio']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */ background: url('../img/radio_bt_on.png')no-repeat center;z-index:9;}
/* disabled */
input[type='radio']:disabled + label::before{cursor:default;box-shadow:none;}
/* checked + disabled */
input[type='radio']:disabled:checked + label::before{cursor:default;}
/* focus + active */
input[type='radio']:focus + label::before, 
input[type='radio']:active + label::before{border-radius:50%;box-shadow:0 0 2px rgba(55,129,255,0.3);}
/* checked + (focus + active) */
input[type='radio']:checked:focus + label::before, 
input[type='radio']:checked:active + label::before{border-radius:50%;box-shadow:0 0 2px #3781ff;}
/* disabled + (focus + active) */
input[type='radio']:disabled:focus + label::before, 
input[type='radio']:disabled:active + label::before{cursor:default;box-shadow:none;}
/* checked + disabled + (focus + active) */
input[type='radio']:disabled:checked:focus + label::before, 
input[type='radio']:disabled:checked:active + label::before{cursor:default;box-shadow:none;}

/* 라디오박스 ( 체크박스 모양 ) */
input[type='radio'].st2{position:absolute;opacity:0;width:0 !important;height:0 !important;outline:none !important;text-decoration:none !important;margin:0 !important;padding:0 !important;}
input[type='radio'].st2 + label{position:relative;font-weight:400;color:#666;}
input[type='radio'].st2 + label::before {    /* 가짜 체크박스 만들기 */content:'';display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-1px 5px 0 0;background:url('../img/checkbox_off.png')no-repeat center;}
input[type='radio'].st2:checked + label::before {    /* 가짜 체크박스 체크했을 때 */ background: url('../img/checkbox_on.png')no-repeat center;z-index:9;}
/* disabled */
input[type='radio'].st2:disabled + label::before{cursor:default;}
/* checked + disabled */
input[type='radio'].st2:disabled:checked + label::before{cursor:default;}
/* focus + active */
input[type='radio'].st2:focus + label::before, 
input[type='radio'].st2:active + label::before{border-radius:0;box-shadow:0 0 2px #3781ff;}
/* checked + (focus + active) */
input[type='radio'].st2:checked:focus + label::before, 
input[type='radio'].st2:checked:active + label::before{border-radius:0;box-shadow:0 0 2px #3781ff;}
/* disabled + (focus + active) */
input[type='radio'].st2:disabled:focus + label::before, 
input[type='radio'].st2:disabled:active + label::before{cursor:default;box-shadow:none;}
/* checked + disabled + (focus + active) */
input[type='radio'].st2:disabled:checked:focus + label::before, 
input[type='radio'].st2:disabled:checked:active + label::before{cursor:default;box-shadow:none;}

/*체크박스*/
/* checkbox display none 이면 focus 안잡히므로 width 0, height 0 */
input[type='checkbox']{position:absolute;opacity:0;width:0 !important;height:0 !important;outline:none !important;text-decoration:none !important;margin:0 !important;padding:0 !important;}
input[type='checkbox'] + label{position:relative;font-weight:400;color:#666;}
/* default */
input[type='checkbox'] + label::before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin:-1px 5px 0 0;background:url('../img/checkbox_off.png')no-repeat;background-size:cover;}
/* checked */
input[type='checkbox']:checked + label::before{background:url('../img/checkbox_on.png')no-repeat;background-size:cover;}

/* disabled */
input[type='checkbox']:disabled + label::before{cursor:default;}
/* checked + disabled */
input[type='checkbox']:disabled:checked + label::before{cursor:default;}
/* focus + active */
input[type='checkbox']:focus + label::before, 
input[type='checkbox']:active + label::before{box-shadow:0 0 2px #3781ff;}
/* checked + (focus + active) */
input[type='checkbox']:checked:focus + label::before, 
input[type='checkbox']:checked:active + label::before{box-shadow:0 0 2px #3781ff;}
/* disabled + (focus + active) */
input[type='checkbox']:disabled:focus + label::before, 
input[type='checkbox']:disabled:active + label::before{cursor:default;box-shadow:none;}
/* checked + disabled + (focus + active) */

input[type='checkbox']:disabled:checked:focus + label::before, 
input[type='checkbox']:disabled:checked:active + label::before{cursor:default;box-shadow:none;}

#copymove input[type='checkbox']{position:relative;opacity:1 !important;width:15px !important;height:15px !important;}
/*파일선택박스*/
.file_input{position:relative;padding-right:110px;}
.file_input label{position:absolute;top:0;right:0;cursor:pointer;display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:35px; background:#000;color:#fff;text-align:center; line-height:35px;margin:0;font-size:13px;font-family:'dotum';}
.file_input label input{position:absolute;width:0;height:0;overflow:hidden;margin-left:-999px;}
.file_input input[type=text]{vertical-align:middle;display:inline-block;width:100%;height:35px;line-height:35px;font-size:12px;padding:0 5px;border:0;border:1px solid #dcdcdc;}

/*input 숫자만 입력*/
input[type="number"]{ime-mode:disabled; appearance:none; -webkit-appearance:none; -moz-appearance:textfield; -o-appearance:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin:0;}
input[type="number"]::-moz-outer-spin-button,
input[type="number"]::-moz-inner-spin-button{-moz-appearance: none;margin:0;}
input[type="number"]::-o-outer-spin-button,
input[type="number"]::-o-inner-spin-button{-o-appearance: none;margin:0;}
input[type="number"]::outer-spin-button,
input[type="number"]::inner-spin-button{appearance:none;margin:0;}

.font_red{color:#ff0000;}
.float_left{float:left;}
.float_right{float:right;}
.hide{display:none;}

.ani_type0{opacity:0;}
.ani_type1{opacity:0;position:relative;top:3%;}
.ani_type2{opacity:0;position:relative;left:-5%;}
.ani_type3{opacity:0;position:relative;left:5%;}

.ani_type3_1{opacity:0;position:relative;right:-5%;}

.ani_type4{opacity:0;position:relative;top:-50%;}
.ani_type5{opacity:0;position:relative;top:50%;}

div.center{width:1200px;margin:0 auto;position:relative;}
div.center:after{content:'';display:block;clear:both;}

.onlypc{display:block !important;}
.onlym{display:none !important;}
@media screen and (max-width: 1550px){
	div.center{width:100%;}
}
@media screen and (max-width: 1200px){
	.onlypc{display:none !important;}
	.onlym{display:block !important;}
}


/*header*/
header#header{width:100%;position:absolute;top:0;left:0;height:70px;z-index:2;font-size:0;transition:all 0.35s ease-in-out;}
header#header div.inner{position:relative;width:100%;padding:0 45px;min-width:1200px;}
header#header div.inner:after{content:'';display:block;clear:both;}
h1.logo{display:inline-block;vertical-align:middle;line-height:70px;}
h1.logo a{width:180px;}
h1.logo a img{width:100%;}
ul.gnb{float:right;display:inline-block;vertical-align:middle;font-size:0;}
ul.gnb li.gnb_item{display:inline-block;vertical-align:middle;margin:0 3px;position:relative;}
ul.gnb li.gnb_item h3 a{font-size:18px;color:#ddd;font-weight:bold;line-height:70px;padding:0 30px;}
ul.gnb li.gnb_item ul.snb{display:none;padding:20px 0;background:rgba(0,0,0,0.8);position:absolute;top:67px;left:0;right:0;margin:0 auto;border-radius:8px;}
ul.gnb li.gnb_item ul.snb li:hover{background:rgba(0,0,0,0.8);}
ul.gnb li.gnb_item ul.snb li a{font-size:14px;color:#ddd;padding:8px 20px;}
ul.gnb li.gnb_item.on h3 a{color:#fff;}
ul.gnb li.gnb_item.on ul.snb li.on{background:rgba(0,0,0,0.8);}


header#header:hover{box-shadow:0 1px 10px rgb(0 0 0 / 10%);background:rgba(255,255,255,0.8);}
header#header:hover ul.gnb li.gnb_item h3 a{color:#343434;}
header#header.active{box-shadow:0 1px 10px rgb(0 0 0 / 10%);background:rgba(255,255,255,0.8);position:fixed;}
header#header.active ul.gnb li.gnb_item h3 a{color:#343434;}
/*header 끝*/

/*content*/
div#content{width:100%;min-height:100%;}
/*content 끝*/

/*footer*/
footer#footer{width:100%;padding:60px 0;background:#111;font-size:0;}
footer#footer h1.ft_logo{display:inline-block;vertical-align:middle;width:190px;}
footer#footer h1.ft_logo a{width:180px;}
footer#footer h1.ft_logo a img{width:100%;}
footer#footer div.con{display:inline-block;vertical-align:middle;width:calc(100% - 190px);width:-webkit-calc(100% - 190px);width:-moz-calc(100% - 190px);width:-o-calc(100% - 190px);padding-left:30px;}
footer#footer div.con ul li{color:#ccc;font-size:14px;font-weight:300;display:inline-block;vertical-align:middle;padding:0 10px;border-left:1px solid #ccc;line-height:1;margin-top:10px;}
footer#footer div.con ul li:first-child{margin-left:0;border-left:0;padding-left:0;}
footer#footer div.con ul li a{display:inline-block;vertical-align:middle;color:#ccc;font-size:14px;font-weight:300;}

footer#footer div.con ul.ft_link{font-size:0;}
footer#footer div.con ul.ft_link li{display:inline-block;vertical-align:middle;padding:0 15px;margin-top:0;border:0;}
footer#footer div.con ul.ft_link li:first-child{margin-left:0;padding-left:0;}

footer#footer div.con ul.company{margin-top:20px;}
p.copyright{margin-top:25px;color:#ccc;font-size:14px;font-weight:300;}

a.sc_top_bt{display:none;position:fixed;bottom:50px;right:50px;width:50px;height:50px;line-height:50px;background-color:#073866;font-size:0;background-image:url('../img/sc_top_bt_arrow.png');background-repeat:no-repeat;background-position:center;z-index:10;border-radius:3px;}

@media screen and (max-width: 1550px){
	footer#footer div.center{padding:0 20px;}
}
/*footer 끝*/



/* 메인 슬라이드 css */
div.main_slide_wrap{width:100%;height:100vh;}
.swiper-slide {
	text-align: center;
	background-color: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

a.link_bt{width:160px;height:40px;line-height:40px;text-align:center;font-size:14px;font-weight:bold;color:#343434;border:1px solid #343434;border-radius:8px;position:relative;transition:all 0.2s ease;}
a.link_bt:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background:#343434;transition:all 0.2s ease;z-index:-1;border-radius:7px;}
a.link_bt:hover{color:#fff;}
a.link_bt:hover:before{width:100%;}
div.main_slide_wrap .swiper-slide div.slide_con{text-align:left;width:80%;}
div.main_slide_wrap .swiper-slide h2{font-size:48px;color:#073866;font-weight:900;}
div.main_slide_wrap .swiper-slide h2 span{display:block;font-size:18px;color:#073866;font-weight:400;margin-bottom:10px;}
div.main_slide_wrap .swiper-slide p{font-size:18px;color:#111;font-weight:700;margin-top:35px;line-height:1.6;}
div.main_slide_wrap .swiper-slide a.main_link_bt{width:160px;height:40px;line-height:40px;text-align:center;font-size:14px;font-weight:bold;color:#343434;border:1px solid #343434;border-radius:8px;position:relative;margin-top:50px;}
.swiper-button-prev,.swiper-button-next{width:33px !important;height:62px !important;}
.swiper-button-prev{left:5% !important;background:url('../img/left_arrow.png')no-repeat center;}
.swiper-button-prev:after{content:'' !important;}
.swiper-button-next{right:5% !important;background:url('../img/right_arrow.png')no-repeat center;}
.swiper-button-next:after{content:'' !important;}

div.main_slide_wrap .swiper-slide.main_slide01:before,
div.main_slide_wrap .swiper-slide.main_slide02:before,
div.main_slide_wrap .swiper-slide.main_slide03:before{content:'';display:block;transform:scale(1.05);width:100%;height:100%;position:absolute;top:0;left:0;transition:transform 4s ease;}
div.main_slide_wrap .swiper-slide.main_slide01:before{background:url('../img/main_slide01.jpg')no-repeat center;background-size:cover;}
div.main_slide_wrap .swiper-slide.main_slide02:before{background:url('../img/main_slide02.jpg')no-repeat center;background-size:cover;}
div.main_slide_wrap .swiper-slide.main_slide03:before{background:url('../img/main_slide03.jpg')no-repeat center;background-size:cover;}
div.main_slide_wrap .swiper-slide.swiper-slide-active:before{transform:scale(1.0);}

div.main_slide_wrap .swiper-slide h2{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);opacity:0;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;}
div.main_slide_wrap .swiper-slide p{transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);opacity:0;transition:all 2s ease;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;}
div.main_slide_wrap .swiper-slide a{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);opacity:0;transition:all 3s ease;-webkit-transition:all 3s ease;-moz-transition:all 3s ease;-o-transition:all 3s ease;}

div.main_slide_wrap .swiper-slide.swiper-slide-active h2,
div.main_slide_wrap .swiper-slide.swiper-slide-active p,
div.main_slide_wrap .swiper-slide.swiper-slide-active a{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;}

div.main_slide_wrap .swiper-pagination{bottom:50px !important;}
div.main_slide_wrap .swiper-pagination .swiper-pagination-bullet{margin:0 10px;transition:all 0.2s ease-in-out;}
div.main_slide_wrap .swiper-pagination .swiper-pagination-bullet-active{background:#111 !important;}
div.main_slide_wrap .swiper-pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;top:-3px;left:-3px;width:14px;height:14px;border:1px solid #111;border-radius:50%;}

@media screen and (max-width: 1550px){
	div.main_slide_wrap .swiper-slide div.slide_con{width:70%;}
}



/* ABOUT */
div.about{width:100%;min-width:1200px;background:#fff;font-size:0;overflow:hidden;}
div.about div.center{padding:135px 0;}
div.about div.txt{display:inline-block;vertical-align:middle;width:50%;}
div.about div.txt h2{font-family:'Nanum Myeongjo';font-size:60px;font-weight:900;color:#3b3b3b;}
div.about div.txt span.line{font-size:0;width:60px;height:2px;background:#3b3b3b;margin-top:30px;}
div.about div.txt p.txt1{font-family:'Nanum Myeongjo';font-size:24px;font-weight:700;color:#3b3b3b;margin-top:50px;}
div.about div.txt p.txt2{font-size:16px;font-weight:700;color:#666;margin-top:35px;line-height:1.6;}
div.about div.txt a{margin-top:50px;}
div.about div.img_area{display:inline-block;vertical-align:middle;width:50%;text-align:center;}
div.about div.img_area div.img_box{display:inline-block;position:relative;}
div.about div.img_area div.img_box:before{content:'';width:200px;height:200px;display:block;background:rgba(102,0,255,0.05);position:absolute;top:55px;left:95%;}
div.about div.img_area div.img_box:after{content:'';width:200px;height:200px;display:block;background:rgba(255,0,0,0.05);position:absolute;bottom:-55px;right:95%;}
@media screen and (max-width: 1550px){
	div.about div.center{padding:135px 30px;}
}
/* 포트폴리오 */
div.portfolio{width:100%;background:#eee;position:relative;}
div.portfolio div.center{padding:135px 0;width:1200px;margin:0 auto;/* border-top:1px solid #3b3b3b; */}
div.portfolio h2{font-family:'Nanum Myeongjo';font-size:60px;font-weight:900;color:#3b3b3b;text-align:center;}
div.portfolio span.line{display:block;font-size:0;width:60px;height:2px;background:#3b3b3b;margin:30px auto 0 auto;}
div.portfolio p.txt{font-size:16px;font-weight:700;color:#666;margin-top:35px;line-height:1.6;text-align:center;}
div.pf_area{margin-top:60px;}
div.pf_area ul{width:100%;overflow:hidden;}
div.pf_area ul li{margin:0 0 19.5px 19.5px;width: 387px;position: relative;overflow: hidden;height: 295px;float:left;}
div.pf_area ul li:nth-child(3n +1){margin-left:0;}
div.pf_area ul li a{display: block;width:100%;height:100%;overflow: hidden;position:absolute;top:0;left:0;}
div.pf_area ul li a div.box{opacity:0;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);font-size:24px;color:#fff;text-align:center;transition:all 0.25s ease-in-out;}
div.pf_area ul li a:hover div.box{opacity:1;}
div.pf_area ul li img{width:100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
div.portfolio a.pf_link{width:235px;height:50px;line-height:50px;color:#fff;background:#3b3b3b;border-radius:25px;display:block;margin:75px auto 0 auto;text-align:center;font-size:16px;font-weight:bold;}
div.portfolio a.link_bt{margin:75px auto 0 auto;}
div.portfolio ul.tab{width:100%;text-align:center;margin-top:30px;display:none;}
div.portfolio ul.tab li{display:inline-block;vertical-align:middle;position:relative;}
div.portfolio ul.tab li:before{content:'';display:block;position:absolute;bottom:-2px;left:0;right:0;margin:0 auto;background:#fff;width:0px;height:2px;}
div.portfolio ul.tab li.on:before{background:#3b3b3b;width:100%;}
div.portfolio ul.tab li a{width:150px;height:35px;line-height:35px;font-size:18px;font-weight:700;}
@media screen and (max-width: 1550px){
	div.portfolio div.center{padding:135px 0px;}
}
/* 포트폴리오 끝 */


/* 미션 */
div.mission{width:100%;padding:150px 0;background:url('../img/mission_bg.jpg')no-repeat center;background-size:cover;display:flex;justify-content:center;align-items:center;background-attachment: fixed;}
div.mission h3{font-family:'Nanum Myeongjo';font-size:48px;font-weight:700;color:#fff;text-align:center;}
div.mission p{font-size:18px;font-weight:300;color:#ddd;text-align:center;margin-top:40px;line-height:1.6;}

/* 견적문의 */
div.contact{width:100%;background:url('../img/contact_bg.jpg')no-repeat center;background-size:cover;}
div.contact div.center{padding:150px 0;}
div.contact div.txt{}
div.contact div.txt h2{font-family:'Nanum Myeongjo';font-size:60px;font-weight:900;color:#3b3b3b;text-align:center;}
div.contact div.txt span.line{display:block;font-size:0;width:60px;height:2px;background:#3b3b3b;margin:30px auto 0 auto;}
div.contact div.txt p.txt1{font-size:24px;font-weight:700;color:#333;margin-top:35px;line-height:1.6;text-align:center;}
div.contact div.txt p.txt1 span{font-weight:900;color:#000;}





/* 1:1 문의 */
div.contact ul.mail_form{margin:60px 0 0 0;padding:20px 30px;border-top:2px solid #c6c6c6;border-bottom:1px solid #c6c6c6;}
div.contact ul.mail_form li{margin-top:20px;padding-left:200px;position:relative;text-align:left;font-size:0;}
div.contact ul.mail_form li:first-child{margin-top:0;}
div.contact ul.mail_form li h3{font-size:18px;width:200px;height:50px;line-height:50px;padding:0 10px 0 0px;position:absolute;top:0;left:0;color:#111;font-weight:400;}
div.contact ul.mail_form li input{font-size:18px;height:50px;color:#222;border:1px solid #ddd;padding:0 10px;background: rgba(255,255,255,0.5);}
div.contact ul.mail_form li select{font-size:18px;height:50px;color:#222;border:1px solid #ddd;background: rgba(255,255,255,0.5);}
div.contact textarea{resize:none;width:100%;padding:22px;border:1px solid #ddd;text-align:left;font-size:16px;color:#111;background: rgba(255,255,255,0.5);}
div.contact ul.mail_form li textarea{height:270px;}
div.contact input.mf_name{width:68%;}
div.contact input.email1{display:inline-block;width:31%;}
div.contact input.email2{display:inline-block;width:31%;}
div.contact span.email_span{display:inline-block;width:6%;font-size:18px;height:50px;line-height:50px;text-align:center;}
div.contact select.mail_select{width:30%;margin-left:2%;}
div.contact select.mobile1{width:20%;}
div.contact input.mobile2{width:20%;}
div.contact input.mobile3{width:20%;}
div.contact span.mobile_span{display:inline-block;width:4%;font-size:18px;height:50px;line-height:50px;text-align:center;}
div.contact select.categorize{width:31%;}
div.contact input.email_tit{width:100%;}

div.contact div.terms{padding:50px 30px;text-align:left;}
div.contact h3.terms_tit{font-size:32px;font-weight:700;color:#222;}
div.contact div.terms textarea.terms_txt{margin-top:30px;height:200px;line-height:1.6;}
div.contact div.agree_checkbox{margin-top:20px;text-align:right;}
div.contact div.agree_checkbox label{font-size:18px;color:#222;}
div.contact ul.terms_add_txt{clear:both;margin-top:15px;}
div.contact ul.terms_add_txt li{padding-left:20px;position:relative;font-size:16px;color:#333;line-height:1.6;}
div.contact ul.terms_add_txt li:after{content:'※';display:block;position:absolute;top:0;left:0;}
div.contact div.mail_form_bts{text-align:center;margin-top:5%;font-size:0;}
div.contact div.mail_form_bts input{display:inline-block;width:175px;height:45px;line-height:45px;border-radius:30px;text-align:center;font-size:18px;font-weight:700;cursor:pointer;margin:0 7.5px;}
div.contact input.reset_btn{border:1px solid #b5b5b5;color:#666;background:#f7f7f7;}
div.contact input.mailgo_btn{border:1px solid #ffb400;color:#fff;background:#ffb400;}

div.contact div.file_input{width:100%;position:relative;background: rgba(255,255,255,0.5);margin:0 0 15px 0;}
div.contact div.file_input label{position:absolute;top:0;left:0;cursor:pointer;width:100%;height:100%;background:none !important;}
div.contact div.file_input label input {position:absolute;width:0;height:0;overflow:hidden;margin-left:-999px;}
div.contact div.file_input input[type=text] {vertical-align:middle;display:inline-block;width:100%;height:50px;font-size:16px;border:0;background:none;}
div.contact p.file_input_txt{font-size:13px;color:#333;line-height:1.6;}
div.contact p.file_input_txt a{display:inline-block;border-bottom:1px solid #777;}
div.contact a.file_add_bt{position:absolute;top:0;right:0;z-index:3;font-size:16px;color:#222;width:50px;height:50px;line-height:50px;text-align:center;}
div.contact .file_input2{display:none;}
div.contact .file_input3{display:none;}
div.contact .file_input4{display:none;}
div.contact .file_input5{display:none;}

.focusnone{background:#eee;}
div.g-recaptcha{margin-top:3%;}


div.contact{display:flex;justify-content:stretch;background:#3B3B3B;}
div.contact div.left.img_box{width:50%;padding:50px;background:url('../img/contact_img.jpg')no-repeat center;background-size:cover;position:relative;}
div.contact div.left.img_box:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);}
div.contact div.right{width:50%;display:flex;align-items:center;justify-content: center;padding:150px 50px;}
div.contact div.right h3{font-family:'Nanum Myeongjo';font-size:40px;font-weight:900;color:#fff;text-align:center;}
div.contact div.right ul.info_list{width:100%;}
div.contact div.right ul.info_list li{padding:20px;margin-top:30px;text-align:center;}
div.contact div.right ul.info_list li h4{color:#ddd;font-size:18px;}
div.contact div.right ul.info_list li p.txt1{color:#999;font-size:16px;margin-top:10px;font-weight:400;}
div.contact div.right ul.info_list li a{width:150px;border:1px solid #fff;text-align:center;color:#fff;font-size:14px;margin:30px auto 0px auto;}
div.contact div.right ul.info_list li a.link_bt:before{background:#000;}
div.contact div.right ul.info_list li a.link_bt:hover{border:1px solid #000;}


/*
div.contact div.form{margin-top:60px;}
div.contact div.form ul li{overflow:hidden;margin-top:15px;}
div.contact div.form ul li:first-child{margin-top:0;}
div.contact div.form ul li input{width:49%;margin-left:2%;height:55px;float:left;background:rgba(255,255,255,0.5);padding:0 20px;}
div.contact div.form ul li input:first-child{margin-left:0;}
div.contact div.form ul li textarea{background:rgba(255,255,255,0.5);resize:none;height:175px;padding:20px;}
div.contact div.form ul li label{color:#333;cursor:pointer;font-size:16px;}
div.contact div.form ul li label a{display:inline-block;vertical-align:middle;color:#333;font-weight:900;border-bottom:1px solid #333;}
div.contact div.form button{width:180px;height:50px;line-height:50px;color:#fff;background:#3b3b3b;border-radius:25px;display:block;margin:45px auto 0 auto;text-align:center;font-size:16px;font-weight:bold;border:0;cursor:pointer;}
*/

@media screen and (max-width: 1550px){
	div.contact div.center{padding:150px 30px;}
}


div.notice{width:100%;background:#fff;position:relative;}
div.notice div.center{padding:135px 0;min-width:100% !important;}
div.notice h2{font-family:'Nanum Myeongjo';font-size:60px;font-weight:900;color:#3b3b3b;text-align:center;}
div.notice span.line{display:block;font-size:0;width:60px;height:2px;background:#3b3b3b;margin:30px auto 0 auto;}
div.notice p.txt{font-size:16px;font-weight:700;color:#666;margin-top:35px;line-height:1.6;text-align:center;}
div.notice a.link_bt{margin:75px auto 0 auto;}


/* 회사소개 */
div.subpage_top{width:100%;padding:120px 0 100px 0;background:url('../img/sub_top_bg.jpg')no-repeat top;display:flex;justify-content:center;align-items:center;background-attachment: fixed;}
div.subpage_top.bg1{background:url('../img/sub_top_bg01.jpg')no-repeat top;background-attachment: fixed;}
div.subpage_top.bg2{background:url('../img/sub_top_bg02.jpg')no-repeat top;background-attachment: fixed;}
div.subpage_top.bg3{background:url('../img/sub_top_bg03.jpg')no-repeat top;background-attachment: fixed;}
div.subpage_top.bg4{background:url('../img/sub_top_bg04.jpg')no-repeat top;background-attachment: fixed;}
div.subpage_top.bg5{background:url('../img/sub_top_bg05.jpg')no-repeat top;background-attachment: fixed;}
div.subpage_top h3{font-family:'Nanum Myeongjo';font-size:36px;font-weight:700;color:#fff;text-align:center;margin-top:55px;}
div.subpage_top p{font-size:16px;font-weight:300;color:#ddd;text-align:center;margin-top:40px;line-height:1.6;}

div#intro section{position:relative;}
div#intro section:after{content:'';display:block;clear:both;}
div#intro section div.center{position:relative;width:1510px;}
div#intro section div.center:after{content:'';display:block;clear:both;}
div#intro section div.txt{font-size:0;}
div#intro section h3{font-family:'Nanum Myeongjo';font-size:36px;font-weight:700;color:#343434;text-align:left;}
div#intro section p{font-size:16px;font-weight:700;color:#666666;line-height:1.6;margin-top:40px;text-align:left;}
div#intro section div.imgarea img{width:100%;}

div#intro section.section01{}
div#intro section.section01 div.txt{width:1250px;margin:0 auto;height:270px;padding:100px 0 0 120px;}
div#intro section.section01 h3{display:inline-block;vertical-align:middle;}
div#intro section.section01 p{margin-left:310px;display:inline-block;vertical-align:middle;margin-top:0;}
div#intro section.section01 div.imgarea{float:right;width:77%;}

div#intro section.section02{margin-top:200px;}
div#intro section.section02 div.txt{float:right;padding:15% 30px 0 20%;}
div#intro section.section02 div.imgarea{float:left;width:589px;}

div#intro section.section03{margin-top:250px;overflow:hidden;}
div#intro section.section03 div.txt{float:left;width:45%;padding:210px 0 0 210px;}
div#intro section.section03 div.imgarea{float:right;width:55%;text-align:right;}

div#intro section.section04{margin:200px 0;}
div#intro section.section04 div.txt{float:left;width:50%;padding:210px 0 0 210px;}
div#intro section.section04 div.txt a.link_bt{margin-top:35px;}
div#intro section.section04 div.imgarea{float:right;width:50%;text-align:center;}
div#intro section.section04 div.imgarea img{width:613px;}

@media screen and (max-width: 1550px){
	div#intro section div.center{width:100%;}
	div#intro section.section01 div.txt{width:100%;}
	div#intro section.section02 div.txt{padding:20% 30px 0 8%;}
	div#intro section.section03 div.txt{padding:6% 30px 0 8%;}
	div#intro section.section04 div.txt{padding:15% 30px 0 8%;}
	div#intro section.section04 div.imgarea img{width:100%;}
}
@media screen and (max-width: 1200px){

}
/* 회사소개 끝 */


/* 오시는길 */
div#location{}
div#location div.center{padding:145px 0;}
div#location div.center div.txt{overflow:hidden;}
div#location div.center div.txt div.left{float:left;width:45%;}
div#location div.center div.txt div.right{float:left;width:55%;overflow:hidden;}
div#location div.center div.txt div.right ul{float:left;width:calc(100% - 200px);width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:-o-calc(100% - 200px);}
div#location div.center div.txt div.right a.location_copy_bt{float:left;}
div#location div.center div.txt h3{font-family:'Nanum Myeongjo';font-size:36px;font-weight:700;color:#343434;text-align:left;}
div#location div.center div.txt ul li{font-size:16px;font-weight:400;color:#666666;text-align:left;line-height:1.4;margin-top:20px;}
div#location div.center div.txt ul li:first-child{margin-top:0;}
div#location div.center div.txt ul li span{font-weight:700;color:#000;margin-right:45px;}
div#location div.center div.txt a.location_copy_bt{width:190px;height:50px;line-height:50px;display:block;text-align:center;color:#fff;font-size:16px;background:#083866;}
div.map_area{width:100%;height:520px;margin-top:70px;background:#eee;}
div.map_area iframe{width:100% !important;height:100% !important;}
input.map_url{position:absolute;bottom:0;right:0;width:0.1px;height:0.1px;margin:0;padding:0;border:0;background:none;outline:0;}

@media screen and (max-width: 1550px){
	div#location div.center{padding:145px 30px;}
	div#location div.center div.txt div.left{width:40%;}
	div#location div.center div.txt div.right{width:60%;}
}
/* 오시는길 끝 */

/*이용약관/개인정보처리방침 시작 ---------------------------------------------------------------------------------------------------------------------------*/
.ctt_admin,
article#ctt{display:none;}
section#terms_intro h2.sub_section_tit{font-size:36px;font-weight:400;color:#333;text-align:center;}
section#terms_intro h2.sub_section_tit span{display:block;font-size:0;width:50px;height:2px;display:block;margin:0 auto 25px auto;background:#333;}
section#terms_intro p.sub_section_txt{font-size:18px;color:#333;font-weight:400;margin-top:40px;line-height:31px;text-align:center;}

section#terms_intro div.section_box{padding:100px 0;}
section#terms_intro div.section_box h3{font-size:25px;margin-top:30px;color:#ff8f00;text-align:center;}
section#terms_content div.section_con{padding:50px 0 150px;border-top:2px solid #ccc;width:1140px;margin:0 auto;text-align:center;}
section#terms_content div.section_con ul{text-align:left;}
section#terms_content li.terms_list{margin-bottom:50px;}
section#terms_content li.terms_list:last-child{margin-bottom:0;}

section#terms_content li.terms_list h4.tit_subject{display:block;color:#111;font-size:17px;font-weight:700;line-height:1.7;}
section#terms_content li.terms_list > p{color:#333;font-weight:400;}
section#terms_content li.terms_list ul{padding-left:25px;}
section#terms_content li.terms_list li.terms_list_depth{font-size:0;}

section#terms_content li.terms_list > p,
section#terms_content li.terms_list li.terms_list_depth{margin-top:15px;line-height:1.6;}

section#terms_content li.terms_list > p,
section#terms_content li.terms_list li.terms_list_depth p,
section#terms_content li.terms_list li.terms_list_depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{font-size:16px;}

section#terms_content li.terms_list li.terms_list_depth span.txt_num{margin:0 10px 0 -25px;vertical-align:top;}
section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{display:inline-block;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth{margin-top:3px;font-size:0;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth:first-child{margin-top:5px;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num{margin:0 7px 0 -25px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth p,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num + p{font-size:15px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth{margin-top:5px;font-size:0;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth:last-child{padding-bottom:2px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth p,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth span.txt_num + p{font-size:14px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth{margin-top:3px;font-size:0;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth:last-child{padding-bottom:1px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth p,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth span.txt_num + p{font-size:14px;}