@charset "utf-8";
/* SHINING 독립 사용 */

body{margin: 0;background:#fff url('/sh_img/hd/head_bg.gif') repeat-x center top}}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{ font-family:'Nanum Gothic'}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd{z-index:10;position:relative;min-width:1070px;font-family:'notokr-regular'} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{position:relative;margin:0 auto;padding:0;width:1070px;zoom:1}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

#sh_index_banner{margin:0 auto;width:1070px;z-index:99999}
#sh_index_banner:after{display:block;visibility:hidden;clear:both;content:""}

#main_banner{width:1070px;height: 308px;padding:30px 0;box-sizing:content-box}
#sub_main_banner{width:1070px;height:150px;padding:30px 0 0px;box-sizing:content-box}

#sh_container{z-index:5;position:relative;min-width:1070px;background:url(/sh_img/hd/head_bg.png) center top repeat}
#sh_container_wrapper{position:relative;z-index:5;margin:0 auto;width:1070px;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* float:left;선택 단 content 와 같은 방향 X */
#sh_aside{float:left;margin:0;width:214px;margin-top:30px;font-family:'notokr-medium'}

#sh_content{z-index:4;position:relative;float:right;padding:15px;width:810px;min-height:460px;margin:30px 0px 40px;height:auto !important;height:500px;line-height:1.5em;color:#888;zoom:1;background:#fff;border-radius:5px;box-sizing:content-box}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit{margin-bottom:40px;overflow:hidden;font-family:'notokr-regular'}
#sh_content #sh_content_tit:after{clear:both}
#sh_content #sh_content_tit h3{float:left;padding:0;font-size:2.1em;line-height:1.3em;color:#333;font-weight:normal;letter-spacing:-0.03em; font-family:'notokr-medium'}
#sh_content #sh_content_tit span{float:right;margin-top:12px;padding-left:15px;color:#666}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1070px;color:#888;/* background:#3c3c3c; */font-family:'notokr-regular'} 
#sh_ft #sh_ft_wrapper{position:relative;margin:0 auto;padding:20px 0 20px 0;width:1070px;zoom:1;line-height:1.5em;font-size:1.1em;text-align: center;}

#sh_ft #sh_ft_icon{position:absolute;width:160px;right:0px;bottom:20px;text-align:right}
#sh_ft #sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* 사이트맵 */
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}

/**** 메인 컨텐츠 ****/
#index_side{position:relative;width:1070px;height:150px;font-family:'notokr-regular'}

#index_side > div{float:left;width:350px;height:128px;border:1px solid #ececec;letter-spacing:-0.05em;line-height:2em;margin-right:7px;box-sizing:content-box}
#index_side > div#idx_box03{margin-right:0px} 
#index_side .idx_box_wrap{padding:23px}

#idx_box01{background:url(/sh_img/index/idx_box01_bg.png) right top #FFF no-repeat}
#idx_box01:hover{background:url(/sh_img/index/idx_box01_bg_on.png) right #FFF no-repeat}
#idx_box01 h4{font-size:18px;font-weight:normal;color:#505050;width:180px;font-family:'notokr-medium'}
#idx_box01:hover h4{font-size:18px;color:#eb2433;background:url(/sh_img/index/idx_box_wrap_tit_on.png) right no-repeat}
#idx_box01 p{font-size:14px;line-height:1.6;color:#959595;padding-top:13px}
#idx_box01:hover p{color:#333}

#idx_box02{background:url(/sh_img/index/idx_box02_bg.png) right top #FFF no-repeat}
#idx_box02:hover{background:url(/sh_img/index/idx_box02_bg_on.png) right #FFF no-repeat}
#idx_box02 h4{font-size:18px;font-weight:normal;color:#505050;width:180px;font-family:'notokr-medium'}
#idx_box02:hover h4{font-size:18px;color:#eb2433;background:url(/sh_img/index/idx_box_wrap_tit_on.png) right no-repeat}
#idx_box02 p{font-size:14px;line-height:1.6;color:#959595;padding-top:13px}
#idx_box02:hover p{color:#333}

#idx_box03{background:url(/sh_img/index/idx_box03_bg.png) right top #FFF no-repeat}
#idx_box03:hover{background:url(/sh_img/index/idx_box03_bg_on.png) right #FFF no-repeat}
#idx_box03 h4{font-size:18px;font-weight:normal;color:#505050;width:180px;font-family:'notokr-medium'}
#idx_box03:hover h4{font-size:18px;color:#eb2433;background:url(/sh_img/index/idx_box_wrap_tit_on.png) right no-repeat}
#idx_box03 p{font-size:14px;line-height:1.6;color:#959595;padding-top:13px}
#idx_box03:hover p{color:#333}

/* m01,m02,m03 */
#idx_banner{position:relative;width:1070px;height: 190px;margin-top:20px;overflow:hidden;font-family:'notokr-regular'}
#idx_banner > div{position:relative;float:left;width:336px;height:120px;margin-right:25px;overflow:hidden}
#idx_banner > div.m03{margin-right:0px}

