/* ŸÀÌƲ */

h2.tit { font-size:68px; font-family:'kanit', 'pretendard', sans-serif; line-height:100%; font-weight:700; color:#19283a; }
h5.stit { font-size:21px; font-family:'gong_g', 'pretendard', sans-serif; line-height:130%; font-weight:400; color:#111; }
.tit_detail { font-size:17px; color:#666; line-height:150%; font-weight:400; }





/* ÄÜÅÙÃ÷ 2´Ü ÆíÁý */

.col2_cont { display:flex; flex-wrap:wrap; justify-content:space-between; }
.col2_cont.rev { flex-direction:row-reverse; }
.col2_cont dt { width:33%; }
.col2_cont dd { width:61%; }
.col2_cont dt p { font-size:17px; font-weight:400; color:#555; line-height:150%; }

@media (max-width:1000px) {
	.col2_cont dt { width:100%; padding-right:0; }
	.col2_cont dt br { display:none; }
	.col2_cont dd { width:100%; margin-top:calc(16px + 2.5vw); }
}



/***** Á÷Á¢°ü¸® *****/


#easy_manager { position:relative; padding:100px 0; background:#f4f6f9; }
/*
#easy_manager:before { display:block; content:''; position:absolute; width:100%; height:100%; left:0; top:15%; z-index:-1; background:#f4f6f9; }
*/

#easy_manager .swrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#easy_manager .txt_wrap { width:40%; }
#easy_manager h2.tit { font-size:56px; font-family:'pretendard', sans-serif; line-height:1.3; }
#easy_manager h2.tit span { font-weight:200; }

#easy_manager .easy_video_wrap { width:54%; }
#easy_manager .easy_video_wrap video { max-width:100%; box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, .1); }


@media (max-width:767px) {
	#easy_manager .txt_wrap { width:100%; }
	#easy_manager .easy_video_wrap { width:100%; margin-top:calc(10px + 3%); }
}






/***** Á÷Á¢°ü¸® ¿µ»ó *****/

.ma_video dd { position:relative; }
.ma_video h2 { line-height:0.9; }
.ma_video .vwrap { position:relative; padding-bottom:56.25%; box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, .1); }
.ma_video .vwrap > iframe { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.ma_video .vwrap.board { background-image:url('/images/manage_board.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; }

.ma_video .bol li { font-size:14px; border-radius:100px; padding:11px 21px; background-color:transparent; border:1px solid #19283a; }

@media (max-width:1660px) {
	.ma_video .bol li { padding:calc(6px + 0.3vw) calc(10px + 0.5vw); }
}





/***** ÇÁ·ÎÁ§Æ® ¸®½ºÆ® ¹è°æ *****/

#major_project .bg_line { position:fixed; left:25%; top:0; height:100%; z-index:-1; border-left:1px solid #e8e8e8; }
#major_project .bg_box { position:fixed; top:0; left:75%; width:25%; height:100%; z-index:-1; background-color:#f8f9fa; }


/***** ÇÁ·ÎÁ§Æ® ¸®½ºÆ® ´õº¸±â *****/

#major_project .more button { display:block; width:90px; height:90px; border-radius:50%; background-color:rgba(40,40,40,.2); margin:0 auto; cursor:pointer; transition:background .4s; background-position:center; background-repeat:no-repeat; background-image:url('/images/scroll_down.png'); }
#major_project .more button:hover { background-color:rgba(40,40,40,1); }

#etc_project ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
#etc_project ul li { width:32%; margin-top:calc(10px + 5%); }
#etc_project h5 { font-size:18px; font-weight:600; }

@media (max-width:1660px) {
	#major_project .more button { width:calc(32px + 2.7vw); height:calc(32px + 2.7vw); background-size:calc(8px + 0.8vw); }
}
@media (max-width:1250px) {
	#major_project .more button { background-color:rgba(40,40,40,1); }
}
@media (max-width:1000px) {
	#etc_project ul li { width:47%; }
}






/***** ÇÁ·ÎÁ§Æ® ºä *****/

#pf_view { position:relative; }
#pf_view .bgc { position:absolute; z-index:-1; width:100%; height:calc(100% - 460px); left:0; top:280px; }
#pf_view .pf_img img { box-shadow: 20px 20px 80px 0px rgba(0, 0, 0, .07); -webkit-box-shadow: 20px 20px 80px 0px rgba(0, 0, 0, .07); }

#pf_view h3 + p { font-size:15px; color:#666; font-weight:400; }

.pf_btns a { display:inline-block; vertical-align:middle; padding:24px 60px; }
.pf_btns a button { cursor:pointer; }
.pf_btns a p { font-family:'Kanit', 'pretendard', sans-serif; font-size:15px; }
.pf_btns a i { font-size:24px; }

.pf_btns a:first-of-type { background-color:#f4f4f4; }
.pf_btns a:last-of-type { background-color:#2e2e2e; margin-left:calc(5px + 1%); }
.pf_btns a:last-of-type button * { color:#fff; }



/* ÇÁ¸®¹Ì¾ö ÇÁ·ÎÁ§Æ® */

#pf_view .pf_sub li:first-of-type { padding-right:1%; text-align:left; }
#pf_view .pf_sub li:last-of-type { padding-left:1%; text-align:right; }
#pf_view .pf_sub li img { box-shadow: 15px 15px 60px 0px rgba(0, 0, 0, .07); -webkit-box-shadow: 15px 15px 60px 0px rgba(0, 0, 0, .07); }


#pf_one_px, #pf_one_px .swrap { position:relative; }
#pf_one_px .bgc { position:absolute; z-index:-1; width:100%; height:50%; left:0; bottom:0; }

#pf_one_px h2 { font-family:'gong_g', 'pretendard', sans-serif; font-size:80px; color:#19283a; line-height:1.2; }
#pf_one_px h4 { font-size:22px; font-weight:600; }

#pf_one_px .con { padding-bottom:80px; }
#pf_one_px ul { display:flex; align-items:flex-end; }
#pf_one_px ul li:first-of-type { width:55%; }
#pf_one_px ul li:last-of-type { width:45%; padding-left:5%; padding-bottom:3%; }

#pf_one_px ul li h3 { font-family:'gong_g', 'pretendard', sans-serif; font-size:26px; font-weight:400; }
#pf_one_px ul li p { font-size:17px; font-weight:400; color:#555; line-height:160%; }

#pf_one_px .fold { position:absolute; top:15%; right:0; }

@media (max-width:1660px) {
	#pf_one_px .fold img { width:calc(90px + 30vw); }
}

@media (max-width:1300px) {
	#pf_view .pf_img img, #pf_view .pf_sub li img { box-shadow: calc(3px + 1vw) calc(3px + 1vw) calc(10px + 2.5vw) 0px rgba(0, 0, 0, .07); -webkit-box-shadow: calc(3px + 1vw) calc(3px + 1vw) calc(10px + 2.5vw) 0px rgba(0, 0, 0, .07); }
}
@media (max-width:1250px) {
	#pf_one_px ul li p span { display:none; }
}
@media (max-width:860px) {
	#pf_one_px ul { flex-wrap:wrap; }
	#pf_one_px ul li:last-of-type { width:100%; padding-left:0; padding-bottom:0; margin-top:calc(20px + 4%); }
	#pf_one_px .fold { top:33%;  }
}
@media (max-width:767px) {
	#pf_view .pf_sub li { width:100%; }
	#pf_view .pf_sub li:first-of-type { padding-right:0; }
	#pf_view .pf_sub li:last-of-type { padding-left:0; margin-top:calc(30px + 4vw); }

}








/* CONTACT */

#contact .location { width:43%; }
#contact .inquiry { width:57%; padding-left:6%; }
#contact .inquiry form { margin-top:calc(-18px - 1%); }

#contact h4 { font-family:'gong_g', 'pretendard', sans-serif; font-size:26px; margin-bottom:24px; color:#151f2a; }

#contact .addr { line-height:200%; color:#111; font-size:16px; }
#contact .tel { font-size:22px; font-weight:700; }

#contact .location_map { height:600px; }
#contact .wrap_map { width:100%; height:100% !important; }

#contact .write_col2 { display:flex; flex-wrap:wrap; justify-content:space-between; }
#contact .write_col2 > li { width:48%; margin-top:calc(10px + 1%); }
#contact .frm_input { width:100%; border:0; border-bottom:3px solid #ccc; padding:14px 0; outline:none; font-size:15px; font-weight:400; }
#contact .frm_input.required { border-color:#151f2a; }
#contact textarea { border:0; border-bottom:3px solid #333; background-color:#f8f9fa; }

#contact #wr_content { height:380px; }
#contact .info { height:150px; }

#contact .select { position:relative; }
#contact .select input { cursor:pointer; background:url('/images/sel_arrow.gif') right center no-repeat; }

#contact .select ul { position:absolute; background:#fff; width:100%; box-shadow: 5px 5px 16px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 5px 5px 16px 0px rgba(0, 0, 0, .1); display:none; }
#contact .select ul li { padding:15px 18px; font-size:14px; font-weight:400; color:#777; cursor:pointer; }
#contact .select ul li:nth-of-type(n+2) { border-top:1px solid #eee; }
#contact .select ul li:hover { background-color:#151f2a; color:#fff; }

#contact .btn_wrap { text-align:right; }
#contact .btn_wrap .btn_c { font-size:17px; padding:22px 36px; background-color:#151f2a; }

@media screen and (max-width:1660px) {
	#contact .location_map { height:calc(200px + 20vw) !important; }
	#contact #wr_content { height:calc(160px + 13vw); }
	#contact .frm_input { padding:calc(6px + 0.4vw) 0; }
	#contact .select ul li { padding:12px 14px; }
}
@media screen and (max-width:1250px) {
	#contact .frm_input, #contact textarea { border-width:2px; }
}
@media screen and (max-width:810px) {
	#contact .location { width:100%; }
	#contact .inquiry { width:100%; padding-left:0; margin-top:calc(20px + 2%); }
	#contact .select ul { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .1); }
}


#inquiry_result p { font-size:16px; line-height:150%; font-weight:400; }

#inquiry_result .col4table { border-top:2px solid #333; }
#inquiry_result .col4table th { background-color:#f6f6f6; }
#inquiry_result .box { border-top:2px solid #333; background-color:#f6f6f6; font-size:17px; line-height:170%; font-weight:400; padding:40px; }





/* NOW */

#wish_now { border-top:1px solid #999; }
#wish_now > li { border-bottom:1px solid #999; }
#wish_now .now_tit { padding:70px 0; cursor:pointer; background:url('/images/now_plus.gif') right no-repeat; }
#wish_now h3 { font-size:32px; font-weight:600; padding-right:10%; line-height:1.4; }
#wish_now h3 + p { font-size:15px; color:#aaa; }

#wish_now > li.view .now_tit { background-image:url(/images/now_minus.gif); }
#wish_now > li.view .now_content { padding:90px 0; border-top:1px solid #e5e5e5; }


.tit_col2 { display:flex; flex-wrap:wrap; }
.tit_col2 dt { width:32%; padding:0 6%; }
.tit_col2 dt h4 { font-size:25px; color:#1e2c5a; }
.tit_col2.stk dt > * { position:sticky; top:100px; }
.tit_col2 dd { width:68%; }

.gbox { padding:25px 30px; background-color:#f8f9fa; font-size:16px; line-height:1.6; }

.now_content .shazam_cap { box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, .08); }
.now_content .dol p { font-weight:400; }

@media (max-width:1660px) {
	#wish_now .now_tit { background-size:calc(15px + 0.5vw); }
	#wish_now > li.view .now_content { padding:calc(30px + 3vw) 0; }
}

@media (max-width:1250px) {
	.tit_col2.stk dt > * { top:100px; }
}

@media (max-width:1000px) {
	.tit_col2 dt { width:100%; padding:0; }
	.tit_col2 dd { width:100%; margin-top:calc(10px + 1vw); }
}



.manage_why .imo { display:flex; flex-wrap:wrap; }
.manage_why .imo li { width:20%; }
.manage_why .imo div { text-align:center; }
.manage_why .imo div img { width:150px; }
.manage_why .imo p { font-size:15px; line-height:140%; padding:5% 13% 0 13%; }

.manage_wish { padding:90px 0 60px; background:#f4f6fd; }

@media (max-width:1660px) {
	.manage_why .imo div img { width:calc(80px + 4vw); }
	.manage_why .imo p { padding:5% 10% 0 10%; }
}
@media (max-width:1024px) {
	.manage_why .imo p { padding:5% 7% 0 7%; }
}
@media (max-width:800px) {
	.manage_why .imo li { width:33.33%; }
	.manage_why .imo li:nth-of-type(n+4) { margin-top:calc(10px + 3%); }
}
@media (max-width:500px) {
	.manage_why .imo li { width:100%; display:flex; align-items:center; }
	.manage_why .imo li:nth-of-type(n+2) { margin-top:calc(10px + 3%); }
	.manage_why .imo div { width:32%; }
	.manage_why .imo div img { width:100%; }
	.manage_why .imo p { width:68%; padding:0 0 0 7%; }
}


/*Á÷Á¢°ü¸® ¾ÆÀÌÄÜ Ä®·³¹Ú½º*/

.system_list {margin: -0.7%; display: flex; flex-wrap: wrap; justify-content: center;}
.system_list > li {width: 20%; padding: 0.7%;}
.system_list > li .box {padding: 30px 20px 45px; background: #bbdaf8; text-align: center;}
.system_list > li:nth-of-type(1) .box, .system_list > li:nth-of-type(4) .box {background: #ccd4f8;}
.system_list > li:nth-of-type(2) .box, .system_list > li:nth-of-type(5) .box {background: #bae6f6;}

.system_list > li .box picture .icon {width: 175px; }
.system_list > li .box .con h4 {font-size: 22px; font-weight: 700;}
.system_list > li .box .con p {font-size: 16.5px; font-weight: 400; line-height: 1.5; color:#222;}

.m_system .more_btn {text-align: center;}


@media (max-width:1660px) {
    .system_list > li .box {padding: calc(11px + 1vw) calc(7.4px + 0.7vw) calc(17px + 1.5vw);}
    .system_list > li .box picture .icon {width: calc(100px + 4.4vw); }
}
@media (max-width:1360px) {
    .system_list > li .box .con p br {display: none;}
}
@media (max-width:1250px) {
    .system_list > li {width: 33.33%; }
    .system_list > li .box .con {width: 280px; max-width: 100%; margin-left: auto; margin-right: auto;}
}
@media (max-width:950px) {
    .system_list > li .box .con p br {display: block;}
}
@media (max-width:767px) {
    .system_list > li {width: 100%; }
    .system_list > li .box {display: flex; text-align: left; padding: 10px 2vw; align-items: center;}
    .system_list > li .box picture {width: calc(100px + 4.4vw);}
    .system_list > li .box picture .icon {width: auto;}
    .system_list > li .box .con {width: 80%; margin: 0; padding: 0 calc(6px + 0.6vw);}
    .system_list > li .box .con p br {display: none;}
}




.bgsc {background-color:#f8f9fb;}

/*ÇÁ·Î¼¼½º °øÅë*/
.process.bgsc {padding: 110px 0;}
.process .p_tit {font-size: 48px; font-family: 'gong_g'; font-weight: 400; text-align:center;}
.process .p_det {font-size: 14px; font-family: 'orbitron'; font-weight: 700; color:#333; text-align:center;}
.process .o_tit {color:#ff4e10; font-size: 17px; line-height: 1.4; font-weight: 600;}

/*
.process .box_tit h3 {padding: 14px 18px; font-size: 17px; font-weight: 500; display: inline-block; border-radius: 100px; color:#fff; line-height: 1.3;}
*/

.process .box_tit h5 { position:relative; display:inline-block; width:36px; height:36px; border-radius:50%; background:#ff4e10; }
.process .box_tit h5 span { font-size: 13px; font-weight: 500; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.process .box_tit h3 { font-size: 26px; font-family: 'gong_g'; font-weight: 400; }

.process .cont {font-weight: 400; color:#444; line-height: 1.7; text-align:center;}
.process .line {border: 1px solid #e2e2e2;}
.process .red {color:#f00;}
.process .box_wrap {position: relative;}

.process .txtbox { padding: 30px 43px; background: #fff;  text-align: left;}
.process .txtbox.no_dot {padding: 55px 43px;}
.process .txtbox .dots {text-align: center; font-size: 14px; line-height: 0.4; color:#424242;}
.process .txtbox .con {font-size: 14px; line-height: 1.6; color:#424242;}

.process dl { display: flex; flex-wrap: wrap; justify-content: space-between; }
.process dl dt {width: 700px; }
.process dl dd {width: 700px; }


/*È­»ìÇ¥*/
.process .arrow_right {position: absolute; right:0; bottom:50%; transform: translate(64%, 50%); z-index: 1; }
.process .arrow_right p {position: absolute; color:#fff; font-size: 16px; font-weight:500; line-height: 1.5; top:50%; left: 50%; transform: translate(-50%, -50%); width: auto; white-space: nowrap;}
.process .arrow_right img:nth-of-type(2) {display: none;}

.process .arrow_down {right: 50%; bottom: 0; transform: translate(50%, 68%); position: absolute; z-index: 1; }
.process .arrow_down p {position: absolute; color:#fff; font-size: 16px; font-weight:500; line-height: 1.5; top:58%; left: 50%; transform: translate(-50%, -50%); width: auto; white-space: nowrap;}

@media (max-width:1660px) {
    .process dl dt,
    .process dl dd {width: 47%; }
    .process .box_tit h5 { width:calc(24px + 0.7vw); height:calc(24px + 0.7vw); }
    .process .arrow_right {transform: translate(73%, 50%);}
    .process .arrow_right img {height: calc(30px + 5.5vw);}
    .process .arrow_down img {height: calc(80px + 1vw);}
}
@media (max-width:1400px) {
    .process dl dt,
    .process dl dd {width: 48%; }
    .process .arrow_right {transform: translate(70%, 50%);}

}
@media (max-width:1023px) {
	.process .cont { line-height: 1.6;}
    .process dl dt {width: calc(390px + 30vw); max-width: 100%; margin: 0 auto;}
    .process dl dd {width: calc(390px + 30vw); max-width: 100%; margin: calc(40px + 4.8vw) auto 0;}
    .process dl.no_arr dd {margin: calc(20px + 2vw) auto 0;}

    .process .arrow_right {right: 50%; bottom: 0; transform: translate(50%, 65%);}
    .process .arrow_right p {top:60%;}
    .process .arrow_right img, .process .arrow_down img {height: calc(45px + 5.5vw);}
    .process .arrow_right img:nth-of-type(1) {display: none;}
    .process .arrow_right img:nth-of-type(2) {display: block;}
}
@media (max-width:767px) {
    .process .cont { text-align:left; }
}


/* À̹ÌÁö */
.process.p_visual video { max-width:100%; }


/*ÆÛºí¸®½Ì*/
.process.p_publish dl dd {width: 756px; display: flex; justify-content: space-between;}
.process.p_publish dl dd > div {width: 366px;}
.process.p_publish dl h4 br {display: none;}

@media (max-width:1660px) {
        .process.p_publish dl dt {width: 45%; }
        .process.p_publish dl dd {width: 51%; }
        .process.p_publish dl dd > div {width: 49%;}
}
@media (max-width:1250px) {
    .process.p_publish dl h4 br {display: block;}
}
@media (max-width:1023px) {
        .process.p_publish dl dt {width: calc(390px + 30vw);}
        .process.p_publish dl dd {width: calc(390px + 30vw);}
        .process.p_publish dl dt h4 br {display: none;}
}


/*¸ÂÃã°³¹ß*/
.process.p_develop .box_wrap {width: 700px; margin-left: auto; margin-right: auto; max-width: 100%;}
.process.p_develop .txtbox2 {padding: 35px 40px;}
.process.p_develop .txtbox3 {padding: 26px 40px;}

@media (min-width:1024px) and (max-width:1280px) {
    .process.p_develop .arrow_right {bottom: 66%;}
}
@media (max-width:1023px) {
    .process.p_develop .box_wrap {width: calc(390px + 30vw);}
}