.products_detail_wrap{max-width: 1050px;margin: 55px auto 0;letter-spacing: -1px;}
.products_detail_wrap img{max-width: 100%;}

.products_top{}
.products_img{float: left;width: 45.7%;}
.products_box{float: right;width: 54.2%;box-sizing: border-box;padding-left: 6.6%;}
.products_box .products_tit{}
.products_box .products_tit dl{margin-bottom: 35px;}
.products_box .products_tit dl dt{font-size: 30px;color:#222;margin:10px 0 20px;font-weight: bold;}
.products_box .products_tit dl dd{font-size: 22px;color:#777;font-weight: 500;}
.products_box .products_tit .products_price{font-size: 30px;color:#222;font-weight: bold;}
.products_box .products_tit .products_price span{color:#f36f2a;display: inline-block;margin-right: 15px;}
.products_box .products_tit .products_be_price{font-size: 22px;color:#c6c6c6;font-weight: bold;text-decoration: line-through;margin-top: 5px;}

.products_table{margin-top: 35px;text-align: left;width: 100%;}
.products_table tr{display: block;padding: 4% 0;border-top:1px solid #ebebeb;}
.products_table tr th{font-size: 18px;color:#222;width: 140px;line-height: 1.4;font-weight: 400;vertical-align: top;}
.products_table tr td{font-size: 18px;color:#222;line-height: 1.4;}
.products_table tr td span{display: block;font-size: 14px;color:#777;margin-top: 10px;line-height: 1.25;}

.products_btn{}
.products_btn a{display: block;width: 100%;padding: 20px 0;background-color: #fd6f24;color:#fff;border-radius: 5px;text-align: center;margin-top: 8%;font-size: 20px;}

.products_top::after{content: '';display: block;clear: both;}

/**/
.products_cont{clear: both;text-align: center;}
.products_cont_tit{padding: 18px 0;background-color: #fff;font-size: 20px;color:#fd6f24;border:1px solid #ebebeb;margin: 60px 0 45px;}


@media all and (max-width:1600px){
	
	
}


@media all and (max-width:1280px){
	.products_top{padding: 0 20px;}
	.products_box{padding-left: 4%;}
	.products_box .products_tit dl dt{font-size: 28px;}
	.products_box .products_tit dl dd{font-size: 18px;line-height: 1.2;}
	
	
	
	
}

@media all and (max-width:1024px){
	.products_box .products_tit dl {margin-bottom: 5%;}
	.products_box .products_tit dl dt{font-size: 24px;}
	.products_box .products_tit dl dd{font-size: 16px;}
	.products_box .products_tit .products_price{font-size: 24px;}
	.products_box .products_tit .products_be_price{font-size:20px;}
	.products_table tr th{font-size: 16px;width: 13vw;}
	.products_table tr td{font-size: 16px;}
	
}


@media all and (max-width:720px){
	.products_detail_wrap{margin: 11vw 0 0;letter-spacing: -0.1vw;}
	.products_top{padding: 0;width: 70vw;margin: 0 auto;}
	.products_img{float: none;width: 95%;margin: 0 auto;}
	.products_box{float: none;width: 100%;padding-left: 0;}
	.products_box .products_tit dl {margin-bottom: 7%;}
	.products_box .products_tit dl dt {font-size: 4.16vw;margin: 6vw 0 2.5vw;}
	.products_box .products_tit dl dd{font-size: 3vw;}
	.products_box .products_tit .products_price{font-size: 4.16vw;}
	.products_box .products_tit .products_be_price {font-size: 3vw;margin-top: 1vw;}
	.products_table{margin-top: 6vw;}
	.products_table tr th{font-size: 2.5vw;width: 19.44vw;}
	.products_table tr td{font-size: 2.5vw;}
	.products_table tr td span {font-size: 1.94vw;margin-top: 1vw;}
	.products_btn a{font-size: 2.7vw;padding: 2.7vw 0;border-radius: 1vw;margin-top: 6vw;}
	.products_cont_tit {padding: 2.7vw 0;font-size: 2.7vw;margin: 9vw 0 7vw;}
	
	
}

@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*본고딕(노토산즈) font-family:'Noto Sans KR' */
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*나눔명조 font-family: 'Nanum Myeongjo' */
@import url(https://fonts.googleapis.com/css?family=Montserrat);
/*몬세라트 font-family: 'Montserrat' */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
/*로보토 font-family: 'Roboto' */
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
/*나눔바른고딕 font-family: 'NanumBarunGothic';*/
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
/*TEKO font-family: 'Teko', sans-serif;*/
@font-face { font-family: 'GyeonggiBatang'; 
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff'); font-weight: normal; font-style: normal; }
/*경기바탕체 font-family: 'GyeonggiBatang';*/


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/*----------------- reset -----------------  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr, p, span {margin:0; padding:0; font-family:'Noto Sans KR',sans-serif;}

body { font-size:16px; font:inherit; color:#222; line-height:1; -webkit-text-size-adjust:none}

ul, ol, li {list-style:none}

em, var, address, i{font-style:normal}

a:hover,a:active,a:focus, a{ text-decoration:none; color:none; }

h1,h2,h3,h4,h5,h6{font-size:none}

img {border:0; vertical-align:top;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* TOP */





.img_pc {
  display: block;
}
.img_m {
  display: none;
}

.header-wrapper {
  margin-bottom: 13px;
}
.header-wrapper img {
  max-width: 100%;
}
.top_bnr {
  width: 100%;
  height: 43px;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #ff7111;
  /* 신사 리뉴얼 색상 변경 */
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.top_bnr ul li a {
  display: block;
  color: #fff;
  line-height: 43px;
  font-weight: 500;
  font-size: 16px;
}
/*.top_bnr ul li:nth-child(1) a{background-color: #000;}
  .top_bnr ul li:nth-child(2) a{background-color: #ff0000;}
  .top_bnr ul li:nth-child(3) a{background-color: #0000ff;}*/
/*.top_bnr .top_bnr_close{max-width: 1050px;position: absolute;top:50%;right: 50%;z-index: 1;transform: translate(-50%,-50%);cursor: pointer;margin-right: -27%;}*/
.login_wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 35px 0 30px;
  box-sizing: border-box;
}
.login_box {
  font-size: 0;
  text-align: right;
  padding-top: 20px;
}
.login_box > a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: white;
  padding: 0 10px;
}
.login_box > a:nth-of-type(1) {
  position: relative;
}
.login_box > a:nth-of-type(1)::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background-color: white;
  position: absolute;
  top: 0;
  right: -1px;
}

@media all and (max-width: 1600px) {
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1024px) {
  .top_bnr ul li a {
    font-size: 14px;
  }
}

@media all and (max-width: 720px) {
  .img_pc {
    display: none;
  }
  .img_m {
    display: block;
  }

  .header-wrapper {
    margin-bottom: 0;
  }
  .top_bnr {
    display: none;
  }
  .login_wrap {
    background-color: #ff7111;
    height: 14vw;
    box-sizing: border-box;
    padding: 5vw 0 0 5vw;
  }
  .login_box {
    float: right;
    padding: 3vw 11.5vw 0 0;
  }
  .login_box > a {
    color: #fff;
    font-size: 2.7vw;
    padding: 0 2.5vw;
  }
  .login_box > a:nth-of-type(1)::after {
    height: 100%;
    background-color: #fff;
  }
  .logo {
    float: left;
    width: 22.36vw;
  }
}

/* 하단 플로팅배너 */
.bottom_floating {
  position: fixed;
  bottom: 0; /* height:calc(100vw / 6.5); */
  z-index: 1000;
  width: 100%;
}
/* .floating_list{background-color: #002f6b;font-size: 0;display:flex;align-items:center;justify-content:space-between;height:100%}
.floating_list li{width:25%;text-align:center}
.floating_list li a{display: block;padding: 5vw 0;position: relative;}
.floating_list li:not(:last-child) a:after{content: '';position: absolute;top:50%;right: 0;width: 1px;height: 9vw;background-color: rgba(255,255,255,0.2);-webkit-transform:translate(0 , -50%) ;
-moz-transform:translate(0 , -50%);
-ms-transform:translate(0 , -50%);
-o-transform:translate(0 , -50%);}
.floating_list li a > span{width: 5vw;display: block;margin:0 auto}
.floating_list li a > span img{width: 100%;}
.floating_list li a > p{font-size: 2.22vw;color:#fff;letter-spacing: -0.2vw;margin-top:2vw} */

/* 하단 빠른상담 */
.counsel_bottom input::-ms-input-placeholder {
  color: #949495;
}
.counsel_bottom input::-webkit-input-placeholder {
  color: #949495;
}
.counsel_bottom input::-moz-placeholder {
  color: #949495;
}

.bottom_counsel_btn_wrap {
  box-sizing: border-box;
  position: absolute;
  width: 16.25vw;
  bottom: 23vw;
  right: 5.56vw;
}
.bottom_counsel_btn_wrap h3 {
  display: inline-block;
  width: 16.25vw;
  margin-right: 5.56vw;
  cursor: pointer;
}
.bottom_counsel_btn_wrap h3 img {
  width: 100%;
}

.counsel_bottom {
  position: relative;
  width: 100%;
  background: #ff7d18;
  font-family: "Noto Sans KR";
  padding: 3.47vw 0 2.78vw;
  box-sizing: border-box;
}
.counsel_bottom .bottom_input_wrap {
  width: 88.89vw;
  margin: 0 auto;
  box-sizing: border-box;
}
.counsel_bottom .bottom_input_wrap > div {
  display: flex;
  justify-content: space-between;
}
.counsel_bottom .bottom_input_wrap label > input {
  background: #fff;
  height: 8.75vw;
  line-height: 8.75vw;
  font-size: 3.61vw;
  border: none;
  padding: 0 2.78vw;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font-family: "Noto Sans KR";
}
.counsel_bottom .bottom_input_wrap .name_input_box input {
  width: 27.78vw;
}
.counsel_bottom .bottom_input_wrap .phone_input_box input {
  width: 38.61vw;
}
.counsel_bottom .bottom_input_wrap .btn_apply_go {
  font-family: "Noto Sans KR";
  border: none;
  width: 20.14vw;
  background: #244060;
  font-size: 3.61vw;
  font-weight: bold;
  color: #fff;
  height: 8.75vw;
  line-height: 8.75vw;
  box-sizing: border-box;
  letter-spacing: -0.14vw;
  cursor: pointer;
  border-radius: 0;
}

.counsel_bottom .bottom_input_wrap .sms_check_box {
  display: inline-block;
  font-size: 1.6vw;
  color: #fff;
  margin-top: 1.4vw;
}
.counsel_bottom .bottom_input_wrap .sms_check_box input {
  width: 2.08vw;
  height: 2.08vw;
  margin: -0.3vw 0.42vw 0 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  accent-color: #000;
}

.bottom_counsel_btn_wrap ul {
  position: absolute;
  width: 16.25vw;
  bottom: 16.67vw;
  right: 0;
}
.bottom_counsel_btn_wrap ul li {
  display: block;
  margin: 2.78vw 0;
}
.bottom_counsel_btn_wrap ul li img {
  width: 100%;
}

.bottom_counsel_btn_open {
  display: none;
}

.counsel_bottom .agreement .personal {
  font-size: 10px;
  background-color: #fff;
  padding: 5px;
  height: 100px;
  margin-left: 2%;
  width: 93%;
  overflow: hidden;
  overflow-y: auto;
}
.counsel_bottom .agreement {
  display: none;
}
.counsel_bottom .agreement span {
  margin-left: 10px;
}
.counsel_bottom > form > div > span > a {
  color: #000;
  font-size: 1.8vw;
}
.counsel_bottom .scrollY .JI_readOnly {
  width: 94%;
  left: 2%;
  height: 100px;
  position: relative;
  font-size: 12px;
  color: #666;
  border: 0;
}
@media all and (min-width: 720px) {
  .bottom_floating {
    display: none;
  }
}

.gnb-wrapper {
  text-align: center;
  background-color: #fff;
  width: 100%;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}
.gnb-wrapper img {
  max-width: 100%;
}

.gnb-wrapper.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.gnb_list_wrap {
  max-width: 1050px;
  margin: 0 auto;
  position: relative;
  z-index: 999;
  height: 70px;
  padding-top: 25px;
  box-sizing: border-box;
}
.gnb_list_wrap::after {
  content: "";
  display: block;
  clear: both;
}
.gnb_list {
  float: left;
  height: 100%;
}
.gnb_list li {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  color: white;
  font-weight: 500;
}
.gnb_list li:not(:last-child) {
  margin-right: 86px;
}
.gnb_list li a {
  display: block;
  color: white;
}
.gnb_list li.drop {
  cursor: pointer;
  height: 100%;
}
.gnb_list li.drop span {
  display: inline-block;
  vertical-align: middle;
}
/* 리브랜딩 컬러 추가 */
/* .gnb_list_wrap > .gnb_list li:nth-of-type(4) a {
  color: #e07138;
} */

/* 리브랜딩 패밀리 gnb arrow */
.gnb_family .gnb_place_btn span > img {
  display: block;
}
.login_wrap .logo {
  margin-top: 1px;
}
.login_wrap .logo > a {
  display: flex;
  justify-content: center;
}
.header-wrapper {
  padding-bottom: 35px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
/* header bg 변경 */
.header-wrapper,
.gnb-wrapper {
  background-color: #ff7111;
}

.gnb_right_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gnb_right_box .cart {
  display: inline-block;
  vertical-align: top;
  margin: -8px 0 0 20%;
  position: relative;
}
.gnb_right_box .cart span {
  display: block;
  width: 22px;
  line-height: 22px;
  background-color: #fff;
  color: #ff5800;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -6px;
  right: -8px;
}
.gnb_right_box .gnb_family {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: -10px;
  position: relative;
}
/* 패밀리박스 변경 */
.gnb_right_box .gnb_family .gnb_place_btn {
  width: 140px;
  line-height: 30px;
  font-size: 16px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 10px;
  padding: 4px 0;
}
.gnb_right_box .gnb_family .gnb_place_btn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  color: #222;
  margin: -3px 0 0 18px;
}
.gnb_right_box .gnb_family > ul {
  width: 140px;
  border: 1px solid #dadada;
  padding: 15px 0 20px;
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: #fff;
  display: none;
}
.gnb_right_box .gnb_family > ul li {
}
.gnb_right_box .gnb_family > ul li a {
  display: block;
  padding: 6px 0 9px;
  font-size: 15px;
  color: #222;
}
.gnb_right_box .gnb_family > ul li a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #222;
  margin: -3px 0 0 7px;
}
.gnb_right_box .gnb_family > ul li:hover a {
  color: #f36f2a;
  font-weight: bold;
}
.gnb_right_box .gnb_family > ul li:hover a span {
  color: #f36f2a;
  font-weight: bold;
}

.drop_list_wrap {
  position: absolute;
  top: 68px;
  left: 0;
  background-color: #fff;
  padding: 0 10px 15px;
  text-align: left;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  display: none;
}
.drop_list_wrap .drop_list {
  display: inline-block;
  vertical-align: top;
}
.drop_list_wrap .drop_list > li {
  margin-top: 25px;
}
.drop_list_wrap .drop_list > li .drop_list_tit {
  font-size: 15px;
  font-weight: 500;
  color: #f36f2a;
  display: inline-block;
  vertical-align: top;
  width: 155px;
  box-sizing: border-box;
  padding-left: 34px;
  margin-top: 4px;
}
.drop_list_wrap .drop_list > li .drop_2depth {
  display: inline-block;
  vertical-align: top;
}
.drop_list_wrap .drop_list > li .drop_2depth li {
}
.drop_list_wrap .drop_list > li .drop_2depth li a {
  font-size: 15px;
  color: #222;
  display: block;
  width: 150px;
  padding: 5px 0 5px 11px;
}
.drop_list_wrap .drop_list > li .drop_2depth li:hover a {
  background-color: #e8e8e8;
}

@media all and (max-width: 1600px) {
}

@media all and (max-width: 1280px) {
  .gnb_list {
    width: 72%;
  }
  .gnb_list li:not(:last-child) {
    margin-right: 0;
  }
  .gnb_list li {
    width: 19%;
    font-size: 18px;
  }
  .gnb_right_box .cart {
    margin: -1vw 2vw 0 2vw;
  }

  .gnb_right_box .gnb_family .gnb_place_btn {
    width: 120px;
    font-size: 14px;
  }
  .gnb_right_box .gnb_family > ul {
    width: 120px;
  }
  .gnb_right_box .gnb_family > ul li a {
    font-size: 14px;
  }
  .gnb_right_box .gnb_family > ul li a span {
    margin: -0.4vw 0 0 1vw;
  }
}

@media all and (max-width: 1024px) {
  .gnb_list li {
    font-size: 16px;
  }
  .gnb_list li.drop span {
    width: 15px;
  }
  .gnb_right_box {
    width: 27%;
    margin-top: -0.5vw;
  }
  .gnb_right_box .gnb_family .gnb_place_btn {
    width: 15vw;
    margin-top: 5px;
  }
  .gnb_right_box .gnb_family > ul {
    width: 15vw;
  }
  .gnb_right_box .cart {
    width: 5vw;
    margin-top: -0.5vw;
  }
  .gnb_right_box .cart span {
    width: 18px;
    line-height: 18px;
    font-size: 10px;
    top: -0.3vw;
    right: -0.6vw;
  }
}

@media all and (max-width: 720px) {
  .header-wrapper {
    padding-bottom: 0;
  }
  .gnb_list_wrap {
    height: 8.33vw;
    padding-top: 3vw;
  }
  .gnb_list {
    width: 100%;
    font-size: 0;
    padding: 0 2vw;
    box-sizing: border-box;
  }
  .gnb_list li {
    width: 20%;
    font-size: 2.7vw;
  }
  .gnb_list li a {
    display: inline-block;
    position: relative;
  }
  .gnb_list li:hover a {
    color: #f36f2a;
  }
  .gnb_list li:hover a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.5vw;
    background-color: #fd6f24;
    position: absolute;
    bottom: -2.6vw;
    left: 0;
  }
  .gnb_list li.drop span {
    width: 2.5vw;
    height: 2.5vw;
    margin-right: 0.5vw;
  }
  .gnb_right_box .cart {
    position: absolute;
    top: -7.5vw;
    right: 3vw;
    width: 6.52vw;
  }
  .gnb_right_box .cart span {
    background-color: #fff;
    color: #ff5800;
    width: 3.6vw;
    height: 3.6vw;
    line-height: 1;
    font-size: 2vw;
    top: -1.5vw;
    right: -1.5vw;

    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gnb_right_box .gnb_family {
    display: none;
  }

  .drop_list_wrap {
    width: 100%;
    padding: 0 0 5vw;
    border: 0;
    top: 8.3vw;
    border-top: 1px solid #e3e3e3;
  }
  .drop_list_wrap .drop_list > li {
    margin-top: 3vw;
  }
  .drop_list_wrap .drop_list > li .drop_list_tit {
    font-size: 2.5vw;
    width: 22vw;
    padding-left: 4vw;
    margin-top: 0.5vw;
  }
  .drop_list_wrap .drop_list > li .drop_2depth li a {
    font-size: 2.5vw;
    width: 22vw;
    padding: 0.7vw 0 1vw 1vw;
  }
  /* mobile logo */
  .header-wrapper img {
    max-width: 70%;
  }
  .login_wrap .logo {
    margin-top: 0;
  }
}

.quick-wrapper {
  position: fixed;
  bottom: 7%;
  right: 5%;
  z-index: 50;
}

.quick_list {
  letter-spacing: -1px;
}
.quick_list li {
  width: 200px;
  line-height: 48px;
  border-radius: 25px;
  border: 1px solid #fd6f24;
  box-sizing: border-box;
  margin-bottom: 12px;
  background: #fff
    url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_res_v2.png)
    no-repeat 14px center;
  background-color: #fff;
  background-size: 43px auto;
}
.quick_list li.quick_kakao {
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_kakao_v2.png);
}
.quick_list li.quick_ytube {
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_ytube.png);
}
.quick_list li.quick_call {
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_call_v2.png);
}
.quick_list li a {
  display: block;
  font-size: 16px;
  color: #222;
  padding-left: 62px;
}

.quick_list li:hover a {
  color: #fff;
}
.quick_list li:hover {
  background-color: #fd6f24;
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_res_on_v2.png);
}
.quick_list li.quick_kakao:hover {
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_kakao_on_v2.png);
}
.quick_list li.quick_ytube:hover {
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_ytube_on.png);
}
.quick_list li.quick_call:hover {
  background-image: url(//image.idhospital.com/new.idclinic.co.kr/quick_icon_call_on_v2.png);
}

@media all and (max-width: 1024px) {
  .quick-wrapper {
    bottom: 5%;
    right: 2%;
  }
  .quick_list li {
    width: 160px;
    line-height: 45px;

    background-size: 34px auto;
    margin-bottom: 6px;
  }
  .quick_list li a {
    font-size: 13px;
    padding-left: 48px;
  }
}

@media all and (max-width: 720px) {
  .quick-wrapper {
    display: none;
  }
}

@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");

#footer {
  background: #ff7111;
}

.footer_wrap {
  max-width: 1050px;
  margin: 0 auto;
  padding: 40px 0;
}
.footer_contents {
  position: relative;
  color: white;
  overflow: hidden;
  transition: all 0.3s;
}
.footer_logo {
  width: 27%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.footer_logo > img {
  max-width: 170px;
}
/* .footer_cont_list{display: block;margin: 0 auto;width: 75%;padding-left: 70px;box-sizing: border-box;} */
.footer_cont_list {
  display: flex;
  justify-content: flex-end;
  margin-left: 252px;
}
.footer_cont_list > li {
  flex: 1;
  height: 124px;
  padding-left: 19px;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}
.footer_cont_list > li::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
/*.footer_cont_list > li:nth-child(2){margin: 0 73px 0 90px;}*/
.footer_cont_list > li .footer_cont_list_tit {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.footer_cont_list > li .footer_cont_list_txt {
  margin-top: 11px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.875;
}
.footer_cont_list > li .footer_cont_list_txt a {
  color: white;
}
.footer_cont_list > li.location .footer_cont_list_txt:last-of-type {
  margin-top: 6px;
  line-height: 1.75;
}
.footer_cont_list > li.location .footer_cont_list_txt span {
  display: block;
  margin-top: -5px;
}
.footer_cont_list > li.officehour .footer_cont_list_txt.weekend {
  margin-top: -3px;
}
.footer_cont_list > li.officehour .footer_cont_list_txt:last-of-type {
  margin-top: 4px;
}
.footer_cont_list > li.officehour .footer_cont_list_txt span {
  display: block;
  margin-top: -6px;
}

.footer_copyright {
  margin-top: 30px;
  text-align: center;
  font-size: 12px;
}

/* 떠나기 팝업 */
.leave_popup {
  display: none;
  position: absolute;
  width: 400px;
  text-align: center;
  z-index: 1002;
  margin: 0;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -30%);
}
.leave_popup > img {
  vertical-align: top;
}
.leave_popup .top {
  position: absolute;
  top: -50px;
  left: -60px;
  z-index: 5;
}
.leave_popup .btn_img {
  position: relative;
  display: inline-block;
  margin: 0 0 0;
  z-index: 10;
}
.leave_popup .btn_img > img {
  border-radius: 20px 20px 0 0;
}
.leave_popup img[class^="btn_detail"] {
  position: absolute;
  left: 50%;
  margin-left: -200px;
  z-index: 15;
  cursor: pointer;
}
.leave_popup a[class^="btn_area"] {
  position: relative;
  width: 100%;
  display: block;
}
.leave_popup .btn_area1 {
  top: 4px;
}
.leave_popup .btn_area2 {
  top: 2px;
}
.promotion_bg {
  width: 100%;
  display: block;
}

.promotion_cnt {
  position: absolute;
  top: 13%;
  left: 5%;
}
.promotion_girl {
  position: absolute;
  top: -60px;
  left: -60px;
}
.promotion_detail {
  position: absolute;
  top: 69%;
  left: 5%;
}
.leave_popup .btn_area1 .promotion_detail {
  top: 40%;
}
.leave_popup .btn_detail1 {
  bottom: 86px;
}
.leave_popup .btn_detail2 {
  bottom: 58px;
}
.leave_popup ul {
  margin-top: -1px;
  overflow: hidden;
  background-color: #fff;
}
.leave_popup ul li:first-child {
  float: left;
}
.leave_popup ul li:last-child {
  float: right;
}
.leave_popup ul li img {
  width: auto;
  height: auto;
  cursor: pointer;
}
.leave_pop_btn_wrap {
}
.leave_pop_btn_wrap .btn_deny {
  padding: 0;
  box-sizing: border-box;
}

/* 떠나기 팝업창 DB 입력 부분 */
.leave_popup_db_box input::-ms-input-placeholder {
  color: #949495;
}
.leave_popup_db_box input::-webkit-input-placeholder {
  color: #949495;
}
.leave_popup_db_box input::-moz-placeholder {
  color: #949495;
}

.leave_popup_db_box {
  position: relative;
  width: 100%;
  background: #549a6b;
  font-family: "Noto Sans KR";
  padding: 10px 0;
  box-sizing: border-box;
  text-align: left;
}
.leave_popup_db_box .bottom_input_wrap {
  width: 360px;
  margin: 0 auto;
  box-sizing: border-box;
}
.leave_popup_db_box .bottom_input_wrap > div {
  display: flex;
  justify-content: space-between;
}
.leave_popup_db_box .bottom_input_wrap label > input {
  background: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font-family: "Noto Sans KR";
  accent-color: #fff;
}
.leave_popup_db_box .bottom_input_wrap .name_input_box input {
  width: 110px;
}
.leave_popup_db_box .bottom_input_wrap .phone_input_box input {
  width: 150px;
}
.leave_popup_db_box .bottom_input_wrap .btn_apply_go {
  font-family: "Noto Sans KR";
  border: none;
  width: 90px;
  background: #276928;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  height: 30px;
  line-height: 24px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 0;
}

.leave_popup_db_box .bottom_input_wrap .sms_check_box {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  margin-top: 10px;
}
.leave_popup_db_box .bottom_input_wrap .sms_check_box input {
  width: 13px;
  height: 13px;
  margin: -1.5px 3px 0 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

@media all and (max-width: 1280px) {
  /*.footer_contents{padding-left:20px; padding-right:20px;}*/

  /* .footer_cont_list{padding-left: 6%;width: 85%;} */
  .footer_wrap {
    padding: 3.125vw 0;
  }
  .footer_cont_list {
    margin-left: 19.688vw;
  }
  .footer_cont_list > li {
    height: 9.688vw;
    padding-left: 1.484vw;
  }
  .footer_cont_list > li .footer_cont_list_tit {
    font-size: 1.25vw;
  }
  .footer_cont_list > li .footer_cont_list_txt {
    margin-top: 0.859vw;
    font-size: 0.938vw;
  }
  .footer_cont_list > li.location .footer_cont_list_txt:last-of-type {
    margin-top: 0.469vw;
  }
  .footer_cont_list > li.location .footer_cont_list_txt span {
    margin-top: -0.391vw;
  }
  .footer_cont_list > li.officehour .footer_cont_list_txt.weekend {
    margin-top: -0.234vw;
  }
  .footer_cont_list > li.officehour .footer_cont_list_txt:last-of-type {
    margin-top: 0.313vw;
  }
  .footer_cont_list > li.officehour .footer_cont_list_txt span {
    margin-top: -0.469vw;
  }

  .footer_copyright {
    margin-top: 2.344vw;
    font-size: 0.938vw;
  }
}

@media all and (max-width: 1024px) {
  /* .footer_logo {width: 18%;padding: 0 2%;box-sizing: border-box;}
	.footer_logo > img{max-width: 100px;}
	.footer_cont_list{width: 100%;}
	.footer_cont_list > li{width: 32%;box-sizing: border-box;}
	.footer_cont_list > li:nth-child(2){margin: 0;}
	.footer_cont_list > li .footer_cont_list_txt{font-size: 12px;} */
}

@media all and (max-width: 720px) {
  /* .footer_logo img{width: 41%;max-width: 100%;}
	.footer_cont_list{display: block;width: 100%;margin:0 0 0 1.5%;padding-left: 0;}
	.footer_cont_list li{display: block;width: 100%;margin-top: 7%;border-left: 0;padding-left: 0;}
	.footer_cont_list > li::before{display: none;}
	.footer_cont_list > li:nth-child(2) {margin:7% 0 0;}
	.footer_cont_list > li .footer_cont_list_tit{font-size: 4.4vw;letter-spacing: 0.2vw;margin-bottom: 1%;}
	.footer_cont_list > li .footer_cont_list_txt{font-size: 3.3vw;}
	.footer_copyright{font-size: 2.6vw;letter-spacing: 0.05vw;} */
  #footer {
    border-color: #7f7f7f;
  }
  .footer_wrap {
    padding: 6.806vw 6.25vw 25.139vw 6.25vw;
  }
  .footer_cont_list {
    flex-direction: column;
    margin-left: 0;
  }
  .footer_cont_list > li {
    height: auto;
    padding-left: 0;
  }
  .footer_cont_list > li::before {
    display: none;
  }
  .footer_cont_list > li:nth-child(n + 2) {
    margin-top: 5.556vw;
  }
  .footer_cont_list > li .footer_cont_list_tit {
    font-size: 4.722vw;
  }
  .footer_cont_list > li .footer_cont_list_txt {
    margin-top: 1.389vw;
    font-size: 3.472vw;
    line-height: 1.75;
  }
  .footer_cont_list > li.location .footer_cont_list_txt:last-of-type {
    margin-top: 0.694vw;
  }
  .footer_cont_list > li.location .footer_cont_list_txt span {
    margin-top: -1.389vw;
  }
  .footer_cont_list > li.officehour .footer_cont_list_txt.weekend {
    margin-top: 0.694vw;
  }
  .footer_cont_list > li.officehour .footer_cont_list_txt:last-of-type {
    margin-top: 0.694vw;
  }
  .footer_cont_list > li.officehour .footer_cont_list_txt span {
    margin-top: -1.389vw;
  }

  .footer_copyright {
    margin-top: 4.167vw;
    font-size: 1.667vw;
  }

  /* 떠나기 팝업 */
  .leave_popup {
    width: 85vw;
  }

  /* 떠나기 팝업창 DB 입력 부분 */
  .leave_popup_db_box {
    padding: 2.78vw 0;
  }
  .leave_popup_db_box .bottom_input_wrap {
    width: 81.25vw;
  }
  .leave_popup_db_box .bottom_input_wrap label > input {
    height: 6.94vw;
    line-height: 6.94vw;
    font-size: 3.47vw;
    padding: 0 1.4vw;
    accent-color: #000;
  }
  .leave_popup_db_box .bottom_input_wrap .name_input_box input {
    width: 25vw;
  }
  .leave_popup_db_box .bottom_input_wrap .phone_input_box input {
    width: 34.03vw;
  }
  .leave_popup_db_box .bottom_input_wrap .btn_apply_go {
    width: 20.14vw;
    font-size: 3.47vw;
    height: 6.94vw;
    line-height: 6.11vw;
  }

  .leave_popup_db_box .bottom_input_wrap .sms_check_box {
    font-size: 1.94vw;
    margin-top: 2.08vw;
  }
  .leave_popup_db_box .bottom_input_wrap .sms_check_box input {
    width: 2.78vw;
    height: 2.78vw;
    margin: -0.28vw 0.42vw 0 0;
  }

  .leave_popup ul li:first-child {
    width: 71%;
    padding-left: 0.3%;
  }
  .leave_popup ul li:last-child {
    width: 15.5%;
  }

  .leave_pop_btn_wrap .btn_deny {
    width: 100%;
  }
  .leave_popup ul li img {
    width: 100%;
  }
}

/*bottom*/
#wholebg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}

/* pop_cart */
.pop_cart{background-color: #fff;border-radius: 25px;padding: 40px 18px 35px;width: 440px;height: 320px;text-align: center;box-sizing: border-box;letter-spacing: -1px;display:none}
.pop_cart_name{font-size: 24px;color:#222;font-weight: bold;border-bottom: 1px solid #222;padding-bottom: 10px;}
.pop_cart_btn{font-size: 0;}
.pop_cart_btn p{font-size: 22px;color:#222;padding: 40px 0 20px;}
.pop_cart_btn a{display: inline-block;vertical-align: top;width: 49%;font-size: 20px;background-color: #fd6f24;color:#fff;padding: 18px 0;text-align: center;margin: 0 0 10px;box-sizing: border-box;}
.pop_cart_btn a.pop_cart_cancel{background-color: #fff;color:#222;margin-right: 6px;border:1px solid #ccc;}
.pop_cart_btn a.pop_cart_put{border:1px solid #fd6f24;}
.pop_cart_btn a.pop_cart_res{width: 100%;}


@media all and (max-width:720px){
	
	.pop_cart {width: 77vw;height: auto;padding: 5vw 4vw 4vw;letter-spacing: -0.1vw;}
	.pop_cart_name {font-size: 5.5vw;padding-bottom: 2vw;}
	.pop_cart_btn p {font-size: 4.16vw;padding: 6vw 0;}
	.pop_cart_btn a {width: 49%;font-size: 3.3vw;padding: 3.5vw 0;margin: 0 0 1vw;}
	.pop_cart_btn a.pop_cart_cancel{margin-right: 1vw;}
}
	
/*bottom*/


