@charset "UTF-8";

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src:	url("../font/NotoSansKR-Thin.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Thin.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Thin.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src:	url("../font/NotoSansKR-Light.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Light.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Light.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src:	url("../font/NotoSansKR-Regular.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Regular.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Regular.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src:	url("../font/NotoSansKR-Medium.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Medium.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Medium.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src:	url("../font/NotoSansKR-Bold.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Bold.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Bold.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src:	url("../font/NotoSansKR-Black.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Black.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Black.otf") format("opentype"); /* Safari, Android, iOS */
}


/* WEBFONT */
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* { margin:0;padding:0;}
body {position:relative;color:#70625a;font-size:14px;line-height:1.6em !important;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important; word-break:keep-all; letter-spacing:-0.8px;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'Noto Sans KR', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif !important; }
hr {display:none}
ul, ol, li {list-style-type:none;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:1em; font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
code, pre {font-size:1em}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
.inptxt{height:18px;padding:7px 7px 0 7px;color:#666;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
input[type=file].inptxt{height:25px;padding:0 7px 0 7px;color:#70625a;line-height:25px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
input[type=file].inptxt:focus,.inpTxt:focus, select:focus{border:1px solid #fabe02}
select:focus{outline:none}
.readonly{background:#f9f9f9}
.readonly:focus{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
select{height:27px;padding:4px;color:#70625a;font-size:12px;line-height:18px; /*border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7*/ border:1px solid #e7e7e7;}
textarea{padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;resize:none}
img{border:0 none; font-size:0px; padding:0; margin:0;}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}

input[type=date]{color:#70625a;font-size:12px;padding:0 10px;background:#f7f7f7;border:1px solid #e4eaec;vertical-align: middle;line-height: 2em;min-height: 27px;}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src:	url("../font/NotoSansKR-Thin.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Thin.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Thin.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src:	url("../font/NotoSansKR-Light.woff2") format("woff2"), /* Modern Browsers */ㅍ 
		url("../font/NotoSansKR-Light.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Light.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src:	url("../font/NotoSansKR-Regular.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Regular.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Regular.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src:	url("../font/NotoSansKR-Medium.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Medium.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Medium.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src:	url("../font/NotoSansKR-Bold.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Bold.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Bold.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src:	url("../font/NotoSansKR-Black.woff2") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Black.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Black.otf") format("opentype"); /* Safari, Android, iOS */
}


/* WEBFONT */
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* { margin:0;padding:0;}
body {position:relative;color:#70625a;font-size:14px;line-height:1.6em !important;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important; word-break:keep-all; letter-spacing:-0.8px;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'Noto Sans KR', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif !important; }
hr {display:none}
ul, ol, li {list-style-type:none;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:1em; font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
code, pre {font-size:1em}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
.inptxt{height:18px;padding:7px 7px 0 7px;color:#666;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
input[type=file].inptxt{height:25px;padding:0 7px 0 7px;color:#70625a;line-height:25px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
input[type=file].inptxt:focus,.inpTxt:focus, select:focus{border:1px solid #fabe02}
select:focus{outline:none}
.readonly{background:#f9f9f9}
.readonly:focus{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
select{height:27px;padding:4px;color:#70625a;font-size:12px;line-height:18px; /*border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7*/ border:1px solid #e7e7e7;}
textarea{padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;resize:none}
img{border:0 none; font-size:0px; padding:0; margin:0;}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}

.orange{color:#fc6d03;}

/* 메인페이지 */
.w_1080 { width:1080px; margin:0 auto;position: relative;}

/*메인배너*/
.mainBanner {width:100%; height:auto;position:relative;overflow:hidden;box-sizing:border-box;}
.mainBanner .bannerBox {width:2000px; height:490px; box-sizing:border-box; position:relative; left:-1000px; margin-left:50%;}
.mainBanner .bannerImg li {float:left; position:absolute;}
.mainBanner .bannerIcon {/*width:117px;*/ height:12px; margin:0 auto; position:absolute; bottom:15px; left:50%; margin-left:-40px; box-sizing:border-box; }
.mainBanner .bannerIcon li {width:9px; height:9px; margin-left:10px; border-radius:50%; background-color:#ccc;box-sizing:border-box; float:left; cursor:pointer;transition:0.2s}
.mainBanner .bannerIcon li:first-child {margin-left:0px;}
.mainBanner .bannerIcon li.iconOn {width:40px; height:9px;border-radius:50px;background:#ff740d;}
.mainBanner .bnPrev {position:absolute; top:48%;  margin-top:-17px; left:250px; cursor:pointer;width:26px;height:48px;display:block;background:url(/img/main/btn_left.png) no-repeat 50% 50%;}
.mainBanner .bnPrev:hover {background:url(/img/main/btn_left_on.png) no-repeat 50% 50%;}
.mainBanner .bnNext { position:absolute; top:48%; margin-top:-17px; right:250px; cursor:pointer;width:26px;height:48px;display:block;background:url(/img/main/btn_right.png) no-repeat 50% 50%;}
.mainBanner .bnNext:hover {background:url(/img/main/btn_right_on.png) no-repeat 50% 50%;}

/* 중간 카운트 */
.mid_bn {width:1080px;height:330px;margin:0 auto;padding:80px 0 70px;box-sizing:border-box;background:url(/img/main/md_img01.jpg) no-repeat 50% 50%;}
.mid_bn .mid_r {float:left;width:670px;height:180px;box-sizing:border-box;border-right:1px solid #e9e9e9;padding-left:270px;}
.mid_bn .mid_r .mid_txt1 {font-size:24px;color:#3d3b3a;line-height:28px;margin:30px 0 30px;}
.mid_bn .mid_r .mid_sub1 {font-size:28px;color:#3d3b3a;}
.mid_bn .mid_l {float:right;width:410px;box-sizing:border-box;padding-left:80px;}
.mid_bn .mid_l .mid_txt2 {font-size:30px;color:#3d3b3a;font-weight:600;margin:16px 0 20px;}
.mid_bn .mid_l .mid_sub2 {font-size:16px;color:#777;font-weight:400;line-height:24px;}
.color1 {color:#f3791f;}

/* 후원하기 */
#main_con2 { width:100%;box-sizing:border-box;padding:45px 0 35px 0; margin:0 auto; background:#f7f6f5; }
#main_con2 .w_1080 { width:1080px; margin:0 auto;}
#main_con2 .support { width:1080px; display:inline-block; }
#main_con2 .support > li { float:left; width:1080px;}
#main_con2 .support .pic_lt li {position:relative; float:left; width:333px;height:305px; margin-right:40px;margin-bottom:40px;box-sizing:border-box;background:#fff;border:1px solid #d1d1d1;box-sizing:border-box; transition:0.1s;overflow:hidden;}
#main_con2 .support .pic_lt li:hover { border:1px solid #888888;}
#main_con2 .support .pic_lt li:nth-child(3n) {margin-right:0px;}
#main_con2 .newImgArea { margin-bottom:23px; position:relative; width:295px; height:207px; overflow:hidden; }
#main_con2 .support .NewSubTitle { margin-bottom:15px; font-size:15px; color:#ec5b00 }
#main_con2 .support .NewSubBigTitle { margin-bottom:16px; font-size:22px; letter-spacing:-1px; }

#main_con2 .support .pic_lt .done_bn {background:url(/img/main/done_bn_off.jpg) no-repeat 50% 50%;transition:0.1s;border:0;}
#main_con2 .support .pic_lt .done_bn:hover {background:url(/img/main/done_bn_on.jpg) no-repeat 50% 50%;border:0;}
#main_con2 .support .pic_lt .done_bn span {font-size:16px;font-weight:500;color:#fff;}
#main_con2 .support .pic_lt .done_bn .bn_btn {width:100%;height:100;display:block;padding:35px 30px;border:0;color:#fff;}
#main_con2 .support .pic_lt .done_bn .done_tet1 {font-size:26px;line-height:33px;letter-spacing:-1.2px;font-weight:600;margin:20px 0;color:#fff;}
#main_con2 .support .pic_lt .done_bn .done_tet2 {font-size:18px;line-height:24px;color:#ffeae0;letter-spacing:-1.0px;font-weight:400;}
#main_con2 .support .pic_lt li .stit0 {display:none;}
#main_con2 .support .pic_lt li .cata1 {font-weight:500;font-size:12px;color:#fff;background:#f3791f;border-radius:50px;display: inline-block;padding:0px 10px 1px;position:absolute;top:20px;left:20px;}
#main_con2 .support .pic_lt li .main_stit {width:100%;line-height:74px;height:74px;box-sizing:border-box;padding:0 20px;color:#3d3b3a;font-size:18px;position:absolute;bottom:0;}
#main_con2 .support .pic_lt li .lt_img {position:relative;width:331px;height:229px;overflow:hidden;display:block;}
#main_con2 .support .pic_lt li .lt_img img {position:absolute;width:331px;height:229px;top:0;left:50%;margin-left:-165.5px;transition:0.3s;}
#main_con2 .support .pic_lt li .lt_img img:hover {position:absolute;top:-3px !important;left:50%;width:350px !important;height:242px !important;margin-left:-175px !important;}
.hoverImg {position:absolute;top:-3px !important;left:50%;width:350px !important;height:242px !important;margin-left:-175px !important;}


/* 띠배너 */
#main_con3 .aside {margin-bottom:0px;}

/* 현장스토리 */
#main_con7 { width:100%;box-sizing:border-box;padding:40px 0; margin:0 auto;}
#main_con7 .w_1080 { width:1080px; margin:0 auto;}
#main_con7 .w_1080 h2 {font-size:32px;font-weight:700;line-height:32px;text-align:center;color:#3d3b3a;margin-bottom:40px;position: relative;}
#main_con7 .support { width:1080px; display:inline-block; }
#main_con7 .support > li { float:left; width:1080px;}
#main_con7 .support .pic_lt li {position:relative; float:left; width:333px;height:335px; margin-right:40px;margin-bottom:40px;box-sizing:border-box;overflow:hidden;border-bottom:2px solid #ddd;transition:0.1s;}
#main_con7 .support .pic_lt li:hover {border-bottom:2px solid #f3791f;}
#main_con7 .support .pic_lt li:nth-child(3n) {margin-right:0px;}
#main_con7 .newImgArea { margin-bottom:23px; position:relative; width:295px; height:207px; overflow:hidden; }
#main_con7 .support .NewSubTitle { margin-bottom:15px; font-size:15px; color:#ec5b00 }
#main_con7 .support .NewSubBigTitle { margin-bottom:16px; font-size:22px; letter-spacing:-1px; }
#main_con7 .support .pic_lt li .con6 {padding:0 10px;box-sizing:border-box;width:100%;height:103px;}
#main_con7 .support .pic_lt li .stit0 {width:100%;box-sizing:border-box;color:#3d3b3a;font-size:18px;font-weight:400;line-height:20px;margin:20px 0 20px;display:block}
#main_con7 .support .pic_lt li .cata1 {font-weight:500;font-size:14px;color:#f3791f;display:block;}
#main_con7 .support .pic_lt li .main_stit {display:none;}
#main_con7 .m_btn_more{
  /* position: absolute; */
  /* right: 0;
  top: 50%;
  transform: translateY(-50%); */
  font-size: 15px;
  border: 1px solid #ec5b00;
  color: #ec5b00;
  padding: 7px 30px;
  transition: .3s;
  background: #fff;
  display: table;
  margin: 0 auto;
}

#main_con7 .m_btn_more:hover{
  background: #fea35c;
  border-color: #fea35c;
  color: #fff;
}

/* 노출게시판 */
#main_con4 { width:100%; margin:0 auto;background:#f7f6f5;height:306px;}
#main_con4 .w_1080 { width:1080px; margin:0 auto;height:306px;padding-top:70px;box-sizing:border-box;}
#main_con4 .board { width:1080px; display:inline-block; }
#main_con4 .board ul { }
#main_con4 .board li { float:left; width:510px; margin-right:60px; } 
#main_con4 .board li:last-child {margin-right:0; }
#main_con4 .board li .board_tit > a { font-size:20px; font-weight:600;color:#3d3b3a; padding:0 0 20px 0;line-height:20px;}
#main_con4 .board li .board_tit span a { font-size:14px; text-align:right; float:right; color:#ec5b00 }
#main_con4 .board li .board_tit a:nth-child(2) { font-size:14px; text-align:right; float:right; color:#ec5b00 }
#main_con4 .board .board_list { width:100%; margin:0; border-top:0; padding:0;}
#main_con4 .board .board_list a { font-weight:400; line-height:50px;border-bottom:1px solid #eaeaea;display:block; }
#main_con4 .board .board_list a:last-child {border-bottom:0;}
#main_con4 .board .board_list a > p{color:#666;font-size:16px;font-weight:400;transition:0.1s;}
#main_con4 .board .board_list a > p:hover {color:#222;text-decoration:underline;}
#main_con4 .board .board_list a span { font-weight:300; float:right; font-size:14px;color:#888; }
#main_con4 .board .gallery_list a img { width:295px; height:148px; }


/* 푸터롤링 */
#main_con6 { width:100%; margin:0 auto; padding:0; }
#main_con6 .foot_banner { width:100%; height:80px;box-sizing:border-box;border:0;padding:13px 0; }

#main_con6 .foot_banner .f_tit { width:160px; height:40px; border-right:0;border:1px solid #ccc;border-radius:50px; text-align:center; font-weight:600; line-height:40px; float:left;margin-top:7px; }
#main_con6 #banner_rolling { width:768px; height:53px; overflow:hidden !important;float:left;}
#main_con6 #banner_rolling .foot_banner_img li { float:left; width:192px; height:47px !important; padding:5px 0; text-align:center;}
#main_con6 .foot_banner > img {float:left;margin-top:7px;}
#main_con6 .foot_banner .next {margin-left:20px;margin-right:25px;}
#main_con6 .foot_banner .prev {float:right}




/*20190729 중간버튼 추가*/
.bogo_box {overflow:hidden;margin-top:20px;}
.btn_bogo1 {width:150px;height:45px; line-height:45px; text-align:center; background:#fea35c; border:1px solid #fea35c;float:left; margin-right:12px; transition:all 0.5s}
.btn_bogo1 a {font-size:16px; color:#fff; display:block; }
.btn_bogo1:hover {background:#fff;}
.btn_bogo1:hover a {color:#fea35c;}
.btn_bogo2 {width:150px;height:45px; line-height:45px; text-align:center; background:#f27822;border:1px solid #f27822;float:left;transition:all 0.5s}
.btn_bogo2 a {font-size:16px; color:#fff; display:block;}
.btn_bogo2:hover {background:#fff;}
.btn_bogo2:hover a {color:#f27822;}

.pr_bold {font-weight:bold !important;}



/***===================== 2022.02 inpiad PC/ MOBILE 리뉴얼 =====================***/

/* RESET */
* {margin: 0;padding: 0;box-sizing:border-box;}

ul, ol, li {list-style:none;}
em {display: block;}
a {text-decoration: none;outline: none;}	
button {outline: none;}


.font--gyeonggi {font-family: 'GyeonggiTitleM',sans-serif;}
.font--play {font-family: 'Play', sans-serif;}


/* COMMON */
.w980 {width: 980px;margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.w1600 {width: 1600px;margin: 0 auto;}

.flex {display: flex;}
.flex--ac {display: flex;align-items: center;}
.flex--jc {display: flex;justify-content:center;}
.flex--jsb {display: flex;justify-content:space-between;}
.flex--ac-jc {display: flex;align-items: center;justify-content:center;}
.flex--ac-jsb {display: flex;align-items: center;justify-content:space-between;}
.flex--ac-jend {display: flex;align-items: center;justify-content:flex-end;}

.col--f27822 {color: #f27822;}

/* main title */
.mn-section__title {margin-bottom: 40px;font-size: 30px;line-height: 1.4;font-weight: 700;color: #4c4c4c;text-align: center;}
.mn-section3 .mn-section__title {color: #fff;}



/* HEADER */
#header_new {width: 100%;height: 130px;background-color: #fff;border-bottom: 1px solid #ddd;transition: 0.5s;}
#header_new.scroll-on {position: fixed;top: 0;left: 0;right:0;z-index: 9999;}
#header_new .header__top {height: 55px;}
#header_new .header__top > ul > li {position: relative;}
#header_new .header__top > ul > li:first-child {margin-right: 32px;}
#header_new .header__top > ul > li:first-child::after {content: '';position: absolute;top:50%;right: -19px;transform:translateY(-50%);width: 1px;height: 11px;background-color: #c5c5c5;}
#header_new .header__top > ul > li > a ,
#header_new .header__top > ul > li > a span {font-size: 14px !important;color: #333 !important; font-weight: 400  !important;transition: 0.3s;}
#header_new .header__top > ul > li:hover > a,
#header_new .header__top > ul > li:hover > a span {color: #f27822 !important;}

#header_new .header__btm {height: 77px;}
#header_new .header__btm .logo {margin-top: -15px;}
#header_new .header__btm nav {margin-top: 13px;margin-left: 86px;}
#header_new .header__btm nav > ul.gnb__depth1 > li {position: relative;	margin-right: 64px;}
#header_new .header__btm nav > ul.gnb__depth1 > li::after {content: '';position: absolute;bottom:2px;left: 50%;width: 0;height: 5px;background-color: #f47920;transition: 0.3s}
#header_new .header__btm nav > ul.gnb__depth1 > li:hover::after {left: 0;width: 100%;}

#header_new .header__btm nav > ul.gnb__depth1 > li:last-child {margin-right: 0;}
#header_new .header__btm nav > ul.gnb__depth1 > li > a {font-size: 20px;font-weight: 500;color: #333333;transition: 0.3s;}
#header_new .header__btm nav > ul.gnb__depth1 > li:hover > a,
#header_new .header__btm nav .gnb__area .gnb__menu ul.gnb__depth2 > li.gnb__menu__others:hover > a,
#header_new .header__btm nav .gnb__area .gnb__menu ul.gnb__depth2 > li.gnb__menu__last li:hover a,
#header_new .header__btm nav .gnb__area .gnb__menu ul.gnb__depth2 > li > ul.gnb__depth3 > li:hover > a {color: #f27822;}

#header_new .header__btm nav .gnb__area {display: none;position: fixed;top:130px;left: 0;right: 0;z-index: 99;height: 390px;}
#header_new .header__btm nav .gnb__area .inner {position: relative;width: 100%;height: 100%;height: 380px;padding: 40px 0 45px;box-sizing:border-box;background-color: #fff;}
#header_new .header__btm nav .gnb__area .inner::after {content: '';position: absolute;bottom:0;left: 0;right: 0;z-index: -1;width: 100%;height: 100px;box-shadow: 0 0 10px rgba(0,0,0,0.2);background-color: #fff;}
#header_new .header__btm nav .gnb__area .gnb__intro {float: left;width: 285px;}
#header_new .header__btm nav .gnb__area .gnb__intro h2 {margin-bottom: 20px;font-size: 25px;font-weight: 700;line-height: 1;}
#header_new .header__btm nav .gnb__area .gnb__intro p {font-size: 15px;line-height: 22px;color: #666;}

#header_new .header__btm nav .gnb__area .gnb__menu {float: left;width: 635px;padding-right: 100px;box-sizing:border-box;}
#header_new .header__btm nav .gnb__area .gnb__menu ul.gnb__depth2 > li a {display: block;margin-bottom: 13px;font-size: 18px;font-weight: 500;line-height: 1;color: #333;transition: 0.3s;}
#header_new .header__btm nav  ul.gnb__depth1 > li .gnb__area .gnb__menu ul.gnb__depth2 > li a {margin-bottom: 21px;}
#header_new .header__btm nav  ul.gnb__depth1 > li:nth-child(1) .gnb__area .gnb__menu ul.gnb__depth2 > li.gnb__menu__others > a {margin-bottom: 13px;}

#header_new .header__btm nav .gnb__area .gnb__menu ul.gnb__depth2 > li > ul.gnb__depth3 > li > a {margin: 0;font-size: 15px;line-height: 32px;color: #777;transition: 0.3s;}

#header_new .header__btm nav .gnb__area .gnb__banner {float: right;width: 275px;padding-left: 50px;box-sizing:border-box;border-left: 1px solid #ddd;}
#header_new .header__btm nav .gnb__area .gnb__banner img {max-width: 225px;}


#header_new .header__btm .header__btn--support {position: relative;z-index: 99;display: block;width: 180px;height: 45px;line-height: 45px;margin: 0 30px;/* padding-left: 46px; */box-sizing:border-box;border-radius:5px;background-color: #f3791f;font-size: 18px;color: #fff;font-weight: 700;transition: 0.3s;}
#header_new .header__btm .header__btn--support > a{display: block;width: 100%;height: 100%;text-align:center;color: #fff;}
#header_new .header__btm .header__btn--support > ul {display: none;position: absolute;top:45px;left:0;right:0;background-color: #f3791f;border-radius:5px;overflow: hidden;/* transition: 0.3s; */}
#header_new .header__btm .header__btn--support > ul li a {display: block;width: 100%;line-height: 55px;font-size: 16px;color: #fff;text-align: center;transition: 0.3s;}
/*#header_new .header__btm .header__btn--support::before {content: '';position: absolute;top:50%;left: 21px;transform:translateY(-50%);width: 17px;height: 15px;background: url(/img/main/icon--heart.png) no-repeat center;}*/
#header_new .header__btm .header__btn--support:hover {background-color: #996633;color: #fff;}
#header_new .header__btm .header__btn--support:hover ul {background-color: #996633;color: #fff;}
#header_new .header__btm .header__btn--support ul li:hover a{background-color: #81562b;}

#header_new .header__btm .header__btn--sitemap {width: 23px;height: 16px;margin-top: 15px;text-align: right;cursor: pointer;}
#header_new .header__btm .header__btn--sitemap span {float: left;display: block;width: 100%;height: 2px;background-color: #000d20;transition: 0.3s;}
#header_new .header__btm .header__btn--sitemap span:nth-child(2) {float: right;width: 18px;margin: 5px 0;} 
#header_new .header__btm .header__btn--sitemap:hover span {background-color: #f27822;}
#header_new .header__btm .header__btn--sitemap:hover span:nth-child(2) {width: 100%;}



/* FOOTER */
#footer_new .footer__news {width: 100%;height: 160px;background-color: #f1f1f1;}	
#footer_new .footer__news .inner {height: 100%;}
#footer_new .footer__news .news__title {width: 285px;font-size: 23px;line-height: 1.4;font-weight: 700;color: #333333;}

#footer_new .footer__info .inner {height: 350px;letter-spacing: -0.03em;}
#footer_new .footer__left {width: 73.334%;border-right: 1px solid #e3e3e3;transform:translateY(-10px);}
#footer_new .footer__left .footer__left__top {margin-bottom: 16px;}
#footer_new .footer__left .footer__left__top li {margin-right: 29px;}
#footer_new .footer__left .footer__left__top li:last-child {margin-right: 0;}
#footer_new .footer__left .footer__left__top li a {font-size: 16px;color: #333333;transition: 0.3s;}
#footer_new .footer__left .footer__left__top li:hover a {color: #f27822;}
#footer_new .footer__left .footer__left__top li.btn__pop-privacy {font-weight: 700;}

#footer_new .footer__left .footer__left__btm ul li {position: relative;margin-right: 24px;font-size: 14px;line-height: 24px;color: #888888;}
#footer_new .footer__left .footer__left__btm .copyright {margin-top: 10px;font-size: 14px;color: #777777;}
#footer_new .footer__left .footer__left__btm ul li:last-child {margin-right: 0;}
#footer_new .footer__left .footer__left__btm ul li:last-child::after {display: none;}
#footer_new .footer__left .footer__left__btm ul li::after {content: '';position: absolute;top:50%;right:-12px;transform:translateY(-50%);width: 1px;height: 13px;background-color: #888888;}


#footer_new .footer__right {width: 26.666%;padding-left: 39px;transform: translateY(-6px);box-sizing:border-box;} 

#footer_new .footer__right em {font-size: 16px;font-weight: 500;color: #333;}

#footer_new .footer__right dl {margin: 12px 0 7px;font-size: 20px;font-weight: 700;color: #888888;}
#footer_new .footer__right dl dd {margin-left: 6px;color: #f27822;}

#footer_new .footer__right p:nth-of-type(1) {font-size: 15px;color: #888888;}
#footer_new .footer__right p:nth-of-type(2) {margin-top: 8px;font-size: 14px;line-height: 20px;color: #a8a8a8;}

#footer_new .footer__right .footer__link-icons {margin-top: 15px;justify-content:center;}
#footer_new .footer__right .footer__link-icons li {margin-right: 6px;}
#footer_new .footer__right .footer__link-icons li:last-child {margin-right: 0;}
#footer_new .footer__right .footer__link-icons li a {display: block;width: 35px;height: 35px;line-height: 35px;background-color: #bbbbbb;border-radius: 50%;transition: 0.3s;}
#footer_new .footer__right .footer__link-icons li:hover a {background-color: #f27822;}

#footer_new .footer__right .account_btn{display:inline-block;width:280px;height:40px;line-height:37px;font-size:14px;text-align:center;border:1px solid #aaa;transition:all ease 0.4s;margin-top:10px;}
#footer_new .footer__right .account_btn:hover{background:#f27822;color:#fff;border-color:transparent;}

#footer_new #family-sites{appearance: none;background: #fff url(/images/img/main/mn-sec7__arr.jpg) no-repeat 95% 50%;width: 100%;border: 1px solid #aaa;padding: 10px;height: auto;font-size: 14px;border-radius: 2px;margin: 20px 0 0 0;}


.form--newsletter ul li {;height: 60px;border-radius: 6px;overflow: hidden;font-size: 18px;font-weight: 500;color: #777;}
.form--newsletter ul li:nth-child(1) {width: 170px;margin-right: 7px;}
.form--newsletter ul li:nth-child(2) {width: 170px;}
.form--newsletter ul li:nth-child(3) {line-height: 60px;margin: 0 7px;}
.form--newsletter ul li:nth-child(4) {width: 180px;margin-right: 7px;}
.form--newsletter ul li:nth-child(5) {margin-right: 25px;width: 180px;}
.form--newsletter ul li input[type="text"],
.form--newsletter ul li select {width: 100%;height: 100%;padding: 0 25px;box-sizing:border-box;background-color: #fff;border: 0;font-size: 18px;line-height: 1.3;font-weight: 500;color: #777;}
.form--newsletter ul li select::-ms-expand {display: none;}
.form--newsletter ul li select {position: relative;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(/images/img/main/mn-sec7__arr.jpg) no-repeat 90% 50%;}
.form--newsletter ul li input[type="submit"] {width: 100%;min-width: 170px;height: 100%;background-color: #f27822;border: 0;font-size: 18px;font-weight: 500;color: #fff;text-align: center;transition: 0.3s;cursor: pointer;}
.form--newsletter ul li input[type="submit"]:hover {background-color: #da630b;}



/* MAIN SECTION1:: MAIN VISUAL */
/* .mn-section1{width: 100%;overflow: hidden;} */
.mn-section1 .slick-dotted.slick-slider{margin:0;}
.mn-visual { width: 100%;height: auto;position: relative; overflow: hidden;box-sizing: border-box;}
.mn-visual .slick-slide img {width: 1920px; position: relative; left: 50%; transform: translateX(-50%);}
.mn-visual .img {margin:auto}

.mn-visual .slick-arrow {width:35px;height: 65px;margin:0 !important;padding: 0 !important;position: absolute;top:50%;z-index: 9;transform: translateY(-50%);font-size:0;}
.mn-visual .slick-prev{left:160px;background: url(/img/main/main-visual__prev.png) no-repeat center !important;}
.mn-visual .slick-next{right:160px;background: url(/img/main/main-visual__next.png) no-repeat center !important;}
.mn-visual .slick-prev:before,
.mn-visual .slick-next:before{display:none;}

.mn-visual .slick-dots {position: absolute;bottom: 40px;left:50%;transform: translateX(-50%);width: 980px;text-align: center;}
.mn-visual .slick-dots li {display: inline-block;width: 10px;height: 10px;margin: 0 5px;border: 3px solid #bebbb8;border-radius: 50%;cursor: pointer;}
.mn-visual .slick-dots li.slick-active {border-color: #f27822;}
.mn-visual .slick-dots li button {display: none !important;}



/* MAIN SECTION2 */
.mn-section2 {padding: 77px 0;}	

.mn-sec2__tab-title {margin-bottom: 40px;padding: 0 25px 30px;border-bottom:1px solid #ddd;box-sizing: border-box;}
.mn-sec2__tab-title li {display: flex;align-items: center; justify-content: center;width: 175px;height: 55px;font-size: 18px;color: #9c9c9c;font-weight: 500;border: 1px solid #bdbdbd;box-sizing:border-box;border-radius: 30px;transition: 0.3s;cursor: pointer;}
.mn-sec2__tab-title li:hover, 
.mn-sec2__tab-title li.active {background-color: #f27822 ;border-color: #f27822;color: #fff;}

.mn-sec2__tab-contents {display: none;}
.mn-sec2__tab-contents:nth-of-type(1){display: block;}
.mn-sec2__tab-contents a {width: 100%;height: 100%;}
.mn-sec2__tab-contents .left-side {width: 592px; border-right: 1px solid #dddddd;box-sizing:border-box;}
.mn-sec2__tab-contents .right-side {width: calc(100% - 592px);padding-left: 40px;box-sizing: border-box;}

.mn-sec2__tab-contents .info-text {padding-left: 40px;box-sizing:border-box;}
.mn-sec2__tab-contents .left-side .info-text {padding: 24px 0 0 10px;}


.mn-sec2__tab-contents .info-text .division-mark {display: block;font-size:15px; color: #f27822;font-weight: 500;}
.mn-sec2__tab-contents .info-text em {display: block;margin: 10px 0 17px;font-size: 22px;line-height: 1.3;font-weight: 700;color: #333;transition: 0.3s;}
.mn-sec2__tab-contents .left-side:hover .info-text em,
.mn-sec2__tab-contents .right-side ul li:hover .info-text em,
.mn-sec2__tab-contents .btm-slide ul li:hover .info-text em {color: #f3791f;}
.mn-sec2__tab-contents .info-text p {font-size: 16px;line-height: 26px;color: #666;}

.mn-sec2__tab-contents .left-side .info-text .division-mark {font-size:16px;}
.mn-sec2__tab-contents .left-side .info-text em {margin: 15px 0 12px;}


.mn-sec2__tab-contents .right-side ul li {margin-bottom: 23px;}
.mn-sec2__tab-contents .btm-slide ul li {margin-bottom: 20px;}
.mn-sec2__tab-contents .right-side ul li:last-child,
.mn-sec2__tab-contents .btm-slide ul li:last-child{margin-bottom: 0;}

.mn-sec2__tab-contents .btm-slide {position: relative;width: 100%;margin-top: 33px;}
.mn-sec2__tab-contents .btm-slide__inner {display: none;padding: 30px 0 7px;border-top: 1px solid #ddd;}
.mn-sec2__tab-contents .btm-slide__button {position: relative;cursor: pointer;background-position: center;width: 45px;height: 45px;margin: auto;background-color: #fff;border:1px solid #ed7d31;border-radius: 50%;box-sizing:border-box;transition: 0.3s;background-repeat: no-repeat;}
.mn-sec2__tab-contents .btm-slide__button::after {content: '';position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: -1;width: 1280px;height: 1px;background-color: #ddd;}
/* .mn-sec2__tab-contents .btm-slide__button figure {position: absolute;bottom:-23px;left: 50%;transform: translateX(-50%);display: flex;align-items: center; justify-content: center;width: 45px;height: 45px;background-color: #fff;border:1px solid #ed7d31;border-radius: 50%;box-sizing:border-box;transition: 0.3s;}
.mn-sec2__tab-contents .btm-slide__button:hover figure {background-color: #ed7d31;} */
.mn-sec2__tab-contents .btm-slide__button {background-image: url(/images/img/main/mn-sec2__btn.png);}
/* .mn-sec2__tab-contents .btm-slide__button::hover {background-image: url(/images/img/main/mn-sec2__btn--wt.png);} */
.mn-sec2__tab-contents .btm-slide__button.btn-on {background-image: url(/images/img/main/mn-sec2__btn-h.png);}
/* .mn-sec2__tab-contents .btm-slide__button.btn-on::hover {background-image: url(/images/img/main/mn-sec2__btn-h--wt.png);} */

.mn-section2 .inner {position: relative;}
.mn-section2 .btn__more {position: absolute;top:6px;right:97px;font-size: 16px; font-weight: 700;}
.mn-section2 .btn__more span {display: inline-block;margin-left: 8px;font-size: 25px;color: #fe9f29;font-weight: 500;transition: 0.3s;}
.mn-section2 .btn__more:hover span {transform: rotate(270deg)}



/* MAIN SECTION3 */
.mn-section3 {position: relative;padding:80px 0;}	
.mn-section3::after {content: '';position: absolute;top:0;left: 0;z-index: -1;width: 100%;height: 100%;background: url(/img/main/mn-sec3__bg.jpg) no-repeat top center;/* transition: 0.7s; transition-delay: 0.3s; */}

.mn-section3 .counter-boxs{width:1200px;display:flex;flex-wrap:nowrap;margin:80px auto 60px auto;}
.mn-section3 .counter-boxs .box .counter{font-size:40px;display: inline-block;margin-right: 3px;font-weight: 700;color: #fc6d03;}
.mn-section3 .counter-boxs .box p{color:#fff;font-size:24px;line-height:1.4;text-align:inherit;}
.mn-section3 .counter-boxs .box .sm_txt{font-size:18px;}
.mn-section3 .counter-boxs .left{flex:0 0 50%;position:relative;text-align:right;padding:0 40px 0 150px;}
.mn-section3 .counter-boxs .left:before{content:'';display:block;width:130px;height:130px;background:url(/img/main/mn-section3_icon1.png) 50% 50% no-repeat;background-size:contain;position:absolute;left:20px;top:-10px;z-index:2;}
.mn-section3 .counter-boxs .right{flex:0 0 50%;position:relative;text-align:left;padding:10px 40px 0 200px;}
.mn-section3 .counter-boxs .right:before{content:'';display:block;width:130px;height:130px;background:url(/img/main/mn-section3_icon2.png) 50% 50% no-repeat;background-size:contain;position:absolute;left:63px;top:-10px;}
.mn-section3 .counter-boxs .left .line{position:relative;}
.mn-section3 .counter-boxs .left .line:after{content:'';display:block;width:100%;height:1px;background:#fc6d03;position:absolute;left:0;bottom:0;}
.mn-section3 .c_txt{color:#fff;width:100%;text-align:center;font-size: 30px;line-height: 1.4;font-weight: 700;margin-top:40px;}
.mn-section3 .btn-list {margin-top: 100px;/* opacity:0;transition-delay: 2s;transition: 1.2s; */}
/* .mn-section3.active .btn-list {opacity:1;} */
.mn-section3 .btn-list li {position: relative;margin:0 10px;}
.mn-section3 .btn-list li a {width: 260px;box-sizing:border-box;line-height: 70px;font-size: 26px;font-weight: 700;color: #fff;background:#f3791f;transition: 0.3s;}
.mn-section3 .btn-list li:hover a {background-color: #fff;color: #f3791f;}



/* MAIN SECTION4 */
.mn-section4 {padding: 80px 0;background: url(/img/main/mn-sec4__bg.jpg) no-repeat center;}
.mn-section4 .campaign-list li {width: 30.83333%;box-shadow: 0 0 20px rgba(0,0,0,0.1);border-radius: 0 0 13px; 0;overflow: hidden;transition: 0.3s;}
.mn-section4 .campaign-list li:hover {box-shadow: 0 0 30px rgba(0,0,0,0.2)}
.mn-section4 .campaign-list li figure {position: relative;width: 100%;height: 269px;overflow: hidden;}
.mn-section4 .campaign-list li figure img,
.mn-section6 .support-list li figure img  {position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%) scale(1);transition: 0.7s;}
.mn-section4 .campaign-list li:hover figure img,
.mn-section6 .support-list li:hover figure img {transform:translate(-50%, -50%) scale(1.1);}

.mn-section4 .campaign-list li .campaign-list__info {width: 100%;height: 180px;padding: 0 30px 0 44px;box-sizing:border-box;background-color: #fff;}
.mn-section4 .campaign-list li .campaign-list__info > div {width: 100%;}
.mn-section4 .campaign-list li .campaign-list__info .subheading {display: block;font-size: 16px;color: #ed7d31;font-weight: 500;}
.mn-section4 .campaign-list li .campaign-list__info .list-title {display: block;width: 100%;margin: 15px 0 27px;font-size: 22px;color: #333333;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height:1.2;}
.mn-section4 .campaign-list li .campaign-list__info .btn--more {position: relative;display: inline-block;font-size: 15px;color: #a2a1a0;font-weight: 500;transition: 0.3s}
.mn-section4 .campaign-list li .campaign-list__info .btn--more::after {content: '';position: absolute;top:50%;right: -21px;transform:translateY(-50%);width: 6px;height: 9px;background: url(/images/img/main/mn-sec4__arr.jpg) no-repeat center;transition: 0.3s;}
.mn-section4 .campaign-list li:hover .campaign-list__info .btn--more::after {right: -30px;} 

.mn-section4 .inner {position: relative;}
.mn-section4 .btn__more {position: absolute;top:6px;right:97px;font-size: 16px; font-weight: 700;}
.mn-section4 .btn__more span {display: inline-block;margin-left: 8px;font-size: 25px;color: #fe9f29;font-weight: 500;transition: 0.3s;}
.mn-section4 .btn__more:hover span {transform: rotate(270deg)}


/* MAIN SECTION5 */
.mn-section5 {position: relative;padding: 90px 0;}	
.mn-section5::after {content: '';position: absolute;top:0;left: 0;z-index: -1;width: 100%;height: 100%;background: url(/img/main/mn-sec5__bg.png) repeat center;/* transition: 0.7s; transition-delay: 0.3s; */}
/* .mn-section5.active::after {left: 0;width: 100%;} */
.mn-section5 .inner {position: relative;}
.mn-section5 .btn__more {position: absolute;top:6px;right:97px;font-size: 16px; font-weight: 700;}
.mn-section5 .btn__more span {display: inline-block;margin-left: 8px;font-size: 25px;color: #fe9f29;font-weight: 500;transition: 0.3s;}
.mn-section5 .btn__more:hover span {transform: rotate(270deg)}

.mn-section5 .youtube-list .youtube-list__left {width: 760px;height: 420px;margin-right: 40px;}
.mn-section5 .youtube-list .youtube-list__left iframe {width: 100%;height: 100%;}

.mn-section5 .youtube-list .youtube-list__right {width: 220px;}
.mn-section5 .youtube-list .youtube-list__right ul li {position: relative;width: 100%;height: 125px;margin-bottom: 22px;overflow: hidden;}
.mn-section5 .youtube-list .youtube-list__right ul li::before {content: '';position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 65px;height: 65px;z-index: 9;background: url(/images/img/sub/icon--player.png) no-repeat center}
.mn-section5 .youtube-list .youtube-list__right ul li::after {content: '';position: absolute;top:0;left: 0;right:0;bottom:0;z-index: 8;background: rgba(0,0,0,0.35);}

.mn-section5 .youtube-list .youtube-list__right ul li:last-child {margin-bottom: 0;}
.mn-section5 .youtube-list .youtube-list__right ul li .youtube__title {opacity: 0;display: flex;align-items: center; justify-content: center;padding: 10px;font-size: 16px;font-weight: 500;color: #fff;text-align: center;position: absolute;top:100%; left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.75);border: 3px solid #fff;box-sizing:border-box;transition: 0.3s;}
.mn-section5 .youtube-list .youtube-list__right ul li:hover .youtube__title {opacity: 1;top: 0;}
.mn-section5 .youtube-list .youtube-list__right ul li:hover::before,
.mn-section5 .youtube-list .youtube-list__right ul li:hover::after {display: none;}

.mn-section5 .youtube-list figure {position: relative;width: 100%;height: 100%;border: 3px solid #fff;box-sizing: border-box;}
.mn-section5 .youtube-list figure img {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);/* z-index: -1; */width: 100%;height: auto;}


/* MAIN SECTION6 */
.mn-section6 {padding: 80px 0 80px;background-color: #fbfbfb;}	
.mn-section6 .support-list li {width: 22.5%;}
.mn-section6 .support-list li:nth-child(even) {margin-top: 40px;}

.mn-section6 .support-list li figure {position: relative;width: 100%;height: 260px;overflow: hidden;}
.mn-section6 .support-list li .support-list__cont {width: 100%;height: 190px;text-align: center;background-color: #fff;border: 1px solid #ddd;box-sizing:border-box;transition: 0.3s;}
.mn-section6 .support-list li:hover .support-list__cont {background-color: #f27822;border-color: #f27822;}
.mn-section6 .support-list li:hover .support-list__cont em,
.mn-section6 .support-list li:hover .support-list__cont p {color: #fff;}

.mn-section6 .support-list li .support-list__cont em {margin-top: 6px;font-size: 24px; color: #333333;font-weight: 500;}
.mn-section6 .support-list li .support-list__cont p {margin: 15px 0 12px;font-size: 16px; line-height: 26px;color: #666666;}
.mn-section6 .support-list li .support-list__cont .btn--more {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin: auto;font-size: 20px;line-height: 30px;color: #f27822;font-weight: 700;border-radius: 50%; border: 1px solid #f8bd92;box-sizing: border-box;transition: 0.3s;}
.mn-section6 .support-list li:hover .support-list__cont .btn--more {transform: rotate(-540deg);border-color: #f27822; color: #fff;}



/* MAIN SECTION ANIMATION
.mn-section .mn-section__title {opacity: 0; transform: translateY(60px);transition: 0.7s;}
.mn-section.active .mn-section__title {opacity: 1; transform: translateY(0);}
.mn-section2.active2 .mn-section__title {opacity: 1; transform: translateY(0);}

.mn-section2 .mn-sec2__tab-title {opacity: 0; transform: translateY(60px);transition: 0.7s; transition-delay: 0.2s;}
.mn-section2.active2 .mn-sec2__tab-title {opacity: 1; transform: translateY(0);}

.mn-section .ani--left-side {opacity: 0;transform: translateX(-70px);transition: 1s; transition-delay: 0.5s;}
.mn-section .ani--right-side ul li {opacity: 0;transform: translateX(70px);transition: 1s; transition-delay: 0.7s;}
.mn-section .ani--right-side ul li:nth-child(2) {transition-delay: 0.85s;}
.mn-section .ani--right-side ul li:nth-child(3) {transition-delay: 1s;}

.mn-section.active .ani--left-side,
.mn-section.active .ani--right-side ul li {opacity: 1; transform: translateX(0)}

.mn-section2 .btm-slide__inner li ,
.mn-section2 .btm-slide__inner2 li {opacity: 0; transform: translateY(60px);transition: 0.7s;}

.mn-section2 .btm-slide__inner.on li,
.mn-section2 .btm-slide__inner2.on li {opacity: 1; transform: translateY(0);}

.mn-section2 .btm-slide__inner li:nth-child(2),
.mn-section2 .btm-slide__inner2 li:nth-child(2) {transition-delay: 0.35s;}

.mn-section2 .btm-slide__inner li:nth-child(3),
.mn-section2 .btm-slide__inner2 li:nth-child(3) {transition-delay: 0.6s;}

.mn-section2 .btm-slide__inner li:nth-child(4),
.mn-section2 .btm-slide__inner2 li:nth-child(4) {transition-delay: 0.7s;}



.mn-section4 .campaign-list ul li {opacity: 0; transform: translateY(70px);transition: 1s; transition-delay: 0.35s;}
.mn-section6 .support-list ul li {opacity: 0; transform: translateY(70px);transition: 1s; transition-delay: 0.35s;}

.mn-section4 .campaign-list ul li:nth-child(2),
.mn-section6 .support-list ul li:nth-child(2) {transition-delay: 0.6s;}
.mn-section4 .campaign-list ul li:nth-child(3),
.mn-section6 .support-list ul li:nth-child(3) {transition-delay: 0.8s;}
.mn-section6 .support-list ul li:nth-child(4) {transition-delay: 1s;}

.mn-section4.active .campaign-list ul li,
.mn-section6.active .support-list ul li {opacity: 1; transform: translateY(0);}

.mn-section5 .btn__more {opacity: 0; transform: translateY(30px);transition: 0.7s; transition-delay: 0.5s;}
.mn-section5.active .btn__more {opacity: 1; transform: translateY(0);}
 */

/* SUB COMMON */
#sub-wrap__2022 {padding-bottom: 100px;}
#sub-wrap__2022 * {}

/* SUB VISUAL */
.sub-visual {width: 100%;height: 300px;}
.sub-visual1-1-9 {background: url(/images/img/sub/sub-visual1-1-9.jpg) no-repeat center;}
.sub-visual1-1-10 {background: url(/images/img/sub/sub-visual1-1-10.jpg) no-repeat center;}
.sub-visual1-1-11 {height: 550px;padding-top: 120px;background: url(/images/img/sub/sub-visual1-1-11.png) no-repeat center;}
.sub-visual1-2 {background: url(/images/img/sub/sub-visual1-2.jpg) no-repeat center;}
.sub-visual1-3 {background: url(/images/img/sub/sub-visual1-3.jpg) no-repeat center;}
.sub-visual1-4 {background: url(/images/img/sub/sub-visual1-4.jpg) no-repeat center;}
.sub-visual1-5 {background: url(/images/img/sub/sub-visual1-5.jpg) no-repeat center;}
.sub-visual1-6 {background: url(/images/img/sub/sub-visual1-6.jpg) no-repeat center;}
.sub-visual1-7 {background: url(/images/img/sub/sub-visual1-7.jpg) no-repeat center;}


#sub-wrap__2022 .lnb__txt .txt1,
.sub-visual .lnb__txt .txt1 {font: 500 22px/1 'Noto Sans KR' !important;color: #4c4c4c;}
#sub-wrap__2022 .lnb__txt .txt2,
.sub-visual .lnb__txt .txt2 {margin-top: 17px; font: 700 30px/1 'Noto Sans KR' !important;color: #4c4c4c; }

#sub-wrap__2022 .sub-visual1-1-11 .lnb__txt .txt1,
.sub-visual1-1-11 .lnb__txt .txt1 {font-size: 28px !important;}
#sub-wrap__2022 .sub-visual1-1-11 .lnb__txt .txt2,
.sub-visual1-1-11 .lnb__txt .txt2 {font-size: 42px !important;line-height: 1.4285 !important;}

.btn--style1 {margin-top: 37px;width: 180px;height: 50px;font-size: 18px;color: #fff !important;background-color: #f3791f;transition: 0.3s;}
.btn--style1:hover {background-color: #da630b;} 


/* SUB > LNB */
.lnb-wrap {margin: 50px 0;}
.lnb-wrap ul li a {display: flex;align-items: center;justify-content:center;width: 170px;height: 50px;font-size: 18px;color: #666666;border: 1px solid #cccccc;background-color: #fff;box-sizing:border-box;text-decoration: none;}
.lnb-wrap ul li.on a {color: #fff;border-color: #996633;background-color: #996633;}

.lnb-wrap-1-11.lnb-on {position: fixed;top:79px;left: 50%;transform:translateX(-50%);z-index: 99;}
.lnb-wrap-1-11 ul li a {width: 245px;border-right:0;}
.lnb-wrap-1-11 ul li:last-of-type a {border-right:1px solid #cccccc;}



/* btn--quick */
.btn--quick {opacity: 0;position: fixed;top:50%;right:-70px;transition: 0.7s;}
.btn--quick.on {opacity:1;right:100px;}



/* 2022.05 펀딩신규메뉴(반응형) */ 

/* FUNDING HEADER */
.header--funding a * {text-decoration: none;}
.header--funding .header__top .login-area {position: relative;}
.header--funding .header__top .login-area > a {font-size: 1em;color: #333;} 
.header--funding .header__top .login-area ul {display: none;width: 100px;padding: 10px 0;position: absolute;top:30px;left: 50%;z-index: 9;transform: translateX(-50%);text-align: center;background-color: #f27822;}
.header--funding .header__top .login-area ul li {margin: 5px 0;}
.header--funding .header__top .login-area ul li a {font-size: 1em;color: #fff;transition: 0.3s}
.header--funding .header__top .login-area ul li:hover a {color: #76471e;}

#header_new.header--funding .header__btm nav {margin-left: 155px;}

.header--funding .header__btn--funding {margin-top: 2px;margin-right: 30px;}
.header--funding .header__btn--funding > a {position: relative;width: 210px;height: 45px;padding-left: 25px;background-color: #f3791f;border-radius: 4px;font-size:1.143em;font-weight: 700;color: #fff;transition: 0.3s;}
.header--funding .header__btn--funding > a::before {content: '';position: absolute;top:50%;left:20px;transform: translateY(-50%);width: 20px;height: 20px;background: url(/images/img/funding/header__icon--heart.png) no-repeat center;}


/* FUNDING HEADER > fundingQuick */
.fundingQuick {display: none;position: fixed;bottom:8%;right: 8%;z-index: 99;width: 120px;height: 160px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.fundingQuick .btn--top {width: 100%;height: 39px;text-align: center;font-size: 1.143em;color: #fff;font-weight: 700;background-color: #f47920;cursor: pointer;}
.fundingQuick .btn--gfound {height: calc(100% - 39px);	background-color: #fff;text-align: center;}
.fundingQuick .btn--gfound a {display: block;width: 100%;height: 100%;padding-top: 20px;box-sizing: border-box;}
.fundingQuick .btn--gfound a p {margin-top: 15px;font-size: 1.071em;color: #333333;	line-height: 1.33;font-weight: 500;transition: 0.3s;}
.fundingQuick .btn--gfound a:hover p {color: #f47920;}


#funding-wrap figure {width: 100%;line-height: 1;}
#funding-wrap figure img {max-width: 100%;}

.fmn-section2 {padding: 70px 0;}
.fmn-section3 {padding: 80px 0 70px;background-color: #f2f2ee;}
.fmn-section4 {padding: 70px 0 90px;}
.fmn-section .inner {width: 1200px;margin:auto;}
.fmn-section h2 {margin-bottom: 40px;font-size: 2.143em;line-height: 1;font-weight: 700;color: #4c4c4c;text-align: center;}

.fmn-section .btn--moreSquare {width: 160px;height: 50px;margin: 30px auto 0;font-size: 1.143em;font-weight: 700;color: #f27822;transition: 0.3s;/* background-color: #fff; */border: 1px solid #f27822;border-radius: 4px;}	
.fmn-section .btn--moreSquare:hover {background-color: #f27822;color: #fff;}	


.fparticipation-list {flex-wrap: wrap;}
.fparticipation-list > li{position: relative;transition: 0.3s;}
.fparticipation-list > li figure img {max-width: 100%;}
.fmn-section2 .fparticipation-list > li{width: 22.5%;}
#mypage .fparticipation-list > li{width: 30.33%;margin-right: 4.49%;margin-bottom:50px;}
#mypage .fparticipation-list > li:nth-child(3n){margin-right:0;}
.fparticipation-list > li:hover {box-shadow: 10px 10px 20px rgba(0,0,0,0.1);}

.fparticipation-list li .fparticipation__cont {width: 100%;height: 210px;padding: 23px 24px;background-color: #fff;text-align: center;border: 1px solid #dddddd;}
.fparticipation-list li .fparticipation__cont .project {display: block;font-size: 1.071em;color: #999999;line-height: 1;}
.fparticipation-list li .fparticipation__cont .title {margin: 10px 0 12px;font-size: 1.286em;color: #333333;font-weight: 500;line-height: 1.3;}
.fparticipation-list li .fparticipation__cont .participant {font-size: 1.071em;color: #666666;line-height: 1;}
.fparticipation-list li .txt--result {position: absolute;top:0;left: 0;right: 0;height: 40px;background-color: rgba(52,40,30,0.7);text-align: center;font-size: 1em;color: #fff;font-weight: 500;}




.fmn-section3 ul li{width: 30.83%;border-radius: 0 0 15px 0;overflow: hidden;transition: 0.3s;}
.fmn-section3 ul li:hover {box-shadow: 10px 10px 20px rgba(0,0,0,0.1);}
.fmn-section3 ul li .fReview__cont {width: 100%;height: 130px;padding: 35px 0 0 35px;background-color: #fff;}
.fmn-section3 ul li .fReview__cont em {margin-bottom: 25px;font-size: 1.429em;line-height: 1;color: #333333;font-weight: 500;}
.fmn-section3 ul li .fReview__cont .btn--arrMore {position: relative;font-size: 1.071em;line-height: 1;color: #a2a1a0;font-weight: 500;}
.fmn-section3 ul li .fReview__cont .btn--arrMore::after {content: '';position: absolute;top:55%;right: -27px;transform:translateY(-50%);width: 10px;height: 10px;background:  url(/images/img/funding/fReview__arr.jpg) no-repeat center;transition: 0.3s;}
.fmn-section3 ul li .fReview__cont .btn--arrMore:hover::after{right: -35px;}

.makFunding-list {padding: 0 5px;}
.makFunding-list li {position: relative;width: 15.83%;height: 320px;transition: 0.3s;}
.makFunding-list li a {display: block;width: 100%;height: 100%;}
.makFunding-list li a .makFunding__cont {position: absolute;left: 0;right: 0;bottom:30px;color: #fff;text-align: center;}
.makFunding-list li a .makFunding__cont em {height: 50px;margin-bottom: 20px;font-size: 1.429em;line-height:  1.3;font-weight: 500;}
.makFunding-list li a .makFunding__cont .btn--select {width: 100px;height: 35px;margin:auto;font-size: 1em;font-weight: 500;color: #fff;background-color: #ed7d31;border-radius: 4px;transition: 0.3s;}
.makFunding-list li:hover a .makFunding__cont .btn--select {background-color: #968476;}


/* 함께펀딩 공통 progressbar (모금상황) */
.donationStatus {position: relative; margin: 47px 0 40px;}
.donationStatus .progressBar {position: relative;width: 100%;height: 5px;background-color: #c8c6c6;border-radius: 5px; overflow: hidden;}
.donationStatus .progressBar > .bar {position: absolute;top:0;left: 0;width: 60%;height: 5px;background-color: #f47920;}


.progressInfo li {position: absolute;}
.progressInfo li.percent {top:-30px;left: 0;font-size: 0.929em;color: #333333;}
.progressInfo li.period {top:-30px;right: 0;font-size: 0.929em;color: #333333;}
.progressInfo li.donation {bottom: -34px;left:0;font-size: 1.071em;color: #888888;font-weight: 500;}
.progressInfo li.goal {bottom: -34px;right:0;font-size: 1.143em;color: #4d4d4d;font-weight: 700;}

.color--f47920 {color: #f47920 !important;}



/* FUNDING SUB VISUAL */
.w980 {max-width: 980px;margin: auto;}	
.fsub-visual {	width: 100%;height: 300px;background:url(/images/img/funding/fsub-visual1.jpg) no-repeat center; background-size: cover;text-align: center;}
.fsub-visual h2 {margin-bottom: 28px;font-size: 2.5em;color: #4c4c4c;line-height: 1;font-weight: 700;}
.fsub-visual p {font-size: 1.429em;color: #666666;line-height: 1;}

/* .fsub__sec common */
.fsub__sec .inner {max-width: 1200px;margin: auto;position: relative;z-index: 1;}
.fsub__sec  .fsub__title  {margin-bottom: 33px;text-align: center;}
.fsub__sec  .fsub__title h3 {font-size: 2em;font-weight: 700;line-height: 1.4285;color: #4c4c4c;}
.fsub__sec  .fsub__title p {margin-top: 15px;font-size: 1.286em;line-height: 1.66;color: #666666;}

.fsub__sec .border-list > li {border: 1px solid #ddd;}

.fsub__sec .list--vertical > li {text-align: center;}
.fsub__sec .list--horizon > li {display: flex;align-items: center;}
/* .fsub__sec5 .list--horizon > li {display: flex;align-items: flex-start;}
.fsub__sec5 .list--horizon > li div {padding-top: 17px;} */

.fsub__sec .txt--star {margin-top: 5px;font-size: 1.143em;color: #666666;line-height: 1.5;}


.fsub__sec1 {padding: 75px 0 90px;}
.fsub__sec1 ul li {width: 23.33%;height: 280px;padding-top: 60px;text-align: center;}
.fsub__sec1 ul li em {display: block;margin: 24px auto 13px;font-size: 1.571em;color: #70625a;font-weight: 500;line-height: 1;}


.fsub__sec2 {position: relative;padding-bottom: 90px;background-color: #f2efe8;}
.fsub__sec2::after {content: '';width: 100%;height: 215px;position: absolute;top:0;left: 0;right: 0;background-color: #fff;}
.fsub__sec2 {position: relative;padding-bottom: 90px;}
.fsub__sec2 .fsub__youtube {position: relative;text-align: center;margin-bottom: 55px;}
.fsub__sec2 .fsub__youtube iframe{width: 800px;height: 450px;margin: auto;}

.fsub__sec2 ul {flex-wrap: wrap;} 
.fsub__sec2 ul li {width: 50%;padding-left: 65px;}
.fsub__sec2 ul li:nth-child(-n+2) {margin-bottom: 36px;}
.fsub__sec2 ul li:nth-child(even) {padding-left: 38px;}

.fsub__sec2 ul li img,
.fsub__sec5 .list--horizon > li img {margin-right: 27px;}
.fsub__sec2 ul li div em,
.fsub__sec5 .list--horizon > li div em {margin-bottom: 14px;font-size: 1.571em;color: #70625a;font-weight: 500;line-height: 1;}
.fsub__sec2 ul li div p,
.fsub__sec5 .list--horizon > li div ul li {font-size: 1.286em;color: #666666;line-height: 1;}


.fsub__sec5 {padding: 73px 0 95px;}
.fsub__sec5 .list--horizon > li {width: 49.166%;height: 180px;	padding-left: 40px;}
.fsub__sec5 .list--horizon > li div em {margin-bottom: 13px;color: #4c4c4c;}
.fsub__sec5 .list--horizon > li div ul li {position: relative;padding-left: 10px;line-height: 1.55;}
.fsub__sec5 .list--horizon > li div ul li::before {content: '';position: absolute;top:15px;left: 0;width: 5px;height: 1px;background-color: #666666;}


.fsub__sec3 {padding: 80px 0 80px;}
.fsub__sec3 ul li {width: 18.33%;height: 290px;padding-top: 50px;}
.fsub__sec3 ul li span {display: block;margin: 16px auto 12px;font-size: 1.143em;line-height: 1;color: #70625a;font-weight: 500;}
.fsub__sec3 ul li em {font-size: 1.429em;line-height: 1.4;color: #333333;}
.fsub__sec3 .btn--more {width: 260px;height: 50px;margin: 40px auto 0; border: 1px solid #f27822;font-size: 1.286em;font-weight: 500;color: #f27822;text-align: center;transition: 0.3s;}
.fsub__sec3 .btn--more:hover {color: #fff;background-color: #f27822;}

.fsub__sec4 {width: 100%;height: 290px;overflow: hidden;background-color: #4a4038;}
.fsub__sec4 .slide-wrap {}
.fsub__sec4 .slide-wrap .slick-arrow {position: absolute;top:50%;width: 30px;transform: translateY(-50%);height: 55px;font-size: 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: initial;}
.fsub__sec4 .slide-wrap .slick-prev {left: -30px;background-image:url(/images/img/funding/fsub1_sec4_prev.png);}
.fsub__sec4 .slide-wrap .slick-next {left: auto;right: -30px;background-image:url(/images/img/funding/fsub1_sec4_next.png);}



/* 펀딩 프로젝트 개설 STEP4 */
#wrap > .inner {max-width: 1200px;margin: auto;padding: 80px 0 100px;}


.fproject-wrap .fproject__step-title {margin-bottom: 60px;}
.fproject-wrap .fproject__step-title li {width: 32.5%;padding-bottom: 29px;font-size: 1.25em;font-weight: 700;color: #4c4c4c;text-align: center;border-bottom: 2px solid #d3d3d3;}
.fproject-wrap .fproject__step-title li span {display: block;margin-right: 13px;color: #a0a0a0;}
.fproject-wrap .fproject__step-title li.current {border-color: #f68240;}
.fproject-wrap .fproject__step-title li.current span {color: #f3791f;}
.fproject__step4 {padding: 60px 0 70px;border: 1px solid #ddd;text-align: center;}
.fproject__step4 img {margin-bottom: 38px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.fproject__step4 div em {margin-bottom: 20px;font-size: 1.75em;line-height: 1;color: #333333;font-weight: 700;}
.fproject__step4 div p {font-size: 1.125em;line-height: 1.66;color: #666666;}

.fproject__btns .btn {display: inline-block;min-width: 220px;padding: 0 14px;line-height: 60px;font-size: 1.125em;color: #fff;font-weight: 500;text-align: center;border-radius: 5px;}
.fproject__btns .btn1 {margin-right: 10px;background-color: #ad9a86;}
.fproject__btns .btn2 {background-color: #e88b4a;}

.fproject-wrap .fproject__btns {margin-top: 50px;}


/* STEP2:: 프로젝트 내용 */
.table-wrap {border-top: 2px solid #4c4c4c;}
.table-wrap table textarea {padding: 20px;border: 1px solid #ddd;border-radius: 5px;}
.table-wrap table {width: 100%;border:0;padding:0; border:0; border-spacing:0px; border-collapse:collapse;font-size: 18px;text-align: left;}
.table-wrap table tr {border-bottom: 1px solid #dddddd;} 
.table-wrap table tr {height: 80px;}
.table-wrap table th {padding: 15px 28px 14px;font-size: 18px;font-weight: 500;border: 0;}
.table-wrap table th {color: #4c4c4c;}
.table-wrap table td {color: #666666;}
.table-wrap table .col--th {width: 16.66%;max-width: 200px;background-color: #f9f9f9;}
.table-wrap table .col--td {width: 83.34%;max-width: 1000px;padding: 15px 29px;}
.table-wrap table tr.tr--textarea td textarea {vertical-align: top;padding-top: 30px;width: 100%;max-height: 220px;outline:none;}

.table-wrap .radio-list li {width: 32%;max-width: 100px;}
.table-wrap .radio-list li:last-child {margin-right: 0;}
.table-wrap .radio-list li .input--radio {display: block;width: 100%;height: 50px;position: relative;cursor: pointer;font-size: 16px;	font-weight: 500; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.table-wrap .radio-list li .input--radio input {position: absolute;z-index: 9;opacity: 0;width: 100%;height: 100%;cursor: pointer;}
.table-wrap .radio-list li .checkmark {position: absolute;	top: 0;	left: 0; width: 100%;height: 50px;border: 1px solid #f47920;color: #f47920;border-radius: 4px;}
.table-wrap .radio-list li .input--radio:hover input ~ .checkmark {  width: 100%;height: 50px;background-color: #f47920;font-size: 16px;color: #fff;	font-weight: 500;border-radius: 4px;}
.table-wrap .radio-list li .input--radio input:checked ~ .checkmark {  width: 100%;height: 50px;	background-color: #f47920;color: #fff;border-radius: 4px;}


.input--radio2 {display: block;position: relative; padding-left: 23px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.input--radio2 input { position: absolute; left: 0;z-index: 9; width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.input--radio2 .checkmark {position: absolute;top: 50%;left: 0;transform: translateY(-50%); height: 15px; width: 15px; background: url(/images/img/sub/radio1-bg.jpg) no-repeat left center; border-radius: 50%;}
.input--radio2 input:checked ~ .checkmark { background: url(/images/img/sub/radio1-bg--check.jpg) no-repeat left center;}


/* .checkbox-wrap {margin-top: 15px;} */
ul.checkbox-wrap li {margin-right: 10%;}
ul.checkbox-wrap li:last-child {margin-right: 0;}
.input--check {display: block;position: relative; padding-left: 23px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.input--check input { position: absolute; left: 0;z-index: 9; width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.input--check .checkmark {position: absolute;top: 50%;left: 0;transform: translateY(-50%); height: 15px; width: 15px; background: url(/images/img/sub/bg--check.jpg) no-repeat left center; border-radius: 2px;overflow: hidden;}
.input--check input:checked ~ .checkmark { background: url(/images/img/sub/bg--check-h.jpg) no-repeat left center;}

.table__textarea {border:1px solid #ddd !important;border-radius: 4px;overflow: hidden;width: 100%;}


/* 02. 프로젝트 내용 > 프로젝트 기간 */
#wrap .input--text {max-width: 620px;}
#wrap .input--text input[type="text"], 
#wrap .input--text input[type="number"], 
#wrap .input--text input[type="password"],
#wrap .input--text input[type="email"] { width: 100%;padding: 0 19px;box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; height: 50px; font-size: 18px; color: #666666;outline: none;}
#wrap .tr--project-period .radio-list {width: 43%;margin-right: 10px;}
#wrap .tr--project-period .input--text {max-width: 300px;}
#wrap .input--text input::placeholder { color:#a1a1a1; }

.fproject-wrap .input--text input + span {display: inline-block;margin-left: 10px;font-size: 1em;font-weight: 500;}


/* 이미지 파일업로드 */
.tr--img-upload .img-upload__file {width: 190px;height: 190px;border-radius: 5px;border: 1px solid #ddd;}
.tr--img-upload td {flex-wrap: wrap; align-items: flex-end;}
.tr--img-upload .text-info {margin-left: 23px;}


/* table 정보텍스트 */
.text-info p {position: relative;padding-left: 10px;font-size: 15px; line-height: 1.4;/* line-height: 1.733; */color: #666666;}
.text-info2 p {font-size: 13px;}
.text-info p::before {content: '*';position: absolute;top:2px;left: 0;font-size: inherit;color: #f47920;}



.table-wrap select {padding: 0 19px;box-sizing:border-box;min-width: 120px;border: 1px solid #ddd;border-radius: 4px;height: 50px;font-size: 18px;color: #666666}

.table-wrap .input--text--100 {width: 100px !important;}
.table-wrap .input--text--150 {width: 150px !important;}
.table-wrap .input--text--250 {width: 250px !important;}
.table-wrap .input--text--300 {width: 300px !important;}
.table-wrap .input--text--350 {width: 350px !important;}
.table-wrap .input--text--370 {width: 370px !important;}
.input--text--620 {width: 620px !important;}

.padding--5 {padding: 0 5px;}

.margin-tp--20 {margin-top: 20px;}
.margin-bt--10 {margin-bottom: 10px;}
.margin-bt--15 {margin-bottom: 15px;}

.margin-lt--5 {margin-left: 5px;}
.margin-lt--10 {margin-left: 10px;}
.margin-lt--20 {margin-left: 20px;}

.table-wrap .btn--address,
.table-wrap .btn-account {width: 140px;height: 50px;background-color: #f27a24;border-radius: 4px;color: #fff;}
.table-wrap .btn--terms {width: 90px;height: 30px;padding: 5px 10px;background-color: #f27a24;border-radius: 4px;font-size: 15px;color: #fff;text-align: center;}
.table-wrap .input--text.add02 {position: relative;}
.table-wrap .input--text #daum_juso_pagezip {position: absolute !important;z-index: 99;min-width: 470px;}



/* 테이블 하단 버튼 영역 */
.bottom-btns {margin-top: 50px;text-align: center;display: flex;align-items: center;justify-content: center}
.bottom-btns .btn {display: flex;align-items: center; justify-content: center;width: 220px;height: 60px;font-size: 20px;color: #fff;font-weight: 500;text-align: center;border-radius: 4px;text-decoration: none;transition: 0.3s;}
.bottom-btns .btn1 {background-color: #ad9a86;margin-right: 10px;}
.bottom-btns .btn2 {background-color: #e88b4a;}
.bottom-btns input[type="submit"] {border:none;outline: none;}




/* 입력내용 미리보기 팝업 */
.pop-wrap {display: none;position: fixed;top: 0;left: 0;right:0;bottom:0;z-index: 9999;}
.pop-wrap .pop {position: absolute;z-index: 10000;top:50%;left:50%;transform: translate(-50%,-50%);width: 1090px;/* height: 1030px; */border-radius: 20px;overflow: hidden;}
.pop-wrap .pop  .pop__head {width: 100%;height: 60px;padding: 0 45px;background-color: #f47920; display: flex;align-items: center;justify-content: flex-end; }
.pop-wrap .pop  .pop__head .pop__btn-close {cursor: pointer;}
.pop-wrap .pop  .pop__contents {width: 100%;height: calc(90vh - 60px);overflow-y: auto;background-color: #fff;padding: 70px 65px;}
.pop-wrap .pop  .pop__contents .top {text-align: center;}
.pop-wrap .pop  .pop__contents .top .field {font-size: 1.25em;color: #999;}	
.pop-wrap .pop  .pop__contents .top .title {margin: 20px auto 20px;font-size: 1.875em;line-height: 1.3;font-weight: 700;color: #333;}	
.pop-wrap .pop  .pop__contents .top .name {font-size: 1.25em;color: #666;}	
.pop-wrap .pop  .pop__contents .top .period {margin-top: 25px;font-size: 1.125em;line-height: 1;font-weight: 500;color: #666;}	

.pop-wrap .pop  .pop__contents .middle{width: 100%;height: 340px;margin: 48px 0 40px;border: 1px solid #ddd;}
.pop-wrap .pop  .pop__contents .middle .img {display: flex;align-items: center;justify-content: center;width: 50%;height: 100%;background-color: #fff;overflow: hidden;} 
.pop-wrap .pop  .pop__contents .middle  img {max-width: 100%;}
.pop-wrap .pop  .pop__contents .middle .text {width: 50%;height: 100%;padding: 0 45px;border-left: 1px solid #ddd;} 

.pop-wrap .pop  .pop__contents .bottom {width: 100%;height: 390px;overflow-y: auto;padding: 40px;border:1px solid #ddd;font-size: 1em; color: #666;line-height: 1.66;} 



/* datepicker */
.datepicker-wrap {margin-left: 10px;}
.datepicker-wrap ul li{width: 150px;height: 50px;border:1px solid #dcdbdb;border-radius: 4px;cursor: pointer;}
.datepicker-wrap ul li:first-child{position: relative;margin-right: 20px;}
.datepicker-wrap ul li:first-child:after{content: '~';position: absolute;top:50%;right:-15px;transform:translateY(-50%);color: #999;}

.datepicker-wrap ul li input[type="text"]{width: 100%;height: 100%;padding: 0 32px 0 15px;box-sizing:border-box;font-size:1em;line-height: 48px;color: #666;background: url(/images/img/funding/icon--calendar.png) no-repeat 92% 50%; border: none;}
.datepicker-wrap ul li input[type="text"]::placeholder{color: #999;font-size: 0.875em;}

/* datepicker reset */
.ui-widget-header{border:0 !important;border-bottom:1px solid #ddd!important;background: none!important;	}
.ui-widget-header .ui-icon{display: none !important;}
.ui-datepicker .ui-datepicker-prev {background: url(../images/sub/date__prev.png) no-repeat center !important;}
.ui-datepicker .ui-datepicker-next {background: url(../images/sub/date__next.png) no-repeat center !important;}



/* STEP 03:: 개인정보입력 */




/* 나눔활동가 로그인 */
#login {max-width: 1200px;height: 540px;margin: 90px auto 100px;padding-top: 75px;border:1px solid #ddd;}
#login h2 {margin-bottom: 38px;font-size: 28px;font-weight: 700;line-height: 1;color: #333;text-align: center;}
#login .inner {width: 560px;margin: auto;} 
#login .table-wrap2 tr th {width: 120px;text-align:left;padding-left: 12px;}
#login .login__info {margin-top: 26px;font-size: 16px;color: #666666;text-align: center;}
#login .login__info strong {font-weight: 700;color: #333333;}
#login .bottom-btns {margin-top: 36px;}



/* 회원가입 */
.sub-title {position: relative;margin-bottom: 28px;}
.sub-title em {position: relative;padding-left: 19px;font-size: 25px;font-weight: 700;color: #333333;}
.sub-title em::before {content: '';position: absolute;top:50%;left:0;transform:translateY(-50%);width: 4px;height: 20px;background-color: #f3791f;}



/* 펀딩 > 마이페이지 */
.clearfix::after{content: '';display: block;clear:both;} 

#mypage .mypage__left-layout {float: left;width: 250px;min-height: 510px;padding: 27px 22px;border:1px solid #dddddd;border-radius: 4px;box-sizing:border-box;}
#mypage .mypage__left-layout .mypage__profile {margin-bottom: 25px;text-align: center;}
#mypage .mypage__left-layout .mypage__profile .profile__img {width: 100px;height: 100px;margin: auto;border-radius: 50%;overflow: hidden;background: #ddd url(/images/img/funding/mypage_profile--empty.jpg) no-repeat center}
#mypage .mypage__left-layout .mypage__profile .profile__name {margin: 18px;font-size: 1.429em;color: #4c4c4c;font-weight: 500;}
#mypage .mypage__left-layout .mypage__profile .btn--modify {display: block;width: 65px;line-height: 30px;margin: auto; border-radius: 4px;font-size: 1em;color: #fff;font-weight: 500;background-color: #b5b3b3;transition: 0.3s;}
#mypage .mypage__left-layout .mypage__profile .btn--modify:hover {background-color: #f3791f;}

#mypage .mypage__left-layout .mypage__project-info dl {padding: 21px 15px 20px 10px;border-bottom: 1px solid #ddd;}
#mypage .mypage__left-layout .mypage__project-info dl:first-child {border-top: 1px solid #ddd;}
#mypage .mypage__left-layout .mypage__project-info dl dt {font-size: 1.071em;font-weight: 500;color: #4c4c4c;}
#mypage .mypage__left-layout .mypage__project-info dl dd {font-size: 1.286em;font-weight: 500;color: #f3791f;}

#mypage .mypage__right-layout {float: left;width: calc(100% - 250px);padding-left: 60px;}
#mypage .mypage__right-layout .mypage-tab {position: relative;width: 100%;height: auto;}
#mypage .mypage__right-layout .mypage-tab .tab__title li {position: relative;width: 48.31%;padding-bottom: 26px;text-align: center;font-size: 1.429em;font-weight: 500;color: #a0a0a0;border-bottom: 2px solid #d3d3d3; transition: 0.3s;cursor: pointer;}
#mypage .mypage__right-layout .mypage-tab .tab__title li:hover,
#mypage .mypage__right-layout .mypage-tab .tab__title li.on {color: #f3791f;border-color: #f68240;}
#mypage .mypage__right-layout .mypage-tab .tab__title li::after {content: '';position: absolute;bottom:-2px;left:50%;width: 0;height: 2px;background-color: #f68240;transition: 0.3s;}
#mypage .mypage__right-layout .mypage-tab .tab__title li:hover::after {left: 0;width: 100%;}
#mypage .mypage__right-layout .mypage-tab .tab__content {}
#mypage .mypage__right-layout .mypage-tab .tab__content .cont {display: none;padding-top: 50px;}
#mypage .mypage__right-layout .mypage-tab .tab__content .cont1 {display: block;}
       


#pop_account { display:none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4)}
#pop_account .popAccount {position:relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
#pop_account .popAccount .popCon { width:420px; padding-bottom:20px; background: #fff; border: none;}
#pop_account .popAccount .popCon .account_tit { max-width:420px;  height:px; background-color:#f3791f; text-align:center; display: flex; align-item: center; justify-content: space-between;}
#pop_account .popAccount .popCon .account_tit h2 {max-width:420px; margin:0 auto;  padding:26px 0 24px; color:#fff; font-size:22px; font-weight:bold; text-align:center; }
#pop_account .popAccount .popCon .account_tit .btn_colse { position:relative; top:23px; right:26px;}
#pop_account .popAccount .popCon .con_box { padding: ; text-align:center; }
#pop_account .popAccount .popCon .con_box h3 { padding:25px 0 0 0; color:#333; font-size:18px; font-weight:normal; }
#pop_account .popAccount .popCon .con_box p.woori_bold { padding:24px 0 0 0; color:#222; font-size:18px; font-weight:bold; }
#pop_account .popAccount .popCon .con_box p.woori_bold .bColor { padding:8px 00 0; color:#f3791f; font-size:18px; font-weight:bold; }
#pop_account .popAccount .popCon .con_box span.cNum { padding:8px 0 0 0; color:#222; font-size:18px; font-weight:bold; }
#pop_account .popAccount .popCon .con_box p.addTxt { padding:5px 0; color:#555; font-size:14px; font-weight:normal; }
#pop_account .popAccount .popCon .con_box p.addWrn { padding:5px 0 0 0; color:#555; font-size:14px; font-weight:normal; margin:10px 0 0 0;}
#pop_account .popAccount .popCon .con_box p.frn_bold { padding:15px 0 5px 0; color:#222; font-size:18px; font-weight:bold; }
#pop_account .popAccount .popCon .con_box p.addTxtFrn { padding:2px 0; color:#555; font-size:14px; font-weight:normal; letter-spacing:0;}
button.account_btn { background:#fff!important; }
button.account_btn:hover { background:#f3791f!important; color:#fff; }