@charset "utf-8";

#wrap{min-width:1500px;max-width:100%;width:100%;}

/* header */
.header{width:1200px;height:150px;position:relative;top:0;left:0;z-index:9;margin:0 auto;}
.header h1{width:350px;height:70px;position:absolute;top:50%; left:50%; transform:translate(-50%, -50%);}
.header h1 a{text-indent:-999em;display:block;background:url(../../../images/os/common/logo.jpg)no-repeat;width:100%;height:100%;}
.userMenu{height:35px;border-radius:17.5px;background:rgba(255,255,255,0.15);position:absolute;top:50%;margin-top:-17.5px;left:380px;}
.userMenu a{display:inline-block;padding:0 15px;line-height:35px;font-family:'Roboto';color:rgba(255,255,255,0.6);text-align:center;float:left;font-size:14px;font-weight:500;transition:all 0.3s;position:relative;}
.userMenu a:first-child:after{content:"";display:block;width:1px;height:20px;background:rgba(255,255,255,0.2);position:absolute;right:0;top:7.5px;}
.userMenu a:hover{color:#fff;}

.userWrap {position:absolute;top:50%;transform:translateY(-50%); right:0;}
.userWrap a {position:relative; font-weight:500; color:#555; padding:0 10px;}
.userWrap a:before {content:''; position:absolute; top:-7px; left:1px; width:1px; height:1px; background:#fff; border-radius:50%; transition-duration:0.3s;}
.userWrap a:hover {color:#304f78;}
.userWrap a:hover:before {content:''; position:absolute; top:-7px; left:1px; width:10px; height:10px; background:#304f78; border-radius:50%;}

.header .kakaoWrap {position:absolute;top:50%; left:0; transform:translateY(-50%);}
.header .kakaoWrap a {display:block; height:50px; padding:10px 25px; background:#fae100; border-radius:50px;}
.header .kakaoWrap dl dt  {float:left; width:30px; height:30px; background:url(../../../images/os/common/top_kakao.png)no-repeat; background-size:cover;}
.header .kakaoWrap dl dd {float:left; line-height:30px; font-size:17px; font-weight:500; color:#391f20; padding-left:7px;}

.langSelec{display:inline-block;position:relative;}
.langSelec:after{content:"";display:block;width:1px;height:20px;background:#ccc;position:absolute;left:0;top:7.5px;}
.langSelec select{border:none;color:#333;font-family:'Roboto';font-size:14px;font-weight:500;padding-left:15px;padding-right:10px;width:90px;vertical-align:top;background: url(../../../images/os/contents/selectArrow.png) no-repeat 98% center; height: 35px;}
.langSelec select:focus{border:0 !important;box-shadow:none;background:transparent url(../../../images/os/contents/selectArrow.png)no-repeat 98% center;}
.langSelec span{display:inline-block;width:15px;height:35px;}
.homeMain{}


.headIcon{float:right;}
.headIcon li{line-height:1;width: 40px;margin-right: 8px;float: left;}
.headIcon li:last-child{margin-right:0;}
.headIcon li a{font-weight: 100;text-align: center;position: relative;width: 35px;height: 35px;line-height: 26px;background: rgba(255,255,255,0.15);border-radius: 50%;display: block;margin: 0 auto;color: rgba(255,255,255,0.6);transition:0.3s;}
.headIcon li a:hover{background:#4f63d1 !important;}
.headIcon li a i{font-size:20px;vertical-align:middle;line-height: 35px;}
.headIcon li a span{font-size: 12px;display:none;transition:0.3s;height:0;position: absolute;width: 56px;text-align: center;left: 50%;margin-left: -28px;margin-top: 2px;text-transform: uppercase;}
.headIcon li a:hover i{color: #fff;}
.headIcon li a:hover span{display:block; color:#fff;}

.GnbBox {height:55px;width:100%; position:relative;}
.GnbBoxWrap{width:100%;}
.GnbBox div {width:1200px; margin:0 auto;}
.Gnb{display:table; margin:0 auto; font-size:0;}
.Gnb li{display:inline-block;text-align:center;}
.Gnb a{font-size:19px; display:block;line-height:55px;color:#fff; padding:0 45px;}
.Gnb a:hover {opacity:0.7;}
/* 쇼핑몰 메뉴 */
.GnbShop{display:table; margin:0 auto; font-size:0;}
.GnbShop li{display:inline-block;text-align:center;}
.GnbShop a{font-size:19px; display:block;line-height:55px;color:#fff; padding:0 45px;}
.GnbShop a:hover {opacity:0.7;}

/*
@media screen and (max-width:1900px){
	.header{padding:0 50px;}
	.userMenu{left:320px;}
	.gnb{right:50px;}
}
@media screen and (max-width:1720px){
	.gnb li{margin-right:50px;}
	.headIcon li{margin-right:8px;}
}
*/

/* 회사 홈페이지 메가드롭다운 메뉴 */
.navbarWrap {
  float:left;
  width: 70px;
  height:55px;
}

.navbarWrap .menu {
  display: flex;
  position: relative;
  padding:0;
}

.navbarWrap .menu li {
  flex: 1;
  display: flex;
  text-align: left;
  transition: background-color 0.5s ease;
}

.navbarWrap .menu li .megaWrap ul li {
	display:inline-block;
	width:210px;
	margin-right:17px
}
.navbarWrap .menu li .megaWrap ul li:last-child {margin-right:0;}

.navbarWrap .menu li .megaWrap ul li ul li h4.megasubtit {
	font-size:15px;
	font-weight:500;
	color:#333;
	text-align:left;
	margin-bottom:10px;
}

.navbarWrap .menu li .megaWrap ul li ul {float:left; display:inline-block; padding-left:20px;s}

.navbarWrap .menu li .megaWrap ul li ul li {
	width:100%;
	font-size:15px;
	font-weight:300;
}

.navbarWrap .menu li .megaWrap ul li ul li a {display:block; color:#333; padding:5px 0;}
.navbarWrap .menu li .megaWrap ul li ul li a:hover {color:#304f78; font-weight:500;padding-left:8px;transition: all 0.2s ease;}

.navbarWrap .menu li .megaWrap ul li h3.megatit {
	font-size:18px;
	font-weight:500;
	color:#333;
	text-align:left;
	padding-left:20px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ddd;
}

.navbarWrap .menu li .megaWrap li .megaSubmenu li a {
	display:inline-block;
	height:35px;
	line-height:35px;
	font-size:14px;
	font-weight:400;
	color:#555;
	justify-content: left;
  	display: inline-flex;
  	text-decoration: none;
  	position: relative;
  	padding-left:30px;
}

.navbarWrap .menu li .megaWrap li .megaSubmenu li a:hover {
	color:#486732;
	text-decoration:underline;
}

.navbarWrap .menu a.hasDropdown {
  height:55px;
  line-height:55px;
  flex: 1;
  color: #fff;
  transition-duration:0.5s;
  text-align:center;
}

.navbarWrap .menu a i {
  line-height:55px;
  font-size:32px;
}

.navbarWrap .menu li a.hasDropdown:hover {
  color:#fff;
  opacity:0.7;
}

.navbarWrap .menu li:hover .megaWrap {
  display: flex;
}

/* End Navigation Bar */

/* Start Single Section Menu */

.megaWrap {
  display: none;
  width:1200px;
  border:1px solid rgba(0,0,0,0.1);
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  background-color: #ffffff;
  /*box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);*/
  padding: 50px 30px;
  text-align: left;
  margin-bottom: 30px;
  z-index:99999;
}

/* 회사 홈페이지 메가드롭다운 메뉴 */

/* shop header */
/*.header.shopHd h1 a{background:url(../../../images/os/common/logo.jpg)no-repeat;}*/
.rightUtil{position:absolute;top:50%;margin-top:-17.5px;right:0;}
.userMenuShop{height:35px;border-radius:17.5px;background:rgba(255,255,255,0.15);}
.userMenuShop a{display:inline-block;padding:0 15px;line-height:35px;font-family:'Roboto';color:rgba(255,255,255,0.6);text-align:center;float:left;font-size:14px;font-weight:500;transition:all 0.3s;position:relative;}
.userMenuShop a:first-child:after{content:"";display:block;width:1px;height:20px;background:rgba(255,255,255,0.2);position:absolute;right:0;top:7.5px;}
.userMenuShop a:hover{color:#fff;}
.shopHd .userMenuShop{background:#f5f5f5;left:initial;float:left;margin-right: 20px;}
.shopHd .userMenuShop a{color:#acacac;}
.shopHd .userMenuShop a:first-child:after{content:"";display:block;width:1px;height:20px;background:#d5d5d5;position:absolute;right:0;top:7.5px;}
.rightUtil .headIcon li a{background:#f5f5f5; color:#acacac;}
.rightUtil .headIcon li a span{color:#4f63d1;}

.shopSearch{float:right; width:331px;height:45px;border:1px solid #ddd;border-bottom:0;border-radius:15px 15px 0 0;overflow:hidden;}
.shopSearch input{height:45px;font-size:15px;padding-left:20px;width:calc(100% - 60px);vertical-align:bottom;border:0; color:#777; font-weight:300; font-family:'Montserrat', 'Noto Sans KR', sans-serif, serif;}
.shopSearch input[type="text"]:focus{border:0 !important;box-shadow:none;}
.shopSearch a{color:#4f63d1;display:inline-block;line-height:46px;width:50px;text-align:center;font-size:24px;}

/* 메뉴탭 */
.menuTab {position:relative; width:1200px; margin:0 auto;}
.menuTab ul li {float:left; width:150px; height:45px; line-height:48px; font-size:17px; font-weight:300; text-align:center; color:#fff; border-radius:15px 15px 0 0;}
.menuTab ul li a {display:block; width:150px; height:45px;}
.menuTab ul li a:hover {opacity:1;}

.mNavyOn   {background:#304f78; font-weight:400 !important;}
.mGreenOn {background:#0a6976; font-weight:400 !important;}
.mYellowOn {background:#f99f1b; font-weight:400 !important;}
.mBlueOn     {background:#2e75a7; font-weight:400 !important;}
.mGrayOn    {background:#555555; font-weight:400 !important;}

.mNavy         {background:#304f78; opacity:0.5; transition-duration: 0.3s;}
.mNavy:hover {opacity:1;}
.mGreen      {background:#0a6976; opacity:0.4; transition-duration: 0.3s;}
.mGreen:hover {opacity:1;}
.mYellow      {background:#f99f1b; opacity:0.5; transition-duration: 0.3s;}
.mYellow:hover {opacity:1;}
.mBlue		   {background:#2e75a7; opacity:0.4; transition-duration: 0.3s;}
.mBlue:hover {opacity:1;}
.mGray		   {background:#555555; opacity:0.4; transition-duration: 0.3s;}
.mGray:hover {opacity:1;}

.mainWrap {width:1200px; margin:80px auto 100px auto;}

/* 구매가이드 */
.BuyGuideWrap {position:relative; width:1200px; height:730px;}
.BuyGuideWrap .guideBg {height:372px; background:url(../../../images/os/main/guide_bg.jpg)no-repeat center top;}
.BuyGuideWrap .guideBg h3 {font-size:55px; font-weight:800; color:rgba(255,255,255,0.6); text-align:center; padding-top:55px;}
.BuyGuideWrap .guideBg h3 span {display:block; font-size:25px; line-height:45px; font-weight:700; color:rgba(255,255,255,0.2);}

.BuyGuideWrap .guideBox {display:flex; flex-wrap:wrap; justify-content:space-between; padding:65px 150px;
												 position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:900px; border-radius:70px; background:#fff; box-shadow:0 20px 30px rgba(0,0,0,0.12);}
.BuyGuideWrap .guideBox dl {float:left; width:280px;}
.BuyGuideWrap .guideBox dl dt img {display:table; margin:0 auto;}
.BuyGuideWrap .guideBox dl dd {font-size:15px; color:#333; font-weight:300; text-align:center;}
.BuyGuideWrap .guideBox dl dd p {position:relative; font-size:23px; line-height:55px; font-weight:700; padding:20px 0;}
.BuyGuideWrap .guideBox dl dd p:before {content:''; position:absolute; bottom:15px; left:50%; transform:translateX(-50%); width:35px; height:5px; background:#304f78;}
/* 구매가이드 */

/* 메인상품 타이틀 */
.ProdWrap {position:relative; margin:100px 0;}
.ProdWrap .ProdTitWrap {position:relative;}
.ProdWrap .ProdTitWrap h3 			 {font-size:55px; font-weight:800; color:rgba(0,0,0,0.5); text-align:center;}
.ProdWrap .ProdTitWrap h3 span {font-size:23px; font-weight:800; color:rgba(0,0,0,0.2); text-align:center; display:block; line-height:33px;}
.ProdWrap .ProdTitWrap a {position:absolute; bottom:5px; right:0; width:134px; height:40px; line-height:40px; color:#fff; font-size:13px; font-weight:200; text-align:center; padding-left:45px;}
.ProdWrap .ProdTitWrap a:hover {opacity:0.8;}

/* 쇼핑몰 메인 카테고리 버튼 */
.ProdWrap .cateBtn ul {margin:50px auto 0 auto; display:flex; justify-content:center;}
.ProdWrap .cateBtn ul li {margin:0 10px;}
.ProdWrap .cateBtn ul li a {display:block; width:150px; height:50px; line-height:50px; font-size:17px; font-weight:500; color:#333; text-align:center; border:1px solid #d6d6d6; border-radius:50px;}
.ProdWrap .cateBtn ul li a:hover {width:150px; height:50px; font-weight:500; color:#fff; border-radius:50px; border:1px solid #0b4a52; background:#0b4a52; box-shadow:3px 5px 20px rgba(0,0,0,0.3);}
.ProdWrap .cateBtn ul li a .On {width:150px; height:50px; font-weight:500; color:#fff; border-radius:50px; border:1px solid #0b4a52; background:#0b4a52; box-shadow:3px 5px 20px rgba(0,0,0,0.3);}

/* 쇼핑몰 메인 전체보기 버튼 */
.ProdWrap .ProdTitWrap .Btn_blue      {background:url(../../../images/os/main/btn-blue.jpg)no-repeat;}
.ProdWrap .ProdTitWrap .Btn_green   {background:url(../../../images/os/main/btn-green.jpg)no-repeat;}
.ProdWrap .ProdTitWrap .Btn_green2 {background:url(../../../images/os/main/btn-green2.jpg)no-repeat;}
/* 메인상품 타이틀 */

/* 메인 셀렉트박스 */
.select {
  position: relative;
  display: flex;
  overflow: hidden;
  width:350px;
  margin:50px auto 20px auto;
}
.select select {
	height:40px;
	font-size:17px;
	font-weight:800;
	color:#555;
	border-radius:0;
	border:1px solid #304f78;
}
.select select option {font-weight:500;}

.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  height:40px;
  line-height:40px;
  font-size:11px;
  padding: 0 20px;
  color:#fff;
  background: #304f78;
  transition: .25s all ease;
  pointer-events: none;
}
.select:hover::after {
  color: #f99f1b;
}
/* 메인 셀렉트박스 */

/* 메인상품 */
.ProdWrap ul {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.ProdWrap ul li {margin:50px 15px;}
.ProdWrap ul .noProduct {width:100%; margin:50px 0 0 0; padding:30px 0; color:#777; font-weight:300; background:#f1f5fa; text-align:center; }
.ProdWrap ul li dl dt {overflow:hidden; width:370px; height:370px;}
.ProdWrap ul li dl dt img {transition:all 0.3s; width:100%;}
.ProdWrap ul li dl dt img:hover {transform: scale( 1.1 );}
.ProdWrap ul li dl dd {margin-top:20px; text-align:center;}
.ProdWrap ul li dl dd span {display:block;}
.ProdWrap ul li dl dd span em {font-size:15px; font-weight:200; vertical-align:middle;}
.ProdWrap ul li dl dd h5		            {font-size:23px; color:#444; font-weight:700; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ProdWrap ul li dl dd .ProdSubTit {height:50px; font-size:15px; color:#555; font-weight:300; padding-top:10px;}
.ProdWrap ul li dl dd .ProdPrice   {display:table; width:300px; margin:20px auto 0 auto; font-size:25px; font-weight:700; padding:5px 0; color:#fff; border-radius:0 25px 0 25px;}
/* 메인상품 가격배경 */
.ProdWrap .priceBg_blue      {background:#304f78;}
.ProdWrap .priceBg_green   {background:#368089;}
/* 메인상품 */

/* 브랜드 스토리 */
.storyWrap {position:relative; height:750px;}
.storyWrap ul li:first-child dl {width:530px; height:527px; border-radius:0 80px 0 80px; background:url(../../../images/os/main/story_img01.jpg)no-repeat -100px -10px;}
.storyWrap ul li:first-child dl dt {padding:85px 0 0 50px;}
.storyWrap ul li:first-child dl dd {font-size:22px; font-weight:300; color:#fff; padding:10px 0 0 50px;}
.storyWrap ul li:first-child dl dd p {font-size:50px; font-weight:700; line-height:50px;}
.storyWrap ul li:first-child dl dd span {font-size:17px; font-weight:100; display:block; padding-top:17px; line-height:27px;}

.storyWrap ul li:last-child {position:absolute; top:75px; right:0; }
.storyWrap ul li:last-child h4 {display:table; margin:0 auto; font-size:70px; font-weight:800; line-height:70px; color:rgba(0, 0, 0, 0.15); padding:0 0px 20px 185px; letter-spacing:-2px;}
.storyWrap ul li:last-child h4 span {display:block; font-size:25px; font-weight:700; line-height:20px; color:rgba(0, 0, 0, 0.1); padding:0 0 0 2px; letter-spacing:0;}
.storyWrap ul li:last-child dl {float:left; width:255px; margin-right:35px;}
.storyWrap ul li:last-child dl:last-child {margin-right:0;}
.storyWrap ul li:last-child dl dd {padding:20px 0 0 10px;}
.storyWrap ul li:last-child dl dd span {display:block;}
.storyWrap ul li:last-child dl dd span:nth-child(1) {position:relative; padding-left:20px; font-size:17px; font-weight:700; color:#304c74;}
.storyWrap ul li:last-child dl dd span:nth-child(1):before {content:''; position:absolute; top:6px; left:0; width:12px; height:12px; background:url(../../../images/os/main/story_icon.jpg)no-repeat}
.storyWrap ul li:last-child dl dd span:nth-child(2) {font-size:18px; font-weight:500; color:#333; padding:10px 0 5px 0;}
.storyWrap ul li:last-child dl dd span:nth-child(3) {font-size:14px; font-weight:300; color:#555;}


.compAllWrap{background:rgba(0,0,0,0.7);width:100%;height:calc(100% - 195px);position:absolute;top:270px;left:0;z-index:11;display:none;}
.compAll{width:1200px;margin:0 auto;background:#fff;z-index:99;position:relative;}
.compAll ul{display:table;width:100%;}
.compAll li{width:20%;height:100%;display:table-cell;padding:50px;box-sizing:border-box;border-right:1px solid rgba(79,99,209,0.2);}
.compAll li p{font-size:18px;color:#000;margin-bottom:20px;line-height:1;font-weight:500;}
.compAll li a{font-size:14px;color:#666;display:block;}
.compAll li a:hover{text-decoration:underline;}
.compGnbClo{position:absolute;right:10px;bottom:10px;font-size:20px;color:#4f63d1;line-height:1;}

.shopAllWrap{background:rgba(0,0,0,0.7);width:100%;height:calc(100% - 195px);position:absolute;top:270px;left:0;z-index:11;display:none;}
.shopAll{width:1200px;margin:0 auto;background:#fff;z-index:99;position:relative;}
.shopAll ul{display:table;width:100%;}
.shopAll li{width:20%;height:100%;display:table-cell;padding:50px;box-sizing:border-box;border-right:1px solid rgba(79,99,209,0.2);}
.shopAll li p{font-size:18px;color:#000;margin-bottom:20px;line-height:1;font-weight:500;}
.shopAll li a{font-size:14px;color:#666;display:block;}
.shopAll li a:hover{text-decoration:underline;}
.shopGnbClo{position:absolute;right:10px;bottom:10px;font-size:20px;color:#4f63d1;line-height:1;}

/* all menu */
/* .allMenuCont{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:9999;overflow:hidden;}
.allMenuCont .allClose{font-size:40px;position:absolute;right:87px;top:34px;width:50px;height:50px;line-height:50px;text-align:center;}
.allMenuCont nav{display:flex;flex-direction:column;position:absolute;left:50%;top:50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;align-content:center;}
.allMenuCont nav a{text-align:center;margin:10px 0;color:#000;font-size:40px;font-family:'Roboto';transition:all 0.3s;font-weight:700;display:block;}
.allMenuCont nav a:hover{color:#4f63d1;} */

/* footer */
.footer{position:relative;box-sizing:border-box; width:100%; min-width:1500px; padding:100px 0;background:#f9f9f9;}
.fTop {width:1250px; margin:0 auto;}
.fTop .logoBox {width:365px; padding-top:8px;}

.ftLeft{float:left;display:inline-block;}
.ftLeft .btmMenu{text-align:left;margin-bottom:40px;}
.ftLeft .btmMenu a{display:inline-block;color:#222;font-size:16px;margin-right:40px;transition:all 0.3s;}
.ftLeft .btmMenu a:hover{color:#4f63d1;}

.compInfo span{color:#999;font-size:15px;line-height:33px;padding-right:30px; font-weight:300;}
.copyright{color:rgba(136,136,136,0.6);font-size:13px;margin-top:40px;}

.ftCenter{float:left;}
.ftCenter .btmMenu a {font-size:18px; line-height:66px; padding-right:50px; font-weight:500;}
.ftCenter .btmMenu a:hover {opacity:0.7;}

.ftRight{float:right;display:inline-block;text-align:right;}
.ftRight p{color:#222;font-size:18px;}
.ftRight strong{display:block;color:#4f63d1;font-size:50px;font-weight:700;margin:20px 0 15px;}
.ftRight span{color:#555;font-size:14px;text-align:center;font-weight:300;line-height:20px;display:block;padding-top:60px;}

.ftRight a {float:left; display:block; width:85px; height:80px; margin:0 5px;}
.ftRight a:nth-child(1) {background:url(../../../images/os/common/bt_kakao_over.png)no-repeat center 3px;}
.ftRight a:nth-child(2) {background:url(../../../images/os/common/bt_youtube_over.png)no-repeat center 5px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.ftRight a:nth-child(3) {background:url(../../../images/os/common/bt_insta_over.png)no-repeat center 5px;}

.fBottom {width:1200px; margin:30px auto 0 auto;}
.fBottom .csBox {width:365px; padding-left:7px;}
.fBottom .csBox p {position:relative; font-size:20px; color:#304f78; font-weight:700; letter-spacing:-1px; margin-bottom:23px;}
.fBottom .csBox p:before {content:''; position:absolute; left:0; bottom:-7px; width:40px; height:1px; background:#304f78;}
.fBottom .csBox strong {display:block; font-size:25px; color:#555;}
.fBottom .csBox span    {display:block; font-size:14px; color:#555; font-weight:300;}
.fBottom .csBox span:nth-child(4) {margin-top:7px;}
.fBottom .csBox span:nth-child(6) {margin-top:10px;}

/*
@media screen and (max-width:1900px){
	.rightUtil{right:50px;}
	.footer{padding:50px;}
}
*/

/* login */
.loginWrap{margin:100px auto;}
.loginWrap h2{font-size:40px;font-weight:700;text-align:center;}
.loginWrap h2:after{content:"";display:block;width:50px;height:1px;background:#304f78;margin:15px auto 30px auto;}
.loginWrap p.loginDesc{text-align:center;font-size:15px;font-weight:300;color:#555;margin-bottom:50px;}
.loginWrap .loginWrite{display:table;width:500px;margin:10px auto;}
.loginWrap .loginWrite dt{display:table-cell;vertical-align:middle;width:100px;font-size:18px;}
.loginWrap .loginWrite dd{display:table-cell;vertical-align:middle;}
.loginWrap .loginWrite dd select{height:50px;}
.loginWrap .loginWrite dd input{width:100%;border:1px solid #e3ebf6;height:50px;box-sizing:border-box;padding-left:10px;}
.loginWrap .btnLogin{width:500px;display:block;font-size:18px;line-height:50px;background:#304f78;color:#fff;text-align:center;margin:10px auto 50px;}
.loginWrap .memberGuide{display:table;width:500px;margin:10px auto;}
.loginWrap .memberGuide dt{display:table-cell;vertical-align:middle;border-bottom:1px solid #ddd;width:250px;line-height:40px;position:relative;}
.loginWrap .memberGuide dt:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#4f63d1;margin:0px 5px 4px 0px;}
.loginWrap .memberGuide dd{display:table-cell;vertical-align:middle;line-height:40px;text-align:right;}
.loginWrap .memberGuide dd a{display:inline-block;text-align:center;background:#ccc;color:#fff;padding:0 15px; font-weight:200;}
.loginWrap .memberGuide dd a:hover {background:#9c9c9c;}

/* 주소찾기 */
.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;}
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=50);}
.layer .pop-layer{display:block;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:400px;height:auto;background-color:#fff;z-index:10;} 
.pop-layer p.ctxt{color:#666;line-height:25px;}
.pop-layer .btn-r{width:100%;margin:10px 0 20px;padding-top:10px;border-top:1px solid #DDD;text-align:right;}
a.cbtn{display:inline-block;height:25px;padding:0 14px 0;border:1px solid #304a8a;background-color:#3f5a9d;font-size:13px;color:#fff;line-height:25px;}
a.cbtn:hover{border:1px solid #091940;background-color:#1f326a;color:#fff;}

/* subVisual */
/* 서브페이지 배너
.subVis{width:100%;height:0;background:url(../../../images/os/contents/subVis.jpg)no-repeat center;background-size:cover;position:relative;}
.subVis h4{position:absolute;top:110px;line-height:90px;border-top:1px solid rgba(255,255,255,0.3);left:0;text-align:center;width:100%;font-size:32px;color:#fff;text-shadow: 3px 2px rgba(0,0,0,0.16);}
 */

/* snb */
.snb{width:100%;border-bottom:1px solid #eaeaea;height:60px;box-sizing:border-box;}
.contain{width:1200px;margin:0 auto;}
.snb h3{display:inline-block;float:left;width:70px; text-align:center;color:#446ca1;font-size:25px;line-height:60px;position:relative;transition-duration:0.3s;}
.snb h3:hover {background:#446ca1; color:#fff;}
.snb h3:after{content:"";display:block;width:1px;height:26px;background:#ddd;position:absolute;left:0;top:50%;margin-top:-13px;z-index:-1;}
.snb h3:before{content:"";display:block;width:1px;height:26px;background:#ddd;position:absolute;right:0;top:50%;margin-top:-13px;z-index:-1;}
.snb .contain > div{float:left;width:260px;position:relative;}
.snb .contain > div.depth1:after{content:"";display:block;width:1px;height:26px;background:#ddd;position:absolute;right:-1px;top:50%;margin-top:-13px;}
.snb .contain > div p{}
.snb .contain > div p a{display:block;line-height:60px;padding-left:25px;color:#333;font-size:17px; font-weight:500;transition:all 0.3s;}
.snb .contain > div p a:hover{background:#446ca1;color:#fff;}
.snb .contain > div p a:hover i{color:#fff;}
.snbOpen.open{background:#446ca1;color:#fff !important;}
.snbOpen.open i{color:#fff;}
.snb .snbArrow{position:absolute;right:25px;top:50%;margin-top:-8px;}
.subMenu{display:none;width:260px;background:#fff;position:absolute;left:0;top:60px;padding:15px 30px;border:1px solid #eee;box-sizing:border-box;z-index:99;}
.subMenu a{display:block;font-size:15px; font-weight:500; color:#555; line-height:40px; transition:all 0.3s;}
.subMenu a:hover{color:#304f78; font-weight:500;}

/* new_snb */
.new_snb{width:100%; padding:35px 0; border-bottom:1px solid #eaeaea;}
.new_contain{width:1200px;margin:0 auto;}
.new_contain h3 {font-size:50px; font-weight:800; color:rgba(0,0,0,0.13); padding-left:20px;}
.new_contain ul {margin:15px 0 0 15px;}
.new_contain ul li {float:left; margin-right:30px; }
.new_contain ul li a{display:block;position:relative; font-size:17px; color:#555; height:40px; line-height:30px; font-weight:500; padding:0 7px; transition-duration: 0.1s;}
.new_contain ul li a:hover {color:#304f78; font-weight:500; border-bottom:3px solid #304f78;}
.new_contain ul li a:before {content:''; position:absolute; top:11px; right:-20px; width:7px; height:7px; background:url(../../../images/os/main/subP_icon.jpg)no-repeat}
.new_contain ul li:last-child a:before {display:none;}
.snbOn {height:40px; line-height:30px; padding:0 7px; color:#304f78; font-weight:500; border-bottom:3px solid #304f78;}

/* sub content */
.subContainer{width:1200px;margin:70px auto 100px auto;}
.shopContainer{width:1200px;margin:30px auto 100px auto;/*padding:20px 0;*/}

/* 직급별 회원조회 팝업 */
#mask {position:absolute;left:0;top:0;z-index:999;background-color:#000000;display:none;}
.layerpop{position:fixed !important;display:none;z-index:1000;width:550px;background:#fff;cursor:move;padding:10px;box-sizing:border-box; border:1px solid #333;
				   top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important;
}
.layerpop_area .popTit {position:relative;}
.layerpop_area .popTit h3 {font-size:30px; font-weight:800; text-align:center; margin:10px 0;}
.layerpop_area .popTit a {position:absolute; top:0; right:0; font-size:25px;}
.layerpop_area .title{padding:10px 10px 10px 10px;border:0px solid #aaaaaa;background:#f1f1f1;color:#3eb0ce;font-size:1.3em;font-weight:bold;line-height:24px;}
.layerpop_area .layerpop_close{width:25px;height:25px;display:block;position:absolute;top:10px;right:10px;background:transparent url('btn_exit_off.png') no-repeat;}
.layerpop_area .layerpop_close:hover{background:transparent url('btn_exit_on.png') no-repeat;cursor:pointer;}
.layerpop_area .content{width:96%;margin:2%;color:#828282;}
.layerpop_area .tableInfo{margin-top:10px;}
.layerpop_area img {width:100%;}