@charset "euc-kr";
@import "/common/css/layout.css";
@import "/common/css/news.css";
@import "/common/css/cscenter.css";
@import "/common/css/brandstory.css";
@import "/common/css/life.css";
@import "/common/css/partner.css";
@import "/common/css/company.css";
@import "/common/css/privateInfo.css";

@font-face{ 
	font-family:nGothic;
	font-style:normal;
	font-weight:normal;
	src: url('/font/NanumGothic.eot'); 
	src: local('¡Ø'),
		 url('/font/NanumGothic.woff') format('woff'), 
		 url('/font/NanumGothic.ttf') format('truetype');
}

@font-face{ 
	font-family:nGothicB;
	font-style:normal;
	font-weight:normal;
	src: url('/font/NanumGothicBold.eot');
	src: local('¡Ø'),
		 url('/font/NanumGothicBold.woff') format('woff'),
		 url('/font/NanumGothicBold.ttf') format('truetype');
}

@font-face{ 
	font-family:mGothic;
	font-style:normal;
	font-weight:normal;
	src: url('/font/MalgunGothic.eot'); 
	src: local('¡Ø'),
		 url('/font/MalgunGothic.woff') format('woff'), 
		 url('/font/MalgunGothic.ttf') format('truetype');
}

@font-face{ 
	font-family:mGothicB;
	font-style:normal;
	font-weight:normal;
	src: url('/font/MalgunGothicBold.eot');
	src: local('¡Ø'),
		 url('/font/MalgunGothicBold.woff') format('woff'),
		 url('/font/MalgunGothicBold.ttf') format('truetype');
}

