@charset "UTF-8";

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src:	url("../font/NotoSansKR-Thin.woff") 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.woff") 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.woff") 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.woff") 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.woff") 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.woff") format("woff2"), /* Modern Browsers */
		url("../font/NotoSansKR-Black.woff") format("woff"), /* Modern Browsers */
		url("../font/NotoSansKR-Black.otf") format("opentype"); /* Safari, Android, iOS */
}


/* 상단 */
.Gn {width:100%;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
.Gn .GnW {width:1080px; margin: auto; position: relative;}
#header {position:relative; z-index: 999; width: 100%;}
#bo_vc {display:none;}
input,textarea:focus {outline: none;}
button:focus {outline: none;}

.Gn .GniTop {width:100%; height: 50px; overflow: hidden;}
.Gn .GniTop .GniTopW {width:1080px; margin: auto; position: relative;}
.Gn .GniTop .GniTopW .TopMenu {position: absolute; right: -6px; top:0px; overflow: hidden;}
.Gn .GniTop .GniTopW .TopMenu a { display: inline-block; padding:0px 1px; color:#888888; line-height: 50px; font-size:13px; font-weight: 300;}
.Gn .GniTop .GniTopW .TopMenu span {display: inline-block; font-size: 14px; font-weight: 300; color:#000000;}

#gnb > ul{
    position: relative;
}

#gnb .bar{
    position: absolute;
    top: 95%;
    left: 0;
    height: 3px;
    width: 100px;
    background: #ff7f21;
    opacity: 0;
}

#gnb ul .GnLogo {float:left;margin-top:5px;margin-right:150px; display: block !important;}
#gnb ul .GnLogo span {display: block; width:161px; height: 82px; background:url(https://gfound.org/images/main/180621/icon.png) -339px -193px no-repeat; font-size:0px; text-decoration: none;}
#gnb {width:100%; height: auto; position: relative; z-index: 10; border-bottom: 3px solid #ff7f21;background:none;border-top:0;}
#gnb .line {height:0px; overflow:hidden; position:absolute; width:100%; top:71px;left:0;z-index:10}
#gnb .line span {border:none;z-index:8;display:block;height:100%;margin-top:-1px;background:#fff}
#gnb > ul {width:1080px; margin:0 auto; position:relative; *zoom:1; z-index:11;}
#gnb ul:after {content:" ";display:block;clear:both}
#gnb > ul > li {float:right; width:auto;margin-left:0;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}


#gnb ul li a {color:#3d3b3a;font-size:20px; display:block; text-align:center; padding:7px 0;letter-spacing:-0.8px;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
#gnb > ul > li > a{
    padding: 7px 25px 35px;
    margin: 0;
}
#gnb ul li a:hover, #gnb ul li a.ove {text-decoration:none;}
#gnb ul li a.on {text-decoration:none;}
#gnb ul li .one { font-size:20px; font-weight: bold; display: inline-block;line-height:22px;
vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px transparent;  position: relative;  overflow: hidden; margin: 2px 0px;}

#gnb ul .ham_btn {float:right;margin-top:12px;padding-left:40px;border-left:1px solid #e1dddd;margin-left:40px; display: block !important;cursor:pointer;}

#gnb .dep_1 {margin-left:0;float:left;width:270px;padding-top:20px;}
#gnb .dep_1_1 {float:left;width:239px;height:250px;border:none; background:none;box-sizing:border-box;padding:20px 0 0 22px;}
#gnb .dep_1_1 li {clear:both;float:none;width:auto;padding:0px;line-height:normal;height: auto;}
#gnb .dep_1_1 li a {color:#767676; font-size:16px; display:block; padding:7px 0; height:auto; text-align:left; font-weight:400; font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
#gnb .dep_1_1 li a:hover {color:#ff7f21;font-weight:500;}


