@charset "utf-8";@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700');@import url(/css/font.css);*{-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}
a{cursor:pointer}
input[type=text], input[type=password], textarea{-moz-transition:none;-ms-transition: none;-o-transition:none;transition:none;}

/*======================================================== 익스8 이하  */
#ie_lower{padding:7px 0;border-bottom:1px solid #fff073;border-top:1px solid #fff073;text-align:center;background-color:#fffbd9;font-family:nanumgothic} 
#ie_lower span{font-weight:bold;color:#f96319}
#ie_lower a{display:inline-block;padding-left:10px;color:#888}
#ie_lower a:hover{text-decoration:underline}

::selection{background:#33e2a7;color:#fff;text-shadow:none}
::-moz-selection{background:#33e2a7;color:#fff;text-shadow:none}
::-webkit-selection{background:#33e2a7;color:#fff;text-shadow:none} 

#hd_pop{width:100%;max-width:1200px;margin:0 auto}
.hd_pops{border:none;box-shadow:0 0 8px rgba(0,0,0,.25)}
.hd_pops_footer button{font-size:12.5px;font-family:'notokr-regular'}
@media (max-width:480px){
.hd_pops{top:65px!important}
}
@media (max-width:320px){
.hd_pops{width:90%!important}
.hd_pops_con {width:100%!important;height:auto!important}
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadownoneff;box-shadow:none;border:none !important}

/*======================================================== INTRO */
#introPage{overflow:hidden;position:relative;max-width:1950px;width:100%;min-width:320px;margin:0 auto;font-family:'notokr-regular'}
#introPage, #introPage *, #introPage *:before, #introPage *:after{box-sizing:border-box}

#mainBtn{display:block;position:fixed;right:50px;bottom:50px;z-index:1001}
#mainBtn .pcV{width:120px;height:120px;padding-top:30px;border-radius:100%;font-size:14px;line-height:1.2;text-align:center;color:#fff;background-color:#33e2a7;font-family:'notokr-medium'}
#mainBtn .pcV i{display:block;width:27px;height:27px;margin:8px auto 0;border-radius:100%;font-size:14px;font-weight:bold;line-height:27px;background-color:rgba(0,0,0,.1) ;-webkit-transition:all .3s;transition:all .3s}
#mainBtn .mV{display:none;width:120px;height:45px;border-radius:30px;font-size:13px;color:#fff;text-align:center;background-color:#33e2a7; font-family:'notokr-medium'}
#mainBtn .mV i{padding-left:7px;line-height:45px}
#mainBtn:hover i{color:#33e2a7;background-color:#fff}

/* INTRO - MAIN */
#itrMain{position:relative;width:100%;height:100vh;background:url(/sh_img/intro/main_img.jpg) center no-repeat;background-size:cover}
#itrMain h1{position:absolute;left:30px;top:30px}
#itrMain .txt_area{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -55%);-ms-transform:translate(-50%, -55%);transform:translate(-50%, -55%);width:0;height:320px}
#itrMain .txt_area .txt01, #itrMain .txt_area .txt02, #itrMain .txt_area .txt03{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}
#itrMain .txt_area .txt01{margin:40px 0 0 -100px}
#itrMain .txt_area .txt02{margin:95px 0 0 55px}
#itrMain .txt_area .txt03{margin:160px 0 0 90px}

/* INTRO - SCROLL */
#itrMain .scroll_bar_wrap{overflow:hidden;position:absolute;bottom:160px;left:50%;width:1px;height:80px;background-color:rgba(255,255,255,.3)}
#itrMain .scr_bar{position:absolute;left:0;top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:1px;height:100%;background-color:rgba(255,255,255,.8)}
#itrMain .scroll{position:absolute;bottom:80px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:30px;height:48px;border:solid 3px #fff;border-radius:30px;cursor:pointer}
#itrMain .scr-down{display:block;width:4px;height:4px;margin:18% auto auto;-webkit-animation:scroll-inner 1.5s infinite ease;-ms-animation:scroll-inner 1.5s infinite ease;animation:scroll-inner 1.5s infinite ease;border-radius:50%;background:#fff}
@-webkit-keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
@-ms-keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
@keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
#itrMain .scr_txt{position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:13px;font-weight:700;color:#fff;letter-spacing:1.5px;font-family:'Montserrat', sans-serif}

/* INTRO - INDEX */
#itrIndex{max-width:1200px;margin:80px auto;text-align:center}
#itrIndex li{display:inline-block;position:relative;width:33%;cursor:pointer}
#itrIndex li:nth-child(2):before,#itrIndex li:nth-child(2):after{display:block;content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:60%;background-color:#ddd}
#itrIndex li:nth-child(2):after{left:100%}
#itrIndex li .icon{width:175px;height:175px;margin:0 auto 20px;padding-top:45px;border-radius:100%;background-color:#f7f7f7;-webkit-transition:all .3s;transition:all .3s}
#itrIndex li p{font-size:14px;font-weight:500;color:#afafaf;letter-spacing:.2px;font-family:'Montserrat', sans-serif}
#itrIndex li h3{padding:15px 0 20px;font-size:24px;font-weight:normal;color:#222;letter-spacing:-.5px;font-family:'notokr-medium'}
#itrIndex li span{display:inline-block;width:150px;height:50px;border:3px solid #ddd;border-radius:4px;font-size:14.5px;color:#222;line-height:45px;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-medium'}
#itrIndex li:hover span{border-color:#33e2a7}
#itrIndex li:hover .icon{transform:translateY(-10px)}  

/* INTRO - FOOTER */
#introPage .copy{padding:25px 0;font-size:14px;text-align:center;color:#888}

/* INTRO - 반응형 */
@media (max-width:1200px){
#mainBtn{right:20px;bottom:20px}	
}

@media (max-width:768px){
#itrMain h1{left:20px;top:20px}
#itrMain{background-position:-500px 0}	
#itrIndex{margin:60px auto}
#itrIndex li{width:32.5%}
#itrIndex li .icon{width:130px;height:130px;padding-top:35px}
#itrIndex li .icon img{width:80px}
#itrIndex li h3{font-size:18px}
#itrIndex li span{width:120px;height:45px;line-height:41px;font-size:14px}
}

@media (max-width:600px){
#itrMain{height:620px;background-position:-400px 0}	
#itrIndex{margin:30px auto}
#itrIndex li{width:100%}
#itrIndex li:nth-child(2){margin:30px 0;padding:30px 0;background-color:#f7f7f7}
#itrIndex li:nth-child(2) .icon{background-color:#fff}
#itrIndex li:nth-child(2):before,#itrIndex li:nth-child(2):after{display:none}
#itrIndex li span{width:160px}
}

@media (max-width:480px){
#itrMain{background-position:center top;background-image:url(/sh_img/intro/main_img_m.jpg)}	
#mainBtn .pcV{display:none}
#mainBtn .mV{display:block}	
#mainBtn:hover i{color:inherit;background-color:transparent}
#itrMain .txt_area{top:38%;height:280px}	
#itrMain .txt_area .txt01{width:158px;margin:40px 0 0 -60px}
#itrMain .txt_area .txt02{width:95px;margin:90px 0 0 60px}
#itrMain .txt_area .txt03{width:234px;margin:150px 0 0 30px}
#introPage .copy{padding:20px;text-align:left}
#itrMain .scroll_bar_wrap{display:none}
#itrMain .scroll{bottom:25px}
#itrMain .scr_txt {display:none}
}

/*======================================================== MAIN */
#sh_wrapper{overflow:hidden;position:relative;width:100%;max-width:1950px;min-width:320px;margin:0 auto}
#sh_wrapper, #sh_wrapper *, #sh_wrapper *:before, #sh_wrapper *:after{box-sizing:border-box}

/* HEADER */
#sh_hd{position:fixed;z-index:100;width:100%;padding:0 5%;-webkit-transition:all .2s;transition:all .2s;background-color:#fff;font-family:'notokr-regular'}
#sh_hd.shadow{-ms-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03);box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03)}
/*#sh_hd.fixed{position:fixed;top:0;left:0;width:100%;background-color:#fff;-ms-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03);box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03);-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s}
@-webkit-keyframes updown{from{top:-40px}to{top:0}}
@-ms-keyframes updown{from{top:-40px}to{top:0}}
@keyframes updown{from{top:-40px}to{top:0}}*/

#sh_hd_wrapper{position:relative;width:100%}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* MAIN  */
#main_banner{position:relative;z-index:5;width:100%;font-family:'notokr-regular'}

/* INDEX */
#sh_section{position:relative;z-index:6;width:100%;line-height:1.6;letter-spacing:-.2px;font-family:'notokr-regular'}

/* CONTENT */
#sh_container{position:relative;width:100%;z-index:0}
#sh_container_wrapper{position:relative;width:100%}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content{position:relative;z-index:4;width:100%;min-height:450px;padding:0;margin:0 auto;background-color:#fff}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* SUB */
#sub_main_banner{overflow:hidden;display:table;position:relative;z-index:6;width:100%;height:650px;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-regular'}
#sub_main_banner.sub_no{display:none}

/* SNB */
#sh_snb{position:relative;z-index:7;width:100%;margin:0 auto;font-family:'notokr-regular'}
#sh_snb.sub_no{display:none}

/* FOOTER */
#sh_ft{position:relative;width:100%;padding:80px 0 40px;font-size:14.5px;color:rgba(255,255,255,.3);background-color:#2d3231;font-family:'notokr-regular'}
#sh_ft_wrapper{overflow:hidden;position:relative;max-width:1200px;width:100%;margin:0 auto}
#sh_ft .ft_mn{float:left;padding:20px 0 30px}
#sh_ft .ft_mn li{display:inline-block;position:relative;margin-right:40px}
#sh_ft .ft_mn li:before{display:block;content:"";position:absolute;left:-22px;top:10px;width:2px;height:2px;background-color:rgba(255,255,255,.3)}
#sh_ft .ft_mn li:first-child:before{display:none}
#sh_ft .ft_mn li a{font-size:15px;color:rgba(255,255,255,.7);-webkit-transition:all .2s;transition:all .2s}
#sh_ft .ft_mn li a:hover{color:rgba(255,255,255,.9)}
#sh_ft .ft_sns{float:right}
#sh_ft .ft_sns li{display:inline-block;margin-left:10px}
#sh_ft .ft_sns li a{display:block;width:45px;height:45px;border-radius:100%;text-align:center;line-height:45px;color:#fff;background-color:rgba(255,255,255,.1);-webkit-transition:all .3s;transition:all .3s}
#sh_ft .ft_sns li a.blog{font-size:13px}
#sh_ft .ft_sns li a.blog:hover{background-color:#3ec729}
#sh_ft .ft_sns li a.fb:hover{background-color:#ffcd00}
#sh_ft .ft_sns li a.insta:hover{background-color:#da3b6d}
#sh_ft .ft_sns li a.youtube:hover{background-color:#f70000}
#sh_ft .add{position:relative;padding:30px 100px 0 0;border-top:1px solid rgba(255,255,255,.1);line-height:1.8;clear:both}
#sh_ft .icon{margin-top:15px}
#sh_ft .mark{position:absolute;right:0;top:30px}

@media (max-width:1200px){
#sh_hd{padding:0 20px}
#sh_ft{padding:80px 20px 40px}
#sh_content{border:none}
}

@media (max-width:1024px){
#sh_ft{padding:50px 20px 40px}	
}

@media (max-width:768px){
#sub_main_banner{height:400px}
#sub_bg_wrap{height:270px}
#sh_ft .ft_mn{float:none;padding-top:0;text-align:center}
#sh_ft .ft_mn li{margin:0 7px}
#sh_ft .ft_sns{float:none;text-align:center}
#sh_ft .ft_sns li a{width:40px;height:40px;line-height:40px}
#sh_ft .add{margin-top:30px;padding-right:0;text-align:center}
#sh_ft .mark{position:relative;right:auto;top:auto;margin-top:15px}
}

@media (max-width:480px){
#sh_hd{padding:0 5px 0 15px}
#sh_snb{padding:0}
#sh_ft{padding:40px 20px;font-size:14px}
#sh_ft .ft_mn{padding-bottom:20px}
#sh_ft .ft_mn li a{line-height:1.7}
#sh_ft .ft_sns li a.blog{font-size:12px}
#sh_ft .add{margin-top:20px;padding-top:20px}
#sh_ft .mark{width:60px}
}

/* 사이트맵 */
#sh_site_map{ overflow:hidden;max-width:1200px;width:100%;position:relative;margin:0 auto;padding:50px 0 100px}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto}
.sh_site_map_title{font-size:1.4em;color:#515151}
.sh_site_map_title a{color:#515151}
.sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.sh_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.sh_site_map_txt a{color:#666}
@media (max-width:480px){
#sh_site_map{padding:20px}	
.sh_site_map01{float:none;width:100%}
}