@charset "euc-kr";
@import url('reset.css');
@import url('gnb.css');
@import url('bbs.css');
@import url('keyframes.css');
@import url('flexslider.css');


/* layout */
#headWrap	{}
#header		{position:relative; margin:20px auto 17px; width:950px; height:95px;}
#container	{position:relative; width:950px; margin:0 auto;}
#footWrap	{border-top:1px solid #999; margin-top:65px;}
#footer		{position:relative; width:950px; margin:0 auto; padding:17px 0;}


#header .logo			{padding-top:0px;}
.topMenu				{position:absolute; right:195px; top:0;}
.topMenu li				{float:left; padding:0 5px;}
.topMenu li a			{font-size:11px; color:#666;}
.topMenu li a.lag		{color:#000; font-weight:600;}
.topMenu li a.lag img	{padding-left:3px; vertical-align:middle;}
.rLogo					{position:absolute; right:0; top:0; width:194px; height:94px;}

.flag					{float:left; width:173px;}
.footBox				{float:left; width:585px;}
.footBox .footMenu li	{float:left; padding-right:26px;}		
.footBox .footMenu li a	{font-size:11px; color:#666;}		
.footBox .copyright		{padding-top:10px; color:#666; font-size:11px; line-height:140%;}
.footBox .copyright span{font-size:11px; padding-right:26px;}
.site					{float:right; width:170px;  overflow:visible;}
.site p					{border:1px solid #ddd; background:#f4f4f4 url('/images/icon_plus.png') no-repeat 150px 6px; padding:2px 5px;}
.site p a				{display:block; font-family:'Arial'; color:#666; font-size:11px;}
.site ul.list			{display:none; position:absolute; bottom:80px; right:0px; z-index:2000; width:153px; padding:5px 0 5px 15px; background:#fff; border:1px solid #ededed;  }
.site ul.list li		{line-height:140%; padding:0 0 2px 0; background:none !important; font-size:0.88em; }
.site ul.list li a		{display:block; color:#666; font-size:11px;}
.footer_ad				{float:right; margin-top:8px;}

/* visual */
.visual						{width:100%; min-width:950px; height:410px;}
.spot						{position:relative;z-index:0; min-width:950px; height:410px;}
.spot .spot_li				{position:absolute; width:100%; height:410px; overflow:hidden;}
.spot .spot_li li			{height:350px;}
.spot .spot_li img			{position:absolute; top:0; width:2000px; left:50%; margin-left:-1000px;}
.spot .spot_li .image		{height:410px; position:relative;}
/* FlexSlider Styles */ 
.flexslider .slides li		{display:none;/*-webkit-backface-visibility:hidden;*/} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides:after				{content:".";display:block;clear:both;visibility:hidden;line-height:0;height: 0;} 
html[xmlns] .slides			{display: block;} 
* html .slides				{height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport				{max-height:2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport		{max-height:5700px;}
.flexslider .slides			{zoom: 1;}
.carousel li				{margin-right: 5px}
.flex-direction-nav			{z-index:99999; position:relative; width:30px; height:13px; margin:0 auto;}
.flex-direction-nav a		{width:13px; height:13px;display:block; position:absolute; cursor: pointer; text-indent: -9999px ;-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background: url('/images/control_next.gif') no-repeat; top:330px; right:0px;}
.flex-direction-nav .flex-prev {background: url('/images/control_prev.gif') no-repeat; top:330px; left:0px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* search */
.searchArea					{position:absolute; top:172px; left:50%;}
.searchArea .searcBox		{position:relative; left:-475px; top:0; width:180px; height:23px; background:#fff; padding:10px;}
.searchArea .searcBox div	{background:#f0f0f0; width:180px; height:23px;}
.searchArea .searcBox input[type=text]{background:#f0f0f0; border:none; width:140px; height:21px; padding:0 5px; margin-right:5px; color:#666; font-size:12px; font-family:'Gulim';}


/* main */
.newsBox				{float:left; position:relative; width:708px; height:40px; background:#eee;}
.newsBox h3				{display:inline-block; width:80px; height:40px; line-height:40px; background:#0653ba; text-align:center;}
.newsBox h3	a			{display:block; color:#fff; font-family:'Arial'; font-size:12px; font-weight:bold;}
.newsBox .latest		{display:inline-block; width:540px; text-indent:10px;}
.newsBox .latest a		{line-height:40px; color:#333; font-size:12px;}		
.newsBox .newsL			{position:absolute; right:41px; top:0; width:40px; height:40px;}
.newsBox .newsR			{position:absolute; right:0px; top:0; width:41px; height:40px;}
.telBox					{float:right; position:relative; width:195px; height:255px; background:#eee; padding:15px; color:#333;}
.telBox h3				{font:13px/140% 'Gulim'; color:#000;}
.telBox p				{font:32px/32px 'Arial'; color:#262626; font-weight:500; margin:15px 0 15px; letter-spacing:-0.03em;}
.telBox .time			{font:12px/130% 'Gulim'; color:#444; padding:10px 0; text-align:center; background:#e0e0e0;}
.telBox .csNum			{background:#fff; padding:15px 8px; height:103px;}
.telBox .csNum li		{font:11px/150% 'Gulim'; padding-bottom:8px; color:#666;}
.telBox .csNum li span	{display:inline-block; width:16px; height:14px; border-radius:50%; background:#e0e0e0; color:#000; font-size:11px; text-align:center; padding:1px 0;}

/* main news */
#carousel 			{position:absolute;top:0;}

.eventBox					{float:left; position:relative; width:708px; height:230px; margin-top:15px;}
.eventBox .rolling01		{width:708px; height:230px; overflow:hidden; position:relative; }
.eventBox .items01			{width:2000em; position:absolute;}
.eventBox .items01 div		{width:708px; height:230px; float:left; position:relative; }
.eventBox .items01 div .eventInfo		{position:absolute; left:20px; height:230px;}
.eventBox .items01 div .eventInfo .tit1	{margin-top:30px; font-family:'Arial','Gulim'; font-weight:bold;}
.eventBox .items01 div .eventInfo .tit2	{margin-top:2px; font-family:'Arial','Gulim'; font-weight:bold;}
.eventBox .items01 div .eventInfo .eInfo{font-size:13px; color:#333; line-height:140%;}
.eventBox .items01 div .eventInfo .eBtn	{display:inline-block; background:#e0e0e0; padding:7px 12px; color:#000; font-size:12px; margin-top:20px;}
.eventBox .items01 div .eventImg {position:absolute; top:0px; right:10px; width:380px; height:230px;} 
.eventBox .control			{position:absolute; bottom:15px; right:15px;}
.eventBox .control a		{margin-left:-1px;}
.control01 .prev01			{position:absolute; bottom:15px; left:0px;}
.control01 .next01			{position:absolute; bottom:15px; right:0px;}

.brandBox					{float:right; width:226px; height:230px; margin-top:15px;}

h3.mTit						{font-size:13px; color:#000; padding-bottom:8px; font-weight:600;}
.mProArea					{margin-top:30px; padding-bottom:40px;}
.homeTeaser					{position:relative; float:left; width:226px; margin-right:15px;}
/*.homeTeaser .imgTxt			{position:absolute; left:15px; top:40px; font:15px/130% 'Gulim'; font-weight:600;}*/
.homeTeaser .btnArea		{margin-top:8px;}
.adFSK						{position:relative; float:left; width:225px;}
.adFSK .adFSK_box			{background:#eee url('/images/mImg_04.jpg') no-repeat 100px 20px; padding:15px; height:90px; }
.adFSK .adFSK_box .imgTxt	{width:100px; font:11px/160% 'Gulim'; color:#444;}
.adFSK .btnArea				{margin-top:12px;}

#back-to-top			{position:fixed; left:50%; top:740px; margin-left:500px; width:36px; height:36px;}


/* sub */
#contentsArea			{float:right; width:765px;}
.sVisual				{position:relative; height:240px;}
.sVisual .vSlogan		{position:absolute; right:0; bottom:0; width:285px; padding:10px; background:#fff; font-size:15px; color:#000s;}
.sVisual .vSlogan strong{display:block; font-size:26px; color:#00; font-family:'Arial','Gulim'; letter-spacing:-0.05em;}
.naviBox				{background:#eee; height:40px; margin-bottom:40px;}
.naviBox .print			{float:right; padding-right:5px; padding-top:8px;}
.conTitle				{border-bottom:1px solid #ccc; height:40px; line-height:160%; font-size:24px; color:#000; letter-spacing:-0.05em;}
.conBox					{position:relative; margin-bottom:50px; padding:50px 0 30px; font-size:12px;}

.naviBox .home			{float:left;}
.naviBox .home a		{display:inline-block; background:#0653ba; padding:0 15px; color:#fff; font-family:'Arial'; line-height:40px; height:40px; font-weight:600; font-size:12px;}
.depth1					{float:left; background:#e0e0e0; padding:0 15px; color:#333; line-height:40px; height:40px; font-size:12px;border-right:1px solid #ccc;}		
.depth2					{position:relative; float:left; overflow:visible; border-right:1px solid #ccc;}
.depth2 p				{border-right:1px solid #ddd; }
.depth2 p a				{display:block; color:#333; font-size:12px; line-height:40px; height:40px; padding:0px 15px; background:#e0e0e0; font-size:12px;}
.depth2 p a	img			{padding-left:8px; vertical-align:middle;}
.depth2 .list_d2		{display:none; position:absolute; top:40px; left:0px; z-index:2000; width:100%; padding:5px 0; background:#fff; border:1px solid #ededed;  }
.depth2 .list_d2 li		{line-height:140%; padding:0 0 3px 0; background:none !important; font-size:0.88em; text-indent:8px;}
.depth2 .list_d2 li a	{display:block; color:#666; font-size:12px;}

.slogan					{font-size:20px; font-weight:600; font-family:'Arial','Gulim'; letter-spacing:-0.05em; line-height:130%; color:#262626;}
.slogan2nd				{font-size:16px; font-weight:600; font-family:'Arial','Gulim'; letter-spacing:-0.05em; line-height:130%; color:#000;}
.txtBox					{font-size:12px; color:#000; line-height:140%; font-family:'Arial','Gulim';}
.headline				{font-size:16px; font-weight:600; line-height:130%;}
.btnBox					{margin-top:10px; text-align:right;}
.btnBoxL				{margin-top:10px; text-align:left;}

.ULlist li				{background:url('/images/bu_gray.gif') no-repeat 0 8px; padding-left:8px; padding-bottom:8px; color:#000; font:12px/130% 'Gulim';}					
.ULlistNone li			{padding-bottom:8px; color:#000; font:12px/130% 'Gulim';}					

.ULDepth				{margin-left:20px;}					
.ULDepth > li			{padding-bottom:5px; color:#666; font:12px/130% 'Gulim';}

.ULNum li				{padding-bottom:8px; font-size:12px; color:#000; line-height:130%}
.ULNum li span			{display:inline-block; width:16px; height:14px; border-radius:50%; background:#d1cdc2; color:#000; font-size:12px; text-align:center; padding:1px 0;}

.ULNum2					{list-style:decimal outside; margin-left:20px;}
.ULNum2 li				{padding-bottom:8px; font-size:12px; color:#000; line-height:130%}

.h4_bu					{font-size:16px; font-weight:600; color:#000; padding-bottom:10px; background:url('/images/bu_h4.gif') no-repeat 0 5px; padding-left:10px;}
.h4_num					{font-size:16px; font-weight:600; color:#000; padding-bottom:10px;}
.lineBox				{border:1px solid #ddd; padding:20px 0; }
.grayBox				{background:#f4f4f4; padding:20px; color:#000; font-size:12px; line-height:150%;}
.DLBox dt				{float:left; color:#91785b; font-size:12px; line-height:140%; padding-right:8px}
.DLBox dd				{font-size:12px; ; line-height:140%;}

.brandInfo				{background:#eee; padding:20px 25px; margin:0;}
.brandTxt				{font-size:30px; color:#252525; line-height:130%; letter-spacing:-0.07em; font-weight:600; padding-bottom:15px;}
.brandBot				{background:url('/images/bg_baand_bottom.gif') no-repeat 0 0; height:30px;}

.goodIntro				{table-layout:fixed;}
.goodIntro th			{vertical-align:top; padding-bottom:40px; text-align:left;}
.goodIntro td			{vertical-align:top; padding-bottom:40px; padding-left:15px;}

.goodSlogan				{float:left; width:400px; }
.goodImg				{float:right; width:315px;}

#tabmenu				{padding:0; list-style-type:none;}
#tabmenu:after			{display:block;visibility:hidden;clear:both;content:""}
#tabmenu li				{float:left;}
#tabmenu li a			{display:block; background:#bbb; padding:10px 0px; margin-right:1px; font-size:15px; font-family:'Gulim'; color:#444; text-decoration:none; text-indent:10px;}
#tabmenu li a.over		{}
#tabmenu li a.selected	{background: #0653B6; color:#fff; }
#tabmenu li.loy	a		{background:#92a2bd; color:#fff;}
#tabmenu li.loy	a.selected	{background:#758baf; color:#fff;}
#tabcontents			{clear:left; position:relative;}
#tabcontents .tabcontent{padding-top:50px; min-height:300px;}
.tab2 	{width:50%;}
.tab3 	{width:254px;}
.tab4 	{width:191px;}
.tab5 	{width:20%;}
.tab6 	{width:127px;}

.vsBox .vsCon			{width:305px; padding:20px 15px; border:1px solid #ddd; border-top:2px solid #91785b; background:#fafafa; box-shadow:0 3px 0 #ebebeb;}
.vsBox .vsCon h3		{font:16px/140% GulimBold; color:#91785b; border-bottom:1px solid #cbcbcb; padding:0px 0 10px; text-align:center;}
.vsBox p				{float:left; font:30px/150% 'GulimBold'; color:#666; font-weight:bold; padding-left:27px;}

.tblStyle				{table-layout:fixed; border-top:1px solid #4b85d2; background:#ddd;}
.tblStyle thead th		{background:#eee; padding:12px 0; font-weight:600; color:#000; font-size:13px;}
.tblStyle tbody th		{background:#f8f8f8; padding:15px; font-size:12px; color:#000; font-size:12px; font-weight:600; text-align:center; vertical-align:middle;}
.tblStyle tbody th.th2	{background:#eee;}
.tblStyle tbody td		{background:#fff; padding:15px; font-size:12px;}

.prmTbl					{table-layout:fixed;}				
.prmTbl	tbody th		{text-align:left; vertical-align:top; font:14px/140% 'Gulim'; color:#262626; padding:10px 5px; border-top:none important; font-weight:bold;}		
.prmTbl	tbody td		{text-align:left; vertical-align:top; font:14px/140% 'Gulim'; color:#262626; padding:10px 5px; border-top:none important;}				
.prmTbl	tbody td .list li{background:url('/images/bu_gray.gif') no-repeat 0 8px; padding-left:8px; padding-bottom:8px; color:#000; font:14px/140% 'Gulim';}

.historyBox	dt			{float:left; width:145px; border-top:3px solid #0653B6; text-align:center; font-size:25px; font-family:'Arial'; color:#0653B6;}
.historyBox	dd			{float:right; width:560px;}
.historyBox	dd li		{font-size:12px; line-height:150%;}
.historyBox	dd li strong{display:inline-block; width:45px; text-align:right; padding-right:18px; color:#000; font-family:'Arial';}

.stepBox				{}
.stepBox li				{float:left; width:130px; height:280px; margin:15px 20px;}
.stepBox li p			{width:120px; height:120px; margin:0 auto; border-radius:50%; border:1px solid #aaa38e;}
.stepBox li .stepTit	{height:45px; margin-top:20px; color:#000; font-size:15px; font-weight:600; text-align:center; letter-spacing:-0.05em;}
.stepBox li .stepExplan	{color:#666; font-size:12px; text-align:center; line-height:130%;}

.sitemapBox				{float:left; width:160px; margin:0 15px 30px 15px;}
.sitemapBox	p			{font-size:16px; font-weight:600; padding:15px 0; border-bottom:2px solid #666;}
.sitemapBox	> ul > li	{border-bottom:1px solid #ccc;}
.sitemapBox	> ul > li > a{display:block; padding:8px 0;}
.sitemapBox	> ul > li > ul		{background:#f0f0f0; padding-left:12px; border-top:1px solid #ddd;}
.sitemapBox	> ul > li > ul > li {background:url('/images/bu_gray.gif') no-repeat 0 12px; padding:5px 0 5px 8px;}



/* popup */
.pop-layer					{display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #aaa38e; z-index: 10;}
.pop-layer .popTit			{position:relative;background:#aaa38e; padding:15px 0 20px 10px; font:20px/20px 'GulimBold'; color:#fff; }
.pop-layer .pop-container	{padding:20px;}
a.cbtn						{position:absolute; right:5px; top:12px; display:inline-block; width:30px; height:30px;}




/* button */
.button			{display:block; font-size:13px; line-height:15px; overflow:hidden; padding:3px 10px 6px; color:#fff;
				background:#515151;
				background: -webkit-linear-gradient(#858585, #515151); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#858585, #515151); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#858585, #515151); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#858585, #515151); /* Standard syntax (must be last) */}
.button:hover	{background:#777;}


a.basic,
input[type='button'].basic,
button.basic	{display:inline-block; font-size:12px; color:#fff; padding:5px 15px 8px; border:none;
				background:#515151;
				background: -webkit-linear-gradient(#858585, #515151); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#858585, #515151); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#858585, #515151); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#858585, #515151); /* Standard syntax (must be last) */}
a.basic:hover,
button.basic:hover {background:#0653d6; color:#fff;}


a.grayBtn		{display:inline-block; font-size:12px; color:#fff; padding:5px 15px 8px; border:none;
				background:#515151;
				background: -webkit-linear-gradient(#858585, #515151); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#858585, #515151); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#858585, #515151); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#858585, #515151); /* Standard syntax (must be last) */}
a.grayBtn:hover,
button.grayBtn:hover {background:#0653d6; color:#fff;}


a.layerBtn,
button.layerBtn	{display:inline-block; font-size:12px; color:#fff; background:#666; padding:2px 20px 5px;}

a.blackBtn,
button.blackBtn	{display:inline-block; font-size:11px; color:#fff; background:#333; padding:2px 5px 5px; font-family:'Arial','Gulim'; border-radius:3px;}

a.btn_login		{position:absolute; left:495px; top:52px; display:inline-block; width:87px; height:75px; text-align:center; font:14px/130% Gulim; color:#FFF; font-weight:bold;
				background:#515151;
				background: -webkit-linear-gradient(#858585, #515151); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#858585, #515151); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#858585, #515151); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#858585, #515151); /* Standard syntax (must be last) */}
a.btn_login:hover {background:#0653d6; color:#fff;}


a.btn_login1	{display:inline-block; width:157px; height:36px; text-align:center; background:#0653B6; border:1px solid #775f44;font:15px/35px Gulim; color:#FFF; font-weight:bold;}

a.btn_loyalty	{width:240px; text-align:center; display:inline-block; font-size:16px; color:#fff; padding:12px 0 15px; border:none; font-family:'GulimBold';
				background:#515151;
				background: -webkit-linear-gradient(#858585, #515151); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#858585, #515151); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#858585, #515151); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#858585, #515151); /* Standard syntax (must be last) */}
a.btn_loyalty:hover {background:#0653d6; color:#fff;}


a.btnIcon24		{display:inline-block; width:24px; height:24px; text-align:center;
				background:#1c69d4;
				background: -webkit-linear-gradient(#0e96fc, #1c69d4); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#0e96fc, #1c69d4); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#0e96fc, #1c69d4); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#0e96fc, #1c69d4); /* Standard syntax (must be last) */}
a.btnIcon24:hover {background:#1C69D4;}

a.btnIcon18		{display:inline-block; width:18px; height:18px; text-align:center;
				background:#1c69d4;
				background: -webkit-linear-gradient(#0e96fc, #1c69d4); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#0e96fc, #1c69d4); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#0e96fc, #1c69d4); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#0e96fc, #1c69d4); /* Standard syntax (must be last) */}
a.btnIcon18:hover {background:#1C69D4;}



/* 2017 °³ÀÎÁ¤º¸ Ãë±Þ¹æħ Ãß°¡ CSS */
.note_txt {border:1px solid #ddd; background:#efefef; margin-top:10px; border-bottom:1px solid #333;}
.note_txt ul {padding:10px; line-height:150%;}
.note_txt li {margin-top:5px;}

.mgL8 {margin-left:8px;}