@charset "utf-8";
/* CSS Document */
/*@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareR.eot);
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareR.woff) format('woff'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareB.eot);
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareB.woff) format('woff'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareEB.eot);
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareEB.woff) format('woff'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 200;
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareL.eot);
 src: url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareL.woff) format('woff'),
      url(https://cdn.rawgit.com/moonspam/NanumSquare/master/NanumSquareL.ttf) format('truetype');
}
*/

body {
	margin:0; padding:0;
	font-family:'돋움', dotum, '굴림', gulim, arial, helvetica, san-serif;
	font-size:12px;
	color:#757575;
}

img {border:none; vertical-align:top;}

h1,h2,h3,h4,h5,p {margin:0; padding:0;}

ul,li,dl,dt,dd {margin:0; padding:0; list-style:none;}

a:link, a:visited {text-decoration:none; color:#757575;}
a:active, a:hover {text-decoration:underline; color:#3d96c3;}

#wrap {width:1005px; margin:0 auto;overflow:hidden;}

input,textarea,select,table,button{font-size:12px; color:#666666}
.item {position:relative;margin:-4px 0}
.item .i_label{top:6px; left:10px}
.item .i_dsc{margin:2px 0}
.item .i_check,
.item .i_radio{width:13px;height:13px;margin:2px 3px 2px 0;padding:0;vertical-align:middle}
.item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.item select{margin:2px; height:20px;}
.item label{margin:0;cursor:pointer}

/*메인*/

.mainVisual {height:474px;}
.mainContent {width:830px; margin:0; float:left; border-right:1px solid #e6e6e6;}


/* 메인 왼쪽메뉴 */
/*background-image:url(images/main/leftBg.jpg)*/
.main_container  {width:1005px;}
.main_container .sidebar {width:173px; height:474px; padding:0; margin:0px; float:left; border-right:1px solid #e6e6e6; background-color:#004BB2;}
.main_container .sidebar p {font-weight:bold; margin-top:10px;}
.main_container .sidebar * {color:#fff !important;}

.sidebar div.boardLately {height:142px; padding-left:15px;}
.sidebar div.boardLately dl#news { padding-top:15px;}
.sidebar div.boardLately dl#event dt img {margin-top:18px;}
.sidebar div.boardLately dl dt {margin-bottom:6px;}
.sidebar div.boardLately dl dd { clear:both; width:100%; margin-bottom:6px; line-height:12px;}
.sidebar div.boardLately dl dd span {padding-left:5px;}
/* // 메인 왼쪽메뉴 */

/* 메인 */
.main_top {margin:0; padding:0; border:1px solid #e6e6e6; border-top:none !important; overflow:hidden;}
.main_top .logo {width:172px; border-right:1px solid #e6e6e6; float:left; text-align:center;}
.main_top .logo img {margin:10px auto;}
.main_top div.topBtn {width:550px; height:79px; float:left;}
	.main_top div.topBtn ul {float:right; margin:35px 0px 0 0;}
	.main_top div.topBtn ul li {float:left; padding:0 18px 0 0; background:url(../images/main/topDiv.gif) no-repeat right 0;}
	
.main_top div.topBtn2 {float:left; margin:35px 0px 0 0;}
	.main_top div.snsLink {width:202px; height:79px; float:right;}
.main_top div.snsLink ul {margin:26px 0 0 17px;}
.main_top div.snsLink ul li {float:left; margin-right:14px}
.main_top div.snsLink ul li.end {margin-right:0px;}

.mainBanner {border:solid 1px #e6e6e6; overflow:hidden; clear:both;}
.mainBanner div.tel {border-right:1px solid #e6e6e6; width:172px; float:left;}
.mainBanner .bannerList ul li {float:left;}
.mainBanner .bannerList ul li.end {border:none !important;}
.mainFooter {border:1px solid #e6e6e6; width:1003px; margin:0px auto; border-top:none !important; position:relative;}
.mainFooter div.select {position:absolute; width:100px; height:20px; right:20px; top:40px;}
.mainFooter div.select select {width:100%; border:1px solid #777777; font-size:11px; color:#666666;}
.mainFooter div.select input {width:100%; border:1px solid #777777; font-size:11px; color:#666666;}
/* //메인 */



/* 상단메뉴 */
#topMenuWrap {width:100%;zoom:1;border-bottom:1px solid #0147a9;}
#topMenuWrap .menu {width:1000px; margin:0px auto; overflow:hidden;}
#topMenuWrap .menu .logoTop {width:210px; margin-right:15px; float:left;}
#topMenuWrap .menu .logoTop .top {width:210px; height:26px; background-repeat:no-repeat; text-align:center;}
#topMenuWrap .menu .logoTop .top ul {text-align:center; overflow:hidden; border:1px solid #dbdbdb; border-top:none !important; border-radius:0 0 5px 5px;}
#topMenuWrap .menu .logoTop .top li {float:left; width:50%; box-sizing:border-box; height:26px;}
#topMenuWrap .menu .logoTop .top li:first-child {border-right:1px solid #dbdbdb;}
#topMenuWrap .menu .logoTop .top li a {font-family:Nanum Gothic; font-size:11px; color:#656565; font-weight:400; width:100%; height:26px; line-height:26px; text-align:center; display:block; transition:0.3s}
#topMenuWrap .menu .logoTop .top li a:hover {background-color:#f2f2f2;}
#topMenuWrap .menu .logoTop .top li.topDiv {background:url(../images/topDiv.gif) center 6px no-repeat; width:10px; height:14px;}
#topMenuWrap .menu .logoTop a.logo {display:block; width:137px; height:56px; margin:18px 0 0 34px;}
#topMenuWrap .menu .mainMenu {width:775px; height:135px; float:right;}
	
	/* 1depthMenu */
	#topMenuWrap .menu .mainMenu a {background:url(../images/topMenu.jpg) 0 0 no-repeat; display:block; float:left;height:135px;}
	
	#topMenuWrap .menu .mainMenu a#menu01 {width:122px; background-position:0 0}
	#topMenuWrap .menu .mainMenu a:hover#menu01 {width:122px; background-position:0 bottom;}
	
	#topMenuWrap .menu .mainMenu a#menu02 {width:200px; background-position:-122px 0;}
	#topMenuWrap .menu .mainMenu a:hover#menu02 {width:200px; background-position:-122px bottom;}
	
	#topMenuWrap .menu .mainMenu a#menu03 {width:132px; background-position:-322px 0;}
	#topMenuWrap .menu .mainMenu a:hover#menu03 {width:132px; background-position:-322px bottom;}
	
	#topMenuWrap .menu .mainMenu a#menu04 {width:190px; background-position:-454px 0;}
	#topMenuWrap .menu .mainMenu a:hover#menu04 {width:190px; background-position:-454px bottom;}
	
	#topMenuWrap .menu .mainMenu a#menu05 {width:131px; background-position:-644px 0;}
	#topMenuWrap .menu .mainMenu a:hover#menu05 {width:131px; background-position:-644px bottom;}
	
#topMenuWrap .subMenuWrap {width:100%; border-top:1px solid #eaeaea; background:url(../images/2depthBg_img.jpg) right 0 no-repeat; display:none; overflow:hidden;}
#topMenuWrap .subMenuWrap .subMenu {width:775px; padding:0px 0 0px 225px; margin:0px auto; background:url(../images/2depth_img.jpg) 0 0 no-repeat; overflow:hidden;}
#topMenuWrap .subMenuWrap .subMenu ul li {float:left; text-align:center;}
#topMenuWrap .subMenuWrap .subMenu ul li.m01 {width:122px; padding:50px 0 35px 0;background:url(../images/subMenuDiv.gif) right 0 no-repeat;}
#topMenuWrap .subMenuWrap .subMenu ul li.m02 {width:200px; padding:25px 0 0 0;background:url(../images/subMenuDiv.gif) right 0 no-repeat;}
#topMenuWrap .subMenuWrap .subMenu ul li.m03 {width:132px; padding:40px 0 25px 0;background:url(../images/subMenuDiv.gif) right 0 no-repeat;}
#topMenuWrap .subMenuWrap .subMenu ul li.m04 {width:190px; padding:40px 0 25px 0;background:url(../images/subMenuDiv.gif) right 0 no-repeat;}
#topMenuWrap .subMenuWrap .subMenu ul li.m05 {width:131px; padding:40px 0 25px 0;}

/* 2depth 메뉴 */
#topMenuWrap .subMenuWrap .subMenu ul li ul li {clear:both; width:100%; text-align:center;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a {display:inline-block; height:13px; margin-bottom:19px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a:hover {background-position:center bottom !important;}

#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu01_1 {background:url(../images/menu01_1.png) center 0 no-repeat; width:84px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu01_2 {background:url(../images/menu01_2.png) center 0 no-repeat; width:76px; height:31px !important;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu01_3 {background:url(../images/menu01_3.png) center 0 no-repeat; width:44px;}

#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu02_1 {background:url(../images/menu02_1.png) center 0 no-repeat; width:72px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu02_2 {background:url(../images/menu02_2.png) center 0 no-repeat; width:80px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu02_3 {background:url(../images/menu02_3.png) center 0 no-repeat; width:106px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu02_4 {background:url(../images/menu02_4.png) center 0 no-repeat; width:102px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu02_5 {background:url(../images/menu02_5.png) center 0 no-repeat; width:80px;}

#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu03_1 {background:url(../images/menu03_1.png) center 0 no-repeat; width:58px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu03_2 {background:url(../images/menu03_2.png) center 0 no-repeat; width:62px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu03_3 {background:url(../images/menu03_3.png) center 0 no-repeat; width:43px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu03_4 {background:url(../images/menu03_4.png) center 0 no-repeat; width:94px;}

#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu04_1 {background:url(../images/menu04_1.png) center 0 no-repeat; width:44px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu04_2 {background:url(../images/menu04_2.png) center 0 no-repeat; width:100px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu04_3 {background:url(../images/menu04_3.png) center 0 no-repeat; width:79px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu04_4 {background:url(../images/menu04_4.png) center 0 no-repeat; width:91px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu04_5 {background:url(../images/menu04_5.png) center 0 no-repeat; width:61px;}

#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu05_1 {background:url(../images/menu05_1.png) center 0 no-repeat; width:76px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu05_2 {background:url(../images/menu05_2.png?v=1) center 0 no-repeat; width:102px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu05_3 {background:url(../images/menu05_3.png) center 0 no-repeat; width:33px;}
#topMenuWrap .subMenuWrap .subMenu ul li ul li a.sMenu05_4 {background:url(../images/menu05_4.png) center 0 no-repeat; width:56px;}
/* //상단메뉴     */

/* ::: 본문 ::: */
#container {width:1000px; margin:0px auto 0px auto; padding:40px 121px 0px 121px; overflow:hidden; position:relative;}

/* 왼쪽메뉴 */
.sidebar {width:208px; float:left;}
.sidebar .leftTitle {margin:0px; padding:0px;}
.sidebar .leftMenu {background:url(images/main/leftBg.jpg); width:198px; padding:20px 0 0 10px;}
.sidebar .leftMenu div.lineBg {background:url(images/common/leftLineBg.png) right -1px repeat-y; overflow:hidden;}
.sidebar .leftBottom {margin:0px; padding:0px;}
/* // 왼쪽메뉴 */


/* 상단 페이징 */

.content {width:760px; float:right; position:relative;}
.content div.paging {width:760px; position:relative; background:url(images/pagingBottom.gif) 0 bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}
.content div.paging dl {position:absolute; right:0; top:25px;}
.content div.paging dl dt, .content div.paging dl dd {float:left;}
.content div.paging dl dt img {margin-top:2px;}
.content div.paging dl dd img {margin-top:3px;}
/* // 상단 페이징 */


/* 내용 */

/* // 내용 */

/* // ::: 본문 ::: */

/* footer */

div.footer { position:relative; clear:both;}
div.footer img {margin-top:50px;}
div.footer div.select {position:absolute; width:100px; height:20px; right:20px; top:110px;}
div.footer div.select select {width:100%; border:1px solid #777777; font-size:11px; color:#666666;}
div.footer div.select input {width:100%; border:1px solid #777777; font-size:11px; color:#666666;}

/* // footer */

/* 빠른메뉴 */
#quick {position:absolute; width:101px; height:317px; left:50%; margin-left:520px; top:0; }
/* // 빠른메뉴 */

/* 공통영역 */
	/* 탭메뉴 */
	div.tabMenu {width:100%; overflow:hidden;}
	div.tabMenu li {float:left;}
	div.tabMenu li a {display:inline-block;}

/* // 공통영역 */

/* 03_물과건강 _ 워터레터_ 게시판 */
caption {display:none !important;}
.tbl {}
.tbl img {vertical-align:top;}
.tbl table{width:760px;border:0;border-top:1px solid #ccc;border-spacing:0; border-top:2px solid #0147a9;}
.tbl table td, .tbl table th{border:0;border-bottom:1px solid #ccc}
.tbl table th {padding:8px 0 8px 0;}
.tbl table td {text-align:center; line-height:28px;}
.tbl table td.title {text-align:left; padding-left:8px;}
.tbl caption {text-align:left; padding:0;}

/* 게시판 페이징 */
.paginate_complex {padding:15px 0;line-height:normal;text-align:center;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#333; color:#FFFFFF;}
.paginate_complex strong{color:#ff8600; text-decoration:underline;}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}
/* // 게시판 페이징 */

/* 게시판 검색 */
form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
input,textarea,select,button {font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset{border:0}

.srch {width:100%;padding:0 0 10px 0 !important;color:#c4c4c4;text-align:center}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch select,.srch input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle}
.srch .keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:12px}
/* //게시판 검색 */

/* 게시판_view */

a.requestBtn {float:right; margin-bottom:15px}

legend{display:none}
.tbl_view table.tbStyle, .tbl_view table.tbStyle th, .tbl_view table.tbStyle td {border:0;}
.tbl_view table.tbStyle {width:760px; border-top:2px solid #0147a9;color:#666;font-size:12px; margin:20px 0 15px 0; table-layout:fixed;}
.tbl_view table.tbStyle thead th, .tbl_view table.tbStyle thead td {color:#777777;border-bottom:1px solid #999;}
.tbl_view table.tbStyle th {padding:15px 8px;border-bottom:solid 1px #d2d2d2 ;background-color:#f1f1f4;;}
.tbl_view table.tbStyle td a span {text-decoration:underline !important; color:#3d96c3;}
.tbl_view table.tbStyle td {padding:10px; border-bottom:solid 1px #d2d2d2;text-align:left;}
.tbl_view table.tbStyle td.cont{line-height:1.4em; border-bottom:1px solid #d2d2d2;}
.tbl_view table.tbStyle td.cont textarea {border:1px solid #dbdbdb; width:100%; height:200px;}
.tbl_view table.tbStyle td span.i_text input {border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; padding:4px;}
.tbl_view tabl.tbStylee td select {height:22px; border:1px solid #dbdbdb;}

tr.notice_tr td {background-color:#f2f2f2;}
tr.notice_tr td.title {font-weight:bold;}
/* // 게시판_view */


/* 사업자 파트너 신청 _지역별 배송점 찾기 */
div.storeWrap {width:760px; margin-top:30px; }
div.storeWrap div.storeTop { margin-bottom:10px; min-height:300px; background:url(../images/delivery/storeSplit.gif) repeat-x left bottom; overflow:hidden; }
div.storeWrap div.mapArea { position:relative; float:left; width:216px; height:279px; background:url(../images/delivery/storeMapBg.png) no-repeat; }
div.storeWrap div.listWrap { float:right; width:515px; min-height:342px; overflow:hidden;}
div.storeWrap div.subTitle { height:30px; line-height:30px; text-align:left;}
div.storeWrap div.subTitle .srch {text-align:left !important;}
div.storeWrap div.subTitle .input01 {height:16px;}
div.storeWrap div.subTitle .searchBtn {padding:0 8px; height:20px;}
div.storeWrap table.mapList { width:100%; text-align:center; font-size:11px; color:#808080; border-top:2px solid #0147a9 !important; border:1px solid #eeeeee; border-collapse:collapse;}
div.storeWrap table.mapList th,div.storeWrap table.mapList td {padding:8px 5px; border:1px solid #eee;}
div.storeWrap table.mapList th {height:30px; font-size:12px; font-weight:bold; background:#f9faf7;}

div.storeWrap .storeView {width:758px; margin-top:20px; border:1px solid #dbdbdb;}

/* 지도 */
div.storeWrap div.map { width:100%; height:287px; border:1px solid #eee; background:#f6f6f6; }
div.mapArea div.mapActive { position:absolute; width:216px; height:279px; z-index:1; background:url:url(../images/delivery/map.png) no-repeat 0px 300px; }
div.mapArea div.mapHover { position:absolute; width:216px; height:279px; z-index:2; background:url(../images/delivery/map.png) no-repeat 0px 300px; }
div.area { cursor:pointer; position:absolute; z-index:10; }
div.area_1 { left:47px; top:50px; width:19px; height:19px; }
div.area_2 { left:70px; top:49px; width:19px; height:13px; }
div.area_3 { left:120px; top:27px; width:45px; height:47px; }
div.area_4 { left:72px; top:66px; width:41px; height:21px; }
div.area_5 { left:55px; top:95px; width:33px; height:34px; }
div.area_6 { left:87px; top:119px; width:21px; height:15px; }
div.area_7 { left:97px; top:91px; width:46px; height:15px; }
div.area_8 { left:134px; top:107px; width:56px; height:25px; }
div.area_9 { left:66px; top:154px; width:42px; height:24px; }
div.area_10 { left:148px; top:148px; width:22px; height:16px; }
div.area_11 { left:178px; top:160px; width:27px; height:20px; }
div.area_12 { left:117px; top:173px; width:51px; height:26px; }
div.area_13 { left:171px; top:185px; width:26px; height:20px; }
div.area_14 { left:63px; top:190px; width:23px; height:16px; }
div.area_15 { left:46px; top:210px; width:58px; height:24px; }
div.area_16 { left:47px; top:257px; width:40px; height:18px; }
div.area a { display:block; cursor:pointer; width:100%; height:100%; }

/* // 사업자 파트너 신청 _지역별 배송점 찾기 */



/* 로그인 */
.loginContent {padding-top:30px;}
#ulogin {width:510px; margin:30px auto 15px auto; position:relative}
#ulogin .item {position:relative;}
#ulogin .i_label {left:10px; display:block; top:9px; font:bold 11px tahoma; position:static;}
#ulogin .i_text {display:block; position:relative; width:390px; padding:8px 0 9px 10px; margin:0 0 7px 0;  border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font:bold 11px Tahoma;height:14px;color:#767676;}
#ulogin .login_btn {display:block; position:absolute; right:0; top:0; opacity:1; filter:alpha(opacity=100); transition:0.4s;}
#ulogin .login_btn:hover {display:block; position:absolute; right:0; top:0; opacity:0.5; filter:alpha(opacity=50);}

.find {width:500px; margin:0px auto; background:url(../images/member/dottedLine.gif) center top no-repeat; padding:15px 0;}
.find .find_item {background:url(../images/member/bullet.gif) left 8px no-repeat; color:#757575; position:relative; margin-bottom:10px; padding:8px 0 8px 8px;}
.find .find_item input {position:absolute; right:0; top:0; padding:6px 15px; text-align:center; border:1px solid #c0c0c0; color:#333333; font-weight:bold; background-color:#FFFFFF; cursor:pointer; transition:0.3s}
.find .find_item input:hover { padding:6px 25px; color:#999}

#glogin {background:url(../images/member/bgGuest.gif) left 0 repeat-y; padding:20px 20px 20px 160px; width:320px; border:1px solid #dbdbdb; margin:0px auto; position:relative;}
#glogin .item { position:relative; text-align:left;}
#glogin .i_label {left:10px; display:block; position:static; top:9px; font:bold 11px tahoma}
#glogin .i_text {width:210px; padding:6px 0 4px 10px; margin:4px 0; display:block; position:relative; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font:bold 11px Tahoma;height:14px;color:#767676}
#glogin .guest_btn {display:block; position:absolute; right:20px; top:50%; margin-top:-31px;}
#glogin .guest_btn:hover {}


/* //로그인 */


/*아이디비번찾기*/

ul.tab {position:relative;margin:0;padding:0;border-bottom:1px solid #0047a8;list-style:none;*zoom:1; margin-bottom:20px;}
ul.tab:after {display:block;clear:both;content:""}
ul.tab li {float:left; margin-bottom:-1px; margin-right:2px;}
ul.tab li a {display:block; padding:10px 20px; background-color:#fcfcfc;  border:1px solid #e4e4e4; border-bottom-color:#0047a8; font-family:Nanum Gothic, tahoma, '돋움';}
ul.tab li a.selected {background-color:#FFF !important; font-weight:800;  border-bottom-color:#ffffff !important; border:1px solid #0047a8;color:#0047a8}
ul.panel {width:760px; clear:both;}
ul.panel li {width:760px; text-align:center; padding:30px; font-family:Nanum Gothic, tahoma, '돋움'; clear:both;}
ul.panel li * {}
ul.panel h3 {font-size:16px; font-weight:600; color:#0047a8; text-align:center; margin-bottom:8px;}
ul.panel h3.point {color:#f52807; font-size:14px;}
ul.panel p {clear:both; margin-bottom:8px; line-height:18px;}

#findPw {width:390px; margin:0px auto; padding:20px 0;}
#findPw .item {position:relative;}
#findPw .i_label {left:10px; display:block; top:9px; font:bold 11px tahoma; position:static;}
#findPw .i_text {display:block; position:relative; width:390px; padding:8px 0 6px 10px; margin:0 0 7px 0;  border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;font:bold 11px Tahoma;height:14px;color:#767676;}
#findPw .find_mail {width:120px !important; float:left;}
#findPw .find_mailadd {float:left; width:110px !important;}
#findPw .find_phone {float:left; width:120px !important;}
#findPw .findpw_btn {display:block; margin:15px auto 0px auto;}
#findPw .findid_btn {display:block; margin:15px auto 0px auto; padding-top:20px;}


.find_View {width:760px; text-align:left;}
.find_View h3 {font-size:16px; font-weight:600; color:#0047a8; text-align:center; margin-bottom:8px;}
.find_View h3.point {color:#f52807; font-size:14px;}
.find_View p {clear:both; margin-bottom:8px;}
.idView {border:1px solid #dbdbdb; padding:30px; text-align:center; border-radius:5px; margin:20px 0 10px 0; background-color:#fafafa;}
.idView {color:#666666;}
.idView strong {color:#0047a8; font-weight:800; font-size:14px;}
div.dotLine {background:url(../images/member/dottedLine.gif) 0 0 repeat-x; margin:20px 0; height:1px; clear:both;}
div.idSend {width:49%;border:1px solid #c0c0c0; border-radius:5px; padding:20px 0; min-height:60px; text-align:center; margin:0px auto 10px auto; display:block; overflow:hidden}
div.idSend h4 {color:#444444; font-size:14px;}
div.idSend span {font-size:13px; display:block; padding:10px 0; color:#66CC00}
div.idSend input {padding:6px 15px; text-align:center; border:1px solid #c0c0c0; color:#333333; font-weight:bold; background-color:#FFFFFF; cursor:pointer; display:block; margin:0px auto;}



/*회원가입*/
div.signStep {text-align:center; margin-bottom:30px;}
div.borderDiv {border:1px solid #0047a8; border-radius:5px; padding:30px; text-align:center; margin:0px auto; width:660px; font-family:Nanum Gothic, tahoma, '돋움';}
div.borderDiv h3 {margin-bottom:15px; font-size:18px; color:#0047a8; font-weight:600px;}
div.borderDiv p {margin-bottom:20px; color:#444444; line-height:18px; font-size:13px;}
div.borderDiv ul { border-top:1px dotted #dbdbdb; padding-top:20px;}

div.borderDiv_sign {border:1px solid #0047a8; border-radius:5px; padding:30px; text-align:left; margin:0px auto; width:660px; font-family:Nanum Gothic, tahoma, '돋움'; margin-bottom:30px;}
div.borderDiv_sign h3 {margin-bottom:15px; font-size:18px; color:#0047a8; font-weight:600px;}
div.borderDiv_sign div.textArea {height:170px; border:1px solid #eaeaea; overflow-y:scroll; overflow-x:hidden; padding:15px; line-height:18px;}
div.borderDiv_sign div.textArea strong {font-size:14px; color:#444444;}
div.borderDiv_sign div.item {margin-top:10px; text-align:right;}
div.borderDiv_sign div.item label {cursor:pointer;}
div.borderDiv_sign ul.privacyLink { margin:10px 0; padding:10px; border:1px solid #dbdbdb;}
div.borderDiv_sign ul.privacyLink li { list-style:none; border-bottom:1px dotted #dbdbdb; margin-bottom:5px; padding-bottom:5px;}

div.borderDiv_sign h1 { margin:0px; padding:0; font-size:14px; }
div.borderDiv_sign h2 { margin:0px; padding:10px 0 5px 0; font-size:13px !important; font-weight:bold;}
div.borderDiv_sign td { font-size:12px; line-height:18px;}
div.borderDiv_sign ul { margin:3px 0 8px 10px; padding-left:13px;}
div.borderDiv_sign li { list-style:none; }
div.borderDiv_sign a:link, div.borderDiv a:visit {text-decoration:none;color:#00AEEF;}
div.borderDiv_sign a:active, div.borderDiv a:hover { text-decoration:underline; color:#00AEEF; }
div.borderDiv_sign p {padding:0 10px 0 10px; margin:0; font-weight:normal !important;}
div.borderDiv_sign p span {margin-left:10px;}

div.signConfirm { font-family:Nanum Gothic, tahoma, '돋움'; text-align:center; margin-top:30px;}
div.signConfirm h3 {font-size:16px; color:#FF9933; margin-bottom:15px;}
div.signConfirm div.borderDiv {border:1px solid #3e7fc2; border-radius:5px; padding:30px; text-align:center; margin:0px auto; width:450px; font-family:Nanum Gothic, tahoma, '돋움';}
div.signConfirm div.borderDiv h4 {margin-bottom:10px; font-size:14px; color:#0047a8;}

.form_table {margin:0 20px;font-size:12px; font-family:Nanum Gothic, tahoma, '돋움';}
.form_table .inputBtn {padding:3px 8px; text-align:center; border:1px solid #c0c0c0; color:#333333; font-weight:bold; font-size:11px; background-color:#FFFFFF; cursor:pointer; font-family:tahoma, '돋움';}
.form_table h3 {margin-bottom:10px; position:relative;}
.form_table h3 span {position:absolute; right:0; font-size:12px;}
.form_table caption {text-align:left; padding-bottom:10px;}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button{font-size:12px; color:#666666}
.form_table table{width:100%;border:0;border-top:2px solid #999}
.form_table th,
.form_table td {padding:8px;border:0;vertical-align:top; line-height:20px;}
.form_table th{color:#666}
.form_table th span {color:#FF0000;}
.form_table td{color:#777}
.form_table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form_table tbody td{border-bottom:1px solid #ddd}
.form_table .item {position:relative;margin:-4px 0}
.form_table .item .i_help{position:absolute;top:4px;right:0; width:20px;}
.form_table .item .i_label{top:6px; left:10px}
.form_table .item .i_dsc{margin:2px 0}
.form_table .item .i_check,
.form_table .item .i_radio{width:13px;height:13px;margin:2px 3px 2px 0;padding:0;vertical-align:middle}
.form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form_table .item select{margin:2px; height:20px;}
.form_table .item label{margin:0;cursor:pointer}
.btnBoth {text-align:right; margin-top:10px;}
.btnBoth img {margin-left:10px;}


/*마이페이지*/

.mypageTitle {width:700px; margin:0px auto; position:relative; padding:50px 10px; font-family:Nanum Gothic, tahoma, '돋움'; background-color:#fcfcfc; border-bottom:1px solid #dbdbdb; border-top:2px solid #dbdbdb; margin-bottom:30px;}
.mypageTitle h3 {font-size:18px;}
.mypageTitle h3 span {font-weight:800px;}
.mypageTitle h3 span.name {color:#0047a8;}
.mypageTitle h3 span.category {color:#0C0;}
.mypageTitle a {position:absolute; right:10px;}
.mypageTitle a.membership {top:15px;}
.mypageTitle a.giftCard {bottom:15px;}

dl.mypageLink {margin-left:20px; width:350px; float:left; overflow:hidden;}
dl.mypageLink dt {padding:0; margin:0;}
dl.mypageLink dd {padding:20px 8px; margin:0;font-family:Nanum Gothic, tahoma, '돋움'; line-height:18px; font-size:13px; height:150px; word-break:keep-all;}

div.borderDiv_sign .form_table .item {position:relative;margin:-4px 0; float:left;}
.textArea table.textAreaTable {border:none; border-collapse:collapse; margin:10px 0 10px 10px;}
.textArea table.textAreaTable th {font-weight:600px; padding:8px 0px; background-color:#f2f2f2;}
.textArea table.textAreaTable th, .textArea table.textAreaTable td {text-align:center; border:1px solid #dbdbdb;}
.textArea table.textAreaTable td {padding:6px 0px;}

/* 주문내역 */
div.orderNull {width:100%; padding:60px 0; font-family:Nanum Gothic, tahoma, '돋움'; color:#757575; text-align:center; border-bottom:1px solid #dbdbdb;}
table.orderList_tbl {width:100%; border-collapse:collapse; font-family:Nanum Gothic, tahoma, '돋움'; margin:20px 0;}
table.orderList_tbl thead th {background-color:#555; padding:13px 8px; color:#FFF; font-size:13px; font-weight:800;}
table.orderList_tbl tbody th {background-color:#f2f2f2; border-bottom:1px solid #dbdbdb;}
table.orderList_tbl tbody td {padding:10px; text-align:center; border-bottom:1px solid #dbdbdb; color:#555555; line-height:18px;}
table.orderList_tbl tbody td a {color:#3399FF}
table.orderList_tbl tfoot td {font-size:16px; padding:10px 8px; font-weight:600; color:#555555; border-bottom:1px solid #eaeaea; border-top:solid #dbdbdb 2px !important;}
table.orderList_tbl tfoot td.total {color:#FF9933; text-align:center; background-color:#fafafa;}
table.orderList_tbl span.i_text input {border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; padding:4px;}
table.orderList_tbl .item .i_radio{width:13px;height:13px;margin:2px 3px 2px 0;padding:0;vertical-align:middle}
table.orderList_tbl .inputBtn {padding:3px 8px; text-align:center; border:1px solid #c0c0c0; color:#333333; font-weight:bold; font-size:11px; background-color:#FFFFFF; cursor:pointer; font-family:tahoma, '돋움';}

table.orderView_tbl {width:100%; border-collapse:collapse; font-family:Nanum Gothic, tahoma, '돋움'; margin:20px 0;}
table.orderView_tbl thead th {font-size:14px; color:#0047a8; text-align:left; padding:10px 0; border-bottom:2px solid #0047a8;}
table.orderView_tbl tbody th, table.orderView_tbl tbody td {padding:10px; text-align:left; border-bottom:1px solid #dbdbdb; line-height:18px;}
table.orderView_tbl tbody th {padding:10px; text-align:left; border-bottom:1px solid #dbdbdb; color:#444444; background-color:#f2f2f2;}
table.orderView_tbl .inputBtn {padding:3px 8px; text-align:center; border:1px solid #c0c0c0; color:#333333; font-weight:bold; font-size:11px; background-color:#FFFFFF; cursor:pointer; font-family:tahoma, '돋움';}

div.order_info {color:#F00; margin:20px 0;}
div.order_info p {margin-bottom:5px;}

/* 주문하기 */
.info {border:1px solid #dbdbdb; border-radius:5px; padding:15px 10px; text-align:left; line-height:18px; margin:20px 0;}
.info h3 {font-weight:600;font-family:Nanum Gothic, tahoma, '돋움'; }
.info ul {margin:10px 0 10px 20px;}
.info ul li {font-size:12px; margin-bottom:5px; list-style:circle}

.agree {border:1px solid #dbdbdb; border-radius:5px; padding:15px 10px; text-align:left; line-height:18px; margin:20px 0;}
.agree h3 { padding-bottom:10px;}
.agree ul {margin:10px 0 0 20px;}
.agree ul li { height:25px;}
.agree ul li a{color:#3366FF;}

.agree .ag_title{width:350px; position:absolute;}
.agree .ag_check{position:relative; left:350px;}
.agree dt{border-bottom:1px #dbdbdb dotted; height:1px; width:100%;}

h3.tableTitle {font-size:16px; font-weight:800; color:#0047a8;font-family:Nanum Gothic, tahoma, '돋움'; padding:0; margin:0 0 -10px 0}

div.footBtn {text-align:center;}
div.footBtn input.next {border:1px solid #0047a8; background-color:#FFF; border-radius:5px; padding:8px 15px; font-weight:bold; color:#0047a8; cursor:pointer;}
div.footBtn input.cancel {border:1px solid #eaeaea; background-color:#f2f2f2; border-radius:5px; padding:8px 15px; color:#757575; cursor:pointer;}
input.remove {border:1px solid #999; background-color:#ffffff; padding:3px 8px; color:#757575; float:right; cursor:pointer;}

div.g_order {text-align:center; border:1px solid #dbdbdb; padding:20px; margin:0px auto 20px auto; width:460px; background-color:#fafafa;}
div.g_order input.order {border:1px solid #dbdbdb; background-color:#FFF; border-radius:5px; padding:12px 15px; font-weight:bold; color:#0047a8; cursor:pointer;}
div.g_order p {padding:10px 0 20px 0;font-family:Nanum Gothic, tahoma, '돋움'; font-size:13px; font-weight:700;}
div.g_order p strong {color:#444;}

.moEvent {border-collapse:collapse; border:none;}
.moEvent * {padding:0; border:none; margin:0;}
.moEvent tr, .moEvent td, .moEvent th {padding:0; margin:0; border:none;}
.moEvent img {padding:0; margin:0; border:none;}


/* 멤버십 */
.membershipWrap {width:678px; border:1px solid #dbdbdb; border-radius:5px; margin:0px auto; padding:20px; font-family:Nanum Gothic, tahoma, '돋움';}
.membershipWrap .title_img { text-align:center; margin-bottom:20px; border-bottom:1px dotted #dbdbdb; padding-bottom:20px;}

.membershipWrap .pointColor {color:#F90;}

.membershipWrap .membership_table {width:100%; border-collapse:collapse; margin-bottom:20px;}
.membershipWrap .membership_table thead td {font-size:14px; padding-bottom:20px;}

.membershipWrap .membership_table tbody th, .membershipWrap .membership_table tbody td {text-align:left; padding:8px; border:1px solid #eaeaea;}
.membershipWrap .membership_table tbody th {background-color:#fafafa;}
.membership_table tbody td p {margin-bottom:5px;}
.membership_table tbody td .adrBtn {border:1px solid #444; background-color:#fff; font-weight:800; font-size:11px; width:100px; height:22px; line-height:22px;}
.membership_table tbody td input {height:18px;}

.membershipWrap .membership_table tfoot td {text-align:center; padding-top:15px;}
.membershipWrap .membership_table tfoot td input {padding:10px; text-align:center; font-size:14px; border:none;  font-family:Nanum Gothic, tahoma, '돋움'; border-radius:3px;}
.membershipWrap .confirm {background-color:#3b60af; color:#fff; width:180px; margin-right:10px; font-weight:700;}
.membershipWrap .confirm:hover {background-color:#6dc6e7; font-weight:800;}

.membershipWrap .login {background-color:#1d1f22; color:#fff; width:180px; margin-right:10px; font-weight:700;}
.membershipWrap .login:hover {background-color:#6dc6e7; font-weight:800;}

.membershipWrap .cancel {background-color:#f2f2f2; color:#777; width:100px; font-weight:700;}
.membershipWrap .cancel:hover {color:#F00; background-color:#eaeaea; font-weight:800;}


.membershipWrap .memText {border-top:1px dotted #dbdbdb; padding-top:20px;}
.membershipWrap .memText p {margin-bottom:8px;}
label {cursor:pointer;}
.membershipWrap .rating {font-size:30px; text-align:center; margin-bottom:25px; font-weight:400 !important; border:1px solid #eaeaea; padding:40px 20px; border-radius:20px; overflow:hidden;}
.membershipWrap .rating .name {font-weight:800 !important;}
.membershipWrap .rating .result { color:#3b60af; font-weight:400 !important;}
.membershipWrap .rating p {font-weight:700; font-size:16px; padding:10px;}
.membershipWrap .rating dl { display:inline-block; margin:30px 5px 0px 5px;}
.membershipWrap .rating dt {margin-bottom:10px;}
.membershipWrap .rating dd {font-size:13px; line-height:20px;}
.membershipWrap .rating .select_prd {margin:40px;}

.membershipWrap h2 {margin-bottom:10px;  line-height:16px; font-size:16px;}
.membershipWrap h2 div {width:4px; height:16px; background-color:#3b60af; float:left; margin-right:5px;}
.membershipWrap .agreeText {border:1px solid #eaeaea; border-radius:5px; padding:15px; height:80px; overflow-y:scroll; overflow-x:hidden; line-height:18px; margin-bottom:10px;}
.membershipWrap .agreeText table {width:100%; border:1px solid #dbdbdb; border-collapse:collapse;}
.membershipWrap .agreeText table th {background-color:#fafafa;}
.membershipWrap .agreeText table th, .membershipWrap .agreeText table td {padding:8px; border:1px solid #dbdbdb;}
.membershipWrap .agreeSelect {padding:5px 0 10px 0; margin-bottom:10px; text-align:right;}
.membershipWrap .agreeSelect input {border:none; margin-right:5px;}

::selection {color:#fff;background: #6dc6e7; /* WebKit/Blink Browsers */}

.modal-content ::-webkit-scrollbar {width:18px; height:20px;}
.modal-content ::-webkit-scrollbar-button:start:decrement, 
.modal-content ::-webkit-scrollbar-button:end:increment {display: block; height:20px; background: url(../images/common/bg_scrollArr.png) no-repeat center center#303337}
.modal-content ::-webkit-scrollbar-button:end:increment {background: url(../images/common/bg_scrollArr_b.png) no-repeat center center #303337}
.modal-content ::-webkit-scrollbar-track {background:#1d1f22}

/* 개인정보 */
.s_privacy {font-family:'Nanum Gothic'; font-size:13px; line-height:20px; word-break:keep-all;}

.s_privacy h2 {font-weight:700; margin:20px 0 10px 0; color:#444;}
.s_privacy h3 {font-weight:700; margin:20px 0 10px 0; color:#444;}

.s_privacy table {border-collapse:collapse;}
.s_privacy p {margin:5px 0;}
.s_privacy p span {margin-left:10px;}
.s_privacy td {
	border:1px solid #dbdbdb;
	padding:5px 10px;
	font-size:12px;
	text-align: center;
}

.s_privacy ul { margin:10px 0; padding:10px; border:1px solid #dbdbdb;}

.s_privacy li { list-style:none; border-bottom:1px dotted #dbdbdb; margin-bottom:5px; padding-bottom:5px;}
.s_privacy a:link, a:visit {
text-decoration:none;
color:#00AEEF;
}

.s_privacy a:active, .s_privacya:hover { text-decoration:underline; color:#00AEEF; }
.prv_hitory {text-align:right; margin-bottom:10px;}

.s_terms {font-family:'Nanum Gothic'; font-size:13px; line-height:20px; word-break:keep-all;}
.s_terms * {font-family:'Nanum Gothic';}

.s_terms h2 {font-weight:700; margin:20px 0 10px 0; color:#444;}
.s_terms h3 {font-weight:700; margin:20px 0 10px 0; color:#444;}

.s_terms table {border-collapse:collapse;}
.s_terms p {margin:5px 0;}
.s_terms p span {margin-left:10px;}
.s_terms td {
	border:1px solid #dbdbdb;
	padding:5px 10px;
	font-size:12px;
	text-align: center;
}

.s_terms ul { padding:0 0 0 15px}

.s_terms li { list-style:none; margin-bottom:5px;}
.s_terms a:link, a:visit {
text-decoration:none;
color:#00AEEF;
}

.s_terms a:active, .s_termsa:hover { text-decoration:underline; color:#00AEEF; }


/*.event_link {width:480px; height:940px; z-index:9999; position:absolute;}*/

.tbl_view table.tbStyle td.cont .event_table {border-collapse:collapse; width:auto; border:none !important;}
.tbl_view table.tbStyle td.cont .event_table td {border:none !important; padding:0 !important; margin:0 !important;}


/* 이후 메인 푸터 변경 */
.globalBtn ul {overflow:hidden; border-bottom:1px solid #e6e6e6;}
.globalBtn ul li {float:left; width:50%; text-align:center; box-sizing:border-box}
.globalBtn ul li:last-child {border-left:1px solid #e6e6e6;}
.globalBtn ul li a {font-size:12px; font-weight:400; color:#656565; display:block; height:30px; line-height:30px; font-family:Nanum Gothic; transition:0.3s; text-decoration:none;}
.globalBtn ul li a:hover {background-color:#f5f5f5; color:#333;}
.mainTopMenu {position:relative;}
.mainTopMenu ul {overflow:hidden; float:right; margin:25px 30px 0 0; padding-top:20px;}
.mainTopMenu ul li {float:left; margin-left:25px; position:relative;}
.mainTopMenu ul li a {font-size:20px; font-weight:800; color:#000099; font-family:NanumSquare; text-decoration:none; transition:0.3s;}
.mainTopMenu ul li .edge {width:0; height:3px; background-color:#00aef1; transition:0.3s; position:absolute; top:-15px; left:50%;}
.mainTopMenu ul li:hover .edge {width:100% !important; margin-left:-50%;}
.mainTopMenu ul li a:hover {color:#00aef1;}
/*
.shopLink {position:fixed; left:50%; margin-left:530px; top:110px;}
.shopLink img {opacity:1; transition:0.3s;}
.shopLink:hover img {opacity:0.5;}
*/
.shopLink {overflow:hidden; display:block; float:left;}

.footer_n {width:1005px; margin:30px auto 0px auto; background:url(../images/common/footerLogo.gif) left 30px top 50% no-repeat; box-sizing:border-box; padding:20px 20px 20px 190px; border:1px solid #e6e6e6; position:relative;}
.footer_n * {font-family:Nanum Gothic;}
.footer_n .foot_link {padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.footer_n .foot_link li {float:left; border-right:1px solid #e6e6e6; padding-right:5px; margin-right:5px; font-size:11px;}
.footer_n .foot_link li:last-child {border:none;}
.footer_n .foot_link li a {transition:0.3s;}
.footer_n .foot_link li a:hover {text-decoration:none;}
.footer_n .footerText ul {overflow:hidden;}
.footer_n .footerText ul li {float:left; font-size:11px; margin-bottom:5px; margin-right:5px; padding-right:5px; border-right:1px solid #dbdbdb;}
.footer_n .footerText ul li:last-child {border:none;}
.footer_n .footerText p {font-size:11px; padding-top:5px;}

.footer_n .snsLink {overflow:hidden; position:absolute; right:20px; bottom:16px; height:31px; border:1px solid #dbdbdb; border-radius:5px; padding:10px 10px 10px 0;}
.footer_n .snsLink a {float:left; display:block; width:31px; height:31px;  padding:0 !important; margin:0 0 0 8px !important;}
.footer_n .snsLink a img {margin:0; padding:0; opacity:1; transition:0.3s}
.footer_n .snsLink a:hover img { opacity:0.5;}

.footer_n .sns_icon {position:absolute; right:180px; top:35px; z-index:5000}

.selectWrap {right:20px !important; top:8px !important; position:absolute; width:120px; height:24px; line-height:24px; border-radius:5px; padding:0 20px; font-family: inherit; border:1px solid #dbdbdb; transition:0.3s; background:url(../images/common/footerArrow.png) right 10px top 50% no-repeat;}


.selectWrap .select {width:100%; height:100%; position:relative; transition:0.3s}
.selectWrap.on .select {color:#000099;}
.selectWrap .select .select_listWrap {position:absolute; bottom:25px; left:-21px; height:0; background-color:#fff; width:160px; border:1px solid #fff; transition:0.3s; overflow:hidden;}
.selectWrap.on .select .select_listWrap {height:230px; border:1px solid #dbdbdb;bottom:24px;}
.selectWrap .select .select_listWrap .select_list dt {background-color:#333; color:#fff; height:25px; line-height:25px; text-align:center; font-weight:700;}
.selectWrap .select .select_listWrap .select_list dd a {display:block; text-align:center; height:25px; line-height:25px; font-size:11px; width:100%; transition:0.3s; text-decoration:none; background-color:#fff;}
.selectWrap .select .select_listWrap .select_list dd a:hover {display:block; text-align:center; height:25px; line-height:25px; font-size:11px; width:100%; transition:0.3s; text-decoration:none; background-color:#ccc; color:#333;}

.selectWrap.on {border-radius:0 0 5px 5px !important;}