#gnb ul li .box .point_one {display:block;width:6px;height:6px;border-radius:50px;background:#ff7f21;margin-top:10px;margin-left:10px;margin-bottom:20px;opacity:0;}
#gnb ul li .box .sub_tit1 {font-size:30px;color:#3d3b3a;font-weight:600;margin-bottom:25px;display:block;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;text-align:left;}
#gnb ul li .box .sub_tit2 {width:auto;font-size:16px;color:#888;font-weight:300;line-height:22px;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;letter-spacing:-0.8px;}

#gnb ul li .box {width:1190px; position:absolute; top:71px; left:0; height:0px; z-index:20; overflow:hidden; *zoom:1;}
#gnb ul li .box:first-child {height:250px}
#gnb ul li .box:after {content:" ";display:block;clear:both}
/*
#gnb ul li .box ul {float:left;width:509px;height:230px;padding-top:20px;box-sizing:border-box;}
#gnb ul li .box ul li {clear:both;float:none;width:auto;padding:4px 0px;}
#gnb ul li .box ul li a {color:#767676; font-size:14px; display:inline; padding:0; height:auto; text-align:left; font-weight:500; font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
*/
#gnb ul li .box ul li span {position:absolute;top:11px;left:195px; width:15px; height:33px; display:block; z-index:12; }
#gnb ul li .box ul li ul {display:none;clear:both;position:absolute;top:0px;left:270px;height:250px;z-index:11;background:#fafafa;border-left:1px solid #dddddd;width:239px;box-sizing:border-box;}
#gnb ul li .box ul li ul.on {clear:both;position:absolute;top:0px;left:195px;height:220px;z-index:11;background:#f1f5ed;border-right:1px solid #d8d8d8;display:block;width:195px}
#gnb ul li .box ul li ul li {}
#gnb ul li .box ul li ul li a {color:#5e5e5e;font-weight:normal;background:none;padding:0 0 0 22px;letter-spacing:-1px}
#gnb ul li .box ul li ul li a:hover, #gnb ul li .box ul li ul li a.on, #gnb ul li .box ul li ul li a.ove {background:none;color:#ff7f21;}
#gnb ul li .box .gnb_bun {width:190px;padding-top:46px;height:250px;float:left;box-sizing:border-box;border-left:none;position:relative;}
#gnb ul li .box .gnb_bun::before{
    content:'';
    width: 1px;
    height: 240px;
    position: absolute;
    background : #ddd;
    left: 0;
    top: 35px;
}
#gnb ul li .box > div:nth-child(2)::before{
    display: none;
}
#gnb ul li .box .gnb_bun a {cursor:pointer;padding:0 11px 0 15px;height:180px;display:block;text-align:left;position:relative;}
#gnb ul li .box .gnb_bun a strong {display:block;font-weight:500;color:#3d3b3a;font-size:16px;margin-bottom:8px;text-align:center;}
#gnb ul li .box .gnb_bun a p {display:block;text-align:center;color:#949494;font-size:12px;font-weight:normal;letter-spacing:-1px;line-height:18px;margin-bottom:15px}
#gnb ul li .box .gnb_bun a span {display:inline-block;color:#949494;font-size:12px; font-weight:normal; padding:0 15px 0 0; height:auto;position:absolute;left:20%;bottom:-36px;background:url(../img/main/btn_more_01.png) no-repeat 100% 45%; background-image: none;transform: translateX(-50%);}
#gnb ul li .box .gnb_bun a .Class1 {}
#gnb ul li .box .gnb_bun a .Class2 {}
#gnb ul li .box .gnb_bun a em {color:#829c2c}
#gnb ul li .box .type1_1 {background:url(../img/main/nav_icon10.png) no-repeat 20px 110%;}
#gnb ul li .box .type1_2 {background:url(../img/main/nav_icon09.png) no-repeat 20px 100%;}
#gnb ul li .box .type1_3 {background:url(../img/main/nav_icon11.png) no-repeat 20px 110%;}
#gnb ul li .box .gnb_bun2 a p {margin:100px 0 0}
#gnb ul li .box .type2_1 {width:auto;background:url(../img/main/menu_004.png) no-repeat 60% 170%;padding: 46px 30px 0;}
#gnb ul li .box .type2_2 {background:url(../img/main/menu_005.png) no-repeat 50% 118%; width: auto; padding: 46px 30px 0;}
#gnb ul li .box  gnb_bun.type3_1{background:none;}
#gnb ul li .box .type3_1 {background:url(../img/main/nav_icon13.png) no-repeat 50px 110%; width: auto; padding: 46px 30px 0;}
#gnb ul li .box .type3_2 {width:auto;padding:46px 30px 0;height:250px;float:left;background:url(../img/main/nav_icon19.png) no-repeat 70% 100%; background-size: 155px;}
#gnb ul li .box .type3_2 a {border-right:none}
#gnb ul li .box .type3_2 a:hover {background:none}
#gnb ul li .box .type3_2 span {float:right}
#gnb ul li .box .type3_2 .imgBox {overflow:hidden;padding:15px 0 0 11px;height:114px}
#gnb ul li .box .type3_2 .imgBox a {display:inline-block;float:left;margin:0 6px;padding:0;width:113px;height:114px;text-indent:-9999px;}
#gnb ul li .box .type3_2 .imgBox a.Type3Step1{}
#gnb ul li .box .type3_2 .imgBox a.Type3Step2{}
#gnb ul li .box .type3_2 .imgBox a.Type3Step3{}
#gnb ul li .box .type3_3{
    background: url(../img/main/nav_icon18.png) 20px 100% no-repeat;
}
#gnb ul li .box .gnb_bun4 span {float:right;margin-top:87px}
#gnb ul li .box .type4_1 {background:url(../img/main/nav_icon14.png) no-repeat 20px 100%;}
#gnb ul li .box .type4_2 {background:url(../img/main/nav_icon15.png) no-repeat 20px 100%;}
#gnb ul li .box .type4_3 a { border-right:none}
#gnb ul li .box .type4_3 {background:url(../img/main/nav_icon16.png) no-repeat 20px 100%;}
#gnb ul li .box  gnb_bun.type5_1{background:none;}
#gnb ul li .box .type5_1 {background:url(../img/main/menu_011.png) no-repeat 45px 118%;}
#gnb ul li .box .type5_1 a{
    padding: 0;
}
#gnb ul li .box .type5_2 {width:auto;padding:46px 30px 0;height:250px;float:left;background: url(../img/main/nav_icon17.png) 80px 100% no-repeat;}
#gnb ul li .box .type5_2 a {border-right:none}
#gnb ul li .box .type5_2 a:hover {background:none}
#gnb ul li .box .type5_2 span {float:right}


