@media (max-width:960px){

html {font-size: 16px;}
.inr-c {margin-left: 5.55%; margin-right: 5.55%;}
.hide-m {display: none !important;}

.pr-mb0 {margin-bottom: 40px !important;}
.pr-mb1 {margin-bottom: 30px !important;}
.pr-mb2 {margin-bottom: 20px !important;}
.pr-mb3 {margin-bottom: 25px !important;}


/*버튼*/
.btn-bot {margin-top: 20px;}
.btn-pk {font-size: 12px; font-size: 0.75rem;}

.btn-line {padding-top: 20px;}
.mbtn_n2 {font-size: 0;}
.mbtn_n2 .btn-pk {width: 49%; margin-left: 2%;}
.mbtn_n2 .btn-pk:first-child {margin-left: 0;}



.btn-pk.b {min-width:100px; padding: 12px 15px; font-size: 16px; font-size: 1rem;}
.btn-pk.bb {min-width:160px; padding:12px 15px; font-size:16px;  font-size: 1rem;}
.btn-pk.n {min-width:50px; padding:7px 15px; font-size:12px; font-size: 0.75rem;}
.btn-pk.nb {min-width:100px; padding:12px 10px; font-size:14px; font-size: 0.875rem;}
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; }


.mt10 {margin-top: 5px !important;}


/*탭*/
.tab.ty1 li {margin-left: 3%;}
.tab.ty1 li a {font-size: 15px;}

.tab.ty2 li {margin-right: 15px; width: 30%; margin-right: 5%; margin-bottom: 20px;}
.tab.ty2 li:nth-child(3n) {margin-right: 0;}
.tab.ty2 li a {width: auto;}
.tab.ty2 li a .t1 {line-height: 60px; font-size: 13px;}




/*IR 기법 아이콘 세트*/
.i-aft:after,
.i-set {background-size: 360px auto; background-image: url(../images/common/ico_common_m.png);}

.i-aft.i_m1_1 {padding-top: 45px;}
.i-aft.i_m1_1:after {margin-left: -13px; width: 26px; height: 38px; background-position: -5px -5px;}

.i-set.i_file_zip {width: 11px; height: 12.5px; background-position: -131px -92px;}
.i-set.i_file_pdf { width: 10.5px; height: 10.5px; background-position: -149px -92px;}
.i-set.i_file_hwp {width: 9px; height: 11px;  background-position: -115.5px -92px;}



