@charset "utf-8";
@font-face {font-family: 'OTEnjoystoriesBA';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');font-weight: normal;font-style: normal;}
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'} 
#top_bg{background:#FFF repeat-x left bottom;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.6  box-shadow: 0 5px 5px rgba(0,0,0,0.06);-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);height:120px;top:0;position:absolute;width:100%;left:0}

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{position:relative;margin:0 auto;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:""} 

/* sh_container */
#sh_container{z-index:5;position:relative;min-width:1070px}
#sh_container_wrapper{margin:0 auto;width:1070px;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* 메인화면 */
#index_banner{position:absolute;width:1070px;bottom:10%;bottom:15%\9;text-align:center;z-index:9999;font-family:'notokr-regular'}
#index_banner li{display:inline-block;vertical-align:top;width:32%;height:120px;text-align:left;background-color:#fff;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);-webkit-transition:transform .3s;transition:transform .3s}
#index_banner li:nth-child(2){ margin:0 10px}
#index_banner li:hover {-webkit-transform:translateY(-10px);transform:translateY(-10px)}
#index_banner li a{position:relative;display:block;width:100%;height:100%}
#index_banner li a p{position:absolute;left:220px;top:77px;font-size:15px;font-family:'notokr-medium'}
#index_banner li a p:after{padding-left:10px;content:"\f105";color:#ccc;font-family:'FontAwesome'}

/* sh_content */
#sh_content{z-index:4;position:relative;float:left;padding:15px 0 85px 0;width:1070px;min-height:500px;height:500px auto !important;background:#fff;zoom:1;box-sizing:content-box}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* sh_content_title */
#sh_content_title{font-size:1.2em;margin-top:25px;font-family:'notokr-regular'}
#sh_content_title p{position:relative;margin:0}
#sh_content_title b{color:#333;font-size:2em}
#sh_content_title span{position:absolute;right:0;color:#999;bottom:6px;font-size:1em;right:3px}

/* 하단 */
#sh_ft{border-top:1px solid #ebebeb;}
#sh_ft_wrapper{position:relative;margin:0 auto;width:1070px;zoom:1;background-color:#fff;padding:20px 0;font-size:13px;line-height:1.6;color:#999;font-family:'notokr-regular'}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 
#sh_ft_icon{position:absolute;right:0px;bottom:20px;text-align:center}
#sh_ft_icon .sh_tip_menu{float:left;margin-right:5px}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/**/
#img_view01{margin-top:0 !important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
#img_view01 .close_btn{position:absolute;top:8%;right:22%;background:none}
#img_view01 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:rgba(0,0,0,.8)}
#img_view01 .img_cont_wrap{position:relative;z-index:10;width:720px;margin:4% auto 0}
#img_view01{margin:39px 0 0}
#img_view01 .gallery_img01 {overflow:hidden;width:100%;max-height:700px;margin-bottom:25px;text-align:center}
#img_view01 .gallery_img01 > img{width:auto;max-height:710px;vertical-align:middle}
#img_view01 .gallery_thumb01{overflow:hidden;margin-bottom:36px}
#img_view01 .gallery_thumb01 ul li{position:relative;overflow:hidden;float:left;width:10%;height:86px;text-align:center;cursor:pointer;background-size:auto 100%!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#e1e1e1!important}
#img_view01 .gallery_thumb01 ul li + li{margin-left:5px}
#img_view01 .gallery_thumb01 ul li:nth-child(10){margin-left:0;margin-top:5px}
#img_view01 .gallery_thumb01 ul li:nth-child(11){margin-top:5px}
#img_view01 .gallery_thumb01 ul li:before{position:absolute;left:0;content:'';width:100%;height:100%;background:rgba(0,0,0,.3);-webkit-transition:opacity .3s;transition:opacity .3s}
#img_view01 .gallery_thumb01 ul li.on:before{opacity:0}
#img_view01 .gallery_thumb01 ul li:hover:before{opacity:0}