@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;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'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 


/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper, #sh_wrapper , #sh_wrapper :before, #sh_wrapper *:after{box-sizing:border-box}
#sh_wrapper{overflow:hidden;max-width:1980px;min-width:1600px;margin:0 auto;background:url(/sh_img/index/main_bg.jpg) repeat}
#sh_wrapper.sub_wrapper{padding:0;background:#fff}
#sh_hd {position:relative;top:0;height:90px;z-index:999;width:100%;min-width:1600px} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:absolute;top:0;width:100%}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 
#sh_wrapper.sub_wrapper #sh_hd_wrapper{position:relative;background:url(/sh_img/index/main_bg.jpg) repeat}

/* SNB */
#sh_aside{position:relative;z-index:15;width:100%;padding:0 50px;background:url(/sh_img/index/main_bg.jpg) repeat;font-family:'notokr-medium'}
#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{position:relative;width:100%;margin:0 auto;zoom:1;border-top:1px dotted rgba(255,255,255,.3)}

/* CONTENT */
#sh_content{position:relative;z-index:4;width:1300px;min-height:580px;margin:0 auto;padding:70px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/*index*/
#idx_area{position:relative;width:100%}
#idx_area .line_area{position: absolute;top: 0;left: calc(50% - 650px);width: 1300px;height: 100%;border-left: 1px solid #f0b6e1}
#idx_area .line_area > div{float:left;width:50%;height:100%;border-right:1px solid #f0b6e1}

/* 하단 */
#sh_ft .info_wrap{padding:70px 0;text-align:center}
#sh_ft .info_wrap .ft_logo{margin-bottom:30px}
#sh_ft .info_wrap .ft_link{overflow:hidden}
#sh_ft .info_wrap .ft_link > li{position:relative;display:inline-block;margin-bottom:30px;padding:0 15px;font-weight:700;font-size:14px;font-family: 'Playfair Display','notokr-regular'; }
#sh_ft .info_wrap .ft_link > li a{color:#888;cursor:pointer;transition:all .3s}
#sh_ft .info_wrap .ft_link > li a:hover{color:#333}
#sh_ft .info_wrap .ft_link > li:before{position:absolute;content:'';right:-2px;top:10px;width:2px;height:2px;background:#bbb8ad}
#sh_ft .info_wrap .ft_link > li:last-child:before{display:none}

#sh_ft .info_wrap .add{font-size:16px;line-height:26px;color:#888;font-family:'notokr-regular'}
#sh_ft .copy_wrap{border-top:1px solid #e1e0d3;line-height:60px}
#sh_ft .copy_wrap .copy{overflow:hidden;width:1300px;margin:0 auto;font-size:13px;color:#888;font-family:'notokr-regular'}
#sh_ft .copy_wrap .copy_info{float:left}
#sh_ft .copy_wrap .ft_icon{float:right}
#sh_ft .copy_wrap .ft_icon a{display:inline-block;padding-left:20px;font-weight:700;font-size:13px;color:#888;font-family: 'Playfair Display'}

/* 사이트맵 */
#sh_site_map{display:flex;width:100%;position:relative;min-height:500px;margin:0 auto;flex-wrap: wrap;}
#sh_site_map .sh_site_map01{width:30%;margin-right:3%;min-height:200px;}
#sh_site_map .sh_site_map_title{font-size:1.4em;color:#515151}
#sh_site_map .sh_site_map_title a{color:#515151;font-family:'notokr-bold'}
#sh_site_map .sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
#sh_site_map .sh_site_map_box{width:100%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px;padding:10px 0}
#sh_site_map .sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;padding:5px 15px;font-family:'notokr-medium'}
#sh_site_map .sh_site_map_txt .s_menu{display:none}
#sh_site_map .sh_site_map_txt .s_menu p{padding:8px}
#sh_site_map .sh_site_map_txt .s_menu p+p{padding:0 8px}
#sh_site_map .sh_site_map_txt a{color:#666}

/*개인정보.이용약관*/
#fregister_private{padding:10px}
#fregister_private h2{display:block;margin-bottom:10px;font-size:18px;text-align:center;color:#333;font-family:'notokr-bold'}
#fregister_private textarea{padding:20px;font-size:14px;line-height:24px;color:#666;font-family:'notokr-regular'}

.animated{animation-duration:3s;animation-fill-mode:both}
.fadeInUp{animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 20%, 0)}to{opacity:1;transform:none}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 20%, 0)}to{opacity:1;transform:none}}

.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{from{opacity:0;transform:translate3d(+5%, 0, 0)}to{opacity:1;transform:none}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(+5%, 0, 0)}to{opacity:1;transform:none}}

.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft{from{opacity:0;transform:translate3d(-5%, 0, 0)}to{opacity:1;transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-5%, 0, 0)}to{opacity:1;transform:none}}