/*header*/
#header {height: 60px; border-bottom-width: 1px; background-color:rgba(0,0,0,.3);}
#header .inr-c {margin: 0;}
#header .logo {display: block; float: none; width: auto; margin-left: 60px; margin-right: 60px; text-align: center;}
#header .logo a {line-height: 60px;}
#header .logo a img {height: 50px; margin-top: 4px;}
#header .rgh {position: static; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#header .btn_gnb {display: block;}
.btn_gnb {
	z-index:1;
	position: absolute;
	left:0; top:0;
	width: 60px; height: 60px;
	cursor: pointer; font-size: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span {
	width: 22px;
	height: 2px;
	background-color: #fff;
}
.btn_gnb span:after,
.btn_gnb span:before {
	content: "";
	position: absolute; left: 0;
	width: 120%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span:after {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
.btn_gnb span:before { -webkit-transform: translateY(7px); transform: translateY(7px);}
/*
.btn_gnb.on span {background-color: #000;}
.btn_gnb.on span:after {transform:rotate(45deg);}
.btn_gnb.on span:before {transform:rotate(-45deg);}
*/


#header.scroll {top: 0;}
#header .gnbbox {z-index: 2; display: block; position: absolute; top: 80px; left: -50%; width: 50%; margin-left: 0; padding-top: 0; background-color: #000; -webkit-transition: all 0.3s; transition: all 0.3s;}
#header .gnb {margin-right: 0; margin-top: 0;}
/*
.gnbbox .btn_gnb_close {position: absolute; right: 15px; top: 0; width: 35px; height: 35px; text-align: right; font-size: 0;}
.gnbbox .btn_gnb_close span {font-size: 0; width: 20px; height: 1px; background-color: #fff; transform:rotate(45deg)}
.gnbbox .btn_gnb_close span:after {content:""; position: absolute; left: 50%; top: 50%; width: 20px; margin-left: -10px; height: 1px; background-color: #fff; transform:rotate(90deg);}
*/
#header .gnb > ul > li {display: block; width: 100%; text-align: left; padding-left: 0;}
#header .gnb > ul > li > a {padding: 10px 25px; line-height: 25px;  font-size: 15px; font-size: 0.9375rem;}

#header .icon {position: absolute; right: 55px; top: 15px; width: 100px; text-align: right;display:none;}
#header .icon a {display: inline-block; vertical-align: middle;}
#header .icon img {width: 28px;}

#header.on {/*background-color: #000;*/}
#header.on .gnbbox {left: 0;}

#header .depth2 {right: auto; left: 15px; margin-right: 0; padding-top: 0;}
#header .depth2 ul {padding: 15px;}
#header .depth2 ul:after {margin-left: 0; left: 49px;}
#header .depth2 li a {font-size: 14px;}


/*footer*/
#footer p {font-size: 11px;}
#footer .inner {position: relative; display: block; padding-left: 0; padding-right: 0; padding-top: 25px; padding-bottom: 20px;}
#footer .inner > div {display: block;}
#footer .lft {width: 100%;}
#footer .lft li {margin-bottom: 15px; margin-right: 20px;}
#footer .lft li a {font-size: 13px;}
#footer .lft .copy {position: static;}
#footer .inner > div.rgh {position: static;}
#footer .rgh .icon {top: 20px;}
#footer .rgh .icon a {margin-left: 0;}
#footer .rgh .icon img {width: 30px;}

.scroll_top {display: none !important;}


/*컨텐츠*/
#container {min-height:500px; line-height: 1.5;}


/*타이틀*/
.hd_tit1 {margin-bottom: 20px; font-size: 12px;}
.hd_tit1 .h {margin-bottom: 10px; font-size: 25px;}
.hd_tit1 .t {font-size: 16px;}

.about {margin-top:1px;}



/*메인*/
.bxMain .hd_tit1 {top: 10%; left: 5%;}
.bxMain .btn_play {width: 25px; height: 25px;}

.bxMain .inner {position: relative;height: 100%;}
.bxMain .video video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100vh !important; width: auto !important;}


.bxMain3 .swiper-container-horizontal>.swiper-pagination-bullets, .bxMain3 .swiper-pagination-custom, .bxMain3 .swiper-pagination-fraction {
	width: 90%; left: 5%; margin-left: 0; text-align: right; padding-right: 5%; top: auto; bottom: 15px; text-align: center;
}
.bxMain3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
.bxMain3 .swiper-pagination-bullet {width: 10px; height: 10px;}
.bxMain3 .swiper-container:after {-webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%;}


.area_main1 {padding: 60px 0 150px 0;}
.area_main1 .hd_tit1 {margin-bottom: 30px;}

.area_main1 .box {max-width: 100%; margin-bottom: 20px;}
.area_main1 .box .txt {padding: 15px 5px;bottom:-110px;width:100%;}
.area_main1 .box .txt .h1 {font-size: 16px; margin-bottom: 5px;}
.area_main1 .box .txt .t1 {font-size: 12px;}
.area_main1 .box.b1 {float: none;margin-bottom: 120px;margin-top:0;}
.area_main1 .box.b2 {margin-bottom: 10px;}
.area_main1 .box.b2 .txt {bottom:-20px;}

.area_main2 {background-size:300%;background-position:right;}
.area_main2 .inr-c {z-index: 1; height: 200px; padding-top: 40px;}
.area_main2 .imgs {position: relative; height: 300px;}
.area_main2 .imgs img {position: absolute; left: 50%; top: 0; margin-left: -540px; width: auto; max-width:none; height: 100%;}

.area_main3 {padding:5px;padding-top: 60px;}
.area_main3 .tit {font-size: 12px;opacity: 100;}
.area_main3 .tab {margin-bottom: 20px;}
.area_main3 .lst_photo1 li {width: 50%; margin-bottom: 20px;}
.area_main3 .btn-bot {margin-top: 30px;margin-bottom:50px;}
.area_main3 .tab.ty1 {text-align: center;}
.area_main3 .tab.ty1 li {margin: 5px;}
.area_main3 .tab.ty1 li a {display: block; padding: 5px 6px; border: 1px solid #000; font-size: 14px;}
.area_main3 .tab.ty1 li:first-child {margin-left: 0;}
.area_main3 .tab.ty1 li:nth-child {margin-right: 0;}



.area_sub1 {padding-top: 100px; padding-bottom: 10px;}
.area_sub1 .hd_tit1 .h {margin-bottom: 50px;}

.area_sub2 {padding: 50px 0;}
.area_sub2 .tab.ty1 {margin-bottom: 30px;}
.area_sub2 .hd_tit1 .h {font-size: 20px; margin-bottom: 25px;}


.sliderwrap {min-height:300px;}
.slider {padding-bottom: 60px; height: 300px;}
.slider .txt .t1 {font-size: 15px; margin-bottom: 5px; padding-top: 95px;}
.slider .txt .t2 {font-size: 11px;}
.slider .swiper-container {padding-bottom: 60px; height: 300px;}
.slider .swiper-pagination-bullet {width: 12px; height: 12px;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}


.selectbox {width: 100px;}
.selectbox .btn {font-size: 12px; height: 30px; line-height: 28px; padding-left: 15px;}
.selectbox .lst_select {top: 10px;}
.selectbox .lst_select li a {font-size: 12px; padding: 5px 15px;}
.selectbox .lst_select ul {padding-top: 5px;}

.subcont {padding: 50px 0;}
.subcont .head .tit1 {font-size: 14px;}

.lst_collection1 li {width: 47%; margin-bottom: 20px;}
.lst_collection1 .time {font-size: 12px;}
.lst_collection1 .bg {font-size: 12px;}

.lst_collection2 li {width: 47%; margin-bottom: 20px;}
.lst_collection2 .time {font-size: 12px;}
.lst_collection2 .bg {font-size: 12px;}


.bxMain3 .tabs {position: relative; padding-bottom: 0;}
.bxMain3.ty2 .slider_txt {font-size: 30px; margin-top: 40px;}



.bxMain4 {height: auto; padding-top: 100px;}
.bxMain4 .inr-c {padding-bottom: 110px; background-size: 100% auto; background-position: center 30%;}
.bxMain4 .icon {width: 92%; right: 4%; top: 70px;}
.bxMain4 .icon a {display: inline-block;}
.bxMain4 .icon a img {width: 30px;}
.bxMain4 .t1 {font-size: 12px;}
.bxMain4 .t2 {font-size: 12px;}


.area_sub1 .btn-bot {margin-top: 50px;}

/*프로덕션*/
.subcont .head .rgh a {font-size:12px;}

.model_menu {width:90%;}
.model_menu a {padding:10px 10px;background-color:#474747;font-size:14px;}

/*아카데미*/
.area_academy1 .cont {padding: 50px 30px 30px; font-size: 12px; margin-bottom: 0;}
.area_academy1 .cont .tit {padding: 15px 20px; font-size: 16px; margin-bottom: 30px;}
.area_academy1 .cont p.sign {margin-top: 30px; padding-top: 20px;}

.area_academy2 {padding-top: 50px; padding-bottom: 50px;}
.lst_academy1 {padding: 0;}
.lst_academy1 li {float: none; width: 100%;}
.lst_academy1 li > div { box-sizing:border-box;}
.lst_academy1 li > div.img {position: relative; overflow:hidden;}
.lst_academy1 li > div.txt {height: auto; font-size: 12px; padding: 15px;}
.lst_academy1 li .h1 {font-size: 16px; margin-bottom: 15px;}


.area_academy3 {padding: 50px 0; background-color: #f7f7f7;}
.area_academy3 .hd_tit1 {position: static;}
.lst_academy2 li {display: block; max-width: 100%; margin-left: 0;}
.lst_academy2 li .img {margin-left: 0;}
.lst_academy2 li:first-child .img {margin-top: 0;}

.area_academy4 {padding: 50px 0;}
.area_academy4 .lft {float: none;}
.area_academy4 .lft .btn-bot {width: 100%; margin-bottom: 30px;}
.area_academy4 .lft .btn-pk {margin-bottom: 10px; padding: 10px;}
.area_academy4 .lft .btn-pk span {background-size: auto 10px; font-size: 14px;}
.area_academy4 .lft .t1 {font-size: 16px; margin-bottom: 10px;}
.area_academy4 .lft .t2 {font-size: 12px; margin-bottom: 20px;}
.area_academy4 .rgh {float: none; width: 100%; text-align: center;}
.area_academy4 ul {display: inline-block; vertical-align: top;}
.area_academy4 li {width: 30%;}
.area_academy4 li:first-child {margin-left: 0;}
.area_academy4 li:nth-child(3n+1) {margin-left: 0;}



.area_academy5 {padding: 50px 0;}
.area_academy5 .hd_tit1 {margin-bottom: 30px;}
.area_academy5 .hd_tit1 .h {margin-bottom: 20px;}





/*어바웃*/
.area_aboutus1 {padding: 50px 0;}
.area_aboutus1 .lft {float: none; width: 100%;}
.area_aboutus1 .rgh {float: none; width: 100%; margin-top: 20px;}
.area_aboutus1 .t1 {font-size: 18px; margin-bottom: 15px;}
.area_aboutus1 .t2 {font-size: 12px;}


.area_aboutus2 {position: relative;}
.area_aboutus2 .inr-c {padding: 50px 0; font-size: 12px; background-size: auto 55%;background-position:top;}
.area_aboutus2 .inr-c:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity:.6;}
.area_aboutus2 .hd_tit1,
.area_aboutus2 .cont {position: relative; z-index: 1;}
.area_aboutus2 .t1 {margin-top:150px;}

.area_aboutus3 {padding-bottom: 50px;}
.area_aboutus3 .lft {padding: 50px 0 20px; float: none;}
.area_aboutus3 .lft.mp{padding-top:20px;}
.area_aboutus3 .rgh {float: none; width: 100%;}
.area_aboutus3 .rgh .scrollY {height: 200px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.area_aboutus3 .rgh ul {padding: 15px 0 0;}
.area_aboutus3 .rgh li {font-size: 13px; margin-bottom: 10px;}
.area_aboutus3 .rgh li span.h {width: 80px;}

.acatable .popup .tbl {float:none;width:100%;}
.acatable .popup .tbl_img {width:100%;}

/*팝업*/
.layerPopup {left: 5%; width: 90%; margin-left: 0 !important;}
.layerPopup .p_head {padding: 20px 40px 20px 20px; height: 16px;	}
.layerPopup .p_head .tit {font-size: 16px; font-size: 1rem;}
.layerPopup .p_cont {padding: 20px;}
.layerPopup .popup .btn_close {z-index: 10; width: 40px; height: 56px; top: 0; right: 0;}
.layerPopup .popup .btn_close > span:before {width: 30px;}
.layerPopup .popup .btn_close > span:after {width: 30px;}
.layerPopup .popup {width: 100%;}
.layerPopup .mw100p {width: 100%;}


.popup .tbl col.th1 {width: 60px;}
.popup .tbl th {padding: 10px; font-size: 12px;}
.popup .tbl .t {display: block; margin-left: 0; margin-top: 2px; font-size: 11px;}
.popup .tbl td {padding: 5px; font-size: 12px;}

.popup .imgs > div {display: block; width: 100%;}
.popup .imgs > div.lft {display: none;}
.popup .imgs .tit1 {font-size: 20px;}
.popup .imgs li {display: inline-block; vertical-align: top; width: 32%; margin-bottom: 10px;}
.popup .imgs li .h1 {font-size: 12px;}
.popup .imgs li .t1 {font-size: 16px;}
.popup .imgs li .t2 {font-size: 16px;}
.popup .imgs li div img {height: 20px; display: none;}

.pop_about .lft,
.pop_about .rgh {float: none; width: 100%;}
.pop_about .rgh {margin-top: 20px;}
.pop_about .rgh .h1 {font-size: 20px; margin-bottom: 15px;}
.pop_about .rgh .h1 span {margin-left: 30px;}

.popup .imgs {padding: 30px 5% 0;}
.popup .botm {padding: 20px 5% 15px;}
.popup .botm li.on {-webkit-filter: grayscale(0); filter: none;}


.layerPopup.ty2 {padding: 10px; }
.layerPopup.ty2 .popup {padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.layerPopup.ty2 .pop_tit {font-size: 12px; padding-top: 5px;}
.layerPopup.ty2 .pop_tit strong {display: block; font-size: 18px;}
.layerPopup.ty2 .mw100p {width: 100%;}
.layerPopup.ty2 .popup .btn_close {top: 10px; right: 10px;}


.layerPopup.ty3 {-webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%);}
.layerPopup.ty3 .popup .btn_close {width: 30px; height: 30px; right: 5px; top: 5px;}
.layerPopup.ty3 .popup .btn_close > span:after, .layerPopup.ty3 .popup .btn_close > span:before {width: 20px; margin-left: -10px;}

.pb200 {padding-top:110px;}
.hd_stitbox1{margin-bottom:40px;}
.hd_stitbox1 .title {font-size:26px;}

.tbl_blog1 li {padding: 15px 0;}
.tbl_blog1 li a {display: block;}
.tbl_blog1 li a > div {display: block;}
.tbl_blog1 li a .thumb {width: 100%; padding-bottom: 76.5%; margin-bottom: 15px;}
.tbl_blog1 li a .info .h {padding-bottom: 10px; margin-bottom: 10px;}
.tbl_blog1 li a .info .h1 {margin-bottom: 5px; font-size: 16px; font-size: 1rem; }
.tbl_blog1 li a .info .t1 {font-size: 14px; font-size: 0.875rem;}
.tbl_blog1 li a .info .t1 span { padding: 0 8px;}
.tbl_blog1 li a .info .t2 {font-size: 14px; font-size: 0.875rem;}
.tbl_blog1 li a .info .t2.t-dotdot {height: 42px; height: 2.625rem; margin-bottom: 10px;}

.bbs_view {}
.bbs_view .tit .h1 {font-size: 20px; font-size: 1.25rem;}
.bbs_view .tit .h1 > span {height: 80px; padding: 10px;}
.bbs_view .tit .t1 {font-size: 12px; padding: 10px;}
.bbs_view .tit .t1 em {padding-right: 10px; margin-right: 10px;}

.bbs_view .info {padding: 20px 0; font-size: 12px; font-size: 0.75rem;}

.bbs_view .botm {padding: 10px 5px;}
.bbs_view .botm .lft span,
.bbs_view .botm .rgh span {font-size: 12px; font-size: 0.75rem; vertical-align: middle;}

.bbs_view .tit_review .top {display: block; padding: 15px 20px;}
.bbs_view .tit_review .top > div {display: block; text-align: center;}
.bbs_view .tit_review .top .thumb {width: 230px; margin: 0 auto; margin-bottom: 10px;}
.bbs_view .tit_review .top .txt1 {padding-left: 0; font-size: 12px; font-size: 0.75rem;}
.bbs_view .tit_review .top .txt1 .h1 {margin-bottom: 5px; font-size: 16px; font-size: 1rem;}
.bbs_view .tit_review .txt2 {padding: 15px 20px; font-size: 14px; font-size: 0.875rem;}


.btn_years {
	position: relative; z-index: 1; width: 100%;
	height: 40px; line-height: 38px; color: #fff;
	padding-right:30px; text-align: left;
	background-image: url(../images/common/ico_select_w.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-color: #282828;
	background-color: #fff \0/IE8+9;
	background-size: 27.5px auto;
	padding-left: 20px; font-size: 14px;
}
.area_aboutus3 .years ul {display: none; height: 150px; overflow-y:auto; border: 1px solid #282828;}
.area_aboutus3 .years li {width: auto; text-align: left; padding: 0; border-top: 1px solid #ccc;}
.area_aboutus3 .years li a {display: block; font-size: 12px; padding: 7px 20px;}
.area_aboutus3 .rgh {padding-top: 0;}


.swiper-button-next, .swiper-button-prev {margin-top: -20px; width: 30px; height: 40px; background-size: 17px auto;}
.swiper-button-next {right: 2%; }
.swiper-button-prev {left: 2%; }


/*Ie 10/11*/
.popup .botm li.on:after {content:none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.popup .botm li.on:after {content:none;}
}


}