/* ------------------------------------------------------------
 * Name      : lndex.css
 * Desc      : GIGSHOPPING Layout
 * Created   : 2014/02/00 GIGAKOREA by jinhwan,kim
 * Updated   :
 ------------------------------------------------------------ */
@charset "utf-8";
/*로그인페이지*/

.wrap {
	width:100%;
	text-align:center;
	margin: 0;
	/*background-image: url(../images/shadow.png);
	background-repeat: repeat-y;*/
	background-color:#fff;
}

/*GNB메뉴관련*/
.gnbSection {
	width:1020px;
	margin:0 auto;
	height:49px;
	text-align:left;
}
.gnbIndex {
	position:relative;
	height:85px;
	/*padding-top:36px;*/
	background:#e31e27;
}
.languageSelect {
	width:1020px;
	height:30px;
	margin:0 auto;
	padding-top:6px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
.languageSelect select {
	margin-left:10px;
	border:1px solid #e41e26;
	background:#e41e26;
	color:#fff;
}
.gnbmenu01 {
	width:495px;
}
.gnbmenu01 li{
	float:left;
	height:12px;
	text-align:center;
	padding:16px 12px 21px ;
	background:url(../images/login/mu_leftbg.png) 100% 15px no-repeat;
}
.gnbmenu01 a .on span {
	display:block;
	height:20px;
	border-bottom:2px solid #e41e26;
}
.gnbmenu01 a .on {
	background-color:#FFF;
	background-image:url(../images/login/mu_on_leftbg.png);
	background-position:100% bottom;
	background-repeat:no-repeat;
}


/*로그인 처리 영역 부분 관련 시작*/
.loginSection {
	position: relative;
	float: right;
	width: 525px;
	height: 49px;
}
.gnbSection .loginSection .findid {
	float:left;
	width:64px;
	margin-top:17px;

}
.gnbSection .loginSection .findpw {
	float:left;
	width:68px;
	margin-top:17px;

}
.loginSection .loginArea .loginbtn {
	float:left;
}
.loginSection .loginArea .membtn {
	float:left;
	margin-left:0px;
}
.loginSection .loginArea {
	float:left;
	width:381px;
	height:28px;
	margin:8px 0 0 12px;
	background:url(../images/gnbmu/gnb01_login_bg.png) no-repeat;
}

.loginSection .loginArea .idArea {
	float:left;
	width:77px;
	height:28px;
	padding-left:42px;
	background:url(../images/gnbmu/gnb01_login_id.png) 5px center no-repeat;
}
.loginSection .loginArea .idArea input {
	width:70px;
	height:22px;
	margin-top:1px;
	border:1px solid #e41e26;;
	background:#e41e26;
	color:#FFF;
}

.loginSection .loginArea .pwArea {
	float:left;
	width:73px;
	height:28px;
	padding-left:46px;
	background:url(../images/gnbmu/gnb01_login_pw.png) 5px center no-repeat;
}

.loginSection .loginArea .pwArea input {
	width:70px;
	height:22px;
	margin-top:1px;
	border:1px solid #e41e26;;
	background:#e41e26;
	color:#FFF;
}

/*로그인 후 관련 */

.loginSection .logoutArea {
	float: right;
	width: 513px;
	height: 30px;
	margin: 8px 0 0 12px;
	text-align: right;
	color: #FFF;
	font-family: Dotum, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



.loginSection .logoutArea .logoutbtn {
	float:right;
	width:62px;
	height:30px;
}
.loginSection .logoutArea .name {
	float:right;
	width:auto;
	height:20px;
	margin-right:10px;
	margin-top:7px;
}

.loginSection .logoutArea .point {
	float:right;
	width:auto;
	height:20px;
	margin-right:10px;
	margin-top:7px;
}
.loginSection .logoutArea .personalnotice {
	float:right;
	min-width:100px;
	height:20px;
	margin-right:10px;
	margin-top:7px;
}

.loginSection .logoutArea .name img,
.loginSection .logoutArea .point img,
.loginSection .logoutArea .personalnotice img {
	margin-right:5px;
}

.loginSection .logoutArea .name span,
.loginSection .logoutArea .point span,
.loginSection .logoutArea .personalnotice span {
	font-weight:bold;
}













.top01Section {
	position:relative;
	width:1020px;
	height:180px;
	margin:0 auto;
}

.top01Section h1 {
	float:left;
	width:252px;
	height:64px;
	margin:32px 0 0 0;
	background:url(../images/login/logo.png) no-repeat;
	text-indent:-9999px;
}



.top01Section .banner02 {
	display:block;
	float:right;
	width:215px;
	height:87px;
	margin:44px 0 0 25px;
	padding:10px 0 13px 0;
	text-align:left;
	border-right:1px solid #e1e1e1;
}
.top01Section .banner02 .cnt01 {
	margin-top:10px;	
}
.top01Section .banner02 .cnt02 {
	margin-top:15px;	
}
.top01Section .banner01 {
	display:block;
	width:300px;
	height:130px;
	float:right;
	margin:32px 0 0 0;
	text-align:left;
	background:url(../images/login/topbanner01_img.png) right top no-repeat;
}
.top01Section .banner01 dt {
	margin-top:25px;
	width:136px;
}
.top01Section .banner01 dd {
	margin-top:10px;
}
.visualSection {
	position:relative;
	width:100%;
	height:428px;
}
.visualSection .viaualslide  {
	position:relative;
	height:400px;
}
.visualSection .viaualslide .slideimg,
.visualSection .viaualslide .slideimg .mainviaual {
	height:400px;
}
.visualSection .moveBtnArea {
	position:relative;
	width:1020px;
	height:13px;
	padding-top:15px;
	margin:0 auto;
	text-align:right;
}


.visualSection .moveBtnArea li {
	float:right;
	padding:0 2px;
	height:13px;
}

/* 인트로 하단 배너 영역*/
.btmcontentSection {
	position:relative;
	width:1020px;
	height:124px;
	margin:47px auto 110px;
}


.btmcontentSection .banner01 {
	float:left;
	width:211px;
	margin:0;
	height:124px;
	text-align:left;
}

.btmcontentSection .banner01 dd,
.btmcontentSection .banner02 dd,
.btmcontentSection .banner03 dd {
	margin-top:8px;
}
.btmcontentSection .banner02 {
	float:left;
	margin-left:41px;
	width:294px;
	height:124px;
	text-align:left;
	background:url(../images/login/btmbanner02_bg.png) bottom right no-repeat; 
}
.btmcontentSection .banner03 {
	float:left;
	margin-left:45px;
	width:299px;
	height:124px;
	text-align:left;
	background:url(../images/login/btmbanner03_bg.png) bottom right no-repeat;
}
.btmcontentSection .banner04 {
	float:left;
	margin-left:50px;
	width:80px;
	height:60px;
}
.btmcontentSection .banner05 {
	float:left;
	margin-left:50px;
	width:80px;
	height:64px;
}

.btmcontentSection .banner03 {
	float:left;
	margin-left:45px;
	width:299px;
	height:124px;
}


/*Footer 부분*/
.footerSection {
	height:28px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	padding-top:12px;
}
.footerSection .contentSection {
	position:relative;
	width:1020px;
	height:28px;
	margin:0 auto;
}
.footerSection .contentSection .linkArea {
	float:left;
	text-align:center;
	width:500px;
	padding-left:200px;
	height:17px;
}
.footerSection .contentSection .linkArea li {
	display:inline;
}

.footerSection .contentSection .linkArea li a {
	display:inline-block;
	height:13px;
	border-right:1px solid #d8d8d8;
	padding:0px 14px 0;
}

.footerSection .familysite {
	float:left;
	width:320px;
	text-align:right;
}
.footerSection .contentSection .familysite select {
	border:1px solid #c6c6c6;
	padding-left:5px;
}
.copyrightSection {
	height:105px;
	background:#EEE;
	border-top:1px solid #c6c6c6;
}

.copyrightSection .copyrightArea {
	width:1020px;
	height:105px;
	margin:0 auto;
}


.copyrightSection .copyrightArea .logoBtm {
	float:left;
	width:141px;
	height:36px;
	margin-top:17px;
}

.copyrightSection .copyrightArea .copyright {
	float:left;
	margin:17px 0 0 60px;
	width:810px;
	max-height:80px;
	text-align:left;
}

.copyrightSection .copyrightArea .copyright .contents li {
	display:inline;
	margin-top:2px;
	padding:0 5px;
	border-right:1px solid #d8d8d8;
}



.copyrightSection .copyrightArea .copyright .reserved {
	padding-left:5px;
}




/* 메인비쥬얼 슬라이드 관련*/

.flexslider {
	margin: 0px; padding: 0px; height: 358px;
}
.flexslider .slides > li {
	height: 358px; margin-top: 0px; display: none; -webkit-backface-visibility: hidden;
}
.flexslider .slides > li a {
	height: 358px; display: block;
}
.flexslider .slides img {
	width: 100%; display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: "\0020";
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	background: rgb(255, 255, 255); margin: 0px; border-radius: 4px; position: relative; -ms-zoom: 1; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -o-border-radius: 4px; -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.flex-viewport {
	transition:1s; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	-ms-zoom: 1;
}



/* 메인비쥬얼 슬라이드 버튼관련*/

.wrap .main_visual {
	position:relative;
	height:400px;
}

.flexslider {
	margin: 0px; padding: 0px; height: 400px;
}
.flexslider .slides > li {
	height: 400px; margin-top: 0px; display: none; -webkit-backface-visibility: hidden;
}
.flexslider .slides > li a {
	height: 400px; display: block;
}
.flexslider .slides img {
	width: 100%; display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: "\0020";
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	background: rgb(255, 255, 255); margin: 0px; border-radius: 4px; position: relative; -ms-zoom: 1; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2); -o-border-radius: 4px; -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}
.flex-viewport {
	transition:1s; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	-ms-zoom: 1;
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
	display: none;
}
.flex-direction-nav a {
	margin: -20px 0px 0px; transition:0.3s; top: 50%; width: 40px; height: 40px; color: rgba(0, 0, 0, 0.8); overflow: hidden; text-decoration: none; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 0; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
	left: -50px;
}
.flex-direction-nav .flex-next {
	text-align: right; right: -50px;
}
.flexslider:hover .flex-next:hover {
	opacity: 1;
}
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	cursor: default; opacity: 0 !important;
}
.flex-direction-nav a::before {
	font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: "\f001";
}
.flex-direction-nav a.flex-next::before {
	content: "\f002";
}
.flex-pauseplay a {
	left: 10px; width: 20px; height: 20px; bottom: 5px; color: rgb(0, 0, 0); overflow: hidden; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 0.8;
}
.flex-pauseplay a::before {
	font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: "\f004";
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play::before {
	content: "\f003";
}
.flex-control-nav {
	width:100%; text-align:center; bottom:10px; position: absolute; z-index: 30;
}
.flex-control-nav li {
	margin:0px 6px; display: inline-block; -ms-zoom: 1;
}
.flex-control-paging li a {
	background: rgb(163, 163, 162); border-radius: 20px; width: 11px; height: 11px; text-indent: -9999px; display: block; cursor: pointer; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3); -moz-border-radius: 20px; -webkit-border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-border-radius: 20px; -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
	background: rgb(255, 122, 0);
}
.flex-control-paging li a.flex-active {
	background: rgb(255, 122, 0); cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0px 0px; overflow: hidden; position: static;
}
.flex-control-thumbs li {
	margin: 0px; width: 25%; float: left;
}
.flex-control-thumbs img {
	width: 100%; display: block; cursor: pointer; opacity: 0.7;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	cursor: default; opacity: 1;
}
.v_btn {
	margin: 0px auto; width: 1024px; text-align: right;
}
.v_btn a {
	display: none; position: relative; z-index: 20;
}
.v_btn .on {
	margin-right: 20px; display: none;
}



/* 퀵 메뉴 관련*/


#quick_choice_area {
	margin: 0px auto; width:1024px; height:750px; overflow:hidden; position:relative; z-index:20;
}
#quick_choice_area > div {
	left: 0px; top: 0px; width:99999px; height:750px; overflow:hidden; position:absolute;
}
#quick_choice_area > div > div {
	width: 1024px; height: 126px; float: left;
}
.quick_choice {
	left: 0px; top: 38px; width: 100%; height:750px; background:#eaeaea; overflow:hidden; z-index:10; display:none;
}

.quick_choice #quick_choice_area .quick_menu_01.active .quick_btn {
	width:1020px;
	height:48px;
	text-align:right;
}

.quick_choice #quick_choice_area .quick_menu_01.active .banner01cntLeft {
	float:left;
	margin:0;
	padding:0;
	width:458px;

}
.quick_choice #quick_choice_area .quick_menu_01.active .banner02cntLeft {
	display:block;
	float:left;
	margin-left:30px;
	padding:0;
	width:530px;
}

.wrap .quick_choice #quick_choice_area .quick_menu_01.active dd {
	float:left;
	margin:30px 0 0 15px;
}