@charset "utf-8";

@import"../css/main.css";
@import"../css/contents.css";

*{padding:0px; margin:0px;}
body, html{background-color:#FFFFFF;}
body, input, textarea, select{font-family:'나눔고딕',NanumGothic,NG,'돋움',Dotum,AppleGothic; font-size:13px; padding:0px; margin:0px; color:#494949; line-height:1.4em;}
img, fieldset{border:0px;}
form{margin:0px; padding:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}		
ul, ol, dl{list-style-type:none; padding:0; margin:0;}
li{padding:0; margin:0;}
a{text-decoration:none; color:#494949;}
caption, legend{border:0px; display:none;}
em{font-weight:600; font-style:normal; color:#494949;}

@font-face{font-family:NG;
src:url('../font/NanumGothic.eot');
src:local('☺'), url('../font/NanumGothic.woff') format('woff');
font-style:normal;}
@font-face{font-family:SH;
src:url('../font/SeoulHangangM.eot');
src:local('☺'), url('../font/SeoulHangangM.woff') format('woff');
font-style:normal;}

.blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px}

/* Common */
/* 620px 이하 해상도 스타일 */
#topUtil{display:none;}
#topSearch{width:100%; height:82px; position:relative;}
	#topSearch h1{width:195px;margin:auto; padding-top:20px;}
	#topSearch h1>a{float:left;width:100%;height:40px;background:url(../images/common/topLogo_m.gif) no-repeat;}
	.topSer_input{position:absolute; top:0; right:0;display:none;}
	.topSer_input h2 a{display:block; width:70px; height:70px; background:url(../images/common/mobile_serBtn.gif) no-repeat;}
	
	.topUtil02{display:block; width:100%; float:right; margin-top:45px; position:absolute; z-index:100;border-top:solid 1px #e4e4e4; background:#093;z-index:1;}
	.topUtil02 h2 a{display:block; width:50px; height:35px; right:0px; background:url(../images/common/mobile_loginBtn.gif) no-repeat; position:absolute; top:-52px; z-index:100;}
	.topUtil02 li{float:left;width:100%; background:#fff;border-bottom:solid 1px #e4e4e4;}
	.topUtil02 li a{display:block; height:49px; line-height:49px; color:#2b2f3e; font-size:16px; font-weight:600; padding-left:20px;}

nav{position:absolute; width:100%; top:82px; z-index:9;}
	nav h2 a{display:block; width:50px; height:35px; left:20px; background:url(../images/common/mobile_navBtn.gif) no-repeat; position:absolute; top:-62px;}
	nav ul.main{width:100%; border-top:solid 1px #e4e4e4; display:none; }
	nav ul.main > li{width:100%; background:#fff;border-bottom:solid 1px #e4e4e4;}
	nav ul.main > li strong a{display:block; height:49px; line-height:49px; color:#2b2f3e; font-size:16px; font-weight:600; padding-left:20px; background:#fff url(../images/common/mobile_navArr.gif) no-repeat right;}
	nav ul.main > li.nav_on strong a{background:url(../images/common/mobile_navArr_on.gif) no-repeat right;}
	nav ul.main > li strong.emphasis a{color:#F60;}
	nav ul.depth02{width:100%; background:#f7f6f6; border-top:solid 1px #e4e4e4; display:table; padding:12px 0 12px 0;}
	nav ul.depth02 li{float:left; width:50%;}
	nav ul.depth02 li a{display:block; height:20px; line-height:20px; padding-left:14px; background:url(../images/common/mobile_navBullet.gif) no-repeat 0 7px; margin-left:20px;}
	nav ul.navBn li a{display:block; height:46px; line-height:46px; color:#FFF; font-weight:600;text-align:center;padding:0;border:solid 1px #ededed;}
	nav ul.navBn li a:first-child {border-bottom:0;}
	nav ul.navBn li.banner01 a{background:#35a57c;}
	nav ul.navBn li.banner02 a{background:#4f6fb7;}
	nav ul.navBn li.banner03 a{background:#23a5c1}
.worldSki_bn{display:none;}


#contents{width:100%; display:table; min-width:340px;}
#contents>h3 {font-size:24px;font-weight:normal;color:#287724;margin:20px 2% 0 2%;}
	.position{height:30px; line-height:30px; font-size:13px; color:#FFF; font-weight:600; background:#287724; padding-left:10px;}
	.position span{display:inline-block; background:url(../images/common/mobile_positionArr.gif) no-repeat right; padding-right:12px; margin-right:5px;}
	.position em{color:#f7b605;}

footer{width:100%; font-size:12px;}
	.footer_con{margin:0 10px 0 10px;}
		.footer_con h3{font-size:15px; color:#333; font-weight:normal;}
		.footer_con h3>em{color:#333;font-weight:bold;}
		.footer_contactUs{float:left;min-width:320px;width:100%; margin-top:0px;padding-bottom:0px;display:n1one;}
		.footer_contactUs li{float:left;font-size:13px; display:inline-block;width:50%;font-weight:600; line-height:1.6em}
		.footer_contactUs li:last-child{padding:3px 0 0 5%;width:45%;}
		.footer_contactUs li> p{width:100%;border-right:solid 1px #bfbfbf;}
		.footer_contactUs li> p a{display:block; color:#287724; text-align:left;font-size:16px;line-height:26px;font-weight:bold;}
		.footer_contactUs li span {display:block;color:#333; }
		.footer_CenBn,.contactUsBan{display:none;}
		.footer_bank{float:left;display:inline;width:97%;margin-top:20px;border:solid 6px #287724; padding:15px 0;}
		.footer_bank h3{color:#22691f;font-size:14px;margin:0 0 0 15px;}
			.footer_bank h3>em {font-weight:bold;color:#22691f;font-size:14px}
		.footer_bank p{color:#333;margin:0 0 0 15px; font-size:14px;}
		.footer_bank p em{color:#22691f; line-height:1.2em; margin:3px 0 6px 0; font-weight:bold;}
		.footer_bank p >span>em {font-weight:bold;color:#333;}	
		.footerBankBan {display:none;}
		.footerWifiBn {display:none;}
		.footer_bank ul{ display:table; width:100%; margin:0 10px 0 10px;}
		.footer_bank li{float:left; margin-right:10px;}
		.footer_bank li a{display:block; font-size:14px; color:#b1b0b0; font-weight:600; height:34px; line-height:34px; padding-left:36px;}
		.footer_bank li.mail a{background:url(../images/common/footer_snsBn01.gif) no-repeat; background-size:30px;}
		.footer_bank li.talk a{background:url(../images/common/footer_snsBn02.gif) no-repeat; background-size:30px;}
		.footer_bank li a:hover, .footer_bank li a:focus, .footer_bank li a:active{color:#494949;}
		.footer_banner{display:none;}
	.footer_notice{display:none;}
	.footer_copy{clear:both; margin:0 10px 0 10px; border-top:solid 1px #e4e4e4;}
		.copy_wrap{margin:0 10px 0 10px; display:table; position:relative;}
			.footer_util{float:left; margin:17px 0}
			.footer_util li{float:left; background:url(../images/common/footer_txtLine.gif) no-repeat right 3px; padding-right:8px; margin-right:8px;}
			.footer_util li.last{background:none; padding-right:0; margin-right:0;}
			.footer_util li a{font-weight:600; color:#969696;}
			.footer_util li a em{color:#22691f;}
			.copy_txt{clear:both; font-weight:600; color:#b1b0b0;}
			.copy_txt span{display:inline;background:url(../images/common/footer_txtLine.gif) no-repeat right 3px; padding-right:8px; margin-right:8px;}
			.copy_txt span>em{color:#22691f;font-weight:bold;display:inline;}
			.copy_txt span.mobile_line{}
			.copy_txt em{display:block; font-weight:600; color:#b1b0b0; margin-top:4px;}
			.footer_logo{display:none;}

/* 620px 이하 해상도 스타일 */	
@media screen and (max-width:960px){
nav ul.main > li,nav ul.navBn {width:100%!important;}
}
/* 620px 이상 해상도 스타일 */	
@media screen and (min-width:620px){
		.footer_contactUs{float:left; width:98%; margin:0px 1%;  border-right:0; padding:0;}
		.footer_bank{float:left;width:92%;margin:10px 0 20px 0;padding:3% 3%;}
		.footer_bank li a{display:block; font-size:14px; color:#b1b0b0; font-weight:600; height:34px; line-height:34px; padding-left:42px;}
		.footer_bank li.mail a{background:url(../images/common/footer_snsBn01.gif) no-repeat; background-size:34px;}
		.footer_bank li.talk a{background:url(../images/common/footer_snsBn02.gif) no-repeat; background-size:34px;}
			.copy_txt span{display:inline-block; background:url(../images/common/footer_txtLine.gif) no-repeat right 3px; padding-right:8px; margin-right:8px;}
		.footer_util li.top{display:block;margin-left:8px;padding-left:8px; background:url(../images/common/footer_txtLine.gif) no-repeat left 3px; height:16px;}
			.footer_util li.top>a {color:#333;padding-right:16px; background:url(../images/common/footer_top.gif) no-repeat right 2px;vertical-align:top;}
}


/* 980px 이상 해상도 스타일 */
@media screen and (min-width:980px){
body, html{background-color:#f2f2f2;}
header{width:100%; min-width:1000px; background:#FFF;}
#topUtil{display:block; width:100%; height:30px; background:#f1f1f1;}
	.topUtil_con{width:980px; height:30px; margin:auto;}
	.topUtil_con div.favorite{float:left; height:30px; line-height:30px; background:url(../images/common/topUtil_fav.gif) no-repeat 0 9px; padding-left:19px;}
	.topUtil_con a{color:#b1b0b0; font-weight:600; font-size:12px;}
	.topUtil_con a:hover, .topUtil_con a:focus, .topUtil_con a:active{color:#494949;}
	.topUtil_con ul{float:right;}
	.topUtil_con ul li{float:left; margin-left:18px; height:30px; line-height:30px;}
	.topUtil_con ul li a em{color:#ed6712;}
#topSearch{width:980px; height:107px; margin:auto;}
	#topSearch h1{float:left;width:250px; margin-top:30px; padding-top:0;}
	#topSearch h1>a{float:left;width:100%;height:45px;background:url(../images/common/topLogo.gif) no-repeat;}
	#topSearch h1 img{width:100%;height:45px;} 
	.topSer_input{float:left; height:34px;margin:33px 0 0 64px; position:relative;display:block;}
	.topSer_input h2{display:none;}
	.topSer_input input{float:left; width:287px; height:37px; line-height:37px; color:#b1b0b0; font-weight:600; border:hidden; padding-left:10px; font-size:12px; background:#f3f3f3;}
	.topSer_input input, .topSer_input a{display:inline-block;}
	
	.topUtil02{display:block; width:auto; float:right; margin-top:25px; position:relative; border:none; background:none; z-index:1;}
	.topUtil02 h2{ display:none;}
	.topUtil02 li{float:left;width:auto; background:#fff;border-bottom:none;}
	.topUtil02 li a{display:inline-block; height:auto; color:#575757; font-weight:600; font-size:13px;}

nav{width:100%; background:url(../images/common/nav_bg.gif) repeat-x #287724; position:absolute; margin-top:107px; top:0; z-index:11;}
nav:hover {border-bottom:solid 1px #ededed;}
	nav h2{display:none;}
	
	/*nav ul.main{width:980px; margin:auto; display:table; background: url(../images/common/nav_line.gif); position:relative; border-top:none;}*/
	
	nav ul.main{ position:relative;width:979px;max-width:980px; margin:auto; display:table; border-top:none;background:url(../images/common/nav_bg_left.gif) no-repeat top left;padding-left:1px;}
	
	nav ul.main > li{display:none;display:relative;display:table-cell;border-bottom:none;background:url(../images/common/nav_bg_bottom.gif) no-repeat top right;height:auto;height:100%; }
	/*nav ul.main > li{float:left; width:163px; background:none; border-bottom:none;}*/
	nav ul.main > li:last-child strong a{border-right:solid 1px #256e21;}
	nav ul.main > li:first-child strong a{border-left:0}
	nav ul.main > li.sale{width:165px;}
	nav ul.main > li strong a{display:block; height:53px; border-left:solid 1px #256e21;line-height:50px; text-align:center; font-size:16.5px; color:#FFF; font-weight:600; background:#287724; background-image:none; padding-left:0; position:relative; z-index:10;}
	nav ul.main > li strong a:hover, nav ul.main > li strong a:focus, nav ul.main > li strong a:active, nav ul.main > li.nav_on strong a{color:#ffde00; background:#287724; height:53px;}
	nav ul.main > li.sale strong a:hover, nav ul.main > li.sale strong a:focus, nav ul.main > li.sale strong a:active{color:#ffde00; height:53px;}
	nav ul.main > li strong.emphasis a{color:#ffde00;}
	nav ul.depth02{padding:13px 0 25px 0; border-top:none; display:none;background:none;text-align:center;}
	
	/*nav ul.main > li strong a{display:block; height:53px; border-left:solid 1px #256e21;line-height:50px; text-align:center; font-size:16.5px; color:#FFF; font-weight:600; background:#287724; background-image:none; padding-left:0; position:relative; z-index:10;}
	nav ul.main > li strong a:hover, nav ul.main > li strong a:focus, nav ul.main > li strong a:active, nav ul.main > li.nav_on strong a{color:#ffde00; background:#287724; height:53px;}
	nav ul.main > li.sale strong a:hover, nav ul.main > li.sale strong a:focus, nav ul.main > li.sale strong a:active{color:#ffde00; height:53px;}
	nav ul.depth02{width:163.5px;padding:13px 0 25px 0; border-top:none; display:none;background:none;text-align:center;}
	
	
	nav ul.main > li:last-child strong a{border-right:solid 1px #256e21;} 
	nav ul.main > li strong a{position:absolute;top:0;height:53px; border-right:solid 1px #256e21;line-height:50px; text-align:center; font-size:16px; color:#FFF; font-weight:600; background:#287724; background-image:none; padding-left:0; position:relative; z-index:10;}
	nav ul.main > li strong a:hover, nav ul.main > li strong a:focus, nav ul.main > li strong a:active, nav ul.main > li.nav_on strong a{color:#ffde00; background:#287724; height:53px;}
	nav ul.main > li.sale strong a:hover, nav ul.main > li.sale strong a:focus, nav ul.main > li.sale strong a:active{color:#ffde00; height:53px;}
	nav ul.depth02{width:100%;padding:13px 0 25px 0; border-top:none; background:none;text-align:center;}*/
	
	
	
	nav ul.main > li.sale ul.depth02{width:165px; padding:16px 0 105px 0px;}
	nav ul.depth02 > li{width:100%; float:none;}
	nav ul.depth02 > li a{line-height:20px;font-size:14px; color:#646464; font-weight:600; background:none; padding: 0 0; margin-left:0;}
	nav ul.depth02 > li a:hover, nav ul.depth02 > li a:focus, nav ul.depth02 > li a:active{color:#287724;}
	nav ul.navBn{position:absolute; bottom:0; width:165px; display:none;}
	nav ul.navBn li a{display:block; height:46px;font-size:14.5px; line-height:42px; padding:0;text-align:center;color:#FFF; font-weight:600; border:solid 1px #ededed}
	nav ul.navBn li a:last-child {border-top:0px;}
	nav ul.navBn li.banner01 a{background:#35a57c;}
	nav ul.navBn li.banner02 a{background:#4f6fb7;}
	nav ul.navBn li.banner03 a{background:#23a5c1}

.worldSki_bn{display:block; position:absolute; width:258px; z-index:99; top:250px; right:2%;}

#contents{width:880px; margin:60px auto 0 auto; background:#FFF; padding:0 50px 100px 50px; display:table;}
#contents>h3 {font-size:24px;font-weight:normal;color:#287724;margin:50px 0 0 0;}
	.position{height:auto; line-height:1.4em; font-size:13px; color:#b1b0b0; font-weight:600; margin-top:50px; background:none; padding-left:0;}
	.position span{display:inline-block; background:url(../images/common/position_arrow.gif) no-repeat right; padding-right:12px; margin-right:5px;}
	.position em{color:#ed6712;}

footer{width:100%; background:#FFF; min-width:1000px;border-top:solid 1px #e4e4e4;margin-top:10px;}
	.footer_con{width:980px; margin:auto; display:table;}
		.footer_con h3{font-size:15px; color:#2b2f3e; font-weight:normal; margin:0 0 8px 0;}
		.footer_contactUs{float:left; width:328px; margin:20px 0 0 0;border:none; padding:0 0 0 0;}
		.footer_contactUs p{margin:3px 0 10px 0;}
		.footer_contactUs p a{font-size:36px; color:#f97f00; height:auto; line-height:1.2em; background:none; text-align:left; border:none;}
		.footer_contactUs ul{float:left;width:100%;margin-bottom:9px;}
		.footer_contactUs li{font-size:14px;width:50%; color:#b1b0b0; font-weight:600; line-height:1.6em; margin-left:0;}
		.contactUsBan {width:100%;display:block;}
		.footer_CenBn{display:block; float:left; width:277px; height:163px;margin:9px 0 0 8px;background:url(../images/common/footer_CenBn_bg.png) right;}
		.footer_CenBn li{float:left; width:100%;height:55px; margin:0 15px 0 15px;}
		.footer_CenBn li a{display:block; line-height:55px;text-align:left;padding-left:54px; font-size:14px; font-weight:600;color:#575757;}
			.CenBn01 {background:url(../images/common/CenBn01.gif) no-repeat 7px 11px;}
			.CenBn02 {background:url(../images/common/CenBn02.gif) no-repeat 7px 15px;}
			.CenBn03 {background:url(../images/common/CenBn03.gif) no-repeat 7px 18px;}
		.footer_bank{float:right; width:307px; height:21px;margin:9px 0 5px 0; padding:12px 0 9px 15px; border:solid 3px #287724;}
		.footer_bank h3 {float:left; font-size:13px;color:#22691f;margin:0;}
		.footer_bank h3>em {font-size:13px;color:#22691f;}
		.footer_bank p{font-size:13px; color:#333333; font-weight:normal; margin:0 0 0 55px;}
		.footer_bank p em{font-size:13px; color:#22691f; line-height:1.2em; margin:3px 0 6px 0; font-weight:bold;}
		.footer_bank p >span>em {font-weight:bold;color:#333;}
		.footerBankBan {float:right;display:block;margin-left:9px;}
		.footerWifiBn {float:right;display:block;margin-left:9px;}
		.footer_bank ul{width:340px; margin-left:-15px;}
		.footer_bank li{float:left; margin-left:15px; margin-right:0;}
		.footer_bank li a{display:block; font-size:14px; color:#b1b0b0; font-weight:600; height:34px; line-height:34px; padding-left:42px;}
		.footer_bank li.mail a{background:url(../images/common/footer_snsBn01.gif) no-repeat;}
		.footer_bank li.talk a{background:url(../images/common/footer_snsBn02.gif) no-repeat;}
		.footer_bank li a:hover, .footer_bank li a:focus, .footer_bank li a:active{color:#494949;}
		.footer_banner{display:block; width:993px; float:left; margin:30px 0 0 -13px;}
		.footer_banner li{float:left; width:235px; margin-left:13px;}
		.footer_banner li a{display:block; height:50px; line-height:50px; font-size:14px; font-weight:600; color:#494949; padding-left:21px;}
		.footer_banner li.banner01 a{background:url(../images/common/footer_banner01.gif) no-repeat;}
		.footer_banner li.banner02 a{background:url(../images/common/footer_banner02.gif) no-repeat;}
		.footer_banner li.banner03 a{background:url(../images/common/footer_banner03.gif) no-repeat;}
		.footer_banner li.banner04 a{background:url(../images/common/footer_banner04.gif) no-repeat;}
		.footer_banner li a:hover, .footer_banner li a:focus, .footer_banner li a:active{color:#287724;}
	.footer_notice{display:block; width:980px; max-height:70px; margin:auto; display:table; border-top:solid 1px #979797; padding:10px 0;margin-top:8px;}
		.footer_noticeTxt{float:left;  height:49px; line-height:49px; font-weight:600;}
		.footer_noticeTxt a.open{position:relative;width:58px;height:21px;font-size:13px;color:#fff;background:#287724;margin-left:15px;padding:3px 7px;}
		.footer_noticeTxt a.open span{position:relative;top:-2px;}
		.footer_noticeTxt> span{font-size:13px; color:#287724; display:inline-block; margin-right:16px;}
		.footer_noticeTxt em {font-size:13px; color:#575757;background:url(../images/common/footer_notice_bullet.gif) no-repeat 0 5px;padding-left:10px;}
		.footer_noticeTxt em a:hover{ color:#494949;}
		.footer_sns{float:right; margin-top:9px;}
		.footer_sns li{float:left;margin-left:25px;}
			.footer_sns li a{float:left;color:#575757; height:30px;font-size:13px;line-height:26px;}
		.footer_sns li.sns_fb a{background:url(../images/common/footer_sns01.gif) no-repeat 0 3px;padding-left:35px;}
		.footer_sns li.sns_cafe a{background:url(../images/common/footer_sns02.gif) no-repeat 0 4px;padding-left:35px;}
		.footer_sns li.sns_blog a{background:url(../images/common/footer_sns03.gif) no-repeat ;padding-left:35px;}
	.footer_copy{width:100%; border-top:solid 1px #e6e6e6; margin:0 0;}
		.copy_wrap{width:980px; margin:auto; display:table; position:relative;}
			.footer_util{float:left; margin:28px 0;}
			.footer_util li{float:left; background:url(../images/common/footer_txtLine.gif) no-repeat right 3px; padding-right:8px; margin-right:8px;}
			.footer_util li.last{background:none;}
			.footer_util li a{font-weight:600; color:#969696;font-size:13px;}
			.footer_util li a em{color:#22691f;}
			.copy_txt{clear:both; font-weight:600; color:#979797;}
			.copy_txt span{display:inline-block; background:url(../images/common/footer_txtLine.gif) no-repeat right 3px; padding-right:8px; margin-right:8px;}
			.copy_txt span>em{display:inline;color:#287724;font-weight:bold;}
			.copy_txt em{display:block; font-weight:600; color:#b1b0b0; margin-top:4px;}
			.footer_logo{display:block; position:absolute; top:30px; right:0;}
}