@charset "UTF-8";

/* 지원, 신상정보 등 작성 */
.apply {overflow:hidden;position:relative;zoom:1}
.tbl_type1{display:inline-block;overflow:hidden;width:100%;border-top:2px solid #8a8a8a; margin-bottom:30px;}
.tbl_type1 tbody th { width:100px; text-align:left; font-weight:normal; color:#000; font-size:0.92em}
.tbl_type1 table,.tbl_type1 table th,.tbl_type1 table td{border:0}
.tbl_type1 table th,.tbl_type1 table td{border-top:1px solid #e4e4e4}
.tbl_type1 table{width:100%;margin-top:-1px;border-bottom:1px solid #c6c6c6}
.tbl_type1 table th{padding:10px 0 9px 15px;background:#f9f9f9}
.tbl_type1 table td{padding-left:20px; padding-top:7px;padding-bottom:7px}
.tbl_type1 table td select{font-size:0.92em}
.tbl_type1 .vam{display:inline-block;margin-top:2px;color:#999;line-height:15px;vertical-align:top}

.tbl_type2{display:inline-block;position:relative;width:100%;border-bottom:1px solid #c6c6c6; _overflow:hidden;}
.tbl_type2 table,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2 table{margin:0 0 -1px -1px;border-top:2px solid #8a8a8a;font-size:0.92em;line-height:15px; width:100%;}
.tbl_type2 thead th{padding:7px 0 7px 15px ; text-align:left; font-weight:normal;border-bottom:1px solid #919191;border-left:1px solid #e4e4e4;background:#f9f9f9;color:#000;line-height:17px}
.tbl_type2 tbody td{padding:6px 10px;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:center}
.tbl_type2 tbody td.del{padding:0 6px}
.tbl_type2 tbody td.del button{width:19px;height:20px;border:0;background:none;cursor:pointer;_cursor:hand}
.tbl_type2 tbody td.del button:active img{margin:1px -1px -1px 1px}
.tbl_type2 .same{position:absolute;top:0;right:0;font-size:0.92em}
.tbl_type2 .same .input_chk{vertical-align:middle}
.tbl_type2_v1{width:810px;overflow-x:scroll}
.tbl_type2_v2 thead th{padding-left:0;text-align:center}
.tbl_type2_v2 tbody td{padding:5px}

fieldset.textarea {position:relative; margin-bottom:10px}
fieldset.textarea .char{position:absolute;top:9px;right:10px;color:#444547}
fieldset .guide{display:block;padding:9px 10px;border-top:2px solid #8a8a8a;border-bottom:1px solid #919191;background:#f9f9f9;font-size:0.92em;color:#000}
fieldset.textarea textarea{overflow-y:scroll;*margin:-1px 0;border:1px solid;border-color:#cbcbcb #e4e4e4 #e4e4e4 #cbcbcb;background:#f7f7f7;font-size:0.92em;line-height:18px;resize:none}
fieldset .guide{width:720px;padding:5px;} /* 730px 기준 사이즈 조절필요 */
fieldset.textarea textarea{width:729px;height:153px;}/* 730px - 1px(*margin:-1px 0;) 사이즈 조절필요 */
fieldset.portfolio{display:inline-block;padding-bottom:13px;border-bottom:1px solid #a4a4a4}
fieldset.portfolio .filezone {margin:0.92em 0 0 10px}
fieldset.portfolio .note{margin:6px 0 0 0.92em;padding-left:7px;background:url(../images/common/bulletList4.gif) no-repeat 0 5px;color:#999;line-height:15px}

.desc{padding:8px 0 1px 2px;border-bottom:0; position:relative;}
.desc li{margin-bottom:3px;padding-left:9px;background:url(../images/common/bulletList4.gif) no-repeat 0 8px;color:#999;line-height:17px}

/* 체험단  */
.boardList tr td.img { padding:15px; width:220px; height:100px; border-top:1px solid #eee; }
.boardList td.img img { border:1px solid #c7c7c7 !important; width:220px; height:96px;  }
.boardList td.dl { vertical-align:top;}/* img type data */
.boardList tr td.img {vertical-align:top  }
.imgType dt { font-size:1.17em; font-weight:bold; border-bottom:1px dotted #afafaf; padding:0 0 3px 0; position:relative; overflow:hidden; color:#2f76b8}
.imgType dt a {color:#2f76b8 !important;}

.event tr td.img { padding:15px;height:106px; border-top:1px solid #eee; width:142px;  }
.event td.img img { border:1px solid #c7c7c7 !important; width:140px; height:108px;  }
.event td.dl { vertical-align:top; height:81px; width:537px;}/* img type data */


/* read */
.boardReadHeader .imgList{ clear:both; position:relative;padding:0; margin-top:10px }
.boardReadHeader .imgList table {width:100%; table-layout:fixed; border-collapse:collapse; border-bottom:1px solid #CCC; }
table.bbnone {border-bottom:none;}
.boardReadHeader .imgList th,
.boardReadHeader .imgList td { vertical-align:top;}
.boardReadHeader .imgList th { width:180px; background:url(/_Bbs/images/imgBlank2.gif) no-repeat center top }
.boardReadHeader .imgList th img {width:142px; height:148px; border:1px solid #CCC}
.boardReadHeader .imgList ul{position:relative; margin-bottom:20px; margin-left:20px }
.boardReadHeader .imgList li{position:relative; border-bottom:1px dotted #CCC;padding:3px 0 3px 10px;background:url(../images/common/bulletList5.gif) no-repeat 0 8px !important;}
.boardReadHeader .imgList li.end { display:block; border-bottom:none;}
.boardReadHeader .imgList li strong { color:#2f76b8; width:60px; display:inline-block;}
.boardReadHeader .imgList li.end strong { clear:both;}
.boardReadHeader .imgList li.end p.cont{ margin:10px 0; }

.boardReadBody .imgView{clear:both;	width:690px; height:120px;}
.boardReadBody .imgView li{ float:left; display:block; padding:0;}
.boardReadBody .imgView li.imgpad20 {padding-right:20px; vertical-align:middle;}

.boarTableBody { clear:both; display:block; position:relative; margin-top:10px; background-color:#f6f7f8; border-top:1px solid #7c7c7c}
.boarTableBody .infoTitle { font-weight:bold; padding:5px; background-color:#fff; text-align:center; color:#004ea3; border-bottom:1px solid #cccccc }
.boarTableBody .infoTxt { line-height:1.7em;padding:15px 10px; }

.boarTableBody table{width:100%;border:0}
.boarTableBody table th {border:0; color:#666; line-height:1.2em; padding:5px 0;}
.boarTableBody table tbody td{padding:5px 0; background-color:#fff; text-align:center;}
.boarTableBody table tbody td.todd{padding:10px 0 10px 20px; background-color:#fff; text-align:left; line-height:1.2em; }


/* mv gallery 홍보영상갤러리_20120328 */
#mvGalleryWarp {position:relative}
#mvGalleryWarp:after{content:"";clear:both;	display:block;}
#mvGalleryWarp .headZone { position:relative; height:435px; margin-bottom:20px; background:#000 url(/_Bbs/images/mvBg.gif) no-repeat right top ;padding:15px 0 0 15px }
#mvGalleryWarp .headZone .mv { position:relative; width:600px; height:435px; } 
#mvGalleryWarp .headZone .mv dt { width:500px; height:300px;} /* 600*400  */
#mvGalleryWarp .headZone .mv dd.date { position:absolute; right:5px; bottom:10px; color:#e76776; font-size:12px}
#mvGalleryWarp .headZone .mv dd.title {position:absolute; left:0;  bottom:10px;color:#fff}

#mvGalleryWarp .listZone { position:relative; border-bottom:2px solid #898989; width:100%; overflow:hidden;}
#mvGalleryWarp .listZone dl.list { position:relative; border:1px solid #d9d9d9; padding:15px; margin-bottom:25px; height:155px; background:url(/_Bbs/images/mvGalleryBg.gif) repeat-y 235px 0}
#mvGalleryWarp .listZone dl.list dt { position:relative; float:left; width:204px; margin-right:40px}
#mvGalleryWarp .listZone dl.list dt span.mask { display:block; position:absolute; left:0; top:0; width:204px; height:155px; background:url(/_Bbs/images/mvGallery_on.png) no-repeat 0 0; _background:url(/_Bbs/images/mvGallery_on.gif) no-repeat 0 0; z-index:100}
#mvGalleryWarp .listZone dl.list dt img { width:190px; height:130px; padding:7px}
#mvGalleryWarp .listZone dl.list dd { position:relative; float: left; width:420px}
#mvGalleryWarp .listZone dl.list dd.title { padding-left:25px;width:395px; border-bottom:1px dotted #c8c8c8; color:#5d9bd1; font-size:15px; font-weight:bold; line-height:25px; padding-bottom:5px;background:url(/_Bbs/images/icon/ic_films.gif) no-repeat 0 5px; }
#mvGalleryWarp .listZone dl.list dd.data { font-size:0.92em; color:#b9b9b9;}
#mvGalleryWarp .listZone dl.list dd.data strong { color:#8b8b8b;}
#mvGalleryWarp .listZone dl.list dd.data ul{ position:relative; width:100%; display:block; background:#fff; border-bottom:1px solid #e5e5e5; padding:5px 0; }
#mvGalleryWarp .listZone dl.list dd.data li{display:inline; margin:0 10px 0 0; padding:2px 0 2px 10px; background:url(/_Bbs/images/bullet_nemo.gif) no-repeat 0 50%}
#mvGalleryWarp .listZone dl.list dd.cont { padding:5px 0 0 10px; margin-top:5px; width:410px; height:90px; overflow:auto; overflow-x:hidden }
#mvGalleryWarp .listZone dl.list dd.cont img { display:none; }


/* img Gallery 포토갤러리 */
.imgGalleryWarp {position:relative}
.imgGalleryWarp:after{content:"";clear:both;	display:block;}

/* thumbnail 리스트페이지 내 최근 글 */
.thumbnail { position:relative; border:1px solid #d9d9d9; margin-bottom:20px; position:15px; height:140px;} /* img size 160*110 */
.thumbnail dt { display:block;  margin: 20px 15px 10px 200px;  }
.thumbnail dt a {color:#488dc6; font-weight:bold;font-size:15px;}
.thumbnail dd.img { position:absolute; top:15px; left:15px; border:0;}
.thumbnail dd.img img { width:160px; height:110px;}
.thumbnail dd.content, .thumbnail dd.data { margin: 0 15px 10px 200px;}
.thumbnail dd.data li { float:left; margin-right:10px; padding:0 5px 0 0; font:0.92em Tahoma, Geneva, sans-serif; background:url(/_Bbs/images/board_emLine.gif) no-repeat right 50%; color:#333333}
.thumbnail dd.data li.end { background:none}
.thumbnail dd.data em { color:#999; font-style:normal; font-size:0.92em; padding-right:5px;}

/* pastVideo */
.pastVideo { clear:both; position:relative; overflow:hidden; border-bottom:2px solid #e7e8e9; border-top:2px solid #e7e8e9;}
.pastVideo ul { position:relative; padding-top:10px }
.pastVideo li { float:left; width:155px; margin:0 12px;_margin:0 12px 0 9px; position:relative;}
.pastVideo li div { display:block; height:40px; padding-top:107px; }
.pastVideo li a img { position:absolute; left:0; top:2px; width:155px; height:100px; margin-bottom:5px; }
.pastVideo li a:hover img, 
.pastVideo li a:active img, 
.pastVideo li a:focus img{ left:-2px; top:0; border:2px solid #dd70ac; }
.pastVideo li span { display:block; }
.pastVideo li span.txt {}
.pastVideo li span.date { color:#a2a2a2; font-family:Tahoma, Geneva, sans-serif; font-size:11px; }
.pastVideo li span.btn { position:absolute; left:0; top:80px; width:130px; padding-left:25px; height:22px; background:#000 url(/_Bbs/images/icon/ico_movie_w.gif) no-repeat 6px 4px; line-height:22px; font-weight:bold; color:#ff9600; font-size:11px;opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
.pastVideo li span.btn{ opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */ }
.pastVideo .nodata { width:300px; height:30px; }

.video { position:relative; margin:0 }
.video_title { background:url(/images/bulletTitle.gif) no-repeat 0 20px; height:35px; margin-bottom:15px; padding:15px 0 0 15px;}
.video_date { position:absolute; right:0px;_right:20px; top:20px; font-weight:bold}
.video_img { float:left; width:280px;}
.video_img img { width:100%; margin-bottom:10px}
.video_img a {}
.video_txt { float:right; width:305px; height:180px; border:1px solid #ddd; padding:15px; overflow:scroll;overflow-x:hidden; line-height:1.6}
.video_txt strong { color:#444}
.video_txt p.info { border-bottom:1px solid #ddd; padding:0 0 5px 10px; margin-bottom:10px; color:#2c3b99; background:url(/images/bulletList4.gif) no-repeat 0 7px }
.video_txt p.info strong { color:#2c3b99}

/* store 매장 찾기  */
.mapArea{position: relative; height: 365px; background:#fff url(/images/04_online/fla_map.gif) no-repeat 0 0; margin-bottom:20px }
.mapArea .mapInp{ position: absolute; left: 407px; top: 189px}
.mapInp .inpDiv{ float: left; width: 205px }
.mapInp .inpDiv input{ margin-top: 10px }
.mapInp .btn{ float: left }
/* 매장 찾기 */
.mapBtnWrap{ position: relative }
.mapList{ line-height: 0; font-size: 0; position: absolute; z-index: 1 }
.mapList li{ position: absolute; left: 0; top: 0; display: inline-block; zoom: 1; *display: inline }
.mapList li.img_01{ left: 91px; top: 50px; z-index: 2 }
.mapList li.img_02{ left: 110px; top: 87px; z-index: 10 }
.mapList li.img_03{ left: 70px; top: 79px; z-index: 9 }
.mapList li.img_04{ left: 76px; top: 126px; z-index: 8 }
.mapList li.img_05{ left: 135px; top: 115px; z-index: 8 }
.mapList li.img_06{ left: 162px; top: 93px; z-index: 7 }
.mapList li.img_07{ left: 91px; top: 183px; z-index: 6 }
.mapList li.img_08{ left: 151px; top: 194px; z-index: 6 }
.mapList li.img_09{ left: 222px; top: 209px; z-index: 10 }
.mapList li.img_10{ left: 60px; top: 226px; z-index: 4 }
.mapList li.img_11{ left: 189px; top: 191px; z-index: 14 }
.mapList li.img_12{ left: 133px; top: 162px; z-index: 14 }
.mapList li.img_13{ left: 211px; top: 230px; z-index: 14 }
.mapList li.img_14{ left: 102px; top: 239px; z-index: 14 }
.mapList li.img_15{ left: 113px; top: 21px; z-index: 1 }
.mapList li.img_16{ left: 83px; top: 321px; z-index: 1 }
/* 매장 보기 */
.storeImgView { position:relative; width:880px;}
.storeImgView .ImgView { float:left; width:650px; height:400px; background:#ededed url(/images/04_info/storeImgView_bg.jpg) no-repeat 0 0; margin:0; padding:1px; margin-bottom:20px}
.storeImgView .imgList { position:absolute; right:0; top:-6px; width:180px; margin:0; padding:0}
.storeImgView .imgList li { float:left;margin:6px 0 10px 0 ; padding:1px;width:180px; height:120px; background:#ededed!important}
.storeImgView .imgList li img {opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}
.storeImgView table { clear:both; }
/* 레시피 리스트  */
.recipe-list {border-top:1px solid #016fbe; border-bottom:1px solid #016fbe;}
.recipe-list li {overflow:hidden; width:100%; padding:20px 0; border-top:1px dotted #016fbe;}
.recipe-list li:first-child {border-top:none;}
.recipe-list li > * {display:inline-block; float:left; vertical-align:middle;}
.recipe-list .image {position:relative; width:110px; height:128px; overflow:hidden; margin-right:16px;}
.recipe-list .image img {width:100%; height:100%;}
.recipe-list .image i {position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:3; width:40px; height:40px; background:url('/_Bbs/images/icon/play.icon.png') 0 0 no-repeat; font:0/0 a;}
.recipe-list .content {width:559px;}
.recipe-list .content .desc {margin:0 0 2px 1px; padding:0 }
.recipe-list .content .title {color:#222; font-size:1.5em; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:7px;}
.recipe-list .content .conts {max-height:40px; margin:0 0 10px 1px;}
.recipe-list .content .info {margin-left:2px;}
.recipe-list .content .info .item ~ .item {margin-left:13px;}
.recipe-list .content .info i {display:inline-block; font:0/0 a; width:1px; height:8px; background-color:#ccc; vertical-align:middle; margin:0 4px;}
.recipe-list .content .info .item-time {display:inline-block; line-height:16px; padding-left:17px; background:url('/_Bbs/images/icon/dot.png') -10px 2px no-repeat;}


/* .event_list */
.event_list { position:relative; width:1125px; margin-left:-25px}
.event_list li { float:left; position:relative; background-color:#fff; width:350px; height:480px; margin:0 0 50px 25px; overflow:hidden}
.event_list li a { text-decoration:none;}
.event_list li a .line { display:none; position:absolute; left:0px; top:0px; width:348px; height:478px; content:""; border: 1px solid #df0528; z-index:10}
.event_list li a:hover .line { display:block; }
.event_list li .img {position:relative; width:350px; height:350px; overflow:hidden;}
.event_list li .img .state { visibility:hidden}
.event_list li.end a .line  { background-color:rgba(0,0,0,.4); display:block; border: 1px solid rgba(228,29,54,0);  }
.event_list li a:hover .line { display:block;border: 1px solid #df0528;  }
.event_list li.end .img .state  {position:absolute; left:0; top:0px; z-index:30; font-size:14px; background-color:rgba(0,0,0,.8); color:#fff; padding:0 15px ; line-height:35px; visibility:visible}
.event_list li .con { padding:20px; }
.event_list li .con p {line-height:1.6; width:310px ; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.event_list li .con .ttl { font-size:17px; font-weight:bold}
.event_list li .con .date { color:#f4811f; letter-spacing:0; margin:5px 0 10px;font-family: 'Roboto'}
.event_list li .con .txt { color:#666; }

.inquiryPrv {  margin-bottom: 15px; line-height: 19px;}
.inquiryPrv h4 {margin-bottom: 15px; margin-top:30px}
.inquiryPrv .inquiryPrvCon {padding: 15px 20px;  border: 1px solid #cccccc;}
.inquiryPrv .inquiryPrvAgree {margin-top: 10px; text-align:right}