.msm_title{margin:13px 0 0px;letter-spacing:-1px;font-size:16px;font-weight:bold;text-align:left;color:#434343} .msm_text{font-size:14px;text-align:left;color:#888} /*hellowbibi*/ .section-04{max-width: 1160px;margin: 0 auto;padding: 80px 0 80px 100px;overflow: hidden;} .section-04 .text-wrap{float: left;width: 220px;} .section-04 .category{font-size: 30px;line-height: 53px;color: #000;border-bottom: 1px solid #000;font-family: 'NotoSans','MyriadPro','Frank Ruhl Libre';} .section-04 h4{padding-top: 24px;font-size: 30px;line-height: 42px;} .section-04 .tab-wrap{padding-top: 50px;} .section-04 .tab li{width: 130px;} .section-04 .tab li a{display: block;line-height: 59px;font-size: 20px;color: #aaa;font-family: 'NotoSans','MyriadPro','Frank Ruhl Libre';font-weight: 500;border-bottom: 1px solid #e2e2e2;} .section-04 .tab li.active a{color: #292929;border-bottom: 1px solid #292929;background: url('../images/tab_active.gif') 100% 50% no-repeat;} .section-04 .tab-cont{float: left;position: relative;width: 840px;margin-top: 15px;padding-top: 82px;padding-bottom: 110px;} .section-04 .tab-cont dl.odd{margin-left: 338px;} .section-04 .tab-cont dl.odd dt{padding-left: 46px;} .section-04 .tab-cont dl.odd dd{padding-left: 46px;} .section-04 .tab-cont dl.even{/*margin-right: 493px;*/margin-right: 495px;} .section-04 .tab-cont dl.even dt{padding-right: 48px;text-align: right;} .section-04 .tab-cont dl.even dd{padding-right: 48px;text-align: right;} .section-04 .tab-cont dl.even dd:after{left: auto;right: 0;} .section-04 .tab-cont dl.even .thumb{text-align: right;} .section-04 .tab-cont dl.even .space-pc{display: inline-block;} .section-04 .tab-cont dl.year2016{margin-top: -57px;} .section-04 .tab-cont dl.year2015{margin-top: -58px;} .section-04 .tab-cont dl.year2013{margin-top: -67px;padding-bottom: 23px;} .section-04 .tab-cont dl.year2011{margin-top: -58px;padding-bottom: 15px;} .section-04 .tab-cont dl.year2015 .thumb{margin-left: 47px;} .section-04 .tab-cont dl.year2007{margin-top: -18px;padding-bottom: 25px;} .section-04 .tab-cont dl.year2004{margin-top: -18px;padding-bottom: 25px;} .section-04 .tab-cont dl.year2001{margin-top: -118px;} .section-04 .tab-cont dl.year2001 .thumb{text-align: right;} .section-04 .tab-cont dl.year2000{margin-top: -118px;} .section-04 .tab-cont dl.year1998{margin-top: -68px;} .section-04 .tab-cont dl.year1998 .thumb{text-align: right;} .section-04 .tab-cont dl.year1998 .thumb .space-pc{display: inline-block;} .section-04 .tab-cont dl.year1997{margin-top: -18px;} .section-04 .tab-cont dl.year1995{margin-top: -18px;} .section-04 .tab-cont dl.year1994{padding-top: 25px;} .section-04 .tab-cont dl.year1982{padding-top: 25px;} .section-04 .tab-cont dl dt{padding-bottom: 4px;font-size: 30px;line-height: 60px;color: #292929;font-family: 'NotoSans','MyriadPro','Frank Ruhl Libre';font-weight: 500;} .section-04 .tab-cont dl dd{position: relative;font-size: 16px;line-height: 30px;color: #292929;} .section-04 .tab-cont dl dd span em{font-size: 16px;} .section-04 .tab-cont dl dd .thumb{display: block;margin-top: 33px;} .section-04 .tab-cont dl dd + dd{margin-top: 7px;} .section-04 .tab-cont dl dd:after{content: '';display: block;position: absolute;left: 0;top: 10px;width: 7px;height: 7px;border-radius: 50%;-webkit-border-radius: 50%;background-color: #292929;} .section-04 .tab-cont dl dd strong{color: #000;} .section-04 .tab-cont .bg{display: block;position: absolute;left: 341px;top: 0;width: 1px;height: 100%;background-color: #e2e2e2;} .section-04 .tab-cont .bg:before{content: '';display: block;width: 11px;height: 11px;position: absolute;left: -5px;top: 0;border-radius: 50%;-webkit-border-radius: 50%;background-color: #e2e2e2;} .section-04 .tab-cont .bg:after{content: '';display: block;width: 11px;height: 11px;position: absolute;left: -5px;bottom: 0;border-radius: 50%;-webkit-border-radius: 50%;background-color: #e2e2e2;} @media only screen and (max-width:1160px){ .section-01{-webkit-background-size: cover;background-size: cover;} .section-04{max-width: 960px;padding-left: 0;} .section-04 .tab-cont{width: 740px;} .section-04 .thumb img{width: auto;} } @media only screen and (max-width:960px){ .section-04{padding-left: 50px;} } @media only screen and (max-width:768px){ .section-04{padding: 172px 50px 0;padding: 22.52604vw 6.94444% 0;} .section-04 .text-wrap{float: none;width: auto;} .section-04 .text-wrap .category{font-size: 44px;line-height: 88px;font-size: 5.72916vw;line-height: 2;} .section-04 .text-wrap h4{padding-top: 58px;font-size: 70px;line-height: 100px;padding-top: 7.89023vw;font-size: 9.11458vw;line-height: 1.42857;} .section-04 .tab{position: relative;overflow: hidden;} .section-04 .tab:after{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #e2e2e2;z-index: -1} .section-04 .tab li{display: block;float: left;width: 33.333%;} .section-04 .tab li.tab-01{text-align: left;} .section-04 .tab li.tab-02{text-align: center;} .section-04 .tab li.tab-03{text-align: right;} .section-04 .tab li a{display: inline-block;font-size: 50px;line-height: 97px;font-size: 6.51041vw;line-height: 1.94;border-bottom: 0 none;} .section-04 .tab li.active a{background: none;border-bottom: 3px solid #000;} .section-04 .tab-cont{float: none;width: auto;margin-top: 15.2777vw;padding-top: 0;} .section-04 .tab-cont:before {content: '';display: block;position: absolute;left:0;top:0;width: 2.54491%;height: 2.28987vw;background: url('../images/dot_02.png') 0 0 no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;} .section-04 .tab-cont:after {content: '';display: block;position: absolute;left:0;bottom:0;width: 2.54491%;height: 2.28987vw;background: url('../images/dot_02.png') 0 0 no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;} .section-04 .tab-cont .bg{left: 1.1976%;} .section-04 .tab-cont .bg:before{display: none;} .section-04 .tab-cont .bg:after{display: none;} .section-04 .tab-cont dl{margin-top: 0 !important;padding-bottom: 0 !important;} /*.section-04 .tab-cont .bg:before {width: 2.54491%;height: 2.28987vw;background: url('../images/company/dot_02.png') 0 0 no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;} .section-04 .tab-cont .bg:after {width: 2.54491%;height: 2.28987vw;background: url('../images/company/dot_02.png') 0 0 no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;}*/ .section-04 .tab-cont dl dt{padding-top: 23.47107vw;padding-top: 16.80553vw;padding-left: 8.982% !important;padding-bottom: 25px;padding-bottom: 4.7743vw;font-size: 44px;line-height: 60px;font-size: 5.72916vw;line-height: 1.36363;} .section-04 .tab-cont dl dd{position: relative;padding-left: 135px !important;padding-left: 17.57812vw !important;/*padding-left: 8.982% !important;*/padding-bottom: 4.664434vw;font-size: 30px;line-height: 50px;font-size: 3.90625vw;line-height: 1.66666;} .section-04 .tab-cont dl dd strong{position: absolute;left: 57px;left: 7.42187vw;top: 0;} .section-04 .tab-cont dl.odd{margin-left: 0;} .section-04 .tab-cont dl.even{margin-right: 0;} .section-04 .tab-cont dl.even dt{padding-right: 0;text-align: left;} .section-04 .tab-cont dl.even dd{text-align: left;} .section-04 .tab-cont dl.even dd + dd{margin-top: 2.28987vw;} .section-04 .tab-cont dl.even dd:after{right: auto;left: 0;} .section-04 .tab-cont dl .thumb{margin-left: 0 !important;text-align: left !important;} .section-04 .tab-cont dl .thumb .space-pc{display: none !important;} /*.section-04 .tab-cont dl .thumb{padding-left: 80px;padding-left: 10.41666vw;}*/ .section-04 .tab-cont dl dd:after{top: 2.02vw;width: 2.54491%;height: 2.28987vw;background: url('../images/dot.png') 0 0 no-repeat;-webkit-background-size: contain;background-size: contain;} .section-04 .tab-cont dl.year2017 .thumb .space-m{width: 26.597%;} .section-04 .tab-cont dl.year2016 .thumb .space-m{width: 37.113%;} .section-04 .tab-cont dl.year2015 .thumb .space-m{width: 70.781%;} .section-04 .tab-cont dl.year2013 .thumb .space-m{width: 31.752%;} .section-04 .tab-cont dl.year2012 .thumb .space-m{width: 94.845%;} .section-04 .tab-cont dl.year2010 .thumb .space-m{width: 26.597%;} .section-04 .tab-cont dl.year2008 .thumb .space-m{width: 34.432%;} .section-04 .tab-cont dl.year2005 .thumb .space-m{width: 94.845%;} .section-04 .tab-cont dl.year2002 .thumb .space-m{width: 31.546%;} .section-04 .tab-cont dl.year2001 .thumb .space-m{width: 31.546%;} .section-04 .tab-cont dl.year2000 .thumb .space-m{width: 31.546%;} .section-04 .tab-cont dl.year1999 .thumb .space-m{width: 94.845%;} .section-04 .tab-cont dl.year1998 .thumb .space-m{width: 43.917%;} .section-04 .tab-cont dl.year1997 .thumb .space-m{width: 67.216%;} } table { width:100%; border-collapse:collapse; border-spacing:0 } table { margin:0; padding:0; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; word-break:normal } .new-partners-table table { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:35px; width:100% } .new-partners-table th { background:#f7f7f7; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-size:18px } .new-partners-table td { border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4 } .new-partners-table tr:last-child td { border-bottom:none } .new-partners-table th:first-child,.new-partners-table .ie-none td:first-child { border-left:none } .new-partners-table th,.new-partners-table td { text-align:center; padding:10px 0 } .new-partners-sectio .new-partners-table .new-partners-table-desc { text-align:right; color:#a6a6a6; font-size:14px; margin:10px 0 0 } /* 간격 */ .mt0{margin-top:0px !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .pt90{padding-top:90px !important} filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); } /* 검색 창 */ .srchArea {position:absolute; top:100px; left:0; padding:43px 0 41px; width:100%; background:#fff; text-align:center; overflow:hidden; display:none;} .srchArea.allSch{position:static; padding:80px 0 0 0; width:100%; background:#fff; text-align:center; overflow:hidden; display:block;} .srchArea.allSch .inputArea input{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color: #550adf;} .srchArea .inputArea { position:relative; display:inline-block; padding:3px; border-radius:32px; background: rgb(111, 35, 249); /* Old browsers */ background: -ms-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */ background: -o-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */ background: -moz-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .srchArea .inputArea input {border:0; padding:0 77px 0 32px; width:439px; height:58px; font-size:18px; border-radius:29px;} .srchArea .inputArea input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #a08cc6; opacity: 1; /* Firefox */ } .srchArea .inputArea input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a08cc6; } .srchArea .inputArea input::-ms-input-placeholder { /* Microsoft Edge */ color: #a08cc6; } .srchArea .inputArea a {position:absolute; top:17px; right:26px;} .srchArea .exArea {text-align:center; overflow:hidden; margin-top:25px;} .srchArea .exArea .ex {display:inline-block; vertical-align:top; width:42px; height:26px; line-height:1.2; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:18px; color:#333; text-align:center; background:#e1e1e1; border-radius:13px;} .srchArea .exArea div {display:inline-block; overflow:hidden; margin-left:15px} .srchArea .exArea div p {float:left; position:relative; font-size:18px; color:#555; line-height:24px; padding-left:10px; margin-left:10px;} .srchArea .exArea div p:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:16px; background:#e0e0e0;} .srchArea .exArea div p:first-child {padding-left:0; margin-left:0;} .srchArea .exArea div p:first-child:before {display:none;} .srchArea .resultTxt{margin-top:40px; color:#555; font-size:18px;} .srchArea .resultTxt span{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#550adf;} /* srchType */ .srchSel {position:relative; width:170px; height:54px; margin-right:10px; z-index:10;} .srchSel > a {display:block; padding-left:20px; border:1px solid #e1e1e1; line-height:52px; font-size:16px; color:#000; text-align:left; background:url("/common_mus/images/icon/srch_sel_icon.gif") no-repeat right 20px top 50%;} .srchSel > div {display:none; position:absolute; top:53px; left:0; padding:15px 0 20px; width:calc(100% - 2px); border:1px solid #e1e1e1; background:#fff;} .srchSel > div a {display:block; padding-left:20px; font-size:16px; color:#555; text-align:left; line-height:30px;} .srchSel > div a:first-child {margin-top:0;} .srchSel > div a.active {color:#000;} .srchType1 {text-align:center; margin-top:80px; margin-bottom:60px;} /* 공지사항 검색 */ .srchType1 > div {display:inline-block;} .srchType1 > div:after {content:''; display:block; clear:both} .srchType1 .srchSel {float:left;} .srchType1 .input {float:left; width:383px; height:52px; border:1px solid #e1e1e1; border-right:0; position:relative;} .srchType1 .input input {padding:3px 56px 3px 20px; width:307px; height:46px; border:0;} .srchType1 .input input[type="text"]::-ms-clear{display:none;} .srchType1 .input .srchXbt{position:absolute; top:17px; right:20px; display:none;} .srchType1 .srchBtn {float:left;} .srchType1 .calendarDiv{float:left; margin-right:97px;} .srchType1 .calendarDiv .calenInput{display:inline-block; overflow:hidden; vertical-align:middle} .srchType1 .calendarDiv .calenInput input{width:139px; height:46px; float:left; background:#f8f8f8;} .srchType1 .calendarDiv .calenInput .calenBt{width:52px; height:52px; float:left; display:block; border:1px solid #e1e1e1; border-left:0; background:url("/common_mus/images/icon/calen_btn.png") no-repeat center center;} .srchType1 .calendarDiv .calenInput .calenBt.on{background:#590ee3 url("/common_mus/images/icon/calen_btn_on.png") no-repeat center center; border:0; width:53px; height:54px;} .srchType1 .calendarDiv .calenInput .calenBt:focus{background:#590ee3 url("/common_mus/images/icon/calen_btn_on.png") no-repeat center center; border:0; width:53px; height:54px;} .srchType1 .calendarDiv span{display:inline-block; vertical-align:middle; margin:0 6px 0 7px;} .srchType2 {position:relative; width:100%; max-width:1170px; height:90px; text-align:center; margin-top:-45px; z-index:10;} /* 어트랙션 리스트 검색 */ .srchType2 .firstBt { display:block; width:100%; height:100%; text-align:center; box-shadow:5px 10px 70px rgba(0,0,0,0.4); background: rgb(111, 35, 249); /* Old browsers */ background: -ms-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */ background: -o-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */ background: -moz-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .srchType2 .firstBt span {display:inline-block; vertical-align:top; padding-left:50px; height:100%; font-size:20px; color:#fff; line-height:90px; background:url("/common_mus/images/btn/srch_btn2.png") no-repeat 0 50%;} .srchType2 .after { display:none; position:relative; width:100%; height:90px; text-align:left; box-shadow:5px 10px 70px rgba(0,0,0,0.4); background: rgb(111, 35, 249); /* Old browsers */ background: -ms-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */ background: -o-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */ background: -moz-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .srchType2 .after.taC{text-align:center;} .srchType2 .after > div {padding-left:50px; display:inline-block; height:100%;} .srchType2 .after > div .valueDiv {float:left; padding:20px 0; overflow:hidden; margin-left:30px;} .srchType2 .after > div .valueDiv:first-child {margin-left:0;} .srchType2 .after > div .valueDiv .tit {float:left; font-size:18px; color:#fff; line-height:48px;} .srchType2 .after > div .valueDiv .value {position:relative; float:left; border:1px solid #fff; width:168px; height:48px; line-height:46px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#fff; text-align:center; border-radius:25px; margin-left:20px;} .srchType2 .after > div .valueDiv .value.cm:after {content:'cm'; position:absolute; right:20px; top:0; color:#fff;} .srchType2 .after > div .valueDiv.chk .value {width:128px; padding-right:39px; border:1px solid #8854e9; color:#8854e9; background:url("/common_mus/images/icon/srch_open_chk_icon.png") no-repeat right 9px top 50%;} .srchType2 .after > div .valueDiv.chk .value.on {border:1px solid #fff; color:#fff; background:url("/common_mus/images/icon/srch_open_chk_icon_on.png") no-repeat right 9px top 50%;} .srchType2 .after > .srchBt {position:absolute; top:50%; right:70px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .srchType2 .after > .resetBt {position:absolute; top:50%; right:30px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .srchType2 .openDiv {display:none; position:absolute; top:0; left:0; width:100%; padding:50px 0; box-shadow:5px 10px 70px rgba(0,0,0,0.4); background:url("/common_mus/images/icon/srch_open_bg.jpg") no-repeat 100% 100%; background-size:cover;} .srchType2 .openDiv .tit {font-size:26px; color:#fcdb05;} .srchType2 .openDiv .selArea {display:inline-block; margin-top:60px;} .srchType2 .openDiv .selArea .inputDiv{position:relative; width:250px; height:50px;} .srchType2 .openDiv .selArea .inputDiv input{box-sizing:border-box; padding:0 60px 0 30px; width:100%; height:100%; border-radius:25px; background:#fff; color:#550adf; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; text-align:left;} .srchType2 .openDiv .selArea .inputDiv .cmFix{position:absolute; right:0; top:15px; right:30px; color:#550adf;} .srchType2 .openDiv .selArea:after {content:''; display:block; clear:both;} .srchType2 .openDiv .selArea > div {float:left; margin-left:20px;} .srchType2 .openDiv .selArea > div:first-child {margin-left:0;} .srchType2 .openDiv .selArea > div .selTit {font-size:18px; color:#fff; margin-bottom:20px;} .srchType2 .openDiv .btnArea {margin-top:100px;} .srchType2 .openDiv .btnArea a{display:inline-block; vertical-align:top;} .srchType2 .openDiv .btnArea a:first-child {width:168px; height:48px; line-height:48px; font-size:18px; color:#fff; border:1px solid #fff; border-radius:25px; margin-right:10px;} .srchType2 .openDiv .closeBt {position:absolute; top:30px; right:30px; display:block;} .srchType3 {text-align:center; margin-top:80px;} /* 이달의 혜택 검색 */ .srchType3 > div {display:inline-block; position:relative;} .srchType3 > div:after {content:''; display:block; clear:both} .srchType3 .radio{margin-bottom:20px;} .srchType3 .radio p{display:inline-block;} .srchType3 .radio p:first-child{margin-right:40px;} .srchType3 .radio p input{display:inline-block; width:30px; height:30px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; margin-right:5px; padding:0; cursor:pointer; background:url("/common_mus/images/icon/radio_bg.png") no-repeat 0 0;} .srchType3 .radio p label{font-size:18px; color:#000; line-height:28px;vertical-align:middle;} .srchType3 .radio p.on input{background:url("/common_mus/images/icon/radio_bg_checked.png") no-repeat 0 0;} .srchType3 .radio p.on label{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;} .srchType3 .select{width:705px; float:left} .srchType3 .select:after{display:block; content:''; clear:both} .srchType3 .srchSel {float:left; width:225px;} .srchType3 .srchSel.type2{width:460px;} .srchType3 .srchSel > a.active{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif} .srchType3 .input {width:693px; margin-right:10px; border:1px solid #e1e1e1; float:left; text-align:right; display:none; position:relative;} .srchType3 .input input {padding:3px 56px 3px 20px; width:617px; height:46px; border:0; background:#fff;} .srchType3 .input input[type="text"]::-ms-clear{display:none;} .srchType3 .input .srchXbt{position:absolute; top:17px; right:20px; display:none;} .srchType3 .srchBtn {float:left;} .srchType3 .resetBtn{float:left; width:78px; margin-left:10px; text-align:center; background:#f8f8f8; border:1px solid #e1e1e1; padding:18px 0; font-size:16px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;} /* 셀렉트 */ .openSel {position:relative; width:250px; height:50px; background:#fff; box-shadow:5px 10px 70px rgba(0,0,0,0.2); border-radius:25px;} .openSel:after {content:''; position:absolute; top:50%; right:20px; margin-top:-3px; width:10px; height:6px; background:url("/common_mus/images/icon/srch_sel_icon2.png") no-repeat 0 0;} .openSel > a {display:block; padding-left:30px; height:100%; line-height:48px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#550adf; text-align:left;} .openSel .option {position:absolute; top:50%; left:0; box-sizing:border-box; width:100%; padding:17px 0; background:#fff; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); box-shadow:5px 10px 70px rgba(0,0,0,0.2); border-radius:25px; overflow:hidden; display:none;} .openSel .option li {padding:0 30px;} .openSel .option li a {display:block; font-size:16px; color:#550adf; line-height:30px; text-align:left;} .openSel .option li a.selected {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;} /* 체크 */ .chkBtn {position:relative; width:250px; height:50px; background:#fff; box-shadow:5px 10px 70px rgba(0,0,0,0.2); border-radius:25px;} .chkBtn > a {display:block; padding-left:30px; height:100%; line-height:48px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#550adf; text-align:left;} .chkBtn > a:after {content:''; position:absolute; top:50%; right:10px; margin-top:-15px; width:30px; height:30px; background:url("/common_mus/images/icon/srch_chk_icon.png") no-repeat 0 0;} .chkBtn > a.on:after {background:url("/common_mus/images/icon/srch_chk_icon_on.png") no-repeat 0 0;} /* listType */ .listType1 {border-top:2px solid #000; margin-top:60px;}/* 텍스트리스트 */ .listType1 .listHead {display:table; width:100%; padding:22px 0; border-bottom:1px solid #cacaca; overflow:hidden;} .listType1 .listHead p {display:table-cell; position:relative; font-size:16px; color:#000; text-align:center; vertical-align:middle; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;} .listType1 .listHead p:before {content:''; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; background:#b2b2b2; border-radius:2px;} .listType1 .listHead p:first-child:before {display:none;} .listType1 .listHead .num {width:127px;} .listType1 .listHead .type {width:132px;} .listType1 .listHead .title {width:619px;} .listType1 .listHead .date {width:146px;} .listType1 .listHead .view {width:146px;} .listType1 .listHead .view2 {width:146px;} .listType1 .listHead .sort {width:142px;} .listType1 .listHead .find {width:319px;} .listType1 .listHead .place {width:318px;} .listType1 .listHead .date2 {width:180px;} .listType1 .listHead .result {width:211px;} .listType1 ul li {display:table; width:100%; padding:17px 0; border-bottom:1px solid #e1e1e1; overflow:hidden; min-height:30px; line-height:1.5} .listType1 ul li p {display:table-cell; font-size:16px; color:#000; text-align:center; vertical-align:middle;} .listType1 ul li p a {display:inline-block; max-width:100%; font-size:18px; color:#000; text-align:left;} .listType1 ul li p a:hover, .listType1 ul li p a:focus {text-decoration:underline !important;} .listType1 ul li .num {width:127px; color:#555;} .listType1 ul li .type {width:132px; color:#555;} /*.listType1 ul li .type .notice {display:inline-block; width:54px; height:28px; line-height:26px; font-size:16px; color:#0d72e2; border:1px solid #0d72e2; border-radius:15px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}*/ .listType1 ul li .title {padding-left:55px; width:564px; max-width:564px; text-align:left; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;} .listType1 ul li .title a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .listType1 ul li .date {width:146px; color:#555;} .listType1 ul li .view {width:146px; color:#555;} .listType1 ul li .view2 {width:146px; color:#555;} .listType1 ul li .sort {width:142px; color:#555;} .listType1 ul li .find {padding-left:95px; width:224px; text-align:left; font-size:18px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;} .listType1 ul li .place {padding-left:100px; width:218px; max-width:218px; text-align:left; position:relative;} .listType1 ul li .place span{width:14px; height:24px; background:url("/common_mus/images/icon/map_icon_on.png") no-repeat 0 0; position:absolute; top:7px; left:76px;} .listType1 ul li .date2 {width:180px; color:#555;} .listType1 ul li .result {width:211px; color:#555;} .listWrap{margin-top:50px;}/* 공지사항 상단 건수 */ .listWrap .listUtil:after{content:""; display:block; clear:both;} .listWrap .listUtil p{float:left; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:30px;} .listWrap .listUtil p:before{display:inline-block; content:"|"; margin:0 14px; color:#e1e1e1; font-size:14px;} .listWrap .listUtil p:first-child:before{content:""; margin:0} .listWrap .listUtil p span{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#550adf} .listWrap .listType1{margin-top:30px;} .listType2 {margin-top:55px;}/* 이미지리스트 */ .listType2:after {content:''; display:block; clear:both;} .listType2.roll{margin:0;} .listType2.roll a{margin:0; float:none;} .listType2 a {display:block; float:left; position:relative; width:265px; box-sizing:border-box; margin-top:22px; margin-right:22px; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;} .listType2 a:first-child, .listType2 a:nth-child(2), .listType2 a:nth-child(3), .listType2 a:nth-child(4) {margin-top:0;} .listType2 a:nth-child(4n) {margin-right:0;} .listType2 a span {display:block;} .listType2 a .label {position:absolute; top:20px; left:20px; z-index:1; width:60px; font-size:15px; color:#fff; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:35px; text-align:center; border-radius:3px;} .listType2 a .label.t1 {background:rgba(28,124,87,0.8);} .listType2 a .label.t2 {background:rgba(132,107,67,0.8);} .listType2 a .label.t3 {background:rgba(136,136,136,0.8);} .listType2 a .thumb {position:relative; max-height:246px; overflow:hidden;} .listType2 a .thumb img {width:100%;} .listType2 a .titArea {padding:27px 25px 30px; background:#fff;} .listType2 a .titArea .tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:15px; color:#000;} .listType2 a .titArea.type2 .tit {line-height:30px; overflow:hidden; text-overflow:ellipsis; height:60px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .listType2 a .titArea.type2 .tit strong {display:block; font-size:18px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;} .listType2 a .titArea .txt{font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; margin-top:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .listType2 a .titArea .date{font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#888; margin-top:7px;} .listType2 a:hover {box-shadow:20px 20px 40px 0 rgba(0,0,0,0.2)} .listType2 a:hover .titArea, .listType2 a:focus .titArea { background: rgb(102, 153, 255); /* Old browsers */ background: -ms-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* ie */ background: -o-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* opera */ background: -moz-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .listType2 a:hover .titArea .tit, .listType2 a:focus .titArea .tit {color:#fff;} .listType2 a:hover .titArea .txt, .listType2 a:focus .titArea .txt {color:rgba(255,255,255,0.8);} .listType2 a:hover .titArea .tag, .listType2 a:focus .titArea .tag {color:#b79fe4;} .listType2 a:hover .titArea .date, .listType2 a:focus .titArea .date {color:rgba(255,255,255,0.5);} .listType2 a.border .thumb{border:1px solid #e3e3e3;} .listType3 {margin-top:60px;}/* 텍스트 리스트 */ .listType3:after {content:''; display:block; clear:both;} .listType3 a {display:block; float:left; position:relative; width:265px; height:244px; padding:30px; border:1px solid #e1e1e1; background:#fff; box-sizing:border-box; margin-top:22px; margin-right:22px; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;} .listType3 a:first-child, .listType3 a:nth-child(2), .listType3 a:nth-child(3), .listType3 a:nth-child(4) {margin-top:0;} .listType3 a:nth-child(4n) {margin-right:0;} .listType3 a span {display:block;} .listType3 a .titArea .tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000; line-height:32px; overflow:hidden; text-overflow:ellipsis; height:160px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; } .listType3 a .dateArea {position:absolute; bottom:30px; left:30px; } .listType3 a:hover , .listType3 a:focus { background: rgb(102, 153, 255); /* Old browsers */ background: -ms-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* ie */ background: -o-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* opera */ background: -moz-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top left, rgba(102, 153, 255,1) 0%, rgba(56,153,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .listType3 a:hover .titArea .tit, .listType3 a:focus .titArea .tit {color:#fff;} .listType3 a:hover .dateArea .date, .listType3 a:focus .dateArea .date {color:#fff;} /* viewType */ .viewType1 {border-top:1px solid #000; margin-top:80px;}/* 공지사항 상세 */ .viewType1 .titArea {padding:26px 30px; display:table; width:calc(100% - 52px); vertical-align:middle; overflow:hidden;} .viewType1 .titArea .label {display:table-cell; width:50px; vertical-align:middle; padding-right:20px; font-size:18px;} /*.viewType1 .titArea .label p {border:1px solid #0d72e2; width:54px; height:28px; line-height:26px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#0d72e2; text-align:center; border-radius:15px;}*/ .viewType1 .titArea .tit {display:table-cell; vertical-align:middle; padding-right:20px; width:963px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#000; line-height:30px; word-break:break-all;} .viewType1 .titArea .tit.type2{width:1035px;} .viewType1 .titArea .date {display:table-cell; vertical-align:middle; width:121px; font-size:16px; color:#555; line-height:30px;text-align:right;} .viewType1 .titArea.type2 .label {width:60px;} .viewType1 .titArea.type2 .label span {display:inline-block; width:100%; color:#fff; font-size:15px; line-height:35px; text-align:center; border-radius:4px; } .viewType1 .titArea.type2 .label.t1 span {background:rgba(28,124,87,0.8);} .viewType1 .titArea.type2 .label.t2 span {background:rgba(132,107,67,0.8);} .viewType1 .titArea.type2 .label.t3 span {background:rgba(136,136,136,0.8);} .viewType1 .titArea.type2 .tit {width:835px;} .viewType1 .titArea.type2 .date {width:165px;} .viewType1 .txtArea {padding:50px 30px 65px; border-top:1px solid #cacaca; font-size:16px; color:#555; line-height:1.3; word-break:break-all;} .viewType1 .txtArea strong {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;} .viewType1 .txtArea .fMed {color:#000;} .viewType1 .txtArea img {width:100%;} .viewType1 .txtArea .img {text-align:center; margin:50px 0;} .viewType1 .txtArea .img:first-child {margin-top:0} .viewType1 .txtArea .img:last-child {margin-bottom:0} .viewType1 .txtArea .img img {width:100%;} .viewType1 .txtArea table {text-align:center;} .viewType1 .txtArea table tr td, .viewType1 .txtArea table tr th {padding:5px;} .viewType1 .fileArea {padding:30px 0; overflow:hidden;} .viewType1 .fileArea a {display:inline-block; padding:13px 54px 13px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:#f6f6f6 url("/common_mus/images/icon/down_icon.gif") no-repeat right 19px top 50%; margin-right:10px;} .viewType1 .prevNext {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .viewType1 .prevNext > div {padding:22px 30px;} .viewType1 .prevNext > div > a {display:block; width:100%; line-height:1.5;} .viewType1 .prevNext .prev {border-bottom:1px solid #e1e1e1;} .viewType1 .prevNext .prev span {display:inline-block; width:calc(100% - 128px); padding-left:50px; font-size:16px; color:#555; overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .viewType1 .prevNext .prev span:first-child {padding-left:0; padding-right:30px; width:45px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#000; background:url("/common_mus/images/icon/prev_icon.gif") no-repeat right 0 top 50%;} .viewType1 .prevNext .next span {display:inline-block; width:calc(100% - 128px); padding-left:50px; vertical-align:middle; font-size:16px; color:#555; overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .viewType1 .prevNext .next span:first-child {padding-left:0; padding-right:30px; width:45px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#000; background:url("/common_mus/images/icon/next_icon.gif") no-repeat right 0 top 50%;} .viewType1 .noteDiv {margin-top:60px;} .viewType1 .noteDiv .txtArea {border:0; padding:0} .veiwList {border-top:1px dotted #d8d8d8; padding-top:30px; margin-top:30px;} .veiwList li p{line-height:30px; display:inline-block; vertical-align:top;} .veiwList li p:first-child {width:130px; color:#1b7d58; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;} .viewType2{border-top:2px solid #000; margin-top:80px;}/* 온라인 상담내역 상세 */ .viewType2 table{border:0} .viewType2 table th{font-size:16px; width:130px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; text-align:left; border-bottom:1px solid #e1e1e1; background:#f8f8f8; padding:30px 20px;} .viewType2 table td{font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:28px; padding:30px; border-bottom:1px solid #e1e1e1; } .viewType2 table td.type2{padding:20px 30px;} .viewType2 table td .file{padding:13px 54px 13px 20px; background:#f6f6f6 url("/common_mus/images/icon/down_icon.gif") no-repeat right 19px top 50%; border:1px solid #e1e1e1;} .viewType2 .answerArea{margin-top:50px;} .viewType2 .answerArea .answerTop:after{content:""; display:block; clear:both;} .viewType2 .answerArea .answerTop .label{width:98px; padding:29px 0; text-align:center; font-size:16px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; background:#691ef3;border:1px solid #691ef3; float:left;} .viewType2 .answerArea .answerTop .date{float:left; width:989px; border:1px solid #e1e1e1; border-left:0; padding:29px 40px; background:#f8f8f8; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;} .viewType2 .answerCon{border:1px solid #e1e1e1; border-top:0; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:28px; padding:40px;} .viewType3{width:1170px; margin:80px auto 0; overflow:hidden} .viewType3 .imgRollArea{width:574px; height:512px; float:left; margin-top:0} .viewType3 .infoTxtArea{width:556px; height:512px; float:right; border-top:2px solid #000; padding-top:42px; box-sizing:border-box;} .viewType3 .infoTxtArea li{display:table; min-height:80px; padding-left:95px; color:#000; margin-bottom:40px} .viewType3 .infoTxtArea li .tableCell{display:table-cell; vertical-align:middle; min-height:80px;} .viewType3 .infoTxtArea li.op1{background:url('/common_mus/images/icon/dininginfo_icon1.png') no-repeat 0 center; background-size: ;} .viewType3 .infoTxtArea li.op1_1{background:url('/common_mus/images/icon/dininginfo_icon1_1.png') no-repeat 0 center; background-size: ;} .viewType3 .infoTxtArea li.op2{background:url('/common_mus/images/icon/dininginfo_icon2.png') no-repeat 0 center; background-size: ;} .viewType3 .infoTxtArea li.op3{background:url('/common_mus/images/icon/dininginfo_icon3.png') no-repeat 0 center; background-size: ;} .viewType3 .infoTxtArea li.op4{background:url('/common_mus/images/icon/dininginfo_icon4.png') no-repeat 0 center; background-size: ;} .viewType3 .infoTxtArea li .txt1{font-size:22px;} .viewType3 .infoTxtArea li .txt2{font-size:16px; line-height:26px; margin-top:12px} .viewType3 .infoTxtArea li .txt2 strong{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; line-height:26px; margin-top:12px} .viewType3 .infoTxtArea li .txt2 span{color:#555;} .viewType3 .infoTxtArea.type2{padding:0;} .viewType3 .infoTxtArea.type2 > .tit{font-size:28px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; padding:40px 0; border-bottom:1px dotted #e1e1e1;} .viewType3 .infoTxtArea.type2 .infoDl{margin-top:20px; font-size:16px; line-height:36px;} .viewType3 .infoTxtArea.type2 .infoDl dt{font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; padding-left:15px; position:relative;} .viewType3 .infoTxtArea.type2 .infoDl dt:before{content:""; display:block; width:4px; height:36px; background:url("/common_mus/images/icon/dot_list.png") no-repeat 0 center; position:absolute;top:0;left:0;} .viewType3 .infoTxtArea.type2 .infoDl dd{margin-left:20px; text-indent:-10px; padding-left:10px;} .viewType3 .infoTxtArea.type2 .infoDl dd:before{content:"-"; display:inline-block; } .viewType3 .infoTxtArea.type2 .infoDl dd a:hover{text-decoration:underline;} /* 뷰페이지 태그영역 */ .tagArea {text-align:center; margin-top:35px;} .tagArea > div {display:inline-block; padding-left:34px; background:url("/common_mus/images/icon/tag_icon.png") no-repeat 0 50%;} .tagArea > div a {display:inline-block; padding:0 20px; height:38px; border:1px solid #e1e1e1; font-size:16px; color:#555; line-height:38px; background:#fff; border-radius:20px; margin-left:5px;} .tagArea > div a:first-child {margin-left:0;} /* writeType */ .writeType1{border-top:2px solid #000;} .writeType1 ul li{border-bottom:1px solid #e1e1e1; display:table} .writeType1 ul li:after{content:"";display:block; clear:both;} .writeType1 ul li .left{display:table-cell; vertical-align:middle; width:150px; padding:27px 30px 27px 20px;} .writeType1 ul li .left .tit{font-size:16px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; line-height:26px;} .writeType1 ul li .left .tit.star{position:relative;padding-right:17px; display:inline-block;} .writeType1 ul li .left .tit.star:after{display:block; content:"*"; color:#550adf; position:absolute;top:0;right:0;line-height:33px;} .writeType1 ul li .right{display:table-cell; vertical-align:middle; width:970px; padding:27px 0;} .writeType1 ul li .right .txt{font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:26px;} .writeType1 ul li .right .txt.bor{border:1px solid #e1e1e1; padding:20px; margin-right:20px;} .writeType1 ul li .right.inputArea{padding:13px 0;} .writeType1 ul li .right.inputArea input{width:138px; height:52px; padding:0 20px; line-height:46px; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; margin-left:4px;} .writeType1 ul li .right.inputArea input:first-child{margin-left:0;} .writeType1 ul li .right.inputArea input:-ms-input-placeholder {color:#cfcfcf;}/*Internet Explorer 10 이상에 적용*/ .writeType1 ul li .right.inputArea input::-webkit-input-placeholder {color:#cfcfcf;} /*Webkit, Blink, Edge에 적용*/ .writeType1 ul li .right.inputArea input::-moz-placeholder {color:#cfcfcf;}/* Mozilla Firefox 4 부터 18에 적용*/ .writeType1 ul li .right.inputArea input::-moz-placeholder {color:#cfcfcf;}/*Mozilla Firefox 19 이상에 적용*/ .writeType1 ul li .right.inputArea input.type2{width:908px;} .writeType1 ul li .right.inputArea input.type3{width:378px;} .writeType1 ul li .right.inputArea select{width:180px; height:54px; margin-left:4px; padding:0 20px; line-height:46px; font-size:16px; color:#555; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/common_mus/images/icon/select_arrow.png") no-repeat 146px center;} .writeType1 ul li .right.inputArea select::-ms-expand {display: none;} .writeType1 ul li .right.inputArea select:first-child{margin-left:0;} .writeType1 ul li .right.inputArea select.type2{width:420px; background-position:387px center;} .writeType1 ul li .right.inputArea select.resizeselect{background:url("/common_mus/images/icon/select_arrow2.gif") no-repeat right center; }/*유동적인 select*/ .writeType1 ul li .right.inputArea textarea{width:910px; height:52px; padding:20px; line-height:26px; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;} .writeType1 ul li .right.inputArea textarea.type2{height:198px;} .writeType1 ul li .right.inputArea .agreeTxt{height:198px; width:910px; padding:20px; line-height:26px; font-size:16px; border:1px solid #e1e1e1; overflow-y:scroll;} .writeType1 ul li .right.inputArea span{margin-left:4px; color:#cfcfcf; line-height:46px; vertical-align:middle;} .writeType1 ul li .right.inputArea .mark{display:inline-block; margin-left:10px; font-size:16px; color:#888; line-height:24px; vertical-align:top;} .writeType1 ul li .right.inputArea .mark .markT{padding-left:17px; position:relative; vertical-align:top; display:inline-block; color:#888; line-height:24px;} .writeType1 ul li .right.inputArea .mark .markT:before{content:"※"; display:inline-block; position:absolute;top:0;left:0; } .writeType1 ul li .right.inputArea .fileDiv {overflow:hidden;} .writeType1 ul li .right.inputArea .fileDiv > input {float:left; margin-right:4px;} .writeType1 ul li .right.inputArea .fileChoice {width:100px; height:14px; float:left; position:relative; text-align:center; padding:18px 0 22px; background:#777; color:#fff; font-size:16px; overflow:hidden; font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;} .writeType1 ul li .right.inputArea .fileChoice > input {height:80px !important; position:absolute; bottom:0; left:0; opacity:0; box-sizing:border-box; cursor:pointer;} .writeType1 ul li .right.inputArea .fileArea {margin-top:10px;} .writeType1 ul li .right.inputArea .fileArea a {display:inline-block; padding:13px 54px 13px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:#f6f6f6 url("/common_mus/images/icon/file_x_icon.gif") no-repeat right 19px top 50%; margin-right:10px;} .writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:178px; height:52px; float:left; border:1px solid #e1e1e1; margin-right:5px; overflow:hidden} .writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {width:100%} .writeType1 ul li .right.inputArea .captchaDiv .againBt {margin-left:1px; background:#777 url("/common_mus/images/icon/captcha_icon1.gif") no-repeat center center; display:inline-block; height:40px; width:40px; vertical-align:bottom;} .writeType1 ul li .right.inputArea .captchaDiv .listenBt {background:#777 url("/common_mus/images/icon/captcha_icon2.gif") no-repeat center center; display:inline-block; height:40px; width:40px; vertical-align:bottom;} .writeType1 ul li .right.inputArea .cGreen {margin-top:20px;} /* 참여신청 */ .applyDiv{margin-top:80px;} .applyDiv > .tit{font-size:22px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; margin-top:100px;} .applyDiv > .tit br{display:none;} .applyDiv > .tit:first-child{margin-top:0;} .applyDiv > .cPurple{font-size:16px; margin-top:20px;} .applyDiv .writeType1{margin-top:25px;} .applyDiv .writeType1.type2{margin-top:50px;} .check{text-align:right; margin-top:18px;} .check input[type="checkbox"]{display:inline-block; width:20px; height:20px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; margin-right:5px; padding:0; cursor:pointer; background:url("/common_mus/images/icon/check_icon.gif") no-repeat 0 0;} .check input[type="checkbox"]:checked{background:url("/common_mus/images/icon/check_icon_on.gif") no-repeat 0 0;} .check label{font-size:16px; line-height:20px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; vertical-align:middle;} /* boardType */ .boardType1{border-top:2px solid #000;} .boardType1 table thead{background:#f8f8f8;} .boardType1 table thead th{padding:22px 0; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#333; text-align:center;} .boardType1 table thead th:first-child{border-left:0;} .boardType1 table tbody th{border-left:0; border-bottom:1px solid #e1e1e1; padding:22px 30px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#333; text-align:left;} .boardType1 table tbody td{border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:22px 30px; font-size:16px;} /* btnType */ .btnArea {text-align:center; margin-top:60px;} .btnArea a:nth-of-type(2){margin-left:10px;} .btnArea.type2 {margin-top:110px;} .btnArea.type2 .purpleBtn:first-child{margin-left:0;} .btnArea.type3 {margin-top:20px;} .greenBtn { display:inline-block; padding:0 70px; height:56px; line-height:54px; font-size:18px; color:#fff; text-align:center; border-radius:28px; background: rgb(102,153,255); /* Old browsers */ background: -ms-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* ie */ background: -o-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* opera */ background: -moz-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .whiteBtn {display:inline-block; padding:0 70px; height:56px; line-height:54px; font-size:18px; color:#6699ff; text-align:center; border-radius:28px; background:#fff;} .bGreenBtn{display:inline-block; padding:0 68px; height:52px; line-height:50px; font-size:18px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#6699ff; text-align:center; border:2px solid #6699ff; border-radius:30px;} .bWhiteBtn {display:inline-block; padding:0 68px; height:52px; line-height:50px; font-size:18px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; text-align:center; border:2px solid #fff; border-radius:30px;} .moreBtn {display:inline-block; padding:0 68px; height:47px; line-height:45px; font-size:16px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#333; text-align:center; border:2px solid #d9d9d9; border-radius:25px; background:#fff;} .moreBtn span{background:url("/common_mus/images/icon/moreBt_icon.png") no-repeat center right; padding-right:20px;} .hoverBtn {display:inline-block; padding:0 18px; border:2px solid #6217ec; height:32px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:15px; color:#550adf; line-height:30px; background:#fff; border-radius:18px;} .hoverBtn:hover, .hoverBtn:focus { padding:0 20px; border:0; height:36px; line-height:34px; color:#fff; background: rgb(111, 35, 249); /* Old browsers */ background: -ms-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */ background: -o-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */ background: -moz-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom right, rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* tabType */ .tabBtn {display:table; table-layout:fixed; width:1170px; /*height:60px;*/ /*overflow:hidden;*/ margin:80px auto 0;} .tabBtn a {padding:20px 0; display:table-cell; vertical-align:middle; height:100%; box-sizing:border-box; border:1px solid #e1e1e1; border-left:0; border-top:0; background:#fff; font-size:18px; color:#000; text-align:center; } .tabBtn a span{line-height:21px; word-break:keep-all;} .tabBtn a:first-child, .tabBtn a:nth-child(7) {border-left:1px solid #e1e1e1;} .tabBtn a:nth-child(-n+6){border-top:1px solid #e1e1e1;} .tabBtn a.on { border-color:#6699ff !important; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; background: rgb(28, 124, 87); /* Old browsers */ background: -ms-linear-gradient(-110deg, rgba(28, 124, 87,1) 0%, rgba(15,141,98,1) 100%); /* ie */ background: -o-linear-gradient(-110deg, rgba(28, 124, 87,1) 0%, rgba(15,141,98,1) 100%); /* opera */ background: -moz-linear-gradient(-110deg, rgba(28, 124, 87,1) 0%, rgba(15,141,98,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-110deg, rgba(28, 124, 87,1) 0%, rgba(15,141,98,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-110deg, rgba(28, 124, 87,1) 0%, rgba(15,141,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .tabArea {margin-top:100px;} .tabArea .tabCon {margin-top:80px;} .tabBtn.tab6 a,.tabBtn.tab7 a,.tabBtn.tab8 a,.tabBtn.tab9 a,.tabBtn.tab10 a{display:block; float:left; width:16.6%; position:relative;} .tabBtn.tab6 a span,.tabBtn.tab7 a span,.tabBtn.tab8 a span,.tabBtn.tab9 a span, .tabBtn.tab10 a span{display:block; width:85%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)} /* paging */ .paging {position:relative; width:100%; text-align:center; margin-top:80px} .paging a {display:inline-block; margin-left:10px; width:48px; height:48px; border:1px solid #dadada; line-height:46px; font-weight:300; font-size:16px; color:#555; text-align:center; vertical-align:top; background:#fff; border-radius:25px;} .paging .first {border:0; width:auto; height:auto; line-height:12px; border-radius:0; background:none; margin-top:19px; margin-right:17px} .paging .prev {border:0; width:auto; height:auto; line-height:12px; border-radius:0; background:none; margin-top:19px; margin-right:17px} .paging .next {border:0; width:auto; height:auto; line-height:12px; border-radius:0; background:none; margin-top:19px; margin-left:27px} .paging .last {border:0; width:auto; height:auto; line-height:12px; border-radius:0; background:none; margin-top:19px; margin-left:17px} .paging .active { border:1px solid #6699ff; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#fff; background: rgb(102,153,255); /* Old browsers */ background: -ms-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* ie */ background: -o-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* opera */ background: -moz-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .pagingM{display:none;} .numPagingM{display:none;} /* 유튜브 영상 */ .youtubeArea {width:1170px; margin:40px auto 0;} .youtubeArea .youtube {position:relative; width:100%; height:0; padding-bottom:56.25%;} .youtubeArea .youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;} /* confirm 팝업창 */ .confirmArea {width:400px; position:absolute; top:0; left:50%; z-index:101; transform:translate(-50%, 0); box-shadow:20px 20px 60px rgba(0,0,0,0.2)} .confirmArea .popHead {background:#550adf; padding:0 20px; font-size:18px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; line-height:50px;} .confirmArea .popBody {background:#fff; padding:40px;} .confirmArea .popBody .txt {font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; line-height:28px; text-align:center;} .confirmArea .popBody .popBtn {margin-top:30px; text-align:center;} .confirmArea .popBody .popBtn a {font-size:16px; line-height:38px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; width:86px; height:40px; box-sizing:border-box; padding:0; vertical-align:top;} .confirmArea .popBody .popBtn a:first-child {margin-right:5px;} .confirmArea .popBody .popBtn a.cancelBtn{line-height:36px;} .confirmArea .popClose {display:block; position:absolute; top:18px; right:20px;} /* 미디어쿼리 시작 */ @media all and (max-width:1200px) { .container {width:950px; padding:0;} .mapArea{width:100%;} .mapArea .list .img img{width:100%;} .closeInfo{width:100%;} .youtubeArea{width:100%;} .tabBtn{width:100%;} #util .container .family a {padding-left:16px; margin-left:15px; font-size:14px;} #util .container > div > a {padding-left:9px; margin-left:8px; line-height:26px;} #util .container .links a {font-size:13px;} #header .gnbArea {margin-left:120px;} #header .gnbArea .leftArea {width:235px;} #header .gnbArea .leftArea .tit {font-size:16px;} #header .gnbArea .leftArea dl {margin-top:30px;} #header .gnbArea .leftArea dl dt {font-size:18px; margin-top:20px;} #header .gnbArea .leftArea dl dt:first-child {margin-top:0;} #header .gnbArea .leftArea dl dd {font-size:22px; line-height:30px;} #header .gnb > li {padding-left:30px;} #header .gnb > li > a {font-size:16px; padding:20px 0 36px;} #header .gnb > li .twoD a {padding:15px 0; font-size:16px; left:30px;} #header .gnb > li .twoD .thrD a {font-size:14px; line-height:28px;} #header .gnb > li .twoD .thrD a:after {top:15px;} #header .gnb > li .twoD a.thrBt span:after {width:16px; height:16px; background-size:16px; right:-23px;} #header .gnb > li .twoD a.thrBt.on span:after {background-size:16px;} #header .right {margin-top:5px;} #header .gnbBg {display:none; position:absolute; top:70px; left:0; z-index:1; width:100%; height:335px; background:#fff;} #header .gnbBg:after {width:658px; margin-left:-279px; } /* #header .gnb > li .openDiv .inner {width:950px;} #header .gnb > li .openDiv .inner .leftArea .twoD {width:151px;} #header #gnb > li .openDiv .inner .leftArea .twoD li > a{font-size:16px} #header #gnb > li .openDiv .inner .leftArea .twoD li .thrD {width:200px;} #header #gnb > li .openDiv .inner .leftArea .twoD li .thrD > a {padding-left:25px; font-size:15px;} #header #gnb > li .openDiv .inner .rightArea .timeInfo {width:300px;} #header #gnb > li .openDiv .inner .rightArea .appDown a {padding:50px 30px; width:300px;} */ .lnbArea {max-width:950px;} #footer .container .top .links a {font-size:15px; margin-left:15px;} #footer .container .bottom .familySite {margin-top:15px} /* 탑버튼 */ .topBtn {right:40px;} /* srchType */ .srchType1 .calendarDiv{margin-right:50px;} .srchType1 .calendarDiv .calenInput input{width:100px;} .srchType1 .input {width:288px;} .srchType1 .input input {width:212px;} /* listType */ .listType1 ul li{padding:14px 0;} .listType1 ul li p{word-break:keep-all; line-height:23px;} .listType1 .listHead .num {width:115px;} .listType1 .listHead .type {width:115px;} .listType1 .listHead .title {width:460px;} .listType1 .listHead .date {width:130px;} .listType1 .listHead .view {width:130px;} .listType1 .listHead .view2 {width:130px;} .listType1 .listHead .sort {width:115px;} .listType1 .listHead .find {width:260px;} .listType1 .listHead .place {width:260px;} .listType1 .listHead .date2 {width:145px;} .listType1 .listHead .result {width:170px;} .listType1 ul li .num {width:115px;} .listType1 ul li .type {width:115px;} .listType1 ul li .title {padding-left:50px; width:410px; max-width:410px;} .listType1 ul li .date {width:130px;} .listType1 ul li .view {width:130px;} .listType1 ul li .view2 {width:130px;} .listType1 ul li .sort {width:115px;} .listType1 ul li .find {padding-left:60px; width:200px;} .listType1 ul li .place {padding-left:60px; width:200px; max-width:200px;} .listType1 ul li .place span{position:absolute; top:1px; left:40px;} .listType1 ul li .date2 {width:145px;} .listType1 ul li .result {width:170px;} .listType2 a {width:23.5%; margin-top:22px; margin-right:2%;} .listType2 a:first-child, .listType2 a:nth-child(2), .listType2 a:nth-child(3), .listType2 a:nth-child(4) {margin-top:0;} .listType2 a:nth-child(4n) {margin-right:0;} .listType2 a .titArea .tit {font-size:19px; } .listType2 a .titArea.type2 .tit strong {font-size:15px;} .listType3 a {width:23.5%; margin-right:2%;} .listType3 a .titArea .tit {font-size:19px;} .srchType2 .openDiv .openSel .option{z-index:1;} .srchType2 .openDiv .selArea {width:520px;} .srchType2 .openDiv .selArea.one {width:auto;} .srchType2 .openDiv .selArea > div {float:left; margin-left:0;} .srchType2 .openDiv .selArea > div:first-child {margin-left:0; margin-bottom:20px;} .srchType2 .openDiv .selArea > div:nth-child(2) {margin-bottom:20px;} .srchType2 .openDiv .selArea > div:nth-child(2n) {margin-left:20px;} .srchType2 .openDiv .btnArea {margin-top:70px;} .srchType2 .after {display:none; position:relative; width:100%; height:100%; text-align:left; box-shadow:5px 10px 70px rgba(0,0,0,0.4);} .srchType2 .after.taC{text-align:center;} .srchType2 .after.taC.restaurant{text-align:left;} .srchType2 .after > div {padding-left:50px; display:inline-block; height:100%;} .srchType2 .after > div .valueDiv {float:left; padding:20px 0; overflow:hidden; margin-left:30px;} .srchType2 .after > div .valueDiv:first-child {margin-left:0;} .srchType2 .after > div .valueDiv .tit {float:left; font-size:18px; color:#fff; line-height:48px;} .srchType2 .after > div .valueDiv .value {position:relative; float:left; border:1px solid #fff; width:168px; height:48px; line-height:46px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#fff; text-align:center; border-radius:25px; margin-left:20px;} .srchType2 .after > div .valueDiv .value.cm:after {content:'cm'; position:absolute; right:20px; top:0; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff;} .srchType2 .after > div .valueDiv.chk .value {width:128px; padding-right:39px; border:1px solid #8854e9; color:#8854e9; background:url("/common_mus/images/icon/srch_open_chk_icon.png") no-repeat right 9px top 50%;} .srchType2 .after > div .valueDiv.chk .value.on {border:1px solid #fff; color:#fff; background:url("/common_mus/images/icon/srch_open_chk_icon_on.png") no-repeat right 9px top 50%;} .srchType2 .after > .srchBt {position:absolute; top:50%; right:70px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .srchType2 .after > .resetBt {position:absolute; top:50%; right:30px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);} .srchType2 .after.attr{height:180px;} .srchType2 .after.attr > div {padding:0 250px 0 50px;} .srchType2 .after.attr > div .valueDiv:nth-child(3){margin-left:0;} /* writeType */ .writeType1 ul li .left{width:130px;} .writeType1 ul li .right{width:770px;} .writeType1 ul li .right.inputArea input.type2{width:728px;} .writeType1 ul li .right.inputArea input.type3{width:258px;} .writeType1 ul li .right.inputArea select.type2{width:300px; background-position:right 20px center;} .writeType1 ul li .right.inputArea textarea{width:728px;} .writeType1 ul li .right.inputArea .agreeTxt{width:728px;} .writeType1 ul li .right.inputArea span{margin-left:4px; color:#cfcfcf; line-height:46px; vertical-align:middle;} .writeType1 ul li .right.inputArea .mark{margin-left:0;} .writeType1 ul li .right.inputArea .mark .markT{margin-left:0;} .writeType1 ul li .right.inputArea select.resizeselect{background-size:auto 100%;} /* viewType */ .viewType1 .titArea.type2 .date {width:197px;} .viewType2 .answerArea .answerTop .date{width:769px;} .viewType3{width:100%;} .viewType3 .imgRollArea{width:48%; height:auto;} .viewType3 .infoTxtArea{width:48%; height:auto; padding-top:30px;} .viewType3 .infoTxtArea li{margin-bottom:4.5%} .viewType3 .infoTxtArea.type2 > .tit{font-size:26px; padding:20px 0;} .viewType3 .infoTxtArea.type2 .infoDl{margin-top:15px; font-size:16px; line-height:33px;} /* 어트랙션 이용정보 */ .rideInfo .cardArea .card {float:left; padding:25px; width:32%; margin-right:2%;} .rideInfo .cardArea .card:nth-child(2n) {float:left;} .rideInfo .cardArea .card:last-child {margin-right:0;} .rideInfo .cardArea .card .icon {width:70px; margin:auto;} .rideInfo .cardArea .card .icon img{width:100%;} .rideInfo .cardArea .card .txt {color:#000; margin-top:19px;} .rideInfo .cardArea .card .boldTxt {margin-top:40px;} .rideInfo .cardArea .card .lightTxt {margin-top:30px;} .rideInfo .cardArea .card .lightTxt br{display:none;} .rideInfo .cardArea .card .boldTxt{font-size:26px;} .rideInfo .cardArea .card .boldTxt2{margin-top:35px; height:auto;} .rideInfo .cardArea .card .boldTxt2 strong{width:100%;} } @media all and (max-width:1000px) { .subWrap {padding:0 0 100px;} .container {width:auto; padding:0 5%;} #util, #header {display:none;} /* 모바일 검색영역 */ .mSrchArea {display:; position:fixed; top:101px; left:0; width:100%; height:} /* 탑버튼 */ .topBtn {right:3%;} /* paging */ .paging {display:none;} .pagingM {position:relative; width:100%; text-align:center; margin-top:50px; display:block;} .numPagingM {position:relative; width:100%; text-align:center; margin-top:50px; display:block;} .numPagingM a {display:inline-block; margin-left:6px; width:30px; height:30px; border:1px solid #dadada; line-height:30px; font-size:11px; color:#555; text-align:center; vertical-align:top; background:#fff; border-radius:20px;} .numPagingM a img{height:12px;} .numPagingM .first {border:0; width:12px; height:12px; line-height:12px; border-radius:0; background:none; margin-top:10px; margin-right:6px; margin-left:0;} .numPagingM .prev {border:0; width:12px; height:12px; line-height:12px; border-radius:0; background:none; margin-top:10px; margin-right:14px} .numPagingM .next {border:0; width:12px; height:12px; line-height:12px; border-radius:0; background:none; margin-top:10px; margin-left:20px;} .numPagingM .last {border:0; width:12px; height:12px; line-height:12px; border-radius:0; background:none; margin-top:10px; margin-left:10px;} .numPagingM .active { border:1px solid #6699ff; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff; background: rgb(102,153,255); /* Old browsers */ background: -ms-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* ie */ background: -o-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* opera */ background: -moz-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-110deg , rgba(102,153,255,1) 0%, rgba(54,117,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* tabType */ .tabBtn a {display:block; position:relative; width:50%; height:60px; line-height:21px; float:left; border-bottom:1px solid #e1e1e1; border-top:0} .tabBtn.tab6 a, .tabBtn.tab7 a, .tabBtn.tab8 a, .tabBtn.tab9 a, .tabBtn.tab10 a{width:50%;} .tabBtn a:nth-child(-n+6){border-top:0} .tabBtn a:nth-child(1),.tabBtn a:nth-child(2){border-top:1px solid #e1e1e1;} .tabBtn a:nth-child(odd){border-left:1px solid #e1e1e1;} .tabBtn a span{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); line-height:21px; display:block; width:85%;} .tabBtn.tab1 a{width:100%} .tabArea .tabCon{margin-top:60px;} /* srchType */ .srchType1 > div{width:100%;} .srchType1 .srchSel {float:none; width:100%;} .srchSel {width:100%; margin-right:0; margin-bottom:10px; z-index:10;;} .srchSel > a {padding-left:3%; background:url("/common_mus/images/icon/srch_sel_icon.gif") no-repeat right 20px top 50%;} .srchSel > div a {padding-left:3%;} .srchSel.type2{z-index:9;} .srchType1 .input {width:calc(100% - 54px); height:54px; box-sizing:border-box;} .srchType1 .input input {padding:3px 3%; width:94%; border-right:0;} .srchType1 .srchBtn {width:54px;background:#000; text-align:center;} .srchType1 .calendarDiv{float:none; margin-right:0; margin-bottom:20px;} .srchType1 .calendarDiv .calenInput{width:47%;} .srchType1 .calendarDiv .calenInput input{width:70%; height:54px; box-sizing:border-box;} .srchType1 .calendarDiv .calenInput .calenBt{width:30%; height:54px; box-sizing:border-box;} .srchType1 .calendarDiv .calenInput .calenBt.on{width:30%; height:54px;} .srchType1 .calendarDiv .calenInput .calenBt:focus{width:30%; height:54px;} .srchType1 .calendarDiv span{margin:0; width:4%;} .srchType1.type2 .srchSel{float:left; width:390px; margin-right:10px;} .srchType2 {height:60px;} .srchType2 .firstBt {display:block; width:100%; height:80px; text-align:center; box-shadow:5px 10px 70px rgba(0,0,0,0.4);} .srchType2 .firstBt span {padding-left:29px; font-size:16px; line-height:80px; background-size:23px auto;} .srchType2 .after {height:auto; padding:25px 0; text-align:center;} .srchType2 .after.taC{text-align:center;} .srchType2 .after.taC.restaurant{text-align:center;} .srchType2 .after > div {display:block; width:330px; padding-left:0; margin:0 auto 25px;} .srchType2 .after > div .valueDiv {float:none; padding:0; margin:0 0 10px 0;} .srchType2 .after > div .valueDiv:first-child {margin-left:0;} .srchType2 .after > div .valueDiv .tit {width:80px; font-size:16px; line-height:50px; text-align:left;} .srchType2 .after > div .valueDiv .value {box-sizing:border-box; float:right; width:250px; height:50px; padding-left:15px; line-height:49px; font-size:16px; text-align:left; border-radius:25px; margin-left:0;} .srchType2 .after > div .valueDiv .value.cm:after {right:15px; top:0; font-size:13px; line-height:48px;} .srchType2 .after > div .valueDiv.chk .value {width:250px; background-size:22px 22px;} .srchType2 .after > div .valueDiv.chk .value.on {background:url("/common_mus/images/icon/srch_open_chk_icon_on.png") no-repeat right 9px top 50%; background-size:22px 22px;} .srchType2 .after > .srchBt {position:static; display:inline-block; width:23px; margin-right:17px;} .srchType2 .after > .resetBt {position:static; display:inline-block; width:20px;} .srchType2 .after > a img{width:100%;} .srchType2 .after.attr{height:auto;} .srchType2 .after.attr > div {padding:0;} .srchType2 .openDiv {padding:27px 0 40px; box-shadow:5px 10px 70px rgba(0,0,0,0.4); background:url("/common_mus/images/icon/srch_open_bg.jpg") no-repeat 100% 100%; background-size:cover;} .srchType2 .openDiv .tit {font-size:16px; line-height:22px;} .srchType2 .openDiv .tit br{display:block;} .srchType2 .openDiv .selArea {width:auto; margin-top:17px;} .srchType2 .openDiv .selArea .inputDiv{float:right; width:250px; height:50px;} .srchType2 .openDiv .selArea .inputDiv input{padding:0 30px 0 15px; font-size:13px; border-radius:25px;} .srchType2 .openDiv .selArea .inputDiv .cmFix{top:17px; right:20px; font-size:13px;} .srchType2 .openDiv .selArea > div {float:none; margin:0 0 10px 0; } .srchType2 .openDiv .selArea > div:after{content:''; display:block; clear:both;} .srchType2 .openDiv .selArea > div:first-child {margin-left:0; margin-bottom:10px;} .srchType2 .openDiv .selArea > div:last-child{margin-bottom:0;} .srchType2 .openDiv .selArea > div:nth-child(2) {margin-bottom:10px;} .srchType2 .openDiv .selArea > div:nth-child(2n) {margin-left:0;} .srchType2 .openDiv .selArea > div .selTit{float:left; width:80px; font-size:16px; text-align:left; line-height:50px; margin-bottom:0;} .srchType2 .openDiv .btnArea {margin-top:30px;} .srchType2 .openDiv .btnArea a:first-child{width:111px; height:38px; line-height:38px; font-size:15px; border-radius:20px; margin-right:5px;} .srchType2 .openDiv .btnArea a:last-child{width:40px; height:40px;} .srchType2 .openDiv .btnArea a:last-child img{width:100%;} .srchType2 .openDiv .closeBt {top:15px; right:15px; width:15px;} .srchType2 .openDiv .closeBt img{width:100%;} .srchType3 > div{display:block;} .srchType3 .select, .srchType3 .srchSel, .srchType3 .srchSel.type2{width:100%; float:none;} .srchType3 .input{width:100%; box-sizing:border-box; margin-right:0; float:none; margin-bottom:10px;} .srchType3 .input input{width:100%; box-sizing:border-box} .srchType3 .input .srchXbt{top:15px;} .srchType3 .srchBtn{width:100%; text-align:center; background:#000;} .srchType3 .srchBtn.on{width:calc(100% - 90px);} /* listType */ .listWrap .listType1{margin-top:40px;} .listType1 {margin-top:40px;}/* 텍스트리스트 */ .listType1 .listHead {display:none;} .listType1 ul li {display:block; width:94%; padding:20px 3%; position:relative;} .listType1 ul li p {display:block; text-align:left;} .listType1 ul li p a {display:inline-block; max-width:100%;} .listType1 ul li .num {display:none;} .listType1 ul li .type {width:100%; margin-bottom:13px;} /*.listType1 ul li .type .notice {display:block; }*/ .listType1 ul li .title {padding-left:0; width:80%; margin-bottom:13px;} .listType1 ul li .date {width:100%;} .listType1 ul li .view {display:none;} .listType1 ul li .sort {width:80%;} .listType1 ul li .find {padding-left:0; width:80%; margin:13px 0 10px;} .listType1 ul li .place {padding-left:19px; width:80%; max-width:80%; box-sizing:border-box; margin-bottom:10px;} .listType1 ul li .place span{left:0;} .listType1 ul li .date2 {width:80%;} .listType1 ul li .view2 {width:20%; position:absolute; top:50%; right:1%; transform:translate(0, -50%); word-break:keep-all; text-align:center;} .listType1 ul li .result {width:20%; position:absolute; top:50%; right:1%; transform:translate(0, -50%); word-break:keep-all; text-align:center;} .listType2{margin-top:40px;} .listType2 a {width:32%; margin-top:22px; margin-right:2%;} .listType2 a:first-child, .listType2 a:nth-child(2), .listType2 a:nth-child(3){margin-top:0;} .listType2 a:nth-child(4){margin-top:22px;} .listType2 a:nth-child(3n) {margin-right:0;} .listType2 a:nth-child(4n) {margin-right:2%;} .listType2 a:last-child {margin-right:0;} .listType2.roll a:nth-child(4){margin-top:0;} .listType2 a .titArea {padding:23px 3% 26px;} .listType3 {margin-top:40px;} .listType3 a {width:32%;} .listType3 a:first-child, .listType3 a:nth-child(2), .listType3 a:nth-child(3){margin-top:0;} .listType3 a:nth-child(4){margin-top:22px;} .listType3 a:nth-child(3n) {margin-right:0;} .listType3 a:nth-child(4n) {margin-right:2%;} .listType3 a:last-child {margin-right:0;} .listType3.roll a:nth-child(4){margin-top:0;} /* writeType */ .writeType1 ul li{width:100%} .writeType1 ul li .left{width:20%; padding:20px 0 20px 3%;} .writeType1 ul li .right{width:80%; padding:20px 3% 20px 0;} .writeType1 ul li .right .txt.bor{padding:20px 3%; margin-right:0;} .writeType1 ul li .right.inputArea{padding:13px 3% 13px 0;} .writeType1 ul li .right.inputArea input{width:100%; height:52px; padding:0 3%; margin-left:0; margin-bottom:10px; box-sizing:border-box;} .writeType1 ul li .right.inputArea input:last-child{margin-bottom:0;} .writeType1 ul li .right.inputArea input.type2{width:100%;} .writeType1 ul li .right.inputArea input.type3{width:100%;} .writeType1 ul li .right.inputArea input.type4{width:83%} .writeType1 ul li .right.inputArea select{width:100%; height:54px; margin-left:0; margin-bottom:10px; padding:0 3%; background: url("/common_mus/images/icon/select_arrow.png") no-repeat right 3% center;} .writeType1 ul li .right.inputArea select:last-child{margin-bottom:0;} .writeType1 ul li .right.inputArea select.type2{width:100%; background-position:right 3% center;} .writeType1 ul li .right.inputArea textarea{width:100%; padding:10px 3%; box-sizing:border-box;} .writeType1 ul li .right.inputArea .agreeTxt{width:94%; padding:20px 3%;} .writeType1 ul li .right.inputArea span{vertical-align:top;} .writeType1 ul li .right.inputArea .fileDiv > input {width:59%; margin-bottom:0;} .writeType1 ul li .right.inputArea .fileArea {margin-top:10px;} .writeType1 ul li .right.inputArea .fileArea a {display:block;} .writeType1 ul li .right.inputArea .fileArea a:last-child{margin-bottom:0;} .writeType1 ul li .right.inputArea .captchaDiv .captchaImg {display:inline-block; float:none; width:136px; height:40px; margin-right:0} .writeType1 ul li .right.inputArea .captchaDiv > input.type3{margin-top:10px; width:100%; box-sizing:border-box;} .writeType1 ul li .right.inputArea .cGreen {line-height:20px; word-break:keep-all;} .writeType1 ul li.tableNo{display:block} .writeType1 ul li.tableNo .left{width:94%; display:block; padding:20px 3%;} .writeType1 ul li.tableNo .left .tit br{display:none;} .writeType1 ul li.tableNo .right{width:94%; display:block; padding:0 3% 10px;} .check{text-align:left;} .openSel {float:right;} .chkBtn{float:right;} /* viewType */ .viewType1 .titArea.type2 .label {width:80px;} .viewType1 .titArea.type2 .date {width:127px;} .viewType1 .fileArea {padding:0 0 30px; overflow:hidden;} .viewType1 .fileArea a {display:block; padding:13px 3%; margin-right:0; margin-bottom:10px;} .viewType1 .fileArea a:last-child{margin-bottom:0;} .viewType1 .txtArea .img{margin-bottom:30px; width:100%;} .viewType1 .txtArea .img img{width:100%;} .viewType2 .answerArea .answerTop .label{width:20%; padding:29px 0; box-sizing:border-box;} .viewType2 .answerArea .answerTop .date{width:80%; padding:29px 5%; box-sizing:border-box;} .viewType3{margin:60px auto 0;} .viewType3 .imgRollArea{width:100%; height:auto;} .viewType3 .infoTxtArea{width:100%; height:auto; padding:50px 5% 0;} .viewType3 .infoTxtArea li{margin-bottom:4.5%} .viewType3 .infoTxtArea.type2 > .tit{margin-top:20px; font-size:26px; padding:20px 0;} .viewType3 .infoTxtArea.type2 .infoDl{margin-top:15px; font-size:16px; line-height:33px;} /* 어트랙션 이용정보 */ .rideInfo .cardArea .card {float:left; padding:30px; width:48%; height:345px; margin:0 0 20px 0;} .rideInfo .cardArea .card:nth-child(2n){float:right;} .rideInfo .restArea p {display:inline-block; padding:120px 5px 0; min-width:100px; font-size:16px; color:#000;} /* 레이어팝업 */ .layerPop{width:94%; position:fixed; top:50%; left:50%; z-index:101; transform:translate(-50%, -50%); background:#fff;} .layerPop .popHead{padding:0 3%;} .layerPop .popBody {background:#fff; padding:20px 0 20px 3%; width:100%; box-sizing:border-box;} .layerPop .popBody .mCSB_container{width:100%;} .layerPop .popBody .mCustomScrollBox.mCS-light{padding:0 3% 0 0;} .layerPop .popBody .stepDiv{padding:30px 3%; width:100%; box-sizing:border-box;} .layerPop .popBody .stepDiv ul{width:100%;} .layerPop .popBody .stepDiv.type3 ul li.step2{left:20%;} .layerPop .popBody .stepDiv.type3 ul li.step4{right:20%;} } @media all and (max-width:758px){ /* 모바일 검색영역 */ .mSrchArea {top:51px;} .mSrchArea .inputArea { position:relative; display:inline-block; border-radius:32px; width:94%; box-sizing:border-box; } .mSrchArea .inputArea input {height:37px; font-size:13px; border-radius:19px;} .mSrchArea .inputArea a {top:12px; right:5%;} .mSrchArea .inputArea a img {width:15px;} .mSrchArea .exArea {margin-top:20px} .mSrchArea .exArea .ex {width:21px; height:13px; line-height:1; font-size:11px; border-radius:10px; margin-top:2px} .mSrchArea .exArea div {margin-left:7px} .mSrchArea .exArea div p {float:left; font-size:13px; line-height:13px; padding-left:7px; margin-left:7px;} .mSrchArea .exArea div p:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#e0e0e0;} .container {width:auto; padding:0 3%;} /* btnType */ .btnArea {margin-top:50px;} .btnArea a:nth-child(2){margin-left:5px} .greenBtn {padding:0 35px; height:35px; font-size:14px; line-height:33px; border-radius:17px;} .bGreenBtn {padding:0 35px; height:31px; font-size:14px; line-height:31px; border-radius:17px;} .moreBtn {height:30px; line-height:28px; padding:0 35px; font-size:14px; border-radius:17px;} .moreBtn span{background:url("/common_mus/images/icon/moreBt_icon.png") no-repeat center right; background-size:8px; padding-right:11px;} .whiteBtn {padding:0 35px; height:28px; line-height:27px; font-size:14px; border-radius:14px;} .bWhiteBtn {padding:0 34px; height:26px; line-height:25px; font-size:14px; border-radius:15px;} .subVisArea .lnbArea .lnb > div > a {background-size:25px;} .subVisArea .lnbArea .lnb .home {background-size:25px;} .subVisArea .lnbArea .shareArea .share > a {background-size:25px;} .subVisArea .lnbArea .shareArea .share > a:hover, .lnbArea .shareArea .share > a.on {background-size:25px;} .subVisArea .lnbArea .shareArea .print a {background-size:25px;} /* titleType */ h2 {font-size:28px; padding-top:0;} .subTit {font-size:20px; margin-top:50px;} .h2Txt {font-size:14px; line-height:20px; margin-top:15px; padding:0 3%;} .h2Txt br{display:none;} /* srchType */ .srchType1 {margin-top:50px; margin-bottom:40px;} .srchSel {height:40px; margin-bottom:5px;} .srchSel > a {line-height:38px; font-size:13px; background:url("/common_mus/images/icon/srch_sel_icon.gif") no-repeat right 15px top 50%; background-size:10px 5px} .srchSel > div {top:39px;} .srchSel > div a {font-size:13px;} .srchType1 .input {width:calc(100% - 40px); height:40px;} .srchType1 .input input {height:32px; font-size:13px;} .srchType1 .srchBtn{width:40px;} .srchType1 .input .srchXbt{top:11px; right:3%;} .srchType1 .input .srchXbt img{width:16px;} .srchType1 .srchBtn img{width:40px;} .srchType1 .calendarDiv .calenInput input{height:40px; box-sizing:border-box;} .srchType1 .calendarDiv .calenInput .calenBt{height:40px; background:url("/common_mus/images/icon/m_calen_btn.png") no-repeat center center; background-size:17px;} .srchType1 .calendarDiv .calenInput .calenBt.on{background:#590ee3 url("/common_mus/images/icon/m_calen_btn_on.png") no-repeat center center; width:30%; height:40px; background-size:17px;} .srchType1 .calendarDiv .calenInput .calenBt:focus{background:#590ee3 url("/common_mus/images/icon/m_calen_btn_on.png") no-repeat center center; width:30%; height:40px; background-size:17px;} .srchType1.type2 > div{width:100%;} .srchType1.type2 .srchSel{float:none; width:calc(100% - 60px ); margin-right:0;} .srchType2{height:60px;} .srchType2 .firstBt {height:60px;} .srchType2 .firstBt span {line-height:60px;} .srchType2 .after {height:auto; padding:25px 0; text-align:center;} .srchType2 .after.taC{text-align:center;} .srchType2 .after.taC.restaurant{text-align:center;} .srchType2 .after > div {width:260px;} .srchType2 .after > div .valueDiv {float:none; padding:0; margin:0 0 10px 0;} .srchType2 .after > div .valueDiv .tit {width:60px; font-size:14px; line-height:33px;} .srchType2 .after > div .valueDiv .value {width:200px; height:33px; line-height:32px; font-size:13px; border-radius:17px;} .srchType2 .after > div .valueDiv .value.cm:after {line-height:30px;} .srchType2 .after > div .valueDiv.chk .value {width:200px;} .srchType2 .openDiv .selArea .inputDiv{width:200px; height:35px;} .srchType2 .openDiv .selArea .inputDiv input{font-size:13px; border-radius:18px;} .srchType2 .openDiv .selArea .inputDiv .cmFix{top:9px; right:15px;} .srchType2 .openDiv .selArea > div .selTit{width:60px; font-size:14px; line-height:35px;} .srchType3{margin-top:30px;} .srchType3 .radio{margin-bottom:15px;} .srchType3 .radio p input{width:23px; height:23px; background-size:23px;} .srchType3 .radio p.on input{background-size:23px;} .srchType3 .radio p label{font-size:14px; line-height:23px;} .srchType3 .input{margin-bottom:5px;} .srchType3 .input input{font-size:13px; height:40px; padding:5px 10% 5px 3%} .srchType3 .input .srchXbt{top:13px; right:3%;} .srchType3 .input .srchXbt img{width:16px;} .srchType3 .srchBtn img{width:40px;} .srchType3 .resetBtn{width:72px; margin-left:5px; padding:13px 0; font-size:13px; color:#000} .srchType3 .srchBtn.on{width:calc(100% - 79px);} /* listType */ .listWrap{margin-top:20px;}/* 공지사항 상단 건수 */ .listWrap .listUtil p{font-size:13px; line-height:19px; position:relative; margin-right:9px; padding-right:10px; letter-spacing:0;} .listWrap .listUtil p:before{display:none;} .listWrap .listUtil p:after{display:block; content:""; width:1px; height:11px; margin:-5px 0 0; background:#e1e1e1; position:absolute; top:50%; right:0;} .listWrap .listUtil p:last-child:after{display:none;} .listWrap .listType1{margin-top:40px;} .listType1 ul li p {font-size:13px;} .listType1 ul li p a {font-size:16px;} /*.listType1 ul li .type .notice {padding:0 10px; width:21px; height:21px; line-height:21px; font-size:12px; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}*/ .listType1 ul li p a:hover, .listType1 ul li p a:focus {text-decoration:none !important;} .listType1 ul li .find {font-size:16px; line-height:26px;} .listType1 ul li .place {padding-left:16px; line-height:19px;} .listType1 ul li .place span{width:11px; height:14px; background:url("/common_mus/images/icon/m_map_icon_on.png") no-repeat 0 0; background-size:11px; position:absolute; top:2px; left:0;} .listType2 {margin-top:40px;} .listType2 a {width:48%; margin-right:4%; margin-top:15px;} .listType2 a:first-child,.listType2 a:nth-of-type(2){margin-top:0;} .listType2 a:nth-child(3), .listType2 a:nth-child(4){margin-top:15px;} .listType2 a:nth-of-type(2n) {margin-right:0;} .listType2 a:nth-of-type(3n) {margin-right:4%;} .listType2 a:nth-of-type(6n) {margin-right:0;} .listType2 a .label {top:10px; left:10px; height:20px; line-height:18px; font-size:10px; width:45px;} .listType2 a .thumb .label{top:10px; left:10px; height:20px; line-height:18px; font-size:10px;} .listType2 a .titArea{padding:15px 6%;} .listType2 a .titArea.type2{height: ;padding:15px 6%;} .listType2 a .titArea .tit {font-size:14px;} .listType2 a .titArea.type2 .tit{height:36px; line-height:18px;} .listType2 a .titArea.type2 .tit strong {font-size:13px;} .listType2 a .titArea .txt {font-size:13px; line-height:16px;} .listType2 a .titArea .date{font-size:12px; margin-top:5px;} .listType2.roll a:nth-child(3), .listType2.roll a:nth-child(4){margin-top:0;} .listType3 {margin-top:40px;} .listType3 a {width:100%; height:123px; margin-right:0; margin-top:15px; padding:15px 4%} .listType3 a:first-child{margin-top:0;} .listType3 a:nth-of-type(2), .listType3 a:nth-child(3), .listType3 a:nth-child(4){margin-top:15px;} .listType3 a:nth-of-type(2n) {margin-right:0;} .listType3 a:nth-of-type(3n) {margin-right:0;} .listType3 a:nth-of-type(6n) {margin-right:0;} .listType3 a .titArea.type2{height: ;padding:15px 6%;} .listType3 a .titArea .tit {font-size:16px; line-height:21px; height:63px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:} .listType3 a .titArea.type2 .tit{height:36px; line-height:18px;} .listType3 a .titArea .txt {font-size:13px;} .listType3 a .dateArea {bottom:15px; left:4%;} .listType3 a .dateArea .date{font-size:13px;} /* viewType */ .viewType1 {border-top:2px solid #000; margin-top:50px;}/* 공지사항 상세 */ .viewType1 .titArea {width:94%; padding:20px 3%; display:block;} .viewType1 .titArea .label {display:block; padding-right:0;} .viewType1 .titArea .label p {display:block; padding:0; font-size:13px; margin-bottom:20px;} .viewType1 .titArea.type2 .label {width:45px;} .viewType1 .titArea.type2 .label span {font-size:10px; line-height:20px; margin-bottom:10px;} .viewType1 .titArea .tit {display:block; padding-right:0; width:100%; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#000; line-height:26px; margin-bottom:10px} .viewType1 .titArea .tit.type2 {width:auto;} .viewType1 .titArea .date {display:block; width:100%; font-size:13px; line-height:1;} .viewType1 .titArea.type2 .date {width:100%;} .viewType1 .txtArea {padding:30px 3% 50px; border-top:1px solid #e1e1e1; font-size:13px;} .viewType1 .fileArea a {font-size:13px; background:#f6f6f6 url("/common_mus/images/icon/m_down_icon.gif") no-repeat right 3% top 50%; background-size:17px 16px;} .viewType1 .prevNext > div {padding:19px 3%;} .viewType1 .prevNext .prev span {width:calc(100% - 81px); padding-left:25px; font-size:13px; line-height:1.4;} .viewType1 .prevNext .prev span:first-child {padding-right:18px; width:35px; font-size:13px; background:url("/common_mus/images/icon/m_prev_icon.gif") no-repeat right 0 top 50%; background-size:8px} .viewType1 .prevNext .next span {width:calc(100% - 81px); padding-left:25px; font-size:13px;} .viewType1 .prevNext .next span:first-child {padding-right:18px; width:35px; font-size:13px; background:url("/common_mus/images/icon/m_next_icon.gif") no-repeat right 0 top 50%; background-size:8px} .viewType1 .noteDiv {margin-top:30px;} .veiwList li {margin-top:10px;} .veiwList li:first-child {margin-top:0} .veiwList li p{line-height:20px;} .veiwList li p:first-child {width:auto;} .viewType2{margin-top:50px;}/* 온라인 상담내역 상세 */ .viewType2 table th{font-size:13px; width:24%; padding:21px 3%;} .viewType2 table td{font-size:13px; line-height:19px; width:64%; padding:21px 3%; position:relative;} .viewType2 table td.type2{padding:11px 3%;} .viewType2 table td .file{display:block; padding:8px 3%; background:#f6f6f6 url("/common_mus/images/icon/m_down_icon.gif") no-repeat right 3% center; background-size:17px; width:94%;} .viewType2 .answerArea{margin-top:25px;} .viewType2 .answerArea .answerTop .label{width:20%; height:48px; padding:0 0; font-size:13px; line-height:46px; box-sizing:border-box;} .viewType2 .answerArea .answerTop .date{width:80%; height:48px; padding:0 5%; font-size:13px; line-height:46px; box-sizing:border-box;} .viewType2 .answerCon{font-size:13px; line-height:19px; padding:20px;} .viewType3{width:100%; margin:50px auto 0;} .viewType3 .imgRollArea{width:100%; height:auto; float:none; margin-top:0} .viewType3 .infoTxtArea{width:94%; height:auto; float:none; margin:30px auto 0; padding:25px 0 0;} .viewType3 .infoTxtArea li{/*display:table;*/ min-height:initial; padding-left:60px; margin-bottom:25px; min-height:50px;} .viewType3 .infoTxtArea li .tableCell{display:table-cell; vertical-align:middle; min-height:80px;} .viewType3 .infoTxtArea li.op1{background-size:50px 50px;} .viewType3 .infoTxtArea li.op1_1{background-size:50px 50px;} .viewType3 .infoTxtArea li.op2{background-size:50px 50px;} .viewType3 .infoTxtArea li.op3{background-size:50px 50px;} .viewType3 .infoTxtArea li.op4{background-size:50px 50px;} .viewType3 .infoTxtArea li .txt1{font-size:17px;} .viewType3 .infoTxtArea li .txt2{font-size:13px; line-height:18px; margin-top:9px} .viewType3 .infoTxtArea li .txt2 strong{font-size:13px; line-height:18px; margin-top:9px} .viewType3 .infoTxtArea.type2 > .tit{font-size:20px; padding:20px 0; margin-top:0;} .viewType3 .infoTxtArea.type2 .infoDl{margin-top:20px; font-size:14px; line-height:22px;} .viewType3 .infoTxtArea.type2 .infoDl dt{padding-left:9px; padding-left:10px;} .viewType3 .infoTxtArea.type2 .infoDl dt:before{content:""; display:block; width:4px; height:22px;} .viewType3 .infoTxtArea.type2 .infoDl dd{margin-left:10px; text-indent:-7px; padding-left:7px;} .viewType3 .infoTxtArea.type2 .infoDl dd a{border-bottom:1px solid #555} .veiwList {padding-top:15px; margin-top:15px;} .veiwList li p {display:block;} /* writeType */ .writeType1 ul li .left{width:32%;} .writeType1 ul li .left .tit{font-size:13px; line-height:20px;} .writeType1 ul li .left .tit.star{position:relative; padding-right:12px; display:inline-block;} .writeType1 ul li .left .tit.star:after{line-height:25px;} .writeType1 ul li .right{width:68%;} .writeType1 ul li .right .txt{font-size:13px; line-height:20px;} .writeType1 ul li .right .txt.bor{padding:10px 3%;} .writeType1 ul li .right.inputArea{padding:10px 3% 10px 0;} .writeType1 ul li.tableNo .right.inputArea{padding:0 3% 10px;} .writeType1 ul li .right.inputArea input{height:38px; line-height:38px; font-size:13px; margin-bottom:5px;} .writeType1 ul li .right.inputArea select{height:40px; line-height:38px; margin-bottom:5px; font-size:13px; background: url("/common_mus/images/icon/m_select_arrow.png") no-repeat right 5% center; background-size:10px;} .writeType1 ul li .right.inputArea select.type2{background-position:right 5% center;} .writeType1 ul li .right.inputArea textarea{height:68px; line-height:19px; font-size:13px;} .writeType1 ul li .right.inputArea textarea.type2{height:68px;} .writeType1 ul li .right.inputArea .agreeTxt{height:68px; padding:10px 3%; line-height:19px; font-size:13px;} .writeType1 ul li .right.inputArea span{line-height:35px;} .writeType1 ul li .right.inputArea .mark{margin-left:0; font-size:13px; line-height:19px;} .writeType1 ul li .right.inputArea .mark .markT{margin-left:0; padding-left:15px; position:relative; left:0; line-height:19px;} .writeType1 ul li .right.inputArea .mark .markT br{display:none;} .writeType1 ul li .right.inputArea .mark .markT:before{content:"※"; display:inline-block; position:absolute; top:0; left:0;} .writeType1 ul li .right.inputArea .fileChoice {width:62px; height:16px; float:left; position:relative; text-align:center; padding:14px 0 10px; font-size:13px;} .writeType1 ul li .right.inputArea .fileChoice > input {height:40px !important;} .writeType1 ul li .right.inputArea .fileArea {margin-top:5px;} .writeType1 ul li .right.inputArea .fileArea a {padding:11px 54px 11px 3%; font-size:13px; background:#f6f6f6 url("/common_mus/images/icon/m_file_x_icon.gif") no-repeat right 10px center; background-size:12px; margin:0 0 5px 0; word-break:break-all;} .writeType1 ul li .right.inputArea .captchaDiv .againBt {margin-left:0; background:#777 url("/common_mus/images/icon/m_captcha_icon1.gif") no-repeat center center; background-size:25px; height:25px; width:25px;} .writeType1 ul li .right.inputArea .captchaDiv .listenBt {background:#777 url("/common_mus/images/icon/m_captcha_icon2.gif") no-repeat center center; background-size:25px; height:25px; width:25px;} .writeType1 ul li .right.inputArea .captchaDiv > input.type3{margin-top:5px;} .writeType1 ul li .right.inputArea .cGreen {margin-top:10px; font-size:12px; line-height:17px;} .check{width:100%; overflow:hidden;} .check input[type="checkbox"]{width:20px; height:20px; margin:1px 7px 0 0; background:url("/common_mus/images/icon/check_icon.gif") no-repeat 0 0; background-size:18px;} .check input[type="checkbox"]:checked{background:url("/common_mus/images/icon/check_icon_on.gif") no-repeat 0 0; /*background-size:18px;*/} .check label{display:inline-block; vertical-align:top; font-size:13px; line-height:19px; width:80%; word-break:keep-all;} /* 참여신청 */ .applyDiv > .tit{font-size:16px; line-height:21px; margin-top:50px;} .applyDiv > .tit br{display:block;} .applyDiv > .cPurple{font-size:12px; line-height:17px; margin-top:14px; text-indent:-13px; padding-left:13px;} .applyDiv .writeType1{margin-top:15px;} /* 뷰페이지 태그영역 */ .tagArea {text-align:center; margin-top:20px;} .tagArea > div {padding-left:22px; background:url("/common_mus/images/icon/tag_icon.png") no-repeat 0 50%; background-size:16px;} .tagArea > div a {padding:0 15px; height:30px; font-size:13px; line-height:30px; border-radius:15px; margin-left:3px;} .tagArea > div a:first-child {margin-left:0;} /* boardType */ .boardType1 table thead th{padding:14px 0; font-size:13px;} .boardType1 table tbody th, .boardType1 table tbody td{padding:15px; font-size:13px;} /* 검색결과없을때 */ .noData{margin-top:40px; padding:65px 0; text-align:center; width:100%;} .qnaDiv .noData{width:94%; margin:40px auto 0;} .noData .txt{background:url("/common_mus/images/icon/m_no_data_icon.png") no-repeat center 0; background-size:65px; font-size:13px; padding-top:80px;} /* tabType */ .tabArea{margin-top:50px;} .tabArea .tabCon{margin-top:40px;} .tabBtn {display:block; width:100%; height:100%; overflow:hidden; margin:50px auto 0;} .tabBtn a {height:40px; font-size:14px;} .tabBtn a span{line-height:17px;} /* confirm 팝업창 */ .confirmArea {width:90%;} .confirmArea .popHead {padding:0 3%; font-size:13px; line-height:40px;} .confirmArea .popBody {padding:25px;} .confirmArea .popBody .txt {font-size:12px; line-height:18px;} .confirmArea .popBody .popBtn {margin-top:20px;} .confirmArea .popBody .popBtn a {font-size:13px; line-height:30px; width:70px; height:30px;} .confirmArea .popBody .popBtn a.cancelBtn{line-height:26px;} .confirmArea .popClose {top:13px; right:3%;} .confirmArea .popClose img{width:13px;} /* 유튜브 영상 */ .youtubeArea {width:100%; margin:25px auto 0;} .youtubeArea .youtube {position:relative; width:100%; height:0; padding-bottom:56.25%;} .youtubeArea .youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;} /* 탑버튼 */ .topBtn img {width:50px} } @media all and (max-width:450px){ }