*{margin: 0; padding: 0; font-family:nGothic; font-size:12px;}
body,html{margin: 0; padding: 0; background-color: #fff; text-align:center;}
body {position:relative;}
IMG {border:0;}

ul, li	{list-style:none;}

.FL {float:left;}
.FL > img {width: 222px;}
.FR {float:right;}
.CB {clear:both;}
.DB {display:block;}
.VM {vertical-align:middle !important; padding:0 !important; margin:0 !important;}
.CHKnone {border:none !important; margin:0 0 -2px 0;}
.CHKnone_fu {border:none !important; margin:0 0 -5px 0 !important; width:52px !important; height:20px !important;} /* for file upload */

.FR .cont {display: none;}
.FR .cont.on {display: block;}

/* select */
INPUT, SELECT, textarea {font-size:11px; font-family: tahoma,dotum;}

input.rdo, input.chk { width:14px;height:14px;padding:0;margin:0 2px 0 0;border:none; line-height:14px;vertical-align:middle;background:transparent;}

/* margin */

.MT5 {margin-top:5px;}
.MT10 {margin-top:10px;}
.MT15 {margin-top:15px;}
.MT20 {margin-top:20px;}
.MT25 {margin-top:25px;}
.MT30 {margin-top:30px;}
.MT35 {margin-top:35px;}
.MT40 {margin-top:40px;}
.MT45 {margin-top:45px;}
.MT50{margin-top:50px;}
.MB10{margin-bottom:10px;}
.MB15{margin-bottom:15px;}
.MB07{margin-bottom:7px; padding: 0 !important;}

.PL5 {padding-left:5px;}

/* misc */
.ipt_brd {border:1px solid #2c8c8;}
.pit_brd_t1 {color:#a09696;}
.ls0 {letter-spacing:0;}

/* pouup */
	div.popRoundBox {background:url('/images/company/pop_roundBox_bgTop.gif') no-repeat left top; padding-top:4px;margin-top:29px; }/*width:478 Round Box*/
	div.popRoundBoxBot{background:url('/images/company/pop_roundBox_bgBot.gif') no-repeat left bottom;padding-left:4px;padding-right:4px;padding-bottom:4px;}/*width:478 Round Box*/
		div.popRoundBox div.popRoundBoxBot table th {height:25px; width:97px;background:#f9f8f8;border:1px solid #ffffff;padding-left:7px;}
		div.popRoundBox div.popRoundBoxBot table td input.text {border:1px solid #d2c8c8; height:14px;padding:2px 0 0 2px}
		div.popRoundBox div.popRoundBoxBot table td {padding-left:10px;}
		div.popRoundBox div.popRoundBoxBot table tr.name td input{background:url('/images/company/name_bg.gif') no-repeat 0 0 }
		div.popRoundBox div.popRoundBoxBot table tr.idNum td input{background:url('/images/company/idNum_bg.gif') no-repeat 0 0 }
	div.btn_center {padding-top:15px; text-align:center;}

/* test */


/* Áö¿ª»çȸ ¹× ȯ°æÈ°µ¿*/
		div.pageText {padding-bottom:37px;}
		div.textInfo {padding-bottom:25px;}
		ul.policy {padding-left:195px;background:url('/images/company/communityTab01_visual.gif') no-repeat left top;list-style:none;}
		ul.policy li {margin-bottom:30px;}

		ul.activeStory { font-size:11px; font-family:tahoma; padding:20px 0; padding-left:30px; background:url('/images/company/communityTab02_listBg.gif') no-repeat left top;list-style:none;margin-bottom:10px;}
		ul.activeStory li {margin-bottom:8px;line-height:1%; font-size:1%}
		ul.activeStory li img{display:block}
		div.RoundBoxContentsTop {width:560px; background:url('/images/company/RoundboxBg_top.gif') no-repeat left 0; padding-top:29px;}
		div.RoundBoxContentsBot { /*background:url('/images/company/RoundboxBg_bot.gif') no-repeat left 100%;*/padding:0 25px 20px 25px;position:relative;
			border-right: 1px solid rgb(237, 233, 233); border-left: 1px solid rgb(237, 233, 233); border-bottom: 1px solid rgb(237, 233, 233);
			border-radius: 5px;}

		div.activeStory h4 {  font-size:11px; font-family:mGothic; height:30px;color:#cc0000;}
		div.activeStory p {  font-size:11px; font-family:mGothic;text-align:justify;PADDING-BOTTOM:30PX;}
		div.activeStory dl dt {  font-size:11px; font-family:tahoma;font-weight:bold;height:23px;}
		div.activeStory dl dd {  font-size:11px; font-family:tahoma; padding-bottom:20px;text-align:justify}
		div.activeStory dl dd.campain {background:url('/images/company/tab02_img03.gif') no-repeat left top;padding-left:150px;}
		div.activeStory dl dd.wanted  {background:url('/images/company/tab02_img04.gif') no-repeat left top;padding-left:150px} 
		div.activeStory dl dd.wanted span {letter-spacing:-1px;font-size:10px; font-family:verdana;}
		div.activeStory dl dd.img {text-align:center;}

/*  °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
	div.security_txt	{ margin-bottom:20px;background:url('/images/util/security_visual.gif') no-repeat right top; }
	ul.securityList {height:110px;background:url('/images/util/security_listBox.gif') no-repeat left top;padding:16px 0 0 15px;list-style:none;margin-bottom:35px; }
	ul.securityList li {float:left; font-size:1%; line-height:1%;width:233px;margin-bottom:10px;}
	div.security h4{height:30px;color:#cc0000; font-weight:bold}
	div.security p {padding-bottom:20px; line-height:1.6;font-size:12px !important;text-align:justify; }
	div.security dl dt {padding-bottom:3px; line-height:1.6;font-size:12px !important; }
	div.security dl dt.single {padding-bottom:20px; line-height:1.6;font-size:12px !important;text-align:justify; }
	div.security dl dd {padding-bottom:20px; line-height:1.6;font-size:12px !important;text-align:justify; }
	div.security dl dd.pb0	{ padding-bottom:0px !important; }
	div.security ul {list-style:none;padding-bottom:20px;font-size:12px !important; }
	div.security ul li{ line-height:1.6;font-size:12px !important;text-align:justify; }
	div.security .alt {font-weight:bold; }
	div.security a	{ text-decoration:none;font-size:12px !important;color:#000; }
	div.security table	{ margin-bottom:20px;table-layout:fixed; }
	div.security table th	{ height:30px;font-size:12px;text-align:center;border:1px solid #666 }
	div.security table td	{ padding:10px;font-size:12px !important;text-align:center;border:1px solid #666 }
	.lts {letter-spacing:0px !important;}

/********** 02_ºê·£µå ½ºÅ丮 **********/
.cf_tab	{margin-bottom:25px;}
.cf_tab li	{display:inline-block; list-style:none; vertical-align:bottom;}

/* CF */
span#date, span#pro {font-weight:normal !important;}

.cf_title	{float:left; margin-top:10px;}
.cf_info	{width:240px; margin:25px 0 0 20px; color:#a09696; font-family:dotum; font-size:11px;}
	.cf_info th {}
	.cf_info th img {}
	.cf_info td	{height:18px; font-size:11px; font-weight:normal;}
	.cf_info td.kr	{padding-top:3px;}
.cf_info_title{color:#3c3232;}
.cf_view	{float:left; width:280px; margin-left:15px; border:1px solid #dd9898; padding:10px; border-radius:10px;}
	.cf_view_middle{background: #000 url("/images/story/view_bg_middle.gif") repeat-y; padding-left:10px; height: 202px;}
	.cf_view_bottom{background:url("/images/story/view_bg_bottom.gif") no-repeat bottom left; height:27px; padding-bottom:5px;}
	.cf_view_bottom .control{float:left; display:inline; padding:0 0 0 19px; width:190px; height:20px;}
	.cf_view_bottom .control .play_button{margin-top:10px; vertical-align:top;}
	.cf_view_bottom .control .pause_button{margin:10px 0 0 6px; vertical-align:top;}
	.cf_view_bottom .control .stop_button{margin:10px 0 0 6px; vertical-align:top;}
	.cf_view_bottom .control2{float:right; display:inline; padding:0 0 0 19px; margin:-15px 10px 0 0;}
	.cf_view_bottom .control2 img{margin-left:2px;}

.ad_view{width:560px; clear:both; font-size:11pt; height:373px; margin-top:25px;}
.main_view{width:560px; clear:both; font-size:11pt; margin-top:25px; overflow:hidden;}

.ld_title{float:left; margin-top:55px;}
.ld_view{float:left; width:280px; margin-left:47px;}

.view_top{background:url("/images/story/view_bg_top.gif") no-repeat; height:10px; overflow:hidden;}
.view_middle{background:url("/images/story/view_bg_middle.gif") repeat-y; padding:0 0 7px 10px; text-align:center;}
.view_middle IMG {marign:0 auto; margin-left:-10px;}
.view_bottom{background:url("/images/story/view_bg_bottom.gif") no-repeat bottom left; height:35px;}

.pic_title{float:left; background:url('/images/story/bullet_red.gif') no-repeat 15px 5px; display:inline; padding:0 0 0 27px; color:#cc0000; width:175px !important; margin:3px 0 10px 0; font-family:tahoma !important; font-size:11px !important;}
.pic_title_kr {float:left; background:url('/images/story/bullet_red.gif') no-repeat 15px 3px; display:inline; padding:0 0 0 27px; color:#cc0000; width:175px !important; margin:3px 0 10px 0;  font-family:dotum;}
.zoom_button{float:right; margin-right:12px;}

/* CF < ÄÚÄ«ÄÝ¶ó °¶·¯¸® < Á¦Ç°Á¤º¸ */
.pic_list	{color:#645a5a; margin-top:35px; clear:both; height:115px;}
.pic_list dl	{margin:0; padding:0; float:left; width:85px; margin:0 10px 10px 0; font-family:dotum; font-size:11px;line-height: 16px;}
.pic_list dl dd {width:85px; height:60px;}
.pic_list dl dt {overflow: hidden;word-break: break-all; padding: 3px 0 0 3px;font-size: 12px;}
.pic_list .pic_list_last	{margin-right:0;}



/********** 04_´º½º&À̺¥Æ® **********/
/* °Ô½ÃÆÇ */
table {border:none; border-collapse:collapse;}
table td {font-size:12px !important;}
table caption {display:none;}

.Blist_bg {background:url('/images/common/board/th_bg.gif') no-repeat top; text-align:center;}

.brd_end {height:1px; overflow:hidden; background:#ebc0c0; margin-top:-1px;}

/* board list style_1 */
.Blist {width:550px; margin:0 auto;table-layout:fixed;}
	.Blist thead th {height:23px; vertical-align:top; padding-top:4px;}
	.Blist thead th img { vertical-align:middle;}
	.Blist thead th.left {text-align:left; padding-left:20px;}
	.Blist tbody td {height:22px; text-align:center; font-size:11px !important; color:#a09696; border-bottom:1px solid #f1eeee; font-family:dotum tahoma;}
	.Blist tbody td.end {height:22px; text-align:center; font-size:11px !important; color:#a09696; border-bottom:0px solid #f1eeee; font-family:dotum tahoma;}
	.Blist tbody th.end {height:22px; text-align:center; font-size:11px !important; color:#a09696; border-bottom:0px solid #f1eeee; font-family:dotum tahoma;}
	.Blist tbody td.title { font-size:11px; text-align:left; padding-left:13px; color:#3c3232; font-size:11px !important; font-family:dotum tahoma;}
	.Blist tbody td.title A { font-size:11px; color:#3c3232; text-decoration:none; font-family:dotum tahoma;}
	.Blist tbody td.title A:hover { font-size:11px; color:#574848; text-decoration:underline; font-family:dotum tahoma;}
	.Blist tbody td.date { font-size:11px; color:#cc0000; font-family:tahoma;}
	.Blist tbody td.txt { font-size:11px;  text-align:left; color:#3c3232; font-family:dotum tahoma;}
	.Blist tbody td.txtc { font-size:11px;  text-align:center; color:#3c3232; font-family:dotum tahoma;}

/* view */
.Blist tbody td.title_view {font-weight:bold; text-align:left; padding-left:10px; color:#3c3232; font-size:11px !important; font-family:dotum tahoma;}
.Blist tbody td.cts_view {text-align:left; color:#3c3232; padding:20px; font-size:11px !important; font-family:dotum tahoma;}
.Blist tbody td.cts_view img {max-width:100%;}
.Blist tbody td.cts_view_event {padding:20px 15px; font-family:dotum tahoma;}
.Blist tbody td.cts_view_event div {text-align:left; font-family:dotum tahoma;}
.Blist tbody td.cts_view_event div p {text-align:left; font-family:dotum tahoma;}
.Blist tbody td.cts_view_event img {max-width:100%;}
.Blist tbody tr.view_paging td {border-bottom:none;  color:#a09696 !important; font-family:dotum tahoma;}
.Blist tbody tr.view_paging td.title {padding-left:10px; font-size:11px !important; color:#a09696 !important; font-family:dotum tahoma;}
.Blist tbody tr.view_paging td.title a { color:#a09696 !important; text-decoration:none; font-family:dotum tahoma;}
.Blist tbody tr.view_paging td.title a:hover { color:#a09696 !important; text-decoration:underline; font-family:dotum tahoma;}

/* paging */
.paging_frame_s1 {position:relative; text-align:left;}
.paging_frame_s1 span {position:absolute; left:0; text-align:left; left:13px; top:10px; background:url('/images/common/board/paging_bul.gif') no-repeat 0 4px; padding-left:30px; color:#a09696; font-size:11px !important;} /* page number */
.paging_frame_s2 {position:relative; text-align:center; padding:10px 0 15px 0;}
.paging_frame_s2 ul {list-style:none; margin:0; padding:0; font-size:0;}
.paging_frame_s2 li {display:inline; padding:0 4px; font-weight:bold; color:#cc0000; font-size:11px !important; font-family:dotum tahoma; line-height:8px;}
.paging_frame_s2 li img {border:0;}
.paging_frame_s2 li a {font-weight:normal; color:#645a5a; text-decoration:none; font-size:11px !important; font-family:dotum tahoma;}
.paging_frame_s2 li a:hover {font-weight:normal; color:#645a5a; text-decoration:underline;}
.paging_frame_s2 li.prev {padding-right:14px;}
.paging_frame_s2 li.next {padding-left:14px;}

/* search */
.search_guide {text-align:center;}
.search_guide span {margin:0 auto;}
.search_guide span input.ipt {height:17px; font-size:11px !important; font-family:dotum tahoma;vertical-align:middle;}
.search_guide span input[type=image]	{vertical-align:top;}

/* input style */
.ipt_border {border:1px solid #d2c8c8; font-size:small; }

/* button frame */
.button_frame_t1 {text-align:center; padding-top:10px;} /* width 100% */
.button_frame_t2 {width:460px; text-align:center; padding-top:10px;} /* width 460px */

/* event */
.Event_bg {clear:both; background:url('/images/common/board/event_topbg.gif') no-repeat left top; border-bottom:1px solid #ebc0c0; padding:13px 0 -1px 0;}
.Event_bg div.Event_end {height:1px; overflow:hidden; background:#fff; background-image:none !important; margin-top:-1px; }

/* event_list */
.Elist {width:100%;}
.Elist tbody th {width:170px; padding:10px 0; border-bottom:1px solid #f1eeee;}
.Elist tbody th img {width:150px; height:75px;}
.Elist tbody th.nolist {width:100%; height:80px;}
.Elist tbody td {padding:15px 0 15px 10px; border-bottom:1px solid #f1eeee; vertical-align:top;}
.Elist tbody td p.title {font-weight:bold; color:#3c3232;}
.Elist tbody td p.title a {text-decoration:none; color:#3c3232;}
.Elist tbody td p.title a:hover {text-decoration:none;}
.Elist tbody td p.date {font-size:11px !important; color:#dc4b4b; background:url('/images/common/board/ico_now.gif') no-repeat 0 2px; padding-left:30px; margin:8px 0 0 0; font-family:dotum tahoma;}
.Elist tbody td p.date_end {font-size:11px !important; color:#a09696; background:url('/images/common/board/ico_end.gif') no-repeat 0 2px; padding-left:30px; margin:8px 0 0 0; font-family:dotum tahoma;}
.Elist tbody td p.info {color:#645a5a; margin:6px 0 0 0;}
.Elist tbody td p.info a {text-decoration:none; color:#645a5a;}
.Elist tbody td p.info a:hover {text-decoration:underline;}
.Elist tbody td p.more {margin-top:3px;}

.border_end { border:0px;}
div.searchSel { margin:0 0 10px 0px; text-align:right;}
.tb {font-weight:bold;}
.cokeDanceCover {position:absolute; right:50%; bottom:100px; margin-right:-420px; padding: 10px 10px 10px 20px; background:#fff;}
.cokeDanceCover > p {transition:all 0.5s 0.2s;}
.cokeDanceCover > p:nth-of-type(2) {display:none;}
.cokeDanceCover:hover > p:nth-of-type(1) {display:none;}
.cokeDanceCover:hover > p:nth-of-type(2) {display:block;}

/* ÁÙÀÚ¸£±â  */
.ell {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ellLine1 {display:block; display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.ellLine2 {display:block; display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ellLine3 {display:block; display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}


/*°³ÀÎÁ¤º¸ ó¸® ¹æħ Æ˾÷*/
#popupWrap h1 {height:auto !important; padding-bottom:10px;}