@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;700&display=swap');

/* SHINING 독립 사용 */
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'}

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

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:relative;margin:0 auto;padding:0;width:1070px;zoom:1}
/* hd_wrapper 높이 확보용 ie 7 대한 hd_wrapper 마감전 >> <div style="clear:both;"></div> */
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu {position:absolute;right:0px; margin-right:20px; top:14px;font-size:8pt;z-index:99;font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif; font-size:11px; color:#333}
#sh_tip_menu a{color:#333}
/* 사이즈 위치 조정 */
#sh_top_menu {padding:26px 0; width:850px; border:1px solid #bcbcbc;float:right;border:1px solid #bcbcbc;}
#sh_top_menu li {float:left;margin:0 40px 0 40px}

#sh_index_banner .sh_index a{display:block;position:relative;font-size:18px;color:#222;font-family:notokr-bold}
#sh_index_banner .sh_index a span{position:absolute;right:0;top:-3px;font-size:22px;color:#2ba052;font-family:notokr-bold}
#sh_index_banner .sh_index_l > a{display:inline-block;float: left;width:49%;height: 140px;padding-top: 18px;border: solid 1px #e1e1e1;font-size: 16px;text-align: center;font-family: notokr-medium;}
#sh_index_banner .sh_index_l > a p{padding-top:10px}
#sh_index_banner .sh_index_l > a:last-child{margin-left:2%}
#sh_index_banner .sh_index_r .tit{padding-bottom: 12px;font-size: 16px;color: #333;font-family:notokr-bold;}
#sh_index_banner .sh_index_r div.ir_1{padding-bottom:15px;margin-bottom: 15px;border-bottom: solid 1px #e1e1e1}
#sh_index_banner .sh_index_r div.ir_1 p{background:#34af5c}
#sh_index_banner .sh_index_r div.ir_1 span{color:#34af5c}
#sh_index_banner .sh_index_r div.ir_2 p{background:#15b5b1}
#sh_index_banner .sh_index_r div.ir_2 span{color:#15b5b1}
#sh_index_banner .sh_index_r div p{display:inline-block;padding: 6px 18px;margin-right: 4px;border-radius:30px;font-size:14px;color:#fff}
#sh_index_banner .sh_index_r div span{font-size: 22px;font-weight: 700}


#sh_index_banner{margin:35px auto 15px; width:1070px;letter-spacing:-.3px;font-family:notokr-regular}
#sh_index_banner:after {display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner ul {margin:0;padding:0;list-style:none}
#sh_index_banner li.sh_index {float:left;width:330px}
#sh_index_banner li.sh_index_l {float:left;margin:0 35px 0 35px;width:330px}
#sh_index_banner li.sh_index_r {float:left;width:330px;font-family: 'roboto','notokr-medium';}
#sh_container {z-index:5;position:relative;min-width:1070px}
#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:210px;}
#sh_content {z-index:4;position:relative;float:right;padding:15px;width:820px;min-height:500px;height:auto !important;height:500px;zoom:1;box-sizing:content-box}
#sh_content:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content_title {margin-bottom:30px;border:1px solid #bcbcbc;float:right;padding:15px;width:810px;}

#inq_area{position:relative;width:1070px;margin:0 auto;overflow:hidden;font-family:'roboto','notokr-medium'}
#inq_area .inner{float:right;width:820px;padding:30px;border:dashed 1px #ccc;font-size:15px}
#inq_area .tit{padding-bottom:10px;font-size:17px;color:#333;font-family:notokr-bold}
#inq_area p span{position:relative;padding-left:12px;color:#333;font-family:notokr-bold}
#inq_area p span:before{position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;content:'';background-color:#2ba052}
#inq_area .inq_btn{display:block;position:absolute;right:30px;top:61px;width:158px;height:54px;border-radius:3px;font-size:14px;line-height:54px;color:#fff;text-align:center;background-color:#333;transition:all .2s}
#inq_area .inq_btn:hover{background-color:#144a26}

/* 하단 */
#sh_ft {z-index:10;position:relative;min-width:1070px} 
#sh_ft_wrapper {position:relative;margin:0 auto;padding: 0 0 50px;width:1070px;zoom:1;text-align:center;line-height:140%;}
#sh_ft_icon {position:absolute;width:180px;right:0px;bottom: 40px;}
#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}

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