@charset "utf-8";

/*********************** 폰트 *************************/

@font-face {
	font-family: Nanum_BarunGothic;
	  src:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2S);
	  src:local('NanumBarunGothic'), 
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvp.rbg') format('embedded-opentype'), /* IE9 */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvp.jbss2') format('woff2'), /* woff2 지원 브라우저 */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvp.jbss') format('woff'), /* IE9, FF, Chrome */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvp.ggs') format('truetype');
	}
	@font-face {
		font-family: Nanum_BarunGothic;
		font-weight: bold;
		src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2S);
		src:local('NanumBarunGothicBold');
		src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvpObyq.rbg') format('embedded-opentype'), /* IE9 */
				 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvpObyq.jbss2') format('woff2'), /* woff2 지원 브라우저 */
				 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvpObyq.jbss') format('woff'), /* IE9, FF, Chrome */
				 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzOnehaTbguvpObyq.ggs') format('ttf');					 
	}
  @font-face {
	font-family: Nanum_Square_R;
	  src:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2S);
	  src:local('나눔스퀘어'), 
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerE.rbg') format('embedded-opentype'), /* IE9 */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerE.jbss2') format('woff2'), /* woff2 지원 브라우저 */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerE.jbss') format('woff'), /* IE9, FF, Chrome */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerE.ggs') format('truetype');
  }
  @font-face {
	font-family: Nanum_Square_B;
	  src:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2S);
	  src:local('나눔스퀘어 Bold'), 
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerO.rbg') format('embedded-opentype'), /* IE9 */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerO.jbss2') format('woff2'), /* woff2 지원 브라우저 */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerO.jbss') format('woff'), /* IE9, FF, Chrome */
	  url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerO.ggs') format('truetype');
  }
  
	@font-face {
		font-family: Nanum_Square_EB;
		src:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2S);
		src:local('나눔스퀘어 ExtraBold'),
		url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerRO.rbg') format('embedded-opentype'), /* IE9 */
		url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerRO.jbss2') format('woff2'), /* woff2 지원 브라우저 */
		url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerRO.jbss') format('woff'), /* IE9, FF, Chrome */
		url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAnahzFdhnerRO.ggs') format('truetype');
	}
	@font-face {
		font-family: 'NotoSansKR';
		font-style: normal;
		font-weight: 400;
		src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAbgbFnafXE-Erthyne.rbg');
		src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAbgbFnafXE-Erthyne.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
			url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Spff%2Ssbag%2SAbgbFnafXE-Erthyne.jbss2') format('woff2'),
			url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Spff%2Ssbag%2SAbgbFnafXE-Erthyne.jbss') format('woff');
	}
	@font-face {
		font-family: 'NotoSansKR';
		font-style: normal;
		font-weight: 500;
		src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.rbg');
		src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
			url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.jbss2') format('woff2'),
			url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Ssbagf%2SAbgbFnafXE-Zrqvhz.jbss') format('woff');
	}

