@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* font */
/* NotoSansKR */
@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:300; 
    src:url('/Content/fonts/NotoSansKR-Light.eot'); 
    src:local("?"),
         url('/Content/fonts/NotoSansKR-Light.woff') format('woff'),
         url('/Content/fonts/NotoSansKR-Light.otf') format('opentype'); 
}
@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:400; 
    src:url('/Content/fonts/NotoSansKR-Regular.eot'); 
    src:local("?"),
         url('/Content/fonts/NotoSansKR-Regular.woff') format('woff'),
         url('/Content/fonts/NotoSansKR-Regular.otf') format('opentype'); 
}

@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:500; 
    src:url('/Content/fonts/NotoSansKR-Medium.eot'); 
    src:local("?"),
         url('/Content/fonts/NotoSansKR-Medium.woff') format('woff'),
         url('/Content/fonts/NotoSansKR-Medium.otf') format('opentype'); 
}

@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:600; 
    src:url('/Content/fonts/NotoSansKR-Bold.eot'); 
    src:local("?"),
         url('/Content/fonts/NotoSansKR-Bold.woff') format('woff'),
         url('/Content/fonts/NotoSansKR-Bold.otf') format('opentype'); 
}
@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:700; 
    src:url('/Content/fonts/NotoSansKR-Black.eot'); 
    src:local("?"),
         url('/Content/fonts/NotoSansKR-Black.woff') format('woff'),
         url('/Content/fonts/NotoSansKR-Black.otf') format('opentype'); 
}

html, body {margin:0;padding:0}
body {
  background: #fff;
  color: #414042;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td, button {
  margin: 0;
  padding: 0;
  font-family: "NotoSansKR", "Apple SD Gothic Neo", "Malgun Gothic", "BaseLine", Tahoma, Dotum, sans-serif;
}

section, nav, article, aside, hgroup, header, footer {
  display: block;
}

form, fieldset, img {
  border: 0 none;
}

table {
  border-spacing: 0;
  border: 0;
}

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

