@charset "utf-8";

@font-face {
  font-family: 'nanum-barun-gothic-regular';
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/nanumbarungothicregular.woff2) format('woff2'),
  url(../fonts/nanumbarungothicregular.woff) format('woff'),
  url(../fonts/nanumbarungothicregular.eot) format('opentype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
  url(../fonts/NanumGothic-Regular.woff) format('woff'),
  url(../fonts/NanumGothic-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR Light';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
  url(../fonts/NotoSansKR-Light.woff) format('woff'),
  url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
  url(../fonts/NotoSansKR-Regular.woff) format('woff'),
  url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR Medium';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
  url(../fonts/NotoSansKR-Medium.woff) format('woff'),
  url(../fonts/NotoSansKR-Medium.otf) format('opentype');
}

/* �⺻ ���̾ƿ� ��ġ ��� */
#header,
#container,
#content{position:relative}
#header {width:100%;}
#content {min-width:1000px;padding-bottom:170px}
/* ��Ʈ ���� */

button{outline:none}
div,th,td,li,dt,dd,p{word-break:break-all}

/*
 * �⺻���� ���̾ƿ� Ŭ����
 */
.layout-wrapper {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  height: 100%;
}

.header-main-logo{
  text-align: center;
  padding: 0px 0;
}



.layout-wrapper.goods-view-area{
  padding-right:40px;
}

.layout-pagination {
  text-align: center;
  margin:60px 0 0 0;
}
.layout-pagination-button {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-top: 1px solid  #ddd;
  border-bottom: 1px solid  #ddd;
  border-right: 1px solid  #ddd;
  vertical-align: top;
}
.layout-pagination-button:first-child {
  border-left: 1px solid  #ddd;
}
.layout-pagination-number {
  color: #737373;
  line-height: 34px;
  font-weight: bold;
}
.layout-pagination-number.__active {
  border-bottom: 2px solid  #56297a;
  color: #56297a;
}
.layout-pagination-first-page,
.layout-pagination-prev-page,
.layout-pagination-next-page,
.layout-pagination-last-page {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.layout-pagination-first-page {
  background-image: url(images/common/icon-pagination-first.png);
}
.layout-pagination-prev-page {
  background-image: url(images/common/icon-pagination-prev.png);
}
.layout-pagination-next-page {
  background-image: url(images/common/icon-pagination-next.png);
}
.layout-pagination-last-page {
  background-image: url(images/common/icon-pagination-last.png);
}

/*
 * �⺻���� ��Ÿ�� Ŭ����
 */
.styled-highlight-color {
  color: #9d65a1;
}
.styled-sns-icon {
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  display: inline-block;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  margin-right: 4px;
}
.styled-sns-icon.styled-sns-facebook {
  background-image: url(images/common/icon-facebook.png);
}
.styled-sns-icon.styled-sns-twitter {
  background-image: url(images/common/icon-twitter.png);
}
.styled-sns-icon.styled-sns-instagram {
  background-image: url(images/common/icon-instagram.png);
}
.styled-sns-icon.styled-sns-blog {
  background-image: url(images/common/icon-blog.png);
}
.styled-button {
  width: 175px;
  height: 50px;
  background-color: #fff;
  display: inline-block;
  line-height: 50px;
  font-size: 14px;
  color: #56297a;
  border: 1px solid  #56297a;
  text-align: center;
}
.styled-button-responsive {
  background-color: #fff;
  display: inline-block;
  font-size: 14px;
  color: #56297a;
  border: 1px solid  #56297a;
  text-align: center;
  font-size: 13px;
  padding:15px 25px;
  line-height: 1;
}
.styled-button-responsive:hover,
.styled-button-responsive.__active:hover,
.styled-button:hover,
.styled-button.__active:hover{
  background-color: #56297a;
  color: #fff;
}
.styled-button-responsive.__active,
.styled-button.__active {
  background-color: #795c90;
  color: #fff;
}

/* ���� ���� */
.styled-ea-controller {
  float:left;
  border: 1px solid #cfcfcf;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
}
.styled-ea-input {
  float:left;
  text-align: center;
  font-size: 14px;
  width: 38px;
  height:24px;
  border: none;
  background-color: transparent;
  border-top:1px solid #cfcfcf;
  border-bottom:1px solid #cfcfcf;
  line-height:24px;
  background-color: #fff
}
.styled-ea-controller.styled-ea-down-button {
  background-image: url(img/common/btn_cart_minus.gif);
}
.styled-ea-controller.styled-ea-up-button {
  background-image: url(img/common/btn_cart_plus.gif);
}

.styled-ea-controller.styled-ea-down-button2{
  float:left;
  width:24px;
  height:24px;
  background-image: url(img/common/btn_cart_minus.gif);
  border:1px solid #cfcfcf;
}
.styled-ea-controller.styled-ea-up-button2{
  float:left;
  width:24px;
  height:24px;
  background-image: url(img/common/btn_cart_plus.gif);
  border:1px solid #cfcfcf;
}
.styled-ea-controller.styled-ea-del-button2{
  width:21px;
  height:21px;
  padding:2px;
  background-image: url(img/common/btn_close.gif);
}



/*
 * ���������� ��� ��
 */
.layout-page-image {
  text-align: center;
  padding: 40px 0;
  background-color: #f7f5f8;
}
.layout-page-header {
  text-align: center;
  padding-bottom: 40px;
/*  padding-top: 60px;*/
}

.layout-page-title {
  font-family: 'Noto Sans KR Medium';
  line-height: 1.5;
  font-size: 40px !important;
  font-weight: 400;
  color: #4e266d;
   display: block;
  padding: 10px 0 14px 0;
}
.pg_sub_desc{
  font-family: 'Noto Sans KR Light';
  text-align: center; margin: 0 0 40px 0;line-height: 18px
}

.layout-page-description {
  font-size: 14px;
  line-height: 1.5;
}

/*
 * ���̺� ��Ÿ��
 */
.styled-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  border-top: 2px solid  #56297a;
}
.styled-table th,
.styled-table td {
  border-bottom: 1px solid  #e6e6e6;
  font-size: 14px;
}
.styled-table th {
    padding: 25px 0 23px;
    font-weight: normal;
}

.styled-table th.check_area {
	width:25px;
}
.styled-table th.price_area {
	width:200px;
}

.styled-table td.thumb_area{
	width:200px;
}
.styled-icon-heart {
  text-indent: -9999px;
  display: inline-block;
  width: 12px;
  height: 10px;
  background-image: url(images/common/icon-small-heart-purple.png);
  vertical-align: bottom;
}

.order-disc-tbl{
	width:100%;
}
.order-disc-tbl > tbody > tr > th{
	width:90px;
	text-align:right;
}

/* ��ٱ��� �������� */
.btn_goodsDel {display:inline-block; width:40px; height:24px; margin-left:20px; border:1px solid #cfcfcf; background:#f3f3f3; color:#848484; font-size:12px; line-height:22px}
.goodsOption_area {float:left; width:456px; height:30px; line-height:23px}
.goodsSet_area {float:right}
.goodsSet_area.right_type {float:right; margin-top:-19px}

.screen_out{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.view_mobile{ display: none}





/* GNB */
#gnb.gnb_stop{position:fixed;z-index:300;left:0;top:0;width:100%}
#gnb .gnb_kurly{position:relative;min-width:1050px;height:45px;background:url(../images/bg_gnb.png) repeat-x 0 0;font-family:'Noto Sans KR';letter-spacing:0}
#gnb .inner_gnbkurly{position:relative;z-index:300;width:1050px;margin:0 auto}
#gnb .gnb_kurly .bg{position:absolute;z-index:299;left:0;top:45px;width:100%;height:9px;background:url(../images/bg_gnb.png) repeat-x 0 100%}

#gnb .gnb_main{overflow:hidden;width:1050px;margin:0 auto}
#gnb .gnb_main .gnb{float:left;width:100%}
#gnb .gnb_main .gnb li{float:left;background:url(../images/img_1x11_c_ddd.png) no-repeat 100% 18px}
#gnb .gnb_main .gnb .lst{background:none}
#gnb .gnb_main .gnb a{overflow:hidden;float:left;height:45px;padding:13px 46px 0 46px;font-size:14px;color:#000;line-height:20px;text-decoration:none;}
#gnb .gnb_main .gnb a:hover,
#gnb .gnb_main .gnb a.on{font-family:'Noto Sans KR Medium';color:#512772;text-decoration:none;}
#gnb .gnb_main .gnb a:hover .txt{border-bottom:1px solid #512772; text-decoration:none;}

#gnb .gnb_main .gnb .menu1 a{width:150px;background-color:#fff;color:#000; text-decoration:none;}
#gnb .gnb_main .menu1 a{padding:0 0 0 20px}
#gnb .gnb_main .menu1 a:hover{font-family:'Noto Sans KR'}
#gnb .gnb_main .menu1 img{float:left;width:16px;margin:16px 10px 0 0}
#gnb .gnb_main .menu1 .txt{float:left;padding-top:13px;font-weight:normal;border-bottom:0; text-decoration:none;}

#gnb .gnb_search{position:absolute;right:30px;top:10px;width:176px;height:28px}
#gnb .gnb_search .inp_search{width:140px;height:28px;padding:0 0px 0 9px;border:1px solid #ddd;background-color:#fafafa;font-family:'Noto Sans KR';letter-spacing:0}
#gnb .gnb_search .btn_search{position:absolute;right:6px;top:6px;width:16px}

#gnb .cart_count{position:absolute;right:0;top:16px}
#gnb .cart_count .inner_cartcount{text-align:center;font-family:'Noto Sans KR'}
#gnb .cart_count .num{position:absolute;right:16px;top:-6px;height:17px;padding:0 5px 0 5px;border:1px solid #fff;border-radius:8px;background-color:#512772;font-size:9px;color:#fff;line-height:15px;text-align:center;white-space:nowrap}
#gnb .cart_count img{display:block;width:25px;margin:0 auto}
#gnb .gnb_sub{display:none;position:absolute;left:0;top:44px;width:100%; z-index:1;}
#gnb .gnb_sub .inner_gnbsub{overflow:hidden;width:1050px;margin:0 auto;padding:0 0 20px 24px;border:1px solid #512272;background-color:#fff}
#gnb .gnb_sub:after{content:"";width:100%;height:0;clear:both}
#gnb .gnb_sub .gnb_menu{float:left;width:145px;padding:21px 15px 1px 0;text-align:left}
#gnb .gnb_sub .gnb_menu .ico{display:block;width:40px;padding-bottom:5px}
#gnb .gnb_sub .ico img{width:100%}
#gnb .gnb_sub .tit{display:block;padding-bottom:12px;font-weight:400;font-size:14px;color:#000;line-height:22px;letter-spacing:-0.3px;white-space:nowrap}
#gnb .gnb_sub .link_menu:hover .tit,
#gnb .gnb_sub .active{font-family:'Noto Sans KR Medium';color:#512772}
#gnb .gnb_sub .link_menu:hover .txt{border-bottom:1px solid #512772}
#gnb .gnb_sub .list{padding-top:12px;border-top:1px solid #ddd}
#gnb .gnb_sub .list a{display:block;overflow:hidden;font-size:12px;color:#444;line-height:22px;letter-spacing:-0.2px}
#gnb .gnb_sub .list a:hover,
#gnb .gnb_sub .list a.on{font-family:'Noto Sans KR Medium';color:#512772}
#gnb .gnb_sub .list a:hover .txt{border-bottom:1px solid #512772}

#gnb .gnb_sub .gnb_christmars .tit,
#gnb .gnb_sub .gnb_christmars .link_menu:hover .tit,
#gnb .gnb_sub .gnb_christmars .active{font-family:'Noto Sans KR Medium';color:#275354}
#gnb .gnb_sub .gnb_christmars .link_menu:hover .txt{border-bottom:1px solid #275354}



/* QNB */
#qnb{position:absolute;z-index:1;left:50%;top:70px;width:80px;margin-left:545px;font-family:"Noto Sans KR";font-size:12px;color:#000;line-height:16px;letter-spacing:-0.3px}
.main-index #qnb{top:450px}
.goods-goods_view #qnb{top:20px}
#qnb.qnb_stop{position:fixed;top:60px}
#qnb .side_menu{width:80px;border:1px solid #ddd;border-top:0 none;background-color:#fdfdfd}
#qnb .link_menu.fst{border-top:2px solid #512772}
#qnb .link_menu{display:block;height:29px;padding-top:6px;border-top:1px solid #ddd;text-align:center}
#qnb .link_menu:hover,
#qnb .link_menu.on{background-color:#f5f5f5}
#qnb .btn_top{display:block;overflow:hidden;padding:5px 0 3px;border-top:1px solid #ddd;font-size:12px;color:#777;line-height:16px;text-align:center}
#qnb .btn_top img{display:block;width:16px;margin:0 auto}
.side_recent{position:relative;margin-top:18px;border:1px solid #ddd}
.side_recent .tit{padding:26px 0 5px;font-size:12px;text-align:center}
.side_recent .list_goods{overflow:hidden;position:relative;width:60px;margin:0 auto}
.side_recent .list{position:absolute;left:0;top:0}
.side_recent li{padding-top:5px}
.side_recent .link_goods{display:block;overflow:hidden;width:60px;margin:0 auto}
.side_recent .name{overflow:hidden;width:100%;height:35px;padding-top:1px;font:12px/16px 'Noto Sans KR';letter-spacing:-0.3px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.side_recent .btn{display:block;overflow:hidden;width:100%;height:17px;background-color:#fdfdfd;border:0 none;text-align:center}
.side_recent .btn img{display:block;width:10px;margin:0 auto}
.side_recent .btn_up{position:absolute;left:0;top:0;border-bottom:1px solid #ddd}
.side_recent .btn_down{border-top:1px solid #ddd}




/* 상단 폼*/
.user_form{width:1050px;margin:0 auto;font-family:'Noto Sans KR'}
.user_form input,
.user_form select,
.user_form textarea,
.user_form button{font-family:'Noto Sans KR'}
/* 상단 소메뉴*/
#userMenu{width:1050px;margin:0 auto}
#userMenu *{font-family:'Noto Sans KR';font-weight:400;letter-spacing:-0.3px}
#userMenu:after{content:"";display:block;overflow:hidden;width:100%;height:0;font-size:0;text-indent:-9999px}
#userMenu .list_menu{float:right}
#userMenu .menu{position:relative;z-index:400;float:left}
#userMenu .menu:before{content:"";position:absolute;right:11px;top:13px;width:8px;height:5px;background:url(../images/ico_down_20x12.png) no-repeat 0 0;background-size:8px 5px}
#userMenu .menu:after{content:"";float:right;width:1px;height:13px;margin-top:9px;background-color:#d8d8d8}
#userMenu .link_menu{float:left;height:31px;padding:0 23px 0 10px;color:#3b3b3b;line-height:29px;white-space:nowrap}
#userMenu .txt{float:left;padding-right:4px}
#userMenu .name{overflow:hidden;float:left;width:88px;text-align:right;white-space:nowrap;text-overflow:ellipsis}
#userMenu .sir{float:left;padding-left:4px}
#userMenu .ico_grade{float:left;margin:7px 1px 0 0}
#userMenu .menu_user .sub{left:auto;right:17px}
#userMenu .sub{display:none;position:absolute;left:0;top:31px;width:102px;padding:3px 9px;border:1px solid #ddd;background-color:#fff}
#userMenu .menu:hover .sub{display:block}
#userMenu .sub a{font-size:12px;color:#404040;line-height:24px;white-space:nowrap}
#userMenu .none_sub:before,
#userMenu .lst:before,
#userMenu .lst:after{display:none}
#userMenu .none_sub .link_menu{padding-right:10px}
#userMenu .lst .link_menu{padding-right:0}


/* SNB���� */
#snb{float:left;width:200px}
#snb .inner_snb{border:1px solid #dcdbde;border-bottom:0 none}
#snb .tit_snb{padding:0 0 30px 2px;font:28px/41px "Noto Sans KR Medium";color:#4a4a4a}
#snb .list_menu li{border-bottom:1px solid #dcdbde}
#snb .list_menu li.on a,
#snb .list_menu li a:hover{background:#f7f5f8 174px 50%;background-size:6px 10px;color:#512772}





/* ############ */
/* 1:1���� */
/* ############ */
.xans-board-write .boardWrite2 input[type="text"].read_only{color:#949296}

/* ############ */
/* ȸ������ */
/* ############ */
.xans-member-join .txt_agree_info{display:inline-block;padding-left:10px;font-size:12px;color:#51495a;font-weight:normal}
.xans-member-join .reg_agree .label_all_check .txt_checkbox{font-size:16px}
.xans-member-join .btn_link{position:absolute;left:135px;top:0;height:24px;padding-top:3px;font-size:14px;color:#512772;line-height:17px;letter-spacing:0}
.xans-member-join .btn_link2{left:190px}
.xans-member-join .btn_link3{left:190px}
.xans-member-join .txt_checkbox{display:inline-block;overflow:hidden;padding-right:70px;font-size:14px;color:#000;line-height:1.5}
.xans-member-join .select_check .txt_all{font-weight:600;font-size:16px}
.xans-member-join .select_check .sub{color:#949296}
.xans-member-join .check_view{position: relative;margin-left: 20px}
.xans-member-join .check_event{overflow:hidden;padding-left:28px}
.xans-member-join .txt_guide{display:block;padding:0 0 12px 0;font-size:12px;color: #51495a}
.xans-member-join .check_event .check_agree{float:left}
.xans-member-join .check_agree input[type=checkbox]{position: relative;z-index: -1;vertical-align: middle;opacity: 0}

/*ȸ������ �˾�*/
.xans-member-join .reg_agree .layer_agreement .inner_layer{width:900px;height:546px}
.xans-member-join .reg_agree .layer_agreement .inner_layer .tit_layer{padding: 10px 0 20px;border-bottom: 1px solid #dddfe1}
.xans-member-join .reg_agree .layer_agreement .inner_layer .box_tbl{font-size:14px;height:375px;overflow-y: scroll;color:#514859;line-height: 19px}
.xans-member-join .reg_agree .inner_layer{position:relative;width: 540px;padding: 20px;margin:0 auto;background-color: #fff;box-shadow: 0 0 20px 0 #dddfe1}
.xans-member-join .reg_agree .layer .tit_layer{font-size:16px;color:#514859}
.xans-member-join .reg_agree .layer .box_tbl{margin-top:20px;font-size:12px;color: #000;}
.xans-member-join .reg_agree .box_tbl th{padding: 10px 8px;background-color: #f7f5f8;border:1px solid #dddfe1;font-size:14px;text-align: center}
.xans-member-join .reg_agree .box_tbl thead th{border-bottom:0 none}
.xans-member-join .reg_agree .box_tbl td{padding: 10px 8px;border:1px solid #dddfe1;text-align: center;vertical-align: middle;line-height: 19px}
.xans-member-join .reg_agree .layer .txt_service{margin-top:20px;font-size:14px;line-height: 20px;color: #514859}
.xans-member-join .reg_agree .layer .btn_ok{display: block;width: 150px;height: 34px;margin: 30px auto 0;border: 0 none;background-color: #512772;font-size: 14px;color: #fff;line-height: 32px;letter-spacing: -0.3px;}

/* ############ */
/* ������������ */
/* ############ */
.page_aticle .page_section .xans-member-join .boardWrite{font-family: 'NotoSansCJKkr-Medium',Sans-Serif;}
.section_myinfo .reg_agree .check_view{margin-left:0;padding-top:20px}
.xans-member-join .boardWrite td.memberCols2.reg_agree{border-bottom:0}
.xans-member-join .boardWrite td.memberCols2 .inp_read{background-color:#f9f9f9}
.xans-member-join .boardWrite td.memberCols2 .check_view{padding:0;margin:0}
.xans-member-join .boardWrite td.memberCols2 .check_view .btn_choice{top:1px;left:158px;padding-top:0;font-size: 12px}
.xans-member-join .boardWrite td.memberCols2 .txt_checkbox{font-size: 12px}
.xans-member-join .boardWrite td.memberCols2 .check_agree input[type="checkbox"]{height:16px}

/* ��ǰ�� */
.whykurly_area .row .btn_delivery_info{width: 300px;height: 56px;background-color: #ffffff;border: solid 1px #512772;color:#582276}
.whykurly_area .satbyul_delivery_step li p{height: 133px;background-color:#f7f5f8;color:#512772}
.whykurly_area .row .delivery_information th{background-color:#f7f5f8}



sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}