#idx_banner p.tit{color:#2d2d2d;font-size:18px;letter-spacing:-0.04em;margin-bottom:30px;font-family:'notokr-bold'}
#idx_banner p.tit span{padding-bottom:5px;border-bottom:1px solid #6f8e13}
#idx_banner p.more{position:absolute;right:0px;top:-55px;font-size:11px;color:#2d2d2d}
#idx_banner p.more a{color:#2d2d2d;text-decoration:none}

/* Office View */
#idx_banner .m02{width:336px;height:160px;overflow:hidden;z-index: 999;}
#idx_banner .m02 .office_tit{position:relative;width:336px;height:45px;margin:0;padding:0}
#idx_banner .m02 .office_tit .tit{display:inline-block;margin:0;padding:0 5px 5px;color:#5f8a32;font-size:20px;font-weight:400;line-height:30px;border-bottom:1px solid #8ca86c}
#idx_banner .m02 .office_tit .more{position:absolute;right:5px;top:7px;margin:0;padding:0}
#idx_banner .m02 .office_tit .more a{font-size:11px;color:#555;text-decoration:none}
#idx_banner .m02 .office_tit .more span{color:#d33}

/* Office View Slider */
#idx_banner .m02 .office_slider{position:relative;width:336px!important;max-width:336px!important;height:135px;margin:0;padding-top: 13px;overflow:hidden!important;box-sizing:border-box}
#idx_banner .m02 .office_slider_track{display:flex;align-items:flex-start;width:max-content;height:135px;margin:0;padding:0;animation:officeSliderMove var(--office-duration) linear infinite}
#idx_banner .m02 .office_slider_group{display:flex;flex-shrink:0;margin:0;padding:0}
#idx_banner .m02 .office_slider_item{flex:0 0 150px;width:150px;height:130px;margin:0;padding:0 5px;box-sizing:border-box;text-align:center}
#idx_banner .m02 .office_slider_thumb{display:block;width:140px;height:100px;margin:0 auto;overflow:hidden}
#idx_banner .m02 .office_slider_thumb img{display:block;width:140px!important;height:100px!important;object-fit:cover;margin:0;padding:0;border:0}
#idx_banner .m02 .office_slider_subject{display:block;width:140px;height:25px;margin:0 auto;padding:6px 0 0;box-sizing:border-box;font-size:13px;font-weight:bold;line-height:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#idx_banner .m02 .office_slider_subject a,#idx_banner .m02 .office_slider_subject span{color:#666;text-decoration:none}
#idx_banner .m02 .office_slider:hover .office_slider_track{animation-play-state:paused}

@keyframes officeSliderMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
#idx_banner{height:190px}
#idx_banner > div{height:180px}
#idx_banner .m02{height:180px}

#idx_banner_box{position:relative;width:1070px;height:220px;margin:20px auto 0;padding: 50px 15px 10px;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,0.25);overflow:hidden}
#idx_banner{position:relative;width:1040px;height:180px;margin:0 auto;overflow:hidden;font-family:'notokr-regular'}
#idx_banner > div{position:relative;float:left;width:336px;height:170px;margin-right:16px;overflow:hidden}
#idx_banner > div.m03{margin-right:0;margin-top: 36px;}
#idx_banner_box{position:relative;width:1070px;height: 251px;box-sizing:border-box;background:#fff;border:1px solid #d5d5d5;border-radius:12px;box-shadow:0 3px 5px rgba(0,0,0,0.3);overflow:hidden}

/*문자보내기*/
#quick_sms_wrap{position:fixed;right: 250px;top:200px;width:124px;z-index:999}
#quick_sms{position:relative;width:124px;height:269px;background:url('/sh_img/hd/quick_sms/bg.png') no-repeat 0 0;overflow:hidden}
#quick_sms form{position:relative;width:124px;height:269px;margin:0;padding:0}
#quick_sms .sms_byte{position:absolute;left:0;top:39px;width:124px;text-align:center;font-size:12px;color:#7f7f7f}
#quick_sms .sms_box{position:absolute;left:12px;top:78px;width:100px;height:82px;margin:0;padding:3px;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:#7f7f7f;font-size:12px;line-height:17px;letter-spacing:-1px;box-sizing:border-box}
#quick_sms .sms_box::placeholder{color:#999}
#quick_sms .sms_hp{position:absolute;left:14px;top: 202px;width:96px;height:20px;margin:0;padding:0 3px;border:0;outline:0;background:#fff;color:#777;font-size:12px;box-sizing:border-box}
#quick_sms .sms_hp::placeholder{color:#aaa}
#quick_sms .sms_btn{position:absolute;left:0;top:224px;width:124px;text-align:center}
#quick_sms .sms_btn input{margin:0;padding:0;border:0;cursor:pointer}
#quick_sms_wrap .quick_top{width:124px;margin-top:8px;text-align:center}
#quick_sms_wrap .quick_top a{font-size:12px;color:#666;text-decoration:none}
#quick_sms_wrap .quick_top a:hover{color:#222}