@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(./css/font/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(./font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(./font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(./font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(./css/font/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(./font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicLight.woff2) format('woff2'),
       url(./font/NanumBarunGothicLight.woff) format('woff'),
       url(./font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(./font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothic.woff2) format('woff2'),
       url(./font/NanumBarunGothic.woff) format('woff'),
       url(./font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./css/font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(./font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicBold.woff2) format('woff2'),
       url(./font/NanumBarunGothicBold.woff) format('woff'),
       url(./font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(NanumSquareB.eot);
 src: url(NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareB.woff) format('woff'),
      url(NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(NanumSquareEB.eot);
 src: url(NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareEB.woff) format('woff'),
      url(NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(NanumSquareL.eot);
 src: url(NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareL.woff) format('woff'),
      url(NanumSquareL.ttf) format('truetype');
}


html, body {margin:0px; padding:0px; width:100%; height:100%;font-size:12px;font-family:'Nanum Barun Gothic','NanumSquare',dotum;}
img {border:0px;}
a:link {text-decoration:none;color:#0a090a;}
a:visited {text-decoration:none;color:#0a090a;}
a:hover {text-decoration:none;color:#0a090a;}
a:active {text-decoration:none;color:#0a090a;}


#header {width:100%;height:100px;background-color:#ffffff;}
#header #navi {margin:auto;width:1200px;height:100px;background-color:#ffffff;}
#header #navi #navi-cnt {padding-top:33px;}
#header #navi #navi-cnt #logo {float:left;margin-top:-2px;}
#header #navi #navi-cnt #top-mnu {float:right;}
#header #navi #navi-cnt #top-mnu ul {list-style:none;margin:0;padding:0;}
#header #navi #navi-cnt #top-mnu ul li {float: left;}
#header #navi #navi-cnt #top-mnu ul.top-mnu-1 {float:right;margin-bottom:20px;margin-top:-15px;}
#header #navi #navi-cnt #top-mnu ul.top-mnu-2 {clear:both;float:right;}
#header #navi #navi-cnt #top-mnu ul.top-mnu-1 li {float:left;font-family:dotum;font-size:11px;color:#555555;margin:0 0 0 10px;background-color:#e2e9f4;padding:5px;}
#header #navi #navi-cnt #top-mnu ul.top-mnu-2 li {margin:-5px 0 0 20px;font-weight:bold;font-size:15px;color:#0a090a;}

#warp {width:100%;height:auto;background-color:#FFFFFF;}
.main-top-bg {
	width:100%;
	height:410px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-image:url('../images/img_main_top1.jpg');
}
#main-contents-out-box {width:100%;height:auto;background-color:#ffffff;}
#main-contents-out-box .main-contents-in-box-white {width:100%;height:auto;background-color:#ffffff;}
#main-contents-out-box .main-contents-in-box-blue {width:100%;height:auto;background-color:#7ecef4;}
.main-contents-in-box-contents {margin:auto;width:1200px;height:auto;}



#footer {width:100%;height:140px;background-color:#0a090a;}
#footer #footer-inBox {margin:auto;width:1200px;}
#footer #footer-inBox #footer-cnt {padding:45px 0 0 60px;width:auto;}
#footer #footer-inBox #footer-cnt .ft-logo {float:left;height:60px;margin-right:16px;}
#footer #footer-inBox #footer-cnt .ft-addr1 {float:left;height:60px;margin-right:50px;font-family:dotum;font-size:12px;color:#c8c8c8;}

#footer #footer-inBox #footer-cnt .ft-logo {float:left;height:60px;margin-right:16px;}
#footer #footer-inBox #footer-cnt .ft-addr1 {float:left;height:60px;margin-right:90px;font-family:dotum;font-size:12px;color:#c8c8c8;}


.sub-top {width:100%;height:150px;}
.sub-top-in {margin:auto;width:1200px;height:150px;}
.sub-top-in-cnts {position: relative;width:1200px;height:150px;overflow-y:hidden;}
.sub-top-in-cnts-title {position: absolute;right:0px;bottom:-20px;font-size:70px;font-weight:normal;color:#ffffff;letter-spacing:-0.085em;}

.sub-contents {width:100%;height:auto;}
.sub-contents-in {margin:auto;width:1200px;height:auto;}
.sub-contents-in-data {margin:62px 28px 62px 28px;width:1144px;}
.sub-contents-in-goods-title {font-size:33px;letter-spacing:-0.085em;margin-bottom:10px;}
.sub-contents-in-goods-lable {margin-bottom:5px;font-size:16px;color:#5b5b5b;}
.sub-contents-in-goods-lable-sub {margin-left:17px;font-size:14px;color:#898989;text-align:justify;}

.data-left-img-box {position:relative;}
.data-left-img-box-title {position:absolute;width:430px;height:50px;background-color:#000000;color:#fbebff;text-align:center;line-height:50px;font-size:14px;opacity: 0.7;}
.data-left-img-box-price {position:absolute;width:430px;top:210px;height:50px;background-color:#000000;color:#fbebff;text-align:center;line-height:50px;font-size:20px;opacity: 0.7;}
.data-left-img-box-btnBuy {position:absolute;top:265px;right:0;width:160px;height:30px;border-radius:25px;border:2px solid #67247a;background-color:#67247a;text-align:center;line-height:30px;font-size:18px;color:#ffffff;font-weight:bold;cursor:pointer;}
.data-left-img-box-btnLike {position:absolute;top:273px;}

.sub-contents-in-data-title {margin-top:80px;margin-bottom:30px;text-align:center;font-size:30px;}

input[name="ck_like1"] {
	display:none;
}
input[name="ck_like1"] + label span {
	display:inline-block;
	margin-top:-6px;
	width:31px;
	height:30px;
	background:url('../images/ico_like_n.jpg') left top no-repeat;
	cursor:pointer;
}
input[name="ck_like1"]:checked + label span {
	background:url('../images/ico_like_y.jpg') left top no-repeat;
	cursor:pointer;
}

input[name="ck_like2"] {
	display:none;
}
input[name="ck_like2"] + label span {
	display:inline-block;
	margin-top:-6px;
	width:31px;
	height:30px;
	background:url('../images/ico_like_n.jpg') left top no-repeat;
	cursor:pointer;
}
input[name="ck_like2"]:checked + label span {
	background:url('../images/ico_like_y.jpg') left top no-repeat;
	cursor:pointer;
}

/*·Î±×ÀÎ ·¹À̾î Æ˾÷*/
.setDiv {
	display: none;
	padding-top: 0px;
	text-align: center;
}
.mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
	background-color:#000;
	display:none;
}
.window {
	display: none;
	background-color: #ffffff;
	height: 340px;
	z-index:99999;
}

.btn_apply {text-align:center;padding:14px 30px 14px 30px;height:43px;line-height:43px;background-color:#548ff7;border:1px solid #3674df;border-radius: 5px;cursor:pointer;color:#ffffff;font-size:18px;}
.btn_cancel {text-align:center;padding:14px 30px 14px 30px;height:43px;line-height:43px;background-color:#b3bac6;border:1px solid #a1a9b6;border-radius: 5px;cursor:pointer;color:#ffffff;font-size:18px;}

.w100p {width:100%;}
.w95p {width:95%;}
.w90p {width:90%;}
.w85p {width:85%;}
.w80p {width:80%;}
.w75p {width:75%;}
.w70p {width:70%;}

.w100px {width:100px;}
.w120px {width:120px;}
.w140px {width:140px;}
.w160px {width:160px;}
.w180px {width:180px;}
.w200px {width:200px;}
.w220px {width:220px;}
.w240px {width:240px;}
.w260px {width:260px;}
.w280px {width:280px;}
.w300px {width:300px;}
.w320px {width:320px;}
.w340px {width:340px;}
.w360px {width:360px;}
.w380px {width:380px;}
.w400px {width:400px;}
.w420px {width:420px;}
.w440px {width:440px;}
.w460px {width:460px;}
.w480px {width:480px;}
.w500px {width:500px;}

.fontSize10 {font-size:10px;}
.fontSize11 {font-size:11px;}
.fontSize12 {font-size:12px;}
.fontSize13 {font-size:13px;}
.fontSize14 {font-size:14px;}
.fontSize15 {font-size:15px;}
.fontSize16 {font-size:16px;}
.fontSize17 {font-size:17px;}
.fontSize18 {font-size:18px;}
.fontSize19 {font-size:19px;}
.fontSize20 {font-size:20px;}
.fontSize21 {font-size:21px;}
.fontSize22 {font-size:22px;}
.fontSize23 {font-size:23px;}
.fontSize24 {font-size:24px;}
.fontSize25 {font-size:25px;}
.fontSize26 {font-size:26px;}
.fontSize27 {font-size:27px;}
.fontSize28 {font-size:28px;}
.fontSize29 {font-size:29px;}
.fontSize30 {font-size:30px;}
.fontSize31 {font-size:31px;}
.fontSize32 {font-size:32px;}
.fontSize33 {font-size:33px;}
.fontSize34 {font-size:34px;}
.fontSize35 {font-size:35px;}
.fontSize36 {font-size:36px;}
.fontSize37 {font-size:37px;}
.fontSize38 {font-size:38px;}
.fontSize39 {font-size:39px;}
.fontSize40 {font-size:40px;}
.fontSize41 {font-size:41px;}
.fontSize42 {font-size:42px;}
.fontSize43 {font-size:43px;}
.fontSize44 {font-size:44px;}
.fontSize45 {font-size:45px;}
.fontSize46 {font-size:46px;}
.fontSize47 {font-size:47px;}
.fontSize48 {font-size:48px;}
.fontSize49 {font-size:49px;}
.fontSize50 {font-size:50px;}

.w-separator-20 {margin:20px 0 20px 0;}
.w-separator-30 {margin:30px 0 30px 0;}
.w-separator-40 {margin:40px 0 40px 0;}

.tb_style1 {border-top:2px solid #757575;margin:auto;}
.tb_style1 th {border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;padding:10px;font-size:16px;color:#757575;background-color:#efefef;}
.tb_style1 td {border-bottom:1px solid #bdbdbd;padding:10px;font-size:16px;color:#757575;}


.mem_reg_input {height:28px;border:1px solid #a4d6ec;padding:0 6px 0 6px;font-size:16px;vertical-align:middle;}
.mem_reg_s_btn {background-color:#000;color:#fff;text-align:center;padding:6px 10px 5px 10px;cursor:pointer;}
.mem_reg_s_btn2 {background-color:#000;color:#fff;text-align:center;padding:6px 10px 5px 10px;cursor:pointer;}


.mem_reg_select {width:auto;height:30px;border:1px solid #a4d6ec;font-size:16px;vertical-align:middle;}