@charset "utf-8";

.contentSec{position:relative;margin-top:25px;padding-top:19px;color:#fff;background: url(../images/bg/bgHeader.png) repeat-x left top;}

/* 컴포넌트 */
/*input style*/
input.inpTxt, input.inpFile { padding:5px 1px 4px;margin:0; border:1px solid #565656; background:#000; /*border-radius:3px; box-shadow:inset 0 0 2px #d1d1d1;*/}
    .inpTxt.full {width: 96%;padding: 5px 2% 4px;}
input.inpFile { margin:0 3px 0 0; }
textarea.txtArea {padding:5px 1px 4px;margin:0; border:1px solid #565656; background:#000;}
select.txtSel { height:25px; }
label input[type=checkbox],label input[type=radio] {margin: 0 3px 0 0;/*position: relative;top: -1px;*/}
.iptHidden{position: absolute;right: 0;top: 0;width: 60px;height: 25px;padding: 0;margin: 0;z-index: 2;font-size: 1em;cursor: pointer;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;}
.ie .iptHidden{right:-20px;}

 /*탭*/
.roundTab{margin-top:12px;}
.roundTab li{position:relative;float:left;width:131px;padding-bottom:5px;}
.roundTab li a{display:block;text-align:center;line-height:33px;color:#fff;}
.roundTab li a i{display:none;position:absolute;left:50%;bottom:0;margin-left:-3px;width:9px; height:5px; background:url('../images/bg/bgTapOn.png') no-repeat;}
.roundTab .left a{padding-left:7px;background:url('../images/bg/bgTapLeft.png') no-repeat left 0;}
.roundTab .right a{padding-right:7px;background:url('../images/bg/bgTapRight.png') no-repeat left 0;}
.roundTab li a:hover, .roundTab li a:focus,.roundTab li a:active, .roundTab li a.on {background-position:left -42px;}
.roundTab li a:hover i, .roundTab li a:focus i,.roundTab li a:active i, .roundTab li a.on i{display:block}

/*이미지 리스트*/
.img-list{padding-top:13px;}
.img-list li{float:left; width:283px; margin: 0 50px 50px 0; overflow:hidden;}
.img-list li .img{float:left; width:163px; height:112px;}
.img-list li .img img{width:100%; height:100%}
.img-list li .txt{float:right; width:100px; padding:5px 0;}
.img-list li .txt .tit{color:#ffda4c; font-size:1.2em;height:40px;font-weight: normal;overflow:hidden;}
.img-list li .txt .name{margin-top:5px;}
.img-list li .txt .address{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.img-list li .txt .date{margin-top:5px; colr:#d9d9d9;}

/*광고리스트*/
.boxMovie { overflow:hidden;margin-top:30px;}
.movieList { overflow:hidden; }
.movieList li { float:left; width:22%; min-height:147px; overflow:hidden; margin:0 0 30px 3.3%; }
.movieList li a { display:block; overflow:hidden; }
.movieList li a span { position:relative; display:block; height:93px; overflow:hidden; background:url('../images/component/bgMovieImg.gif') center center no-repeat #ccc; }
.movieList li a img { width:100%; height:auto;  }
.movieList li a strong { display:block; margin-top:10px; padding:0 2px; line-height:180%;font-weight:normal}
.movieList li a span em { display:none; position:absolute; top:0; left:0; bottom:0; right:0; border:3px solid #e60000; text-indent:-1000px; background:url('../images/component/bgMovie.gif') 10px 90% no-repeat; }
.movieList li a:hover span em, .movieList li a:focus span em, .movieList li a:active span em, .movieList li a.on span em { display:block;  }
.movieList li:first-child, .movieList li.clear { clear:both; margin-left:0; }
#viewMovie { display:none; position:absolute; left:0; top:0; width:100%; overflow:hidden; border-bottom:2px solid #e60000; background:#2b2b2b; }
#viewMovie h1 { padding:20px 75px 20px 1%; font-size:1.5em; border-top:2px solid #e60000;}
#viewMovie em.bg { position:absolute; top:0; width:19px; height:11px;background:url('../images/component/bgMovieOn.gif') 0 0 no-repeat; }
#viewMovie .view { overflow:hidden; padding:0 1% 20px 1%; }
#viewMovie .screen { float:left; position: relative; width:480px; height:300px; }
#viewMovie .screen iframe, .screen object, .screen embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#viewMovie .caption { float:left; width:220px; height:268px; padding:15px; overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; line-height:1.8; border:1px solid #5b5b5b; border-left:0;  background:#2b2b2b;color:#fff;resize:none}
#viewMovie .close { position:absolute; top:25px; right:10px; width:57px; height:27px; overflow:hidden; text-indent:-1000px; background:url('../images/component/btnCloseMovie.gif') 0 0 no-repeat; }

/*뷰페이지*/
.board-text { border-top:2px solid #ff4e22; border-bottom:1px solid #d9d9d9; }
.board-text .tit { position:relative; overflow:hidden;}
.board-text .tit .like{position: absolute;right: 0;top: 14px;width:68px;line-height:23px;padding-left:25px;background:url('../images/btn/btnLike.png') left center no-repeat;text-align:left;box-sizing: inherit;font-size: 12px;}
.board-text .tit .titArea { padding:16px 20px;overflow:hidden; border-bottom:1px dashed #4c4c4c;}
.board-text .tit .titArea h1 {margin-right:95px;font-size:1.3em; color:#ffda4c;font-family: NGNormal;}
.board-text .tit div { overflow:hidden; padding:12px 15px 10px 15px; border-bottom:1px solid #999999;}
.board-text .tit dl{color:#d9d9d9}
.board-text .tit dl dt {float:left;padding:0 10px 0 0; margin:0 10px 0 0; background:url('../images/bg/bgTxtList.gif') right center no-repeat;}
.board-text .tit dl dd { float:left; margin-right:40px; }
.board-text .view { overflow:hidden; padding:30px 20px;min-height:250px; }
.board-text .view .viewImg{padding-bottom:25px; text-align:center}

/*갤러리*/
.photo-list{position:relative;margin:30px 0 0;}
.photoNavi a{display:block;position:absolute;top:50%;margin-top:-16px;width:32px;height:32px;text-indent:-999em}
.photoNavi .prev{left:0px;background:url('../images/btn/btnPrev.png') no-repeat;}
.photoNavi .next{right:0px;background:url('../images/btn/btnNext.gif') no-repeat;}
.photo-list>div{width:935px;padding-left:4px;margin:0 auto;overflow:hidden;position:relative;}
.photo-list ul{}
.photo-list li{width:183px;height:183px;margin-bottom:4px;/*float:left;margin:0 5px 5px 0;*/position:absolute;}
.photo-list li > a{display:block;}
.photo-list li > a > img{width:100%;height:100%;display:block;}
.photo-list li.big{width:370px;height:370px;}
.photo-list li > div{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/bg/bgGalBox.png');overflow:hidden;}
.photo-list li.hover > div{display:block}
    .galBox{margin:20px;color:#fff;}
    .galBox a{text-decoration:underline;display:block;margin-top:10px;}
    .galTit{font-size:1.077em;}
    .galTxt{display:none}
    .galcount{display:block;text-align:center;position:absolute;bottom:0;left:0;padding:10px 0;margin:0 5%;width: 90%;border-top:1px solid #666;color:#fff;font-size:0.85em;letter-spacing: -1px;}
    .galcount span img{width:12px;margin-right:5px;}
    .galcount span + span{margin-left:8px;}
    .big .galBox{font-size:1.077em;}
    .big .galTit{font-size:18px;}
    .big .galTxt{display:block;margin-top:8px;}
    .big .galcount{font-size:1.077em;}
    .big .galcount span img{width:18px;}
    .big .galcount span + span{margin-left:20px;}
.photo-list-wrap{padding-bottom:28px;border-bottom:2px solid #585858;}
.photo-list-wrap .btnSec{margin:0 auto;padding-top:6px;text-align:right;}

/*게시판 검색영역*/
.boardTop { position:relative; overflow:hidden; margin-top:30px; }
.boardTop:first-child{margin-top:13px;}
.boardTop .board-srch { margin:0; }
.boardTop .board-total { position:absolute; left:0; top:10px; z-index:1001; }
.boardTop .board-total span { display:inline-block; margin:0 10px 0 0; }
.boardTop .board-total strong { color:#ffda4c; }
.board-srch { position:relative; z-index:1000; overflow:hidden; margin:35px 0 15px 0;  }
.board-srch div { position:relative;  float:right; height:26px; overflow:hidden; padding-right:30px; text-align:right; border:1px solid #565656;  }
.board-srch select { float:left; width:80px; height:26px; padding:0; font-size:1em; border:0; color:#fff; background:#626262;  }
.board-srch input.txt { float:left; width:140px; height:26px; line-height:26px; padding:0 5px; background:#000; border:0;  }
.board-srch input.btnSearch { position:absolute; right:0; top:0; }

/*이전글, 다음글*/
.listNavi { clear:both; overflow:hidden; margin:40px 0 20px; border:1px solid #999; border-left:0; border-right:0;  }
.listNavi li { overflow:hidden; }
.listNavi li a { display:block; overflow:hidden; padding:8px 20px; background:url('../images/bg/bgPrevList.png') 20px center no-repeat;}
.listNavi li a strong { display:inline-block; padding:0 20px; background:url('../images/bg/bgTxtList.gif') right center no-repeat; color:#b3b3b3}
.listNavi li a span { display:inline-block; padding-left:20px; }
.listNavi li.next { border-top:1px solid #d7d7d7; }
.listNavi li.next a { background-image:url('../images/bg/bgNextList.png');  }

/* 게시판버튼 */
.btnGrp { clear:both; overflow:hidden; padding:10px 0; text-align:right; }
/*.btnGrp a, .btnGrp button, a.btn, button.btn { display:inline-block; height:33px; padding-left:20px; font-size:1.1em; color:#fff; font-family:NGBold; text-align:center; background:url('../images/bg/bgBtn.gif') 0 0 no-repeat; }
.btnGrp a span, .btnGrp button span, a.btn span, button.btn span { display:inline-block; height:33px; padding-right:20px; line-height:30px; background:url('../images/bg/bgBtn.gif') right 0 no-repeat; }
.btn-red { background-position:0 -32px !important; }
.btn-red span { background-position:right -32px !important; }*/

.boxReply { overflow:hidden; border-bottom:1px solid #565656; box-sizing:border-box;color:#d9d9d9}
    .boxReply textarea { padding:8px; border:1px solid #565656; background:#000; box-sizing:border-box; font-family:NGNormal; color:#fff;  }
    .reply-head { overflow:hidden; padding:20px;}
    .reply-head .info { overflow:hidden; }
    .reply-head .info span { float:left; display:block; font-size:0.9em; }
    .reply-head .info strong { margin-left:3px; color:#e60000; line-height:160%; }
    .reply-head .info span.warning { float:right; }
    .reply-head .write { clear:both; overflow:hidden; }
    .reply-head .write textarea { float:left; width:80%; height:70px;  }
    .reply-head .write button { float:left; width:93px; height:70px; overflow:hidden; margin-left:10px; text-align:center;  text-indent:-1000px; color:#fff; font-size:1.2em; background:url('../images/component/btnReply.png') 0 0 no-repeat #e60013; }
    .reply-head p { margin-top:10px; }
    .reply-head  p strong { margin:0 3px 0 0; color:#e60000;  }
    .reply-body { overflow:hidden; padding:0 15px; border-top:1px dashed #565656;}
    .reply-body ul {  }
    .reply-body ul li { position:relative; overflow:hidden; padding:15px 20px; border-top:1px solid #565656; }
    .reply-body ul li:first-child{border-top:none}
    .reply-body ul li .user a { font-weight:bold; }
    .reply-body ul li .user span { margin-left:15px; padding-left:15px; background:url('../images/component/bgReplyInfo.gif') 0 center no-repeat; }
    .reply-body ul li div { margin-top:10px; }
    .reply-body ul li div p { width:80%; padding:0; line-height:160%;  }
    .reply-body ul li div .btn { width:84px; height:30px;  overflow:hidden; margin-left:10px; text-align:center;  text-indent:-1000px; color:#fff; font-size:1.2em; background:url('../images/component/btnReply_mod.png') 0 0 no-repeat #4d4d4d;  }
    .reply-body ul li div textarea { width:80%; height:50px;   }
    .reply-body ul li div * { vertical-align:middle; }
    .reply-body .btnMore { display:none; margin-top:10px; border-top: 1px solid #565656;}
    .reply-body .btnMore a { display:block; height:49px; font-family:NGBold; color:#fff; text-align:center; }
    .reply-btn { position:absolute; right:20px; top:10px; }
    .reply-btn button { margin-left:8px; }
    .reply-btn .delete { padding-left:8px; background:url('../images/component/bgReplyBtn.gif') 0 center no-repeat; }
    .reply-btn .cancel {  }
    .noReply { margin:23px 0 23px 40%; padding-left:50px; line-height:160%; font-family:NGBold; background:url('../images/component/bgNoReply.png') 0 center no-repeat; }
    .snsReply { clear:both; overflow:hidden; margin-top:30px; }
    .snsReply .tit { margin:0 0 10px 0; font-size:1.4em; color:#3b5998; }
    .boxProfile { display:none; position:absolute; width:450px; height:384px; overflow:hidden; padding:15px; border:1px solid #242424; background:#fff;box-sizing: border-box; z-index:100}
    .boxProfile h1 { font-size:1.65em; color:#000; }
    .boxProfile button { position:absolute; right:15px; top:15px; width:23px; height:23px; overflow:hidden; text-indent:-1000px; background:url('../images/component/btnLayerClose.gif') 0 0 no-repeat; }
    .boxProfile table { margin:15px 0; border-top:2px solid #454545; }
    .boxProfile th, .boxProfile td { padding:12px; text-align:left; border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9; }
    .boxProfile th { background:#f7f7f7; color:#404040; }
    .boxProfile th:first-child{border-left:0 none}
    .boxProfile td { line-height:160%; color:#7a7a7a; }
    .boxProfile a { display:block; text-align:center; }
    .boxProfile .txtProfile { height:60px; overflow:auto; overflow-x:hidden; }

/*입력테이블*/
.dataForm{color:#d9d9d9}
.dataForm .commentTxt{text-align:right;margin-bottom:5px;}
.dataForm .commentTxt span{color:#e60013;}
.dataForm table{border-top:2px solid #ff4e22;border-bottom:1px solid #d9d9d9}
.dataForm th,.dataForm td{border-top:1px solid #d9d9d9}
.dataForm tr:first-child th,.dataForm tr:first-child td{border-top:0 none}
.dataForm th{padding: 8px 13px;color:#fff;font-family: NGNormal;font-size:1.16em;text-align:left;vertical-align: top;}
.dataForm th span{margin-right:4px;margin-left:-12px;color:#e60013;}
.dataForm th label{padding-left:12px}
.dataForm td{padding:8px 10px;}
.dataForm .txtArea{width:96%;padding: 5px 2% 4px;height:180px;resize:none}
    .dataFileWrap{position:relative;}
    .dataFileWrap .iptFileBtn{position:absolute;right:0;top:0;}
    .dataFileWrap > div{margin-right:86px;}
.dataForm .commentList{margin-top:7px;}
.dataForm .commentList li{padding-left:7px;background: url('../images/bg/bgCommentList.png') left 6px no-repeat;}

/***컨텐츠***/
/*선정방법*/
.photoRuleBox{margin-top:30px;position:relative;z-index:1100}
.photoRuleBox h1{padding-right:8px;}
.photoRuleBox h1 span{display:inline-block;position:absolute;right:0;top:0;height:62px;width:8px;background:url('../images/bg/bgPhotoRuleBox2.png') no-repeat;}
.photoRuleBox h1 a{display:block; padding-left:8px; line-height:62px; text-align:center; color:#ffda4c; font-size:1.6em; background:url('../images/bg/bgPhotoRuleBox.png') no-repeat;}
.photoRuleBox h1 a i{display:block;position:absolute; right:29px; top:25px; width:19px; height:15px; background:url('../images/bg/bgArrow.png') no-repeat;}
.photoRuleBox h1.on span{background:url('../images/bg/bgPhotoRuleBoxOn2.png') no-repeat;}
.photoRuleBox h1.on a{background:url('../images/bg/bgPhotoRuleBoxOn.png') no-repeat;}
.photoRule{display:none; position:absolute;width:100%;left:0;top:62px;font-size:1.15em}
.photoRule > p{position:absolute; right:0;bottom:0;width:8px;height:100%;background:url('../images/bg/bgPhotoRule2.png') no-repeat right bottom;}
.photoRule > div{padding:22px 28px 22px 35px;margin-right:7px;background:url('../images/bg/bgPhotoRule.png') no-repeat left bottom;}
.photoRule li{margin:2px 0}
.photoRule .bg{padding-left:83px;min-height:73px;background:url('../images/bg/bgRule.png') no-repeat left top;}
.photoRule .bg + p{color:#ffda4c;margin:20px 0 5px}
.photoRule .font13{font-size:0.9em;}

/*지난 당선작 보기*/
.oldWinView{width:936px; margin:30px auto;overflow:hidden;}
.oldWinView h1{float:left; width:296px; height:146px; margin-right:14px; background:url('../images/content/titImg.jpg') no-repeat;text-indent:-999px;}
.oldWinView ul{float:left}
.oldWinView li{float:left; margin-right:14px; text-align:center}
.oldWinView li .img{width:144px;height:144px;border:1px solid #bbbbbb;}
.oldWinView li .txt{padding:5px 0}
.oldWinView li.last { margin-right:0; }
.oldWinView .more{float:left}
.oldWinView .more a{display:block;width:146px;height:145px;background:url('../images/btn/btnMore2.gif') no-repeat;text-indent:-9999px;}

/*이벤트 리스트*/
.eventlist li{float:left;width:400px; height:178px; padding:0 10px 10px 0;margin: 0 0 30px 60px; background: url('../images/bg/bgEvent.gif') no-repeat right bottom;}
.eventlist li p{position:relative;border:1px solid #2b2b2b}
.eventlist li p a{position:absolute;left:19px;bottom:17px;}

/* 컨텐츠 */
.largeTxt { margin:40px 0 35px 0; font-family:NGBold; font-size:1.8em; line-height:160%; color:#fff; }
.storyTxt { margin-top:30px; color:#ffda4c; font-size:0.9em; line-height:160%}
.imgCon { position:relative; }
.imgCon.center { text-align:center; }
.imgCon img { max-width:100%; }
.imgCon .longDesc { position:absolute; left:-9999px; top:-9999px; z-index:-1; }

.section.txtR.kidzania { margin-bottom:60px; min-height:210px; }
.section.txtR.kidzania img{ margin-bottom:25px;}
.location { margin:70px 0 0 0; padding:0 0 0 286px; min-height:490px; }
.location .tit { margin:25px 0 20px 0; font-family:NGNormal; font-size:1.6em; color:#ffda4c; }
.location .img { max-width:100% }
.location .position { left:0; top:0; }
.location ul li { margin-bottom: 20px; color:#fff; font-size:1.1em; line-height:160%; }
.location ul li strong { display:block; margin:0 0 5px 0; padding-left:23px; font-weight:normal; }
.location ul li strong.green { background:url(../images/content/bulletGreen.png) 0 5px no-repeat; }
.location ul li strong.blue { background:url(../images/content/bulletBlue.png) 0 5px no-repeat; }
.location ul li strong.sky { background:url(../images/content/bulletSky.png) 0 5px no-repeat; }
.location ul li span { display:block ;margin-left:23px; }
.pack { margin-top:20px; padding-left:88px; }
.pack .position { left:0; top:0; }
.pack .txt { margin-top:0; }
.section.packBox { position:relative; overflow:hidden; }
.packBox figure { float:left; margin-right:35px; width:49%; }
.packBox .txtPack { overflow:hidden; margin:0 0 20px 0; }
.packBox .txtPack h3 { color:#ffda4c; font-size:1.4em; font-family:NGNormal; }
.packBox .txtPack p { margin-top:25px; color:#fff; line-height:160%; }

.noGallery{position: relative;width: 746px;margin: 0px auto 20px;height:449px;background:url('../images/common/bgNoGallery.jpg') no-repeat center center;overflow: hidden;}
.noGallery span{display:block;color:#333333;text-align:center;}
.noGallery span:first-child{margin-top:305px}

.section.tasteL { float:left; width:48%; }
.section.tasteR { float:right; width:48%; }
.section .img-taste img { margin-bottom:35px; max-width:100%; }

@media screen and (max-width :999px) {
    .photo-list{padding:0 35px;}
    .photo-list>div{width:748px;}

    .eventlist li { margin:0 1% 20px 1%; padding:0 10px 10px 0; width:46%; height:auto; background-position:10px 10px; }
    .eventlist li p { border:0; }
    .eventlist li p > img { max-width:398px; width:100%; }

    .oldWinView{ width:auto; }
    .oldWinView h1 { float:none; margin-bottom:15px; width:auto; height:auto; text-indent:0; font-size:1.4em; background:none; color:#fff; }

    .img-list li{width:45%;margin-right:5%}
    .img-list li .txt{float:none;width:auto;margin-left:173px}
}

@media screen and (max-width :819px) {
    .movieList li a span { height:auto; background:none; }
    .movieList li a strong { font-size:0.9em; margin-top:5px; line-height:160%; }
    #viewMovie h1 { font-size:1.2em; }
    #viewMovie .screen { width:100%; }
    #viewMovie .caption { width:100%; height:100px; padding:5px; box-sizing:border-box; border:1px solid #abadb3; border-top:0; font-size:0.9em; }

    .photo-list > div{width:565px;}
    .eventlist li p a { left:15px; bottom:10px; }
    .oldWinView li { margin-right:7px; }
    .imgCon.process img { width:100%; }
    .location { padding:0; }
    .location .sort { float:left; margin-right:20px; }
    .location .position { position:static;}
    .pack .position { position:absolute; }
}

@media screen and (max-width :745px) {
    .noGallery{ width:100%; }
}

@media screen and (max-width :640px) {
    .img-list li{float:none;width:auto;margin: 0 0px 20px 0;}
    .img-list li .img ,.img-list li button img {width: 110px;height: 76px;}
    .img-list li .txt{margin-left:120px}
    .img-list li .txt .tit { height:inherit; }

    .photo-list > div{padding-left:0;width:300px;}
    .photo-list li {width: 146px;height: 146px;}
    .photo-list li.big {width: 296px;height: 296px;}
    .photoRule{background:#434343;}

    .eventlist li { margin:0 0 20px 0; padding:0; width:100%; background:none; }
    .eventlist li p a { left:10px; bottom:5px; }

    .section.tasteL, .section.tasteR { float:none; width:100%; }
    .cmSong img { float:left; margin-right:20px; }
    .packBox figure { float:none; margin:0 0 40px 0; width:100%; text-align:center; }
}


@media screen and (max-width :479px) {
    .boardTop .board-total{position:static;margin-bottom:10px;}

    .photo-list{padding:0px;}
    .photoRule > div{padding:22px 2px 22px 10px}
    .photoRule .bg{background: none;padding-left:0;}

    .section.txtR.kidzania { margin-bottom:40px; padding:0; }
    .section.txtR.kidzania .position { position:static; }
    .largeTxt { margin:20px 0; font-size:1.3em; }

    .cmSong img { float:none; margin:0; }
    .storyTxt { margin:0;}
    .storyTxt br { display:none; }
}