@import url(../fonts/NotoKR-Black/stylesheet.css);
@import url(../fonts/NotoKR-Bold/stylesheet.css);
@import url(../fonts/NotoKR-DemiLight/stylesheet.css);
@import url(../fonts/NotoKR-Light/stylesheet.css);
@import url(../fonts/NotoKR-Medium/stylesheet.css);
@import url(../fonts/NotoKR-Regular/stylesheet.css);
#content .img img {
width: 100%;}

body {
    overflow: auto;
}
#content{overflow: hidden;width: 100%;}

.img {
    margin: 0;
    padding: 0;
    line-height: 0em;
}

* ,body, th, td, input, select, textarea, button{
    font-family: 'notokr-regular';
    box-sizing: border-box;
}

#header {
    width: 100%;
    height: 58px;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 3px 1px rgba(0,0,0,0.15);
    z-index: 1000;
    top: 0;
    left: 0;
}

#logo {
    width: 75px;
    margin: 0 auto;
    line-height: 73px;
}

#logo img {
    width: 100%;
}


/************************************************
*				패밀리 링크						*
************************************************/

.share_wrap{position:relative;}
.share_wrap .gs_share{
	width:150px;
	height:22px;
	margin:20px 0 0 10px;
	padding:0;
	background:url(../main/top_logo.png) no-repeat;
	display:block;
	float:left;
}
.share_wrap .gs_share img{height:35px;}
.share_wrap .sns_wrap{position:absolute;left:-85px;top:48px;z-index:10;}
.share_wrap .sns_wrap .gs_arrow{height:15px;margin:-4px 0 -1px;background:url(../main_mobile/sns_arrow.png) no-repeat center bottom;display:block;position:relative;z-index:10;}
.share_wrap .sns_wrap .gs_case{width:110px;padding:15px 10px;background-color:#fff;border:1px solid #d4d4d4;display:block;z-index:1;}
.share_wrap .sns_wrap .gs_case a:first-child{margin:0;}
.share_wrap .sns_wrap .gs_case a{margin:13px 0 0;text-decoration:none; font-size:13px;font-weight:bold;color:#333;letter-spacing:-1px;display:block;}



.btn_goods {
    position: absolute;
    right: 0;
    top: 0;
    width: 86px;
    line-height: 75px;
}

.btn_goods img {
    width: 100%;
}

#header.fixed {
    position: fixed;
}
.btn_under{font-weight: bold;text-align: center;      display: inline-block;      font-size: 13px;      box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);      line-height: 26px;padding-top: 4px;}
.mb-1{margin-bottom: 1px;}


a.btn_under.white {
    background: #fff;
    color: #ef6146;
}

a.btn_under.green {
    background: #0dac8c;
    color: #fff;
}

a.btn_under.blue {
    background: #47355a;
    color: #fff;
}

a.btn_under.demo {
    margin: 30px auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

a.btn_under.demo img {
    zoom: 0.5;
}

.bg_green {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.wrap_btn {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.wrap_btn>a {
    width: 40%;
    margin: 0 2px;
}

a.btn_under.purple {
    background: #47355a;
    color: #fff;
}

a.btn_under.purple.w-70 {
    width: 50%;
    position: absolute;
    top: 169px;
    top: 26.3vh;
    top: 23%;
    margin-left: -25%;
    left: 50%;
}

body.popup {
    background: #444c56;
}

body.popup #header {
    background: #0dac8c;
    position: relative;
    height: 53px;
}

#header a.close {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    top: 0;
    line-height: 66px;
    text-align: center;
}

#header a.close img {
    width: 45%;
}

body.popup #header h1 {
    color: #fff;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
}

.tb_form01 {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    border-collapse: separate;
    border-spacing: 9px 0px;
}

.tb_form01 th {
    color: #fff;
    text-align: left;
    padding-left: 15px;
    font-size: 15px;
    line-height: 35px;
}

.tb_form01 td {
    padding-bottom: 10px;
}

form {
    width: 100%;
    overflow: hidden;
}

.input_gray01 {
    width: 100%;
    border: 0;
    font-size: 13px;
    padding: 4px 12px 0px 12px;
    line-height: 30px;
    color: #131212;
}

.tb_form01 th em {
    color: #f59191;
    font-size: 12px;
    padding: 0 10px;
}


a.btn_under.gray {
    background: #adadad;
    color: #fff;
}

a.btn_under.gray.w-3 {
    width: 40%;
    float: left;
    font-size: 15px;
}

a.btn_under.green.w-7 {
    width: 57%;
    float: right;
    font-size: 15px;
}
.pt-20{padding-top: 17px;}


textarea.input_gray01 {
    height: 100px;
}