@import url("reset.css");
@charset "UTF-8";


/*------------------------------------
	레이아웃
------------------------------------*/
html, body { min-width:1500px; background:#f9f9f9; }

body, h1, h2, h3, h4, h5, h6{ font-family:'Pretendard','Malgun Gothic','맑은 고딕',sans-serif; font-size:15px; }

a{ text-decoration:none; color:#333; }
a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
a:hover{ text-decoration:none; color:#141414; }

.hide{ position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0; }

.clearfix{ zoom:1; }
.clearfix:before, .clearfix:after{ content:'';display: block;clear: both; }

.Center{ text-align:center !important; }
.Left{ text-align:left !important; }
.Right{ text-align:right !important; }
.Color01{ color:#c2cb2f; }
.Color01h{ color:#bac322; }

.Bg_g_wrap{ overflow:hidden; }
.Bg_g{ background:#f8f8f8; }


/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_wrap{ text-align:center; }
.ing_fa_wrap .fa-cog{ color:#005bac; }
.ing_fa_text{ font-weight:600; font-size:24px; display:block; }


/*------------------------------------
	로그인
------------------------------------*/
#login_container{ width:100%; height:100%; background:#f9f9f9; }
.login_form{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:450px; height:600px; padding:48px; /* background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 0 25px rgb(0 0 0 / 15%); */ }
.login_form .logo_wrap{ margin:0 auto 35px; }
.login_form .login_form_box{ }
.login_form .login_form_box input{ margin-bottom:8px; padding:0 18px; width:100%; height:48px; line-height:48px; color:#444; border:none; border-radius:6px; background:#fff; border:1px solid #eee; }
.join_box{ display:flex; justify-content:space-between; align-items:center; margin:0 auto 22px; }
.join_box > a{ display:inline-block; color:#777; font-size:14px; }
.join_box > a:hover{ color:#444; }
.login_footer_wrap{ /* position:fixed; bottom:50px; left:0; */ width:100%; }
.login_footer{ color:#888; line-height:150%; font-size:13px; font-weight:400; }
.login_footer span{ display:inline-block; }
.login_footer span:before{ display:inline-block; margin:0 8px; content:'l'; color:#ccc; font-size:12px; vertical-align:1px; }
.login_footer span:first-child:before{ display:none; }
.login_footer a{ color:#777; }
.login_footer a:hover{ color:#555; }

.mem_reg_step4_wrap{ height:755px; }

/*------------------------------------
	회원가입
------------------------------------*/
#container #join_contents_wrap { position:relative; width:1000px; margin:0 auto; padding:65px 0; text-align:left; -webkit-padding:79px 0 0 0}
#container #join_contents_wrap .join_h2_2 { display:block; font-size:38px; font-weight:700; }
#container #join_contents_wrap .join_h2_2 img{ height:76px; vertical-align:-23px; }
#container #join_contents_wrap .join_h2_2 span{ display:inline-block; margin-left:12px; }
#container #join_contents_wrap .login_footer{ font-size:15px; line-height:160%; }
#container #join_contents_wrap .con_wrap { position:relative; }
#container #join_contents_wrap .con_wrap.type2 { margin-top:113px;margin-bottom:80px; }
#container #join_contents_wrap .con_wrap h3{ text-align: left; margin-top:55px; margin-bottom:30px;}
#container #join_contents_wrap .con_wrap .scroll_wrap { overflow:hidden; width: 100%; padding: 30px 40px 0; border: 1px solid #efefef; word-break:break-all; text-align: left; line-height: 27px; color: #555; }
#container #join_contents_wrap .con_wrap .scroll_wrap b{ display:block; margin:15px 0 10px; color:#333; font-size:16px; font-weight:500; }
#container #join_contents_wrap .con_wrap .scroll_wrap ul{ margin:15px 0 15px; }
#container #join_contents_wrap .con_wrap .scroll_wrap ul li{ position:relative; padding-left:14px; color:#555; }
#container #join_contents_wrap .con_wrap .scroll_wrap ul li:before{ position:absolute; left:2px; top:11px; content:''; width:4px; height:4px; background:#aaa; border-radius:100px; }

#container #join_contents_wrap .con_wrap .checked_wrap { margin:30px -40px 0; padding:15px 40px 15px; border-top:1px solid #eee; background:#fcfcfc; text-align:right; }
.checked_wrap{ color:#333; }
.checked_wrap input[type="checkbox"] { margin-right:5px; vertical-align:-1px; }

.project_approval .checked_wrap{ padding:20px 5px 0; }

.search_id_pw_wrap{ height:590px; }
.search_id_pw{ padding:30px 48px 25px; margin:30px -48px 40px; background:#f4f4f4; }
.search_id_pw h2{ font-size:20px; font-weight:600; text-align:center; }
.search_id_pw ul{ margin:18px 0 0; line-height:160%; }
.search_id_pw ul li{ position:relative; padding-left:14px; margin:5px 0; font-size:15px; line-height:160%; color:#555; word-break:keep-all; }
.search_id_pw ul li:before{ position:absolute; left:2px; top:9px; content:''; width:4px; height:4px; background:#aaa; border-radius:100px; }

/* 마이페이지 */
.my_page .contents_h3:nth-of-type(2){ margin-top:50px; }
.my_page .btn_wrap{ z-index:2; position:relative; margin-bottom:-40px; }


/*------------------------------------
	헤더
------------------------------------*/
#head { z-index:1; position:relative; }
#head #head-wrap { position:relative; }
#head #head-wrap h1 {  }
#head #head-wrap #head-logInfo{ position:relative; }
#head #head-wrap #head-logInfo:after{ display:block; content:''; clear:both; }
#head #head-wrap #head-logInfo * { }
#head #head-wrap #head-logInfo a{ position:relative; padding-left:26px; display:block; float:left; }
#head #head-wrap #head-logInfo a:before{ position:absolute; left:0; top:0; content:''; width:18px; height:18px; }
#head #head-wrap #head-logInfo a:hover{  }
#head #head-wrap #head-logInfo .userName { }
#head #head-wrap #head-logInfo .userName:before{ background:url(/images/header/my_icon.png) no-repeat center; background-size:100% auto; }
#head #head-wrap #head-logInfo .logState {margin-left: 18px}
#head #head-wrap #head-logInfo .logState:before{ background:url(/images/header/logout_icon.png) no-repeat center; background-size:100% auto; }


/*------------------------------------
	좌측 메뉴
------------------------------------*/
#left-wrap { z-index:2; position:fixed; left:0; top:0; width:260px; height:100%; padding:42px 24px 0; background:#fff; box-shadow:0 0 25px rgb(0 0 0 / 15%); text-align:center; }

h1.logo_wrap{ text-align:center; }
h1.logo_wrap a{ display:block; color:#242424; }
h1.logo_wrap a img{ width:115px; }
h1.logo_wrap span{ display:block; margin-top:14px; line-height:22px; }
h1.logo_wrap strong{ display:block; font-size:22px; font-weight:600; }
h1.logo_wrap b{ font-weight:500; }
h1.logo_wrap i{ display:block; margin-top:6px; font-style:normal; font-size:14.5px; font-weight:400; color:#333; }
h1.logo_wrap u{ text-decoration:none; }

h1.logo_wrap.login span{ line-height:36px; }
h1.logo_wrap.login img{ width:190px; }
h1.logo_wrap.login strong{ font-size:30px; }
h1.logo_wrap.login i{ font-size:19px; }

#left-wrap ul{ padding-top:38px; text-align:left; }
#left-wrap ul > li{ margin-top:9px; }
#left-wrap ul > li:first-child{ margin-top:0; }
#left-wrap ul a{ display:block; width:210px; padding-left:20px; font-size:17px; line-height:45px; font-weight:500; color:#242424; }
#left-wrap ul a span{ position:relative; display:block; padding-left:35px; }
#left-wrap ul a span:before{ position:absolute; left:0; top:0; content:''; width:19px; height:100%; }
#left-wrap ul a:hover{ color:#c2cb2f; }
#left-wrap ul a.active{ background:#c2cb2f; color:#fff; border-radius:10px; }

#left-wrap ul a.gnb_menu_01{ }
#left-wrap ul a.gnb_menu_01 span:before{ background:url(/images/nav/menu1_icon.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_02{ }
#left-wrap ul a.gnb_menu_02 span:before{ background:url(/images/nav/menu3_icon.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_03{ }
#left-wrap ul a.gnb_menu_03 span:before{ background:url(/images/nav/menu6_icon.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_04{ }
#left-wrap ul a.gnb_menu_04 span:before{ background:url(/images/nav/menu7_icon.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_05{ }
#left-wrap ul a.gnb_menu_05 span:before{ background:url(/images/nav/menu4_icon.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_06{ }
#left-wrap ul a.gnb_menu_06 span:before{ background:url(/images/nav/menu5_icon.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_07{ }
#left-wrap ul a.gnb_menu_07 span:before{ background:url(/images/nav/menu2_icon.png) no-repeat center; background-size:100% auto; }

#left-wrap ul a.gnb_menu_01.active{ }
#left-wrap ul a.gnb_menu_01:hover span:before,
#left-wrap ul a.gnb_menu_01.active span:before{ background:url(/images/nav/menu1_icon_h.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_02.active{ }
#left-wrap ul a.gnb_menu_02:hover span:before,
#left-wrap ul a.gnb_menu_02.active span:before{ background:url(/images/nav/menu3_icon_h.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_03.active{ }
#left-wrap ul a.gnb_menu_03:hover span:before,
#left-wrap ul a.gnb_menu_03.active span:before{ background:url(/images/nav/menu6_icon_h.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_04.active{ }
#left-wrap ul a.gnb_menu_04:hover span:before,
#left-wrap ul a.gnb_menu_04.active span:before{ background:url(/images/nav/menu7_icon_h.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_05.active{ }
#left-wrap ul a.gnb_menu_05:hover span:before,
#left-wrap ul a.gnb_menu_05.active span:before{ background:url(/images/nav/menu4_icon_h.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_06.active{ }
#left-wrap ul a.gnb_menu_06:hover span:before,
#left-wrap ul a.gnb_menu_06.active span:before{ background:url(/images/nav/menu5_icon_h.png) no-repeat center; background-size:100% auto; }
#left-wrap ul a.gnb_menu_07.active{ }
#left-wrap ul a.gnb_menu_07:hover span:before,
#left-wrap ul a.gnb_menu_07.active span:before{ background:url(/images/nav/menu2_icon_h.png) no-repeat center; background-size:100% auto; }

#left-wrap ul a.gnb_menu_08{ position:fixed; left:24px; bottom:42px; margin-top:29px; padding-left:0; text-align:center; background:#f9f9f9; color:#333; border-radius:10px; border:1px solid #ddd; }
#left-wrap ul a.gnb_menu_08 span{ padding-left:0; }
#left-wrap ul a.gnb_menu_08 span:before{ display:none; }
#left-wrap ul a.gnb_menu_08:hover{ color:#000; border-color:#d6d6d6; }
#left-wrap ul a.gnb_menu_08.active{ background:#c2cb2f; color:#fff; border-color:transparent; }
#left-wrap ul a.gnb_menu_08:hover span:before,
#left-wrap ul a.gnb_menu_08.active span:before{  }


/*------------------------------------
	푸터
------------------------------------*/
#footer{ margin-top:57px; color:#777; }
#footer > div{ position:relative; padding-bottom:2px; }
#footer > div:after{ display:block; content:''; clear:both; }
#footer > div span{ position:relative; display:block; }
#footer > div span a{ color:#777; }
#footer > div span a:hover{ color:#555; }
#footer > div span.copyright{ position:absolute; right:0; top:-2px; }


/*------------------------------------
	메인 화면 : dashboard
------------------------------------*/
/* Project 데이터 */
.pjt_wrap{ margin-bottom:60px; display:grid; grid-template-columns:repeat(5, 1fr); gap:44px; }
.pjt_Box{ position:relative; display:block; border-radius:12px; box-shadow:0 0 25px rgb(0 0 0 / 15%); border:1px solid #ddd; background:#fff; }
.pjt_Box{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.pjt_Box div{ padding:28px 11.9% 65px; }
.pjt_Box div p{ position:relative; padding-left:15px; font-size:16px; color:#555; }
.pjt_Box div p:before{ position:absolute; left:0; top:1px; content:''; width:4px; height:17px; border-radius:100px; background:#c2cb2f; }
.pjt_Box div strong{ display:block; padding-top:20px; text-align:right; font-size:60px; font-weight:600; color:#242424; }
.pjt_Box span{ position:absolute; left:0; bottom:0; display:block; width:100%; padding-left:11.9%; line-height:45px; border-top:1px solid #ddd; font-size:13px; color:#666; }
.pjt_Box span:after{ position:absolute; right:11.9%; bottom:0; content:''; width:10px; height:45px; background:url(/images/icon/arrow_icon.png) no-repeat center; background-size:100%; }
.pjt_Box:hover strong{ color:#000; }
.pjt_Box.point{ border-color:#c2cb2f; background:#c2cb2f; }
.pjt_Box.point div p{ color:rgba(255,255,255,0.9); }
.pjt_Box.point div p:before{ background:#fff; }
.pjt_Box.point div strong{ color:#fff; }
.pjt_Box.point span{ border-top-color:rgba(255,255,255,0.35); color:rgba(255,255,255,0.8); }
.pjt_Box.point span:after{ background:url(/images/icon/arrow_icon_w.png) no-repeat center; background-size:100% auto; opacity:0.9; }
.pjt_Box.point:hover{ border-color:#bac322; background:#bac322; }

/* 첫 프로젝트 생성 */
.dashboard_main{ position:relative; height:652px; text-align:center; }
.dashboard_main > div{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); }
.dashboard_main p{ font-size:36px; font-weight:600; }
.dashboard_main span{ display:block; margin:25px 0 45px; font-size:28px; color:#242424; font-weight:500; }
/* .dashboard_main a{ display:block; width:250px; margin:0 auto; background:#c2cb2f; color:#fff; font-size:18px; font-weight:500; line-height:54px; border-radius:10px; }
.dashboard_main a:hover{ background:#bac322; } */

/* 프로젝트 테이블 */
.table_wrap tbody td.p_name{ padding-left:31px; padding-right:15px; }


/*------------------------------------
	서브 레이아웃
------------------------------------*/
#container { width: 100%; }
#container #right-wrap { padding-left:260px; background: #f9f9f9; }
#container .inner_wrap{ z-index:1; position:absolute; right:68px; top:67px; } /* 헤더 */
#container .inner_wrap_2 { position:relative; padding:52px 68px 56px; } /* 우측 컨텐츠 */
#container .inner_wrap_3 { position: relative; }
.right_contents{ position:relative; min-height:629px; }

.right_box{ border:1px solid #ddd; background:#fff; box-shadow:0 0 25px rgb(0 0 0 / 15%); border-radius:10px; }
.right_box.t_border_n{  }
.right_box.t_padding{ padding:0 20px 11px; }
.right_box.t_padding:before{ position:absolute; left:0; top:56px; content:''; width:100%; height:1px; background:#ddd; }

.sub_right_box .right_box{ /*border-radius:0;*/ }
.sub_right_box{ /*padding:50px 55px 55px;*/ }

.contents_h2{ padding-bottom:49px; }
.contents_h2 span{ display:block; font-size:40px; font-weight:700; text-transform:uppercase; }

.contents_h3{ margin-bottom:32px; }
.contents_h3 span{ position:relative; display:block; /*padding-top:22px;*/ font-size:32px; color:#141414; font-weight:600; }


/*------------------------------------
	introduction
------------------------------------*/
.data_wrap .contents_h3{ margin-top:55px; }
.sub_right_box .data_wrap:nth-of-type(1) .contents_h3{ margin-top:0; }
.sub_right_box .data_wrap .contents_h3:nth-of-type(1){ margin-top:0; }
.data_wrap .img_wrap{ margin:0 auto; text-align:center; }
.data_wrap .img_wrap strong{ display:block; margin-top:10px; font-weight:500; font-size:15px; color:#555; }
.data_wrap p.data_p{ padding-left:28px; }

.dot_p1{ margin-top:10px; padding-bottom:10px; }
.dot_p2{ margin-top:15px; padding-bottom:15px; }
.dot_p3{ margin-top:20px; padding-bottom:20px; }
.dot_p4{ margin-top:30px; padding-bottom:25px; }
.dot_p5{ margin-top:35px; padding-bottom:35px; }

.data_wrap{ line-height:160%; font-size:18px; color:#333; word-break:keep-all; }
.data_wrap .right_box{ padding:40px 47px; }
.data_wrap .right_box p{ }
.data_wrap .right_box p.txt_step{ margin:40px auto 0; font-size:20px; }
.data_wrap .right_box p.txt_step:first-child{ margin-top:0; }
.data_wrap .right_box p b{ font-weight:500; }
ul.dotted_txt{ margin:20px 0 30px; line-height:160%; }
ul.dotted_txt li{ position:relative; padding-left:28px; margin-top:2px; font-size:17px; line-height:160%; color:#555; }
ul.dotted_txt li:first-child{ margin-top:0; }
ul.dotted_txt li:before{ position:absolute; left:7px; top:10px; content:''; width:6px; height:6px; background:#aaa; border-radius:100px; }
ul.dotted_txt li b{ font-weight:500; }
.data_wrap .right_box ul.dotted_txt:first-child{ margin:0; }
ul.btn_dotted_txt{ margin-top:-10px; }
.data_wrap .right_box > ul.dotted_txt:last-child{ margin-bottom:0; }

.img_wrap{ position:relative; margin:0 auto; }

/* 개요 */
.summary_wrap{ margin-bottom:5px; }
.summary{ display:grid; grid-template-columns:repeat(3, 1fr); gap:50px; }
.summary li{ position:relative; text-align:center; border-radius:6px; /* box-shadow:0 0 25px rgb(0 0 0 / 15%); */ }
.summary li:after{ position:absolute; right:-36px; top:0; width:20px; height:100%; content:''; background:url(/images/common/next.png) center no-repeat; background-size:100%; opacity:0.2; }
.summary li:last-child:after{ display:none; }
.summary li .img_wrap{ overflow:hidden; border-radius:6px 6px 0 0; }
.summary li strong{ position:relative; display:block; height:58px; font-size:18px; font-weight:600; line-height:58px; border:1px solid #eee; border-top:none; background:#fcfcfc; color:#333; border-radius:0 0 6px 6px; }

/* 특징 */
.characteristic_wrap{ margin-bottom:5px; }
.characteristic{ display:grid; grid-template-columns:repeat(4, 1fr); gap:50px; text-align:center; }
.characteristic li{ }
.characteristic li .circle_icon{ margin:0 auto; width:140px; height:140px; border-radius:100px; border:1px solid #eee; /* box-shadow:0 0 25px rgb(0 0 0 / 15%); */ }
.characteristic li .circle_icon{ background:#f9f9f9; border-color:#f0f1dd; border-color:#e2e3cb; color:#bac322; background-color:#fdfdf5;  opacity:0.8; }
.characteristic li:nth-child(1) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon1.png) center no-repeat; background-size:35%; }
.characteristic li:nth-child(2) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon2.png) center no-repeat; background-size:35%; }
.characteristic li:nth-child(3) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon3.png) center no-repeat; background-size:35%; }
.characteristic li:nth-child(4) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon4.png) center no-repeat; background-size:35%; }
.characteristic li strong{ display:block; margin:20px 0 8px; font-size:20px; font-weight:500; color:#333; }
.characteristic li strong i{ font-style:normal; color:#bac322; }
.characteristic li span{ display:block; color:#555; font-size:15px; line-height:140%; }

/* 활용 */
.conjugate_wrap{ margin-bottom:5px; }
.conjugate{ display:grid; grid-template-columns:repeat(3, 1fr); gap:50px; }
.conjugate li{ position:relative; text-align:center; border-radius:6px; /* box-shadow:0 0 25px rgb(0 0 0 / 15%); */ }
.conjugate li .img_wrap{ overflow:hidden; border-radius:6px 6px 0 0; }
.conjugate li dl{ position:relative; display:block; padding:27px 40px 35px; border:1px solid #eee; border-top:none; background:#fff; color:#333; border-radius:0 0 6px 6px; text-align:left; }
.conjugate li dl dt{ margin-bottom:12px; font-size:19px; font-weight:600; }
.conjugate li dl dd{ font-size:15px; color:#777; line-height:160%; }

/* 평가 절차 */
.info_table_block{ margin-bottom:5px; }
.info_table_wrap{ display:flex; justify-content:space-between; }
.info_table{ position:relative; text-align:center; }
.info_table_wrap .info_table:first-child{ margin-left:0; }
.info_title{ display:flex; align-items:center; padding:8px 0; height:54px; background:#f2f2f2; border:1px solid #ddd; border-radius:6px; line-height:100%; text-align:center; }
.info_title strong{ display:block; width:100%; font-size:15px; font-weight:500; color:#333; }
.info_contents{ position:relative; display:grid; grid-template-columns:repeat(1, 1fr); gap:30px; margin-top:10px; }
.info_contents:after{ position:absolute; right:-7.5%; top:0; width:20px; height:100%; content:''; background:url(/images/common/next.png) center no-repeat; background-size:100%; opacity:0.2; }
.info_contents li{ position:relative; }
.info_contents li.point_bg > div{ background:#fff; }
.info_contents li > div{ display:flex; align-items:center; position:relative; height:173px; background:#f7f7f7; border:1px solid #eee; border-radius:6px; }
.info_contents li > div b{ top:50%; display:block; width:100%; line-height:140%; font-size:14px; font-weight:400; color:#555; }
.info_contents li i{ font-size:12px; font-style:normal; color:#777; }

.info_table_wrap .info_table:nth-child(1){ width:44.4%; }
.info_table_wrap .info_table:nth-child(2){ width:27.3%; }
.info_table_wrap .info_table:nth-child(3){ width:17.6%; }

.info_table_wrap .info_table:nth-child(1) .info_contents{ display:flex; justify-content:space-between; }
.info_table_wrap .info_table:nth-child(1) .info_contents li:nth-child(1){ width:17.3%; }
.info_table_wrap .info_table:nth-child(1) .info_contents li:nth-child(2){ width:52.7%; }
.info_table_wrap .info_table:nth-child(1) .info_contents li:nth-child(3){ width:17.3%; }
.info_table_wrap .info_table:nth-child(2) .info_contents{ grid-template-columns:repeat(3, 1fr); gap:30px; }
.info_table_wrap .info_table:nth-child(3) .info_contents{ grid-template-columns:repeat(2, 1fr); gap:30px; }

.info_table_wrap .info_table:nth-child(2) .info_contents:after{ right:-13%; }
.info_table_wrap .info_table:nth-child(3) .info_contents:after{ display:none; }

.info_contents li div.s_info_wrap{ flex-direction:column; justify-content:space-between; background:none; border:none; border-radius:0; }
.info_contents li div.s_info_wrap .s_info{ position:relative; width:100%; background:#f7f7f7; border:1px solid #eee; border-radius:6px; }
.info_contents li div.s_info_wrap .s_info span{ display:block; width:100%; font-size:15px; font-weight:500; color:#333; background:#e5e5e5; }
.info_contents li div.s_info_wrap .s_info b{ display:flex; align-items:center; height:50px; text-align:center; background:#fff; border-radius:0 0 6px 6px; }
.info_contents li div.s_info_wrap .s_info b i{ width:100%; font-style:normal; font-size:13px; line-height:140%; color:#666; }

.s_info_wrap .s_info:before,
.s_info_wrap .s_info:after{ position:absolute; top:0; width:16px; height:100%; content:''; background:url(/images/common/next.png) center no-repeat; background-size:100%; opacity:0.2; }
.s_info_wrap .s_info:before{ left:-9%; }
.s_info_wrap .s_info:after{ right:-9%; }
.info_table_wrap .info_table:nth-child(2) .info_contents li:after,
.info_table_wrap .info_table:nth-child(3) .info_contents li:after{ position:absolute; right:-23px; top:0; width:16px; height:100%; content:''; background:url(/images/common/next.png) center no-repeat; background-size:100%; opacity:0.2; }
.info_table_wrap .info_table:nth-child(2) .info_contents li:last-child:after,
.info_table_wrap .info_table:nth-child(3) .info_contents li:last-child:after{ display:none; }

/* 평가 결과 확인 및 수행 보고서 생성 */
.img_box_wrap{ margin-bottom:5px; display:grid; grid-template-columns:repeat(3, 1fr); gap:50px; }
.img_box{ position:relative; text-align:center; border-radius:6px; border:1px solid #eee; /* box-shadow:0 0 25px rgb(0 0 0 / 15%); */ }
.img_box .img_wrap{ overflow:hidden; padding:40px 0; border-radius:6px 6px 0 0; }
.img_box strong{ position:relative; display:block; height:58px; font-size:17px; font-weight:600; line-height:58px; border-top:1px solid #eee; background:#fcfcfc; color:#333; border-radius:0 0 6px 6px; }


/*------------------------------------
	결제
------------------------------------*/
.amount_block_wrap .right_box{ background:#f9f9f9; }
.amount_block{ position:relative; display:flex; justify-content:space-between; align-items:end; }
.amount_block:before{ position:absolute; left:0; bottom:70px; content:''; width:100%; height:1px; background:#ddd; }
.amount_wrap{}
.amount_wrap p{ width:100%; display:flex; align-items:baseline; justify-content:end; margin-top:10px; line-height:100%; }
.amount_wrap p:first-child{ margin-top:0; }
.amount_wrap p{ display:inline-block; font-size:40px; font-weight:700; color:#242424; letter-spacing:-1px; }
.amount_wrap p span{ display:inline-block; margin-left:1px; font-size:18px; font-weight:700; color:#242424; }
.amount_wrap p i{ display:inline-block; margin-left:7px; font-style:normal; font-size:18px; font-weight:400; color:#777; letter-spacing:-0.5px; }
.total_txt{ padding-bottom:12px; font-size:30px; }

.amount_wrap p.amount_gray{ padding-right:82px; color:#777; font-weight:600; }
.amount_wrap p.amount_gray span:first-child{ font-size:40px; font-weight:600; color:#777; }
.amount_wrap p.amount_gray span:last-child{ color:#777; font-size:18px; font-weight:600; }
.amount_wrap p.amount_gray i{ color:#999; }

.box_two{ display:grid; grid-template-columns:repeat(2, 1fr); gap:50px; }

.select_box_pay{ position:relative; z-index:1; margin-top:-32px; display:inline-block; }
.select_box_pay input[type="checkbox"]{ margin-right:5px; vertical-align:0; }

/* 결제 프로세스 */
.process_wrap{ margin-bottom:5px; }
.process{ display:grid; grid-template-columns:repeat(4, 1fr); gap:50px; text-align:center; }
.process li{ }
.process li .circle_icon{ margin:0 auto; width:140px; height:140px; border-radius:100px; border:1px solid #eee; /* box-shadow:0 0 25px rgb(0 0 0 / 15%); */ }
.process li .circle_icon{ background:#f9f9f9; border-color:#f0f1dd; border-color:#e2e3cb; color:#bac322; background-color:#fdfdf5;  opacity:0.8; }
.process li:nth-child(1) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon01.png) center no-repeat; background-size:40%; }
.process li:nth-child(2) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon02.png) center no-repeat; background-size:42%; }
.process li:nth-child(3) .circle_icon{ background:#c2cb2f url(/images/intro/circle_icon03_w.png) center no-repeat; background-size:40%; opacity:1; border-color:#c2cb2f; }
.process li:nth-child(4) .circle_icon{ background:#fbfbef url(/images/intro/circle_icon04.png) center no-repeat; background-size:40%; }
.process li b{ display:block; margin:0 0 13px; font-size:18px; font-weight:700; color:#242424; }
.process li:nth-child(3) b{ color:#bac322; }
.process li strong{ display:block; margin:20px 0 8px; font-size:18px; font-weight:600; color:#333; }
.process li strong i{ font-style:normal; color:#bac322; }
.process li span{ display:block; color:#555; font-size:15px; line-height:140%; }


/*------------------------------------
	select, input, button, textarea, radio
------------------------------------*/
select, input[type=text], input[type=password]{ padding:0 20px; min-width:100px; max-width:100%; height:44px; line-height:44px; border:1px solid #ddd; background:#fff; color:#555; border-radius:6px; }
.btn_wrap select, .btn_wrap input[type=text], .btn_wrap input[type=password]{ height:46px; line-height:46px; border-radius:8px; }
select:focus,
input[type=text]:focus, input[type=password]:focus{ outline:none; }
input.txt_type01 { width:300px; }
input:placeholder{ color:#888; }
input::placeholder{ color:#888; }

legend{ display: none; }

.ipt_typ1 { width:100%; }
.ipt_typ2 { width:50%; }
.ipt_typ3 { width:30%; }
.ipt_typ4 { width:20%; }
.ipt_typ5 { width:15%; }

select{ -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; background:url(/images/common/select-icons1.png) 94% center no-repeat; background-size:8px; }
select::-ms-expand{ display:none;/*for IE10,11*/ }
select:visited,
select:active,
select:focus-within{ /* background:url(/images/common/select-icons1.png) 94% center no-repeat; background-size:8px; */ }
select:focus{ /* background:url(/images/common/select-icons2.png) 94% center no-repeat; background-size:8px; */ }

textarea{ border:1px solid #ddd; color:#555; width:100%; height:222px; padding:12px 20px; line-height:160%; resize:none; outline:none; border-radius:6px; }
.project_report_wrap textarea{ height:71px; }
.view_textarea{ background:#f4f4f4; }
.textarea_info textarea.right_box{ height:205px; border-radius:10px 0 0 10px; }

input[type="radio"]{ appearance: none; width:16px; height: 16px; margin-right:2px; border:1px solid #ddd; border-radius:100%; background-color:#fff; vertical-align:middle; }
input[type="radio"]:checked{ position:relative; border-color:#c2cb2f; background-color:#fff; }
input[type="radio"]:checked:before{ position:absolute; left:3px; top:3px; content:''; width:8px; height:8px; background:#c2cb2f; border-radius:100%; }

.radio_box label{ vertical-align:middle; }

.check_box_wrap{ width:80%; display:grid; grid-template-columns:repeat(5, 1fr); gap:12px 8px; }
.check_box_wrap .check_box{ display:inline-block; }
input[type="checkbox"]{ margin-right:2px; vertical-align:middle; }
input[type="checkbox"]:checked{ position:relative; }

.btn{ position:relative; display:inline-block; padding:0 20px; min-width:94px; height:44px; line-height:42px; background:#fff; border-radius:8px; color:#555; border:1px solid #ddd; text-align:center; vertical-align:middle; }
.btn:hover{ color:#333; border-color:#cfcfcf; }
.btn_bg{ background:#c2cb2f; border-color:#c2cb2f; color:rgba(255,255,255,0.9); }
.btn_bg:hover{ color:#fff; background:#bac322; }
.btn_check{ min-width:auto; background:#f4f4f4; }

.btn_wrap.no_flex,
.btn_wrap.no_flex .brd_btn{ display:block; margin:0; }

.btn_wrap{ position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
.btn_wrap .btn{ height:46px; line-height:44px; box-shadow:0 0 25px rgb(0 0 0 / 15%); }
.btn_wrap .dotted_txt{ margin:0; }
.brd_btn{ display:flex; align-items:center; }
.brd_btn a{ margin-left:12px; border-radius:8px; font-size:14px; }
.brd_btn a:first-child{ margin-left:0; }
.btn_wrap .brd_txt_input{ display:flex; align-items:center; }
.btn_wrap .brd_txt_input span{ margin-right:5px; color:#555; }
.btn_wrap .brd_txt_input input{ padding:0 5px; width:150px; height:30px; border-width:0 0 1px 0; border-color:#ccc; border-radius:0; background:none; line-height:30px; text-align:center; }

.table_list_box{ position:relative; }
.table_list_box .table_tit{ position:relative; font-size:26px; color:#000; font-weight:600; }
.table_list_box .table_tit2{ position:relative; padding-left:28px; font-size:22px; color:#111; font-weight:600; }
.table_list_box .table_tit2:before{ position:absolute; left:0; top:5px; content:''; width:18px; height:18px; border:4px solid #c2cb2f; background:#fdfdf5; border-radius:100px; }
.table_list_box .table_tit3{ position:relative; padding-left:14px; font-size:19px; color:#222; font-weight:600; line-height:160%; }
.table_list_box .table_tit3:before{ position:absolute; left:0; top:5px; content:''; width:4px; height:18px; background:#c2cb2f; }
.table_list_box .table_tit3:after{ position:absolute; left:0; top:14px; content:''; width:4px; height:9px; background:#9ba312; }
.table_list_box .check_icon{ padding-left:34px; }
.table_list_box .check_icon:before{ position:absolute; left:0; top:4px; content:''; width:24px; height:24px; background:url(/images/common/check.png) center no-repeat; background-size:100%; }
.btn_wrap.mb_btn{ z-index:1; position:absolute; right:0; top:9px; margin:0; } /* 테이블 우측 상단 안내 문구 */

.btn_wrap2{ margin:50px 0; }
.btn_wrap3 .brd_btn{ display:block; margin-top:-15px; }
.btn_del{ left:0; }
.btn_copy {position: absolute;top: 25px;left: 135px; }
.btn_create{  }

.btn_right{ /* margin:20px 0; */ }
.s_btn{ position:relative; display:inline-block; padding:0 10px; font-size:13px; line-height:26px; background:#f9f9f9; border:1px solid #ddd; color:#666; border-radius:6px !important; }
.s_btn:hover{ color:#333; border-color:#cfcfcf; }
.s_btn_bg{ border-color:#cfd56d; color:#bac322; background-color:#fdfdf5; }
.s_btn_bg:hover{ color:#a8b111; border-color:#bac322; }

.btn.prev{ padding-left:50px; }
.btn.next{ padding-right:50px; }
.btn.prev,
.btn.next{ min-width:120px; height:48px; background:#555; border-color:#555; color:rgba(255,255,255,0.9); font-size:16px; line-height:46px; }
.btn.prev:before,
.btn.next:before{ position:absolute; top:0; width:8px; height:100%; content:''; background:url(/images/common/select-icons1-w.png) center no-repeat; background-size:100%; opacity:0.8; }
.btn.prev:before{ left:20px; transform:rotate(90deg); } 
.btn.next:before{ right:20px; transform:rotate(-90deg); } 
.btn.prev:hover,
.btn.next:hover{ background:#333; border-color:#333; }

.login_btn{ display:block; height:48px; line-height:48px; border-radius:6px; }

.btn_icon_wrap{ margin-top:30px; }
.uproad_btn,
.delete_btn,
.plus_btn{ min-width:120px; padding-right:25px; background:#fff; border-radius:6px !important; }
.uproad_btn:before,
.delete_btn:before,
.plus_btn:before{ position:absolute; right:10px; top:0; width:10px; height:100%; content:''; background:url(/images/common/upload_b.png) center no-repeat; background-size:100%; opacity:0.5; }
.uproad_btn:hover:before,
.delete_btn:hover:before,
.plus_btn:hover:before{ opacity:0.7; }
.uproad_btn:before{ height:99%; width:11px; background:url(/images/common/upload_b.png) center no-repeat; background-size:100%; }
.delete_btn:before{ background:url(/images/common/plus_b.png) center no-repeat; background-size:100%; transform:rotate(45deg); }
.plus_btn:before{ background:url(/images/common/plus_b.png) center no-repeat; background-size:100%; }

.finish_icon{ margin:30px auto 10px; text-align:center; }
.finish_btn{ position:relative; display:inline-block; padding:0 20px 0 50px; min-width:280px; height:54px; margin:0 12px; }
.finish_btn{ line-height:52px; font-weight:500; background:#fdfdf5; border-radius:6px; color:#bac322; font-size:17px; border:1px solid #cfd56d; text-align:center; }
.finish_btn.no_icon{ min-width:230px; padding-left:20px; }
.write_icon:before,
.user_check:before,
.printer:before{ position:absolute; left:34px; top:0; height:100%; content:''; }
.write_icon:before{ width:20px; background:url(/images/common/write_icon_p.png) center no-repeat; background-size:100%; }
.user_check:before{ width:20px; background:url(/images/common/user_icon_p.png) center no-repeat; background-size:100%; }
.printer:before{ width:22px; background:url(/images/common/printer_p.png) center no-repeat; background-size:100%; }
.write_icon:hover,
.user_check:hover,
.printer:hover,
.no_icon:hover{ background:#bac322; border-color:#bac322; color:#fff; }
.write_icon:hover:before{ background:url(/images/common/write_icon_w.png) center no-repeat; background-size:100%; }
.user_check:hover:before{ background:url(/images/common/user_icon_w.png) center no-repeat; background-size:100%; }
.printer:hover:before{ background:url(/images/common/printer_w.png) center no-repeat; background-size:100%; }



.join_subTxt_1{ z-index:1; position:absolute; right:0; top:4px; line-height:30px; color:#666; font-size:14px; } /* 우측 상단 텍스트 */
.join_subTxt_2{ top:-2px; }


/*------------------------------------
	검색 조건
------------------------------------*/
.srch_wrap{ box-shadow:0 0 25px rgb(0 0 0 / 15%); background:#fff; border-radius:8px; }
.srch_wrap .srch{ display:flex; }
.srch legend{ overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; }
.search_select{}
.search_select .sbHolder{ height:46px; }
.search_select .sbHolder{ position:relative; padding-left:50px; border-radius:8px 0 0 8px; border-right:none; }
.search_select .sbHolder:before{ position:absolute; left:0; top:0; content:''; width:50px; height:100%; background:url(/images/icon/search_btn.png) no-repeat center; background-size:15px; }
.search_select .sbSelector{ left:46px; width:102px; text-indent:0; }
.search_select .sbOptions{ left:29px; top:44px !important; width: 123px; border-radius:8px; }
.search_select .sbOptions a{ padding-left:8px; }
.search_keyword{ position:relative; }
.search_keyword:before{ position:absolute; left:0; top:11px; content:''; width:1px; height:22px; background:#ddd; }
.search_keyword .keyword{ width:280px; padding-right:78px; border-left-width:0; }
.btn_wrap .search_keyword .keyword{ border-radius:0 8px 8px 0; }
.btn_wrap .search_keyword .keyword.first{ border-radius:8px; }
.project_contents .search_keyword .keyword{ border-radius:8px; border-left-width:1px; }
.project_contents .search_keyword:before{ display:none; }
.search_keyword .search_btn{ z-index:1; position:absolute; right:0; top:0; height:46px; padding:0 17px; color:#555; background:#fcfcfc; border:1px solid #ddd; border-radius:0 8px 8px 0; cursor:pointer; }
.search_keyword .search_btn:after{ position:absolute; right:57px; top:11px; content:''; width:1px; height:22px; background:#ddd; }

.btn_wrap .brd_btn:last-child .search_select .sbHolder{ width:138px; padding-left:0; }
.btn_wrap .brd_btn:last-child .search_select .sbHolder:before{ display:none; }
.btn_wrap .brd_btn:last-child .search_select .sbSelector{ left:0; text-indent:8px; }
.btn_wrap .brd_btn:last-child .search_select .sbOptions{ left:0; width:100%; }

.range_wrap{ display:inline-block; }
.range_wrap .range_inLeftWrap{ display:flex; border-radius:8px; background:#fff; box-shadow:0 0 25px rgb(0 0 0 / 10%); }
.range_wrap .range_inRightWrap{ }
.range_wrap .sbHolder{ position:relative; height:46px; background:none; border-radius:0; border-left-width:0; border-right-width:0; }
.range_wrap .sbHolder:after{ position:absolute; left:0; top:11px; content:''; width:1px; height:22px; background:#ddd; }
.range_wrap .sbHolder:nth-of-type(1){ position:relative; width:176px; padding-left:50px; border-radius:8px 0 0 8px; border-left-width:1px; }
.range_wrap .sbHolder:nth-of-type(1):before{ position:absolute; left:0; top:0; content:''; width:50px; height:100%; background:url(/images/icon/search_btn.png) no-repeat center; background-size:15px; }
.range_wrap .sbHolder:nth-of-type(1):after{ display:none; }
.range_wrap .sbHolder:nth-of-type(1) .sbSelector{ width:132px; left:44px; text-indent:0; }
.range_wrap .sbHolder:nth-of-type(1) .sbOptions{ left:23px; width:88%; }
.range_wrap .sbHolder:last-child{ border-radius:0 8px 8px 0; border-right-width:1px; }
.range_wrap .sbHolder:last-child .sbOptions{ /* width:140px; */ }
.range_wrap .sbHolder .sbOptions{ border-radius:8px; }
.range_wrap .sbSelector{ height:46px; line-height:44px; }
.range_wrap .sbOptions{ top:44px !important; }

.verification_contents .range_wrap .sbHolder:last-child{ width:180px !important; }

.paginate_wrap{ z-index:1; position:relative; }
.paginate{ position:relative; display:flex; justify-content:center; align-items:center; overflow:hidden; clear:both; margin:0 auto 0; padding:32px 0 23px; text-align:center; zoom:1; font-size:14px; line-height:24px; }
.paginate:before{ /* position:absolute; left:0; top:0; content:''; width:100%; height:1px; background:#ddd; */ }
.paginate span{ color:#666; font-size:14px; font-weight:400; }
.paginate a{ display:-moz-inline-box; display:block; _position:relative; margin:0 4px; min-width:24px; padding:0 5px; text-decoration:none !important; background:#f2f2f2; border-radius:6px; }
.paginate a:hover,.paginate a:focus,.paginate a:active{}
.paginate strong{ display:-moz-inline-box; display:block; _position:relative; margin:0 4px; min-width:24px; padding:0 5px; text-decoration:none !important; }
.paginate strong{ background:#c2cb2f; border-radius:6px; }
.paginate strong span{ display:block; zoom:1; color:rgba(255,255,255,0.9); }
.paginate a span{display:block; zoom:1}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{cursor:pointer}
.paginate a.pre,.paginate a.next{position:relative;top: 0px;background:none !important;}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre,
.paginate a.next{ position:relative; min-width:auto; font-size:0; background:none; }
.paginate a.pre:before,
.paginate a.next:before{ position:absolute; left:0; top:0; content:''; width:8px; height:100%; background:url(/images/common/select-icons1.png) center no-repeat; background-size:8px; transform:rotate(90deg); }
.paginate a.pre{ margin-right:12px; }
.paginate a.next{ margin-left:12px; }
.paginate a.next:before{ transform:rotate(-90deg); }

.paginate2{ z-index:0; position:absolute; left:0; bottom:0; width:100%; height:90px; border-top:1px solid #eee; background:#fcfcfc; border-radius:0 0 10px 10px; }
.project_contents .paginate2,
.verification_contents .paginate2{  }

.project_report_wrap{  }
.project_report_wrap .table_list_box{ margin-top:55px; }
.project_report_wrap .table_list_box:nth-of-type(1){ margin-top:0; }


/*------------------------------------
	탭메뉴
------------------------------------*/
.tap_list{ position:relative; margin-bottom:50px; display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; text-align:center; }
.tap_list li a{ display:block; line-height:56px; font-size:16px; font-weight:500; background:#fff; color:#666; }
.tap_list li.on a{ z-index:1; position:relative; border-color:#c2cb2f; background:#c2cb2f; color:rgba(255,255,255,0.9); }

.radio_tap{}
.radio_tap li{ position:relative; }
.radio_tap li .right_box{ position:relative; border:none; }
.radio_tap li .right_box input[type="radio"]{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0; border-color:#ddd; cursor:pointer; }
.radio_tap li .right_box input[type="radio"]:checked{ border:1px solid #cfd56d; }
.radio_tap li .right_box input[type="radio"]:before{ /* left:39%; */ left:5%; top:20px; width:13px; height:13px; border:1px solid #cfd56d; background:#fff; }
.radio_tap li .right_box input[type="radio"]:checked:before{ border-color:#bac322; background:#bac322; }
.radio_tap li:nth-child(2) .right_box input[type="radio"]:before{ /* left:30.5%; */ }
.radio_tap li .right_box label{ z-index:1; position:relative; display:inline-block; line-height:56px; font-size:16px; color:#666; font-weight:500; }



/*------------------------------------
	테이블
------------------------------------*/
/* 메인 테이블 */
.table_wrap{ position:relative; width:100%; }
.table_wrap .radio_box{ display:inline-block; margin-right:12px; }

.table_wrap.type07{}
.table_wrap.type07 a{ display:block; }

.border_b{ border-bottom:1px solid #ddd; }
.table_wrap .txt_type01 {border:1px solid #ddd;text-align: center;width: 117px;}
.table_wrap .border_right {border-right: 1px solid #b5b5b5}
.table_wrap .background_2 {background: #ebebeb}
.table_wrap table { width:100%; border-radius:10px; }
.table_wrap caption {padding:8px 0;font-weight:bold;text-align:left;display: none;}
.table_wrap th,
.table_wrap td { }
.table_wrap td.no_data {padding: 50px;}
.table_wrap th,
.table_wrap td{ line-height:150%; }
.table_wrap th{ color:#333; font-weight:500; }
.table_wrap td{ color:#555; }
.table_wrap thead th { padding:16px 2px; height:56px; border-bottom:1px solid #ddd; }
.table_wrap tbody th { }
.table_wrap tfoot th { }
.table_wrap tbody td { padding:11px 2px; border-top:1px solid #eee; vertical-align:middle; }
.table_wrap tbody td.no_post{ height:100px; }
.table_wrap tfoot td{ }
.table_wrap table.table_type02 th,
.table_wrap table.table_type02 td { padding:12px 18px; height:56px; vertical-align:middle; border-top:1px solid #eee; word-break:keep-all; font-size:15px; }
.table_wrap table.table_type02.line_l tbody th,
.table_wrap table.table_type02.line_l tbody td{ border-left:1px solid #eee; }
.table_wrap table.table_type02 th { border-right:1px solid #eee; background:#f9f9f9; }
.table_wrap table.table_type02 thead th { background:#f4f4f4; /*border-right-color:#e7e7e7 !important;*/ }
.table_wrap table.table_type02 tbody tr:first-child th:first-child{ border-radius:12px 0 0 0; }
.table_wrap table.table_type02 tbody tr:last-child th:first-child{ border-radius:0 0 0 12px; }
.table_wrap table.table_type02 thead tr:first-child th:first-child{ border-radius:12px 0 0 0; }
.table_wrap table.table_type02 thead tr:first-child th:last-child{ border-radius:0 12px 0 0; }

.table_wrap.title_left table.table_type02 tbody tr th:nth-child(3){ border-left:1px solid #eee; }
.table_wrap table.table_type02 select{  }
.table_wrap table.table_type02 .txt_per {display:block;margin-top: 5px;}
.table_wrap table.table_type02 .background_type02 {background: #d2d2d2;border-bottom: 0}
.table_wrap table.table_type02 .background_type03 {background: #e1e1e1}

table.table_type02 td.ipt_typ_select{ display:flex; height:auto; align-items:center; }
table.table_type02 td.ipt_typ_select .sbHolder{ width:15%; }
table.table_type02 td.ipt_typ_select .sbSelector{  }
table.table_type02 td.ipt_typ_select .sbOptions{  }
table.table_type02 td.ipt_typ_select .file_text{ margin:0 0 0 20px; }
table.table_type02 td.ipt_typ_select3 .sbHolder{ width:30%; }

.grid_two{ display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; height:auto !important; }
.grid_two .dropdown{ width:100%; }
.grid_two .sbHolder{ width:100%; }
.grid_two .ipt_typ_select4{ display:flex; width:100%; align-items:center; }
.grid_two .ipt_typ_select4 span.center_txt{ margin:0 10px 0 0; width:14%; text-align:left; }
.grid_two .ipt_typ_select4 .dropdown,
.grid_two .ipt_typ_select4 .ipt_typ1{ width:80%; }
.grid_two .ipt_typ_select4 span.end_txt{ margin:0 0 0 10px; width:7%; }

span.table_title{ display:block; position:relative; padding-left:14px; text-align:left; }
span.table_title b{ position:absolute; left:1px; top:1px; display:inline-block; font-weight:400; color:#bac322; }
span.center_txt{ display:inline-block; min-width:12.5px; margin:0 4px; font-size:13px; text-align:center; }
.ipt_typ_select2 span.center_txt{ min-width:45px; margin:0 10px 0 0; text-align:right; }
.ipt_typ_select2 span.center_txt1{ min-width:23px; }
.ipt_typ_select2 span.end_txt{ display:inline-block; min-width:23px; margin:0 10px; font-size:13px; text-align:left; }

p.input_p{ padding:0 20px; min-width:100px; height:44px; line-height:44px; border:1px solid #ddd; background:#f5f5f5; color:#555; border-radius:6px; }
p.ipt_typ{ background:#fff; }
input.readonly_input{ background:#f5f5f5; }
.ipt_typ_add p.input_p,
.ipt_typ_add p.input_p2{ margin-top:8px; }
.ipt_typ_add p.input_p:nth-of-type(1),
.ipt_typ_add p.input_p2:nth-of-type(1){ margin-top:0; }
.file_text{ display:block; margin-top:8px; font-size:14px; }
.small_txt{ display:inline-block; font-size:13px; line-height:120%; }
.small_txt sub{ vertical-align:0; font-size:11px; }
.small_txt sup{ vertical-align:2px; font-size:11px; }


/*------------------------------------
	신청 양식
------------------------------------*/
.content_basic_box { display:flex; justify-content:space-between; }
.content_basic_box .content_basic_left { width:72%; padding:0 !important; }
.content_basic_box .content_basic_left .basic_summary { line-height:36px; }
.content_basic_box .content_basic_right { width:25%; margin-left:3%; }
.content_basic_box .content_basic_right .img_upload { position:relative; overflow:hidden; min-height:267px; border:1px solid #ddd; }
.content_basic_box .content_basic_right .img_upload > img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; }
.content_basic_box .content_basic_right .img_upload > img{ width:auto !important; max-width:100% !important; height:auto !important; max-height:100% !important; }
.content_basic_box .content_basic_right .file_upload>input {width:294px;}
.content_basic_box .content_basic_right .filebox{ margin:20px 0 0; text-align:center; }


/*------------------------------------
	결과 보고서 > 시스템 경계도
------------------------------------*/
.data_wrap .btn_wrap{ margin-bottom:20px; }
.system_table_block{ margin-bottom:5px; }
.system_table_wrap{ display:flex; justify-content:space-between; }
.system_table{ position:relative; text-align:center; }
.system_table_wrap .system_table:first-child{ margin-left:0; }
.system_title{ padding:8px 0; background:#f2f2f2; border:1px solid #ddd; border-radius:6px; line-height:100%; }
.system_title strong{ display:block; font-size:15px; font-weight:500; color:#333; }
.system_title span{ display:block; font-size:12px; color:#666; }
.system_contents{ position:relative; display:grid; grid-template-columns:repeat(1, 1fr); gap:10px; margin-top:10px; }
.system_contents:after{ position:absolute; right:-35%; top:0; width:20px; height:100%; content:''; background:url(/images/common/next.png) center no-repeat; background-size:100%; opacity:0.2; }
.system_contents li{ background:#f7f7f7; border:1px solid #eee; border-radius:6px; }
.system_contents li.point_bg{ background:#fff; }
.system_contents li div{ display:flex; align-items:center; position:relative; height:150px; }
.system_contents li div b{ top:50%; display:block; width:100%; line-height:140%; font-size:14px; font-weight:400; color:#555; }
.system_contents li i{ font-size:12px; font-style:normal; color:#777; }

.system_table_wrap .system_table:nth-child(1){ width:9.9%; }
.system_table_wrap .system_table:nth-child(2){ width:11.2%; }
.system_table_wrap .system_table:nth-child(3){ width:39.9%; }
.system_table_wrap .system_table:nth-child(4){ width:22.7%; }

.system_table_wrap .system_table:nth-child(2) .system_contents{ grid-template-columns:repeat(2, 1fr); gap:10px; }
.system_table_wrap .system_table:nth-child(3) .system_contents{ grid-template-columns:repeat(7, 1fr); gap:10px; }
.system_table_wrap .system_table:nth-child(4) .system_contents{ grid-template-columns:repeat(4, 1fr); gap:10px; }

.system_table_wrap .system_table:nth-child(2) .system_contents:after{ right:-31%; }
.system_table_wrap .system_table:nth-child(3) .system_contents:after{ right:-8.5%; }
.system_table_wrap .system_table:nth-child(4) .system_contents:after{ display:none; }


/*------------------------------------
	팝업
------------------------------------*/
#popup{ position:absolute; }
.popup_dim {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0.8}
.popup_wrap {
    position: absolute;top: 50%;left: 50%;
    width: 722px;background: #fff;margin-top: -100px;margin-left: -350px;
    padding:50px 55px;
}
.popup_wrap .pop_head h2 {font-size: 22px;color: #bac322;}
.popup_wrap02 {
    position: absolute;top: 35%;left:200px; /*left:26.2%*/
    width: 990px;background: #f3f3f3;margin-top: -300px;/*margin-left: -300px;*/
    border:1px solid #ddd;
    padding:50px 30px 39px 30px;
}
.popup_wrap02 .pop_head h2 {font-size: 22px;color: #bac322;}
.popup_wrap02 h2 {margin-bottom:16px; font-size: 22px;color: #5095bc;}
.popup_wrap02 .pop_tab_list {margin-top:17px;  height:49px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.popup_wrap02 .pop_tab_list li {float:left; width:186px; height:48px; }
.popup_wrap02 .pop_tab_list li>a {display:block; height:48px; text-align:center;  font-size:18px; color:#888888; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#ebebeb;}
.popup_wrap02 .pop_tab_list li>a.on {height:49px; color:#323232; border-bottom:1px solid #ffffff; background:#ffffff;}
.popup_wrap02 .pop_tab_list li>a:hover {}
.pop_select>select {width:137px;}
.scroll_table {height:520px; overflow:auto;}
.scroll_table table.table_type01 {border-top:none;}
.popup_wrap02 .pop_box_graph01 {margin-bottom:39px;}
.pop_box_graph01 .pop_img_graph01 {float:left; width:595px;}
.pop_box_graph01 .pop_table_graph01 {float:right; width:311px;}
.popup_wrap02 .pop_tab_content {padding:30px 30px 39px 30px; width:926px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#ffffff;}
.popup_wrap02 .btn_st01 {padding:0 10px;}
.popup_wrap02 .btn_st01 a {float:left;}
.popup_wrap02 .btn_st01 .btn_st01_left {float:left;}
.popup_wrap02 .btn_st01 .btn_st01_right {float:right;}
.popup_wrap02 .btn_st01 .btn_st01_right>a {margin-left:5px;}
.popup_wrap03 {
    background: #fff;
    border:1px solid #ddd;
    padding:50px 49px 49px 56px;
}
.popup_wrap03 .pop_head h2 {font-size: 22px;color: #bac322;}

#add_popup{ width:1100px; }
.popup_wrap .btn_wrap2{ margin:30px 0 0;}
.popup_wrap .btn_wrap .btn{ /* box-shadow:none; */ }

/* 자재정보 추가 */
.popup_wrap03 .table_type02{ background:#fff; }
.popup_wrap03 .table_type02 th, 
.popup_wrap03 .table_type02 td{ border:1px solid #eee; }
.popup_wrap03 select, .popup_wrap03 input[type=text], .popup_wrap03 .dropdown{ min-width:auto; }
.popup_wrap03 .dropdown{ min-width:auto; width:100%; text-align:left; }
.popup_wrap03 .table_wrap table.table_type02 tbody tr:first-child th:first-child{ border-radius:0; }
.popup_wrap03 .table_wrap table.table_type02 tbody tr:last-child th:first-child{ border-radius:0; }
.popup_wrap03 .table_wrap table.table_type02 thead tr:first-child th:first-child{ border-radius:0; }
.popup_wrap03 .table_wrap table.table_type02 thead tr:first-child th:last-child{ border-radius:0; }
.popup_wrap03 .btn_wrap .dropdown{ min-width:152px; }

.popup_wrap .table_type02 th, 
.popup_wrap .table_type02 td{ border:1px solid #eee; }

.popup_wrap .table_type02.border_none th, 
.popup_wrap .table_type02.border_none td{ border:none; }


/*------------------------------------
	FAQ
------------------------------------*/
.faq_form{ position:relative; }
.faq_form .faq_tab{ position:relative; overflow:hidden; border-radius:12px 12px 0 0; }
.faq_form .faq_tab ul{ display:grid; grid-template-columns:repeat(4, 1fr); gap:0; text-align:center; }
.faq_form .faq_tab ul li{ position:relative; background:#f4f4f4; color:#666; font-size:16px; line-height:55px; font-weight:500; cursor:pointer; border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.faq_form .faq_tab ul li:first-child{ border-left-width:0; }
.faq_form .faq_tab ul li.on{ color:#242424; font-weight:600; background:#fff; }
/*.faq_form .faq_tab ul li.on:before{ position:absolute; left:0; bottom:-1px; content:''; width:100%; height:2px; background:#555; }*/

.faq_form .faq_list{ position:relative; padding:5px 20px 18px; }
.faq_form .font_r{ color:#c2cb2f; font-size:18px; font-weight:600; margin-right:10px; }

.faq_form .faq_list .faq_q{ position:relative; padding:0 12px; border-bottom:1px solid #eee; font-size:16px; line-height:54px; cursor:pointer;}
.faq_form .faq_list .faq_q .brd_btn{ z-index:1; position:absolute; right:12px; top:13px; display:flex; margin:0; }
.faq_form .faq_list .faq_q .brd_btn a{ }

.faq_form .faq_list .faq_a{ padding:17px 15px; background:#f4f4f4; font-size:15px; line-height:180%; color:#555; display:none; }
.faq_form .faq_list .faq_a .faq_a_text{ display:block; padding-left:21px; }
.faq_form .faq_list .faq_num:last-child .faq_q{ border-bottom:none; }
.faq_form .faq_list .faq_num:last-child .faq_a{ border-top:1px solid #eee; }

.faq_form .faq_product{display:none;}
.faq_form .faq_payment{display:none;}
.faq_form .faq_etc{display:none;}


@media(max-width:1700px){


/*------------------------------------
	검색 조건
------------------------------------*/
.project_contents .btn_wrap{ display:block; text-align:center; }
.project_contents .range_wrap{ margin:0 auto 20px; }
.project_contents .brd_btn{ justify-content:center; }


}