/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(795,171): run-time error CSS1046: Expect comma, found '0'
(795,175): run-time error CSS1046: Expect comma, found '/'
(2351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2385,38): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function'
(2486,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(2491,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(2495,29): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(2500,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(2544,28): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(2544,57): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(2554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2586,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(2591,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(2595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2600,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset'
(2601,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2602,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2603,34): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2609,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(2609,47): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(2640,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(2645,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(2655,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(2667,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset'
(2692,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom'
(2693,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top'
(2733,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(2733,54): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(2734,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(2734,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(2736,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius'
(2737,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color'
(2738,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity'
(2759,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity'
(2760,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(2760,52): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(2764,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right'
(2765,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left'
(2771,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap'
(2787,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(2805,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color'
(2809,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color'
(2814,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(2814,52): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(2830,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size'
(2836,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size'
(2847,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius'
(2850,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color'
(2859,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(2860,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom'
(2861,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top'
(2863,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size'
(2864,33): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(2869,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left'
(2870,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right'
(2871,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(2873,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size'
(2874,34): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset'
(2881,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color'
(2882,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius'
 */
@charset "utf-8";

/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
font-family: 'Pretendard', NanumGothic, 나눔고딕, 'Nanum Gothic', '맑은 고딕', dotum, '돋움', sans-serif, HelveticaNeue, DroidSans,Sans-serif,Helvetica; -webkit-font-smoothing: antialiased;line-height:1;
}

body *{
-webkit-font-smoothing: antialiased;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ 
display:block;
}

nav ul, li{
list-style:none;
}

a{
margin:0;
padding:0;
text-decoration:none;
vertical-align:baseline;
color:transparent;
background:transparent;
}

img{
vertical-align:top;
}

table{
border-collapse:collapse;
border-spacing:0;
}

input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:top;
appearance:none;
border:1px solid #666;
color:#666;
border-radius:0; 
font-family:'Pretendard',NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
}

input::-moz-input-placeholder{
color:#666;
}

input::-webkit-input-placeholder {
color:#666;
}



/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family: 'Pretendard', NanumGothic, 나눔고딕, 'Nanum Gothic', '맑은 고딕', dotum, '돋움', sans-serif, HelveticaNeue, DroidSans,Sans-serif,Helvetica; }
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{color:#666}




@charset "utf-8";

/* about 공통 레이아웃_섹션 */
.about_first_sec {margin-top: 60px;}
.about_sec {margin-top: 80px;}
.about_last_sec {margin-top: 80px;margin-bottom: 60px;}

/* about 공통 텍스트 */
.about_tit {display: flex;flex: 1 1 100%;align-items: center;}
.about_tit  em.tit {color: #000;font-size:42px;line-height: 48px;font-weight:700;letter-spacing:-0.5px}
.about_tit_01 {display:flex;font-size: 26px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;}
.about_tit_02 {display:flex;margin-top: 22px;font-size: 20px;line-height:1.6;font-weight: 700;color: #333;letter-spacing: -0.5px;}
.about_txt  {margin-top: 20px;font-size: 18px;line-height: 30px;color: #222;letter-spacing: -0.9px;word-wrap: break-word;word-break: keep-all;}

/* about 공통 이미지 */
.about_img_full {width: 100%;margin:60px auto 0;padding-bottom: 40px;}
.about_img_full img {width: 100%;border-radius: 10px}
.about_img {margin:80px auto 0;padding-bottom: 20px;text-align: center;}
.about_img img {text-align: center;width: 100%;max-width: 1060px;}

/* about 공통 탭  */
.sub_tab_area {margin-top:30px;}
.sub_tabs {display: flex;justify-content:flex-start}
.sub_tabs li a {display:flex;justify-content:center;align-items:center;height:48px;padding:  0 12px;margin-right: 10px;font-size:20px;font-weight:600;color:#333;letter-spacing: -0.5px;box-sizing:border-box}
.sub_tabs li a:hover {color:#004299;}
.sub_tabs li a.active {color:#004299; border-bottom: 2px solid #004299;}

/* KDMOLD연맹  사업영역 */
.lst_business {display:flex;justify-content: space-between;flex-wrap: wrap;width:100%;margin-top: 40px;gap:20px 2%}
.lst_business > li {display: flex;flex-direction: column;width:32%;height: 296px;padding: 40px 0 0 46px;background:#f3f6fa;box-sizing:border-box;word-break:keep-all;border-radius: 10px;}
.lst_business .ic_no {font-size: 22px; color:#1068da; font-weight:600;}
.lst_business .tit {margin-top: 12px;color:#222; font-size:24px; font-weight:700; letter-spacing: -0.5px;}
.lst_business .about_tit_01 {margin-top: 6px;color:#333; font-size:18px; font-weight:400; letter-spacing: -0.5px;}
.lst_business .lst_hyphen {margin-top: 10px;}
.lst_business .lst_hyphen li {position:relative; padding-left:16px;font-size:18px; line-height:28px;color:#666;font-weight:400;letter-spacing: -0.9px;}
.lst_business .lst_hyphen li:before {display:block; position:absolute; top:0; left:0; content:"-";}

/* 목록_공통 */
.lst_about {margin-top:12px;}
.lst_about > li {position:relative; padding-left:16px;margin-bottom: 10px;font-size:18px;line-height:26px; color:#222; text-align:left;word-break:keep-all;letter-spacing: -0.5px;}
.lst_about > li:before {display:block; position:absolute; top:12px; left:0;content:"";width:3px;height: 3px;background: #1068da;}
.lst_about_sub {font-size:16px;line-height:28px; color:#888;font-weight:300;text-align:left;word-break:keep-all;letter-spacing: -0.5px;}

/*  다운로드 버튼 */
.btn_bx {display: flex;justify-content: flex-start;width:100%;margin-top:20px}
.btn_bx .btn_download  {display:flex;align-items: center;justify-content: center;min-width:160px;margin-left:10px;padding:0 10px 0 14px;color:#333;font-size:17px;line-height:52px;font-weight: 600;text-align:center;border: 1px solid #444;border-radius: 2px;}
.btn_bx .btn_download:hover,
.btn_bx .btn_download:active {background:#444;color: #fff;}
.fa_arrow_down {font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: 6px;}
.fa_arrow_down:before {content: "\f063";font-style: normal;}

/* 문의 버튼*/ 
.abou_inqry_btn_sec {display:flex; justify-content:center;margin:40px 0 30px;}
.abou_inqry_btn_sec a.btn_kakao {min-width: 200px;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;border-radius:3px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.abou_inqry_btn_sec a.btn_kakao:hover {background:#003780;}

/* KDMOLD 임원진 목록 - 테이블01 (공통)*/
.tbl_service {margin-top: 20px;}
.tbl_service ul li {display:flex;width:100%;border-bottom:1px solid #e4e6e9}
.tbl_service ul li p + p{border-left: 1px solid #e4e6e9 ;}
.tbl_service ul li.tbl_tit {border-top: 2px solid #014099; border-bottom: 1px solid #e4e6e9;background:#f6f8fa}
.tbl_service ul li.tbl_tit p {padding: 18px 0;color:#014099;font-size:18px; font-weight: 600;text-align:center;}
.tbl_service ul li.tbl_row {display:flex;align-items: center;width:100%;}
.tbl_service ul li p {padding: 16px 0;font-size:16px;line-height: 22px;color:#555;font-weight: 400;text-align:center;font-family: 'Pretendard', sans-serif}
/* 임원진 목록 - 필드너비*/
.tbl_service ul li .name {width:25%}
.tbl_service ul li .company {width:50%}
.tbl_service ul li .position {width:25%}

/* 회장 인사말 - 24/01/05 수정*/ 
.msg_top {display: flex;justify-content:space-between;padding: 54px 80px 0 64px;background: #f3f6fa;border-radius: 80px 10px 60px 10px;box-sizing: border-box;}
.msg_top .txt_bx {display: flex;flex-direction: column;justify-content: space-between;max-width: 485px;word-wrap: break-word;word-break: keep-all;font-family: 'Pretendard';margin-top: 20px;}
.msg_top .txt_bx .tit {font-size: 28px; line-height: 42px;font-weight: 700; color: #004299;letter-spacing: -1.7px;}
.msg_top .txt_bx .txt {margin-bottom:42px;font-size: 20px; line-height: 32px;  font-weight:600; color:#666;letter-spacing: -0.9px; }
.msg_top img {width: 245px;height: 280px; object-fit: cover;}

/* 연혁 */ 
.history_sec {margin-top:60px;margin-bottom: 20px;}
.history_sec:after {display:block;content:"";clear:both;}
.history_sec .h_outer {position:relative;padding:60px 0;background:#F3F6FA;display: flex;flex-direction: column;width:100%;border-radius: 20px;}
.history_sec .start {width:20px;height: 20px;margin:0 auto;color:#fff;background:#1068da;border-radius: 50%;}
.history_sec .timeline {overflow:hidden;position:absolute;top:80px;left:calc(50% - 2.5px);width:5px;height:calc(100% - 120px);background: #1068da;}
.history_sec .event {float:left;width:100%;}
.history_sec .event .left,
.history_sec .event .right {position:relative;width:50%;}
.history_sec .event .left {float:left;text-align:right;}
.history_sec .event .right {float:right;text-align:left;margin-top:72px}
.history_sec .event .left .line,
.history_sec .event .right .line {position:absolute;top:35px;right:0;width:12%;height:2px;background:#1068da;border-radius:5px}
.history_sec .event .left .line {right:0;}
.history_sec .event .right .line {left:0;}
.history_sec .event .left .line:after,
.history_sec .event .right .line:after{content: "";position: absolute; top: -7px;height:13px;width: 13px;background: #1068da;border-radius:50%}
.history_sec .event .left .line:after {right:-7px;}
.history_sec .event .right .line:after { left:-6px;}
.history_sec .event .inbx {width:70%;margin: 0 auto;word-break:keep-all;}
.history_sec .event .inbx .year {display:block;width:68px;font-size:30px;line-height:30px;font-family: 'Pretendard';font-weight:600;color:#1068da;letter-spacing: -1.2px;}
.history_sec .event .left .inbx .year {margin-left:8px;}
.history_sec .event .right .inbx .year {margin-right:8px;}
.history_sec .event .inbx .tit,
.history_sec .event .inbx .tit_2 {display:block;width:calc(100% - 98px);font-size:20px;line-height:30px;font-family:'Pretendard';font-weight:600;letter-spacing: -0.9px;}
.history_sec .event .inbx .tit_2 {float:left;width:100%;margin-top:12px;}
.history_sec .event .left .inbx .year, 
.history_sec .event .left .inbx .tit, 
.history_sec .event .left .inbx .txt,
.history_sec .event .left .inbx .h_img {float:right}
.history_sec .event .right .inbx .year, 
.history_sec .event .right  .inbx .tit, 
.history_sec .event .right .inbx .txt,
.history_sec .event .right .inbx .h_img {float:left}
.history_sec .event .inbx .txt {display:block;width:100%;margin-top:4px;font-size:16px;line-height:22px;color:#777;letter-spacing:-0.9px ;}
.history_sec .event .inbx .h_img { display: block;width: 100%;max-width: 260px;height: auto;margin-top:10px;}
.history_sec .event .inbx .img_01 {float:right;width:auto;height:60px;margin-top:14px}






@media screen and (max-width:1024px){

	
	
	}

  
/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* about 공통 레이아웃_섹션 */
	.about_first_sec {margin-top: 40px;}
	.about_sec {margin-top: 60px;}
	.about_last_sec {margin-top: 60px;margin-bottom: 40px;}

	/* about 공통 텍스트 */
	.about_tit  em.tit {font-size:26px;line-height: 34px}

	/* about 공통 이미지 */
	.about_img_full {margin:40px auto 0;}
	.about_img {margin:60px auto 0}
	
	/* about 공통 탭  */
	.sub_tabs li a {height:34px;padding: 0;margin-right: 16px;font-size:20px}

	/* KDMOLD연맹  사업영역 */
	.lst_business > li {width:48%;height: auto;padding: 20px 0 20px 24px;}

	/* 회장 인사말 */ 
	.msg_top {flex-direction: column;align-items: flex-end;padding: 54px 60px 0 54px;}
	.msg_top .txt_bx {max-width:100%}
	.msg_top .txt_bx .txt {margin-bottom:0}
	
		
	
	}


/* 모바일용 */
@media screen and (max-width:425px){

	/* KDMOLD연맹  사업영역 */
	.lst_business {gap:20px 0%}
	.lst_business > li {width:100%;}

	/* 회장 인사말 */ 
	.msg_top {padding: 34px 20px 0 36px;}
	.msg_top .txt_bx .tit {font-size: 24px; line-height: 38px}
	.msg_top .txt_bx .txt {font-size: 18px; line-height: 30px}

	

	}

	
@media screen and (max-width:320px){
	


	}
	

@charset "utf-8";

/* 권한 관리, 할당 -  타이틀(공통) */
.admin_edit_tit .admin_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}

/* 권한 관리, 할당 - 서브타이틀(공통) */ 
.authority_write {display: flex;flex-direction: column;padding-bottom: 20px}
.authority_write .panel_tit {display: flex;flex-wrap:wrap;margin-top: 40px;margin-bottom: 20px;}
.authority_write .panel_tit .pn_tit {position: relative;display: flex;flex:0 1 100%;font-weight: 500;font-family: 'Pretendard';}
.authority_write .panel_tit .pn_tit.num {padding-left:28px;font-size: 16px;line-height: 24px;color: #333;}
.authority_write .panel_tit .pn_tit.num:before {position: absolute;top: 0px;left: 0;width:24px;height: 24px;background: #004299;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 14px;} 

/* 권한 관리, 할당 -  버튼(공통) */
.tool_btn_sec {display:flex; flex:0 0 100%;margin-top: 10px;justify-content: flex-end;}
.tool_btn_sec a.btn {display: flex;justify-content: center;align-items: center;width:80px;height:36px;font-size:13px;color: #666;background: #fff;color: #6e707e;border: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.tool_btn_sec a.btn:hover {color:#3d3e46;border: 1px solid #858796; }
.tool_btn_sec.item_2 a.btn + a.btn {margin-left: 10px;}

/* 권한 관리, 할당 - 목록(공통)  */
.compnt_tool .compnt_lst {display:flex;flex-wrap:wrap;flex:1 1 100%;border-top:1px solid #d8dce1;border-left:1px solid #d8dce1;box-sizing: border-box;}
.compnt_tool .compnt_lst .tbl_tit {display:flex;flex:0 1 100%;}
.compnt_tool .compnt_lst .tbl_data {/*display:flex;*/flex:0 1 100%;flex-direction: column;}
.compnt_tool .compnt_lst li.tbl_row {display:flex;flex:0 0 100%;box-sizing: border-box;}
.compnt_tool .compnt_lst li.tbl_row p {display:flex;justify-content: center;text-align: center;padding:8px 16px;font-size:15px;line-height:20px;color:#666;border-right:1px solid #d8dce1;border-bottom:1px solid #d8dce1;letter-spacing: -0.5px;box-sizing: border-box;}
.compnt_tool .compnt_lst li.tbl_row p a {display: flex;padding: 0 6px;color: #1068da;text-align: center;}
.compnt_tool .compnt_lst li.tbl_row p.check_box {width: 40px;}
.compnt_tool .compnt_lst .tbl_tit .tbl_row p {font-weight: 500;background: #f2f3f6}
.compnt_tool .compnt_lst .tbl_data li.tbl_row p.op_items {justify-content: flex-start;}
.compnt_tool .compnt_lst .check_box input[type="checkbox"] + label {padding-left: 20px;}
.compnt_tool .compnt_lst .check_box input[type="checkbox"]:checked + label:before {font-size: 16px;background-color: #004299;border:1px solid #004299;color:#fff;}
.compnt_tool .tool_tip {display: flex;flex-direction: column;margin-top: 12px;}
.compnt_tool .tool_tip p {font-size: 14px;line-height: 20px;color: #777;}

/* 권한 관리 - 상단 권한목록 필드너비 */
.compnt_tool .compnt_lst .tbl_row .auth_no {width: calc(10% - 40px)}
.compnt_tool .compnt_lst .tbl_row .auth_name {width: 20%}
.compnt_tool .compnt_lst .tbl_row .auth_desc {width: 42%;}
.compnt_tool .compnt_lst .tbl_row .auth_creator {width: 14%}
.compnt_tool .compnt_lst .tbl_row .auth_date {width: 14%}
.compnt_tool .compnt_lst .tbl_data .tbl_row .auth_desc {justify-content: flex-start!important;text-align: left}

/*권한 할당 - 상단 사용자목록 필드너비  */
.compnt_tool .compnt_lst .tbl_row .co_id {width: calc(22% - 40px)}
.compnt_tool .compnt_lst .tbl_row .co_name {width: 22%}
.compnt_tool .compnt_lst .tbl_row .boss_name {width: 14%}
.compnt_tool .compnt_lst .tbl_row .busi_number {width: 22%}
.compnt_tool .compnt_lst .tbl_row .auth_allot {width: 20%}

/* 권한 할당 - 하단 권한목록 필드너비  */
.compnt_tool .compnt_lst .tbl_row .auth_no_2 {width: calc(10% - 40px)}
.compnt_tool .compnt_lst .tbl_row .auth_name_2 {width: 20%}
.compnt_tool .compnt_lst .tbl_row .auth_desc_2 {width: 70%;}
.compnt_tool .compnt_lst .tbl_data .tbl_row .auth_desc_2  {justify-content: flex-start!important;text-align: left}

/*권한 관리 - 하단 등록/수정 작성 */
.compnt_tool {display: flex;flex-wrap: wrap;}
.compnt_tool .compnt_create {display:flex;flex-wrap:wrap;flex:1 1 100%;border-top:1px solid #d8dce1;border-left:1px solid #d8dce1;box-sizing: border-box;}
.compnt_tool .compnt_create ul {display:flex;flex:0 1 100%;}
.compnt_tool .compnt_create li.tbl_row {display:flex;flex:0 1 100%;box-sizing: border-box;}
.compnt_tool .compnt_create li.tbl_row .tit,
.compnt_tool .compnt_create li.tbl_row .data {display:flex;padding: 4px;font-size:13px;line-height:18px;color: #666;border-right:1px solid #d8dce1;border-bottom:1px solid #d8dce1;box-sizing: border-box;}
.compnt_tool .compnt_create .tbl_tit .tbl_row p {align-items: center;justify-content: center;padding:8px 16px;font-weight: 500;background: #f2f3f6}
.compnt_tool .compnt_create li.tbl_row .data input {width:100%;height: 36px;padding-left:8px;border:1px solid #d8dce1;font-size:14px;color:#6e707e;box-sizing: border-box;}
.compnt_tool .compnt_create .tbl_row p.check_box {width:40px}
.compnt_tool .compnt_create .tbl_row p.check_box input[type="checkbox"] + label:before {top:calc(50% - 10px); left:calc(50% - 10px)}
/* 권한 관리 -  하단 등록/수정 필드너비 */
.compnt_tool .compnt_create .tbl_row .auth_name {width: calc(30% - 40px)}
.compnt_tool .compnt_create .tbl_row .auth_desc {width: 70%;}

/* 권한 관리 - 하단 권한선택 체크 */
.authority_write .txt_panel {display: flex;margin-top: 20px;flex-wrap:wrap}	
.authority_write .txt_panel .row_lb {flex:1 1 15%;padding: 8px 10px 0 0;font-weight: 500;color:#333;box-sizing: border-box;}
.authority_write .txt_panel .row_right {display:flex;flex: 1 1 85%;flex-wrap: wrap; box-sizing: border-box;}
.authority_write .txt_panel .item_chkbx .check_box {display: flex;justify-content: left;align-items: center;width: 25%;height:32px;padding-left: 20px;box-sizing: border-box;border: none}
.authority_write .txt_panel .check_box input[type="checkbox"] + label {font-size:15px; color:#666;}
.authority_write .txt_panel .check_box input[type="checkbox"]:checked + label:before {font-size: 16px;background-color: #004299;border:1px solid #004299;color:#fff;}

/* 권한 할당- 상단 사용자목록 단일검색 (공통) */
.auth_srch_sec {margin-bottom: 20px;}
.auth_srch_sec .selectwrap {display: flex;justify-content: flex-end;}
.auth_srch_sec .selectwrap .form_select {width:90px;padding: 0 10px;height: 36px;margin-right:9px; line-height: 36px;color: #666;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 14px;border: 1px solid #d8dce1;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;	-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
.auth_srch_sec .selectwrap input[type="text"] {min-width:80px;width: 240px ;height:36px; padding:0 10px; border:1px solid #d8dce1;  cursor:pointer;box-sizing:border-box;}
.auth_srch_sec .selectwrap a {display:inline-block;width:72px;height:36px;line-height:36px;margin-left:8px;vertical-align:middle; font-size:15px; color:#333; background:#f2f3f6;border:1px solid #dadada;text-align:center;  box-sizing:border-box; }

/* 권한 할당 - 상단 사용자목록_paging (공통) */
.admin_paging {display: flex;width:100%;justify-content: center;text-align:center;margin-top:26px}
.admin_paging a {display:flex;width:28px;height: 30px;justify-content: center;align-items: center;margin:0 2px;font-size:14px;line-height:12px;text-align:center;color:#858796;border:1px solid #d8dce1;background:#fff}
.admin_paging a:hover {background:#f2f3f6;}
.admin_paging a:active, .admin_paging a.active {background:#858796;border:1px solid #858796;color:#fff}


/* 사용자 관리 - 조회  */
.user_info_view {display: flex;flex-direction: column;margin-bottom: 20px;}
.user_info_view ul {display:flex;flex-wrap:wrap;margin-bottom:10px;border-top:1px solid #d8dce1;border-left:1px solid #d8dce1 }
.user_info_view ul li.view_row {display:flex;flex:0 0 100%;border-bottom:1px solid #d8dce1;}
.user_info_view ul li.view_row p {padding:14px 16px;font-size:15px;line-height:18px;letter-spacing: -0.5px;}
.user_info_view ul li.view_row p + p,
.user_info_view ul li.view_row p + div {border-left:1px solid #d8dce1;border-right:1px solid #d8dce1}
.user_info_view ul li.view_row .tit {display:flex;align-items: center;flex:0 0 140px;color:#5a5c69;font-weight: 500;background: #f2f3f6}
.user_info_view ul li.view_row .decs {display:flex;flex:1 1 100%;color:#666;}
.user_info_view ul li.view_row .decs a {color: #004299;}

/* 사용자정보 - 작성, 수정*/
.user_edit_form {display: flex;flex-direction: column;margin-bottom: 20px;}
.user_edit_form ul {display:flex;flex-wrap:wrap;margin-bottom:10px;border-top:1px solid #d8dce1;border-left:1px solid #d8dce1 } 
.user_edit_form ul li.view_row {display:flex;flex:0 0 100%;border-bottom:1px solid #d8dce1;}
.user_edit_form ul li.view_row p {padding:14px 16px;font-size:15px;line-height:18px;;letter-spacing: -0.5px;}
.user_edit_form ul li.view_row p + p,
.user_edit_form ul li.view_row p + div {border-left:1px solid #d8dce1;border-right:1px solid #d8dce1}
.user_edit_form ul li.view_row .tit {display:flex;align-items: center;flex:0 0 140px;color:#5a5c69;font-weight: 500;background: #f2f3f6}
.user_edit_form ul li.view_row .data {display:flex;flex: 0 1 100%;padding: 4px;flex-wrap: nowrap;box-sizing: border-box;}
.user_edit_form ul li.view_row .data input {width:100%;padding-left:8px;border:1px solid #d8dce1;font-size:14px;color:#666;box-sizing: border-box;}




@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* 권한 관리 - 상단 권한목록 필드너비 */
	.compnt_tool .compnt_lst .tbl_row .auth_no {display: none;}
	.compnt_tool .compnt_lst .tbl_row .auth_name {width: calc(40% - 40px)}
	.compnt_tool .compnt_lst .tbl_row .auth_desc {width: 60%;}
	.compnt_tool .compnt_lst .tbl_row .auth_creator {display:none;}
	.compnt_tool .compnt_lst .tbl_row .auth_date {display: none;}

	/*권한 할당 - 상단 사용자목록 필드너비  */
	.compnt_tool .compnt_lst .tbl_row .co_id {width: calc(33% - 40px)}
	.compnt_tool .compnt_lst .tbl_row .co_name {width:34%}
	.compnt_tool .compnt_lst .tbl_row .boss_name {display:none;}
	.compnt_tool .compnt_lst .tbl_row .busi_number {display:none;}
	.compnt_tool .compnt_lst .tbl_row .auth_allot {width: 33%}

	/* 권한 할당 - 하단 권한목록 필드너비  */
	.compnt_tool .compnt_lst .tbl_row .auth_no_2 {width: calc(20% - 40px)}
	.compnt_tool .compnt_lst .tbl_row .auth_name_2 {width: 80%}
	.compnt_tool .compnt_lst .tbl_row .auth_desc_2 {display: none;}
	
	/* 권한 관리 -  하단 등록/수정 필드너비 */
	.compnt_tool .compnt_create .tbl_row .auth_name {width: calc(40% - 40px)}
	.compnt_tool .compnt_create .tbl_row .auth_desc {width: 60%;}
	
	/* 권한 관리 - 하단 권한선택 체크 */
	.authority_write .txt_panel .row_lb {flex:0 0 100%;padding:0 0 12px;}
	.authority_write .txt_panel .item_chkbx .check_box {width: 50%;}

	/* 권한 할당- 상단 사용자목록 단일검색 (공통) */
	.auth_srch_sec .selectwrap input[type="text"] {width: 140px }
	
	
	
	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	

	}
		

	
@media screen and (max-width:320px){
	
	
	


	}
	

@charset "utf-8";
/* 컨텐츠 타이틀 - 24/01/18 수정 */
.content_tit {display: flex;flex-direction: column;flex: 0 0 100%;}
.content_tit  em.tit {padding-left: 10px;color: #000;font-size:42px;font-weight:700;letter-spacing:-0.5px}
.content_tit  .decs {margin: 36px 0 8px;padding: 20px 22px 18px 30px;color: #666;font-size:16px;line-height: 26px;font-weight:400;letter-spacing:-0.9px;word-wrap: break-word;word-break: keep-all;border-radius: 8px;background: #f3f6fa;}

/* 게시판- board_paging (공통) */
.board_paging {display: flex;width:100%;justify-content: center;text-align:center;margin-top:26px}
.board_paging a {display:flex;width:28px;height: 30px;justify-content: center;align-items: center;margin:0 2px;font-size:14px;line-height:12px;text-align:center;color:#858796;border:1px solid #d8dce1;background:#fff}
.board_paging a:hover {background:#eaecf4;}
.board_paging a:active, .board_paging a.active {background:#858796;border:1px solid #858796;color:#fff}

/* 게시판 - 버튼 (공통)*/
.board_btn_sec {margin: 0px 0 60px;}
.board_btn_bx {display: flex;justify-content: flex-end;width:100%;margin-top:20px}
.board_btn_bx a.board_btn  {display:inline-block;min-width:60px;padding: 0 10px;margin-left:10px;color:#fff;font-size:16px;line-height:42px;text-align:center;background:#004299;border-radius: 2px;cursor: pointer;}
.board_btn_bx a.board_btn:hover,
.board_btn_bx a.board_btn:active {background:#1945cc}

/* 게시판 list- 상단 단일검색 (공통) */
.srch_sec .selectwrap {display: flex;justify-content: flex-end;}
.srch_sec .selectwrap .form_select {width:90px;padding: 0 10px;height: 46px;margin-right:9px; line-height: 38px;color: #666;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 16px;border: 1px solid #d8dce1;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;	-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
.srch_sec .selectwrap input[type="text"] {min-width:80px;width: 240px ;height:46px; padding:0 10px; border:1px solid #d8dce1;  cursor:pointer;box-sizing:border-box;}
.srch_sec .selectwrap a {display:inline-block;width:72px;height:46px;line-height:46px;margin-left:8px;vertical-align:middle; font-size:16px; color:#333; background:#f2f3f6;border:1px solid #d8dce1;text-align:center;  box-sizing:border-box; }

/* 게시판 list- 상단_상세검색  (공통) */
.search_sec {display:flex;justify-content: space-between;width:100%;max-width:1200px;margin-top:20px;flex-wrap: wrap;}
.search_data {display:flex;width:50%;margin-top:12px}
.search_data.wide {width:calc(100% - 160px)}
.search_data .label {width:110px;padding-left:20px;font-size:16px;line-height:36px;color:#666;text-align:left;} 
.search_data .field {display:flex;width:calc(100% - 130px);position:relative}
.search_data .field input {width:100%;height:36px;padding-left:12px;border: 1px solid #d8dce1;font-size:13px;color: #666;box-sizing:border-box}
.search_data .dropdown {width:calc(100% - 130px);font-size:16px;color:#858796;background: #fff;}
.search_data .dropdown .show_selct {width:100%;padding: 0 10px;height: 36px;line-height: 34px;color: #666;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 15px;border: 1px solid #d8dce1;
	transition: border-color .1s;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
.search_btn_bx {display: flex;margin-top:12px;width:160px}
.search_btn_bx .btn_srch  {display:flex;justify-content:center;align-items: center;width: 100%;height:36px;margin-left: 10px;background: #004299;border-radius:2px;color: #fff;font-size:16px}

/* 게시판 list (공통)*/
.board_list {margin-top: 60px;}
.board_list ul li {display:flex;width:100%;border-bottom:1px solid #d8dce1;}
.board_list ul li.tbl_tit {border-top: 2px solid #bbb; border-bottom: 1px solid #bbb}
.board_list ul li.tbl_tit p {padding: 14px 0;color:#333;font-size:15px; text-align:center;}
.board_list ul li.tbl_row a {display:flex;align-items: center;width:100%;padding: 16px 0;cursor:pointer}
.board_list ul li.tbl_row a:hover,
.board_list ul li.tbl_row a:focus {background:#eff1f9;}
.board_list ul li p {font-size:15px;line-height: 22px;color:#555;text-align:center;font-family:'Pretendard';}
/* 게시판 list - 공지사항 필드너비*/
.board_list ul li .num {width:15%}
.board_list ul li .tit {width:65%;text-align:left}
.board_list ul li .date {width:20%}
.board_list ul li .num,
.board_list ul li .date {font-family:verdana;font-size:14px;letter-spacing: -1.2px;}

/* 게시판 view*/
.board_view {margin-top: 20px;}
.board_view .readtop {display: flex;width:100%;padding:20px 16px;align-items: center;border-top:1px solid #888;border-bottom:1px solid #c4c7ca;box-sizing: border-box;}
.board_view .readtop p {line-height:20px;font-size:15px;line-height: 22px;}
.board_view .readtop .tit {width:80%;color:#333;text-align:left}
.board_view .readtop .date {width:20%;font-size:13px; color:#3853d8;text-align:right}
.board_view .readcont {display: flex;flex-direction: column;width:100%;}
.board_view .readcont .puts {width:100%;margin:40px 0;min-height:250px;}
.board_view .readcont .puts p {padding: 0 18px;word-wrap:break-word;color:#666;font-size:14px;line-height:26px}
.board_view .readcont .accretion {display: flex;width:100%;padding:12px 16px;background:#f2f3f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing: border-box;}
.board_view .readcont .accretion a {display:block;padding-left:30px;color:#666;font-size:14px;line-height:26px;background:url(../Images/common/inclined-clip.png)no-repeat 5px 5px;}
.readcont .accretion a:hover, .readcont .accretion a:active {color:#3853d8}

/* 게시판 write&edit */
.board_edit {margin-top: 20px;}
.board_edit .edit_top {display: flex;width:100%;padding:20px 16px 0;border-top:1px solid #d8dce1;box-sizing:border-box}
.board_edit .edit_top input {padding:0 8px;width:100%;height: 36px;font-size:14px;border:1px solid #d8dce1;box-sizing:border-box}
.board_edit .edit_cont {display: flex;flex-direction: column;width:100%;padding:20px 16px;word-wrap:break-word;border-bottom:1px solid #d8dce1;box-sizing:border-box}
.board_edit .edit_cont .puts_area {width:100%;min-height:260px;padding:8px;border:1px solid #d8dce1;box-sizing:border-box}
.board_edit .edit_cont .puts_area p {font-size:14px;line-height:26px;color: #666;}
.board_edit .edit_cont .attach_area {display: flex;justify-content: space-between;align-items: center;width:100%;height:auto;padding:15px;margin-top:20px;border:1px solid #d8dce1;box-sizing:border-box;}
.board_edit .edit_cont ul.file {width:calc(100% - 120px);}
.board_edit .edit_cont ul.file .file_item {display:block;width:100%;margin-top:5px}
.board_edit .edit_cont ul.file .file_item:first-child {margin-top:0}
.board_edit .edit_cont ul.file a {display:block;font-size:13px;color:#666}
.board_edit .edit_cont a:hover {color:#3853d8}
.board_edit .edit_cont .add_area {display: flex;align-items: center;justify-content: flex-end;width:100%;height:auto;padding:15px;margin:20px 0;border:1px solid #d8dce1;box-sizing:border-box}
.board_edit .edit_cont .file_btn_box {display: flex;flex-direction: column;justify-content: flex-end}
.board_edit .edit_cont .file_btn_box a.file_btn {display:block;width:80px;height:30px;color:#333;font-size:13px;line-height:30px;text-align: center;border:1px solid #d8dce1;background:#f2f3f6}
.board_edit .edit_cont .file_btn_box a.file_btn + a.file_btn {margin-top:10px}

/* KD몰드소식 list - 썸네일형 */
.thum_sec {margin: 0;display: flex;flex: 0 0 100%;}
.thum_lst {display: flex;justify-content: flex-start;flex-wrap: wrap;width:100%;gap:50px 30px;box-sizing: border-box;}
.thum_lst li {width:calc(100%/3 - 20px)}
.thum_lst li a {color: #333;}
.thum_lst li a .thum {display: block;position: relative;overflow: hidden;width: 100%;max-width: none;height: 0;padding-bottom:66.66%;}
.thum_lst li a .thum img {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;margin: 0;border-radius: 4px;}
.thum_lst li a .t_txt_bx {display: flex;flex-direction:column;}
.thum_lst li a .t_txt_bx p {color:#333;font-family:'Pretendard', sans-serif;letter-spacing:-0.5px;}
.thum_lst li a .t_txt_bx .item_tit {margin-top:20px ;font-size: 20px;line-height: 28px;height: 56px;font-weight: 500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.thum_lst li a .t_txt_bx .fl_date {margin-top: 12px;font-weight: 400; font-size: 16px; line-height: 19px; color: #777;}

/* KD몰드소식 list  - 리스트형 */
.thum_lst.post_type_txt {flex-direction: column;gap:20px 0}
.thum_lst.post_type_txt li {width:100%}
.thum_lst.post_type_txt li a {display: flex;flex-direction: row;}
.thum_lst.post_type_txt li a .thum {max-width:210px;height: 140px;padding-bottom:0;margin:0;}
.thum_lst.post_type_txt li a .thum img {height: 140px;}
.thum_lst.post_type_txt li a .t_txt_bx {width:calc(100% - 210px);padding-left: 20px;}
.thum_lst.post_type_txt li a .t_txt_bx .item_tit {height: auto;max-height: 56px;}

/* KD몰드소식 view -  타이틀 */
.news_view_tit .news_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}
.news_view_tit .news_desc  {margin-top: 20px;font-size: 18px;line-height: 28px;color: #222;letter-spacing: -0.5px;word-break: keep-all;}
/* KD몰드소식 view -  서브타이틀 */
.news_view_subtit {display:flex;font-size: 26px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;}
.news_view_txt  {margin-top: 20px;font-size: 18px;line-height: 28px;color: #222;letter-spacing: -0.5px;}
/* KD몰드소식 view -  상세설명 이미지 */
.news_item_wrap {display:flex;flex-wrap: wrap;margin: 40px 0;padding-bottom:40px;border-bottom: 1px solid #d8dce1;}
.news_item_wrap img {max-width:100%}
.news_item_wrap .news_item_img_pc {display: flex}
.news_item_wrap .news_item_img_mo {display: none}

/* KD몰드소식 write&edit -  타이틀 */
.news_edit_tit .news_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}



@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){

	/* 게시판 list- 상단 단일검색 (공통) */
	.srch_sec {margin-top: 20px;}

	/* 게시판 read*/
	.board_view .readtop {flex-direction: column;padding:10px 10px;}
	.board_view .readtop .tit {width:100%}
	.board_view .readtop .date {width:100%;margin-top: 2px;text-align: left;}
	.board_view .readcont .puts {margin:20px 0}
	.board_view .readcont .puts p {padding: 0 10px}
	.board_view .readcont .accretion {padding:12px 10px}
	
	/* 게시판 write&edit */
	.board_edit .edit_top {padding:20px 0;}
	.board_edit .edit_cont {padding:0 ;}

	/* KD몰드소식 list - 썸네일형 */
	.thum_lst {gap:20px}
	.thum_lst li {width:calc(100%/3 - 13.33px)}
	.thum_lst li a .t_txt_bx .item_tit {font-size: 18px;line-height: 24px;height:48px}

	/* KD몰드소식 list  - 리스트형 */
	.thum_lst.post_type_txt li a .thum {max-width:180px;height: 120px;}
	.thum_lst.post_type_txt li a .thum img {height: 120px;}
	.thum_lst.post_type_txt li a .t_txt_bx {width:calc(100% - 180px)}
	.thum_lst.post_type_txt li a .t_txt_bx .item_tit {height: auto;max-height: 48px;}
	
	
	
	}


/* 모바일용 */
@media screen and (max-width:425px){

	/* 게시판- board_paging (공통) */
	.board_paging a {width:24px;height: 26px;}
	
	/* 게시판 list- 상단 단일검색 (공통) */
	.srch_sec .selectwrap .form_select {display: none;}
	.srch_sec .selectwrap input[type="text"] {width:calc(100% - 72px) }

	/* 목록_테이블_상단_상세검색 */
	.search_data {width:100%}
	.search_data.wide {width:100%}
	.search_data .label {width:80px;padding-left:10px;} 
	.search_data .field {width:calc(100% - 90px)}
	.search_data .dropdown {width:calc(100% - 90px)}	
	.search_btn_bx {width:100%}
	.search_btn_bx .btn_srch  {width: 100%;margin-left: 0}	
	
	/* 게시판 list (공통)*/
	.board_list ul {border-top:1px solid #d8dce1}
	.board_list ul li.tbl_tit {display: none;}
	.board_list ul li.tbl_row a {flex-direction: column}
	/* 게시판 list - 공지사항 필드너비*/
	.board_list ul li .num {display: none;}
	.board_list ul li .tit {width:100%;}
	.board_list ul li .date {width:100%;text-align: left;font-size: 13px;color: #777;}

	/* KD몰드소식 list - 썸네일형 */
	.thum_lst {gap:20px 12px}
	.thum_lst li  {width:calc(50% - 6px);}

	/* KD몰드소식 list  - 리스트형 */
	.thum_lst.post_type_txt li a .thum {max-width:135px;height: 90px;}
	.thum_lst.post_type_txt li a .thum img {height: 90px;}
	.thum_lst.post_type_txt li a .t_txt_bx {width:calc(100% - 135px);}
	.thum_lst.post_type_txt li a .t_txt_bx .item_tit {margin-top: 8px;}
	.thum_lst li a .t_txt_bx .fl_date {margin-top: 8px}
	
	/* 조회수정_disp_form */
	.disp_form ul li.disp_row {flex:0 1 100%;}
	.disp_form ul li.disp_row .tit {flex:0 0 90px;padding-left:8px}
	.disp_form ul li.disp_row .star:before {top: 16px;left: 0px;} 
	
	
	

	}
		


@charset "utf-8"; 
/* layout */
body {overflow-x: hidden; overflow-y: scroll; } /* 세로 스크롤 : 화면흔들림 overflow-x: hidden; */
html, body {height: 100%!important}
#wrap {height: 100%!important}
#container {min-height:calc(100% - 264px);padding-top:136px;box-sizing: border-box;}
.header { position:fixed; top:0; width:100%; height:136px; background-color:rgba(255,255,255,1); box-sizing:border-box; z-index:1000; } 
.header.change { height: 81px;border-bottom: 1px solid #f9f9f9} 
.header.change .menu_util { display:none } 
.inner { width:90%; max-width:1400px; margin:0 auto } 
.inner_n { width:90%; max-width:1000px; margin:0 auto } 


/* 공통 */
.blackBg { display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.64); z-index:50; } 
.blackBg.on { display:block; } 
.blind { position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; } 
.txtblue { color: #1068da!important ; } 
.txtblue2 { color: #014099!important; } 

/* 체크박스 */
input[type="checkbox"] { display: none; } 
input[type="checkbox"] + label { position: relative; display: block; padding-left: 30px; color: #333; font-size: 14px; line-height:20px; } 
input[type="checkbox"] + label:before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 18px; height: 18px; background-color: #fff; border: 1px solid #aaa; cursor: pointer; text-align: center; line-height: 18px; } 
input[type="checkbox"]:checked + label:before { content: '\2714'; font-size: 18px; } 
input:focus { outline: none; } 
textarea:focus { outline: none; } 
select::-ms-expand { display: none; } 
select:hover { border-color: #e3e6f0; } 
select:focus { border-color: #e3e6f0; outline: none; } 

/*TOP메뉴*/
#header .menu_util ul { display:flex; flex:0 1 100%; height: 35px;margin-top: 10px; align-items: center; justify-content: flex-end } 
#header .menu_util ul li { margin: 0 8px; } 
#header .menu_util ul li a { position: relative; color: #555; font-size: 14px; cursor: pointer; } 
#header .menu_util ul li a:before { display: inline-block; position: absolute; top: 50%; left: -8px; width: 1px; height: 13px; margin-top: -6px; background-image: none; background-color:#999; content: ""; } 
#header .menu_util ul li:first-child a:before { display: none } 

/* header  23/11/28 로고 수정*/
#header .menu_container { width: 100%; height: 80px; background: #fff; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin: 0 auto; } 
#header .menu_container .inner {display: flex; justify-content: space-between;} 
#header .menu_container .logo { display:flex; align-items: center; max-width:190px;} 
#header .menu_container .logo a { width:100%; height:auto; } 
#header .menu_container .logo img { width:100%;max-height: 60px!important;max-width: 190px!important;} 
#header .menu_container .gnb { flex: none; margin: 0 auto;}
#header .menu_container .gnb .depth { overflow: visible; } 
#header .menu_container .gnb .depth > ul { display: flex } 
#header .menu_container .gnb .depth > ul > li { position: relative; min-width: 80px; width:auto; padding:0 34px } 
#header .menu_container .gnb .depth > ul > li > a { position: relative; display: flex; align-items: center; justify-content: center; height: 60px; color: #222; font-size: 22px; font-weight: 500; letter-spacing: -0.8px; text-align: center; } 
#header .menu_container .gnb .depth > ul > li ul.sub_depth { display: none; position: absolute; left: 50%; top: 60px; transform: translateX(-50%);transition: all 0.2s ease-out 0s; width: inherit; padding: 20px 22px 10px;min-width: 120px; background: #004299; border-radius: 10px; box-shadow: 10px 10px 14px 8px rgba(0, 0, 0, 0.1);box-sizing: border-box} 
#header .menu_container .gnb .depth > ul > li ul.sub_depth li {height: 32px;}
#header .menu_container .gnb .depth > ul > li ul.sub_depth li a {display: inline-block;padding: 1px;color: #fff; font-size: 18px; line-height:22px;font-weight: 400;white-space: nowrap; transition: all 0.2s ease-out 0s} 
#header .menu_container .gnb .depth > ul > li ul.sub_depth li a:hover { position: relative; color: #fff;border-bottom: 1px solid #fff; } 
#header .menu_container .gnb .depth > ul > li:hover > a,
#header .menu_container .gnb .depth > ul > li.on > a { color: #004299; } 
#header .menu_container .gnb .depth > ul li:hover a ~ ul.sub_depth { display: block; width: auto; } 
#header .menu_container .gnb .depth > ul > li.point a {color: #1068da;font-weight:700;}

/* 전체메뉴 헴버거 버튼 */
.menu_container .menu_btn_wrap { display: flex; padding: 0; } 
.menu_container .menu_btn_wrap a.menu_btn { position: relative; width:32px; margin-left: 10px; } 
.menu_btn span { width: 32px; right: 0; top:50% } 
.menu_btn span,
.menu_btn span::before,
.menu_btn span::after { display: block; position: absolute; width: 100%; height: 2px; background-color: #3c3c3c; transition-duration: .25s; } 
.menu_btn span::before { content: ''; top: -8px; } 
.menu_btn span::after { content: ''; top: 8px; } 

/* 전체메뉴  펼쳤을때*/
#header .menu_wrap { position: fixed; left: 0; right: 0; top: 0; background: #fff; width: 100%; height: 100vh; z-index: 1000; display: none; -webkit-transition: opacity 0.75s; -ms-transition: opacity 0.75s; transition: opacity 0.75s; display: none; } 
#header .menu_wrap.active { opacity: 1; display: block; } 
#header .menu_wrap .top_btn_wrap {position: relative;padding: 20px 0;justify-content: end; }
#header .menu_wrap .top_btn_wrap .toggle_close { position: absolute; display: inline-block; top: 0; right: 0px; width: 30px; height: 30px; z-index: 10; } 
#header .menu_wrap .top_btn_wrap .close_btn_wrap .toggle_close { display: flex; padding: 0; } 
#header .menu_wrap .top_btn_wrap .close_btn_wrap { position: relative; width:32px;height: 32px; margin-left: 10px; } 
#header .menu_wrap .top_btn_wrap .toggle_close a span { width: 32px; right: 0; top:50% } 
#header .menu_wrap .top_btn_wrap .toggle_close span,
#header .menu_wrap .top_btn_wrap .toggle_close span::before,
#header .menu_wrap .top_btn_wrap .toggle_close span::after { display: block; position: absolute; width: 100%; height: 2px; background-color: #3c3c3c; transition-duration: .25s; } 
#header .menu_wrap .top_btn_wrap .toggle_close span { top: 50%; transform: rotate(45deg); } 
#header .menu_wrap .top_btn_wrap .toggle_close span::before { content: '';  top:  50%; transform: rotate(95deg);} 

#header .menu_wrap .mid {display: none}
#header .menu_wrap .gnb_outer {width:90%;margin:0 auto;box-sizing: border-box;}
#header .menu_wrap .gnb_outer .gnb_wrap {width: 100%;margin-top:0px; } 
#header .menu_wrap .gnb_menu {display: flex; width:100% } 
#header .menu_wrap .gnb_menu > .category {display: flex; flex-wrap: wrap;width:100%;gap: 60px 0} 
#header .menu_wrap .gnb_menu .category > li {width: calc(100% / 4);text-align: left;}
#header .menu_wrap .gnb_menu .category > li:last-child {display: none;}/* 관리자 메뉴 안보이게 */
#header .menu_wrap .gnb_menu .category li .menu_depth1 { position: relative;display: inline-block;  color: #000; font-size: 36px; font-weight: 700; letter-spacing: -1.76px;} 
#header .menu_wrap .gnb_menu .category li .menu_depth1:hover { color: #004299} 
#header .menu_wrap .gnb_menu .category li .sub_depth { margin-top: 30px; } 
#header .menu_wrap .gnb_menu .category li .sub_depth li a { position: relative; display: inline-block;padding: 10px 0 ; color: #444; font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: -0.8px; } 
#header .menu_wrap .gnb_menu .category li .sub_depth li a:hover { color: #004299; } 
#header .menu_wrap .gnb_menu .category li .sub_depth li a:hover:before { content: ''; position: absolute; left: 0; right: -1px; bottom: 7px; height: 2px; background: #004299;} 

/* footer  - 높이가 바뀌면 #container min-height 사이즈도 수정 */
#footer {background:#F3F6FA; color:#666; font-family: 'Pretendard', sans-serif; font-weight:600 } 
#footer .inner { height: 264px;display: flex; align-items: center;gap:0 20px } 
#footer .f_logo { width:25%} 
#footer .f_logo a.footer_logo { display: block; text-align: left; } 
#footer .f_logo img { width:100%!important; max-width:190px!important; min-width:auto!important; } 
#footer .front {display: flex;flex-direction: column;width:55% } 
#footer .rear {display: flex;flex-direction: column;width:20%;height:80px;justify-content:flex-start;align-items: flex-end;}
#footer .front .footer_link a.link_item { position:relative; display:inline-block; width:auto; height:20px; margin:0 10px; font-size:13px; line-height:20px; color:#666; } 
#footer .front .footer_link .link_item:before { display: inline-block; position: absolute; top: 50%; left: -10px; width: 1px; height: 13px; margin-top: -6px; background-image: none; background-color:#999; content: ""; } 
#footer .front .footer_link .link_item:first-child { margin:0 10px 0 0 } 
#footer .front .footer_link .link_item:first-child:before { display: none } 
#footer p { font-size:13px; word-break:keep-all; font-weight:400;letter-spacing: -0.5px; } 
#footer .front p.company_info { margin-top:20px;  line-height:22px;} 
#footer .front p .m8 {margin:0 8px;}
#footer .front p.copyright { margin-top:10px;line-height: 16px;} 
#footer .rear .lst_sns {display: flex;}
#footer .rear .lst_sns a {display: block;width:32px;height:32px;margin-left:10px;border-radius: 50%;}
#footer .rear .lst_sns a.blog {background:#2eb34a url(../images/common/footer_icon_blog.svg) no-repeat 0 0}
#footer .rear .lst_sns a.youtube {background:#ea3323 url(../images/common/footer_icon_youtube.svg) no-repeat 0 0}
#footer .rear .lst_sns a.kakao_inq {background:#fee500}
#footer .rear .lst_sns a.kakao_inq i {display: flex;justify-content: center;align-items: center;width:32px;height:32px;}
#footer .rear .lst_sns a.kakao_inq i:before {color: #fff;font-size: 16px;}
#footer .rear p.desc { margin-top:20px;  line-height:22px;} 


/* Top 위로이동버튼 */
#movtop { position:fixed; bottom:12px; right:18px;z-index:1000; } 
#movtop a { display:flex; flex-direction: column; padding: 14px 21px 12px; justify-content: center; align-items: center; border:1px solid #999; background: #fff; border-radius: 3px; } 
#movtop a .top_arrow { position: relative;; width:100%; height: 16px; color:#333; text-decoration: none; } 
#movtop a .top_arrow:before { content: ''; position: absolute; width: 2px; height: 16px; background: #333; display: block; top:0px; right: 50% } 
#movtop a .top_arrow:after { content: ''; position: absolute; width: 10px; height: 10px; display: block; top: 0px; right: 50%; margin-right: -5px; border-top: #333 2px solid; border-right: #333 2px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 

/* 우측 퀵메뉴 수정 */
.floating {position: fixed;right:12px;bottom: 80px;z-index:1000;}
.frt_tab ul li {display: flex;align-items: center;justify-content: center;width:80px;height: 80px;background: #fee500;border-radius: 50%;box-shadow: -2px 4px 3px 0 rgb(0 0 0 / 20%);}
.frt_tab ul li + li {margin-top:10px}
.frt_tab ul li a {display:flex;flex-direction: column;align-items: center;}
.frt_tab ul li a .title {color: #333;font-size: 13px;font-weight:700;}
.frt_tab ul li a i {display: flex;justify-content: center;width:38px;margin-bottom: 10px;}
.frt_tab ul li a i:before {color: #333;font-size: 18px;}

/* 공통_서브타이틀  레이아웃*/
.split_container {padding: 80px 0}
.split_container .inner {display: flex;justify-content: space-between;}
.split_container .content {flex: 0 0 76%; margin-left: 4%;}

/* 공통_side 메뉴 */
.split_container .sub_nav {flex: 0 0 20%; display: flex;flex-direction:column;font-family: 'Pretendard'}
.split_container .sub_nav h3 {height: 40px;padding-left: 10px;margin-bottom:10px;font-size:24px;color:#333;border-bottom:2px solid #004299;box-sizing:border-box;}
.split_container .sub_nav ul.nav_lst li.depth1 {display:flex;}
.split_container .sub_nav ul.nav_lst li.depth1 a {display:flex;align-items: center;flex:1 1 100%;height:52px;padding-left:4%;font-size:20px;line-height: 22px;font-weight:600;color:#222;letter-spacing: -0.9px;}
.split_container .sub_nav ul.nav_lst li.depth1.active a {background:#f3f6fa;color:#222;font-family: 'Pretendard';}
.split_container .sub_nav ul.nav_lst + h3 {margin-top: 60px;}


    @media screen and (max-width:1280px) { 

     /* header */
     #header .menu_container .gnb .depth > ul > li {min-width:40px; padding:0 20px } 


    }



    /* 태플릿_가로 */
    @media screen and (max-width:1198px) {


    } 



    /* 태플릿 */
    @media screen and (max-width:1024px) { 

    /* header */
    #header .menu_container .gnb .depth > ul > li {padding:0 10px } 

    /* 공통_서브타이틀  레이아웃*/
	.split_container .inner  {flex-flow: column wrap;}
	.split_container .content {flex: 0 0 100%; margin-left: 0%}
   	
	/* 공통_side 메뉴 */
	/* .sub_nav {flex: 0 0 100%}
	.sub_nav h3 {display: none;}
	.sub_nav ul.nav_lst {flex-flow: row wrap;display: flex;margin-bottom:40px;}
	.sub_nav ul.nav_lst li.depth1 {flex:0 0 50%;border: 1px solid #d8dce1;box-sizing: border-box;}
	.sub_nav ul.nav_lst li.depth1 a {padding-left:10px; padding-right: 10px;justify-content: center}
	.sub_nav ul.nav_lst li:nth-child(2n) {border-left: none;}
    .sub_nav ul.nav_lst li:nth-child(n+3) {border-top: none;} */	
    .split_container .sub_nav {display: none;}


    }


    /* 태플릿용2 */
    @media screen and (max-width:768px) { 

    /* layout */
    #container {min-height:calc(100% - 310px);padding-top:52px}
    .header.change { height: 52px} 

    /*TOP메뉴*/
    #header .menu_util { display:none} 
  
    /* header */
    #header { height: 52px; } 
    #header .menu_container {height: 52px; } 
    #header .menu_container .logo {width:24%;min-width:140px} 
    #header .menu_container .gnb {display: none} 
    #header .gnb .depth { max-width: 750px; margin: 0 auto; } 
    #header .gnb .depth > ul { display: flex; align-items: center; } 
    #header .gnb .depth > ul li { width: auto; padding: 14px 10px; } 
    #header .gnb .depth > ul li a { font-size: 16px; color: #000; font-weight: 700; letter-spacing: -0.64px; line-height: 1.25; } 
    #header .gnb.fixedtop { position: fixed; top: 0; left: 0; right: 0; z-index: 12; background: #fff; border-bottom: 1px solid #dbe1dc; } 
    #header.scrollUp { position: fixed; } 


    /* 전체메뉴  펼쳤을때*/
    #header .menu_wrap {overflow-y: auto } 
    #header .menu_wrap .top_btn_wrap {padding:10px 0; }
    #header .menu_wrap .gnb_wrap {display: flex;width: 100%; }
    /* #header .menu_wrap .member .toggle_close { width: 20px; height: 20px; padding: 5px; margin-right: -5px; } 
    #header .menu_wrap .member .toggle_close:before { display: none; }  */
    #header .menu_wrap .mid {display: flex;justify-content: space-between;align-items: center;height: 80px;padding: 0 10px;}
    #header .menu_wrap .mid a {width:50%;height: 46px;display:flex;justify-content: center;align-items: center;font-size: 18px;}
    #header .menu_wrap .mid a.login_link {color: #fff;background: #004299;}
    #header .menu_wrap .mid a.join_link {color: #004299;border:1px solid #004299;box-sizing: border-box;}
    #header .menu_wrap .mid a.user_name {width:100%;color: #333;font-size: 20px;}
    #header .menu_wrap .gnb_menu .category {flex-direction: column;width: 100%;gap:0}
    #header .menu_wrap .gnb_menu .category li {width:100%;}
    #header .menu_wrap .gnb_menu .category > li:last-child {display: block;}/* 관리자 메뉴 보이게 */
    #header .menu_wrap .gnb_menu .category li.on { margin-bottom: 10px;} 
    #header .menu_wrap .gnb_menu .category li .menu_depth1 { position: relative; display: block; width: 90%;margin: 0 auto;height: 68px; line-height: 68px; font-size: 22px; color: #000; font-weight: 700; letter-spacing: -0.96px; } 
    #header .menu_wrap .gnb_menu .category li .menu_depth1:hover {color: #000;}
    #header .menu_wrap .gnb_menu .category li.on .menu_depth1 { color: #004299; } 
    #header .menu_wrap .gnb_menu .category li .sub_depth { display: none; width: 90%;margin: 0 auto;} 
    #header .menu_wrap .gnb_menu .category li .sub_depth ul { display: flex; flex-wrap: wrap;} 
    #header .menu_wrap .gnb_menu .category li .sub_depth li { flex: 1 1 50%; } 
    #header .menu_wrap .gnb_menu .category li .sub_depth li a { font-size: 17px;  letter-spacing: -0.9px; } 

    #header .menu_wrap .bottom {display: flex;position: absolute;bottom: 0;width: 100%;}
    #header .menu_wrap .bottom a {width:100%;height: 42px;line-height: 42px;display:flex;justify-content: center;align-items: center;color: #444;background:#f3f6fa;font-size: 16px;}

    /* 메뉴 화살표 -  펼치기/접기 */
    #header .menu_wrap .gnb_menu .category li .menu_depth1:before ,
    #header .menu_wrap .gnb_menu .category li .menu_depth1:after { content: ''; position: absolute; top: 50%; right: 0; display: inline-block; width: 15px; height: 2px; background: #000; } 
    #header .menu_wrap .gnb_menu .category li .menu_depth1:before { transform: rotate(-45deg); transition: transform .3s; -webkit-transform: rotate(-45deg); -webkit-transition: transform .3s; } 
    #header .menu_wrap .gnb_menu .category li .menu_depth1:after { transform: rotate(45deg); transition: transform .3s; -webkit-transform: rotate(45deg); -webkit-transition: transform .3s; margin-right: 10px; } 
    #header .menu_wrap .gnb_menu .category li.on .menu_depth1:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } 
    #header .menu_wrap .gnb_menu .category li.on .menu_depth1:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 
    #header .menu_wrap .gnb_menu .category li.on .menu_depth1:before, 
    #header .menu_wrap .gnb_menu .category li.on .menu_depth1:after { background: #004299; } 

    /* footer  */
    #footer .inner {height: 310px;} 
    #footer .f_logo {display: none;} 
    #footer .front {width:60% } 
    #footer .rear {width:40%;}
    
    /* 공통_레이아웃*/
	.split_container {padding: 40px 0 60px;}
	  


    }


    /* 모바일용 */
    @media screen and (max-width:425px) { 
        
    /* footer */
    #footer .inner { flex-direction: column; justify-content: center;} 
    #footer .front {width:100% } 
    #footer .rear {width:100%;height: 32px;align-items: flex-start;margin-top: 10px;}    
    #footer .rear .lst_sns a:first-child {margin-left:0}    
    #footer .rear p.desc {display: none;} 

     /* 공통_side 메뉴 */
	.sub_nav ul.nav_lst li.depth1 a {font-size: 18px;}

    /* 우측 퀵메뉴 수정 */
    .floating {right: 10px;bottom: 66px}
    .frt_tab ul li {width:70px;height:70px;}
    

    }




@charset "utf-8";

/* 선도기업, 조합원사_리스트1 - 썸네일형*/
.company_lst {display: flex;flex-wrap: wrap;justify-content: flex-start;gap:30px 2%}
.company_lst li.box {width:32%;border-radius:6px}
.company_lst li a {display:flex;flex-direction:column;align-items: flex-start;padding: 18px 20px 26px 28px;border: 1px solid #d8dce1;border-radius: 4px;box-sizing: border-box;}
.company_lst li a .logo {display: block;width: 100%;height: 70px;}
.company_lst li a .logo img {width:100%;height: 100%;object-fit: scale-down;object-position: left;}
.company_lst li a .co_infobox {display: flex;flex-direction:column;width: 100%;}
.company_lst li a .co_infobox dl {display: flex;width: 100%;margin-top:6px;color: #333;font-size: 16px;line-height: 20px;}
.company_lst li a .co_infobox dl dt {width:90px;font-weight:600;}
.company_lst li a .co_infobox dl dd {width: calc(100% - 90px);height: 20px;line-height:20px;font-weight:400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

/* 선도기업, 조합원사_리스트2 - 기본형*/
.company_tbl {display:flex;flex-direction:column;width:100%;max-width:1200px;}
.company_tbl .tbl_tit {display:flex;}
.company_tbl .tbl_data {margin-top:0} 
.company_tbl .tbl_row {width:100%;background:#fff;border-bottom:1px solid #d8dce1;box-sizing: border-box;}
.company_tbl .tbl_tit .tbl_row {display:flex;padding:16px 10px 16px 12px;border-top:2px solid #d8dce1;}
.company_tbl .tbl_tit .tbl_row span {justify-content:center;align-items:center;font-size:14px;line-height:24px;}
.company_tbl .tbl_tit .tbl_row span .tit {font-size: 16px;color:#666;font-weight:600}
.company_tbl .tbl_data .tbl_row a {display:flex; padding:16px 10px 16px 12px}
.company_tbl .tbl_row span {display:flex;font-size:16px;line-height:24px;color:#666;font-weight: 400;}
.company_tbl .tbl_row span .data_tit {display:none}
.company_tbl .tbl_row span .data {flex:1 1 100%;text-align:center;text-overflow:ellipsis; white-space:nowrap;overflow: hidden;letter-spacing: -0.5px;}
.company_tbl .tbl_row span.company .data  {color:#1068da;font-weight:500;}

/* 선도기업, 조합원사_리스트2 - 기본형_컬럼별 너비*/
.company_tbl .tbl_row span.number {width:5%}
.company_tbl .tbl_row span.company {width:15%;}
.company_tbl .tbl_row span.ceo {width:10%}
.company_tbl .tbl_row span.address {width:30%}
.company_tbl .tbl_row span.item {width:25%}
.company_tbl .tbl_row span.phone {width:15%}

/* 기업 정보 상세조회(공통) - 선도기업, 조합원사 */
.co_view_tit {display: flex;margin-bottom: 10px;}
.co_view_tit .co_tit {flex:1 1 100%;padding-left: 6px;font-size: 28px;line-height:46px;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}
.co_view_form {display: flex;flex-direction: column;margin-bottom: 20px;}
.co_view_form ul {display:flex;flex-wrap:wrap;margin-bottom:10px;border-top:1px solid #e3e6f0;border-left:1px solid #e3e6f0 }
.co_view_form ul li.view_row {display:flex;flex:0 0 50%;border-bottom:1px solid #e3e6f0;}
.co_view_form ul li.view_row.wide {flex:1 1 100%}
.co_view_form ul li.view_row p {padding:14px 16px;font-size:15px;line-height:18px;}
.co_view_form ul li.view_row p + p,
.co_view_form ul li.view_row p + div {border-left:1px solid #e3e6f0;border-right:1px solid #e3e6f0}
.co_view_form ul li.view_row .tit {display:flex;align-items: center;flex:0 0 140px;color:#5a5c69;font-weight: 500;background: #f2f3f6}
.co_view_form ul li.view_row .decs {display:flex;flex:1 1 100%;color:#666;}
.co_view_form ul li.view_row .decs a {color: #004299;}

/* 기업 정보 상세조회, 작성, 수정 (공통) - 선도기업, 조합원사 */
.co_form ul li .file {display:flex;flex: 0 1 100%;justify-content: space-between;padding: 4px;font-size:14px;color:#666;flex-wrap: nowrap;box-sizing: border-box;}
.co_form ul li .file a {display: flex;align-items: center;padding: 0 10px;color: #004299;font-size: 13px;}
.co_form ul li .file a:hover,
.co_form ul li .file a:active {color: #003780;cursor:pointer;}
.co_form ul li .file a i {font-size: 18px;}

/* 기업 정보 작성, 수정(공통)  - 선도기업, 조합원사*/ 
.co_edit_tit {display: flex;margin-bottom: 10px;}
.co_edit_tit .co_tit {flex:1 1 100%;padding-left: 6px;font-size: 28px;line-height:46px;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}
.co_edit_form {display: flex;flex-direction: column;margin-bottom: 20px;}
.co_edit_form ul {display:flex;flex-wrap:wrap;margin-bottom:10px;border-top:1px solid #e3e6f0;border-left:1px solid #e3e6f0 }
.co_edit_form ul li.edit_row {display:flex;flex:0 0 50%;border-bottom:1px solid #e3e6f0;}
.co_edit_form ul li.edit_row.wide {flex:1 1 100%}
.co_edit_form ul li.edit_row p {padding:14px 16px;font-size:15px;line-height:18px;}
.co_edit_form ul li.edit_row p + p,
.co_edit_form ul li.edit_row p + div {border-left:1px solid #e3e6f0;border-right:1px solid #e3e6f0}
.co_edit_form ul li.edit_row .tit {display:flex;align-items: center;flex:0 0 140px;color:#5a5c69;font-weight: 500;background: #f2f3f6}
.co_edit_form ul li.edit_row .data {display:flex;flex: 0 1 100%;padding: 4px;flex-wrap: nowrap;box-sizing: border-box;}
.co_edit_form ul li.edit_row .data input {width:100%;padding-left:8px;border:1px solid #e3e6f0;font-size:14px;color:#666;box-sizing: border-box;}
.co_edit_form ul li.edit_row .file .f_btn_box {display: flex;padding-left:10px}
.co_edit_form ul li.edit_row .file .f_btn_box a.file_btn {display: flex;flex:0 1 50px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #d8dce1;background:#f2f3f6}
.co_edit_form ul li.edit_row .file .f_btn_box a.file_btn + a.file_btn {margin-left:10px}
.co_edit_form ul li.edit_row .calendar {position:relative;display:flex;flex: 1 1 100%; z-index: 50}
.co_edit_form ul li.edit_row .calendar input.date {flex:1 1 100%;width:auto;padding-left:8px;border:none;font-size:13px;color: #666;box-sizing:border-box; z-index: 50;}
.co_edit_form .img_panel {display: flex;flex:0 1 100%;margin-top: 20px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.co_edit_form .img_panel .row_lb {display: flex;flex:0 0 140px;padding: 20px 0 0 20px;font-size: 16px;font-weight: 500;color:#333;}
.co_edit_form .img_panel .img_bx {display: flex;flex:0 1 100%;padding: 20px 0;flex-wrap: wrap;}
.co_edit_form .img_panel .thumb {display: flex;justify-content: center;align-items: center;width:190px;height: 70px;padding:5px;border: 1px solid #d8dce1;border-radius: 3px}
.co_edit_form .img_panel .thumb img {max-width: 100%;max-height: 100%;}
.co_edit_form .img_panel .f_btn_box {display: flex;flex-direction: column;justify-content: center;padding-left:20px}
.co_edit_form .img_panel .f_btn_box a.file_btn {display: flex;width:80px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #d8dce1;background:#f2f3f6}
.co_edit_form .img_panel .f_btn_box a.file_btn + a.file_btn {margin-top:10px}
.co_edit_form .img_panel .note_bx {display: block;width:calc(100% - 304px);}
.co_edit_form .img_panel .note_bx p  {width:100%;height: 18px;margin-top: 6px;padding-left:20px;font-size: 14px;line-height: 18px;color:#666;}
.co_edit_form .img_panel .note_bx p .point_txt {color: #1068da;font-weight: 600;}

/* 참여단체 list - 썸네일형 */
.ad_lst {display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;gap:50px 30px;box-sizing: border-box;}
.ad_lst li {width:calc(100%/4 - 22.5px)}
.ad_lst li a {color: #333;}
.ad_lst li a .thum {display: block;position: relative;overflow: hidden;width: 100%;max-width: none;height: 0;padding-bottom:137%;background-color: #ebebeb;}
.ad_lst li a .thum img {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;margin: 0;}
.ad_lst li a .a_txt_bx {display: flex;flex-direction:column;}
.ad_lst li a .a_txt_bx p {color:#333;font-family:'Pretendard', sans-serif;letter-spacing:-0.5px;}
.ad_lst li a .a_txt_bx .item_tit {margin-top:20px ;font-size: 20px;line-height: 28px;height: 56px;font-weight: 500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ad_lst li a .a_txt_bx .fl_date {margin-top: 12px;font-weight: 400; font-size: 16px; line-height: 19px; color: #777;}

/* 참여단체 list - 리스트형 */
.ad_lst.post_type_txt {flex-direction: column;gap:20px 0}
.ad_lst.post_type_txt li {width:100%}
.ad_lst.post_type_txt li a {display: flex;flex-direction: row;}
.ad_lst.post_type_txt li a .thum {max-width:100px;height: 140px;padding-bottom:0;margin:0;}
.ad_lst.post_type_txt li a .thum img {height: 140px;}
.ad_lst.post_type_txt li a .a_txt_bx {width:calc(100% - 100px);padding-left: 20px;}
.ad_lst.post_type_txt li a .a_txt_bx .item_tit {height: auto;max-height: 56px;}

/* 참여단체 view -  타이틀 */
.ad_view_tit .ad_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}
.ad_view_tit .ad_desc  {margin-top: 20px;font-size: 18px;line-height: 28px;color: #222;letter-spacing: -0.5px;word-break: keep-all;}

/* 참여단체 view -  (공통)  상세설명 이미지 */
.ad_item_wrap {display:flex;flex-wrap: wrap;margin: 40px 0;padding-bottom:40px;border-bottom: 1px solid #d8dce1;}
.ad_item_wrap img {max-width:100%}
.ad_item_wrap .ad_item_img_pc {display: flex}
.ad_item_wrap .ad_item_img_mo {display: none}

/* 참여단체 write&edit -  타이틀 */
.ad_edit_tit .ad_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}





@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* 선도기업, 조합원사_리스트1 - 썸네일형*/
	.company_lst {gap:12px 10px}
	.company_lst li.box {width:calc(50% - 5px)}
	.company_lst li a {padding:10px 20px 20px;}
	.company_lst li a .co_infobox p.co_name {margin-top: 8px}

	/* 선도기업, 조합원사_리스트2 - 기본형_컬럼별 너비*/
	.company_tbl .tbl_row span.number {width:6%}
	.company_tbl .tbl_row span.company {width:25%;}
	.company_tbl .tbl_row span.ceo {width:15%}
	.company_tbl .tbl_row span.address {display: none;}
	.company_tbl .tbl_row span.item {width:34%}
	.company_tbl .tbl_row span.phone {width:20%}

	/* 기업 정보 상세조회 */
	.co_view_form ul li.view_row {flex:0 0 100%;}
	.co_view_form ul li.view_row .tit {flex:0 0 86px}
	.co_view_form ul li.view_row .decs {flex:1 1 100%;}

	/* 기업 정보 작성, 수정(공통)  - 선도기업, 조합원사*/ 
	.co_edit_form ul li.edit_row {flex:0 0 100%;}
	.co_edit_form ul li.edit_row .tit {flex:0 0 86px}
	.co_edit_form ul li.edit_row .decs {flex:1 1 100%;}
	.co_edit_form .img_panel .row_lb {flex:0 0 120px;padding: 20px 0 0 10px;}
	.co_edit_form .img_panel .note_bx {width:100%;margin-top:12px;}
	.co_edit_form .img_panel .note_bx p  {padding-left:0px;}

	/* 참여단체 list - 썸네일형 */
	.ad_lst {gap:20px}
	.ad_lst li {width:calc(100%/3 - 13.33px)}
	.ad_lst li a .a_txt_bx .item_tit {font-size: 18px;line-height: 24px;height:48px}

	/* 참여단체 list  - 리스트형 */
	.ad_lst.post_type_txt li a .a_txt_bx .item_tit {height: auto;max-height: 48px;}

	
	
	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	/* 선도기업, 조합원사_리스트1 - 썸네일형*/
	.company_lst {gap:12px 0}
	.company_lst li.box {width:100%}
	
	/* 선도기업, 조합원사_리스트2 - 기본형_컬럼별 너비*/
	.company_tbl .tbl_row span.number {width:10%}
	.company_tbl .tbl_row span.company {width:35%;}
	.company_tbl .tbl_row span.ceo {width:25%}
	.company_tbl .tbl_row span.item {display: none;}
	.company_tbl .tbl_row span.phone {width:30%}

	/* 기업 정보 작성, 수정(공통)  - 선도기업, 조합원사*/ 
	.co_edit_form .img_panel {flex-wrap: wrap;}
	.co_edit_form .img_panel .img_bx {flex-direction: column;}
	.co_edit_form .img_panel .thumb {margin: 0 auto;}
	.co_edit_form .img_panel .f_btn_box {flex-direction: row;padding-left:0;margin-top: 12px;}
	.co_edit_form .img_panel .f_btn_box a.file_btn + a.file_btn {margin-top:0;margin-left: 10px;}

	/* 참여단체 list - 썸네일형 */
	.ad_lst {gap:20px 12px}
	.ad_lst li  {width:calc(50% - 6px);}

	/* 참여단체 list  - 리스트형 */
	.ad_lst.post_type_txt li a .a_txt_bx .item_tit {margin-top: 8px;}
	.ad_lst li a .a_txt_bx .fl_date {margin-top: 8px}
	
	
	

	}
		

	

@charset "utf-8";

/* 웹폰트 import start */


/* pretendard */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('../fonts/pretendard/Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('../fonts/pretendard/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('../fonts/pretendard/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('../fonts/pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('../fonts/pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('../fonts/pretendard/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('../fonts/pretendard/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('../fonts/pretendard/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    src: url('../fonts/pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Tenada';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'Pretendard', 'Pretendard', sans-serif;
}
@charset "utf-8";

.job_lst_sec {width: 100%;}

/*채용공고_리스트 - 썸네일형 */
.lst_job_offer {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;gap:30px 2%}
.lst_job_offer li.box {width:32%;}
.lst_job_offer li a {display:flex;flex-direction:column;align-items: flex-start;padding: 18px 22px 26px;border: 1px solid #d8dce1;border-radius: 4px;box-sizing: border-box;}
.lst_job_offer li a .logo {display: block;width: 100%;height: 70px;}
.lst_job_offer li a .logo img {width:100%;max-width:190px;object-fit: scale-down;object-position: left;}
.lst_job_offer li a .co_infobox {display: flex;flex-direction:column;width: 100%;}
.lst_job_offer li a .co_infobox p {color:#777;font-family:'Pretendard', sans-serif;letter-spacing:-0.5px;}
.lst_job_offer li a .co_infobox p.co_name {margin-top: 12px;font-size:16px;line-height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.lst_job_offer li a .co_infobox p.job_tit {width: 100%;margin-top: 6px;font-size: 18px; line-height:22px;height: 44px;font-weight: 500;color:#333;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lst_job_offer li a .co_infobox p.d_day {width: 100%;margin-top: 12px;font-size:15px;line-height: 18px;height: 18px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }

/*채용공고_리스트 - 기본형 */
.lst_job_offer.post_type_txt {gap:20px 0}
.lst_job_offer.post_type_txt li.box {width:100%}
.lst_job_offer.post_type_txt li a {flex-direction:row;padding: 0;border:none;align-items: center;width:100%}
.lst_job_offer.post_type_txt li a .logo {width:22%;max-width:190px;height:auto;padding: 10px;border: 1px solid #d8dce1;border-radius: 4px;box-sizing: border-box;}
.lst_job_offer.post_type_txt li a .co_infobox {width:calc(78% - 20px);padding-left: 20px;}
.lst_job_offer.post_type_txt li a .co_infobox p.co_name {margin-top:0}
.lst_job_offer.post_type_txt li a .co_infobox p.job_tit {height:22px;-webkit-line-clamp: 1}
.lst_job_offer.post_type_txt li a .co_infobox p.d_day {margin-top: 8px}

/*인재정보_리스트 - 썸네일형 */
.lst_person {display: flex;flex-wrap: wrap;justify-content: flex-start;gap:22px 20px}
.lst_person li.box {width:calc(33.3% -  13.33px);}
.lst_person li a {display:flex;flex-direction:column;align-items: flex-start;padding: 22px 20px;border: 1px solid #d8dce1;border-radius: 4px;box-sizing: border-box;}
.lst_person li a .userInfobox {display: flex;width:100%;}
.lst_person li a .userInfobox .thumb{width:56px;height:56px;}
.lst_person li a .userInfobox .thumb img {width: 100%;border-radius: 50%;border:1px solid #dedede ;}
.lst_person li a .userInfobox .leftbx {display: flex;flex-direction: column;justify-content: center;width:calc(100% - 76px);margin-left: 16px;color: #333;}
.lst_person li a .userInfobox .userInfo {display: flex;align-items: flex-end;}
.lst_person li a .userInfobox .userInfo dt {font-size: 20px}
.lst_person li a .userInfobox .userInfo dd {font-size: 14px;margin-left: 8px;color: #999;}
.lst_person li a .userInfobox .career {margin-top: 8px;font-size: 16px;color: #777}
.lst_person li a dl.recentfinal {margin-top: 16px;color: #333}
.lst_person li a dl.recentfinal dt {font-size: 16px}
.lst_person li a dl.recentfinal dd {margin-top: 6px;font-size: 16px}

/*인재정보_리스트 - 기본형 */
.lst_person.post_type_txt {display: flex;gap:0}
.lst_person.post_type_txt li.box {width:100%}
.lst_person.post_type_txt li a {flex-direction:row;padding: 12px 20px;border-radius: 0;border-bottom:none;}
.lst_person.post_type_txt li:last-child a{border-bottom: 1px solid #d8dce1;}
.lst_person.post_type_txt li a .userInfobox .leftbx {width:calc(100% - 76px);flex-direction: row;margin-left: 20px}
.lst_person.post_type_txt li a .userInfobox .userInfo {width:25%;align-items:center;}
.lst_person.post_type_txt li a .userInfobox .career {width:25%;display: flex;align-items:center;margin-top:0;}
.lst_person.post_type_txt li a dl.recentfinal {width:50%;display: flex;align-items:center;margin-top: 0}
.lst_person.post_type_txt li a dl.recentfinal dd {margin-top: 0;margin-left: 20px;}

/* 채용공고 view*/
.jview {margin-top: 20px;}
.jview .jv_top {display: flex;flex-direction: column;}
.jview .jv_top .co_name {width:100%;margin-left: 12px;line-height:22px;font-size:16px;color:#666}
.jview .jv_top .jv_tit {width:100%;margin: 12px 8px 0 12px;line-height:26px;font-size:26px;font-weight: 500;color:#333;word-break: keep-all;}
.jview .jv_summary {margin-top:20px;padding:20px 12px;border-top:1px solid #c4c7ca;border-bottom:1px solid #c4c7ca;box-sizing: border-box;}
.jview .jv_summary ul li {display: flex;width: 100%;}
.jview .jv_summary ul li p {line-height:20px;font-size:16px;line-height: 22px;}
.jview .jv_summary ul li .tit {width:100px;color:#333;text-align:left}
.jview .jv_summary ul li .decs {width:calc(100% - 100px); color:#3853d8}
.jview .jv_detail {display: flex;flex-direction: column;width:100%;}
.jview .jv_detail .puts {width:100%;margin:40px 0;min-height:250px;}
.jview .jv_detail .puts p {padding: 0 12px;word-wrap:break-word;color:#444;font-size:16px;line-height:26px}
.jview .jv_detail .accretion {display: flex;width:100%;padding:12px 16px;background:#f2f3f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing: border-box;}
.jview .jv_detail a {color:#3853d8}
.jview .jv_detail .accretion a {display:block;padding-left:30px;color:#666;font-size:14px;line-height:26px;background:url(../Images/common/inclined-clip.png)no-repeat 5px 5px;}
.jv_detail .accretion a:hover,
.jv_detail .accretion a:active {color:#3853d8}

/* 인재정보 view*/
.psview {margin-top: 20px;}
.psview .ps_top {display: flex;flex-direction: column;}
.psview .ps_top .ps_tit {width:100%;margin-top: 12px;margin-left: 12px;line-height:26px;font-size:26px;font-weight: 500;color:#333;}
.psview .ps_summary {display: flex;justify-content: space-between;margin-top:20px;padding:20px 12px;border-top:1px solid #c4c7ca;border-bottom:1px solid #c4c7ca;box-sizing: border-box;}
.psview .ps_summary .nameage {display: flex;margin-bottom: 12px;}
.psview .ps_summary .nameage p {display: flex;justify-content: center;align-items: center;}
.psview .ps_summary .nameage .name {font-size: 22px;}
.psview .ps_summary .nameage .age {margin-left: 20px;font-size: 16px;line-height: 16px; color:#777;}
.psview .ps_summary ul li {display: flex;width: 100%;}
.psview .ps_summary ul li p {line-height:20px; font-size:16px;line-height: 22px;color:#333;text-align:left}
.psview .ps_summary ul li .tit {width:86px;}
.psview .ps_summary ul li .decs {width:calc(100% - 86px);}
.psview .ps_resume {display: flex;flex-direction: column;width:100%;}
.psview .ps_resume .puts {width:100%;margin:40px 0;min-height:250px;}
.psview .ps_resume .puts p {padding: 0 12px;word-wrap:break-word;color:#444;font-size:16px;line-height:26px}
.psview .ps_resume .accretion {display: flex;width:100%;padding:12px 16px;background:#f6f8fa;border-top:1px solid #d8dce1;border-bottom:1px solid #d8dce1;box-sizing: border-box;}
.psview .ps_resume a {color:#3853d8}
.psview .ps_resume .accretion a {display:block;padding-left:30px;color:#666;font-size:14px;line-height:26px;background:url(../Images/common/inclined-clip.png)no-repeat 5px 5px;}
.ps_resume .accretion a:hover,
.ps_resume .accretion a:active {color:#3853d8}
/* 인재정보 view_사진이미지 등록 */
.psview .ps_summary .img_bx {display: flex;flex-direction: column;align-items: center;}
.psview .ps_summary .img_bx .thumb {display: flex;justify-content: center;align-items: center;border: 1px solid #d8dce1;}
.psview .ps_summary .img_bx.img_logo .thumb  {width:190px;height: 70px;padding: 5px;}
.psview .ps_summary .img_bx.img_photo .thumb {width: 103px;height: 132px;padding: 5px;}


/* 채용공고, 인재정보 write&edit 타이틀  */
.job_edit_tit .job_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}

/* jedit_사진이미지 등록 */
.jedit .img_bx {display: flex;flex-direction: column;align-items: center;}
.jedit .img_bx .thumb {display: flex;justify-content: center;align-items: center;margin-top: 12px;border: 1px solid #d8dce1;}
.jedit .img_bx.img_logo .thumb  {width:190px;height: 70px;padding: 5px;}
.jedit .img_bx.img_photo .thumb {width: 103px;height: 132px;padding: 5px;}
.jedit .img_bx .f_btn_box {display: flex;margin-top: 10px;}
.jedit .img_bx .f_btn_box a.file_btn {display: flex;width:60px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #d8dce1;background:#f2f3f6}
.jedit .img_bx .f_btn_box a.file_btn + a.file_btn {margin-left:8px}

/* jedit_필드공통 */
.jedit {display: flex;width:100%;max-width:1200px;flex-wrap: wrap;}
.jedit  .panel_tit {display: flex;width:100%;border-bottom:1px solid #d8dce1;}
.jedit  .panel_tit .pn_tit {display: flex;flex:1 1 100%;align-items: center;height:46px;margin-top: 22px;font-size:22px;font-weight: 500;color:#444}
.jedit ul {display:flex;flex-wrap:wrap;padding-bottom:30px;}
.jedit .jedit_summary {display: flex;width:100%;}
.jedit .jedit_summary .smary_lst {flex:1 1 100%;}
.jedit ul li.jedit_row {display:flex;flex:0 0 50%;width:100%;margin-top:12px}
.jedit ul li.jedit_row.wide {flex:1 1 100%}
.jedit ul li.jedit_row .tit {display:flex;flex:0 0 120px;padding-left:20px;font-size:16px;line-height:40px;color:#666;}
.jedit ul li.jedit_row .star {position:relative;}
.jedit ul li.jedit_row .star:before {content: '*';position: absolute;top: 16px;left: 8px;color: #eb253d;line-height: 1} 
.jedit ul li.jedit_row .data {flex: 0 1 100%;margin-right:10px;background:#fff;border:1px solid #d8dce1;font-size:14px;line-height:31px;color:#666;box-sizing: border-box;}
.jedit ul li.jedit_row .data input {width:100%;height:38px;padding-left:12px;border: none;color:#666;box-sizing: border-box}
.jedit ul li.jedit_row.wide .data {flex:1 1 100%;display:flex;}
.jedit ul li.jedit_row input::placeholder{color:#8f919f;}
/* jedit_접수기간 (달력창) */
.jedit ul li.jedit_row .appli_period  {flex:1 1 100%;display:flex;}
.jedit ul li.jedit_row .appli_period .calendar {position:relative;display:flex;flex: 1 1 50%;margin-right:10px;}
.jedit ul li.jedit_row .appli_period .to {flex: 1 0 120px;padding:0 10px;line-height:40px;text-align: center;}
.jedit ul li.jedit_row .appli_period .calendar input {width:auto;height:40px;padding-left:12px;border: 1px solid #d8dce1;font-size:13px;color: #666;box-sizing:border-box}
.jedit ul li.jedit_row .appli_period .calendar input.date {flex:1 1 50%;margin-right: 10px;}
.jedit ul li.jedit_row .appli_period .calendar input.time {flex:1 1 40%;}
.jedit ul li.jedit_row .dropdown.time {flex: 1 1 25%;margin-right:0px;}
.jedit ul li.jedit_row .dropdown.time + div {margin-left:10px;}
/* jedit_드롭다운 버튼 */
.jedit ul li.jedit_row .dropdown {flex: 1 1 100%;margin-right:10px;font-size:14px;color:#858796;background: #fff;}
.jedit ul li.jedit_row .dropdown .show_selct {width:100%;padding: 0 10px;height: 40px;line-height: 38px;color: #666;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 13px;border: 1px solid #d8dce1;
	transition: border-color .1s;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;
	-webkit-appearance: none; -moz-appearance: none;appearance: none;}
	select::-ms-expand {display: none;}
/* jedit_textarea */
.jedit ul li.jedit_row.wide textarea {width:100%;height:auto;min-height:60px;padding:15px 10px;resize:vertical;color:#666;font-family:'Pretendard', sans-serif;border: none;}
.jedit ul li.jedit_row.wide textarea::placeholder {color: #8f919f;}
/* jedit_공고내용 */
.jedit .jedit_detail {width:100%;border-bottom:1px solid #d8dce1;}
.jedit .puts_area {width:100%;min-height:260px;padding:8px;border:1px solid #d8dce1;word-wrap:break-word;box-sizing:border-box}
.jedit .puts_area p {font-size:14px;line-height:26px;color: #666;}
.jedit .attach_area {display: flex;justify-content: space-between;align-items: center;width:100%;height:auto;padding:15px;border:1px solid #d8dce1;box-sizing:border-box;}
.jedit ul.file {width:calc(100% - 120px);}
.jedit ul.file .file_item {display:block;width:100%;margin-top:5px}
.jedit ul.file .file_item:first-child {margin-top:0}
.jedit ul.file a {display:block;font-size:13px;color:#666}
.jedit a:hover {color:#3853d8}
.jedit .add_area {display: flex;align-items: center;justify-content: flex-end;width:100%;height:auto;padding:15px;border:1px solid #d8dce1;box-sizing:border-box}
.jedit .file_btn_box {display: flex;flex-direction: column;justify-content: flex-end}
.jedit .file_btn_box a.file_btn {display:block;width:80px;height:30px;color:#333;font-size:13px;line-height:30px;text-align: center;border:1px solid #d8dce1;background:#f2f3f6}
.jedit .file_btn_box a.file_btn + a.file_btn {margin-top:10px}





@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	/*채용공고_리스트 - 썸네일형 */
	.lst_job_offer {gap:12px 10px}
	.lst_job_offer li.box {width:calc(50% - 5px)}
	.lst_job_offer li a {padding: 10px 20px 20px;}
	.lst_job_offer li a .co_infobox p.co_name {margin-top: 8px}
	.lst_job_offer li a .logo {height:auto}

	/*인재정보_리스트 - 썸네일형 */
	.lst_person {gap:12px 10px}
	.lst_person li.box {width:calc(50% -  5px)}

	/*인재정보_리스트 - 기본형 */
	.lst_person.post_type_txt li a .userInfobox .thumb{display: none;}
	.lst_person.post_type_txt li a .userInfobox .leftbx {width:100%;margin-left: 0}
	.lst_person.post_type_txt li a .userInfobox .userInfo {width:30%;flex-direction: column;align-items: flex-start;}
	.lst_person.post_type_txt li a .userInfobox .userInfo dd {margin-left: 0}
	.lst_person.post_type_txt li a .userInfobox .career {width:30%}
	.lst_person.post_type_txt li a dl.recentfinal {width:40%;flex-direction: column;align-items: flex-start;}
	.lst_person.post_type_txt li a dl.recentfinal dd {margin-left: 0;margin-top: 4px;}

	/* 채용공고 view*/
	.jview .jv_summary ul li .tit {width:64px;}
	.jview .jv_summary ul li .decs {width:calc(100% - 64px)}
	
	/* 채용공고, 인재정보 write&edit  */
	.jedit ul li.jedit_row {flex-wrap: wrap;flex:0 0 100%;margin-top: 0;}
	/* jedit_필드공통 */
	.jedit ul li.jedit_row .tit {line-height:36px;font-size: 14px;}
	.jedit ul li.jedit_row .star:before {top: 12px} 
	.jedit ul.jedit_detail li.jedit_row .tit {padding-left: 4px;}
	/* jedit_접수기간 (달력창) */
	.jedit ul li.jedit_row .appli_period  {flex-wrap: wrap;}
	.jedit ul li.jedit_row .appli_period .calendar {flex: 1 1 100%}
	.jedit ul li.jedit_row .appli_period .to {display: none;}
	.jedit ul li.jedit_row .appli_period .calendar.end {margin-top: 12px;}
	
}

/* 모바일용 */
@media screen and (max-width:430px){
	
	/*채용공고_리스트 - 기본형 */
	.lst_job_offer.post_type_txt li a .logo {width:120px;padding:10px 6px}
	.lst_job_offer.post_type_txt li a .co_infobox {width:calc(100% - 132px);padding-left: 12px;}
	.lst_job_offer.post_type_txt li a .co_infobox p.co_name {margin-top:0}
	
	/*인재정보_리스트*/
	.lst_person {gap:12px 0}
	.lst_person li.box {width:100%}

	/* 인재정보 view*/
	.psview .ps_summary {flex-direction: column;}
	.psview .ps_summary .img_bx {margin-top: 12px;}

	/* jedit_필드공통 */
	.jedit .jedit_summary {flex-direction: column;}

	}
		

	

	

@charset "utf-8";

/* title zone - 메인슬라이드 */
/* .mainbanner {margin-top:146px;} */
.mainbanner .myswiper_warp {margin: 0 auto;}
.mainbanner .myswiper_warp .swiper-slide { position: relative;width: 900px;height: 100%; border-radius: 20px; letter-spacing: -0.9px; overflow: hidden;float: left;}
.mainbanner .myswiper_warp .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: contain;}
.mainbanner .myswiper_warp .swiper-slide .slide_img_mo {display: none;}
.mainbanner .myswiper_warp .desc {position: absolute; top:0;left:0;height: 100%;padding: 62px 0 0 70px;box-sizing: border-box; }
.mainbanner .myswiper_warp .desc .tit {font-size: 42px; line-height: 56px;font-family: 'Tenada';color: #333;}
.mainbanner .myswiper_warp .desc .tit.type2 {color: #fff;}/* 2024/04/11 추가 */
.mainbanner .myswiper_warp .desc .tit_small {font-size: 30px;line-height: 42px; font-family: 'Tenada';}
.mainbanner .myswiper_warp .desc .txt {width:420px;margin: 15px 0 50px 0; font-size: 20px; line-height: 32px;  font-weight: 400; color: rgba(0, 0, 0, 0.7);word-wrap: break-word;word-break: keep-all; }
.mainbanner .myswiper_warp .btn_group {display: flex;gap: 0 12px;position: absolute;bottom:60px ;}
.mainbanner .myswiper_warp .btn_group a.viewbtn {display: flex; align-items: center; justify-content: center; width: 120px; height: 46px;; border-radius: 10px; font-size: 18px; font-weight: 500; }
.mainbanner .myswiper_warp a.viewbtn01 { border: 1px solid rgba(34, 34, 34, 0.5);color: #000; }
.mainbanner .myswiper_warp a.viewbtn02 {border: 1px solid rgba(255, 255, 255, 0.5);color: #fff; }

/* 슬라이드 버튼 */
.mainbanner .btn_wrap { position: relative;width: 900px; height:40px;margin: 0 auto;}
.mainbanner .btn_wrap .slide_dots {position: absolute;left:calc(50% - 40px);display: flex;gap: 0 6px;margin: 0 auto;justify-content: center;align-items: center;margin: 16px 0}
.mainbanner .btn_wrap .slide_dots span { width: 8px; height: 8px; background: #e8e8e8; opacity: unset; }
.mainbanner .btn_wrap .slide_dots span.swiper-pagination-bullet-active { background: #666; }
.mainbanner .btn_wrap .slide_btn { position: absolute;top: 6px;right: 0;display: flex; width: 85px;height: 40px;}
.mainbanner .btn_wrap .slide_btn button { width : 20px; height: 20px}
.mainbanner .btn_wrap .slide_btn .swiper_btn::after {font-size: 24px;font-weight: 900;color: #666;}


/* KD MOLD 소식  */
.news_sec {margin-top: 120px;}
.news_sec .inner {display: flex;justify-content: space-between;}
.news_sec .left {flex: 0 1 30%}
.news_sec .left .tabs {display: flex;flex-direction: column;}
.news_sec .left .tabs li {display:flex;align-items:center;height:60px}
.news_sec .left .tabs a {display:flex;justify-content:center;align-items:center;height:52px;font-size:32px;color:#999;font-family: 'Tenada'; box-sizing:border-box}
.news_sec .left .tabs li a:hover,
.news_sec .left .tabs li a.active {color:#333}
.news_sec .tab_cnt {display: none;flex: 0 0 70%;max-width: 980px;}
.news_sec .tab_cnt.active {display: flex;}
.news_sec .tab_cnt ul {display: flex;justify-content: space-between;gap:0 20px;}
.news_sec .tab_cnt ul li a {color: #333;}
	.news_sec .tab_cnt ul li a .thum img {width: 100% !important; border-radius: 10px; height: 100% !important;}
.news_sec .tab_cnt ul li a .tit {margin-top:20px ;font-size: 20px;line-height: 28px;height: 56px;font-weight: 500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_sec .tab_cnt ul li a .txt {margin-top:10px;font-size: 18px;line-height: 26px;color: #666;font-weight: 300;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/* 금형인 지원서비스 23/12/18 수정 */
.svc_sec {margin-top: 120px;position: relative;}
.svc_sec .inner {position: relative;}
.svc_sec::before, .svc_sec .inner::before {content: "";position: absolute;top: 80px;left: 0;;height:380px;background: #F3F6FA;z-index: -1}
.svc_sec::before {width:40%}
.svc_sec .inner::before { width: 106%;border-radius: 0 20px 200px  0}
.svc_sec .sec_tit {margin-bottom: 48px;}
.svc_sec .svc_lst {flex: 0 0 100%; display:flex;justify-content: space-between;flex-wrap: wrap;padding: 80px 0 100px;}
.svc_sec .svc_lst li.box {display: flex; flex:0 0 15%;}
.svc_sec .svc_lst li a {display:flex;flex-direction: column;justify-content: center;align-items: center;width:100%;height: 186px;transition: all 0.2s ease-out 0s;background:#fff;border-radius: 60px 20px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.svc_sec .svc_lst li a img {width:100%;max-width: 80px;max-height: 80px;}
.svc_sec .svc_lst li a:hover, .service_menu li a:active {transform: translateY(-8px);box-shadow:  6px 12px 15px rgba(0, 0, 0, 0.15);}
.svc_sec .svc_lst li .txt {margin-top:22px;font-size:20px;font-weight: 600;color:#333;text-align:center}

/* 금형인 비지니스 */
.business_sec {margin-top: 200px;margin-bottom: 120px;position: relative;display: flex;}
.business_sec .inner {position: relative;}
.business_sec::before, .business_sec .inner::before {content: "";position: absolute;top: -40px;right: 0;height:600px;background: #f3f6fa;z-index: -1;}
.business_sec::before {width: 50%;}
.business_sec .inner::before {width: 110%;border-radius: 320px 0 0  20px;}
.bsns_cont {display: flex;}
.business_sec .left {flex: 0 0 26%;display: flex;align-items: center;padding-right: 100px;box-sizing: border-box;}
.business_sec .left .note {position: relative;font-size: 22px;line-height: 32px;font-weight: 500;color: #333;letter-spacing: -0.9px;}
.business_sec .left .note::before,
.business_sec .left .note::after {position: absolute;font-weight: 600;font-size: 140px;color:#d6d7db;font-family:  'Arial'}
.business_sec .left .note::before {content: "\201C";top:-30px;left:0px;}
.business_sec .left .note::after {content: "\201D";bottom: -90px;right:20px;}
.business_sec .bsns_lst {flex: 0 0 74%; display:flex;justify-content: space-between;flex-wrap: wrap;padding: 60px 0 100px;gap: 30px 0}
.business_sec .bsns_lst li.box {display: flex; width: calc(33.33% - 20px);}
.business_sec .bsns_lst li.box a {position:relative;display:flex;justify-content: space-between;align-items:center;width:100%;max-width: 325px;height: 160px;padding: 40px 40px 40px 46px;background: #fff;transition: all 0.2s ease-out 0s;border-radius: 60px 20px;box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.business_sec .bsns_lst li.box a:hover, 
.business_sec .bsns_lst li a:active {transform: translateY(-8px);box-shadow:  6px 12px 15px rgba(0, 0, 0, 0.15);}
.business_sec .bsns_lst li.box .txt {width: 120px;font-size:20px;font-weight: 600;color:#333;line-height: 24px;word-break: keep-all;}
.business_sec .bsns_lst li.box img {max-width: 64px;width: 100%;}
/* .business_sec .bsns_lst li:nth-child(1) a {background: #f7f8fb url("../images/main/ico_bsns_01.png") }
.business_sec .bsns_lst li:nth-child(2) a {background: #e9e6fc url("../images/main/ico_bsns_02.png") }
.business_sec .bsns_lst li:nth-child(3) a {background: #faf4de url("../images/main/ico_bsns_03.png") }
.business_sec .bsns_lst li:nth-child(4) a {background: #d4ddee url("../images/main/ico_bsns_04.png") }
.business_sec .bsns_lst li:nth-child(5) a {background: #f3f6fa url("../images/main/ico_bsns_05.png") }
.business_sec .bsns_lst li:nth-child(6) a {background: #deeeff url("../images/main/ico_bsns_06.png") } */
/* .business_sec .bsns_lst li.box a {background-size:auto 100%; background-position: right center;background-repeat: no-repeat} */

/* 공통 - section타이틀 */
.sec_tit {width: 100%;font-size:32px;height: 32px;color:#333;font-family: 'Tenada'}
.sec_tit::before {content: "-";font-size: 32px;color: #1068da;padding-right: 10px;}
.sec_tit .dot {display:inline-flex;width: 20px;height: 32px;position: relative;}
.sec_tit .dot::before {content: "ㆍ";font-size: 32px;position: absolute;top:10px;left:-9px;}



@media screen and (max-width:1280px){
	
	/* 금형인 지원서비스 */
	.svc_sec::before, .svc_sec .inner::before {top: 80px;left: 0;height:340px;}
	.svc_sec .svc_lst li a {height: 180px;}
	.svc_sec .svc_lst li a img {width:32%;min-width:52px;min-height:52px;}

	/* 금형인 비지니스 */
	.business_sec {margin-top: 120px}
	
	
	}


/* 태플릿용1 */
@media screen and (max-width:1024px){

	/* 금형인 비지니스 */
	.bsns_cont {flex-direction: column;}
	.business_sec .left {flex: 0 0 100%;padding-right:0;margin-top: 60px;}
	.business_sec .left .note {font-size: 18px;line-height: 26px}
	.business_sec .left .note::before, .business_sec .left .note::after {display: none;}	
	.business_sec .bsns_lst {flex: 0 0 100%;padding: 30px 0 50px;}
	

	}

/* 태플릿용2 */
@media screen and (max-width:768px){
	
	/* title zone - 메인슬라이드 */
	.mainbanner {margin-top:10px}
	.mainbanner .myswiper_warp .swiper-slide {width:90%;height: 360px;border-radius: 10px}
	.mainbanner .myswiper_warp .swiper-slide img {position: absolute; bottom:0;left:50%;transform:translateX(-50%);width: auto;z-index: 1;}	/*2024/04/11 수정 */
	.mainbanner .myswiper_warp .desc { padding: 35px 30px 0 38px; z-index: 2}
	.mainbanner .myswiper_warp .desc .tit  {font-size: 38px; line-height: 44px;}
	.mainbanner .myswiper_warp .desc .txt {width:320px;margin: 15px 0 42px 0; font-size: 18px; line-height: 24px}
	
	/* 슬라이드 버튼 */
	.mainbanner .btn_wrap {width:90%;}

	/* KD MOLD 소식  */
	.news_sec {margin-top: 60px;}
	.news_sec .inner {flex-direction: column;}
	.news_sec .left {flex: 0 1 100%}
	.news_sec .left .tabs {flex-direction:row;gap: 0 12px}
	.news_sec .left .tabs a {font-size:26px}	
	.news_sec .tab_cnt {display: none;flex: 0 0 100%;}
	.news_sec .tab_cnt ul li a .tit {font-size: 18px;line-height: 26px;height: 52px;}
	.news_sec .tab_cnt ul li a .txt {margin-top:10px;font-size: 16px;line-height: 24px }

	/* 금형인 지원서비스 */
	.svc_sec {margin-top: 60px}
	.svc_sec::before, .svc_sec .inner::before {top: 80px;left: 0;height:460px;}
	.svc_sec .inner::before {border-radius: 0}
	.svc_sec .svc_lst {justify-content:flex-start;gap:20px;padding: 40px 0 50px;}
	.svc_sec .svc_lst li.box { flex:0 0 calc(33% - 13.34px);}

	/* 금형인 비지니스 */
	.business_sec {margin-top: 80px;}
	.business_sec::before, .business_sec .inner::before {top: 60px;height:640px}
	.business_sec .inner::before {border-radius: 0}
	.bsns_cont {flex-direction: column;}
	.business_sec .left {flex: 0 0 100%;padding-right:0;margin-top: 60px;}
	.business_sec .left .note {font-size: 18px;line-height: 26px}
	.business_sec .left .note::before, .business_sec .left .note::after {display: none;}	
	.business_sec .bsns_lst {flex: 0 0 100%;padding: 30px 0;gap: 24px 10px}
	.business_sec .bsns_lst li.box {display: flex; width: calc(50% - 5px);}
	.business_sec .bsns_lst li.box a {height: 140px;}
	
	/* 공통 - section타이틀 */
	.sec_tit {font-size:26px;}
	.sec_tit::before {font-size: 26px}
	.sec_tit .dot {width: 18px;height: 26px;}
	.sec_tit .dot::before {font-size: 26px;top:9px;left:-7px;}


	}
	


/* 모바일용 */
@media screen and (max-width:425px){

	/* title zone - 메인슬라이드 */
	.mainbanner .myswiper_warp .swiper-slide .slide_img_pc {display: none;}
	.mainbanner .myswiper_warp .swiper-slide .slide_img_mo {display: block;}
	.mainbanner .myswiper_warp .desc { padding: 30px 18px 0 26px}
	.mainbanner .myswiper_warp .desc .tit  {font-size: 30px; line-height: 38px;}
	.mainbanner .myswiper_warp .desc .txt {width:100%;margin: 6px 0 30px 0; font-size: 17px; line-height: 24px}
	.mainbanner .myswiper_warp .btn_group {flex-direction: column;gap:12px 0}
	.mainbanner .myswiper_warp .btn_group a.viewbtn {width:92px; height: 36px; font-size: 16px}

	/* 슬라이드 버튼 */
	.mainbanner .btn_wrap {width:92%;}

	/* KD MOLD 소식  */
	.news_sec {margin-top: 40px;}
	.news_sec .left .tabs a {font-size:19px;letter-spacing: -1px;}
	.news_sec .tab_cnt ul li:nth-child(3) {display: none;}

	/* 금형인 지원서비스 */
	.svc_sec {margin-top: 60px}
	.svc_sec::before, .svc_sec .inner::before {top: 60px;left: 0;height:520px;}
	.svc_sec .sec_tit {margin-bottom: 28px;}
	.svc_sec .svc_lst {justify-content:flex-start;gap:20px;padding: 30px 0 0}
	.svc_sec .svc_lst li.box { flex:0 0 calc(50% - 10px);}
	.svc_sec .svc_lst li a {height: 140px;border-radius: 40px 10px}
	.svc_sec .svc_lst li .txt {margin-top:18px;font-size:18px}

	/* 금형인 비지니스 */
	.business_sec .bsns_lst li.box a {padding: 26px 24px 26px 26px;border-radius: 40px 10px;}
	.business_sec .bsns_lst li.box .txt {font-size:18px;line-height: 20px;}
	.business_sec .bsns_lst li.box img {max-width: 64px;width: 40%;}
	
	/* 공통 - section타이틀 */
	.sec_tit {font-size:22px;}
	.sec_tit::before {font-size: 22px;padding-right: 6px;}
	.sec_tit .dot {width: 14px;height: 22px;}
	.sec_tit .dot::before {font-size: 22px;top:9px;left:-7px;}
	

	


}
@charset "utf-8";

/* layout */
#container .sm_inner {width:90%;max-width:450px;margin:0 auto;}

/* header */
.header_mb {position:fixed;top:0;width:100%;height:auto;background-color:rgba(235,240,250,0);border-bottom:1px solid #ededed;background: #fff;z-index:1000;box-sizing:border-box;}
#header_mb .logo a {display:flex;justify-content: center;align-items: center;height: 70px;}
#header_mb .logo img {height:46px}

/* footer */
#footer_mb{display:flex;width:100%;align-items:center;justify-content:center;background:#b7b9cc; }
.footer_mb .copyright {width:90%;padding:18px 0;color:#fff; font-size:12px; font-weight:500; line-height:16px; font-family: 'Pretendard', sans-serif; text-align: center}

/* login 로그인*/
.login_title {font-size:32px;color:#333;text-align:center;font-family:'Pretendard';padding-top:100px}
.login_form {display: flex;flex-wrap: wrap;width:100%;margin:20px 0 60px;text-align:center;}
.login_form .input_row {width:100%;border: 1px solid #d8dce1;background:#fff;box-sizing:border-box;}
.login_form .input_row + .input_row {margin-top:14px}
.login_form .input_row .input_cover {display:block;overflow:hidden}
.login_form .input_row .input_cover input {width:100%;height:46px;padding:0 12px;border:0;border-radius:2px;font-size:15px;line-height:46px;color:#656565;text-align:left;letter-spacing: -0.1px;box-sizing:border-box;}
.login_form .btn_login {width:100%;margin-top:46px;}
.login_form .btn_login input {display:block;width:100%;height:52px;margin:0;padding:0;border:0;color:#fff;cursor:pointer;background:#004299;font-size:18px;border-radius:2px;}
.login_form .btn_login input:hover, .login_form .btn_login input:active {background:#003780;cursor:pointer}
.login_form .login_check {position:relative;width:100%;height:26px;margin-top:14px;margin-bottom:26px;text-align:left}
.login_form .login_check input {position: absolute;top: 1px;left: 1px;width: 24px;height: 24px;cursor: pointer}
.login_form .login_check label {line-height: 20px;position: absolute;top: 0; left: 0;height: 20px;padding-left: 33px;font-size: 13px;color: #333;cursor: pointer;}
.login_form .find_info {width:100%;padding-top:20px;border-top: 1px solid #d8dce1;color:#666;font-size:13px}
.login_form .find_info li.divide {display:inline-block;height:16px;}
.login_form .find_info li + li {margin-left:5px;padding-left:6px;border-left:1px solid #dadada}
.login_form .find_info li a {display:block;line-height:16px;color:#333}

/* 아이디/비밀번호 찾기  탭 */
.find_tab {display: flex; width:100%; margin-top:40px; border-bottom: 1px solid #e5eaf6;}
.find_tab li {flex:0 1 50%; text-align: center;}
.find_tab li a {display:block; width:100%; font-size:16px; line-height:50px; color:#666;}
.find_tab li a.active,
.find_tab li a:hover {border-bottom: 2px solid #004299;}
/* 아이디/비밀번호 찾기 */
.find_form {width:100%;}
.find_form .form {margin:30px 0;font-size:14px;line-height:24px}
.find_form .details {margin-top:20px;font-size:26px;line-height:32px;color:#333}
.find_form .note_group {margin-top:10px}
.find_form .note_group li {font-size:14px;line-height:24px;color:#777}
.find_form .find_form_body {margin-top:20px}
.find_form .find_row {width:100%;margin-bottom:10px}
.find_form .find_row .label_txt {display:block;width:100%;margin-bottom:10px;font-size:14px;color:#666;}
.find_form .find_row .field_txt {width:100%;height:46px;padding: 0 10px;font-size: 14px;line-height:22px;color:#333;border: 1px solid #d8dce1;box-sizing: border-box;vertical-align: middle;}	 
.find_form .phone_row {display: flex;}
.find_form .phone_row span {width:calc(100% - 132px)}
.find_form .phone_row a.btn_auth {display:flex;justify-content: center;align-items: center;margin-top:24px;margin-left:12px;width:120px;height:46px;color:#fff;background:#004299;border-radius:2px}
.find_form .auth_row input::placeholder {color:#999}
/* 아이디/비밀번호 찾기 - 버튼 */
.find_form .btn_bx {width:100%;margin:40px 0;text-align:center;}
.find_form .btn_bx .find_btn {display:inline-block;width:100%;height:52px;color:#fff;font-size:16px;border:none;border-radius:2px;background:#004299;cursor:pointer}
.find_form .btn_bx .find_btn:hover,
.find_form .btn_bx .find_btn:active {background:#003780}

/* 회원가입 24/01/09 수정 */
.join_title {font-size:32px;color:#333;text-align:center;font-family:'Pretendard';padding-top:30px}
.join_form {width:100%;margin-top:20px;border-top: 1px solid #999;}
.join_form .join_subtit_bx {display: flex;flex-direction: column;margin:20px 0 20px;border-bottom:1px solid #d8dce1;}
.join_form .join_subtit_bx .join_subtit {flex:0 0 100%;margin-left: 8px;font-size:18px;line-height: 40px;font-weight:500;color: #333;}
.join_form .join_row {width:100%;margin-bottom:10px}
.join_form .join_row .label_txt {position:relative;display:block;width:100%;margin-bottom:10px;font-size:14px;color:#666;box-sizing:border-box}
.join_form .join_row .label_txt.star {padding-left:10px;}
.join_form .join_row .label_txt.star:before {content: '*';position: absolute;top: 4px;left: 0;color: #eb253d;line-height: 1} 
.join_form .join_row input.field_txt {width:100%;height:46px;padding: 0 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #d8dce1;box-sizing: border-box;vertical-align: middle;}	
.join_form .auth_row {display: flex;}
.join_form .auth_row a.btn_auth {display:flex;justify-content: center;align-items: center;margin-top:24px;margin-left:12px;height:46px;color:#fff;background:#004299;border-radius:2px}
.join_form .auth_row input::placeholder {color:#999}
.join_form .auth_row span.col_auth_busi {width:calc(100% - 102px)}
.join_form .auth_row span.col_auth_phone {width:calc(100% - 132px)}
.join_form .auth_row a.btn_busi_num {width:90px;}
.join_form .auth_row a.btn_phone {width:120px;}
.join_form .error_txt {flex:0 0 100%;width: 100%;padding-left: 8px;margin-bottom: 14px;font-size: 12px;line-height:15px;color:#777;}


/* 회원가입 - 동의 */
.join_form .privacy_check {width:100%;margin-top:20px;}
.join_form .privacy_check  {border-top:1px solid #d8dce1}
.join_form .chk_txt {margin-top:14px;color:#444;font-size:12px}
.join_form .chk_txt input[type="checkbox"] {display:none;}
.join_form .chk_txt label {position:relative; padding-left:30px; font-size:14px; color:#666; cursor:pointer;}
.join_form .chk_txt input[type="checkbox"]:disabled + label:before {background-color:#d8dce1}
.join_form .chk_txt label a {text-decoration:none;color:#004299;}
/* 회원가입 - 버튼 */
.join_form .btn_bx {width:100%;margin:30px 0 40px;text-align:center;}
.join_form .btn_bx button {display: flex;justify-content: center;align-items: center;height:52px;width: 100%;color:#fff;font-size:16px;border:none;border-radius: 2px;}
.join_form .btn_bx .join_btn {background:#004299} 
.join_form .btn_bx .join_btn:hover,
.join_form .btn_bx .join_btn:active {background:#003780;cursor:pointer;}

/* 회원정보 조회,수정_타이틀*/
.my_view_tit .my_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}
.my_edit_tit .my_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}

/* 회원정보 조회_profile */
.profile {width:100%;margin-top:20px}
.profile .profile_tit {display: flex;margin-top: 20px;}
.profile .profile_tit .p_tit {flex:1 1 100%;margin-left: 8px;font-size:18px;line-height:42px;font-weight:500;color: #333;}
.profile_view ul {display:flex;flex-wrap:wrap;padding-bottom:12px;border-top:1px solid #d8dce1;border-bottom:1px solid #d8dce1;}
.profile_view ul li.disp_row {display:flex;flex:0 1 100%;margin-top:12px}
.profile_view ul li.disp_row .tit {display:flex;align-items: center;flex:0 0 140px;padding-left:20px;font-size:16px;font-weight: 500;color:#333;letter-spacing: -0.5px;}
.profile_view ul li.disp_row .data {display: flex;align-items: center;flex: 0 1 100%;height: 46px;font-size:16px;line-height:22px;color:#666;letter-spacing: -0.5px}

.profile_view .img_panel {display: flex;flex:0 1 100%;margin-top: 20px;border-top: 1px solid #d8dce1;border-bottom: 1px solid #d8dce1;}
.profile_view .img_panel .row_lb {display: flex;flex:0 0 140px;padding: 20px 0 0 20px;font-size: 16px;font-weight: 500;color:#333}
.profile_view .img_panel .img_bx {display: flex;flex:0 1 100%;padding: 20px 0;flex-wrap: wrap;}
.profile_view .img_panel .thumb {display: flex;justify-content: center;align-items: center;width:190px;height: 70px;padding:5px;border: 1px solid #d8dce1;border-radius: 3px}
.profile_view .img_panel .thumb img {max-width: 100%;max-height: 100%;}

/* 회원정보 수정_profile */
.profile_edit ul.profile_lst {display:flex;flex-wrap:wrap;padding-bottom:12px;border-top:1px solid #d8dce1;border-bottom:1px solid #d8dce1;}
.profile_edit ul li.disp_row {display:flex;flex:0 1 100%;margin-top:12px}
.profile_edit ul li.disp_row .label_tit {display:flex;align-items: center;flex:0 0 140px;padding-left:20px;font-size:16px;font-weight: 500;color:#333;letter-spacing: -0.5px;}
.profile_edit ul li.disp_row input.field_data {flex: 0 1 100%;width:100%;height:46px;line-height:22px;color:#666;font-size:15px;padding: 0 10px;border:1px solid #d8dce1;box-sizing: border-box;letter-spacing: -0.5px}
.profile_edit ul li.disp_row input::placeholder{color:#666;}

.profile_edit ul li.adrs_row .field_adrs {width: 100%;}
.profile_edit ul li.adrs_row input {height:46px;padding: 0 10px;font-size: 15px;line-height:22px;color:#777;border: 1px solid #d8dce1;box-sizing: border-box} 
.profile_edit ul li.adrs_row .zip_code {width:calc(100% - 136px)}
.profile_edit ul li.adrs_row .btn_zip {display: inline-flex;margin-left:12px;width:120px;height:46px;justify-content: center;align-items: center;font-size:14px;color: #666;border: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.profile_edit ul li.adrs_row .btn_zip:hover {color:#333;border: 1px solid #858796}
.profile_edit ul li.adrs_row .adrs_1 ,
.profile_edit ul li.adrs_row .adrs_2 {width:100%; margin-top: 6px;}

.profile_edit .img_panel {display: flex;flex:0 1 100%;margin-top: 20px;border-top: 1px solid #d8dce1;border-bottom: 1px solid #d8dce1;}
.profile_edit .img_panel .row_lb {display: flex;flex:0 0 140px;padding: 20px 0 0 20px;font-size: 16px;font-weight: 500;color:#333;}
.profile_edit .img_panel .img_bx {display: flex;flex:0 1 100%;padding: 20px 0;flex-wrap: wrap;}
.profile_edit .img_panel .thumb {display: flex;justify-content: center;align-items: center;width:190px;height: 70px;padding:5px;border: 1px solid #d8dce1;border-radius: 3px}
.profile_edit .img_panel .thumb img {max-width: 100%;max-height: 100%;}
.profile_edit .img_panel .f_btn_box {display: flex;flex-direction: column;justify-content: center;padding-left:20px}
.profile_edit .img_panel .f_btn_box a.file_btn {display: flex;width:80px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #d8dce1;background:#f2f3f6}
.profile_edit .img_panel .f_btn_box a.file_btn + a.file_btn {margin-top:10px}
.profile_edit .img_panel .note_bx {display: block;width:calc(100% - 304px);}
.profile_edit .img_panel .note_bx p  {width:100%;height: 18px;margin-top: 6px;padding-left:20px;font-size: 14px;line-height: 18px;color:#666;}
.profile_edit .img_panel .note_bx p .point_txt {color: #1068da;font-weight: 600;}

/* 회원정보 조회,수정_버튼 */
.profile .btn_bx {display:flex; justify-content:center;width:100%;margin:30px 0}
.profile .btn_bx a {display:flex;flex:0 1 160px;padding:14px 16px;margin:0 10px;justify-items: center;align-items: center;font-size:15px;color: #fff;background: #004299;border-radius:2px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.profile .btn_bx a b {margin: auto;font-weight: 400;}
.profile .btn_bx a:hover,
.profile .btn_bx a:active {cursor:pointer;}
.profile .btn_bx .create_btn {background:#004299} 
.profile .btn_bx .outline_btn {color:#004299;background: #fff;border:1px solid #004299}




@media screen and (max-width:1280px){


	
}


/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* login */
	.login_title {padding-top:40px}
	.login_form {margin-top:20px;}

	/* 회원정보 조회_profile */
	.profile_view ul li.disp_row .tit {flex:0 0 120px;padding-left:10px}
	.profile_view .img_panel .row_lb {flex:0 0 120px;padding: 20px 0 0 10px;}
	
	/* 회원정보 수정_profile */
	.profile_edit ul li.disp_row .label_tit {flex:0 0 120px;padding-left:10px}
	.profile_edit .img_panel .row_lb {flex:0 0 120px;padding: 20px 0 0 10px;}
	.profile_edit .img_panel .note_bx {width:100%;margin-top:12px;}
	.profile_edit .img_panel .note_bx p  {padding-left:0px;}
	
		

	}
	

/* 모바일용 */
@media screen and (max-width:425px){


	/* 회원정보 조회_profile */
	.profile_view ul li.disp_row  {flex-wrap: wrap;}
	.profile_view ul li.disp_row .tit{margin-bottom: 8px;}
	.profile_view .img_panel  {flex-wrap: wrap;}
	.profile_view .img_panel .img_bx  {flex-direction: column;}
	.profile_view .img_panel .thumb {margin: 0 auto;}
	.profile_view ul li.disp_row .data {padding-left: 10px;}
		
	/* 회원정보 수정_profile */
	.profile_edit ul li.disp_row {flex-wrap: wrap;}
	.profile_edit ul li.disp_row .label_tit {margin-bottom: 8px;}
	.profile_edit .img_panel {flex-wrap: wrap;}
	.profile_edit .img_panel .img_bx {flex-direction: column;}
	.profile_edit .img_panel .thumb {margin: 0 auto;}
	.profile_edit .img_panel .f_btn_box {flex-direction: row;padding-left:0;margin-top: 12px;}
	.profile_edit .img_panel .f_btn_box a.file_btn + a.file_btn {margin-top:0;margin-left: 10px;}


	}


.data {
   
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/*.admin_edit_tit {
    display:flex;
    123
}*/


/* Mobile styles */
/*@media screen and (max-width: 768px) {
    .tbl_row {
        flex-direction:column-reverse;
        align-items: flex-start;
        padding: 15px 10px;
    }

    .tit, .data {
        width: 100%;
        text-align: left;
        padding: 8px 0;
    }

    .tbl_row .co_favorite,
    .tbl_row .co_name,
    .tbl_row .co_status,
    .tbl_row .co_manager_name,
    .tbl_row .co_start_date,
    .tbl_row .co_finish_date {
        order: 1;
    }

    .tbl_row .data.isfavorite {
        order: 1;
        width: auto;
    }

    .tbl_row .data.co_id {
        order: 2;
        font-size: 1.2em;
        width: 100%;
    }

    .tbl_row .data.status,
    .tbl_row .data.user_name,
    .tbl_row .data.start_date,
    .tbl_row .data.finish_date {
        order: 3;
        width: 100%;
        font-size: 1em;
        margin-bottom: 8px;
    }*/

    /* Adjust status badge styles */
    /*.tbl_row .badge {
        display: inline-block;
        width: auto;
        padding: 0.25em 0.5em;
        font-size: 0.875em;
        margin-bottom: 8px;
    }
}*/

/* Very small devices (up to 480px) */
/*@media screen and (max-width: 480px) {
    .tbl_row {
        padding: 10px 5px;
    }

    .tit, .data {
        padding: 5px 0;
    }

    .tbl_row .data.co_id {
        font-size: 1.1em;
    }

    .tbl_row .data.status,
    .tbl_row .data.user_name,
    .tbl_row .data.start_date,
    .tbl_row .data.finish_date {
        font-size: 0.9em;
    }

    .tbl_row .badge {
        font-size: 0.75em;
    }
}*/

@charset "utf-8";

/* 서비스  목록 - 타이틀 - 24/01/18 수정 */
.service_tit {display: flex;flex-direction: column;flex: 0 0 100%;}
.service_tit  em.tit {color: #000;font-size:42px;line-height: 48px;font-weight:700;letter-spacing:-0.5px}
.service_tit  .decs {margin: 36px 0 30px;padding: 20px 22px 18px 30px;color: #666;font-size:16px;line-height: 26px;font-weight:400;letter-spacing:-0.9px;word-wrap: break-word;word-break: keep-all;border-radius: 8px;background: #f3f6fa;}


/* 서비스  작성,수정 - 타이틀 */
.svc_edit_tit  em.tit  {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}

/* 서비스 조회 -  타이틀 */
.svc_view_tit .svc_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;}
.svc_view_tit .svc_desc  {margin-top: 20px;font-size: 18px;line-height: 28px;color: #222;letter-spacing: -0.5px;}

/* 서비스 조회 -  (공통)  상세설명 이미지 */
.svc_item_wrap {display:flex;flex-wrap: wrap;margin: 40px 0;padding-bottom:40px;border-bottom: 1px solid #d8dce1}
.svc_item_wrap img {width:100%}
.svc_item_wrap .svc_item_img_pc {display: flex}
.svc_item_wrap .svc_item_img_mo {display: none}

/* 서비스 조회 - 문의 버튼*/ 
.pdt_inqry_btn_sec {display:flex; justify-content:center;margin:40px 0 30px;}
.pdt_inqry_btn_sec a.btn {min-width: 200px;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;border-radius:3px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.pdt_inqry_btn_sec a.btn:hover {background:#003780;}
.pdt_inqry_btn_sec a.outline_btn {color:#004299;background: #fff;border:1px solid #004299}
.pdt_inqry_btn_sec a.outline_btn:hover {color:#003780;background: #fff;border:1px solid #003780;}
.pdt_inqry_btn_sec.item_2 .btn {display:flex;flex:0 1 220px;margin:0 20px;justify-items: center;align-items: center;}
.pdt_inqry_btn_sec.item_2 .btn b {margin: auto;font-weight: 400;}


/* .list_type {display: flex;width: 100%;flex-wrap: wrap;} */



@media screen and (max-width:1024px){

	

	
	}

  
/* 태플릿용 */
@media screen and (max-width:768px){
	

	/* 서비스  공통 텍스트 */
	.service_tit  em.tit {font-size:34px;line-height: 40px}

		
	
	}


/* 모바일용 */
@media screen and (max-width:425px){

	/* 서비스 조회 -  (공통)  상세설명 이미지 */
	.svc_item_wrap .svc_item_img_pc {display: none}
	.svc_item_wrap .svc_item_img_mo {display: flex}

	
	

	}

	
@media screen and (max-width:320px){
	


	}
	

@charset "utf-8";

/* 공동구매 write&edit -  타이틀 */
.store_edit_tit .store_tit {display:flex;font-size: 28px;line-height:1.6;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all}

/* 판매 관리 (공통) - 리스트타입 썸네일형 리스트형 선택버튼  */
.gallery_list_type {display: flex;justify-content: flex-end ;margin:20px 0 12px;}
.gallery_list_type button {text-indent: -999em;width: 28px;height: 28px;margin-left: 6px;outline: none;border: none;cursor: pointer;}
.gallery_list_type .g_thum {background: url(../images/common/ic_thum_type.png)0 0 no-repeat;}
.gallery_list_type .g_list {background: url(../images/common/ic_list_type.png)0 0 no-repeat;}
.gallery_list_type .g_thum.current {background: url(../images/common/ic_thum_current.png)0 0 no-repeat;}
.gallery_list_type .g_list.current {background: url(../images/common/ic_list_current.png)0 0 no-repeat;}
.gallery_list_type button:hover, 
.gallery_list_type button.current:hover {background-color: #f0f0f0;}

/* 판매 관리 (공통) - 썸네일형 */
.gallery_sec {display: flex;flex-direction: column;}
.gallery_lst {display: flex;flex-wrap: wrap;justify-content: flex-start;gap:30px 2.66666%;width: 100%;}
.gallery_lst li.g_item {width:23%;border-radius:6px}
.gallery_lst li a .g_thumnail {display: block;position: relative;overflow: hidden;width: 100%;max-width: none;height: 0;margin: 0 0 9px 0;padding-bottom: 75%;background-color: #ebebeb;}
.gallery_lst li a  .g_thumnail img {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;margin: 0;}
.gallery_lst li a .g_txt_bx {display: flex;flex-direction:column;}
.gallery_lst li a .g_txt_bx p {color:#333;font-family:'Pretendard', sans-serif;letter-spacing:-0.5px;}
.gallery_lst li a .g_txt_bx p.item_tit {margin-top: 12px;font-size: 16px; line-height:18px;font-weight: 500;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.gallery_lst li a .g_txt_bx p.item_desc {margin-top: 4px;font-size:14px;line-height:16px;color:#004299;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/* 판매 관리 (공통) - 리스트형 */
.gallery_lst.post_type_txt {flex-direction: column;gap:20px 0}
.gallery_lst.post_type_txt li.g_item {width:100%}
.gallery_lst.post_type_txt li a {display: flex;flex-direction:row;}
.gallery_lst.post_type_txt li a .g_thumnail {display: block;max-width:200px;height: 150px;padding-bottom:0;margin:0;}
.gallery_lst.post_type_txt li a  .g_thumnail img {height: 150px;}
.gallery_lst.post_type_txt li a .g_txt_bx {width:calc(100% - 200px);padding-left: 20px;}


/* 상품 등록&수정 화면 (공통) - 공동구매, 제휴서비스, 참여단체  */ 
.item_write {display: flex;flex-direction: column;padding-bottom: 40px;}
.item_write .panel_tit {display: flex;flex-wrap:wrap;margin-top: 40px;margin-bottom: 20px;}
.item_write .panel_tit .pn_tit {position: relative;display: flex;flex:0 1 100%;font-weight: 500;font-family: 'Pretendard';}
.item_write .panel_tit .pn_note {position: relative;display: block;width:100%;margin-top: 8px;padding-left:20px;font-size: 16px;line-height: 20px;color:#666;}
.item_write .panel_tit .pn_note:before {content: '-';position: absolute;top: 0px;left:8px;color: #666;line-height: 1;font-size: 14px;}
.item_write .panel_tit .pn_note .point_txt {display: inline-block;color: #1068da;font-weight: 600;}
.item_write .panel_tit .pn_tit.num {padding-left:28px;font-size: 16px;line-height: 24px;color: #333;}
.item_write .panel_tit .pn_tit.num:before {position: absolute;top: 0px;left: 0;width:24px;height: 24px;background: #004299;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 14px;} 
.item_write .txt_panel {display: flex;margin-top: 20px;flex-wrap:wrap}	
.item_write .txt_panel .row_lb {flex:0 0 160px;padding: 8px 10px 0 0;font-weight: 500;color:#333;box-sizing: border-box;}
.item_write .txt_panel .row_right {display:flex;flex: 0 0 calc(100% - 160px);flex-wrap: wrap; box-sizing: border-box;}
.item_write .txt_panel .row_right input.field_txt{flex:0 0 100%;height:42px;padding-left:8px;padding-right: 8px;font-size:14px;color:#777;border: 1px solid #d8dce1;box-sizing: border-box;vertical-align: middle;}
.item_write .txt_panel textarea.field_txt {flex:0 0 100%;display: flex;flex-wrap: wrap;min-height: 120px;max-width: 904.41px;height:42px;padding: 6px 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #d8dce1;box-sizing: border-box;vertical-align: middle;}
.item_write .img_panel {display: flex;flex-wrap: wrap;}
.item_write .img_panel .row_lb {flex:0 0 160px;padding: 20px 10px 0 0;font-size: 16px;font-weight: 500;color:#333;box-sizing: border-box;}
.item_write .img_panel .img_bx {display: flex;flex:0 0  calc(100% - 160px);flex-wrap: wrap;}
.thumb_bx {display: flex;flex:0 0 50%;flex-wrap: wrap;margin-top: 20px;}
.item_write .img_panel .thumb {display: flex;justify-content: center;align-items: center;width:142px;height: 142px;padding: 5px;border: 1px solid #d8dce1;border-radius: 3px}
.item_write .img_panel .thumb img {max-width:100%;max-height: 100%;}
.item_write .img_panel .file_add {display: flex;}
.item_write .img_panel .f_btn_box {display: flex;flex-direction: column;padding-left:20px}
.item_write .img_panel .f_btn_box p {margin-bottom:10px;font-size: 14px;color:#999;}
.item_write .img_panel .f_btn_box a.file_btn {display: flex;width:80px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #d8dce1;background:#f2f3f6}
.item_write .img_panel .f_btn_box a.file_btn + a.file_btn {margin-top:10px}
/* 상품 등록&수정 화면 (공통) - 에디터  - 공동구매, 제휴서비스, 참여단체 */ 
.item_write {margin-top: 20px;}
.item_write .edit_top {display: flex;width:100%;padding:20px 16px;border-top:1px solid #888;border-bottom:1px solid #c4c7ca;box-sizing:border-box}
.item_write .edit_top input {padding:0 8px;width:100%;height: 36px;font-size:14px;border:1px solid #d8dce1;box-sizing:border-box}
.item_write .edit_cont {display: flex;flex-direction: column;width:100%;padding:0 16px;margin:20px 0;word-wrap:break-word;border-bottom:1px solid #888;box-sizing:border-box}
.item_write .edit_cont .puts_area {width:100%;min-height:260px;padding:8px;border:1px solid #d8dce1;box-sizing:border-box}
.item_write .edit_cont .puts_area p {font-size:14px;line-height:26px;color: #666;}
.item_write .edit_cont a:hover {color:#3853d8}


/*공동구매 상품 조회&주문 - 상단*/
.store_intro {display: flex;padding-top:50px;} 
.store_intro .left {flex:1 1 44%}
.store_intro .right {flex:1 1 50%; margin-left: 6%;}
.store_intro .right .box_tit {font-size: 24px;}
.store_intro .right .box_desc {margin-top: 16px;font-size: 16px;line-height: 22px;color: #777;}
.store_intro .fillout_form .option_panel {display: flex;margin-top: 20px;}
.store_intro .fillout_form .option_panel .row_lb {flex:1 1 16%;padding: 8px 10px 0 0;line-height: 20px;box-sizing: border-box;}
.store_intro .fillout_form .option_panel .row_lb h4 {font-weight: 500;color: #333;font-size: 15px;}
.store_intro .fillout_form .option_panel .row_right {flex:1 1 84%;display: flex;flex-wrap: wrap;}
.store_intro .fillout_form .option_panel .row_right li {flex: 0 0  33.33%;height:42px;box-sizing: border-box;}

/*공동구매 상품 조회&주문 - 상단 수량선택 23/11/20 추가 */
.store_intro .fillout_form .choice_panel {display: flex;margin-top: 20px;justify-content: flex-end}
.store_intro .fillout_form .choice_panel ul.ch_lst {display: flex;flex-direction: column;width: 84%;border-top: 1px solid #d8dce1;border-bottom: 1px solid #d8dce1;}
.store_intro .fillout_form .choice_panel li.ch_item{position: relative;display: flex;flex-direction: column;width: 100%;padding: 14px 10px;box-sizing: border-box;}
.store_intro .fillout_form .choice_panel li.ch_item + li.ch_item {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.store_intro .fillout_form .choice_panel li.ch_item .ch_item_txt {padding-bottom: 10px ;font-weight: 500;color: #333;font-size: 15px;}
.store_intro .fillout_form .choice_panel li.ch_item .btn_holder {display: flex;}
.store_intro .fillout_form .choice_panel li.ch_item .ch_delete_btn {position: absolute;right: 8px;bottom:18px;border: none;background-color: transparent;cursor: pointer;}
.store_intro .fillout_form .choice_panel li.ch_item .ch_quantity {width:46px;text-align:center;vertical-align:middle;font-size:13px;color: #777;border-top: 1px solid #d8dce1;border-bottom: 1px solid #d8dce1;border-left: none;border-right: 0;}
.store_intro .fillout_form .choice_panel li.ch_item .disp_btn {position:relative;display:flex;justify-content: center;align-items: center;width:36px;height:36px;padding-left:12px;color: #6e707e;border: 1px solid #bfc3cd;background: #f3f6fa;cursor: pointer;}
.store_intro .fillout_form .choice_panel li.ch_item .disp_btn::before {content: ''; position: absolute; top: 50%; left: 10px;width: 10px; height: 2px; background: #6e707e; display: block; }
.store_intro .fillout_form .choice_panel li.ch_item .disp_btn:hover {color:#3d3e46;border: 1px solid #858796; }
.store_intro .fillout_form .choice_panel li.ch_item .plus::after {content: ''; position: absolute; top: calc(50% - 4px); left: 14px;width: 2px; height: 10px; background: #6e707e; display: block;} 
.store_intro .fillout_form .choice_panel input[type="number"]::-webkit-outer-spin-button,
.store_intro .fillout_form .choice_panel input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}


/*공동구매 상품 조회&주문 - 상단 - 이미지 슬라이드 Images as Indicators */
.store_intro .thumb_display{max-width:980px}
.store_intro .mySlides {width:100%;max-width: 440px;max-height:440px;}
.store_intro .thumb_lst {display:flex;flex-wrap: wrap;width:100%;margin-top:16px!important;margin-bottom:16px!important}
.store_intro .thumb_item{width:25%;max-width: 110px;}
.store_intro .thumb_item img {width:100%;max-width: 110px;}
/* 공동구매 상품 조회&주문 - 상단 -입력칸, 옵션선택(셀렉트)*/
.store_intro .fillout_form .option_panel .row_right .field_txt {width:100%;height:42px;padding: 0 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #d8dce1;box-sizing: border-box;vertical-align: middle;}	
.store_intro .fillout_form .option_panel .row_right .field_txtarea {flex:0 0 100%;max-width: 420px;min-height: 42px;padding: 6px 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #d8dce1;box-sizing: border-box;vertical-align: middle;}
.store_intro .fillout_form .option_panel .row_right .field_txtarea::placeholder {color: #a7a7a7;}
.store_intro .fillout_form .option_panel .row_right .field_select {width:100%;padding: 0 10px;height: 42px;line-height: 38px;color: #777;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 14px;border: 1px solid #d8dce1;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
/* 공동구매 상품 조회&주문 -  상단- 주문요청버튼 */
.store_intro .fillout_btn_sec {display:flex; justify-content:flex-end;margin:30px 0}
.store_intro .fillout_btn_sec a.btn {flex:0 1 84%;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border-radius:2px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.store_intro .fillout_btn_sec a.btn.off {display:none}
.store_intro .fillout_btn_sec a.btn:hover {background:#003780;}

/* 공동구매 상품 조회&주문 - 상세설명 이미지 */
.store_item_wrap {display:flex;flex-wrap: wrap;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.store_item_wrap img {width:100%;max-width: 1000px;}
.store_item_wrap .store_item_img_pc {display: flex}
.store_item_wrap .store_item_img_mo {display: none}

/* 공동구매 상품 조회&주문 - 배송정보  */
.order_sht {display: flex;margin-top: 60px;}
/* .order_sht .inner_n {display: flex;flex-wrap: wrap;} */
.order_sht .left {flex: 0 0 66%;margin-bottom: 40px;}
.order_sht .right {flex: 0 0 30%;margin-left:4%}
.order_sht .sht_tit_bx {display: flex;padding-bottom:10px;border-bottom: 1px solid #999;}
.order_sht .sht_tit_bx .sht_tit {flex:1 1 100%;font-size: 24px;font-weight: 500;line-height: 36px;}
.order_sht .left .order_form {flex:0 0 100%;margin-top: 40px;}
.order_sht .order_tit_bx {display: flex;}
.order_sht .order_tit_bx .order_form_tit {flex:1 1 calc(100% - 150px);font-size:18px;font-weight: 400;color:#333;line-height: 36px;}
.order_sht .left .order_form .order_form_lst {margin-top: 10px;}
.order_sht .left .order_form .order_form_lst:last-child {border-bottom: 1px solid #e3e6f0;}
.order_sht .left .order_form .order_row {display: flex;flex-wrap: wrap;width:100%;padding:6px 0;border-top: 1px solid #e3e6f0;box-sizing: border-box;}
.order_sht .left .order_form .order_row .label_txt {display:flex;flex:0 0 160px;padding-left:10px;align-items: center;font-size:14px;color:#666;box-sizing:border-box}
.order_sht .left .order_form .order_row .label_txt.star:after {content: '*';color: #eb253d;line-height: 1;padding-left: 4px;} 
.order_sht .left .order_form .order_row .field_txt {flex:0 1 calc(100% - 160px);flex-wrap: wrap}
.order_sht .left .order_form .order_row input{width:100%;height:36px;padding: 0 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #e3e6f0;box-sizing: border-box;vertical-align: middle;} 
.order_sht .left .order_form .adrs_row .zip_code {width:calc(100% - 136px)}
.order_sht .left .order_form .adrs_row .btn_zip {display: inline-flex;margin-left:10px;width:120px;height:34px;justify-content: center;align-items: center;font-size:13px;color: #666;background: #fff;border: 1px solid #bfc3cd;color: #6e707e;box-sizing: border-box;cursor: pointer;}
.order_sht .left .order_form .adrs_row .adrs_1 ,
.order_sht .left .order_form .adrs_row .adrs_2 {width:100%; margin-top: 6px;}
.order_sht .left .order_form .adrs_row .btn_zip:hover {color:#3d3e46;border: 1px solid #858796; }
.order_sht .left .order_form .order_row input::placeholder {color:#999}

/* 공동구매 상품 조회&주문 - 주문 구매동의  */
.order_sht .right .order_confirm_bx {display: flex;flex-wrap:wrap;padding: 20px;margin-top:44px;border: 1px solid #e3e6f0;border-bottom: none;}
.order_sht .right .order_confirm_bx .agree_txt {font-size: 14px;line-height: 22px;color: #666;}
.order_sht .right .order_confirm_bx a.terms_link {color: #004299;}
.order_sht .right .order_confirm_bx .agree_chk_bx {width:100%;margin-top:20px;}
.order_sht .right .order_confirm_bx .agree_chk_bx input[type="checkbox"] + label {color: #666;}

/* 공동구매 상품 조회&주문 - 주문 구매동의버튼 */ 
.order_sht .right .orderform_btn_sec {display:flex; justify-content:flex-end;margin: 0}
.order_sht .right .orderform_btn_sec button.btn {flex:0 1 100%;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;text-align:center;word-break:keep-all;box-sizing: border-box;}
.order_sht .right .orderform_btn_sec button.btn:hover {background:#003780;}
.order_sht .right .orderform_btn_sec.item_1 .btn b {margin: auto;font-weight: 400;}

/*주문서(주문/배송) 구매동의약관 팝업 - 23/	10/30 추가 */
.modal_bg{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.6)}
.modal_popup {display:none; position:fixed;left:50%;top:50%;z-index:150;
	-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
background-color:#fff}
.modal_popup .pop_header {position:relative;height:55px;line-height:55px;background: #1945cc;color: #fff;}
.modal_popup .pop_header .title {padding-left:30px;font-size:18px}
.modal_popup .pop_header .btn_close {position:absolute;right:0;top:0%;width:55px;height: 55px;font-size:0;border: none;background:none;}
.modal_popup .pop_header .btn_close:before,
.modal_popup .pop_header .btn_close:after {content: ''; position: absolute; width: 26px; height: 2px; background: #fff; display: block; top: 50%; right: 16px;}
.modal_popup .pop_header .btn_close:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.modal_popup .pop_header .btn_close:after  {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.modal_popup .pop_content {overflow:hidden;max-width: 360px;min-width: 280px;padding:20px 30px 40px 30px}
.modal_popup .pop_content .fot_lst li {color:#666;font-size:13px;margin-top:10px}
.modal_popup .pop_content .fot_lst li ul {margin-left:5px}
.modal_popup .pop_content .fot_lst02 li {position: relative;padding-left: 10px;line-height: 20px;margin-top:4px}
.modal_popup .pop_content .fot_lst02 li::before  {display:block; position:absolute; top:0; left:0; content:"-";}
.modal_popup .pop_content .link {display:block;margin-top:20px;color:#199ae8;font-size:13px;text-decoration:underline}





@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* 판매 관리 (공통) - 썸네일형 */
	.gallery_lst {gap:20px}
	.gallery_lst li.g_item {width:calc(100%/3 - 13.33px);}
	
	/* 판매 관리 (공통) - 리스트형 */
	.gallery_lst.post_type_txt li a .g_thumnail {max-width:160px;height: 120px;}
	.gallery_lst.post_type_txt li a  .g_thumnail img {height: 120px;}
	.gallery_lst.post_type_txt li a .g_txt_bx {width:calc(100% - 160px)}

	/* 상품 등록&수정 화면 (공통) - 공동구매, 제휴서비스, 참여단체  */ 
	.item_write .txt_panel .row_lb {flex:0 0 100px}
	.item_write .txt_panel .row_right {flex: 0 0 calc(100% - 100px)}	
	.item_write .img_panel .row_lb {flex:0 0 100px;}
	.item_write .img_panel .img_bx {flex:0 0 calc(100% - 100px);}
	
	/*공동구매 상품 조회&주문 - 상단*/
	.store_intro {flex-wrap: wrap;padding-top: 0;} 
	.store_intro .left {flex:1 1 100%}
	.store_intro .right {flex:1 1 100%; margin-left: 0;margin-top: 20px;}
	
	/* 공동구매 상품 조회&주문 - 배송정보  */
	.order_sht {flex-wrap: wrap;}
	.order_sht .left {flex: 0 0 100%;}
	.order_sht .right {flex: 0 0 100%;margin-left:0}
	.order_sht .left .order_form .order_row .label_txt {flex:0 0 100px;}
	.order_sht .left .order_form .order_row .field_txt {flex:0 1 calc(100% - 100px)}
	.order_sht .left .order_form .adrs_row .zip_code {width:calc(100% - 116px)}
	.order_sht .left .order_form .adrs_row .btn_zip {width:100px;}
			
	/* 공동구매 상품 조회&주문 - 주문 구매동의  */
	.order_sht .right .order_confirm_bx {margin-top:0px}

	
	}


/* 모바일용 */
@media screen and (max-width:425px){

	/* 판매 관리 (공통) - 썸네일형 */
	.gallery_lst {gap:20px 12px;}
	.gallery_lst li.g_item {width:calc(50% - 6px);}
		
	/* 판매 관리 (공통) - 리스트형 */
	.gallery_lst.post_type_txt li a .g_thumnail {max-width:130px;height: 100px;}
	.gallery_lst.post_type_txt li a  .g_thumnail img {height: 100px;}
	.gallery_lst.post_type_txt li a .g_txt_bx {width:calc(100% - 130px)}
	
	/* 공동구매 상품 조회&주문 - 상세설명 이미지 */
	.store_item_wrap .store_item_img_pc {display: none}
	.store_item_wrap .store_item_img_mo {display: flex}
	

	/* 상품 등록&수정 화면 (공통) - 공동구매, 제휴서비스, 참여단체  */ 
	.item_write .txt_panel .row_lb {flex:0 0 100%;padding: 0 0 8px 4px;}
	.item_write .txt_panel .row_right {flex: 0 0 100%}	
	.item_write .img_panel .row_lb {flex:0 0 100%;}
	.item_write .img_panel .img_bx {flex:0 0 100%}
	.thumb_bx {flex:0 0 100%}

	}
		

	
@media screen and (max-width:320px){
	
	
	


	}
	

/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
 @font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@charset "utf-8";
/* 탭 */ 
.tab_terms {margin-top:0}
.tab_terms ul li {float:left;display:table;width:20%;height:58px;border-left:1px solid #fff;box-sizing:border-box;}
.tab_terms ul li:first-child{border-left: none}
.tab_terms ul li a {position: relative;display:table-cell;width:100%;padding:0;text-align:center;vertical-align:middle;font-size:18px;font-weight:600;color:#333;background:#ededed;letter-spacing:-0.9px;word-break:break-all}
.tab_terms ul li a.active,
.tab_terms ul li a:hover {background:#004299;color:#fff}

/* 개인정보보호정책 */
.terms_title {width:100%;padding:120px 0 80px;border-bottom:1px solid #ededed;}
.terms_title .tit {font-size:48px;line-height:48px;text-align:center}
.terms_title .subtit {margin-top:18px;font-size:18px;line-height:18px;text-align:center}
.container .terms_content {margin:50px auto 50px;font-family: 'Pretendard'; font-size:16px;line-height: 1.8;letter-spacing:-0.6px;word-break: break-all;} 
.container .terms_content .txt_right {display: flex;justify-content: flex-end;text-align: left;}
.terms_content h4, .terms_content h5 {color:#212121}
.terms_content h4 {margin-top:50px;font-size:17px;font-weight:600;text-align:center}
.terms_content h5 {font-size:15px;margin-top:41px}
.terms_content h5+p{margin-top:13px}
.terms_content h4+h5{margin-top:11px}
.terms_content li{margin:13px 0 0 27px;position:relative;}
.terms_content li em{position:absolute;top:0;left:-27px}
.terms_content li table{width:756px;margin-left:-27px}
.terms_content li li{margin:3px 0 0}
.terms_content li ul li{padding-left:10px;background:url(../../common/Images/common/bu_desc8.png) 0 7px no-repeat}
.terms_content li ul.nobul li{padding-left:0;background:none}
.terms_content li ol ol{margin-left:16px}
.terms_content dl{margin-top:8px}
.terms_content dt{margin-bottom:3px;padding-left:10px;background:url(../../common/Images/common/bu_desc8.png) 0 7px no-repeat}
.terms_content dd{margin-left:10px}
.terms_content table{width:100%;margin:25px 0 15px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6}
.terms_content table caption {display:none}
.terms_content th,
.terms_content td{padding:8px 30px 6px;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;text-align:center; word-break: keep-all;}
.terms_content th{background-color:#f5f5f5}
.terms_content td ul{margin:5px 0}
.terms_content td li{margin:3px 0 0;padding-left:10px;background:url(../../common/Images/common/bu_desc8.png) 0 7px no-repeat;text-align: left;}
.terms_content table.charge th,
.terms_content table.charge td{padding:8px 15px 6px;font-size:13px}
.terms_content table.charge td li{text-align:left;font-size:13px;padding-left:0;background:none}
.terms_content table.charge td li em{position:static;display:inline-block;width:50px;vertical-align:middle}
.terms_content .top:after{content:'';display:block;clear:both}
.terms_content .top p{margin-top:7px}
.terms_content .top ol{float:left;width:50%;margin-top:16px}
.terms_content .top li{margin:7px 0 0}
.terms_content .top li em{position:static}
.terms_content .top li a{color:#212121}
.terms_content .column-2{width:auto}
.terms_content .column-2:after{content:'';display:block;clear:both}
.terms_content .column-2 table{float:left;width:50%}
.terms_content .column-2 table:nth-of-type(2){border-left-width:0}
.terms_content .column-2 th{background-color:#f5f5f5 !important}
.terms_content .column-2 td{text-align:left}

/* 제휴안내 양식 */
.alliance_docu .al_txt {display: flex;width: 100%;font-family: 'Pretendard'; font-size:16px;line-height: 1.8;letter-spacing:-0.6px;word-break: break-all;}
.alliance_docu .al_txt.al_center {justify-content: center;margin-bottom: 20px;}
.alliance_tit {margin-bottom: 10px;}
.alliance_tit .al_tit {display: flex;justify-content: center;width: 100%;font-size: 28px;line-height:46px;font-weight: 700;color: #222;letter-spacing: -0.5px;word-break: keep-all;margin-bottom: 20px; }

.alliance_form {display: flex;flex-direction: column;margin-bottom: 20px;}
.alliance_form ul {display:flex;flex-wrap:wrap;margin-bottom:10px;border-top:1px solid #e3e6f0;border-left:1px solid #e3e6f0 }
.alliance_form ul li.view_row {display:flex;flex:0 0 50%;border-bottom:1px solid #e3e6f0;}
.alliance_form ul li.view_row.wide {flex:1 1 100%}
.alliance_form ul li.view_row p {padding:14px 16px;font-size:15px;line-height:18px;}
.alliance_form ul li.view_row p + p,
.alliance_form ul li.view_row p + div {border-left:1px solid #e3e6f0;border-right:1px solid #e3e6f0}
.alliance_form ul li.view_row .tit {display:flex;align-items: center;flex:0 0 140px;color:#5a5c69;font-weight: 500;background: #f2f3f6}
.alliance_form ul li.view_row .decs {display:flex;flex:1 1 100%;color:#666;}
.alliance_form ul li.view_row .decs a {color: #004299;}

.tbl_alliance {margin-bottom: 80px;}
.tbl_alliance ul li {display:flex;flex-wrap: wrap;width:100%;border-bottom:1px solid #e4e6e9;border-right:1px solid #e4e6e9}
.tbl_alliance ul li.tbl_tit {border-top: 1px solid #e4e6e9; background:#f2f3f6}
.tbl_alliance ul li.tbl_tit p {justify-content: center;font-weight: 600;text-align:center;color:#5a5c69}
.tbl_alliance ul li.tbl_row {display:flex;width:100%;}
.tbl_alliance ul li p {display: flex;;border-left: 1px solid #e4e6e9;padding: 12px 4px 12px 6px;font-size:15px;line-height: 20px;color:#5a5c69;font-weight: 400;text-align:left;font-family: 'Pretendard', sans-serif;box-sizing: border-box;}
/* 필드너비*/
.tbl_alliance ul li .al_field_1 {width:14%}
.tbl_alliance ul li .al_field_2 {width:10%}
.tbl_alliance ul li .al_field_3 {width:14%}
.tbl_alliance ul li .al_field_4 {width:16%}
.tbl_alliance ul li .al_field_5 {width:20%}
.tbl_alliance ul li .al_field_6 {width:26%}
.tbl_alliance ul li .al_field_7 {width:50%}
.tbl_alliance ul li .al_field_8 {width:50%}

/* 금형인 증명서 - 24/4/29추가 */
.inner_ctfc {width: 90%;max-width: 780px;margin: 0 auto;}
.ctfc_top {display: flex;}
.ctfc_top .top_txt {padding: 6px 12px;color:#333;font-size: 15px;border: 1px solid #333;}
.ctfc_top .top_txt:nth-child(2) {border-left: 0;}
.ctfc .ctfc_img {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 26px;}
.ctfc .ctfc_img img {max-width:80px;} 
.ctfc .ctfc_img .subtxt {margin-top: 8px;font-size: 13px;letter-spacing: -0.5px;}
.ctfc .ctfc_tit {display: flex;justify-content: center;align-items: center;margin-top: 60px;font-size: 46px;letter-spacing: -0.5px;}
.info_wrap {display: flex;justify-content: flex-end;margin-top: 60px;width:100%;}
.ctfc_user_info {display: flex;flex-direction: column;min-width: 320px;}
.ctfc_user_info li.view_row {display: flex;width: 100%;border-bottom:1px solid #999;}
.ctfc_user_info li.view_row p {padding:10px 0 10px 18px;font-size:15px;line-height:18px;}
.ctfc_user_info li.view_row .tit {display:flex;align-items: center;flex:0 0 50px;color:#333;font-weight: 500;}
.ctfc_user_info li.view_row .tit::after {content: ':';color: #333;line-height: 1;padding-left: 16px;}
.ctfc_user_info li.view_row .data {display:flex;flex:1 1 100%;color:#333;}
.detail_content {margin-top: 60px}
.detail_content p{color:#333;font-size: 22px;line-height: 36px;letter-spacing: -0.5px;word-break: keep-all;}
.detail_content p+p {margin-top: 20px;}
.pblsh_date {margin-top: 60px;display: flex;flex-direction: column;align-items: center;}
.pblsh_date p {color:#333;font-size:18px;line-height:18px;text-align: center;}
.pblsh_date p + p {margin-top: 18px;}
.pblsh_date p span {margin-left: 12px;margin-right: 8px;}
.ctfc_bottom {position: relative;margin-top: 60px;padding-bottom: 200px;}
.ctfc_bottom .institution {position:absolute; left:calc(50% - 215px);top:40px;font-size: 38px;letter-spacing: -0.2px;}
.ctfc_bottom .stamp_img {position:absolute; right:calc(50% - 270px);max-width: 110px;}


/* 태플릿용 */
@media screen and (max-width:768px){

	html {font-size:14px}

	/* 탭 */ 
	.tab_terms {margin-top:52px; padding-top: 10px;}
	.tab_terms ul li {width:50%;}
	.tab_terms ul li a {font-size:16px}
	
	/* etc */
	.terms_content .top ol {width: 100%}
	.terms_content li table {width:100%;margin-left: 0}
	.terms_content th, .terms_content td {padding: 4px 8px 3px}

	/* 기업정보 상세조회 */
	.alliance_form ul li.view_row {flex:0 0 100%;}
	.alliance_form ul li.view_row .tit {flex:0 0 86px}
	.alliance_form ul li.view_row .decs {flex:1 1 100%;}

	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	/* 탭 */ 
	.tab_terms ul li {height:54px;}
		
	.terms_title {padding:90px 0 40px;}
	.terms_title .tit {font-size:38px;line-height:38px}
	.terms_title .subtit {font-size:16px;line-height:22px}

	}
	


@media screen and (max-width:320px){
		
	.terms_title {padding:40px 0;}
	.terms_title .tit {font-size:32px;line-height:3 2px}
	.terms_title .subtit {font-size:14px;line-height:14px;}

	}