@charset "utf-8";
html{
    font-size: 10px;
}
body{
    background-color: #fff;
    font-size: 1.0rem;
    font-family: 'Noto Sans KR', sans-serif;
    color:#333333;
    line-height: 1.0;
}
*{
    box-sizing: border-box;
}
.font_en{
    font-family: 'Noto Sans', sans-serif;
}
.center{
    width: 1200px;
    margin: 0px auto;
}
.clear_fix:after{
    content: '';
    display: block;
    clear: both;
}
.blind{
    position: absolute;
    left: -9999px;
}
.res_img{
    width: 100%;
}
a{
    color: #333333;
    text-decoration: none;
}
a:hover,a:focus{
    color:#d91b5c;
}
#skip_nav>a{
    position:absolute;
    z-index:9999;
    top: 0px;
    left: -9999px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #d91b5c;
}
#skip_nav>a:focus{
    left: 0px;
}

/* header */
#hd{
    position: relative;
    width: 100%;
    padding-top: 130px;
    z-index:9980;
}

/* logo */
.logo{
    position: absolute;
    top: 30px;
    left:50%;
    transform: translateX(-50%);
}
.logo>a{
    display: block;
    width: 238px;
    height: 90px;
    text-indent: -9999px;
    background-image: url(../img/main_logo.png);
    background-size: cover;
}

/* gnb */
#gnb{
    position: relative;
    width: 1200px;
}
#gnb>ul>li{ /*1depth*/
    position:relative;
    float:left;
    width: 20%;
    text-align: center;
}
#gnb>ul>li>a{ /*1depth*/
    display: block;
    font-size: 2.0rem;
    line-height: 100px;
    border-bottom: 5px solid rgba(0,0,0,0);
}
#gnb>ul>li>a:hover,#gnb>ul>li>a:focus,#gnb>ul>li>a.on{
    font-weight: bold;
    color:#d91b5c;
    border-bottom-color: #d91b5c;
}
#gnb>ul>li>ul{ /*2depth*/
    display:none;
    position:absolute;
    top:100px;
    left:0px;
    width:100%;
    height:200px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-top: 10px;
}
#gnb>ul>li>ul>li>a{
    display: block;
    line-height: 50px;
}
#gnb>ul>li>ul>li>a:hover{
}
/* gnb bg */
.bg_gnb{
    display: none;
    position: absolute;
    left: 0px;
    top: 231px;
    width: 100%;
    height: 220px;
    z-index: -1;
    background: #fff;
}

/* search_header */
.search_box{
    position: absolute;
    top: 160px;
    right: 175px;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url(../svg/search_icon.svg);
}
.search_box>form>label>input{
    padding: 10px;
    width: 40px;
    height: 40px;
    background: none;
    border: 1px solid #999;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 18px;
    outline: none;
    transition: 0.5s;
}
.search_box:hover input{
    width: 160px;
    border: 1px solid rgba(0,0,0,0.1);
    background:rgba(0,0,0,0.1);
    border-radius: 10px;
}
i{
    position: absolute;
    top: 30%;
    right: 30%;
    font-size: 18px;
    color: #444;
    transition: .2s;
}
.search_box:hover i{
    opacity: 0;
    z-index: -1;
}

/* eng_header */
.eng_web{
    position:absolute;
    top:160px;
    right:100px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #999;
}
.eng_web:hover{
    border: 1px solid rgba(0,0,0,0.1);
    background:rgba(0,0,0,0.1);
}

/* footer */
#ft{
    padding: 80px 0px;
    color: #fff;
    background-color: #4d4d4d;

}
.ft_top_area{
    margin-bottom : 30px;
}
.ft_menu{
    float: left;
}
.ft_menu>a{
    color: #d91b5c;
    font-size: 1.8rem;
}
.ft_menu>a:nth-of-type(2){
    margin-left: 20px;
}
.ft_menu>a:hover{
    color: #fff;
}
.ft_sns{
    float: right;
    font-size: 0px;
}
.ft_sns>a{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    font-size: 1.8rem;
    margin-right: 15px;
    background-repeat:no-repeat;
    background-size:contain;
}
.ft_sns>a:nth-of-type(1){
    background-image: url(../svg/sns_face.svg);
}
.ft_sns>a:nth-of-type(2){
    background-image: url(../svg/sns_insta.svg);
}
.ft_sns>a:nth-of-type(3){
    background-image: url(../svg/sns_twiter.svg);
}
.ft_sns>a:nth-of-type(4){
    background-image: url(../svg/sns_youtube.svg);
}
.ft_sns>a:nth-of-type(5){
    background-image: url(../svg/sns_band.svg);
}
.ft_sns>a:last-child{
    margin-right: 0px;
    background-image: url(../svg/sns_plus.svg);
}
.ft_sns>a:nth-of-type(1):hover, .ft_sns>a:nth-of-type(1):focus{
    background-image: url(../svg/sns_face_ho.svg);
}
.ft_sns>a:nth-of-type(2):hover, .ft_sns>a:nth-of-type(2):focus{
    background-image: url(../svg/sns_insta_ho.svg);
}
.ft_sns>a:nth-of-type(3):hover, .ft_sns>a:nth-of-type(3):focus{
    background-image: url(../svg/sns_twiter_ho.svg);
}
.ft_sns>a:nth-of-type(4):hover, .ft_sns>a:nth-of-type(4):focus{
    background-image: url(../svg/sns_youtube_ho.svg);
}
.ft_sns>a:nth-of-type(5):hover, .ft_sns>a:nth-of-type(5):focus{
    background-image: url(../svg/sns_band_ho.svg);
}
.ft_sns>a:nth-of-type(6):hover, .ft_sns>a:nth-of-type(6):focus{
    background-image: url(../svg/sns_plus_ho.svg);
}
.ft_content{
    border-top: 1px solid #ccc;
}
.adress_area{
    float: left;
}
.info{
    color: #c5c5c5;
    font-size: 0px;
}
.info>p{
    font-size: 1.6rem;
    font-weight: lighter;
    line-height: 1.5;
}
.info>p>span{
    font-size: 2.8rem;
    line-height: 50px;
}
.adress_area>a{
    display: inline-block;
    width: 190px;
    height: 73px;
    text-indent: -9999px;
    font-size: 1.8rem;
    background-image: url(../svg/main_logo_gray.svg);
    background-size: cover;
    margin-top: 30px;
}
.ft_list{
    float: right;
    text-align: right;
}
.site_wrap>a{
    display: inline-block;
    color: #c5c5c5;
    font-size: 1.8rem;
    margin: 40px 0px 30px 0px;
    
}
.site_wrap>a:nth-of-type(2){
    margin-left: 20px;
}
.site_wrap>a:hover{
    color: #d91b5c;
}
.copy{
    color: #c5c5c5;
    font-size: 1.3rem;
    line-height: 1.5;
}

/* top */
.a_top{
    display: none;
    position: fixed;
    right: 50%;
    bottom: 300px;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    transform: translateX(700px);
    background-image: url(../svg/top_btn.svg);
    transition: 0.3s;
} 
.a_top:hover,.a_top:focus{
    width: 60px;
    height: 60px;
    background-image: url(../svg/top_btn_hover.svg);
    transition: 0.3s;
}