@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face {font-family:'GongGothicLight';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'GongGothicMedium';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');font-weight:normal;font-style:normal}
@font-face {font-family:'GongGothicBold';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.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'}
input[type=text], input[type=password], textarea{transition:unset}

*{-webkit-text-size-adjust:none}

/* HEADER */
#sh_hd{position:fixed;top:0;left:0;z-index:15;width:100%;height:85px;font-family:'notokr-medium'}

/* MAIN */
#sh_container{overflow:hidden;position:relative;z-index:10;min-width:1280px;}
#main_banner{position:relative;font-family:'notokr-medium'}

/* INDEX */
#sh_section{position:relative;font-family:'notokr-regular'}
#sh_section .w_1280{position:relative;width:1280px;margin:0 auto}
#sh_section .tit_area{overflow:hidden;position:relative;height:470px;padding-top:145px;font-size:16px;text-align:center;color:rgba(255,255,255,.85)}
#sh_section .tit_area p{margin-bottom:15px;font-size:45px;font-weight:700;color:#fff;font-family:'Play','notokr-bold'}
#sh_section .tit_area:after{display:block;content:"";position:absolute;right:0;bottom:0;width:90%;height:95px;background-color:#fff}

#section01{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
#section02{opacity:0;position:relative;-webkit-transform:translateY(50px);transform:translateY(50px);width:100%;font-size:15px;line-height:1.8}
#section02 .tit_area{background:url(/sh_img/index/sec2_bg.jpg) right bottom no-repeat #25262e fixed;background-size:auto 100%}
#section03{opacity:0;position:relative;z-index:1;-webkit-transform:translateY(50px);transform:translateY(50px)}
#section03 .tit_area{background:url(/sh_img/index/sec3_bg.jpg) right bottom no-repeat #25262e fixed;background-size:auto 100%}
#section04{min-height:710px;padding:120px 0 100px;border-top:1px solid #e1e1e1}
#section04 h3{padding-bottom:30px;font-size:45px;font-weight:700;color:#222;text-align:center;font-family:'Play'}
#sh_bo_sch select, #sh_bo_sch input[type=text]{height:50px}
#sh_list_tbl th, #sh_list_tbl td{height:70px}

/* FADE */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.2s;animation-delay:.2s}
.fadeIn3dUp{-webkit-animation-name:fadeIn3dUp;animation-name:fadeIn3dUp}
@-webkit-keyframes fadeIn3dUp{from{opacity:0}to{opacity:1;-webkit-transform:perspective(0) rotateX(0) translateY(0)}}
@keyframes fadeIn3dUp{from{opacity:0}to{opacity:1;transform:perspective(0) rotateX(0) translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUp{from{opacity:0}to{opacity:1;-webkit-transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0}to{opacity:1;transform:translateY(0)}}

/* FOOTER */
#sh_ft{overflow:hidden;position:relative;z-index:10;min-width:1280px;width:100%;padding:95px 5% 60px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.4);letter-spacing:-.2px;background:#25262e;font-family:'notokr-regular'} 
#sh_ft dl dt{font-size:15px;font-weight:700;color:#fff;font-family:'Play'}
#sh_ft .cs{float:left;margin-right:6%;letter-spacing:0;font-family:'Play'}
#sh_ft .cs .tel{padding:15px 0 10px;font-size:32px;font-weight:700;color:#fff}
#sh_ft .add{float:left}
#sh_ft .add dt{margin-bottom:25px}
#sh_ft .add .ft_icon{margin-top:20px}
#sh_ft .add .ft_icon a{font-size:13px;font-weight:700;color:rgba(255,255,255,.4);font-family:'Play'}
#sh_ft .add .ft_icon a+a:before{display:inline-block;content:"";width:1px;height:9px;margin:0 14px 0 10px;background-color:#555}
#sh_ft .copy{float:right;padding:5px 0 0 50px;border-left:1px solid rgba(255,255,255,.12)}
#sh_ft .copy ul li+li{margin-top:6px}
#sh_ft .copy ul li a{color:rgba(255,255,255,.5);-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#sh_ft .copy ul li a:hover{color:#fff}
#sh_ft .copy p{margin-top:40px}
#sh_ft .copy p b{font-weight:normal;font-family:'notokr-medium'}

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