span,button,input	{margin:0;padding:0;border:0 none;}
ol, ul, li, dl, dt, dd	{list-style:none;}
table {width:100%; border-spacing:0px; border:0;table-layout:fixed;}
fieldset, img {border: none;}
a,img,input,select	{vertical-align:middle;}
caption, legend {display:none}
em,address,i{font-style:normal}
.skip, .hide, .sr-only {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

button	{border:0 none; padding:0; margin:0; background:transparent; cursor:pointer; *overflow:visible; vertical-align:middle; }
button::-moz-focus-inner {
    padding:0;
    border:0;
}
table, th, td	{word-break:break-all;}
table {border-collapse:collapse;border-spacing:0;border:0 none;}
caption	{display:none;}

form {margin:0;}
fieldset	{border:0 none;padding:0;margin:0;}
legend	{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

button, input, select, textarea {font-size:inherit;color:inherit;margin:0;vertical-align:middle;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible;  /* IE 7에서 텍스트 입력에 영향을 주지 않고 내부 간격을 제거하는 핵 */
}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* IE 8/9에서 box sizing 속성값을 content-box에서 border-box로 변경 */
    padding: 0; /* IE 8/9에서 패딩 제거 */
    *height: 13px; /* IE 7에서 핵을 이용해 패딩 제거 */
    *width: 13px; /* IE 7에서 핵을 이용해 패딩 제거 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* 사파리 5와 크롬에서 텍스트 입력이 가능하게 설정 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; /* 콘텐츠 영역만큼의 크기만 설정하도록 content-box 설정 */
    box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}/* 맥의 OS X기반의 사파리 5와 크롬의 내부 패딩과 검색 취소 버튼을 제거 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow:auto;
    vertical-align:top;
    resize:none;
}

/* html5  reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:1px dotted;}
blockquote {margin:0;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background: #ff0;color: #000;}
p, pre {margin:0;}
code, kbd, pre, samp {font-family:monospace, serif;_font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:'';content:none;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow:hidden;}/* IE 9에서 svg 요소가 영역의 크기를 벗어나지 않도록 설정 */
figure {margin:0;}

input {box-sizing:border-box;}
input:focus	{outline:medium none}
input[disabled] {background:#f3f3f3 !important;}
input[type="tel"], input[type="text"], input[type="email"], input[type="search"],
input[type="number"], input[type="password"] {width:100%;padding:0 10px;border:1px solid #ccc;background:#fff;height:40px;line-height:40px;font-size:15px;}
input:checked	{width:25px;height:25px;border:1px solid #666;border-radius:10px}
input[type="checkbox"]	{width:25px;height:25px;border:1px solid #666;border-radius:10px;-webkit-appearance:checkbox}
input[type="radio"]	{width:25px;height:25px;-webkit-appearance:radio;-webkit-border-radius:10px;}
input[type="radio"]:checked	{width:25px;height:25px;-webkit-appearance:radio;-webkit-border-radius:10px;}
input[type="radio"]:disabled	{width:25px;height:25px;-webkit-appearance:radio;-webkit-border-radius:10px;}
button {border:0;background:none;cursor:pointer;box-sizing:border-box;}
select {box-sizing:border-box;padding:0 0 1px;color:#737373;font-size:16px;border-color:#ccc;height:2.5em;vertical-align:middle;white-space:nowrap;background:#fff url('/Content/common/images/ico/ico_arrow01.png') right center no-repeat;width:100%;appearance:none;cursor: pointer;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
textarea {padding:10px 10px 13px;border:1px solid #ccc;width:100%;min-height:120px;box-sizing:border-box;vertical-align:middle;resize:none;}
.hind {display:none;}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0;}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.form-control, .frm_input, select, textarea {border: 1px solid #cecdcd;
  border-radius:0px;
  padding: 7px 12px;
  height: 40px;
  max-width: 100%;
  font-size: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;}
.form-control {display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
a	{font-family:"NotoSansKR",sans-serif;color:inherit;text-decoration:none}
a:link,
a:visited,
a:hover,
a:active {text-decoration:none}

img {border:0;width:100%;height:auto;}
h1,h2,h3,h4,h5,h6,b,strong	{font-weight:600;}
label {cursor: pointer;}

.date {color:#777;font-weight:400;font-size:14px;}

/* align - 정렬*/
.fLeft {float:left !important}
.fRight {float:right !important}
.tCenter {text-align:center !important}
.tLeft {text-align:left !important}
.tRight {text-align:right !important}
.clr {clear:both}
.hidden {display:none}
.flex {display:flex;}
.blind {display:inline-block;text-indent:-9999px;}

/* point color */
.red    {color:#db2929 !important;}
.blue   {color:#195886 !important;}
.sky    {color:#27aae1 !important;}
.black  {color:#333 !important;}
.gray	{color:#888 !important;}
.green {color:#5e9062 !important;}
.green_right {color:#bed730 !important;}
.blue_right {color:#3590d2 !important;}

/* bg */
.bg_red {background-color:#db2929 !important;}
.bg_blue {background-color:#195886 !important;}
.bg_sky {background-color:#27aae1 !important;}
.bg_black {background-color:#333 !important;}
.bg_gray {background-color:#888 !important;}
.bg_dark {background-color:#56524d !important;}
.bg_green {background-color:#8ba629 !important;}
.bg_none {background:none !important;}

.f13	{font-size:13px !important;}
.f14  {font-size:14px !important;}
.f15  {font-size:15px !important;}


.data_none {text-align:center;padding:50px 0;}
/* 두께 */
.semi-bold {font-weight:500;}
.bold {font-weight:600;}

.top_border {border-top:2px solid #666;}
.top_border01 {border-top:1px solid #666;}

.position-right {position:absolute;right:20px;top:20px;}
.bd_none {border:none !important;}
.tb_none {border-top:none !important;}
.bb_none {border-bottom:none !important;}
.h50 {height:50px !important;}
/* 가로 길이 */
.wid10 {width:10% !important;}
.wid20 {width:20% !important;}
.wid25 {width:25% !important;}
.wid30 {width:30% !important;}
.wid33 {width:33.3333% !important;}
.wid40 {width:40% !important;}
.wid50 {width:50% !important;}
.wid60 {width:60% !important;}
.wid70 {width:70% !important;}
.wid80 {width:80% !important;}
.wid90 {width:90% !important;}
.wid100 {width:100% !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;} 
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;} 
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;} 
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;} 
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:10px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;} 
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;} 
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:10px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;} 
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;} 
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;} 
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;} 
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;} 
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;} 
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;} 
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;} 
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;} 
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;} 
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;} 
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}
.pd60 {padding:60px !important;}
.pd70 {padding:70px !important;} 
.pd80 {padding:80px !important;}
.pd90 {padding:90px !important;}
.pd100 {padding:100px !important;}

.list_none {text-align:center;padding:40px 0}

#wrap {max-width: 1280px;min-width:318px;margin: auto;}
#header {width:100%;z-index:999;}
#gnb {width:100%;max-width:1280px;height:62px;background:#fff;border-bottom:1px solid #e6e6e6;}
#gnb.fixed {position:fixed;}
#gnb h1{padding:10px 0 11px ;}
#contents {padding-bottom:20px;position:relative;}
.insanga-logo {display:block;width:135px;height:45px;text-indent:-999em;background:url(/Content/common/images/default/logo.png) no-repeat;background-size:135px auto;margin:0 auto;}
.gnb-category {position:absolute;display:block;left:20px;top:20px;width:22px;height:18px;text-indent:-999em;background:url(/Content/common/images/default/gnb_open_btn.png) no-repeat;background-size:22px auto;}
#gnbBtnArea {float:right;display:inline-block;}
.gnb-search {position:absolute;top:20px; right:60px;display:block;text-indent:-999em;width:22px;height:24px;background:url(/Content/common/images/default/gnb_search.png) no-repeat;background-size:22px auto;}
.gnb-cart {position:absolute;top:17px; right:20px;display:block;width:22px;height:29px;background:url(/Content/common/images/default/gnb_cart.png) no-repeat;background-size:22px auto;}
.none {display:block;text-indent:-999em;width:0;height:0;overflow:hidden;font-size:0;}
.gnb-cart-cnt {position: absolute;right: -10px;top:-4px;display:block;width:20px;height:20px;overflow:hidden;border-radius:10px;background:#8ba629;line-height:20px;text-align:center;color:#fff;font-size:.786em;white-space: nowrap;text-indent:0;}
.gender, .input_area {line-height:37px;}
header hgroup {position: relative;display:block;text-align:center;border:1px solid #e6e6e6;background:#fff;}
header hgroup.fixed {position: fixed;top:0;right:0;left:0;z-index:500;}
header hgroup a.back_btn  {position:absolute;left:20px;top:18px;background:url(/Content/common/images/default/back_btn.png) no-repeat;width:20px;height:17px;background-size:20px auto;text-indent:-9999px;}
header hgroup h2 {color:#555;font-size:18px;line-height:52px;height:52px;}

.de_b {display:block;color:#666;}
.btn_area {display:flex;}
.red {color:#cc0000}
.bd-bt {border-bottom:1px solid #d9d8d8;}
.title_right {position:absolute;top:6px;right:20px;z-index:9;}

.total-menu-wrap.on {left:0;}
.total-menu-wrap {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  z-index:9999;
  background:#fff;
  transition: all 0.5s ease-in-out;}

.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

h2.title01 {font-size:20px;color:#000;padding:10px 20px;}
h2 span {color:#999;font-size:14px;font-weight:300;}