@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

.doc{font-size: 16px;}
.wrap,
.box1{ width:1400px;max-width: 96%; margin:0 auto; position:relative }
.box0{padding:0 50px; margin:0 auto;} 

:root{
	--mainColor:#2e3192;
	--subColor:#19bdc7;
	--item_r:20px;
	--bor_r:3px;
}

html {
  scroll-behavior: smooth;
}


/*hedaer*/
.sub #header{background: rgba(255,255,255,1);}
#header{height:80px; border-bottom:0; background: #fff;}
#header .h_logo{z-index:10000; display: flex; align-items: end;}
#header .h_logo .logo_01{display:inline-block;}
#header .h_logo .logo_02{display: none;}
#header .gnb .depth1 > a {font-size: 1.0625em; color:#111;}
#header .all_btn{width:30px; height: 30px; margin-left: 10px; position: relative; z-index: 10000; cursor: pointer;}
#header .all_btn span{display:block; width:5px; height: 5px; border-radius: 50%; background-color: #aaa; transition: .3s;}
#header .all_btn span:nth-child(1){position:absolute; top: 0; left: 0;}
#header .all_btn span:nth-child(2){position:absolute; top: 0; left: 50%; transform: translateX(-50%);}
#header .all_btn span:nth-child(3){position:absolute; top: 0; right: 0;}
#header .all_btn span:nth-child(4){position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
#header .all_btn span:nth-child(5){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn span:nth-child(6){position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
#header .all_btn span:nth-child(7){position:absolute; bottom: 0; left: 0;}
#header .all_btn span:nth-child(8){position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#header .all_btn span:nth-child(9){position:absolute; bottom: 0; right: 0;}
#header .all_btn.a_on span:nth-child(1),
#header .all_btn.a_on span:nth-child(3),
#header .all_btn.a_on span:nth-child(5),
#header .all_btn.a_on span:nth-child(7),
#header .all_btn.a_on span:nth-child(9){background: var(--subColor)!important; z-index: 10;}
#header .all_btn.a_on span:nth-child(2){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn.a_on span:nth-child(4){position:absolute; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn.a_on span:nth-child(6){position:absolute; right: 50%; transform:translate(50%, -50%);}
#header .all_btn.a_on span:nth-child(8){background: #aaa;position:absolute; bottom: 50%; transform:translate(-50%, 50%);}
#header .all_btn:hover span:nth-child(2),
#header .all_btn:hover span:nth-child(4),
#header .all_btn:hover span:nth-child(6),
#header .all_btn:hover span:nth-child(8){ background-color: var(--subColor)!important;}

.pc_all #header .h_logo .logo_01{display:inline-block!important;}
.pc_all #header .h_logo .logo_02{display:none!important;}
#header.co_st{background: none;} 
#header.co_st .gnb .depth1 > a{color:#fff;}
#header.co_st .h_logo .logo_01{display:none;}
#header.co_st .h_logo .logo_02{display:inline-block;}
.pc_all_menu .fl_wrap.dp2_menu{display: none;}


/* 해체계획서 로고 추가 */
.sub_logo{margin-left: 10px;}

