/* 상단 레이아웃 */
#hd {background:#fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 로고 보건복지부지정 마크 유틸메뉴 */
#hd_wrapper {position:relative;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_bg {background:rgba(0,0,0,0.6);}/* 롤오버시 노출배경 */

#logo {float:left;}

#util {float:right;overflow:hidden;}
#util a {display:inline-block;}
.mark {float:left;display:block;}
.mark img {margin-right:20px;}
.mark_m {float:left;display:none}
.mark_m img {margin-right:20px;}

#tnb {float:left;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {position:relative;float:left;}
#tnb li a {font-size:.8em;color:#151515;line-height:23px;letter-spacing:-0.05em;padding:0 10px;margin-left:10px;border:1px solid #ccc;}
#tnb li a:focus, #tnb li a:hover {color:#008a08;background:#eee}
#tnb li a.tnb_box {color:#008a08;border:1px solid #008a08}
#tnb li a.tnb_box:hover {color:#fff;background:#008a08;} 

#util .text_size {float:left;}
#util .text_size a {line-height:20px;border:1px solid #ccc;}
#util .text_size a:last-child {border-left:0;}
#util .hd_print {float:left;}
#util .hd_print a {font-size:.8em;color:#151515;line-height:23px;padding:0 10px;border:1px solid #ccc;}
#util .hd_print a:focus, #util .hd_print a:hover {color:#008a08;background:#eee;}

/* 메인메뉴 */
#gnb {position:relative;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {position:relative;margin:0 7%;}
#gnb #gnb_1dul {width:100%;padding:0;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {position:relative;float:left;margin:0;}
#gnb .gnb_1dli:hover{}

