@charset "utf-8";
@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal}
@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal}
@font-face {font-family: 'GmarketSansBold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal}
/* 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;font-family:'notokr-regular'} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{margin:0 auto;padding:0}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 
#sh_hd_wrapper .head{width:1070px;margin:0 auto 24px}
/* 소메뉴 home|login... absolute 설정으로 혹시 모르는 top_menu 와 간섭 해결 */
#sh_tip_menu{position:relative;float:right;top:-14px;right:0;z-index:9999;font-size:13px;color:#717171;overflow:hidden;font-family:'notokr-medium'}
#sh_tip_menu li{float:left;padding-left:10px}
#sh_tip_menu li:before{display:inline-block;width:2px;height:2px;margin:0 5px 4px 0;background-color:#51c2c9;content:''}
#sh_tip_menu li a{color:#717171}

/* 사이즈 위치 조정 */
#sh_top_menu{float:right;width:850px;padding:26px 0;border:1px solid #bcbcbc}
#sh_top_menu li{float:left;margin:0 40px}

#sh_index_banner{width:1070px;margin:15px auto 20px;z-index:99999;font-family:'notokr-regular'}
#sh_index_banner:after{display:block;visibility:hidden;clear:both;content:""}
#sh_index_banner .title{font-size:19px;padding-bottom:5px;color:#fff;font-family:'notokr-bold'}

/**** 메인 컨텐츠 ****/

/* 사업안내 */
#m0101{position:relative;float:left;width:258px;height:273px;padding:15px 10px;background:#b4b4b4}
#m0101 .title{text-align:center}

/* 메인비주얼 */
#m0102{float:right}

/* 고객센터 */
#m0103{float:left;position:relative;width:258px;height:216px;padding:25px 20px 45px;margin-top:12px;font-size:14px;color:#c7dde2;text-align:center;background:#4e9cb0}
#m0103 .tel{padding-top:3px;line-height:1.3;font-size:28px;color:#fff;font-family:'notokr-bold'}
#m0103 .fax{font-size:16px;color:#fff}
#m0103 ul{margin:0 auto;width:159px;padding-top:5px;overflow:hidden}
#m0103 ul li{float:left;margin:5px}

#m02{clear:both;float:left;width:100%;height:260px;padding:27px 38px;margin-top:10px;overflow:hidden;border:1px solid #e7e7e7}
#m02 .title{color:#333}

#m0201{position:relative;float:left;margin-right:40px;width:363px;height:175px;box-sizing:content-box}
#m0201 .m0201_top {position:relative;height:40px;line-height:40px}
#m0201 .m0201_top .more{position:absolute;right:0}

#m0202{display:grid;grid-template-columns: repeat(2,1fr);font-size:14px;box-sizing:content-box;row-gap:30px;margin-top:20px}
#m0202 a{color:#777}
#m0202 > div{overflow:hidden;width:100%;height:110px; margin-bottom:15px;padding-bottom:25px;border-bottom:1px solid #e7e7e7}
#m0202 li{position:relative;}
#m0202 li::after{position:absolute;width:82px;height:82px;content:'';background:url('/sh_img/index/m0202_icon01.png') no-repeat center;top:-3px;right:20px;}
#m0202 li:nth-child(4), #m0202 li:nth-child(3){border-top:1px solid #e1e1e1;padding-top:10px;}
#m0202 li:nth-child(2n):after{right:-22px}
#m0202 .m0202_bn2::after{background:url('/sh_img/index/m0202_icon02.png') no-repeat center;}
#m0202 .m0202_bn3::after{background:url('/sh_img/index/m0202_icon03.png') no-repeat center;}
#m0202 .m0202_bn4::after{background:url('/sh_img/index/m0202_icon04.png') no-repeat center;}
#m03{float:right;width:300px;height:260px;margin-top:10px;background:url('/sh_img/index/m03_bg.jpg') no-repeat}
#m03 a{display:block;height:100%;padding:30px}
#m03 .go_btn{width:98px;height:28px;margin-top:5px;border-radius:30px;font-size:12px;line-height:28px;color:#fff;text-align:center;background-color:#555;transition:all .2s}
#m03:hover .go_btn{background-color:#4e9cb0}

#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:""}

#sub_main_banner{width:1070px;margin:15px auto 0}


/* 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:0;width:810px;min-height:460px;margin:30px 0 40px 0;height:auto !important;height:500px;line-height:1.5em;color:#888;zoom:1;box-sizing:content-box}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit{margin-bottom:40px;overflow:hidden}
#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;font-size:13px;color:#666;font-family:'notokr-regular'}

/* 하단 */
#sh_ft{z-index:10;position:relative;min-width:1070px;color:#7e7e7e;background:#f7f7f7;font-family:'notokr-regular'} 
#sh_ft #sh_ft_wrapper{position:relative;margin:0 auto;padding:30px 0;width:1070px;zoom:1;font-size:13px;line-height:21px}
#sh_ft #sh_ft_icon{position:absolute;right:0px;bottom:30px}
#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{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#sh_site_map > div{width:31%;float:left;margin:0 1%}
#sh_site_map > div:nth-of-type(3n){margin-right:0}
#sh_site_map .sh_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;font-weight:normal;text-align:center;color:#222;font-family:'notokr-bold'}
#sh_site_map ul{padding:0 15px 15px}
#sh_site_map .sh_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#sh_site_map .sh_site_map_box li{border-bottom:1px dotted #ccc}
#sh_site_map .sh_site_map_box li:last-child{border:none}


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