@charset "utf-8";

@import url("common.css");

*[data-splitting].splitting,
*[data-splitting].splitting .word {overflow:hidden;}
*[data-splitting].splitting .underline {text-decoration: none;}
*[data-splitting].splitting .underline .word {text-decoration:underline;}
*[data-splitting].splitting .word,
*[data-splitting].splitting .char {display:inline-block;}
*[data-splitting].splitting .word {padding:0 6px;}
*[data-splitting].splitting .char {transform:translateY(100%); opacity:0; transition:transform .6s ease,opacity .6s ease}
*.active *[data-splitting] .char {transform:translateY(0); opacity:1;}


/* list */
.portfolio_list {padding:0 100px;}
.portfolio_list .pflist_con {display:flex; max-width:1720px; flex-wrap:wrap; margin:0 auto;}
.portfolio_list .pflist_con li {flex:1 calc(50% - 80px); max-width:calc(50% - 80px); position:relative; margin:40px; overflow:hidden; border-radius:40px; opacity:0; transform:translateY(100px);}
.portfolio_list .pflist_con li.inview {transform:translateY(0); opacity:1; transition:all .5s ease;}
.portfolio_list .pflist_con li:nth-of-type(2n) {top:160px;}
.portfolio_list .pflist_con li a {display:block; width:100%; height:100%;}
.portfolio_list .pflist_con li .bgimg img {width:100%; height:100%;}
.portfolio_list .pflist_con li .tit {position:absolute; z-index:1; left:0; bottom:0; width:100%; padding:80px 56px; color:#fff; letter-spacing:-0.02rem;}
.portfolio_list .pflist_con li .tit strong {display:block; margin-bottom:12px; font-size:60px; font-weight:900; line-height:1.25;}
.portfolio_list .pflist_con li .tit p {font-size:32px; font-weight:500; line-height:1.3;}
.portfolio_list .pflist_con li .view {position:absolute; z-index:1; top:0; right:0; width:80%; padding:64px 56px; opacity:0; transition:opacity .3s ease;}
.portfolio_list .pflist_con li .view span {display:block; position:relative; left:-40px; padding-right:64px; color:#fff; font-size:40px; font-weight:800; line-height:1.4; text-align:right; letter-spacing:-0.02rem; word-break:keep-all; transition:left .4s ease;}
.portfolio_list .pflist_con li .view span::after {content:''; position:absolute; top:50%; right:0; width:48px; height:48px; background:url(../images/ico/ico_pflist_arw.svg) no-repeat; background-size:contain; transform:translateY(-50%);}

.portfolio_list .pflist_con li:hover .view {opacity:1;}
.portfolio_list .pflist_con li:hover .view span {left:0;}

.review_list .list_con {max-width:1380px; margin:0 auto; padding:0 50px; padding-top:435px; background:#fff url(../images/bg/bg_review_deco.png) no-repeat center top;}
.review_list .list_con ul li {border-radius:24px; border:2px solid #0F0F10; box-shadow:0px 4px 32px 0px rgba(0,0,0,0.08); background:#fff; overflow:hidden; transform:translate(0px,0px); transition:all .3s ease;}
.review_list .list_con ul li:hover {transform:translate(10px,-10px);}
.review_list .list_con ul li + li {margin-top:48px;}
.review_list .list_con ul li > div {display:block; position:relative; width:100%; height:100%; padding:48px 0 48px 152px;}
.review_list .list_con ul li > div .thumb {position:absolute; z-index:1; top:48px; left:32px; width:100px; height:100px; border-radius:50%; overflow:hidden;}
.review_list .list_con ul li > div .thumb img {width:100%;}
.review_list .list_con ul li > div .tit {padding-bottom:26px; margin-bottom:24px; font-size:22px; line-height:1.3; border-bottom:2px solid #000;}
.review_list .list_con ul li > div .tit strong {margin-right:12px; font-weight:800;}
.review_list .list_con ul li > div .tit span {font-weight:500;}
.review_list .list_con ul li > div .txt {padding-right:32px; font-size:18px; font-weight:500; line-height:1.6;}
.review_list .list_con ul li .pj_gobtn {position:absolute; z-index:1; top:40px; right:32px; font-size:16px;}


/* 포트폴리오 뷰페이지 */
.view_top {position:relative; z-index:2; width:100%; height:100vh; overflow:hidden;}
.view_top h3,
.view_top .sub_txt {position:fixed; z-index:2; color:#fff;}
.view_top h3 {top:7.50vw; left:5.21vw; font-size:12vw; font-weight:500; line-height:0.9;}
.view_top .sub_txt {bottom:100px; right:100px; font-size:1.6vw; font-weight:500; line-height:1.4}
.view_top .sub_txt span {position:relative;}
.view_top h3 span {position:relative;}
.view_top h3 .ico {position:relative;}
.view_top h3 .ico:after {content:''; display:inline-block; width:9.38vw; height:9.38vw; background:url(../images/ico/ico_star_sign.svg); animation:infiniteRotate 1.5s linear infinite; animation-fill-mode:forwards; transform-origin:center; background-size:100%;}
.view_top .bg {position:absolute; z-index:1; top:0; left:0; width:100%; height:100vh; overflow:hidden; background:url(../images/bg/bg_view_top.jpg) no-repeat center; background-size:cover;}

.view_detail {position:relative; z-index:2;  background:#fff;}
.view_detail .site_info {display:flex; padding:24px 100px; border-bottom:2px solid #0F0F10; align-items:center; justify-content:space-between;}
.view_detail .site_info > .btn_style {flex-shrink:0;}
.view_detail .site_info .work_period {padding-left:30px; font-size:32px; font-weight:500; line-height:1.5; text-align:right;}
.view_detail .con {padding:100px;}
.view_detail .con .txt {width:calc(50vw - 5.21vw); font-size:1.67vw; font-weight:500; line-height:1.5;}
.view_detail .con .txt.splitting,
.view_detail .con .txt.splitting .word {overflow:hidden;}
.view_detail .con .txt.splitting .word,
.view_detail .con .txt.splitting .char {display:inline-block; padding:0;}
.view_detail .con .txt.splitting .char {transform:translateY(100%); opacity:0; transition:transform .6s ease,opacity .6s ease}
.view_detail .con .txt.splitting.active .char {transform:translateY(0); opacity:1;}
.view_detail .con .img {margin-top:16.67vw;}
.view_detail .con .img img {width:100%;}

/* request */
.request_tit_wrap {display:flex; position:fixed; z-index:-1; top:0; left:0; width:100%; height:100vh; width:100%; height:100vh; align-items:center; justify-content:center; }
.request_tit {display:flex; width:1320px; margin:0 auto; align-items:center; justify-content:space-between;}
.request_tit h3 {font-size:120px; font-weight:500; flex-shrink:0; line-height:1;}
.request_tit h3 .ico {position:relative;}
.request_tit h3 .ico:after {content:''; position:absolute; z-index:1; top:16px; right:-126px; width:80px; height:104px; background:url(../images/ico/ico_menu_deco.svg) no-repeat center; background-size:100%; animation:infiniteRotate 1.5s linear infinite; animation-fill-mode:forwards;}
.request_tit p {font-size:32px; font-weight:500; line-height:1.5;}

.request_wrap {display:flex;position:relative; height:100vh; padding:200px 0; margin-top:100vh; align-items:center; background:url(../images/bg/bg_request.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.request_wrap > div {position:relative; width:1320px; margin:0 auto;}
.request_wrap > div > div {position:absolute; z-index:1; top:50%; left:50%; width:100%; transform:translate(-50%,-50%);}
.request_wrap .first_step.fadeIn.animate ul {animation:fadeInUpW 1s ease; animation-fill-mode:forwards;}
.request_wrap .first_step .select_requ {display:flex; margin:0 -15px -30px; flex-wrap:wrap;}
.request_wrap .first_step .select_requ li {width:calc(33.33% - 30px); margin:0 15px 30px; border-radius:24px; overflow:hidden; border:2px solid #0F0F10; box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08); background:#fff;}

/* s: 240310 */
.request_wrap .first_step .select_requ li label {display:block; width:100%; height:100%; padding:32px 28px 40px;}
.request_wrap .first_step .select_requ li label input {position:absolute; z-index:-9999; left:-9999px; width:0; height:0; overflow:hidden;}
.request_wrap .first_step .select_requ li label strong {display:block; margin-bottom:60px; font-size:48px; font-weight:500; line-height:1;}
.request_wrap .first_step .select_requ li label strong:after {display:inline-block; font-weight:700; }
.request_wrap .first_step .select_requ li label .info {margin-bottom:24px;}
.request_wrap .first_step .select_requ li label .info > p {margin-bottom:8px; font-size:24px; font-weight:700; line-height:1;}
.request_wrap .first_step .select_requ li label .info > span {font-weight:500; line-height:1.8;}
.request_wrap .first_step .select_requ li label button {color:var(--main-color); border-color:var(--main-color); background:#fff; transition:background .3s ease;}
.request_wrap .first_step .select_requ li label button:after {content:''; display:inline-block;}
.request_wrap .first_step .select_requ li.re_design label strong:after {content:'✦';}
.request_wrap .first_step .select_requ li.re_publish label strong:after {content:'⌘';}
.request_wrap .first_step .select_requ li.re_build label strong:after {content:'➤';}
.request_wrap .first_step .select_requ li.re_manage label strong:after {content:'⚭';}
.request_wrap .first_step .select_requ li.re_recruit label strong:after {content:'✜';}
.request_wrap .first_step .select_requ li.re_etc label strong:after {content:'✣';}

.request_wrap .first_step .select_requ li.on label strong:after,
.request_wrap .first_step .select_requ li label:hover strong:after {animation: bounce .4s ease;}
.request_wrap .first_step .select_requ li.on label button,
.request_wrap .first_step .select_requ li label:hover button {color:#fff; background:#000;}
.request_wrap .first_step .select_requ li.on label button:after,
.request_wrap .first_step .select_requ li label:hover button:after {background-image:url(../images/ico/ico_btn_arw_ov.svg);}
/* e: 240310 */

.request_wrap .first_step .btn {justify-content:flex-end;}
.request_wrap .two_step {display:none; opacity:0;}
.request_wrap .two_step.fadeIn {animation:fadeInUpW2 1s ease; animation-fill-mode:forwards;}
.request_wrap .two_step .con {display:none; opacity:0; width:100%; height:100%; min-height:654px; padding:56px; border:2px solid #0F0F10; border-radius:24px; box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08); background:#fff; overflow:hidden;}
.request_wrap .two_step .con:first-child {display:block; opacity:1;}
.request_wrap .two_step .con .rq_tit {margin-bottom:48px; font-size:40px; font-weight:500;}
.request_wrap .two_step .con .rq_tit strong {font-weight:800;}

/* s: 추가 240311 */
.request_wrap .two_step .board_wrap {display:flex; margin:0; flex-wrap:wrap;}
.request_wrap .two_step .board_wrap .kboard-attr-row {width:calc(33.33% - 56px); margin:0 28px 40px;}
.request_wrap .two_step .board_wrap .kboard-attr-row .tit {display:block; margin-bottom:16px; font-size:20px; font-weight:700; line-height:1;}
.request_wrap .two_step .board_wrap .kboard-attr-row .tit i {font-size:16px; font-weight:500;}
.request_wrap .two_step .board_wrap .kboard-attr-row .tit .attr-required-text {display:none;}
.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con input {width:100%; height:58px; padding:0 24px; border:1px solid #CFCFD0; border-radius:12px;}
.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con input:focus {border-width:2px; border-color:#0F0F10;}
.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code {display:flex;}
.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code .img {width:130px; margin-right:6px; flex-shrink:0; border-radius:12px; border:1px solid #CFCFD0; background:#fff; overflow:hidden;}
.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code .img img {display:inline-block; min-width:100%; height:100%;}
.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code input {flex:auto; border-radius:12px; border:1px solid #CFCFD0;}
.request_wrap .two_step .board_wrap .kboard-attr-row textarea {width:100%; height:140px; padding:20px 24px; border:1px solid #CFCFD0; border-radius:24px;}
.request_wrap .two_step .board_wrap .em {display:block; width:100%; margin-top:16px; color:#8B8B8F; font-size:14px;}
.request_wrap .two_step .board_wrap .em span {font-weight:500;}
.request_wrap .two_step .board_wrap .kboard-attr-row.kboard-attr-attach input {width:450px;}
.request_wrap .two_step .board_wrap.type02 {margin:0 0 -40px}
.request_wrap .two_step .board_wrap.type02 > .kboard-attr-row {width:100%; margin:0 0 40px;}
.request_wrap .two_step .board_wrap.type02 .two_box {display:flex; width:100%;}
.request_wrap .two_step .board_wrap.type02 .two_box .kboard-attr-row {margin:0;}
.request_wrap .two_step .board_wrap.type02 .two_box .kboard-attr-row.kboard-attr-attach {width:60%;}
.request_wrap .two_step .board_wrap.type02 .two_box .kboard-attr-row.recaptcha {width:40%;}
/* e: 추가 240311 */

.request_wrap .two_step .con .check_btn {display:flex; width:904px; margin:0 auto;}
.request_wrap .two_step .con .check_btn label {flex:1; padding:100px 0; margin-right:64px; border:2px solid #0F0F10; border-radius:24px; text-align:center;}
.request_wrap .two_step .con .check_btn label:last-child {margin-right:0;}
.request_wrap .two_step .con .check_btn label input {position:absolute; width:0; height:0; margin:0; clip:rect(0,0,0,0); border:0; overflow:hidden;}
.request_wrap .two_step .con .check_btn label span {display:block; margin-bottom:48px; font-size:24px; font-weight:700; line-height:1;}
.request_wrap .two_step .con .check_btn label .btn_style {color:var(--main-color); font-size:18px; border-color:var(--main-color); background:#fff; transition:background .3s ease;}
.request_wrap .two_step .con .check_btn label .btn_style:hover:after {background-image:url(../images/ico/ico_btn_arw.svg);}
.request_wrap .two_step .con .check_btn label input:checked ~ .btn_style {color:#fff; background:var(--main-color)}
.request_wrap .two_step .con .check_btn label input:checked ~ .btn_style:after {background-image:url(../images/ico/ico_btn_arw_ov.svg);}
.request_wrap .two_step .con .file_common input[type="file"] {position:absolute; width:0px; height:0px; overflow:hidden; clip:rect(0,0,0,0);}
.request_wrap .two_step .con .file_common .upload_file {margin-right:12px;}
.request_wrap .two_step .con .file_common .upload_file:disabled {background-color:#fff;}
.request_wrap .two_step .con .file_common .btn_style {width:130px; height:58px; padding:0; border-radius:12px; line-height:58px; border:0; text-align:center;}
.request_wrap .two_step .con.fadeIn.animate {animation:fadeInUpW 1s ease; animation-fill-mode:forwards;}
.request_wrap .two_step .btn {opacity:0; visibility:hidden; }
.request_wrap .two_step.is_visible .btn {animation:fadeIn .6s ease .2s; animation-fill-mode:forwards;}

.request_wrap .complete {display:none; opacity:0; width:720px; padding:100px 134px 98px; height:654px; margin:0 auto; text-align:center; border-radius:24px; background:#fff;}
.request_wrap .complete.fadeIn {animation:fadeInUpW2 1s ease; animation-fill-mode:forwards;}
.request_wrap .complete > div {display:flex; width:100%; height:100%; flex-wrap:wrap;}
.request_wrap .complete .rq_tit {width:100%; font-size:40px;}
.request_wrap .complete .btn_style:before {content:''; position:absolute; z-index:-1; bottom:100%; left:50%; width:260px; height:224px; margin:0 auto; background:url(../images/ico/ico_request_ok.svg) no-repeat center; background-size:100%; transform:translateX(-50%);}
.request_wrap .complete .btn_style {position:relative; z-index:1; margin:auto auto 0;}

.request_wrap .btn {display:flex; margin-top:80px; justify-content:space-between;}
.request_wrap .btn button {color:#fff; font-size:32px; font-weight:500; line-height:1.5; transition:transform .3s ease;}
.request_wrap .btn .prev:hover {transform:translateX(-16px);}
.request_wrap .btn .prev:before {content:''; display:inline-block; width:48px; height:48px; margin-right:16px; border-radius:50%; border:3px solid #fff; vertical-align:middle; background:url(../images/ico/ico_step_prev.svg); background-size:100%;}
.request_wrap .btn .next:after {content:''; display:inline-block; width:48px; height:48px; margin-left:16px; border-radius:50%; border:3px solid #fff; vertical-align:middle; background:url(../images/ico/ico_step_next.svg); background-size:100%;}
.request_wrap .btn .next:hover {transform:translateX(16px);}

/* about */
.about_top {position:relative; height:100vh; background:#000; overflow:hidden;}
.about_top .bg {width:100%; height:100%; background:url(../images/bg/bg_about.jpg) no-repeat center; background-size:cover;}
.about_top .txt_wrap {display:flex; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; color:#fff; align-items: center;}
.about_top .txt_wrap .con_tit {position:relative; padding-left:120px; padding-bottom:160px; margin-bottom:0; }
.about_top .txt_wrap .con_tit > p {margin-bottom:-36px; font-size:48px;}
.about_top .txt_wrap .con_tit h3 {position:relative; font-size:300px; font-weight:900; line-height:1;}
.about_top .txt_wrap .con_tit h3 .reg {margin-left:40px; font-size:200px;}
.about_top .txt_wrap .con_tit > strong {position:absolute; bottom:0; left:316px; font-size:300px; font-weight:500; opacity:.6; line-height:1; letter-spacing:-10px;}

.function {position:relative; padding-top:230px; width:100% !important; max-width:100% !important; padding-bottom:500px; padding-left:80px;}
.function .con_tit {margin-bottom:64px; max-width:1060px; text-align:right;}
.function .con_tit h3 {line-height:1;}
.function .txt {margin-left:calc(50% + 20px); max-width:843px;}
.function .txt p {font-size:32px; font-weight:500; line-height:1.5;}
.function .txt p + p {margin-top:110px;}

.design {position:absolute; z-index:1; top:797px; left:540px; width:400px; height:350px; overflow:hidden; background:url(../images/bg/bg_function.jpg) no-repeat center; background-size:cover;}
.design .img {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:transparent;}
.design .con_tit {position:absolute; z-index:1; top:0; left:0; padding-top:6vw; padding-left:5vw; width:100%; max-width:100%; margin-bottom:0; height:100vh; opacity:0; color:#fff; text-align:left;}
.design .con_tit h3 {margin-bottom:36px; font-size:10.5vw; /* font-size:240px; */}
.design .con_tit .sub_tit {font-size:1.67vw; line-height:1.5;}
.design .sub_txt {position:absolute; z-index:1; bottom:6vw; right:5vw; text-align:right; color:#fff;}
.design .sub_txt li {display:block; font-size:1.67vw; font-weight:500; line-height:1.5;}
.design .sub_txt li span:before {content:'#';}

.about_news {position:relative; width:1212px; height:100vh; margin:0 auto;/*  margin-bottom:150vh; */}
.about_news .txt_box {height:100vh;}
.about_news .txt_box .txt {position:absolute; z-index:2; top:50%; left:0; transform: translateY(-50%);}
.about_news .txt_box .txt > strong {display:block; margin-bottom:80px; font-size:120px; font-weight:500;}
.about_news .txt_box .txt ul li {padding-left:80px; font-size:32px; font-weight:500; line-height:1.5;}
.about_news .txt_box .txt ul li + li {margin-top:80px;}
.about_news .img_box {position:absolute; z-index:1; top:50%; right:0px; width:640px; height:calc(100% - 150px); transform: translateY(-50%); background:url(../images/bg/bg_history.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}

.about_partner {display:flex; align-items:center; justify-content:center; flex-direction:column; padding-top:200px; padding-bottom:200px; text-align:center; overflow:hidden;}
.about_partner .con_tit {margin-bottom:100px;}
.about_partner .con_tit h3 span {display:block; width:82px; height:82px; margin:60px auto 40px; background:url(../images/ico/ico_star_sign_b.svg); background-size:100%; transform-origin:center; text-indent:-9999px; animation:infiniteRotate 1.5s linear infinite; animation-fill-mode:forwards;}
.about_partner .con_tit h3 strong {display:block; margin:-45px 0px; font-weight:500; line-height:1.3;}
.about_partner .sub_tit {font-weight:500; font-size:32px; line-height:1.5; overflow:hidden;}
.about_partner .sub_tit span {display:block;}

.slide_partner_con {overflow:hidden;}
.slide_partner_con .slide_partner .swiper-slide {width:540px;}


/* location */
.location_wrap .loca_tit {display:flex; margin-bottom:150px; justify-content:space-between;}
.location_wrap .loca_tit .con_tit {margin-bottom:0; text-align:left; flex-shrink:0;}
.location_wrap .loca_tit .con_tit h3 {line-height:120px;}
.location_wrap .loca_tit .con_tit p {margin-bottom:0; font-size:48px;}
.location_wrap .loca_tit .adr {padding-top:68px; font-size:32px; font-weight:500; line-height:1.5;}
.location_wrap {max-width:1510px; padding:0 50px; margin:0 auto;}
.location_wrap #map {width:100%; height:720px; border-radius:24px; overflow:hidden;}
.location_wrap .map_info {margin-top:80px;} 
.location_wrap .map_info li {display:block;}
.location_wrap .map_info li + li {margin-top:40px;}
.location_wrap .map_info li > strong:before {content:'✻'; position:absolute; z-index:1; top:0; left:0;}
.location_wrap .map_info li > strong {display:block; position:relative; margin-bottom:8px; padding-left:26px; font-size:24px; font-weight:700;}
.location_wrap .map_info li > p {padding-left:26px; color:rgba(255,255,255,.8); font-size:16px; font-weight:500; line-height:1.8;}


/* keyframes */
@keyframes infiniteRotate {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

@keyframes fadeIn {
	0% {opacity:0; visibility:hidden;}
	100% {opacity:1; visibility:visible;}
}

@keyframes fadeInUpW {
	0% {opacity:0; transform:translateY(20px); visibility:hidden;}
	100% {opacity:1; transform:translateY(0px); visibility:visible;}
}

@keyframes fadeInUpW2 {
	0% {opacity:0; margin-top:20px; visibility:hidden;}
	100% {opacity:1; margin-top:0;; visibility:visible;}
}

@keyframes bounce {
    0% { transform:translateY(0%); }
    50% { transform:translateY(-70%) rotate(360deg);}
    100% { transform:translateY(0); }
}


@media all and (max-width:1820px){  
	.portfolio_list .pflist_con li .view {padding:40px;}
	.portfolio_list .pflist_con li .view span {font-size:26px;}
	.portfolio_list .pflist_con li .view span::after {width:38px; height:38px;}
	.portfolio_list .pflist_con li .tit {padding:50px 40px;}
	.portfolio_list .pflist_con li .tit strong {font-size:48px;}
	.portfolio_list .pflist_con li .tit p {font-size:20px;}
	
	.about_top .txt_wrap .con_tit {width:100%; padding-left:50px; padding-right:50px;}
	
}

@media all and (max-width:1500px){  
	/* 양 마진 50 */
	.portfolio_list {padding:0 50px;}
	.portfolio_list .pflist_con {margin:0 -24px;}
	.portfolio_list .pflist_con li {margin:24px; max-width:calc(50% - 48px); border-radius:20px;}

	.view_top h3 {top:9vw; font-size:13vw;}
	.view_detail .site_info {padding:24px 50px;}
	.view_detail .con {padding:80px 50px;}
	.view_top .sub_txt {font-size:1.9vw;}

	.review_list .list_con .con_tit {padding:0 50px;}
	.review_list .list_con {width:100%;}

	.location_wrap #map {height:520px;}
	.location_wrap .loca_tit {margin-bottom:80px;}
	.location_wrap .loca_tit .con_tit p {font-size:40px;}
	.location_wrap .loca_tit .con_tit h3 {line-height:100px;}
	.location_wrap .loca_tit .adr {font-size:26px;}

	.request_tit {display:block; width:100%; padding:0 50px;}
	.request_tit h3 {margin-bottom:50px; font-size:100px;}
	.request_tit h3 .ico:after {width:63px; height:87px;}

	.request_wrap {padding:200px 50px;}
	.request_wrap .first_step .select_requ li label strong {margin-bottom:40px; font-size:44px;}
	.request_wrap .first_step .select_requ li label .info > p {font-size:22px;}
	.request_wrap .two_step .con .rq_tit {font-size:34px;}
	.request_wrap .btn {margin-top:60px;}
	.request_wrap .btn button {font-size:28px;}
	.request_wrap .btn .prev:before ,
	.request_wrap .btn .next:after {width:38px; height:38px;}
	.request_wrap .two_step .con .file_common {display:flex; width:100%;}
	.request_wrap .two_step .board_wrap .kboard-attr-row.kboard-attr-attach input {width:100%; flex:auto;}
	.request_wrap .two_step .con .file_common .btn_style {flex-shrink:0;}

	.about_news {width:100%; max-width:100%;}
	.about_news .img_box {height:100%;}
	.about_news .txt_box .txt {padding-left:50px;}
	.about_news .txt_box .txt > strong {margin-bottom:40px; font-size:100px;}
	.about_news .txt_box .txt ul li {font-size:24px;}
	.about_news .txt_box .txt ul li + li {margin-top:40px;}
	.function > .con_tit {max-width:900px;}
	.function .txt {margin-left:0; max-width:100%; padding-left:50%; padding-right:50px;}
	.function .txt p {font-size:28px;}

	.slide_partner_con .slide_partner .swiper-slide {width:400px;}

	.about_top .txt_wrap .con_tit {padding-bottom:130px;}
	.about_top .txt_wrap .con_tit > p {font-size:38px;}
	.about_top .txt_wrap .con_tit h3 {font-size:230px;}
	.about_top .txt_wrap .con_tit > strong {font-size:230px;}
}

@media all and (max-width:1199px){  
	.portfolio_list .pflist_con li .tit {padding:30px;}
	.portfolio_list .pflist_con li .tit strong {font-size:30px;}
	.portfolio_list .pflist_con li .tit p {font-size:18px;}
	.portfolio_list .pflist_con li .view {width:100%;}
	.portfolio_list .pflist_con li .view span {padding-right:42px; font-size:22px;}
	.portfolio_list .pflist_con li .view span::after {width:24px; height:24px;}

	.view_detail .con .txt {width:60vw; font-size:2vw;}
	.view_detail .con .img {margin-top:12vw; margin-left:-50px; width:calc(100% + 100px);}
	.view_top .sub_txt {right:50px; font-size:2.4vw;}

	.review_list .list_con ul li .pj_gobtn {position:static; margin-top:20px;}

	.request_wrap {height:auto;}
	.request_wrap > div {width:100%;}
	.request_wrap > div > div {position:static; transform:inherit;}
	.request_wrap .first_step .select_requ li {width:calc(50% - 30px);}
	.request_wrap .two_step .board_wrap {margin:0 -12px -30px}
	.request_wrap .two_step .board_wrap .kboard-attr-row {width:calc(50% - 24px); margin: 0 12px 30px;}
	.request_wrap .two_step .con .check_btn {width:100%;}
	.request_wrap .complete {width:100%;}
	.request_wrap .btn button {font-size:22px;}
	.request_wrap .complete {height:auto; padding:100px 36px 100px;}
	.request_wrap .complete .rq_tit {margin-bottom:216px;}
	.request_wrap .complete .btn_style:before {width:201px; height:176px;}

	.design .con_tit {padding-top:100px;}
	.design .con_tit h3 {margin-bottom:20px; font-size:15vw;}
	.design .con_tit .sub_tit {font-size:2.5vw;}
	.design .sub_txt li {font-size:2vw;}
	.design .sub_txt {bottom:50px;}

	.about_news .txt_box .txt {padding-left:50px;}
	.about_news .txt_box .txt > strong {font-size:80px;}
	.about_news .txt_box .txt ul li {padding-left:0;}
	.about_news .img_box {width:45%;}

	.function {padding-top:120px; padding-bottom:700px;}
	.function .con_tit {max-width:100%; padding-right:50px;}
	.function .txt {padding-left:30%;}
	.function .txt p {font-size:24px;}
	.function .txt p + p {margin-top:80px;}

	.about_partner .con_tit h3 {font-size:80px;}
	.about_partner .sub_tit {font-size:28px;}
	.about_partner .con_tit h3 span {width:70px; height:70px;}

	.slide_partner_con .slide_partner .swiper-slide {width:300px;}

}

@media all and (max-width:1024px){
	.btn_style.sm {font-size:14px;}

	/* 양 마진 36 */
	.portfolio_list {padding:0 36px;}
	.portfolio_list .pflist_con {margin:0 -12px;}
	.portfolio_list .pflist_con li {margin:12px;  max-width:calc(50% - 24px);}
	.portfolio_list .pflist_con li .view {padding:30px;}
	.portfolio_list .pflist_con li .view span {font-size:18px;}
	.portfolio_list .pflist_con li .tit p {font-size:16px;}

	.view_detail .site_info {padding:24px 36px;}
	.view_detail .site_info .work_period {font-size:20px;}
	.view_detail .con {padding:80px 36px;}
	.view_detail .con .txt {font-size:2.5vw;}
	.view_detail .con .img {margin-left:-36px; width:calc(100% + 72px);}

	.view_top h3 {top:12vw; font-size:14vw;}
	.view_top .sub_txt {bottom:50px;}

	.review_list .list_con .con_tit {padding:0 36px;}
	.review_list .list_con {padding:300px 36px 0; background-size:600px; background-position:top 10px center;}
	.review_list .list_con ul li > div {padding:50px 40px;}
	.review_list .list_con ul li > div .txt {font-size:16px;}
	.review_list .list_con ul li > div .tit {font-size:20px;}
	.review_list .list_con ul li > div .thumb {position:static; margin-bottom:20px;}

	.location_wrap .loca_tit {display:block; margin-bottom:50px;}
	.location_wrap .loca_tit .con_tit p {font-size:30px;}
	.location_wrap .loca_tit .con_tit h3 {line-height:80px;}
	.location_wrap .loca_tit .adr {padding-top:30px; font-size:20px;}
	.location_wrap .loca_tit .adr br {display:none;}
	.location_wrap #map {height:400px;}
	.location_wrap .map_info {margin-top:40px;}
	.location_wrap .map_info li > strong {font-size:20px;}
	
	.request_tit {padding:0 36px;}
	.request_tit h3 {margin-bottom:30px; font-size:80px;}
	.request_tit h3 .ico:after {right:-76px; width:56px; height:60px;}
	.request_tit p {font-size:28px;}
	.request_wrap {padding:80px 36px;}
	.request_wrap .first_step .select_requ li label strong {font-size:36px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row .tit {font-size:18px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con input {height:46px;}
	.request_wrap .two_step .con .file_common .btn_style {width:100px; height:46px; line-height:46px;}

	.about_news .txt_box {height:auto;}

	.function {padding-left:36px;}
	.function .txt {padding-left:0;}
	.function .txt p {font-size:22px;}
	.about_news .img_box {width:18%;}
	.about_news .txt_box .txt > strong {font-size:50px;}
	.about_news .txt_box .txt ul li {font-size:20px;}

	.about_top .txt_wrap .con_tit {padding-bottom:100px;}
	.about_top .txt_wrap .con_tit > p {margin-bottom:0px; font-size:28px;}
	.about_top .txt_wrap .con_tit h3 {left:120px; font-size:180px;}
	.about_top .txt_wrap .con_tit h3 .reg {font-size:150px;}
	.about_top .txt_wrap .con_tit > strong {left:-50%; font-size:180px;}

	.request_wrap .two_step .board_wrap.type02 .two_box .kboard-attr-row.kboard-attr-attach {width:100%;}
}

@media all and (max-width:768px){
	.view_top h3 {top:16vw;}
	.view_top .sub_txt {font-size:3vw;}

	.request_wrap .two_step .con {padding:36px;}
	.request_wrap .two_step .con .rq_tit {font-size:28px;}
	.request_wrap .two_step .board_wrap {margin:0;}
	.request_wrap .two_step .board_wrap .kboard-attr-row {width:100%; margin:0;}
	.request_wrap .two_step .board_wrap .kboard-attr-row ~ .kboard-attr-row {margin-top:24px;} 
	.request_wrap .two_step .board_wrap .kboard-attr-row .tit {font-size:18px;}
	.request_wrap .btn .prev:before, .request_wrap .btn .next:after {width:28px; height:28px;}
	.request_wrap .two_step .con .check_btn {display:block;}
	.request_wrap .two_step .con .check_btn label {display:block; padding:40px 20px; margin:0;}
	.request_wrap .two_step .con .check_btn label + label {margin-top:30px;}
	.request_wrap .two_step .con .check_btn label span {margin-bottom:30px; font-size:22px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code .img {width:100px;}
	.request_wrap .two_step .board_wrap.type02 .kboard-attr-row {margin:0;}
	.request_wrap .two_step .board_wrap.type02 .kboard-attr-row ~ .kboard-attr-row {margin-top:36px;} 
	.request_wrap .two_step .board_wrap.type02 .two_box {margin-top:30px;
}

@media all and (max-width:640px){
	.btn_style.sm {padding:12px 16px;}

	/* 양 마진 24 */
	.portfolio_list {padding:0 24px;}

	.portfolio_list .pflist_con {margin:0;}
	.portfolio_list .pflist_con li {flex:auto; max-width:100%; width:100%; margin:0;}
	.portfolio_list .pflist_con li + li {margin-top:40px;}
	.portfolio_list .pflist_con li:nth-of-type(2n) {top:0;}
	.portfolio_list .pflist_con li .view {padding:30px;}
	.portfolio_list .pflist_con li .view span {padding-right:30px; font-size:14px;}
	.portfolio_list .pflist_con li .tit {padding:30px;}
	.portfolio_list .pflist_con li .tit strong {font-size:26px;}
	.portfolio_list .pflist_con li .tit p {font-size:14px;}

	.view_detail .site_info {padding:14px 24px;}
	.view_detail .site_info .work_period {font-size:16px;}
	.view_detail .con {padding:40px 24px;}
	.view_detail .con .txt {width:100%; font-size:16px;}
	.view_detail .con .img {margin-left:-24px; width:calc(100% + 48px);}
	.view_top h3 {top:22vw;}
	.view_top .sub_txt {right:50px; font-size:4vw;}

	.review_list .list_con .con_tit {padding:0 24px;}
	.review_list .list_con {padding:130px 24px 0; background-size:300px; background-position:top 0 center;}
	.review_list .list_con ul li + li {margin-top:30px;}
	.review_list .list_con ul li > div {padding:30px 24px;}
	.review_list .list_con ul li > div .txt {font-size:14px;}
	.review_list .list_con ul li > div .tit span {display:block; margin-top:6px; font-size:14px;}
	.review_list .list_con ul li > div .tit {font-size:18px;}
	.review_list .list_con ul li > div .thumb {position:static; width:80px; height:80px; margin-bottom:20px;}
	.review_list .list_con ul li .pj_gobtn {font-size:14px;}

	.location_wrap .loca_tit .con_tit p {font-size:20px;}
	.location_wrap .loca_tit .con_tit h3 {line-height:68px;}
	.location_wrap .loca_tit .adr {font-size:18px;}
	.location_wrap #map {height:300px;}

	.request_tit {padding:0 24px;}
	.request_tit h3 {font-size:70px;}
	.request_tit h3 .ico:after {width:48px; height:51px;}
	.request_tit p {font-size:22px;}

	.request_wrap {padding:80px 24px;}
	.request_wrap .complete .rq_tit {font-size:30px;}
	.request_wrap .first_step .select_requ {display:block; margin:0;}
	.request_wrap .first_step .select_requ li {width:100%; margin:0;}
	.request_wrap .first_step .select_requ li + li {margin-top:30px;}
	.request_wrap .first_step .select_requ li label {padding:32px 28px;}
	.request_wrap .first_step .select_requ li label strong {margin-bottom:24px; font-size:30px;}
	.request_wrap .first_step .select_requ li label .info > p {font-size:18px;}
	.request_wrap .first_step .select_requ li label .info > span {font-size:15px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row .tit {margin-bottom:10px; font-size:15px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con input {height:40px; padding:0 14px; border-radius:6px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code .img,
	.request_wrap .two_step .board_wrap .kboard-attr-row .inp_con .code input {border-radius:6px;}
	.request_wrap .two_step .board_wrap .kboard-attr-row textarea {padding:16px 14px;border-radius:6px;}
	.request_wrap .two_step .con .file_common {display:block;}
	.request_wrap .two_step .con .file_common .btn_style {width:100%; height:40px; margin-top:12px; line-height:40px; border-radius:6px;}
	.request_wrap .btn .prev:before, .request_wrap .btn .next:after {width:20px; height:20px; border-width:2px;}
	.request_wrap .btn .prev:before {margin-right:10px;}
	.request_wrap .btn .next:after {margin-left:10px;}
	.request_wrap .btn button {font-size:20px;}
	.request_wrap .btn button span {display:none;}
	.request_wrap .two_step .con .check_btn label span {font-size:18px;}
	.request_wrap .two_step .con .check_btn label .btn_style {font-size:16px;}
	.request_wrap .complete {padding:60px 20px;}
	.request_wrap .complete .rq_tit {margin-bottom:180px;}
	.request_wrap .complete .btn_style {font-size:18px; padding:16px 18px;}
	.request_wrap .complete .btn_style:before {width:161px; height:141px;}

	.design .con_tit {padding-right:24px;}
	.design .con_tit h3 {font-size:84px;}
	.design .con_tit .sub_tit {max-width:400px; font-size:16px;}
	.design .con_tit .sub_tit br {display:none;}
	.design .sub_txt {bottom:50px;}
	.design .sub_txt li {font-size:16px;}

	.function {padding-left:24px; padding-top:80px; padding-bottom:700px;}
	.function .con_tit {padding-right:24px;}
	.function .txt p {font-size:20px;}
	.function .txt p + p {margin-top:40px;}
	
	.about_news .txt_box .txt {width:78%; padding-left:30px;}
	.about_news .txt_box .txt > strong {margin-bottom:26px; font-size:46px;}
	.about_news .txt_box .txt ul li > p {font-size:14px;}
	.about_news .txt_box .txt ul li {font-size:18px;}
	
	.about_partner {padding-top:140px; padding-bottom:140px;}
	.about_partner .con_tit {margin-bottom:80px;}
	.about_partner .con_tit h3 {font-size:64px;}
	.about_partner .con_tit h3 span {width:60px; height:60px; margin:53px auto 46px;}
	.about_partner .sub_tit {font-size:22px;}

	.slide_partner_con .slide_partner .swiper-slide {width:200px;}

	.about_top .txt_wrap .con_tit {padding-bottom:70px;}
	.about_top .txt_wrap .con_tit > p {font-size:20px;}
	.about_top .txt_wrap .con_tit h3 {left:80px; font-size:120px;}
	.about_top .txt_wrap .con_tit h3 .reg {font-size:80px;}
	.about_top .txt_wrap .con_tit > strong {font-size:120px;}

	.view_top .bg {background-position:right 30% center;}
}

@media all and (max-width:480px){
	.portfolio_list .pflist_con li + li {margin-top:30px;}
	.portfolio_list .pflist_con li .view {padding:20px;}
	.portfolio_list .pflist_con li .tit {padding:20px;}

	.request_tit h3 {font-size:60px;}
	.request_tit h3 .ico:after {top:6px; width:42px; height:58px;}
	.request_tit p {font-size:18px;}
	.request_wrap .complete .rq_tit {font-size:24px;}

	.design .con_tit h3 {font-size:70px;}
	.design .con_tit .sub_tit {font-size:14px;}
	.design .sub_txt li {font-size:14px;}

	.about_news .txt_box .txt ul li {font-size:16px;}

	.about_partner .con_tit h3 {font-size:54px;}
	.about_partner .con_tit h3 span {width:50px; height:50px;}
	.about_partner .sub_tit {font-size:18px;}
}

@media all and (max-width:374px){
}