.gnb_1dli .bg {display:inline-block;width:0px;height:0px;overflow:hidden;background:url('') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;clear:both;font-size:1.2em;color:#000;line-height:50px;font-weight:500;letter-spacing:-0.05em;margin:0;}
.gnb_1da:hover, .gnb_1da:focus, .gnb_1da:active {color:#1e9d28;}

.gnb_2dul {display:none;position:absolute;top:50px;width:100%;min-height:380px;padding:10px 0 1rem;margin:0;background:#fff;border-top:2px solid #1e9d28;border-bottom:2px solid #1e9d28}
.gnb_2da {position:relative;display:block;width:100%;color:#222;line-height:1.3em;text-align:left;padding:3px 1.3rem 3px 2rem;}
.gnb_2da:before {content:"";display:block;position:absolute;left:1.4rem;top:0.8rem;width:5px;height:2px;background:rgba(0,0,0,0.8);}
.gnb_2da:hover {color:#1e9d28;background:#f2f2f2}
.gnb_2da:hover:before {background:rgba(30,157,40,1);}

a.gnb_2da:hover{color:#1e9d28;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#1e9d28;background:#f2f2f2}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#1e9d28;background:#f2f2f2}
.gnb_wrap .gnb_empty a {color:#1e9d28;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_mnal {padding:0}

/* 전체메뉴 */
#gnb_open {position:absolute;float:right;color:#018a08;border:0;vertical-align:top;background:#fff url('../img/all_mn.gif') no-repeat 100% 50%;z-index:99999;}/* 전체메뉴 열기 */
#gnb2 {display:none;position:fixed;top:0;right:0;height:100%;background:rgba(34,34,34,1);z-index:99999;}
#gnb2 .btn_close {position:absolute;top:0;right:0;color:#fff;border:0;background:none;}/* 전체메뉴 닫기 */
#gnb2_1dul {margin:5rem 2rem;}
#gnb2_1dul .gnb2_1dli {position:relative;}
#gnb2_1dul .gnb2_1dli button {position:absolute;right:0;border:0;text-indent:-999px;overflow:hidden;background: url('../img/mobile/gnb_bg2.png') no-repeat 50% 50%;background-size:15px}
#gnb2_1dul .gnb2_1da {display:block;color:#fff;letter-spacing:-0.05em;border-bottom:1px solid rgba(255,255,255,0.15)}
#gnb2_1dul .gnb2_1da:hover, #gnb2_1dul .gnb2_1da:focus {color:#018a08;}
#gnb2_1dul .gnb2_2dul {display:none;border-bottom:1px solid rgba(255,255,255,0.15)}
#gnb2_1dul .gnb2_2da {color:#bbbabf;padding:0;font-weight:normal;white-space: nowrap;}
#gnb2_1dul .gnb2_2da:hover, #gnb2_1dul .gnb2_2da:focus {color:#fff;}

@media screen and (min-width:1700px){

}

@media screen and (max-width:1635px){

}

/***************1441 데스크탑***************/
@media screen and (min-width:1441px){

/* 로고 보건복지부지정 마크 유틸메뉴 */
#hd_wrapper {height:90px;margin:0 6%;}
.gnb_bg {height:200px;}/* 롤오버시 노출배경 */

#logo {padding:13px 0 0}

#util {margin-top:13px;}

#tnb {margin-top:20px;}

#util .text_size {margin:20px 0 0 10px;}
#util .hd_print {margin:20px 0 0 10px;}

/* 메인메뉴*/
.gnb_1da {padding:0 3.3rem;}
/*.gnb_2dul {min-height:380px;}
#gnb_1dul>li:nth-of-type(1) .gnb_2dul {padding:13px 0 0 25px;}
#gnb_1dul>li:nth-of-type(2) .gnb_2dul {padding:13px 0 0 15px;}
#gnb_1dul>li:nth-of-type(3) .gnb_2dul {padding:13px 0 0 25px;}
#gnb_1dul>li:nth-of-type(4) .gnb_2dul {padding:13px 0 0 15px;}
#gnb_1dul>li:nth-of-type(5) .gnb_2dul {padding:13px 0 0 65px;}
#gnb_1dul>li:nth-of-type(6) .gnb_2dul {padding:13px 0 0 25px;}*/

/* 전체메뉴 */
#gnb_open {top:91px;right:6%;width:40px;height:48px;font-size:24px;}/* 전체메뉴 열기 */
#gnb2 {width:25%;min-width:250px;}
#gnb2 .btn_close {width:60px;height:60px;font-size:24px;}/* 전체메뉴 닫기 */
#gnb2_1dul .gnb2_1dli button {top:5px;width:50px;height:60px;}
#gnb2_1dul .gnb2_1da {font-size:1.3em;line-height:60px;padding:0 20px;}
#gnb2_1dul .gnb2_2dul {padding:1rem 0;}
#gnb2_1dul .gnb2_2da {font-size:1.1em;line-height:30px;padding-left:20px;}

}

/***************1440 데스크탑***************/
@media screen and (max-width:1440px){

/* 로고 보건복지부지정 마크 유틸메뉴 */
#hd_wrapper {height:90px;margin:0 5%;}
.gnb_bg {height:200px;}/* 롤오버시 노출배경 */

#logo {padding:13px 0 0}

#util {margin-top:13px;}

#tnb {margin-top:20px;}

#util .text_size {margin:20px 0 0 10px;}
#util .hd_print {margin:20px 0 0 10px;}

/* 메인메뉴*/
.gnb_1da {font-size:1.15em;padding:0 2.7rem;}
.gnb_2dul {min-height:380px;padding:10px 0.5rem 1rem;}
.gnb_2da {font-size:.95em;padding:3px 0.5rem 3px 0.5rem;}
.gnb_2da:before {left:0.2rem;top:0.8rem;}
/*.gnb_2dul {min-height:380px;}
#gnb_1dul>li:nth-of-type(1) .gnb_2dul {padding:13px 0 0 25px;}
#gnb_1dul>li:nth-of-type(2) .gnb_2dul {padding:13px 0 0 15px;}
#gnb_1dul>li:nth-of-type(3) .gnb_2dul {padding:13px 0 0 25px;}
#gnb_1dul>li:nth-of-type(4) .gnb_2dul {padding:13px 0 0 15px;}
#gnb_1dul>li:nth-of-type(5) .gnb_2dul {padding:13px 0 0 75px;}
#gnb_1dul>li:nth-of-type(6) .gnb_2dul {padding:13px 0 0 35px;}*/

/* 전체메뉴 */
#gnb_open {top:91px;right:5%;width:30px;height:48px;font-size:24px;}/* 전체메뉴 열기 */
#gnb2 {width:30%;min-width:250px;}/* 전체메뉴 펼침 */
#gnb2 .btn_close {width:60px;height:60px;font-size:24px;}/* 전체메뉴 닫기 */
#gnb2_1dul .gnb2_1dli button {top:5px;width:50px;height:60px;}
#gnb2_1dul .gnb2_1da {font-size:1.3em;line-height:60px;padding:0 20px;}
#gnb2_1dul .gnb2_2dul {padding:1rem 0;}
#gnb2_1dul .gnb2_2da {font-size:1.1em;line-height:30px;padding-left:20px;}

}

@media screen and (max-width:1370px){

/* 메인메뉴*/
.gnb_1da {padding:0 2.5rem;}
.gnb_2da {font-size:.95em;}

}

@media screen and (max-width:1300px){/* 1280 GalaxyA5, GalaxyJ7, GalaxyZ3, GalaxyTab10 */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#util {margin-right:60px;}

.mark {display:none;}
.mark_m {display:block;}
.mark_m {}
.mark_m img {margin:0 10px;}

/* 메인메뉴 */
.gnb_1da {padding:0 2.2rem;}
.gnb_2da {font-size:.9em;}
.gnb_2da:before {left:0rem;top:1rem;}

/* 전체메뉴 */
#gnb_open {top:23px;}/* 전체메뉴 열기 */
#gnb2 {width:35%;}/* 전체메뉴 펼침 */

}

@media screen and (max-width:1200px){

/* 메인메뉴 */
#gnb {display:none;}
#gnb2 {width:40%;}/* 전체메뉴 펼침 */

}

@media screen and (max-width:1100px){

}

/***************1024 태블릿***************/
@media screen and (max-width:1025px){ /* PC, 태블릿 가로 */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#logo img {width:auto;height:60px;}

}

@media screen and (max-width:960px) {/* 896-iPhone 11, 896-iPhone 11Pro Max, 926-iPhone 12Pro Max */

}

@media screen and (max-width:864px){/* 812-iPhoneXS, 812-iPhone 11Pro */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#hd_wrapper {height:80px;}

#logo img {width:auto;height:52px;}

#util {margin-right:50px;}
#tnb {margin-top:10px}
.mark_m {}
.mark_m img {margin:0 0 0 10px;}
#util .text_size {margin-top:10px;}
#util .hd_print {margin-top:10px;}

/* 전체메뉴 */
#gnb_open {top:13px;}/* 전체메뉴 열기 */
#gnb2 {width:50%;}/* 전체메뉴 펼침 */

}

@media screen and (max-width:768px){/* 736-iPhone 8Plus, 740-S8, 740-Galaxy S9+, 768-iPad */

/* 로고 보건복지부지정 마크 유틸메뉴 */
.mark_m {display:none;}

}

@media screen and (max-width:675px) {/* 640 Galaxy S7, S7 edge, Galaxy Note 7, 667- iPhone SE2세대  iPhone 7, 8 */

}

@media screen and (max-width:568px){/* 모바일 가로, 태블릿 세로 */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#logo {padding:17px 0 0}
#logo img {width:auto;height:45px;}

#util {margin-right:45px;}
#tnb li a {line-height:20px;padding:0 5px;margin-left:5px;}
#tnb .tnb_adm {line-height:20px;padding-right:10px;}
#util .text_size {padding-top:0px;margin-left:5px;}
#util .text_size a {line-height:12px;}
#util .hd_print {padding-top:0px;margin-left:5px;}
#util .hd_print a {line-height:21px;padding:0 5px;}

/* 전체메뉴 */
#gnb2 {width:100%;background:rgba(0,0,0,0.9);}/* 전체메뉴 펼침 */

}

@media screen and (max-width:480px){/* 모바일 가로, 태블릿 세로 */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#tnb .join {display:none;}

}

/***************430 스마트폰***************/
@media screen and (max-width:430px){/* 400- Note, 412-Galaxy Note 20 Ultra, 414-iPhone Plus 6/7/8, 414-iPhone 11 Pro Max, 428-iPhone12ProMax */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#hd_wrapper {margin:0 6%;}
#tnb li a {font-size:.75em;}
#util .hd_print a {font-size:.75em;}

#util {margin-right:40px;}

/* 전체메뉴 */
#gnb2 .btn_close {width:50px;height:50px;font-size:20px;}/* 전체메뉴 닫기 */
#gnb2_1dul .gnb2_1dli button {top:5px;width:35px;height:45px;}
#gnb2_1dul .gnb2_1da {font-size:1.2em;line-height:50px;padding:0 10px;}
#gnb2_1dul .gnb2_2da {line-height:27px;padding-left:10px;}

}

@media screen and (max-width:375px){/* 375-iPhone SE/iPhoneXS/iPhone8/11 Pro */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#logo {padding:20px 0 0}
#logo img {width:auto;height:40px;}


}

/**********360**********/
@media screen and (max-width:360px){/* 360-S8/갤노트9 */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#logo {padding:22px 0 0}
#logo img {height:38px;}

}

/**********330**********/
@media screen and (max-width:349px){/* 320-Galaxy S9+ */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#logo img {height:34px;}

#util {margin-top:17px;margin-right:30px;}
#tnb li a {font-size:.7em;padding:0 2px;margin-left:5px;}
#util .text_size {margin-left:5px;}
#tnb .tnb_adm {padding-right:5px;}
#util .hd_print a {font-size:.7em;padding:0 2px;}

/* 전체메뉴 */
#gnb_open {top:17px;right:4%;}/* 전체메뉴 열기 */
#gnb2_1dul .gnb2_1da {font-size:1.05em;padding:0;}
#gnb2_1dul .gnb2_2da {font-size:1.0em;padding-left:0;}

}

@media screen and (max-width:319px){/* 280-Galaxy Z Fold3 */

/* 로고 보건복지부지정 마크 유틸메뉴 */
#logo {padding:26px 0 0}
#logo img {height:26px;}

#util {margin-right:27px;}

/* 전체메뉴 */
#gnb_open {width:25px;background-size:95%;}/* 전체메뉴 열기 */

}