@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'}

/* 메뉴오픈 - 스크롤막기 */
body.open{overflow:hidden;position:absolute;width:100%;height:100%}

#sh_wrapper{position:relative;max-width:1920px;min-width:1500px;width:100%;margin:0 auto}
#sh_wrapper.index{overflow:hidden;min-width:1500px;background-color:#12141f}

/* HEADER */
#sh_hd{position:relative;min-width:1500px;width:100%;font-family:'notokr-regular'}
#sh_hd.main #subBnr{display:none}
#sh_hd.main{z-index:99}
/* MAIN  */
#main_banner{position:relative;z-index:10;width:100%;height:100%}

/* INDEX */
#sh_section{position:absolute;bottom:-110px;left:0;z-index:1003;width:100%;padding:0 180px;-webkit-transition:padding .2s;transition:padding .2s}
@media(max-width:1700px){#sh_section{padding:0 80px}}
@media(max-width:1500px){#sh_section{padding:0}}

/* CONTAINER */
#sh_container{position:relative;overflow: hidden;min-width:1500px;width:100%;padding:0 80px;z-index:9}
#sh_container_wrapper{position:relative;width:100%;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* SNB */
#sh_aside{position:relative;width:100%;font-family:'notokr-regular'}
#sh_aside:after{display:block;content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:1px;background-color:#e1e1e1}
#sh_aside_wrapper{overflow:hidden;position:relative;width:1100px;margin:0 auto;zoom:1}

/* CONTENT */
#sh_content{position:relative;z-index:4;width:1100px;min-height:580px;margin:0 auto;padding:30px 0}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

#idx_area{width:100%}
#idx_area .box_post{width:1200px;margin:0 auto;padding:90px 0 30px}
#idx_area .box_post02{position:relative;width:100%;background:#f7f7f7}

#idx_area .idx_bnr{width:100%;height:240px;background:url(/sh_img/index/idx_bnr_bg.jpg) right no-repeat}
#idx_area .idx_bnr a{display:block;height:100%}
#idx_area .idx_bnr .inner{position:relative;width:1200px;height:240px;margin:0 auto}
#idx_area .idx_bnr .inner:before{position:absolute;right:0;bottom:-3px;content:url(/sh_img/index/idx_bnr_img01.png);}

#idx_area .idx_bnr .bnr_stit{padding-top:60px;font-weight:500;font-size:14px;color:rgba(255,255,255,.8);font-family:'Poppins', sans-serif}
#idx_area .idx_bnr h4{padding-bottom:10px;font-weight:normal;font-size:40px;color:#fff;font-family:'notokr-thin'}
#idx_area .idx_bnr h4 span{font-family:'notokr-bold'}
#idx_area .idx_bnr .bnr_txt{font-size:15px;color:rgba(255,255,255,.6);font-family:'notokr-regular'}

/* 카피라이트 */
#sh_ft .copy{overflow:hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4)}
#sh_ft .copy_area{position:relative;width:1200px;margin:0 auto}
#sh_ft .copy_area ul{position:absolute;right:0;top:0}
#sh_ft .copy_area ul li{display:inline-block;margin-left:15px;font-weight:300;font-size:14px;font-weight:500;color:#fff;font-family: 'Poppins', sans-serif;}
#sh_ft .copy_area ul li a{color:rgba(255,255,255,.4)}

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

#sh_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto}
.sh_site_map_title{font-size:1.4em;color:#515151}
.sh_site_map_title a{color:#515151}
.sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.sh_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.sh_site_map_txt a{color:#666}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/* 애니메이션 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{from{opacity:0;webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInRight{from{opacity:0;webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 10%, 0);transform:translate3d(0, 10%, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 10%, 0);transform:translate3d(0, 10%, 0)}to{opacity:1;webkit-transform:none;transform:none}}

.gray_end{-webkit-filter: grayscale(100%);filter:gray}
.gray_end .state li{background:#ddd !important}
.gray_end img{opacity:.4}
.gray_end h4{color:#999 !important }

/*메인 박스형 공고*/
.box_post_list{overflow:hidden;display:grid;grid-template-columns: repeat(4,1fr);gap:20px; font-family:'notokr-regular'}
.box_post_list .list{height:275px;border:1px solid #e1e1e1;border-radius:30px;transition:all .4s;animation-delay:.3s}
.box_post_list .list a{position:relative;display:block;height:100%}
.box_post_list .list .logo{overflow:hidden;width:100%;height:75px;border-radius:30px 30px 0 0;background:#fff;border-bottom:1px solid #ddd}
.box_post_list .list .logo img{width:100%;position:relative;top:-35px}
.box_post_list .list:nth-child(4n){margin-right:0}

.box_post_list .list .cont_txt{padding:20px 15px 0}
.box_post_list .list .cont_txt .state{overflow:hidden;margin-bottom:10px}
.box_post_list .list .cont_txt .state li{float:left;display:inline-block;height:28px;padding:0 5px;margin-right:3px;border-radius:4px;font-size:13px;color:#fff; text-align:center;line-height:28px;font-family:'notokr-medium'}
.box_post_list .list .cont_txt .state li:last-child{margin-right:0}
.box_post_list .list .cont_txt .state .st01{background:#f18f04}
.box_post_list .list .cont_txt .state .st02{background:#999999}
.box_post_list .list .cont_txt .state .st02_ing{background:#f15e05}
.box_post_list .list .cont_txt .state .st03,.box_post_list .list .cont_txt .state .st05{background:#62a236}
.box_post_list .list .cont_txt .state .st04,.box_post_list .list .cont_txt .state .st06{background:#3774bf}


.box_post_list .list .cont_txt .state .st07{background:#0076a3}
.box_post_list .list .cont_txt .state .st08{background:#c41d0c}
.box_post_list .list .cont_txt .state .st09{background:#cf7500}
.box_post_list .list .cont_txt .state .st010{background:#7219c6}

.box_post_list .list .cont_txt .tit_area{margin-bottom:10px;padding-bottom:10px}
.box_post_list .list .cont_txt .tit_area h4{margin:10px 0;font-weight:normal;font-size:16px;line-height:21px;letter-spacing:-.5px;color:#333;font-family:'notokr-medium'}
.box_post_list .list .cont_txt .tit_area .s_tit{font-size:14px;color:#333}

.box_post_list .list .cont_txt .checkup{overflow:hidden}
.box_post_list .list .cont_txt .checkup .tit{float:left;width:30%;height:28px;border-radius:2px;font-size:13px;line-height:28px;text-align:center;color:#444;background:#f7f7f7;font-family:'notokr-medium'}
.box_post_list .list .cont_txt .checkup .cont{float:left;overflow:hidden;width:70%;height:50px;padding-left:15px;font-size:14px;line-height:23px;color:#666;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.box_post_list .list .cont_txt .checkup .cont span{display:block}
.box_post_list .list .date{position:absolute;bottom:0;width:100%;height:50px;border-top:1px solid #ddd;font-weight:700;font-size:17px;text-align:center;line-height:50px;color:#579d34;font-family:'Poppins', sans-serif}
.box_post_list .list .date i{display:inline-block;margin-right:5px;font-size:15px}
.box_post_list .list .date_end{font-weight:normal;color:#9d9d9d;font-family:'notokr-medium'}
.box_post_list .list:hover{box-shadow:2px 2px 10px rgba(0,0,0,.2)}
 
/*메인 라인형 공고*/
.l_post_list{overflow:hidden;width:1200px;margin:0 auto;padding:130px 0 100px;font-family:'notokr-regular'}
.l_post_list .list{position:relative;float:left;width:590px;height:159px;margin:20px 20px 0 0;background:#fff;transition:all .4s;animation-delay:.3s}
.l_post_list .list a{display:block;padding:30px 44px}
.l_post_list .list:nth-child(2n){margin-right:0}
.l_post_list .list:nth-child(1),.l_post_list .list:nth-child(2){margin-top:0}


.l_post_list .list .state{overflow:hidden;margin-bottom:11px}
.l_post_list .list .state li{float:left;width:63px;height:28px;margin-right:5px;border-radius:2px;border:1px solid;font-size:13px;text-align:center;line-height:28px;font-family:'notokr-medium'}

.l_post_list .list .state .st01{color:#f18f04;border-color:#f18f04}
.l_post_list .list .state .st02{color:#999999;border-color:#999999}
.l_post_list .list .state .st03,.l_post_list .list .state .st05{color:#62a236;border-color:#62a236}
.l_post_list .list .state .st04,.l_post_list .list .state .st06{color:#3774bf;border-color:#3774bf}

.l_post_list .list .state .st07{color:#0076a3;border-color:#0076a3}
.l_post_list .list .state .st08{color:#c41d0c;border-color:#c41d0c}
.l_post_list .list .state .st09{color:#cf7500;border-color:#cf7500}
.l_post_list .list .state .st010{color:#7219c6;border-color:#7219c6}

.l_post_list .list .tit_area{}
.l_post_list .list .tit_area h4{display:block;width:320px;margin-bottom:5px;font-weight:normal;font-size:17px;color:#333;font-family:'notokr-medium'}
.l_post_list .list .tit_area .s_tit{overflow:hidden;font-size:14px;color:#888;}
.l_post_list .list .tit_area .s_tit span{float:right;display:block;width:200px;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.l_post_list .list .date{position:absolute;right:44px;top:34px;width:144px;height:56px;border-radius:56px;font-weight:700;font-size:20px;line-height:56px;text-align:center;color:#ff8a00;background:#fff3e5;font-family:'Poppins', sans-serif;}
.l_post_list .list .date i{position:relative;top:-2px;display:inline-block;margin-right:5px;font-size:15px}

.l_post_list .list .date_end{font-weight:normal;font-size:16px;color:#9d9d9d;background:#f7f7f7;font-family:'notokr-bold'}

.l_post_list .list:hover{box-shadow:0px 5px 10px rgba(0,0,0,.1)}


.bnr_quick_link{width:1200px;height:125px;margin:0 auto 30px;box-shadow:0 5px 10px rgba(0,0,0,.1);background:#fff}
.bnr_quick_link > div{float:left;width:229px;height:125px;text-align:center}
.bnr_quick_link > div a{display:block;height:100%}

.bnr_quick_link .icon{position:relative}
.bnr_quick_link .icon:before{position:absolute;top:22px;left:0;content:'';width:1px;height:80px;background:#ebebeb;}
.bnr_quick_link .icon img{display:inline-block;margin-top:26px;transition:all .2s}
.bnr_quick_link .icon .icon_tit{margin-top:7px;font-size:15px;color:#444;font-family:'notokr-medium'}
.bnr_quick_link .icon:hover img{margin-top:23px}

.bnr_quick_link .bnr_btn{width:284px;height:125px;line-height:125px;font-size:17px;color:#fff;background:#579d34;transition:all .3s;font-family:'notokr-medium'}
.bnr_quick_link .bnr_btn a{color:#fff}
.bnr_quick_link .bnr_btn:hover{background:#333}

#fregister_private{padding:20px}
#fregister_private h2{margin-bottom:20px;font-weight:normal;font-size:18px;color:#333;font-family:'notokr-bold'}
#fregister_private textarea{padding:20px;border:1px solid #ddd;font-size:14px;line-height:24px;color:#666;}

#sh_ft{overflow:hidden;width:100%;min-width:1500px;background:#333333;font-family:'notokr-regular'}
#sh_ft .ft_info_wrap{overflow:hidden;width:1200px;height:245px;margin:0 auto;}
#sh_ft .ft_info_wrap > div{float:left}

#sh_ft .ft_info_wrap .ft_logo{width:240px;padding-top:80px}
#sh_ft .ft_info_wrap .ft_info{width:630px;padding-top:80px}
#sh_ft .ft_info_wrap .ft_tel{width:330px;height:245px;padding-top:30px;text-align:center;background:url(/sh_img/ft/tell_bg.jpg) no-repeat;font-family:'Poppins', sans-serif;}

#sh_ft .ft_info_wrap .ft_tel .tel_tit{margin:14px 0 10px;font-weight:500;font-size:14px;color:rgba(255,255,255,.8)}
#sh_ft .ft_info_wrap .ft_tel .tel_txt{margin-top:22px;margin-bottom:2px;color:#fff;font-size:15px;font-family:'notokr-regular'}
#sh_ft .ft_info_wrap .ft_tel .tel{margin-bottom:10px;font-size:17px;line-height: 32px;color:#fff}
#sh_ft .ft_info_wrap .ft_tel .email{font-weight:500;font-size:14px;color:rgba(255,255,255,.6)}
#sh_ft .ft_info_wrap .ft_tel .email span{font-size: 16px; color:#fff}

#sh_ft .ft_info_wrap .link_btn{overflow:hidden;margin-bottom:20px}
#sh_ft .ft_info_wrap .link_btn li{position:relative;float:left;margin-right:10px;padding-right:10px;font-size:14px}
#sh_ft .ft_info_wrap .link_btn li:before{position:absolute;right:-1px;top:8px;content:'';width:2px;height:2px;background:rgba(255,255,255,.5)}
#sh_ft .ft_info_wrap .link_btn li a{color:rgba(255,255,255,.7);font-family:'notokr-medium';transition:all .3s;cursor:pointer}
#sh_ft .ft_info_wrap .link_btn li a:hover{color:#fff}
#sh_ft .ft_info_wrap .link_btn li:last-child:before{display:none}
#sh_ft .ft_info_wrap .info_txt{font-size:14px;line-height:24px;color:rgba(255,255,255,.4)}

/* 카톡 이미지 변경 */
#kakao-talk-channel-chat-button a{display:block;width:117px;height:48px;background:url(/img/Kakao_2.png) no-repeat}
#kakao-talk-channel-chat-button a img{opacity:0}