@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

 @font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;background:#e7f2fc;height:100%;font-family:'Noto Sans KR', sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Noto Sans KR', dotum, sans-serif}
select {margin:0;background:none;font-family:'Noto Sans KR', dotum, sans-serif}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}

*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input, textarea, select {
  user-select: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
}

.readonly { background:#eeeeee; }
.disabled { background:#8f8f8f !important; }

.nh-wrap {position:relative;width:100%; background:url(../img/nh/nh_logo2.png) no-repeat calc(100% - 80px) calc(100% - 120px), url(../img/nh/nh_bg.jpg) repeat-x 50px bottom; background-attachment: fixed;}
.nh-wrap.sandong {position:relative;width:100%; background:url(../img/nh/nh_logo3.png) no-repeat calc(100% - 80px) calc(100% - 120px), url(../img/nh/nh_bg2.jpg) repeat-x 50px bottom; background-attachment: fixed;}
.nh-wrap.bonghwanh {position:relative;width:100%; background:url(../img/nh/nh_logo_bh.png) no-repeat calc(100% - 80px) calc(100% - 120px), url(../img/nh/nh_bg.jpg) repeat-x 50px bottom; background-attachment: fixed;}
.nh-wrap.daeyanh {position:relative;width:100%; background:url(../img/nh/nh_logo_vietnam.png) no-repeat calc(100% - 80px) calc(100% - 120px), url(../img/nh/nh_bg.jpg) repeat-x 50px bottom; background-attachment: fixed;}
.nh-wrap.anjungnh {position:relative;width:100%; background:url(../img/nh/nh_logo_vietnam.png) no-repeat calc(100% - 80px) calc(100% - 120px), url(../img/nh/nh_bg.jpg) repeat-x 50px bottom; background-attachment: fixed;}
.nh-wrap.eandong {position:relative;width:100%; background:url(../img/nh/nh_logo4-eandong.png) no-repeat calc(100% - 0px) calc(100% - 120px), url(../img/nh/nh_bg2-eandong.jpg) repeat-x 50px bottom; background-attachment: fixed;}
.nh-wrap.chunyangnh {position:relative;width:100%; background:url(../img/nh/nh_logo_vietnam.png) no-repeat calc(100% - 80px) calc(100% - 120px), url(../img/nh/nh_bg.jpg) repeat-x 50px bottom; background-attachment: fixed;}



@media (max-width:1840px) {
.nh-wrap.eandong {
--bg-size: 37% auto; 
position:relative;width:100%; background:url(../img/nh/nh_logo4-eandong.png) no-repeat calc(100% - 0px) center, url(../img/nh/nh_bg2-eandong.jpg) repeat-x 50px bottom; background-attachment: fixed; background-size: var(--bg-size), auto;}
}
@media (max-width: 1700px) {
  .nh-wrap.eandong { --bg-size: 35% auto; }
}
@media (max-width: 1600px) {
  .nh-wrap.eandong { --bg-size: 33% auto; }
}
@media (max-width: 1290px) {
  .nh-wrap.eandong { --bg-size: 31% auto; }
}

.nh-left-info {position:fixed; left:calc(50% - 650px); top:calc(50% - 250px); height:450px;}
.nh-left-info .left_txt02 { font-size:14px; margin-top:10px; margin-bottom:40px; text-indent:10px;}
.nh-left-info .left_txt02 a {color:#ff0000;}

.nh-left-info .left_txt03 {font-size:38px; letter-spacing:-2px; line-height:120%;}
.nh-left-info .left_txt03 q {font-family: 'GmarketSansMedium'; font-size:17px; letter-spacing:-1px; line-height:140%; quotes:""""; display:block; margin-top:20px;}
.nh-left-info .left_txt04 {margin-top:10px; font-family: 'GmarketSansMedium'; font-size:17px;}
.nh-left-info .left_txt04.eandong {font-size:23px;}

.nh-left-info .left_txt05 {color:#02a441; letter-spacing:0px; font-family: 'GmarketSansMedium'; font-size:20px;}

.nh-header {padding:20px; position:relative;}
.nh-header .share_sns {position:absolute; width:35px; height:35px; text-align:center; right:15px; top:15px; font-size:20px;}
.nh-header  h1 img {width:270px;}

.nh-box-copy {position:absolute; right:50px; bottom:30px; font-size:15px; color:rgba(0,0,0,0.5);}
.nh-box-copy .txt01 {display:none;}
.nh-box-copy .txt02 {display:none;}


.nh-box-skin {background:#FFF; max-width:450px; margin:0 auto; height:100%; min-height:1000px}

.dongandong2 .nh-box-skin {max-width:580px;}

.nh-box-skin nav.nh-nav {}
.nh-box-skin nav.nh-nav ul {display:flex;}
.nh-box-skin nav.nh-nav ul li {flex:1;}
.nh-box-skin nav.nh-nav ul li a {display:block; background:#f0f0f0; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:14px; color:#555555; padding:15px 0; text-align:center;}
.nh-box-skin nav.nh-nav ul li:nth-child(1) a {border-left:none;}
.nh-box-skin nav.nh-nav ul li a.active {background:#fff;}


@media (max-width:400px) {

.nh-box-skin nav.nh-nav ul li a {font-size:12px; letter-spacing:-1px;}

}


.nh-box-title {padding-top:45px; padding-bottom:35px; font-size:26px; font-weight:bold; text-align:center; letter-spacing:-1px;}
.nh-box-title.board {display:flex; justify-content:center;}
.nh-box-title.board a {position:relative; font-size:22px; padding:0 13px;}
.nh-box-title.board a:before {position:absolute; content:""; width:1px; height:14px; background:#dbdbdb; right:0; top:10px;}
.nh-box-title.board a:last-child:before {display:none;}

.nh-form {padding:0 25px;}
.nh-form .form-group {position:relative; padding-left:75px; margin-bottom:20px; position:relative;}
.nh-form .form-group label.gr-tit {position:absolute; left:0; top:11px; font-weight:bold; font-size:15px; color:#333333;}
.nh-form .form-group .nh-input {width:100%; height:45px; border-radius:5px; border:1px solid #dbdbdb; font-size:14px; text-indent:10px;}


.nh-form .form-group.date {}
/*.nh-form .form-group.date:after {position:absolute; z-index:0; right:15px; top:12px; color:#dadada; font-size:20px; font-family: 'FontAwesome'; content: "\f073";}*/
.nh-form .form-group.date .nh-input {background:url(../img/nh/cal_icon.png) no-repeat right+10px center;}
.nh-form .form-group .nh-textarea {width:100%; height:130px; border-radius:5px; border:1px solid #dbdbdb; padding:10px; font-size:14px;}
.nh-form .form-group .nh-caption {color:#ff0000; font-size:13px; margin-top:10px;}

.nh-form .form-group .nh-number {width:75px; height:34px; border:1px solid #dbdbdb; border-left:0; border-right:0; font-size:14px; text-align:center;}


.nh-form .form-group.not_padding {padding-left:0;}
.nh-form .form-group.not_padding label {position:relative; display:block; top:0; margin-bottom:10px;}


.nh-form.nh-view .form-group {position:relative; padding-left:75px; margin-bottom:20px; position:relative;}
.nh-form.nh-view .form-group label {position:absolute; left:0; top:0px; font-weight:bold; font-size:15px; color:#333333;}
.nh-form.nh-view .form-group p.nh-content {font-size:15px; }

.nh-form.nh-view .form-group.point label {color:#ff0000; }
.nh-form.nh-view .form-group.point p.nh-content {color:#ff0000; }


/*한줄에 2칸씩*/
.nh-form.col2_style {display:flex; flex-wrap:wrap; padding:0 20px; justify-content:space-between;}
.nh-form.col2_style .col-wide {width:100%;}
.nh-form.col2_style .col-half {width:49%;}
.nh-form.col2_style .form-group {margin-bottom:10px;}

.nh-form .form-group.no_bottom {margin-bottom:0;}


@media (max-width:580px) {

.nh-form.col2_style .col-half {width:100%;}
}



.nh-view-box {padding:30px 20px; text-align:center; font-size:14px;}
.nh-view-box .green_font {color:#02a441; font-weight:bold;}

.nh-counting {display:flex; align-items:center; padding-left:0;}
.nh-counting label {position:relative; top:auto !important;}
.nh-counting p {margin-left:auto; position:relative; }
.nh-counting .nh-number-control {display:flex; margin-left:auto; position:relative;}
.nh-counting .nh-number-control a {display:block;}
.nh-counting .nh-number-control img {border:1px solid #dbdbdb;}

.nh-price {display:flex; padding:25px; border-top:1px solid #cccccc; position:relative;}
.nh-price span {font-size:15px; color:#333333; font-weight:bold; position:relative; top:5px;}
.nh-price .nh-totalprice {margin-left:auto; font-size:18px;}

.nh-submit {padding:10px 30px 30px 30px;}
.nh-submit .submit_btn {background:#02a441; border-radius:5px; display:block; width:100%; height:50px; color:#FFF; font-size:16px; font-weight:bold; border:none;}
.nh-submit .back_btn {background:#333; text-align:center; border-radius:5px; display:flex; align-items:center; justify-content:center; width:100%; height:50px; color:#FFF; font-size:16px; font-weight:bold; border:none;}
.nh-submit .search_btn {background:#b5b5b5; text-align:center; border-radius:5px; display:flex; align-items:center; justify-content:center; width:100%; height:50px; color:#FFF; font-size:16px; font-weight:bold; border:none;}

.nh-submit.d-flex {display:flex; gap:10px;}


@media (max-width:1320px) {

.nh-wrap {background:url(../img/nh/nh_logo2.png) no-repeat right calc(100% - 120px), url(../img/nh/nh_bg.jpg) repeat-x 50px bottom;}
.nh-left-info {left:10px;}

}


@media (max-width:1100px) {

.nh-wrap {background: url(../img/nh/nh_bg.jpg) repeat-x 50px bottom;}
.nh-left-info {display:none;}

.nh-box-skin {background:#FFF; max-width:1000px; margin:0 auto; height:100%; min-height:1000px}
.nh-box-skin.eandong {background:url(../img/nh/nh_logo4-eandong.png) no-repeat center calc(100% + 50px) #FFF; background-size: 300px auto;}

.nh-box-copy {position:relative; text-align:center; padding:20px; bottom:auto; right:auto; }

.nh-box-copy .txt01 {display:block; text-align:center; color:#000; font-family: 'S-CoreDream-6Bold'; margin:10px 0;}
.nh-box-copy .txt02 {display:block; text-align:center; margin-bottom:10px;}
.nh-box-copy .txt02 a {color:#FF0000;}
.nh-box-copy.eandong .txt01 {font-size:20px;}
}


@media (max-width:450px) {

.nh-form .form-group .nh-number {width:40px; }

}

/* sns공유 css */
#sit_star_sns span.sit_opt_price {font-size:30px; color:#f91263; font-weight:bold; letter-spacing:-1px;}

#sit_star_sns {position: absolute; right: 15px; top: 15px;font-size: 15px;}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:35px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_star_sns .btn_sns_share:hover {color:#3a8afd}
#sit_star_sns .sns_area h4 {background:#f2f2f2; padding:10px;text-align:center; }
#sit_star_sns .sns_area .sns_area_inner {padding:10px;  text-align:center;}
#sit_star_sns .sns_area {display:none;position: absolute;top: 35px;right: 0;background: #fff;border: 1px solid #ccc;z-index: 999;border-radius: 10px;overflow: hidden;width: 180px;}
#sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
#sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sit_star_sns .sns_area a {display:inline-block;width:30px;height:30px;line-height:30px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%; margin-left:5px;}
#sit_star_sns .sns_area a img {width:30px;height:auto}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus {background:#ea3838}
#sit_star_sns .sns_area .share-facebook {background:#415b92}
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}
#sit_star_sns .sns_area .sns_copy {border:1px solid #ccc; position:relative; margin-top:10px; width:100%; height:32px;}
#sit_star_sns .sns_area .sns_copy .sns_input {width:100%; border:none; height:28px;}
#sit_star_sns .sns_area .sns_copy .sns_copy_btn {position:absolute; top:0; right:0; font-size:12px; color:#FFF; height:30px; background:#000; padding:0 5px; border-radius:0; width:auto; margin:0; line-height:28px;}

#sit_star_sns .sns_area .share-facebook { background:none;margin-bottom: 7px; }
#sit_star_sns .sns_area .share-facebook img { width:30px !important; }
/* sns공유 css */