@charset "utf-8";
@import url("common.css");

@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('/font/gmarketSans/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/font/gmarketSans/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/font/gmarketSans/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/font/gmarketSans/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('/font/gmarketSans/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/font/gmarketSans/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


.t35 {font-size:35px; line-height:40px;}
.t33 {font-size:33px; line-height:40px;}
.t30 {font-size:30px; line-height:36px;}
.t25 {font-size:25px; line-height:30px;}
.t16 {font-size:16px; line-height:24px;}


#container .ip_list01 .list2 {margin: 60px;}


#store {height:100%; min-height:780px; padding-top:100px; box-sizing:border-box; background:#f2f2f2;}
#store .store {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1500px; overflow:hidden;}
#store .bbs_select {text-align:right; padding-bottom:20px;}

#store .text {float:left; width:360px; height:652px; margin-right:50px; background:#3068a7 url("/site/ko/res/img/main_store_bg.png") no-repeat 0 0;}
#store .text .t33 {font-weight:500; color:#fff; padding:30px 0 0 30px;}
#store .text .t16 {font-weight:300; color:#93acc9; padding:10px 0 40px 30px; border-bottom:1px solid #5280b5;}
#store .text .won {width:265px; height:265px; margin:80px auto 0; text-align:center; border-radius:50%; border:1px solid #5280b5;}
#store .text .won .t30 {width:170px; margin:40px auto 0; padding-bottom:20px; color:#fff; text-align:center; border-bottom:1px solid #5280b5;}
#store .text .won .num {font-size:55px; font-weight:900; color:#fff;}

#store .bbs {position:relative; height:652px; background:#fff; overflow:hidden;}
#store .bbs .box {display:table-cell; width:500px;}
#store .bbs .box .group {position:relative; display:table-cell; width:500px; height:60px; line-height:30px; font-size:20px; color:#313131; text-align:center; vertical-align:middle; background:#e5e5e5; cursor:pointer; word-break:keep-all;}
#store .bbs .box .group .bg {position:absolute; bottom:-10px; left:calc(50% - 5px); display:none;}
#store .bbs .box+.box .group {margin-left:1px;}
#store .bbs .box.on .group {color:#fff; background:#3d3d3d;}
#store .bbs .box.on .group .bg {display:block;}

#store .bbs .box .list {position:absolute; top:60px; left:0; width:100%; padding:40px 70px 0; box-sizing:border-box; display:none;}
#store .bbs .box.on .list {display:block; }
#store .bbs .box .list .item {position:relative; padding:20px 90px 22px 0; border-bottom:1px solid #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#store .bbs .box .list .item .category {display:inline-block; padding:0 10px; margin-right:20px; min-width:100px; height:38px; line-height:38px; border:1px solid #3068a7; border-radius:5px;}
#store .bbs .box .list .item .category {font-size:16px; color:#3068a7; text-align:center; letter-spacing:-0.05em; vertical-align:middle;}
#store .bbs .box .list .item .title {font-size:20px; color:#313131; line-height:38px; }
#store .bbs .box .list .item .day {position:absolute; top:30px; right:0; display:block; width:90px; font-size:16px; color:#bebebe; text-align:right;}
#store .bbs .box .list .item:nth-child(6) {display:none;}
#store .bbs .box .list .item:hover .category {color:#fff; background:#3068a7;}
#store .bbs .box .list .item:hover .title a {border-bottom:1px solid #313131;}
#store .bbs .box .more {position:absolute; bottom:50px; left:0; width:100%; text-align:center; display:none;}
#store .bbs .box .more a {display:inline-block; width:200px; height:48px; line-height:48px; font-weight:300; color:#959595; text-align:center; border:1px solid #ddd;}
#store .bbs .box .more:hover a {color:#fff; background:#3068a7;}
#store .bbs .box.on .more {display:block;}

#store .bbs .box .card {position:absolute; top:60px; left:0; width:calc(100% - 1px); border-left:1px solid #ddd; display:none;}
#store .bbs .box.on .card {display:block; }
#store .bbs .box .card .item {float:left; width:33.333%; height:254px; padding:30px; box-sizing:border-box; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#store .bbs .box .card .item .category {display:inline-block; padding:0 10px; min-width:100px; height:38px; line-height:38px; border:1px solid #3068a7; border-radius:5px;}
#store .bbs .box .card .item .category {font-size:16px; color:#3068a7; text-align:center; letter-spacing:-0.05em;}
#store .bbs .box .card .item:hover .category {color:#fff; background:#3068a7;}
#store .bbs .box .card .item .title {display:block; font-size:20px; color:#313131; line-height:30px; margin:20px 0; height:90px;}
#store .bbs .box .card .item .day {display:block; font-size:16px; color:#bebebe; text-align:right;}
#store .bbs .box .card+.more {bottom:20px;}
#store .bbs .box .card+.more a {border:none;}

@media only screen and (max-width:1000px) {
	#store {height:auto; padding:100px 0 100px;}
	#store .store {top:auto; left:auto; transform:translate(0, 0); }
	#store .bbs_select {display:none;}
	#store .text {background:#3068a7 url("/site/ko/res/img/main_store_bg.png") no-repeat 100% center;}
	#store .text {float:none; width:auto; height:auto; margin-right:0; padding:40px 2%;}
	#store .text .t33 {display:none;}
	#store .text .t16 {display:none;}
	#store .text .won {display:flex; justify-content:center; width:auto; height:auto; border:none; margin:0;}
	#store .text .won .t30 {width:52%; font-size:40px; line-height:45px; margin:0; padding:0 150px 0 0; border-bottom:none; border-right:1px solid #5280b5; box-sizing:border-box;}
	#store .text .won .t30 {background:url("/site/ko/res/img/main_icon02.png") no-repeat 90% center; background-position:calc(100% - 40px) center;}
	#store .text .won .num {width:48%;font-size:50px; line-height:90px; text-align:center;}
	
	#store .bbs {background:#f2f2f2;}
	#store .bbs .box .list {width:96%; margin:50px 2%; padding:20px 3% 100px; background:#fff;}
	#store .bbs .box .list .item {padding:20px 0 22px 0;}
	#store .bbs .box .list .item .day {display:none;}
	#store .bbs .box .more {bottom:20px;}
	#store .bbs .box .group .dn {display:none;}
	
	#store .bbs .box .card .item {width:50%;}
	
}
@media only screen and (max-width:520px) {
	#store .text .won .t30 {padding:0; background:none;}
	#store .text .won .num {font-size:40px}
}

#event {height:100%; min-height:780px; padding-top:100px; box-sizing:border-box;}
#event .event {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1500px; overflow:hidden;}
#event .box {float:left; width:50%; overflow:hidden;}
#event .box + .box {padding-left:70px; box-sizing:border-box;}
#event .t35 {font-weight:bold; color:#313131;}
#event .more {margin-top:60px; text-align:center;}
#event .more a {display:inline-block; width:200px; height:50px; line-height:50px; font-weight:300; color:#959595; border:1px solid #ddd;}
#event .more a:hover {color:#fff; background:#3068a7;}
#event .event_list + .more {padding-left:150px;}

@media only screen and (max-width:1000px) {
	#event {height:auto; padding:100px 0 100px;}
	#event .event {top:auto; left:auto; transform:translate(0, 0); }
	#event .box {float:none; width:96%; margin:0 auto;}
	#event .box + .box {padding-left:0;}
	#event .event_list + .more {padding-left:0; margin-bottom:70px;}
}

#news {height:100%; min-height:780px; padding-top:76px; box-sizing:border-box;}
#news .news {position:relative; height:350px; padding-top:120px; box-sizing:border-box; background:url("/site/ko/res/img/main_notice_bg.png") no-repeat center 0;}
#news .news {background-size:100% auto;}
#news .news .t35 {color:#fff; text-align:center;}
#news .news .t16 {color:#fff; text-align:center; margin-top:10px;}
#news .news .tab {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); width:100%; border-collapse:collapse; max-width:1090px; margin:0 auto;}
#news .news .tab div {display:table-cell; width:500px; height:60px; line-height:60px; border:1px solid #ddd; cursor:pointer;}
#news .news .tab div {position:relative; font-size:20px; color:#fff; text-align:center;}
#news .news .tab div img {position:absolute; bottom:-10px; left:calc(50% - 6px); display:none;}
#news .news .tab div.on {background:#3068a7;  border-top:1px solid #3068a7;}
#news .news .tab div.on img {display:block;}
#news .news .tab div:nth-child(1).on {border-left:1px solid #3068a7;}
#news .news .tab div:nth-last-child(1).on {border-right:1px solid #3068a7;}
#news .more {position:absolute; left:0; bottom:60px; width:100%; text-align:center;}
#news .more a {display:inline-block; width:200px; height:50px; line-height:50px; font-weight:300; color:#959595; border:1px solid #ddd;}
#news .more a:hover {color:#fff; background:#3068a7;}

@media only screen and (max-width:1000px) {
	#news {height:auto; padding:100px 0 100px;}
	#news .news {top:auto; left:auto; transform:translate(0, 0); }
}


 
 
#qmenu {position:absolute; top:0; left:50%; height:100%; margin-left:800px; z-index:0;}
.qmenu {position:absolute; top:50%; left:0; transform: translate(0, -50%); width:100px;}
.qmenu .a {display:block; margin-bottom:15px; text-align:center; overflow:hidden;}
.qmenu .a span {display:block; margin-top:5px; font-size:14px; color:#d2d2d2;}
.qmenu .a .on {display:none;}
.qmenu .a:hover .off {display:none;}
.qmenu .a:hover .on {display:inline-block;}
.qmenu.c1 a span {color:#6d6d6d;}

.qmenu .navigation {position:relative; width:80px; height:70px; margin-left:10px; padding-top:10px; background:#3068a7 url("/site/ko/res/img/navigation_bg.png") no-repeat 100% 0; cursor:pointer;}
.qmenu .navigation .text {margin-top:5px; font-size:14px; color:#fff; text-align:center;}
.qmenu .navigation .box {display:none;}
.qmenu .navigation .box {position:absolute; bottom:80px; right:0; width:450px; background:#f2f2f2;}
.qmenu .navigation .box .top {height:5px; padding:5px 12px; line-height:5px; background:#ffa200;}
.qmenu .navigation .box .top span {display:inline-block; width:5px; height:5px; margin-right:5px; vertical-align:top; border-radius:50%; background:#f2f2f2;}
.qmenu .navigation .box .title {font-size:18px; color:#313131; padding:25px 0; margin:0 30px 25px; text-align:center; border-bottom:2px dashed #c1c1c1;}
.qmenu .navigation .box .list {margin:0 30px; min-height:300px; padding-bottom:30px;}
.qmenu .navigation .box .list .item {position:relative; display:block; padding:0 15px; margin-bottom:8px; height:50px; line-height:50px; letter-spacing:-0.05em; border:1px solid #dfdfdf; border-radius:15px; background:#fbfbfb;}
.qmenu .navigation .box .list .item .bg {position:absolute; top:27px; right:-13px; width:20px; height:18px; background:url("/site/ko/res/img/navigation_bg01.png") no-repeat 0 0;}
.qmenu .navigation .box .list .item:hover {color:#fff; border:1px solid #3068a7; background:#3068a7;}
.qmenu .navigation .box .list .item:hover a {color:#fff;}
.qmenu .navigation .box .list .item:hover .bg {background:url("/site/ko/res/img/navigation_bg02.png") no-repeat 0 0;}
.qmenu .navigation .box .btn {margin:0 0 30px; text-align:center;}
.qmenu .navigation .box .btn input {width:130px; height:40px; line-height:40px; color:#fff; border:none; background:#3068a7;}



.pop {display:none;}
.pop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;}
.pop .popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:96%; max-height:90%; max-width:600px; padding:30px; border:3px solid #2c5b8e; box-sizing:border-box; background:#fff; overflow:auto;}
.pop .popup .close {position:absolute; top:20px; right:20px;}
.pop .popup h3 {font-size: 26px; color: #222;}
.pop .popup .text {min-height:100px; margin-top: 20px; padding:20px 0; border-top:2px solid #3068a7;}
.pop .popup .btn a + a {margin-left:10px;}
.pop .popup .btn input[type=button] {display:inline-block; padding:0 20px; font-size:16px; color:#fff; line-height:38px; background:#3068a7; border:none; cursor:pointer;}
.pop .popup .btn input[type=button].bg1 {color:313131; background:#d0d0d0;}




@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1920px) {
	#news .news {background-size:auto 100%;}
}
@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1000px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}