/* 怨듯넻 */
.inner { width: 95%; }
.inner2 { width: 95%; }
.inner3 { width: 95%; padding: 0 200px; }

/* header */
.header { margin-top: 0; padding: 0 0 70px; }
.header .inner > p.tel { position: absolute; right: 0; bottom: -15px; font-family: 'Cafe24Simplehae'; font-size: 17px; color: #444; }
.header .inner2 { font-size: 0; }
.header .inner2 .border { position: relative; overflow: hidden; }
.header .inner2 .border:after { content: ''; width: 100%; height: 2px; background-color: #a1a1a1; position: absolute; bottom: 27px; left: 0; }
.header .hd-top { margin-bottom: 0; text-align: left; }
.header .hd-top h1 a img { width: 370px; }
.header .hd-bot { position: absolute; bottom: 5px; right: 0; }
.header .hd-bot .navi ul li:last-child { display: block; text-align: right; margin-top: 10px; margin-right: 0; font-size: 17px; color: #9e9e9e; }
.header .hd-bot .navi ul li:last-child span { font-size: 14px; }
.header .hd-bot .navi ul li a.active { text-decoration: none !important; font-weight: bold; }

/* video */
.main-video { overflow: hidden; }
.main-video ul { width: 100%; font-size: 0; }
.main-video ul li { width: 23.5%; height: auto; display: inline-block; vertical-align: top; margin-right: 2%; margin-bottom: 3%; }
.main-video ul li:last-child { margin-right: 0; }
.main-video ul li a.popBtn { width: 100%; }
.main-video ul li a.popBtn .video_img img { visibility: hidden; width: 100%; }
.main-video ul li a.popBtn .video_img { position: relative; }
.main-video ul li a.popBtn .video_img:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url('/img/play.png') no-repeat center center rgba(0,0,0,0.2); background-size: 25%; }
.main-video ul li div.vd_txt { margin: 15px 0; color: #000; }
.main-video ul li div.vd_txt p { font-size: 14.5px; margin-bottom: 10px; }
.main-video ul li div.vd_txt pre { letter-spacing: normal; white-space:pre-line; font-size: 12px; line-height: 1.4; color: #aaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.main-video .video-box { display: none; }
.main-video .navi2 { width: 100%; height: 55px; position: absolute; bottom: 100px; font-size: 0; z-index: 99; }
.main-video .swiper-button-next2, .main-video .swiper-button-prev2 { display: none; }
.main-video .swiper-button-prev2.disabled, .main-video .swiper-button-next2.disabled { display: none; }
.videoPop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 9999; }
.videoPop .video-box2 { width: 900px; height: 550px; position: absolute; top: 50%; left: 50%; background: #000; transform: translate(-50%,-50%); }
.videoPop .video-box2 iframe { width: 100%; height: 100%; }
.videoPop .video-box2 > a { width: 50px; height: 50px; position: absolute; top: -50px; right: 0; text-align: center; line-height: 50px; background-color: #000; }
.videoPop .video-box2 > a img { vertical-align: middle; }

/* portfolio */
.portfolio ul li div.pf_txt pre { letter-spacing: normal; white-space:pre-line; font-size: 12px; line-height: 1.4; color: #aaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.portfolio ul { font-size: 0; display: table; width: 100%; }
.portfolio ul li { width: 23.5%; border: none; margin-bottom: 3%; float: none; display: inline-block; vertical-align: top; }
.portfolio ul li:nth-child(3n) { margin-right: 2%; }
.portfolio ul li:nth-child(4n) { margin-right: 0; }
.portfolio ul li a { vertical-align: top; }
.portfolio ul li a div.pf_img { position: relative; height: 250px; }
.portfolio ul li div.pf_txt { margin: 15px 0; color: #000; }
.portfolio ul li div.pf_txt p { font-size: 14.5px; margin-bottom: 10px; }
/*.portfolio ul li div.pf_txt p { font-size: 14px; color: #aaa; line-height: 1.3; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }*/
.portfolio ul li a div.bg span { font-size: 13px; }
/*.portfolio ul li a div.bg span img { width: auto; visibility: visible; margin-top: 8px; }*/

.view-con pre { font-size: 14px; font-family: 'NanumGothic','�섎닎怨좊뵓',sans-serif }
.portfolio-view .btn_all { margin-top: 20px; border-top: 1px solid #ccc; color: #555; padding: 20px 0; position: relative; }
.portfolio-view .btn_all a { font-size: 18px; font-weight: bold; color: #555; }
.portfolio-view .btn_all .btn_left { text-align: center; }
.portfolio-view .btn_all .btn_left .prev_btn { font-size: 18px; margin-right: 12px; }
.portfolio-view .btn_all .btn_left .next_btn { font-size: 18px; margin-left: 12px; }
.portfolio-view .btn_all .btn_left .prev_btn:after { content: none; }
.portfolio-view .btn_all .btn_right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.portfolio-view .btn_all .btn_right ul { display: inline-block; }
.portfolio-view .btn_all .btn_right ul li { width: 14px; height: 1px; background-color: #010101; }
.portfolio-view .btn_all .btn_right ul li:nth-child(2) { margin: 4px 0; }

/* about */
.about #tab2 div img { max-width: 100%; height: auto !important; }
.about #tab2 div { line-height: 1.4; color: #000; }

/* notice */
.notice { font-size: 0; position: relative; background-color: #efefef; }
.notice_l { width: 50%; height: 100%; padding: 40px; display: inline-block; vertical-align: top; }
.notice_r { width: 50%; height: 100%; min-height: 577px; display: inline-block; vertical-align: top; background: url('/img/notice.png') no-repeat center center; background-size: cover; }
.notice_view .notice_r { background: url('/img/notice_view.png') no-repeat center center; background-size: cover; }
.search_box h2.title { text-align: left; font-size: 25px; color: #383838; margin-bottom: 12px; }
/*.notice .search_box .sch_box select { width: 75px; height: 28px; }*/
.notice .search_box input[type="text"] { width: 240px; height: 28px; background: none; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #000; }
.notice .search_box button[type="button"] { width: auto; height: auto; line-height: 1; background: none; position: absolute; right: 0; }
.room_tbl table tbody tr td a { color: #000; }
.room_tbl table tbody tr td { font-size: 13px; color: #6b6b6b; }
.room_tbl table tbody tr td:nth-child(1) { color: #000; }
.room_tbl table tbody tr td:nth-child(2) { padding: 0 10px; color: #000; }
.room_tbl table tbody tr { height: 35px; }
.notice .paging { margin-bottom: 0; }
.notice .paging ul li { width: 26px; height: 26px; line-height: 24px; font-size: 12px; color: #888; background: none; border: 0; }
.notice .paging ul li.active { background: none; color: #000; font-size: 12px; font-weight: bold; border: 0; }
.notice .paging .first { border: 1px solid #ddd; background: url('/img/prev1.png') center center no-repeat #fff; border-right: 0; }
.notice .paging .prev { border: 1px solid #ddd; background: url('/img/prev2.png') center center no-repeat #fff; }
.notice .paging .next { border: 1px solid #ddd; background: url('/img/next2.png') center center no-repeat #fff; border-right: 0; }
.notice .paging .last { border: 1px solid #ddd; background: url('/img/next1.png') center center no-repeat #fff; }

.notice_view { font-size: 0; position: relative; background-color: #efefef; }
.notice_view table { margin-top: 0; border-top: 0; }
.notice_view table thead { border-bottom: 2px solid #000; }
.notice_view table thead tr { background: none; }
.notice_view table thead tr.top { border-bottom: 0; }
.notice_view table thead tr.top th { font-size: 16px; text-align: left; }
.notice_view table thead tr.top th span { float: right; font-weight: 400; font-size: 14px; font-family: "�섎닎怨좊뵓","NanumGothic",'Nanum Gothic',sans-serif; }
.notice_view table thead tr.bot { text-align: left; }
.notice_view table thead tr.bot th { font-size: 13px; color: #494949; border-bottom: 0; font-weight: 400; }
.notice_view table thead tr.bot th img { margin-right: 5px; vertical-align: middle; }
.notice_view table thead tr.bot th span:first-child { width: 65%; display: inline-block; }
.notice_view table thead tr.bot th span:last-child { float: right; margin-top: 4px; }
.notice_view table tbody tr td .view_con { padding: 20px 0; }
.btn_all .btn_left { text-align: left; }
.btn_all .btn_left a { font-size: 12px; }
.btn_all .btn_left .prev_btn { margin-right: 0; }
.btn_all .btn_left .prev_btn:after { content: ''; display: inline-block; width: 1px; height: 12px; background: #000; margin: 0 10px; vertical-align: top; }
.notice_view .btn_right .list_btn { font-size: 15px; }

/* footer */
.footer .ft_l { width: 54%; }
.footer .ft_l h1 img { height: 55px; }
.footer .ft_l > div { margin-top: 0; }
.footer .ft_l > div p.customer { color: #000; font-size: 12.5px; line-height: 1.1; margin-bottom: 7px; }
.footer .ft_r { width: 46%; }
.footer .ft_r ul li { margin-right: 2%; }

.br_m { display: none; }
.call { display: none; }


/* 1620 */
@media screen and (max-width: 1620px) {
.footer .ft_l h1 { margin-right: 5px; margin-bottom: 5px; }
.footer .ft_l h1 img { height: 48px; }
.footer .ft_l > div p.customer { font-size: 11.5px; margin-bottom: 4px; }
.footer .ft_l > div p { font-size: 10px; }
}

/* 1500 */
@media screen and (max-width: 1500px) {
.inner { width: 100%; padding: 0 10px; }
.inner2 { width: 100%; padding: 0 10px; }
.inner3 { width: 100%; padding: 0 210px; }

/* header */
.header .hd-bot { right: 10px; }
.header .inner > p.tel { right: 20px; }

/* notice */
.notice_l { width: 100%; }
.notice_r { display: none; }
}

/* 1320 */
@media screen and (max-width: 1320px) {
/* header */
.header .hd-bot .navi ul li { margin-right: 40px; }

/* main-video */
.main-video { position: relative; overflow: hidden; }
.main-video ul li div.vd_txt { margin: 70px 0 15px; }
.main-video .navi2 { bottom: 115px; }
.main-video .navi2:after { content: ''; width: 100px; height: 5px; position: absolute; left: 0; right: 0; bottom: 21px; margin: auto; background-color: #000; border-radius: 30px; }
.main-video .swiper-button-next2, .main-video .swiper-button-prev2 { width: 180px; height: 55px; position: absolute; display: inline-block; font-size: 15px; color: #000; text-align: center; line-height: 55px; cursor: pointer; z-index: 99; }
.main-video .swiper-button-next2 img, .main-video .swiper-button-prev2 img { width: 30px; vertical-align: middle; }
.main-video .swiper-button-prev2 { right: 50%; margin-right: 40px; }
.main-video .swiper-button-next2 { left: 50%; margin-left: 40px; }
/*.main-video .swiper-button-next2, .main-video .swiper-button-prev2 { width: 30px; height: 50px; display: block; position: absolute; top: 0; bottom: 70px; margin: auto; font-size: 20px; color: #000; text-align: center; line-height: 50px; background-color: rgba(255,255,255,0.7); cursor: pointer; z-index: 99; }*/
/*.main-video .swiper-button-prev2 { right: auto; left: 0; }*/
/*.main-video .swiper-button-next2 { left: auto; right: 0; }*/

/* portfolio */
.portfolio ul li { width: 32%; }
.portfolio ul li:nth-child(4n) { margin-right: 2%; }
.portfolio ul li:nth-child(3n) { margin-right: 0; }

/* partner */
.partner > ul li { width: 22.75%; }
.partner > ul li:nth-child(6n) { margin-right: 3%; }
.partner > ul li:nth-child(4n) { margin-right: 0; }

/* footer */
.footer .ft_l h1 img { height: 42px; }
.footer .ft_l > div p.customer { font-size: 11.5px; margin-bottom: 2px; }
.footer .ft_l > div p { font-size: 10.5px; }
.footer .ft_l h1 { margin-bottom: 8px; }
}

/* 1100 */
@media screen and (max-width: 1100px) {
.inner3 { padding:0 90px; }

/* header */
.header { position: fixed; top: 0; left: 0; width: 100%; padding: 0; margin-top: 0; padding-bottom: 20px; background: #fff; z-index: 1000; }
.header .inner > p.tel { position: absolute; right: 10px; top: auto; bottom: -10px; font-size: 16px; color: #444; }
.header .inner2 .border:after { bottom: 10px; height: 1px; }
.header .hd-top h1 a img { width: 150px; height: auto; }
.header .hd-bot { top: 59px; }
.header .hd-bot .sns ul > li { width: auto; height: auto; }
.header .navi { display: none; }
.header .hd-bot .sns ul > li { display: inline-block !important; }
.menuBar a ol li { width: 30px; height: 4px; background-color: #2f2f2f; transition: .4s; }
.menuBar a ol li:nth-child(2) { margin: 6px 0; }
.chang .line1{-webkit-transform: rotate(-45deg) translate(-6px,7px); -moz-transform: rotate(-45deg) translate(-6px, 7px); transform: rotate(-45deg) translate(-6px, 7px);} 
.chang .line2{opacity: 0;}
.chang .line3{-webkit-transform: rotate(45deg) translate(-7px, -8px); -moz-transform: rotate(45deg) translate(-7px, -8px); transform: rotate(45deg) translate(-7px, -8px);} 
.allMenu { display: none; background-color: #fff; position: fixed; top: 130px; left: 0; width: 100%; height: 100%; z-index: 1000; padding-top: 40px; }
.allMenu ol li a { font-size: 19px; color: #000; font-family: 'Cafe24Simplehae'; margin-bottom: 40px; }
.allMenu ol li a.active { font-weight: bold; text-decoration: none !important; }

/* portfolio */
.portfolio ul li { width: 49%; }
.portfolio ul li:nth-child(3n) { margin-right: 2%; }
.portfolio ul li:nth-child(2n) { margin-right: 0; }

.container { margin-top: 160px; }
}

/* 1024 */
@media screen and (max-width: 1024px) {
/* main-video */
.main-video .navi2 { bottom: 110px; }
.videoPop .video-box2 { width: 85%; height: 480px; }

/* footer */
.footer .ft_l { width: 100%; float: none; text-align: center; }
.footer .ft_l h1 { width: 100%; margin-bottom: 15px; margin-right: 0; }
.footer .ft_l h1 img { height: 45px; }
.footer .ft_r { width: 100%; float: none; margin: auto; width: 86%; margin-top: 25px; }
.footer .ft_l > div p.customer { font-size: 12px; line-height: 1.2; margin-bottom: 5px; }
.footer .ft_l > div p { font-size: 11px; }
.br_m { display: block; }
}

/* 768 */
@media screen and (max-width: 768px) {
.inner3 { padding: 0 10px; }

/* header */
.header .inner > p.tel { font-size: 15px; }

/* main-video */
.main-video { padding: 0 5px; }
.main-video ul li { margin-right: 0; }
.main-video ul li div.vd_txt { margin: 60px 0 15px; }
.main-video .navi2 { width: 98%; bottom: 90px; }
.main-video .navi2:after { width: 60px; bottom: 24px; }
.main-video .swiper-button-next2, .main-video .swiper-button-prev2 { width: 160px; font-size: 14px; }
.main-video .swiper-button-next2 img, .main-video .swiper-button-prev2 img { width: 25px; }
.main-video .swiper-button-prev2 { margin-right: 20px; }
.main-video .swiper-button-next2 { margin-left: 20px; }
.videoPop .video-box2 { position:relative; padding-bottom:56.25%;height:0; }
.videoPop .video-box2 iframe { width: 100%; }
.videoPop .video-box2 iframe, .main-video .video-box object, .main-video .video-box embed{position:absolute;top:0;left:0; bottom: 0; right:0;margin:auto;width:100%;height:100%;} 

/* portfolio */
.portfolio ul li { width: 100%; }

/* partner */
.partner > ul li { width: 47%; }
.partner > ul li:nth-child(4n) { margin-right: 3%; }
.partner > ul li:nth-child(2n) { margin-right: 0; }

/* notice */
.notice_l { padding: 30px 20px; }
.notice .search_box { text-align: right; }
.notice table tbody tr td { display: table-cell; }
.notice table tbody tr td a:after { content: none; }
.notice table tbody tr td:first-child { padding-top: 0; width: 10%; text-align: center; }
.notice table tbody tr td:nth-child(3), .notice table tbody tr td:nth-child(4) { display: none; }

/* call */
.call { width: 100%; display:block; position: fixed; left: 0; bottom: 0; background: #000; z-index: 99; }
.call a { display: block; font-size: 20px; color: #fff; text-align: center; line-height: 55px; }

/* footer */
.footer .ft_l > div { text-align: center; }
.footer .ft_r { width: 86%; }
}