@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,700&family=Poppins:wght@400;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:1930px;min-width:1600px;margin:0 auto}
#sh_wrapper.sub_wrapper{padding:0;background:#fff}
#sh_hd {position:absolute;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}

/* SNB */
#sh_aside{position:relative;z-index:15;width:100%;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:""}

/*idx*/
#idx_area{overflow:hidden;width:100%}
#idx_area > article{position:relative;z-index:1;width:100%;height:100vh;max-height:970px}
#idx_area .atc02{z-index:10}

/* 하단 */
#sh_ft{position:relative;z-index:10;width:100%;min-width:1600px;font-size:14px;line-height:24px;color:#888;background:#f7f7f7} 
#sh_ft_wrapper{overflow:hidden;position:relative;width:1400px;margin:0 auto;padding:100px 0}
#sh_ft.ft_sub{background:#333}

#sh_ft_wrapper .ft_logo{float:left;width:280px}
#sh_ft_wrapper .info{float:left;width:855px;padding-right:50px;word-break:keep-all;font-family:'notokr-regular'}
#sh_ft_wrapper .cs{float:left;width:265px;font-family: 'Amiri';}

#sh_ft_wrapper .ft_logo .tit{font-weight:700;font-size:16px;color:#333;font-family: 'Playfair Display','notokr-bold'}
#sh_ft_wrapper .ft_logo .sns_link{overflow:hidden;margin-top:30px;display:inline-block}
#sh_ft_wrapper .ft_logo .sns_link li{float:left;width:48px;height:48px;border-radius:48px;border:1px solid rgba(0,0,0,.3);line-height:48px;font-weight:600;font-size:11px;color:rgba(0,0,0,.6);text-align:center;font-family: 'Amiri';;transition:all .3s}
#sh_ft_wrapper .ft_logo .sns_link li a{display:block;color:#333;font-size:13px}
#sh_ft_wrapper .ft_logo .sns_link li+li{margin-left:5px}
#sh_ft_wrapper .ft_logo .sns_link li:hover{border-color:#333}

#sh_ft .ft_mn{margin-bottom:30px}
#sh_ft .ft_mn li{display:inline-block}
#sh_ft .ft_mn li+li{margin-left:20px}
#sh_ft .ft_mn li a{font-weight:500;color:rgba(0,0,0,.7);cursor:pointer;font-family:'notokr-medium'}
#sh_ft .ft_mn li a:hover{color:#333}

#sh_ft .cs{font-size:16px}
#sh_ft .cs .tit, #sh_ft .cs .tel{font-size:17px;font-weight:600;color:#333}
#sh_ft .cs .tel{padding:27px 0 15px;font-size:38px;line-height:38px;letter-spacing:-2px}

#sh_ft .copy{border-top:1px solid rgba(0,0,0,.1);line-height:65px;font-family:'notokr-regular'}
#sh_ft .copy .inner{width:1400px;margin:0 auto}
#sh_ft .copy .link{float:right;display:inline-block}
#sh_ft .copy .link li{display:inline-block}
#sh_ft .copy .link li+li{margin-left:12px}
#sh_ft .copy .link li a{font-size:12px;font-weight:600;color:rgba(0,0,0,.4);-webkit-transition:all .2s;transition:all .2s;font-family: 'Amiri';}
#sh_ft .copy .link li a:hover{color:#fff}

#fixMenu{opacity:0;position:fixed;bottom:30px;right:15px;z-index:101;transition:all .2s}
#fixMenu.on{opacity:1;bottom:105px}
#fixMenu a:nth-child(1){background:#f5f5f5}
#fixMenu a:nth-child(2){background:#f5f5f5}
#fixMenu a+a{margin-top:8px}
#fixMenu a{position:relative;display:flex;align-items:center;width:60px;height:60px;border-radius:6rem;backdrop-filter:blur(10px);margin:auto;margin-right:0;overflow:hidden;transition:all 0.5s;justify-content:center;font-size:15px;font-weight:bold;box-shadow:3px 3px 8px rgba(0,0,0,.2)}
#fixMenu a .txt{width:0;height:0;font-size:0;line-height:0;font-family:'notokr-regular'}
#fixMenu a:hover .txt{width: 60px;font-size:15px}
#fixMenu a:hover{width:150px;column-gap:20px}
#fixMenu a:hover:nth-child(1){background:#f5f5f5;color:#111}
#fixMenu a:hover:nth-child(2){background:#f5f5f5;color:#111}
#fixMenu .to_top{display:flex;flex-flow:column;justify-content:center;align-items:center;margin:15px auto 0;margin-right: 0;width:60px;height:60px;border-radius:50%;text-align:center;line-height:60px;background:#fff;cursor:pointer;transition:all .3s;box-shadow:3px 3px 8px rgba(0,0,0,.2)}

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

/*개인정보.이용약관*/
#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'}