body{font-family: NanumBarunGothic, 'Nanum_BarunGothic', Nanum_BarunGothic, NanumGothic, "나눔고딕", 'Nanum Gothic', Nanum Gothic, dotum,'돋움',gulim,'굴림', Tahoma, sans-serif; font-size:14px; color:#444;}

/*나눔스퀘어 레귤러*/
.nanum_s_r{font-family: Nanum_Square_R, 'Nanum_Square_R', 나눔스퀘어, '나눔스퀘어', NanumBarunGothic, 'Nanum_BarunGothic', Nanum_BarunGothic, NanumGothic, "나눔고딕", 'Nanum Gothic', Nanum Gothic, dotum,'돋움',gulim,'굴림', Tahoma, sans-serif;}

/*나눔스퀘어 볼드*/
.nanum_s_b{font-family: Nanum_Square_B, 'Nanum_Square_B', 나눔스퀘어 Bold, '나눔스퀘어 Bold', 나눔스퀘어 굵게, '나눔스퀘어 굵게', NanumBarunGothic, 'Nanum_BarunGothic', Nanum_BarunGothic, NanumGothic, "나눔고딕", 'Nanum Gothic', Nanum Gothic, dotum,'돋움',gulim,'굴림', Tahoma, sans-serif; font-weight: bold;}

/*나눔스퀘어 엑스트라볼드*/
.nanum_s_eb{font-family: Nanum_Square_EB, 'Nanum_Square_EB', NanumBarunGothic, 'Nanum_BarunGothic', Nanum_BarunGothic, NanumGothic, "나눔고딕", 'Nanum Gothic', Nanum Gothic, dotum,'돋움',gulim,'굴림', Tahoma, sans-serif; font-weight: 900;}

/*NotoSansKR*/
.noto{font-family: 'NotoSansKR', Nanum_Square_R, 'Nanum_Square_R', 나눔스퀘어, '나눔스퀘어', NanumBarunGothic, 'Nanum_BarunGothic', Nanum_BarunGothic, NanumGothic, "나눔고딕", 'Nanum Gothic', Nanum Gothic, dotum,'돋움',gulim,'굴림', Tahoma, sans-serif;}

/*********************** 초기화 *************************/
*, *:after, *:before {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased;
	/*text-rendering: optimizeLegibility;*/
}
h1, figure{margin:0}
table{border-collapse:collapse;border-spacing:0; width: 100%; table-layout: fixed;}
button{cursor: pointer; outline:none; color: #444; background-color: #fff;}
label{cursor: pointer;}
fieldset, iframe { border: 0; vertical-align: top;}
a, span{display: inline-block;}
a{color: inherit; cursor: pointer;}
em,address{font-style: normal;}
map area{outline: none;}
*:focus {outline: none;}

/*********************** 기능 *************************/
/* skip navigation */
.sknavi{z-index: 1000;top: -500px;position: absolute;}
.sknavi:active, .sknavi:focus{top: 0;display: block;width: 100%;text-align: center;font-weight: 600;background-color: #f7f7f7;text-decoration: none;height: 40px;line-height: 40px;color: #000;font-size: 15px;border-bottom: 1px solid #ddd;z-index: 10000;}

/*단어 keep*/
th,td{word-break: normal;}
*{word-break:break-all;}

/*접근성 지키며 텍스트 숨기기*/
.invisible, legend{border: 0; clip: rect(0 0 0 0); clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
/* 텍스트 숨기기 테이블 넓이 */
caption{visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}

/* Form 요소 */
input[type="text"]{outline: none;}
input[type="text"], input[type="password"], input[type="number"], textarea{border: 1px solid #ccc; border-radius: 4px; width: 100%; font-size: 13px;}
input[type="text"], input[type="password"], input[type="number"]{height: 36px; line-height: 34px; padding: 0 10px;}
textarea{resize: none; padding: 10px; line-height: 20px;}
select{border: 1px solid #ccc; color: #444; font-size: 13px; width: 100%; height: 36px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fxfgbn.pbz%2Sfgngvp%2Spbzzba%2Snffrgf%2Spff%2Sfglyr%2S..%2S..%2Svzntrf%2Sfryrpg.cat) no-repeat right 13px top 50% #fff; padding: 2px 37px 0 12px;}

/*아이폰 스크롤*/
body, html{-webkit-overflow-scrolling:touch;}

/*clearfix*/
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;} 

/*말줄임표*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/*커서*/
.cursor{cursor: pointer;}
.cursor_auto{cursor: auto !important;}

/*placeholder*/
::-webkit-input-placeholder{color: #888;}/* Edge */
:-ms-input-placeholder{color: #888;}/* Internet Explorer 10-11 */
::placeholder{color: #888;}

/*disabled*/
/* 주문서 기본배송지 설정항목 추가2 - s */
select:disabled {border:1px solid #eee; color:#888; background-color:#fafafa;}
input:disabled {border:1px solid #eee; color:#888; background-color:#fafafa;}
input:read-only {border:1px solid #eee; color:#888; background-color:#fafafa;}
input[readonly] {border:1px solid #eee; color:#888; background-color:#fafafa;}
/* 주문서 기본배송지 설정항목 추가2 - e */

/*input label*/
label.hiddentext{font-size:0;height:0;overflow:hidden;text-indent:-9999px;position:absolute;left:-9999px;}

/* 폰트 컬러 */
.font_red {color: #e51737 !important;} /* 210203 추가 */
.font_black {color: #444 !important;} /* 210303 추가 */
.bold {font-weight: bold !important;} /* 210303 추가 */ /* 220706_9882 수정 */

.txt_left{text-align: left !important;}  /* 210209 추가 */

/* 폰트 스타일 */
.underline {text-decoration: underline !important; text-underline-position: under;} /* 210331 추가 */

/*레이아웃 관련 클래스*/
.hide{display: none;}
.fl_left {float: left !important;}/* 210319 선물하기 추가 210331 수정 */
.fl_right {float: right !important;}/* 210319 선물하기 추가 210331 수정 */
.dpb {display: block !important} /* 220510 주문서 추가 */


.w460{width:460px;margin:0 auto;}
.w780{width: 780px; margin: 0 auto;}
.w1000{width: 1000px; margin: 0 auto;}
.w1260{width: 1260px; margin: 0 auto; position: relative;}
.w1460{width: 1460px; margin: 0 auto;}
.w1460_w1260{width: 1460px; margin: 0 auto;}/*미디어쿼리*/

/* SK구성원 인증 관련 작업 - s */
/* margin */
.mg0 {margin:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important} /* 210324 추가 */
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important} /* 210324 추가 */
.mt60 {margin-top:60px !important} /* 210324 추가 */
.mt70 {margin-top:70px !important} /* 210324 추가 */
.mt80 {margin-top:80px !important} /* 210324 추가 */
.mt90 {margin-top:90px !important} /* 210324 추가 */
.mt100 {margin-top:100px !important} /* 210324 추가 */
.mt110 {margin-top:110px !important} /* 210324 추가 */
.mt120 {margin-top:120px !important} /* 210324 추가 */
/* SK구성원 인증 관련 작업 - e */

/* 2020_11_25_cbh 추가 */
.mb0 {margin-bottom:0px !important;} /* 230116_11365 */
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !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}
.mb110 {margin-bottom:110px !important}
.mb120 {margin-bottom:120px !important}
.mb130 {margin-bottom:130px !important}

.ml5 {margin-left:5px !important;} /* 210209 추가 */
/* padding 210423 추가 */
/* 230524_12220 */
.pd0 { padding: 0 !important; }
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}
/* // 230524_12220 */

/* 210128 추가 S */
.pb0 {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 10px !important;}/* 220901_10543 */
.pb20 {padding-bottom: 20px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb100 {padding-bottom: 100px !important;}
/* 210128 추가 E */

/* 220616_9879 : 컨텐츠 경계라인 추가 */
.hr_line_g{height:1px; background:#eee;}

/*********************** 미디어쿼리 *************************/
@media only all and (max-width:1460px){
    .w1460_w1260{width: 1350px; margin: 0 auto;}/* 20200807 GNB */
    .hide_1460{display: none;}

}




/*********************** 창크기 관련 *************************/
html, body{overflow-x:hidden;}

/*1280이하*/
@media only all and (max-width:1280px){
    html{overflow-x: auto; width: 1280px;}
    body{overflow-x: hidden; width: 1280px;}
}