/* top btn */
.qk_right{ position: fixed; right:10px; bottom:.5em; z-index: 999; font-size: 16px;}    
.qk_right > li{ margin-bottom: 8px;}
.qk_right > li .qk_btn{ display: block; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; font-size: 1.625em; color: #fff; background: #fe8421; /*box-shadow: 2px 2px 3px rgba(0,0,0,0.2);*/ box-sizing: border-box; transition: .3s;}
.qk_right > li .qk_btn.inq{ font-size:1.375em; background-color:#d9a14c;}
.qk_right > li .qk_btn.kakao{background-color: #ffcf3d; color: #512929;}
.qk_right > li .qk_btn.ntt{background-color: #3bb51c; color: #fff;}
.qk_right > li .qk_btn.call{ background-color:#3a2987;}
.qk_right > li .qk_btn.top_go{background-color: #333; color: #fff;}
.qk_right > li .qk_btn .xi{ line-height:  46px;}
.main .qk_right > li .qk_btn.top_go.main_st{display: block;}
.sub .qk_right > li .qk_btn.top_go.main_st{display: none;}
.sub .qk_right > li .qk_btn.top_go.sub_st{display: block;}
.main .qk_right > li .qk_btn.top_go.sub_st{display: none;}

/*footer*/
.main #pt_footer{margin-top:0;}
#pt_footer{margin-top:10em; padding: 80px 0 95px; background-color: #111; font-size:16px;}
#pt_footer .f_logo{padding-right:80px; margin-right:100px;border-right: 1px solid rgba(255,255,255,.6);}
#pt_footer .f_info ul > li{color:#aaa; font-weight: 400; margin-right:60px; margin-top: 13px; font-size:1em;}
#pt_footer .f_info ul > li span{font-weight: 500; color:#fff; margin-right: 10px;}
#pt_footer .f_copy{font-size:1em; color:#666; margin-top:30px; letter-spacing: .5px;}
#pt_footer .f_menu a{display: inline-block; width: 180px; height: 50px; text-align: center;border: 1px solid #aaa; border-radius: 50px; font-size: .875em; color: #bbb; font-weight: 300;align-content: center; transition: .3s;}
#pt_footer .f_menu a .xi{margin-left: 15px;}
#pt_footer .f_menu a:hover{color: #fff; border-color: #fff;}




/* main - nav */
.mainNav_wrap{ position: fixed; top: 50%; left: 1em; transform: translateY(-50%); z-index: 999; font-size:16px; font-family: 'Pretendard';}
.mainNav_wrap .mainNav{}
.mainNav_wrap .mainNav li{ margin-bottom:70px;}
.mainNav_wrap .mainNav li:last-child{ margin-bottom:0}
.mainNav_wrap .mainNav li .bar{width:8px; height: 1px; background-color: rgba(255,255,255,.8); margin-right:13px; transition: .3s;}
.mainNav_wrap .mainNav li .tx{color:rgba(255,255,255,.8); font-weight: 300; position: relative; }
.mainNav_wrap .mainNav li:hover .tx{color:#fff;}
.mainNav_wrap .mainNav li.on .tx{ color:#fff;}
.mainNav_wrap .mainNav li.on .bar{width:20px; background-color:#fff;}
.mainNav_wrap .mainNav.hide li .tx{color:#888;}
.mainNav_wrap .mainNav.hide li .bar{background-color:#aaa;}
.mainNav_wrap .mainNav.hide li:hover .tx{color:#555;}


/* index */
#fullpage{overflow: hidden;}
#fullpage .mainSlider{ position:relative}
#fullpage .mainSlider .el{height:100vh; position:relative; overflow:hidden}
#fullpage .mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2,1.2); transition-delay:1s}
#fullpage .mainSlider .slogan{ position:absolute; top:48%; left:50%; transform: translate(-50%, -50%); color:#fff; text-align:left; width:100%;}
#fullpage .mainSlider .slogan .t1{ font-size: 1.25em; display:block; color:#fff; /*transform:translateY(1em);*/ font-weight: 300; /*opacity:0;*/ margin: 5px 0 10px; line-height: 1.1; letter-spacing: 9px; margin-left:9px; text-transform: uppercase;}
#fullpage .mainSlider .slogan .t2{ font-size: 3.9375em; display:block; /*transform:translateY(1em);*/ font-weight: 300; /*opacity:0;*/ line-height: 1.3;}
#fullpage .mainSlider .slogan .t3{ font-size:1.375em; font-weight: 300;/* transform:translateY(1em); opacity:0; */line-height: 1.7; margin-top: 40px;}
/*#fullpage .mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
#fullpage .mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s; }
#fullpage .mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s; }
#fullpage .mainSlider .el.swiper-slide-active .slogan .line{ opacity:1; transition:1s; transition-delay:.5s; }
#fullpage .mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}*/


/*
#fullpage .mainSlider .mainSlider-pagination{ position:absolute; bottom:0; left:0; z-index: 10; height: 4px; width:100%; background: rgb(255,255,255, 0.4);}
#fullpage .mainSlider .mainSlider-pagination .swiper-pagination-progressbar-fill{background:var(--subColor);}*/
.scroll_wrap{position: absolute; bottom: 0; left:0; z-index: 10; font-size:16px;}
.scroll_wrap .mainSlide_scroll{ color: #ddd; text-align: center;font-weight: 500;font-size:0.9375em; transform: rotate(90deg); position: absolute; top: 36px; left: -30px;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 150px; background: rgb(221 221 221 / 30%); overflow: hidden;}
.scroll_wrap .scroll_bar {width: 100%; height: 60px; background: #fff; animation: box-ani 2s linear infinite backwards;}

.mainControl{position:absolute; left:50%; bottom:60px; transform: translateX(-50%); z-index:100; }
.mainControl .mainSlider-btn .xi{ font-size: 1.5em;color: #fff; text-align: center;display: block;width: 60px;height: 60px;line-height: 60px; border:2px solid rgba(255,255,255,.3) ;border-radius: 50%; cursor: pointer; transition: .3s;}
.mainControl .mainSlider-btn .xi:hover{border-color: #fff;}
.mainControl .mainProgress{ text-align:center; margin-right:1em}
/*.mainControl .mainPauseWrap{position:absolute; top:0; left:0; width:70px; font-size: 1.25em; text-align:center;}
.mainControl .mainPauseWrap .mainSlider-btn .xi{ font-size:1.5em;}
.mainControl .mainPauseWrap .mainSlider-play{ display:none; width: 70px;}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; color:#fff}*/
.mainControl .mainSlider-pagination{width:100px; text-align: center; color: #fff; font-size:1.5em;}
.mainControl .mainSlider-pagination .swiper-pagination-current{margin-right: 5px;}
.mainControl .mainSlider-pagination .swiper-pagination-total{font-weight: 700; margin-left: 5px;}


@keyframes box-ani { 
0% { transform: translate(0, -100%);} 
100% {transform: translate(0, 300%);}
}

.main-title{margin-bottom: 30px; color: #fff;}
.main-title .en{font-size: 1.25em;  margin-bottom: 20px; opacity: .6}
.main-title .t1{font-size: 3.375em; font-weight: 800; line-height: 1;}
.main-title .t1 span{color: #72f2f1;}
.main-title .t2{font-size: 1.375em; font-weight: 400;line-height: 1.6; margin-left: 25px;}
.in_wrap{height:100%;}
.bor_r{border-radius:20px;}
.view_btn{text-align: center; }
.view_btn a{font-size: 1em; font-weight: 600; color: #fff; display: inline-block; width: 9em; height: 9em; background-color: #282828; border-radius:50%; align-content: center; margin: 50px auto 0; padding-top: 15px; line-height: 1;}
.view_btn a span{font-size: 1.5em; font-weight: 300; display: block; margin-top: 5px;}
.view_btn a:hover{background-color:#72f2f1 }



#fullpage .service_cont .main-title{color: #000;}
#fullpage .service_cont .ser_list{margin-right: -20px}
#fullpage .service_cont .ser_list > li{width: 25%;}
#fullpage .service_cont .ser_list > li .in{display: block;height: 500px; border-radius: var(--item_r); padding: 45px 40px; margin-right: 20px; color: #fff; align-content: end; position: relative; overflow: hidden; transition:.3s;}
#fullpage .service_cont .ser_list > li .in:before{content: ''; display: block; background-color: rgba(255,255,255,.02); backdrop-filter: blur(10px); position: absolute; top:0; left:0; width: 100%; height:100%; transition:.3s; opacity: 0; z-index: 1;}
#fullpage .service_cont .ser_list > li .in:hover::before{opacity: 1;}
#fullpage .service_cont .ser_list > li .in .ti{font-size: 1.75em; font-weight: 700;margin-bottom: 20px; position: relative; z-index: 5;}
#fullpage .service_cont .ser_list > li .in .tt{font-size: 1.125em;position: relative; z-index: 5;}

/*
#fullpage .about_cont{padding-top: 4em; position: relative;}
#fullpage .about_cont .ab_img01{width: 335px; height: 335px; position: absolute; top: -10px; left: 5%; background-image: url(/theme/responseweb/img/main/about_img01.png); z-index: -1}
#fullpage .about_cont .ab_img02{width: 516px; height: 516px; position: absolute; top: 10%; right: 3%; background-image: url(/theme/responseweb/img/main/about_img02.png);z-index: -1}
#fullpage .about_cont .ab_img03{width: 434px; height: 381px; position: absolute; bottom: 0; left: 11%; background-image: url(/theme/responseweb/img/main/about_img03.png);z-index: -1}

#fullpage .portfolio_cont{position: relative; background: #f9f9f9;}
#fullpage .portfolio_cont .move_txt{position: absolute; bottom: -1em; left: 14em; z-index: 0}
#fullpage .portfolio_cont .move_txt .in_txt{display: flex; white-space: nowrap; text-transform: uppercase; color: #f9f9f9}
#fullpage .portfolio_cont .move_txt .in_txt p{animation: movbox 20s linear infinite; font-size:13.75em; font-weight: 800;white-space: nowrap; padding-right:25px;-webkit-text-stroke:1px #e5e5e5;}
#fullpage .portfolio_cont .view_btn{position: relative; z-index: 1;}
 */
/*
#fullpage .service_cont .main-title .t1{color: #fff;}
#fullpage .service_cont .ser_txt{width: 50%; padding-left: 130px;}
#fullpage .service_cont .ser_txt a{font-size: 2.75em; font-weight: 700; text-align: left; line-height: 1.6; color: #fff; opacity: .5;}
#fullpage .service_cont .ser_txt a .st{font-size: 0.4545em; font-weight: 600; text-transform: uppercase; margin-left: 10px;}
#fullpage .service_cont .ser_txt .on a{opacity: 1; font-style: italic;} 
#fullpage .service_cont .ser_img{width: 50%;} 
#fullpage .service_cont .ser_img .img_z{width: 100%; height: 500px; position: relative;}
#fullpage .service_cont .ser_img .img_z .tt{font-size: 1em; font-weight: 300; color: #222; background-color: #fff; padding: 16px 44px; border-radius: 30px; display: inline-block; margin-bottom: 20px;}
#fullpage .service_cont .view_btn a{margin: -80px auto 0; position: relative; z-index: 1;}
*/


#fullpage .com_cont{background: #f9f9f9;position: relative}
#fullpage .com_cont .com_wrap{margin-top:50px;}
#fullpage .com_cont .main-title{}
#fullpage .com_cont .com_list{width:55%; z-index: 1; position: relative;}
#fullpage .com_cont .com_list > li{width:50%;}
#fullpage .com_cont .com_list > li:nth-child(2){margin-top:170px;}
#fullpage .com_cont .com_list > li:nth-child(3){margin-top:-145px;}
#fullpage .com_cont .com_list .in{display:block; margin:0 12px; height: 330px; position: relative; overflow: hidden;}
#fullpage .com_cont .com_list .in .img_box{ width:100%; height: 100%; position: absolute; top: 0; left: 0; transition: .3s;}
#fullpage .com_cont .com_list .in .img_box:after{content:''; width:100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.25);}
#fullpage .com_cont .com_list .in:hover .img_box{transform:scale(1.15);}
#fullpage .com_cont .com_list .in .txt_box{ position: absolute; bottom:30px; left: 40px;}
#fullpage .com_cont .com_list .in .en{margin-top:20px; color:#ccc; font-weight: 300; letter-spacing: .5px;}
#fullpage .com_cont .com_list .in .ti{font-size:1.625em;font-weight: 700; color:#fff;}

/*@keyframes movbox {
	0%{transform:translateX(0);}
	100%{transform:translateX(-100%);}
}
*/

#fullpage .performance_cont{overflow: hidden;}
#fullpage .performance_cont .la_control .in-btn .xi{width:54px; height: 54px; align-content: center; border:2px solid rgba(255,255,255,.3); font-size: 1.375em; color:#fff; border-radius: 50%; text-align: center;cursor: pointer; transition: .3s;}
#fullpage .performance_cont .la_control .in-btn .xi:hover{border-color: rgba(255,255,255,1);}
#fullpage .performance_cont .portfolio_pagen{width: 45px!important; font-size:1.125em; color: #fff; margin: 0 20px;}
#fullpage .performance_cont .portfolio_pagen .swiper-pagination-total{font-weight: 600;}
#fullpage .performance_cont .portfolio_slide .in{height: 100%;}
#fullpage .performance_cont .portfolio_slide .swiper-slide{height: auto;}

.more_btn{display: block; width: 180px; height: 60px; text-align: center; align-content: center; margin: 0 auto; background-color: var(--mainColor); font-size: 1.125em; color: #fff!important; border-radius: 50px; margin-top: 35px; border: 0; transition: .3s;}
.more_btn:hover{background: var(--subColor);}

#fullpage .inquiry_cont{position: relative;}
#fullpage .inquiry_cont .main-title .t2{line-height: 1.4; margin-bottom: -5px;}
#fullpage .inquiry_cont .main-title .xi{width: 28px; height: 28px; line-height: 28px; border-radius: 50%; background-color: var(--mainColor); font-size: 14px; text-align: center; margin-right: 10px;}
#fullpage .inquiry_cont .inq_box{}
#fullpage .inquiry_cont .inq_box .in_box{width: 50%;padding-right: 40px;}
#fullpage .inquiry_cont .inq_box .in_box.st{padding-right: 0; padding-left: 40px;}
#fullpage .inquiry_cont .inq_box input{background-color: transparent; border: 0!important; color: #fff; padding-left: 30px; box-shadow: none;}
#fullpage .inquiry_cont .inq_box input:focus {  outline: none; box-shadow: none; border:0;}
#fullpage .inquiry_cont .inq_box input::placeholder{color: #fff!important;} 
#fullpage .inquiry_cont .inq_box textarea{background-color: transparent; border: 0!important; color: #fff; min-width: 100%; max-width: 100%; min-height: 160px;max-height: 160px;padding-left: 30px; box-shadow: none;}
#fullpage .inquiry_cont .inq_box textarea:focus {  outline: none; box-shadow: none; border:0;}
#fullpage .inquiry_cont .inq_box textarea::placeholder{color: #fff!important;} 
#fullpage .inquiry_cont .inq_box .inq_st{background-color: rgba(255,255,255,.3); backdrop-filter: blur(10px); border-radius: 7px; padding: 10px 15px; position: relative;}
#fullpage .inquiry_cont .inq_box .inq_st label .required{width: 10px;} 
#fullpage .inquiry_cont .inq_box .inq_st .xi{position: absolute;top: 50%; transform: translateY(-50%); font-size:1.0625em; color: #fff;}
#fullpage .inquiry_cont .inq_box .inq_st .xi.xi-pen-o{top: 10px; transform: translateY(0%);}
#fullpage .inquiry_cont .inq_box .in_box .ti{display: block; font-size:1.0625em; font-weight:500; color:#fff; margin-bottom:3px;}
#fullpage .inquiry_cont .inq_box .in_box .ti img{margin-bottom: 10px;}
#fullpage .inquiry_cont .inq_box .in_box.st label{color: #fff; line-height: 1;}
#fullpage .inquiry_cont .inq_box .in_box.st label img{margin-bottom: 10px;}
#fullpage .inquiry_cont .inq_box .in_box.st label a{font-weight: 600; color: #fff; margin-left:5px;}
#fullpage .inquiry_cont .inq_box #captcha_info{color:#ddd}
#fullpage .inquiry_cont .inq_box #captcha #captcha_key{border: 1px solid #fff; background-color: rgba(255,255,255,.3); backdrop-filter: blur(10px);}

 
/*sub*/
.page_tt{font-size: 1.825em;font-weight: 700;margin-bottom:25px;} 
.page_en{font-size:1.125em; font-weight: 500; margin-bottom: 5px;}
.page_tt .in_tt{font-size:3.25em; font-weight: 800; color:#000;}
.page_stt{font-size:2.2em; font-weight: 600; margin-bottom:35px;}
.page_stt2{font-size:2.375em; font-weight: 100; color:#fff; letter-spacing: 7px; line-height: 1.3;}
.page_tx{font-size:1.125em; font-weight: 300; line-height: 1.7; margin-top: 30px;}


.dot_list{padding: 0!important; margin: 0!important; text-align: left;}
.dot_list > li{line-height: 1.8; font-size: 1em; color: #222; position: relative; padding-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor); margin-bottom: 10px;}
.table_st th,
.table_st td{padding: .5em .8em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1em; font-weight: 500;}
.table_st td{color:#333;}
.table_st .co_1{background: #f9f9f9;}
.table_st .co_2{background: var(--mainColor); color: #fff;}
.table_info{display: none;}
.required, textarea.required{background-image: url(/img/require.png) !important;background-repeat: no-repeat !important;background-position: right top !important;}
.num_list{padding: 0!important; margin: 0!important;}
.num_list > li{line-height: 1.8; font-size: 1.1em; color: #222; position: relative; padding-left: 10px;}
.num_list > li .st_01{font-size: 1.125em; font-weight: 600; margin-right: 5px;}
.num_list > li .st_02{font-size: .75em; font-weight: 600; text-align: center; display: inline-block; width: 22px; height: 22px;line-height: 20px; border: 2px solid #333; border-radius: 50%;}
.sb_list{margin-bottom: 20px;}
.sb_list > li{padding-left: 20px; }

/* 인사말 */
.about_wrap{margin-bottom: 8em;}
.about_wrap .ab_box .in{}
.about_wrap .ab_box .in .img_z{width:100%; height:300px; margin-bottom: 30px; border-radius: var(--item_r);}
.about_wrap .ab_box .in .txt_z{}
.about_wrap .ab_box .in .txt_z .page_tt{margin-bottom:20px;}
.about_wrap .ab_box .in .txt_z .page_tx{margin-top:0; margin-bottom:15px; line-height:1.8;}
.about_wrap .ab_box .in .txt_z .page_tx.ceo_name{margin-top:45px; text-align: right;}
.about_wrap .ab_box .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_wrap .ab_box .in .txt_z .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}
.about_wrap .ab_box .in .in_box > div{width:50%;}	


/* 대표이사프로필 */
.about_01_01 {overflow: hidden; margin-bottom: 8em;}
.about_01_01 .in_text{ display: flex; white-space: nowrap; transition: 0.3s; position: absolute; bottom: -15%; left: 0; line-height: 1; z-index: -1; overflow: hidden; width: 100%;}
.about_01_01 .in_text p{display: flex; padding-right: 300px; font-size: 13em; font-weight: 700; letter-spacing: 4px; color: #f9f9f9; align-items: center; line-height: 1;}
.about_01_01 .def_intro .in .img_z{width:40%; background:#aaa; border-radius:var(--item_r); overflow: hidden;}
.about_01_01 .def_intro .in .img_z .bgfix{height: 600px;}
.about_01_01 .def_intro .in .txt_z{width:60%; padding:3em 0 3em 4em;}
.about_01_01 .def_intro .in .txt_z .page_en{color: var(--mainColor);}
.about_01_01 .def_intro .in .txt_z .page_stt{margin-bottom:25px; padding-bottom: 20px; border-bottom: 1px dotted #ddd; font-weight: 300;}
.about_01_01 .def_intro .in .txt_z .page_tx{ margin-bottom:5px; font-weight: 700; color: #333;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{margin-top:55px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}
.about_01_01 .def_intro .in .txt_z .dot_list > li{width: 50%; line-height: 2; font-size: 1.1em;}
.about_01_01 .def_intro .in .txt_z .dot_list > li:before{top: 15px;}

/* 오시는길 */
.loc_01_01 .map_tw{padding-bottom:1em; font-size:1.5em;}
.loc_01_01 .map_tw .xi{ width: 44px; height: 44px; background: var(--mainColor); border-radius: 50%; line-height: 44px; margin-right: 10px; font-size:.938em; color:#fff;}
.loc_01_01 .map_cont{border-radius:var(--item_r); overflow: hidden;}
.loc_01_01 .loc_info{margin-top:20px; background-color: #f9f9f9; border:1px solid #ddd; padding:30px; border-radius:var(--item_r);}
.loc_01_01 .loc_info > li{position: relative; padding-left:15px; width: 50%;}
.loc_01_01 .loc_info > li:not(:last-child){ margin-bottom: 10px; }
.loc_01_01 .loc_info > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color: var(--mainColor); position: absolute; top: 12px; left: 0;}
.loc_01_01 .loc_info > li .fwB{margin-right:10px; color:var(--mainColor); width:80px; display:inline-block;}
.root_daum_roughmap .cont .section.lst,
.root_daum_roughmap .wrap_controllers{display: none;}
.loc_01_01 .loc_info .in_tt{width: 100%; font-size:1.625em; position: relative; margin-bottom:70px; font-weight: 600; padding:0;}
.loc_01_01 .loc_info .in_tt:before{content:''; display:none}


/* 사업분야 */
.ser_wrap .page_tx{font-weight: 600; color: var(--mainColor); margin-bottom: 10px;}
.ser_wrap .ser_box{padding: 2em 1.5em; border-bottom: 1px solid #ddd;}
.ser_wrap .ser_box .page_tt{margin-bottom: 20px}
.ser_wrap .table_box .ti{font-size: 1.125em; font-weight: 700; color: #222; margin-top: 2em; margin-bottom: 10px; margin-left: 20px; position: relative;}
.ser_wrap .table_box .ti:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background: var(--subColor);position: absolute;top: 10px;left: -20px;}
.ser_wrap .table_box .ti span{font-size: .7272em; font-weight: 400; color: #fff; line-height: 1; padding: 6px 10px; background: var(--subColor); border-radius: 30px; margin-left: 10px;}
.ser_wrap .img_z{width: 100%; height: 300px; border-radius: var(--item_r);}

/* 개인정보처리방침*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/* 견적문의 */
.inq_tit{margin-bottom: 20px;}
.inq_tit .page_tt{margin-bottom: 10px;}
.inq_tit .page_tx{font-size: 1.5em; font-weight: 600; }
.inq_tit .xi{width: 36px; height: 36px; line-height: 36px; border-radius: 50%; background-color:var(--mainColor); text-align: center; font-size: .937em; color: #fff; margin-right: 10px;}

/*
.ser_wrap{border-top: 1px solid #333;}
.ser_wrap .ser_box{padding: 3.5em 3em; border-bottom: 1px solid #ddd;}
.ser_wrap .ser_box .page_tt{width:30%;}
.ser_wrap .ser_list{width:70%;}
.ser_wrap .ser_list > li{width:25%; margin-bottom:40px;}
.ser_wrap .ser_list .in{ text-align: center;}
.ser_wrap .ser_list .in .in_img{display:block; width:220px; height: 220px; border-radius: 50%; margin:0 auto; position: relative; overflow: hidden;}
.ser_wrap .ser_list .in .in_img .bgfix{width:100%; height: 100%; position: absolute; top: 0; left: 0; }
.ser_wrap .ser_list .in .tx{font-size:1.125em; font-weight: 500; color:#333; margin-top:10px;}
.ser_wrap .ser_list > li:nth-child(1) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img01.jpg)}
.ser_wrap .ser_list > li:nth-child(2) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img02.jpg)}
.ser_wrap .ser_list > li:nth-child(3) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img03.jpg)} 
.ser_wrap .ser_list > li:nth-child(4) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img04.jpg)}
.ser_wrap .ser_list > li:nth-child(5) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img05.jpg)}
.ser_wrap .ser_list > li:nth-child(6) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img06.jpg)}
.ser_wrap .ser_list > li:nth-child(7) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img07.jpg)}
.ser_wrap .table_box{width: 70%;}
.ser_wrap .table_box .ti{font-size: 1.375em; font-weight: 700; margin-bottom: 10px;}
.ser_wrap .table_box .ti span{font-size: .7272em; font-weight: 400; color: #fff; line-height: 1; padding: 6px 10px; background: var(--subColor); border-radius: 30px; margin-left: 10px;}
.ser_wrap .dot_list{padding: 20px!important; margin: 0!important; border: 1px solid #ddd; background: #f9f9f9;}
*/

.author_wrap .prog_list{border-top:1px solid #333; margin-bottom:4em; margin-top:1.2em;}
.author_wrap .prog_list > li{border-bottom:1px solid #eaeaea; padding:3.5em 3em;}
.author_wrap .prog_list > li .page_tt{width:30%; padding-right: 2em;}
.author_wrap .prog_list > li .page_tx{width:70%;}
.author_wrap .prog_list > li .page_tx .in_img{margin-bottom:30px; width:100%; height:300px; background-color: #aaa;}
.author_wrap .prog_img > li{width:50%;}


.pg_wrap .pg_page.pg_start{background: url('/img/btn_first.gif') no-repeat 50% 50%;}
.pg_wrap .pg_page.pg_end{background:url('/img/btn_end.gif') no-repeat 50% 50%}