/* 메뉴 전체보기 */
.navi_fix {position:absolute;top:0;width:100%; height:770px;z-index:9999;background-color:#fff;border-bottom:2px solid #ff7f21;color:#3d3b3a;}
.navi_fix .navi_box {width:1080px; height:auto; margin:0 auto;box-sizing:border-box;padding-top:30px}
.navi_fix .navi_box .navi_sub {float:left;width:180px;}

.navi_fix .navi_box .navi_sub li .ssub_tt {font-size:17px;line-height:45px; font-weight:400;text-align:left;display:block;color:#3d3b3a;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
.navi_fix .navi_box .navi_sub li .ssub_m {font-size:15px;line-height:24px; font-weight:300;text-align:left;display:block;color:#888;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
.navi_fix .navi_box .navi_sub li .ssub_tt:hover, .navi_fix .navi_box .navi_sub li .ssub_m:hover {color:#ff7f21;}
 
.navi_sub ul li a:hover {color:#e63b25;}
.fix_box {width:1080px;margin:0 auto;padding:55px 0 0;height:114px;border-bottom:2px solid #dcdcdc;box-sizing:border-box;}
.fix_box .logo {display:inline-block;float:left;}
.fix_box .btn_ham {display:inline-block;}
.navi_box .navi_sub h3 {font-size:21px;font-weight:600;line-height:20px;margin-bottom:10px;}


.navi_fix .btn_ham {position:relative;float:left;width:45px;height:20px;margin:10px 0;padding-left:20px;border-left:1px solid #dddddd;margin-left:20px;cursor:pointer;background:url('https://gfound.org/img/btn_ham.png') no-repeat 100% 100%;}
.navi_fix .btn_ham_off {position:relative;float:right;width:45px;height:20px;margin:10px 0;padding-left:20px;border-left:1px solid #dddddd;margin-left:20px;cursor:pointer;background:url('https://gfound.org/img/btn_ham_off.png') no-repeat 100% 100%;box-sizing: border-box;}
.navi_fix .point_one {display:block;width:5px;height:5px;border-radius:50px;background:#ff7f21;margin-left:6px;margin-bottom:13px;}


/* 퀵 메뉴 */
.quick {position:fixed;top:160px;text-align:center;z-index:998; left:50%; margin-left: 560px;}
.quick ul{overflow:hidden;}
.quick ul li{ margin-bottom:12px; position: relative; }
.quick ul li a{width:80px; height:80px; display:block; background:#fff6dc; border-radius:5px; font-size:11px; line-height:122px;color:#3d3b3a;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important; }
.quick ul li a:hover { background:#ec5b00; color:#fff; }

.quick ul li.newquick_1 a { background:url('../img/main/q_img1.png') no-repeat -5px 12px #fff; overflow:hidden; width:80px; border:1px solid #bbb; }
.quick ul li.newquick_1 a:hover { background:url('../img/main/q_img1.png') no-repeat -93px 12px #ec5b00; overflow:hidden; width:80px; }

.quick ul li.newquick_2 a { background:url('../img/main/q_img2.png') no-repeat -5px 12px #fff; overflow:hidden; width:80px; border:1px solid #bbb; }
.quick ul li.newquick_2 a:hover { background:url('../img/main/q_img2.png') no-repeat -93px 12px #ec5b00; overflow:hidden; width:80px; }

.quick ul li.newquick_3 a { background:url('../img/main/q_img3.png') no-repeat -5px 12px #fff; overflow:hidden; width:80px; border:1px solid #bbb; }
.quick ul li.newquick_3 a:hover { background:url('../img/main/q_img3.png') no-repeat -93px 12px #ec5b00; overflow:hidden; width:80px; }




/* 푸터 */
#footer { width:100%; padding:20px 0; background:#f3f3f3; display:inline-block; border-top:0; border-bottom:1px solid #ccc;border-top:1px solid #ccc; font-size:14px; font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;}
#footer .f_info {position:relative; width:1080px; margin:0 auto; }
#footer .f_info p {font-weight:100;color:#d8d8d8;}
#footer .f_info p a { padding:0 5px; font-weight:300;color:#888; }

#footer .f_info ul { width:1080px; margin:0 auto; padding:20px 0 0 0; }
#footer .f_info ul li { float:left; width:58%; line-height:24px;font-size:14px;color:#888;font-weight:300;font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important; }
#footer .f_info ul li:last-child {width:42%;}
#footer .f_info ul li p { font-weight:500; color:#444444; font-size:20px; padding:0 0 10px 0; }
#footer .f_info ul li p.copyright{
    margin-top: 10px;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    color: #70625a;
}
#footer .f_info ul li b { color:#ec5b00; font-weight:500; }
#footer .f_info ul li span { font-weight:300;font-size:15px;color:#555; }

#f_logo { width:100%; padding:20px 0; display:inline-block;background:#ececec; }
#f_logo ul { width:1080px; margin:0 auto; }
#f_logo ul li { float:left; padding-right:15px; }

#footer .f_info ul li .foot_bar {font-weight:100;color:#d8d8d8;}
#footer .f_info ul li .copy_f {font-size:14px;font-weight:300;color:#888;letter-spacing:-0.2px;text-transform: uppercase;}
#footer .f_info ul li .c_o {font-size:18px;font-weight:500;color:#444 !important;}
#footer .f_info ul li .c_o1 {font-size:14px;font-weight:300;color:#888;line-height:22px;}

#top_btn {
	position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    color: #333;
    text-align: center;
    font-size: 15px;
    z-index: 90;
	background:url(../img/main/up_btn.png) no-repeat 50% 50%;
    background-color: rgba(255,255,255,0.5);
	border:2px solid #424242;
	border-radius:50px;
	transition:0.1s;
}
#top_btn:hover {
	position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    color: #333;
    text-align: center;
    font-size: 15px;
    z-index: 90;
	background:url(../img/main/up_btn_on.png) no-repeat 50% 50%;
    background-color: rgba(239,117,27,1);
	border:2px solid #ef751b;
	border-radius:50px;
}



/* sns icon */
.sns_icon {position:absolute;right:0;top:-5px;}
.sns_icon > a {margin-left:5px;display:inline-block;}




.gfnl-form {}

.gfnl-form h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -1.3px;
    color: #555;
	font-family:'Noto Sans KR', 'Noto Sans KR', "NanumGothic", 'Malgun Gothic', dotum, sans-serif !important;
}

.gfnl-form fieldset input[type=text] { 
    height: 34px;
    padding: 2px 9px 3px;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #555555;
    background-color: #fff;
    border:1px solid #ccc;
	border-radius:50px;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.gfnl-form fieldset input[type=email] { 
    height: 34px;
    padding: 2px 9px 3px;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #555555;
    background-color: #fff;
    border:1px solid #ccc;
	border-radius:50px;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.gfnl-form .gfnl-name {
    width: 110px;
}

.gfnl-form .gfnl-email {
	margin-right:7px;
    width: 230px;
    margin-left: 7px;
}

.gfnl-form fieldset {
    float: left;
}
#footer .f_info ul li .text_agree{
	margin-top:5px;
    font-size:13px !important;
    font-weight:normal !important;
	color:#888;
}

.gfnl-form fieldset .text_agree > span {
	font-weight:normal !important;
	text-decoration:underline;
	font-size:13px !important;
}

.gfnl-form .submit-line {
    float: right;
}
.gfnl-form .handIcon {cursor:pointer;}

.gfnl-form input[type=submit] {
    width: 96px;
    height: 34px;
    padding: 2px 5px 3px;
    font-size: 15px;
    letter-spacing: -0.6px;
    color: #fff;
    background-color: #f88b00;
    border: 0;
	border-radius:50px;
    box-shadow: none;
    -webkit-appearance: none;
}

.pop_cont > p {    
	max-height: 300px;
    overflow: auto;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 300;
    width: auto;
    padding-right: 15px;
}


.agree_popup {display:none;position:fixed;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:999;}
.popup_win {position:relative;width:820px;height:400px;background:#fff;box-sizing:border-box;}
.pop_h {position:relative;width:820px;height:70px;background:#70625a;box-sizing:border-box;text-align:center;padding:19px 20px;}
.pop_h > p {color:#fff;font-size:24px;line-height:32px;font-weight:bold;}
.pop_h > div {position:absolute;width:24px;height:24px;background:url('../img/main/sp_common.png') no-repeat;top:24px;right:20px;cursor:pointer;}
.pop_cont {position:relative;width:820px;height:333px;background:#fff;box-sizing:border-box;text-align:left;padding:40px;}
.pop_cont > p {    
	max-height: 300px;
    overflow: auto;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 100;
    width: auto;
    padding-right: 15px;
}
.pop_f {margin-top: 40px;border-top: 1px solid #dddddd;padding-top: 20px;height:48px;text-align:center;}
.pop_f .closeBtn {
	background-color: #999999;
    color: #fff;
	display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    border-radius: 48px;
    width: 180px;
	height:48px;
    box-sizing: border-box;
	line-height:46px;
	cursor:pointer;
}
.pop_f .closeBtn:hover {
	background-color: #f47822;
}