@charset "utf-8";

@font-face{
font-family:"NanumBarunGothic";
    src: url('/fonts/NanumBarunGothic.eot'); 
    src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
		 url('/fonts/NanumBarunGothic.woff') format('woff');
}

@font-face{
font-family: "NanumBarunGothicBold";
    src: url('/fonts/NanumBarunGothicBold.eot'); 
    src: url('/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'),
		 url('/fonts/NanumBarunGothicBold.woff') format('woff');
}

h1,h2,h3,h4,h5,h6 {font-family: "NanumBarunGothicBold";font-weight:normal;}
html {overflow-y:scroll;}

html,body {height:100%;}
body {font-family:"NanumBarunGothic";
	font-size:13px;
}


#header {overflow:hidden;position:fixed;top:0;left:0;width:180px;height:100%;padding-left:40px;background:#fff;}
#header > h1 {margin-top:10%;font-size:16px;cursor:default;}
#header > .web {margin:20px 0 0 -10px;}
#header > .web img {width:85%;}
#header > .mobile {}
#header > .mobile img {display:block;margin:0 auto;}
#gnb {margin-top:15%;}
#gnb li {color:#30323e;font-size:16px;cursor:pointer;font-family:"NanumBarunGothicBold";list-style:none;}
#gnb li a {}
#gnb li a:hover {color:#187fee;}
#gnb li.on {color:#187fee;}

