@charset "utf-8";

/* 나눔고딕 정의 */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

@font-face{
font-family:"Nanum Gothic";
src:url('NanumGothic.eot');
src:url('NanumGothic.eot?#iefix') format('embedded-opentype'),
url('NanumGothic.woff') format('woff'),
url('NanumGothic.ttf') format('truetype');
src:local('abc'), url('NanumGothic.woff') format('woff');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(NanumGothic-Regular.eot);
  src: url(NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(NanumGothic-Regular.woff2) format('woff2'),
       url(NanumGothic-Regular.woff) format('woff'),
       url(NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(NanumGothic-Bold.eot);
  src: url(NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(NanumGothic-Bold.woff2) format('woff2'),
       url(NanumGothic-Bold.woff) format('woff'),
       url(NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(NanumGothic-ExtraBold.eot);
  src: url(NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(NanumGothic-ExtraBold.woff2) format('woff2'),
       url(NanumGothic-ExtraBold.woff) format('woff'),
       url(NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face{
 font-family: 'NanumGothicWeb';
 font-style: normal;
 font-weight: normal;
 src: url('NanumGothic.eot'); 
 src: local('abc'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}

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

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

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

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

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

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

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

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

@font-face{font-weight:300;font-family:'NanumSquare';src:url(https://s.pstatic.net/static/www/font/NanumSquareL.eot);
	src:url(https://s.pstatic.net/static/www/font/NanumSquareL.eot?#iefix) format("embedded-opentype"),
	url(https://s.pstatic.net/static/www/font/NanumSquareL.woff) format("woff"),
	url(https://s.pstatic.net/static/www/font/NanumSquareL.ttf) format("truetype")}
@font-face{font-weight:400;font-family:'NanumSquare';
	src:url(https://s.pstatic.net/static/www/font/NanumSquareR.eot);
	src:url(https://s.pstatic.net/static/www/font/NanumSquareR.eot?#iefix) format("embedded-opentype"),
		url(https://s.pstatic.net/static/www/font/NanumSquareR.woff) format("woff"),
		url(https://s.pstatic.net/static/www/font/NanumSquareR.ttf) format("truetype")}
@font-face{font-weight:700;font-family:'NanumSquare';src:url(https://s.pstatic.net/static/www/font/NanumSquareB.eot);
	src:url(https://s.pstatic.net/static/www/font/NanumSquareB.eot?#iefix) format("embedded-opentype"),
	url(https://s.pstatic.net/static/www/font/NanumSquareB.woff) format("woff"),
	url(https://s.pstatic.net/static/www/font/NanumSquareB.ttf) format("truetype")}
@font-face{font-weight:900;font-family:'NanumSquare';src:url(https://s.pstatic.net/static/www/font/NanumSquareEB.eot);
	src:url(https://s.pstatic.net/static/www/font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),
	url(https://s.pstatic.net/static/www/font/NanumSquareEB.woff) format("woff"),
	url(https://s.pstatic.net/static/www/font/NanumSquareEB.ttf) format("truetype")}

@font-face{font-family:'AritaDotum';font-style:normal;font-weight:400;
	src:url('Arita-Dotum-Medium.eot');
	src:url(Arita-Dotum-Medium.eot?#iefix) format("embedded-opentype"),
		url(Arita-Dotum-Medium.woff) format("woff"),
		url(Arita-Dotum-Medium.ttf) format("truetype")}
@font-face{font-family:'AritaDotum';font-style:normal;font-weight:500;
	src:url('Arita-Dotum-SemiBold.eot');
	src:url(Arita-Dotum-SemiBold.eot?#iefix) format("embedded-opentype"),
	url(Arita-Dotum-SemiBold.woff) format("woff"),
	url(Arita-Dotum-SemiBold.ttf) format("truetype")}
@font-face{font-family:'Buri';font-style:normal;font-weight:400;
src:url('Arita-buri-SemiBold.eot');
src:url(Arita-buri-SemiBold.eot?#iefix) format("embedded-opentype"),
url(Arita-buri-SemiBold.woff) format("woff"),
url(Arita-buri-SemiBold.ttf) format("truetype")}

/* 숨김설정 */
.hidden {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* COMMON */
.tac{text-align:center;}
.brb {border-bottom:1px solid #CCCCCC}

/* 배송관련 블릿만 있는 리스트 경우 */
.baesong {}
.baesong:after {display: block; clear: both; content: ""}
.baesong li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 10px;padding:0 0 3px 13px;}
.baesong li strong {color:#00C7C7}

/* box 블릿이 있는 리스트 경우*/
.boxlist {padding:2% 3% 1%;background-color:#FAFAFA;border:1px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;}
.boxlist:after {display: block; clear: both; content: ""}
.boxlist h4 {color:#E72114;font-size:1.3em;margin-bottom:10px;background:none;}
.boxlist li {padding:0;font-size:1.1em;line-height:1.0em;margin-bottom:10px;}
.boxlist li:before {content:'';display:inline-block;width:4px;height:4px;margin:0 7px 0 0;background:#F29C23;border-radius:100%;}
.boxlist li strong {color:#E72114;}
.boxlist p {margin-bottom:10px !important}
.boxlist p strong {color:#CC0000}

/* 텍스트 */
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:1.2em;}
.f15 {font-size:1.3em;}
.f16 {font-size:1.4em;}
.f18 {font-size:1.5em;}
.f20 {font-size:1.7em;}
.f24 {font-size:2.0em;font-weight:normal;}

.f_red {color:red;}
.f_gray {color:#666;}
.f_gray2 {color:#999;}
.f_black {color:#000;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.cl_both {clear:both; height:0px; font-size:0; line-height:0px;}
.banner_wrap{border:1px solid #C6C6C6;}

.h5{height:5px !important;}
.h10{height:10px;}
.h13{height:13px;}
.h15{height:15px;}
.h20{height:20px !important;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h230{height:230px;}
.h233{height:233px;}
.h250{height:250px;}
.h300{height:300px;}
.h330{height:330px;}  
.h360{height:360px;}
.h370{height:370px;}
.h380{height:380px;}
.h500{height:500px;}
.h539{height:539px;}
.h540{height:540px;}

.w145 {width:145px !important;}
.w150 {width:150px !important;}
.w155 {width:155px !important;}
.w156 {width:156px !important;}
.w157 {width:157px !important;}
.w210 {width:210px !important;}
.w215 {width:215px !important;}
.w220 {width:220px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w275 {width:275px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w365 {width:365px !important;}
.w366 {width:366px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w420 {width:420px !important;}
.w430 {width:430px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w460 {width:460px !important;}
.w470 {width:470px !important;}

.w10pro {width:10%;min-width:10%;}
.w12pro {width:12%;min-width:12%;}
.w13pro {width:13%;min-width:13%;}
.w14pro {width:14%;min-width:14%;}
.w15pro {width:15%;min-width:15%;}
.w16pro {width:16%;min-width:16%;}
.w17pro {width:17%;min-width:17%;}
.w18pro {width:18%;min-width:18%;}
.w19pro {width:19.4%;min-width:19.4%;}
.w20pro {width:20%;min-width:20%;}
.w24pro {width:24.4%;min-width:24.4%;}
.w25pro {width:25%;min-width:25%;}
.w30pro {width:30%;min-width:30%;}
.w32pro {width:32.73%;min-width:32.73%;}
.w33pro {width:33.333%;min-width:33.333%;}
.w49pro {width:49.4%;min-width:49.4%;}
.w50pro {width:50% !important;min-width:50% !important;}
.w55pro {width:55%;min-width:55%;}
.w60pro {width:60% !important;min-width:60% !important;}
.w65pro {width:65%;min-width:65%;}
.w67pro {width:65%;min-width:67%;}
.w70pro {width:70% !important;min-width:70% !important;}
.w75pro {width:75%;min-width:75%;}
.w80pro {width:80%;min-width:80%;}

.pdt3{padding-top:3px !important;}
.pdt4{padding-top:4px !important;}
.pdt5{padding-top:5px !important;}
.pdt6{padding-top:6px !important;}
.pdt7{padding-top:7px !important;}
.pdt10{padding-top:10px !important;}
.pdt13{padding-top:13px;}
.pdt14{padding-top:14px;}
.pdt15{padding-top:15px;}
.pdt16{padding-top:16px;}
.pdt17{padding-top:17px;}
.pdt18{padding-top:18px;}
.pdt19{padding-top:19px;}
.pdt20{padding-top:20px;}
.pdt22{padding-top:22px;}
.pdt23{padding-top:23px;}
.pdt24{padding-top:24px;}
.pdt25{padding-top:25px;}
.pdt26{padding-top:26px;}
.pdt27{padding-top:27px;}
.pdt30{padding-top:30px;}
.pdt32{padding-top:32px;}
.pdt33{padding-top:33px;}
.pdt34{padding-top:34px;}
.pdt35{padding-top:35px !important;}
.pdt40{padding-top:40px !important;}
.pdt45{padding-top:45px !important;}
.pdt48{padding-top:48px;}
.pdt50{padding-top:50px !important;}
.pdt55{padding-top:55px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}
.pdt110{padding-top:110px;}
.pdt120{padding-top:120px;}
.pdt130{padding-top:130px;}
.pdt300{padding-top:300px;}
.pdt330{padding-top:330px;}

.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}
.pdr80{padding-right:80px;}

.pdb5 {padding-bottom:5px !important;}
.pdb7 {padding-bottom:7px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb14 {padding-bottom:14px;}
.pdb15 {padding-bottom:15px;}
.pdb19 {padding-bottom:19px;}
.pdb20 {padding-bottom:20px;}
.pdb22 {padding-bottom:22px;}
.pdb30 {padding-bottom:30px;}
.pdb31 {padding-bottom:31px;}
.pdb33 {padding-bottom:33px;}
.pdb35 {padding-bottom:35px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}
.pdb90 {padding-bottom:90px;}
.pdb100 {padding-bottom:100px;}
.pdb150 {padding-bottom:150px;}
.pdb200 {padding-bottom:200px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl18{padding-left:18px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdl60{padding-left:60px;}
.pdl70{padding-left:70px;}
.pdl80{padding-left:80px;}
.pdl100{padding-left:100px;}
.pdl120{padding-left:120px;}

.mgt3 {margin-top:3px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt6 {margin-top:6px !important;}
.mgt7 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt11 {margin-top:11px;}
.mgt12 {margin-top:12px;}
.mgt13 {margin-top:13px;}
.mgt14 {margin-top:14px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt28 {margin-top:28px;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.mgt45 {margin-top:45px;}
.mgt50 {margin-top:50px !important;}
.mgt59 {margin-top:59px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}

.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb11 {margin-bottom:11px;}
.mgb12 {margin-bottom:12px;}
.mgb15 {margin-bottom:15px;}
.mgb17 {margin-bottom:17px;}
.mgb18 {margin-bottom:18px;}
.mgb19 {margin-bottom:19px;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgb37 {margin-bottom:37px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb100 {margin-bottom:100px;}
.mgb150 {margin-bottom:150px;}
.mgb200 {margin-bottom:200px;}

.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl18{margin-left:18px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl32{margin-left:32px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}

.mgr6 {margin-right:6px !important;}
.mgr7 {margin-right:7px !important;}
.mgr12 {margin-right:12px;}