.filter {}
.filter h1 {margin-top:10%;font-size:16px;cursor:default;}
.filter h2 {margin-top:5px; font-size:14px; cursor:pointer;}
.filter ul {display:none;}
.filter ul > li {cursor:pointer;color:#30323e;font-size:14px;}
.filter ul > li:hover {color:#187fee;}
.filter ul li.on {color:#187fee;}
#myPuzzle {font-size:16px;margin-top:30px;}

.filter .filter_group {display:block;margin:5px 0 0;}
.filter .filter_group1 {margin-left:10px;}
.filter .filter_group2 {margin-left:10px;}
.filter .filter_group3 {display:block;margin:5px 0 0;}
.filter .filter_group > li {font-size:14px;}

.menuCont {display:none;}
.menuCont .btn {padding-left:20px;background:url('/image/together/experience/bullSt02.gif') no-repeat 0 50%;border:0 none;color:#30323e;font-family: "NanumBarunGothicBold";}


#container {padding:0 0 0 220px;overflow:hidden;}
.galleryCont {}
.galleryCont > li > div {width:100%;height:100%;}
.galleryCont > li .img {}
.galleryCont > li .textCont {width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;
							/* IE 8 */
						  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						
						  /* IE 5-7 */
						  filter: alpha(opacity=0);
						
						  /* Netscape */
						  -moz-opacity: 0;
						
						  /* Safari 1.x */
						  -khtml-opacity: 0;
						
						  /* Good browsers */
						  opacity: 0;}
.itemList {overflow:hidden;width:20%;height:auto;margin:0;padding:0;}
.itemList > div {/* width:100%;height:100%; */}
.itemList .img {}
.itemList .img > img {width:103%;height:auto;}
.itemList .img .myCheck {position:absolute;top:5%;right:5%;width:40%;height:10%;text-align:right;}
.itemList .img .myCheck > img {margin:0 3% 0 3%;height:27px;width:27px;}
.itemList .textCont {}
.itemList .wrap {position:absolute;z-index:17;top:0;padding:0 0 0 7.4%;height:100%;cursor:pointer;
						  /* IE 8 */
						  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";						
						  /* IE 5-7 */
						  filter: alpha(opacity=0);						
						  /* Netscape */
						  -moz-opacity: 0;						
						  /* Safari 1.x */
						  -khtml-opacity: 0;						
						  /* Good browsers */
						  opacity: 0;}
.itemList .wrap * {color:#fff;}
.itemList .wrap .location {font-size:16px;}
.itemList .wrap .title {font-size:28px;}
.itemList .wrap .count {overflow:hidden;position:absolute;bottom:3%;left:0;width:100%;text-align:center;}
.itemList .wrap .count > li {float:left;width:33.3%;min-height:68px;height:auto;}
.itemList .wrap .count > li:first-child + li {width:33.4%;}
.itemList .wrap .count > li > button {width:58px;height:58px;border:0 none;font-size:0;line-height:0;color:transparent;}
.itemList .wrap .count .visit > button {background:url('/image/together/experience/bg_visit01.png') no-repeat center 0;}
.itemList .wrap .count .recommend > button {background:url('/image/together/experience/bg_recommend01.png') no-repeat center 0;}
.itemList .wrap .count .scrap > button {background:url('/image/together/experience/bg_scrap01.png') no-repeat center 0;}
.itemList .wrap .count > li p {margin-top:-18px; }
.itemList .wrap .count > li .num {margin-top:-17px;color:#30323e;}
.itemList .wrap .count > li .txt {margin-top:5%;visibility:hidden;}


#footer {position:fixed;bottom:50px;margin-left:-40px;width:220px;text-align:center;}

#slideGallery {/* display:none */}

#layPop .file {position:relative;width:100%;/* height:29px;line-height:29px; */}
#layPop .file * {vertical-align:middle;}
#layPop .file input[type='text'] {width:250px;height:25px;line-height:25px;padding-left:15px;border:1px solid #ccc;background:#fff;}
#layPop .file input[type='file'] {width:90px;height:29px;}  

#slideGallery .btnClose {position:absolute;top:30px;right:30px;}
#slider1_container {margin-left:-384px;}
#slider1_container,
#slider1_container > div,
#slider1_container > div > div {border-radius:20px;}
/*
#slider1_container > div > div {padding:0 !important;}
*/
#slider1_container > div > div > .jssort01 {}
#slider1_container > div > div > .jssort01 > div {overflow:hidden;width:708px !important;margin:0 30px;}
#slider1_container > div > div > .jssort01 > div .jssort01 {width:708px !important;}

.slideCont {position:absolute;left:30px;top:50px;width:708px;height:432px;/* margin:50px 0 50px 30px */overflow:hidden;cursor:move;}

/*
.titleCont {position:absolute;bottom:0;left:0;z-index:30;}
.titleCont th,
.titleCont td {padding:5px 0;border-bottom:1px solid #acadb2;}
.titleCont th {padding-left:10px;background:url("/image/together/experience/bullSt01.gif") no-repeat 0 19px;text-align:left;color:#30323e;font-size:16px;font-family: "NanumBarunGothicBold";font-weight:normal;vertical-align:top;}
.titleCont .count > ul {overflow:hidden;text-align:center;}
.titleCont .count > ul > li {float:left;width:33.3%;min-height:68px;height:auto;}
.titleCont .count > ul > li:first-child + li {width:33.4%;}
.titleCont .count > ul > li > button {width:68px;height:68px;border:0 none;font-size:0;line-height:0;color:transparent;}
.titleCont .count > ul .visit > button {background:url('/image/together/experience/bg_visit01.png') no-repeat 100% 0;}
.titleCont .count > ul .recommend > button {background:url('/image/together/experience/bg_recommend01.png') no-repeat 100% 0;}
.titleCont .count > ul .scrap > button {background:url('/image/together/experience/bg_scrap01.png') no-repeat 100% 0;}
.titleCont .count > ul > li p {margin-top:-18px;}
.titleCont .count > ul > li .num {margin-top:-18px;color:#30323e;}
.titleCont .count > ul > li .txt {margin-top:5%;}
*/


.titleCont {position:absolute;bottom:88px;left:30px;width:708px;}
.titleCont th,
.titleCont td {padding:5px 0;border-bottom:1px solid #acadb2;font-size:12px;}
.titleCont th {padding-left:10px;background:url("/image/together/experience/bullSt01.gif") no-repeat 0 50%;text-align:left;color:#30323e;font-size:14px;font-family: "NanumBarunGothicBold";font-weight:normal;vertical-align:top;}
.titleCont .count {border-bottom:0 none;}
.titleCont .count > ul {overflow:hidden;text-align:center;}
.titleCont .count > ul > li {float:left;width:33.3%;min-height:68px;height:auto;}
.titleCont .count > ul > li:first-child + li {width:33.4%;}
.titleCont .count > ul > li > button {width:58px;height:58px;border:0 none;font-size:0;line-height:0;color:transparent;}
.titleCont .count > ul .visit > button {background:url('/image/together/experience/bg_visit01.png') no-repeat center 0;}
.titleCont .count > ul .recommend > button {background:url('/image/together/experience/bg_recommend01.png') no-repeat center 0;}
.titleCont .count > ul .scrap > button {background:url('/image/together/experience/bg_scrap01.png') no-repeat center 0;}
.titleCont .count > ul > li p {margin-top:-18px;}
.titleCont .count > ul > li .num {margin-top:-17px;color:#30323e;font-size:11px;}
.titleCont .count > ul > li .txt {margin-top:1%;}


#bgMask {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url('/image/common/bg_opa/bg_opa_b80.png');z-index:10;}

#layPop  {z-index:30;}
#slideGallery,
#layPop {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:40;}
#layPop {/* background:url('/image/common/bg_opa/bg_opa_b80.png'); */}
#layPop.on {display:block}
#layPop .wrap {position:relative;width:660px; margin:3% auto 0;padding:30px 2%;background:#fff;border-radius:20px;border:1px solid #30323e;}
#layPop .wrap .title01 {padding-left:20px;background:url('/image/together/experience/bullSt03.gif') no-repeat 0 50%;color:#323d4f;font-size:21px;}
#layPop .wrap .text01 {width:96%;/* height:125px; */margin:3% auto 0;}
#layPop .wrap .text01 p {padding:4% 5%;background:#f3f3f3;border-radius:20px;font-size:12px;text-align:justify;line-height:1.4;}
#layPop .wrap .text01 a {color:#1f6bc1;font-size:14px;font-family:'NanumBarunGothicBold';}




#layPop .wrap form {margin-top:3%;}
#layPop .wrap form table {width:96%;margin:0 auto;}
#layPop .wrap form table th {color:#323d4f;font-size:14px;text-align:left;}
#layPop .wrap form table td {}
#layPop .wrap form table th,
#layPop .wrap form table td {padding:10px 0;border-bottom:1px solid #989ea7;}
#layPop .wrap form table .fileCont01 {position:relative;}
#layPop .wrap form table .fileCont01 select,
#layPop .wrap form table .fileCont01 .cont {vertical-align:middle;}
#layPop .wrap form table .fileCont01 select {width:90px;left: 0;position: absolute;top: 10px;width: 90px;}
#layPop .wrap form table .fileCont01 .cont {position:relative;display:inline-block;width:328px;height:29px;line-height:29px;background:url('/image/together/experience/bg_flie01.jpg') no-repeat;}
#layPop .wrap form table .fileCont01 .type02 {margin-top:5px;}
#layPop .wrap form table .fileCont01 .cont  * {vertical-align:middle;}
#layPop .wrap form table .fileCont01 .cont  input[type='text'] {width:223px;height:29px;line-height:29px;padding-left:15px;border:0 none;background:none;}
#layPop .wrap form table .fileCont01 .cont  input[type='file'] {position:absolute;top:0;right:0;width:90px;height:29px;}
#layPop .wrap form table .fileCont01 .cont  label {position:absolute;top:0;right:0;background:url('/image/together/experience/bg_flie02.jpg') no-repeat;display:inline-block;width:93px;height:29px;font-size:0;line-height:0;color:transparent;}
#layPop .wrap form table .fileCont01 .type02  label {background:url('/image/together/experience/bg_flie03.jpg') no-repeat;}
#layPop .wrap form table .btnSend {text-align:center;}
#layPop .wrap form table .btnSend button {width:86px;height:86px;margin-top:20px;background:url('/image/together/experience/btn_circle01.gif') no-repeat;text-align:center;color:#fff;font-family:'NanumBarunGothicBold';border:0 none;font-size:16px;}

#layPop .wrap form table .inpSt01 {width:408px;height:29px;padding-left:20px;background:url('/image/together/experience/bg_inp01.gif') no-repeat;border:0 none;}
#layPop .wrap form table .bdNone th,
#layPop .wrap form table .bdNone td {border-bottom:0 none;}

.btnClose {position:absolute;top:-3%;right:25px;width:18px;height:17px;background:url('/image/together/experience/bg_btnClose01.gif') no-repeat;font-size:0;line-height:0;color:transparent;border:0 none;}


@media all and (max-width:480px) {
#layPop .wrap .title01 {font-size:11px !important;}
#layPop .wrap .text01 p {font-size:11px !important;}
#layPop .wrap .text01 a {font-size:11px !important;}
#layPop .wrap .text01 .line {padding:0 !important;}
.titleCont th {font-size:18px;}
.titleCont td {font-size:18px !important;}
}


/* 모바일 세로 */
@media all and (max-width:480px) and (orientation:portrait){
.galleryCont > li {width:100% !important;height:auto;margin:0;padding:0%;}
#layPop .wrap form table .btnSend button {margin-top:0;}
#header .mobile {padding-bottom:5px;}
}

/* 모바일 세로 */
@media all and (max-width:480px) and (orientation:landscape){

}

/* 모바일 세로 */
@media all and (max-width:768px) and (orientation:portrait){
.itemList .textCont .wrap .location {font-size:28px;}
.itemList .textCont .wrap .title {font-size:36px;}
.itemList .img img {width:101%;height:100%;}
#slider1_container {margin-left:0;left:0 !important;}
.galleryCont > li {width:50%;height:250px;margin:0;padding:0%;}
#layPop .wrap {padding:10% 2% 4%;}
#layPop .wrap .text01 p {font-size:11px;}
#layPop .wrap h4,
#layPop .wrap .text01,
#layPop .wrap form table {width:100%;}
#layPop .wrap form table .fileCont01 .cont {width:95%;background:none;}
#layPop .wrap form table .fileCont01 .cont input[type="text"] {border:1px solid #ddd;height:26px;line-height:26px;width:70%;}
#layPop .wrap form table th {font-size:12px;}
#layPop .wrap form table .btnSend button {margin-top:0;}

#header .mobile {position:absolute;bottom:15px !important;left:25%;width:50%;}
#header .mobile img {width:100%;}
}

/* 모바일 가로 */
@media all and (max-width:768px) and (orientation:landscape) {
#layPop .wrap .title01 {font-size:12px !important;}
.itemList .img img {width:101%;}
#slider1_container {top:0 !important;left:0 !important;margin:0;}
.galleryCont > li {width:50% !important;margin:0;padding:0;}
#header .mobile {position:absolute;bottom:15px !important;left:25%;width:50%;}
#header .mobile img {width:100%;}
}



/* 테블릿 (웹에서 변경되는 메뉴들) */
@media all and (max-width:768px) {
#layPop .wrap .title01 {background:url('/image/together/experience/bullSt03.gif') no-repeat 0 0;}
#slider1_container {width:100% !important;margin:0 !important;}
#slideGallery .btnClose {top:12px !important;width:32px !important;height:32px !important;background-size:100%;}

#header > h1 {width:20%;}
#header > h1 img {width:100%;}
}


@media all and (max-width:1024px) {
#header	{position:relative;width:100%;min-height:70px;padding:0;}
#header	> h1 {position:absolute;bottom:20px;left:10px;}
.menuCont {display:block;position:absolute;bottom:20px;right:10px;}
.filter h1 {margin:0;color:#fff;padding-top:5px;}

#gnb li,
.filter li {color:#fff !important;}

#gnb,
.filter {padding:0 20px;background:#424242;}

#gnb {margin:0;padding-top:20px;}
.filter {margin-bottom:70px;padding-bottom:20px;}


#gnb li a,
.filter h2,
.filter ul > li {color:#ddd !important;}
#gnb li a:hover,
.filter h2:hover,
.filter ul > li:hover {color:#fff !important;}

.filter .filter_group {margin:0;}

#gnb li,
.filter ul > li {padding:5px 5px 5px 0px;border-bottom:1px solid #707070;}

#gnb,
.filter,
#footer {display:none;}
#footer {display:none !important;}
#container {padding-left:0;}

#layPop .wrap {width:90%;margin:5% auto 0;}

#header .web {display:none;}
#header .mobile {display:block;}
#header .mobile {position:absolute;bottom:0;left:0;width:100%;}
#header .mobile img {width:50%;padding-bottom:5px;}
}

@media all and (max-device-width:1024px) and (orientation:landscape) {
#header .web {display:none !important;}	
#header .mobile {display:block !important;}
#header .mobile {position:absolute !important;bottom:0 !important;left:0 !important;width:100%;}
#header .mobile img {width:48% !important;padding-bottom:5px !important;}
}


/* 테블릿에서 리스트3개 */
@media all and (min-width:768px) and (max-width:1200px){
.galleryCont > li {width:33.333% !important;}
}
/* 웹에서 리스트4개 */
@media all and (min-width:1200px) and (max-width:1400px){
.galleryCont > li {width:25% !important;}
}


/* 테블릿에서 사라진 메뉴 웹에서 나오도록 */
@media all and (min-width:1024px) and (max-width:1920px){
#header .web {display:block;}
#header .mobile {display:none;}
#gnb,
.filter {display:block !important;}
}



/* about */
.aboutCont {padding:3%; display:none;z-index:9999;position:relative;top:0;}
.aboutCont h2 {font-size:21px;}
.aboutCont .text {}
.aboutCont .text > p,
.aboutCont .text div {margin-top:20px;}


/* 테블릿 */
@media all and (max-width:1024px) {
.aboutCont .text div img {width:100%;}
}


/* 이벤트 */
.evtJoin {display:none;background:#717276;padding:10px 7px;}
.evtJoin .wrap {background:#fff;border:1px solid #636467;}
.evtJoin .title {position:relative;padding:60px 0 30px;text-align:center;font-size:21px;background:url('/image/together/experience/event/bg_title01.jpg') no-repeat 100% 100%;}
.evtJoin .title .tit {position:absolute;top:0;left:20px;}
.evtJoin .title .logo {position:absolute;top:0;right:20px;}
.evtJoin .title img {display:block;margin:0 auto;}
.evtJoin .title p {color:#292b32;}
.evtJoin .title .sub {padding-top:18px;font-size:16px;}

.evtJoin .txtCont {background:#fec30f;}
.evtJoin .txtCont h2 {text-align:center;color:#292b32;font-size:21px;line-height:1;}
.evtJoin .txtCont h2 span {display:inline-block;background:#fff;padding:0 20px 3px;border-radius:0 0 1em 1em;}
.evtJoin .txtCont h2 strong {font-size:24px;}
.evtJoin .txtCont .join {width:84%;padding:15px 3%;margin:20px auto 0;background:#fff;border:1px solid #edb814;}
.evtJoin .txtCont .join > li {position:relative;margin-top:10px;}
.evtJoin .txtCont .join > li:first-child {margin-top:0;}
.evtJoin .txtCont .join > li * {vertical-align:middle;}
.evtJoin .txtCont .join > li > strong {position:absolute;top:0;left:0;width:12%;color:#292b32;}
.evtJoin .txtCont .join > li > span {padding-left:12%;display:block;color:#717276;}
.evtJoin .txtCont .join > li > span strong {color:#e7a017;}

.evtJoin .txtCont .list {overflow:hidden;width:96%;margin:30px auto 0;}
.evtJoin .txtCont .list > li {float:left;width:25%;text-align:center;font-size:18px;}
.evtJoin .txtCont .list > li.type01 {background:url('/image/together/experience/event/bg_list01.png') no-repeat center 0;}
.evtJoin .txtCont .list > li.type02 {background:url('/image/together/experience/event/bg_list02.png') no-repeat center 0;}
.evtJoin .txtCont .list > li.type03 {background:url('/image/together/experience/event/bg_list03.png') no-repeat center 0;}
.evtJoin .txtCont .list > li.type04 {background:url('/image/together/experience/event/bg_list04.png') no-repeat center 0;}
.evtJoin .txtCont .list > li > strong {display:block;padding-top:34px;line-height:1;}
.evtJoin .txtCont .list > li > strong span {color:#e7a017;font-size:21px;}
.evtJoin .txtCont .list > li > span {display:block;font-size:14px;}
.evtJoin .txtCont .list > li > p {padding-top:140px;font-family: "NanumBarunGothicBold";}

.evtJoin .txtCont .comment {margin-top:35px;padding:25px 4%;border-top:1px solid #717276;}
.evtJoin .txtCont .comment > li {padding-left:10px;text-indent:-10px;font-size:16px;}
.evtJoin .footer {padding:10px 0 5px;text-align:center;}
.evtJoin .footer * {vertical-align:middle;}
.evtJoin .footer span {display:inline-block;padding-left:10px;margin-left:10px;background:url('/image/together/experience/event/bullSt01.png') no-repeat 0 50%;color:#fff;}
.evtJoin .footer span:first-child {padding:0;margin:0;background:none;}
.evtJoin .footer span a {display:inline-block;color:#fff;}
.evtJoin .footer span a span {color:#ffc600;}


@media all and (min-width:1280px){
.evtJoin {width:900px;}
}

@media all and (max-width:1000px){
.evtJoin .txtCont .list {width:100%;}
}

@media all and (max-width:830px){
.evtJoin .txtCont .list > li {width:50%;}
}

@media all and (max-width:600px){
.evtJoin .footer > span {display:block;padding:0;margin:0;background:none;}
}

@media all and (max-width:480px){
.evtJoin .txtCont .join {width:96%;}
.evtJoin .txtCont .list > li {width:100%;margin-top:20px;}
.evtJoin .title img.main {width:100%;}
.evtJoin .txtCont h2 {font-size:14px;}
.evtJoin .txtCont h2 strong {font-size:16px;}
.evtJoin .txtCont .join > li {margin-top:10px;}
.evtJoin .txtCont .join > li:first-child {margin-top:0;}
.evtJoin .txtCont .join > li > strong {position:static;}
.evtJoin .txtCont .join > li > span {padding:0;}
.evtJoin .txtCont .comment > li {margin-top:10px;}
.evtJoin .txtCont .comment > li:first-child {margin-top:0;}
}