@charset "utf-8";

/*
#sub #header{background:#f18430;}
#sub .header_wrap h1{background-image:url('../images/common/logo_over.png')}
#sub .lang li a{color:#fff}
*/

/*.sub_artist #header{background:url('../images/sub/sub_bg.jpg') fixed no-repeat;}*/

#container{background-size:cover !important; min-height:500px; padding:177px 0}
#container .cont_title{text-align:center; color:#fff; font-size:48px; font-weight:700; padding-bottom:35px;}
#contents{width:80%; margin:0 auto; background:#1e1e21;}
#contents .cont{width:1000px; margin:0 auto;}

.col_f18430{color:#f18430 !important}
.col_fff{color:#fff !important}

/* ====== about ====== */
#sec01 li {position:relative;}
#sec01 li:after {display:block; clear:both; content:'';}
#sec01 li > div {width:50%; float:left;}
#sec01 .thumb {background-size:cover; position:absolute; background-position:center; height:100%;}
#sec01 .even .thumb {right:0;}

#sec01 .dscr {background-color:#181818; text-align:left; margin-left:50%;}
#sec01 .even .dscr {background-color:#f18430;}
#sec01 .even .dscr {margin-right:50%; margin-left:0;}
/*#sec01 .dscr .inner {padding:180px 50px 130px; padding-right:20%;}*/
#sec01 .dscr .inner {padding:0 50px; padding-right:20%; display:table-cell; vertical-align:middle; height:448px; /*transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;*/}

#sec01 .even .dscr .inner {padding-left:20%; padding-right:50px;}
#sec01 .dscr p {margin:10px 0; line-height:25px; color:#fff; font-size:15px}
#sec01 .tit_h4 {margin:0 0 30px; color:#f18430; font-size:32px; font-weight:bold; position:relative; margin:0 0 50px;}
#sec01 .tit_h4:after{position:absolute; display:block; content:''; width:30px; height:6px; background:#f18430; left:0; margin:0; bottom:-20px;}
.even .tit_h4{color:#fff !important}
.even .tit_h4:after{background:#fff !important}
.sub_sec{/*max-width:1698px;*/max-width:1602px; margin:0 auto;}
.sub_sec .tit_h4{text-align:center; font-size:34px; color:#f18430; font-weight:700; padding:70px 0 20px 0}

.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width:100%; display:block; height:auto;}
.flexslider .slides:after {content: ""; display:block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {display: block; background:url('../images/sub/slider_arrow2.png') no-repeat 0 0; width:36px; height: 66px; margin:-20px 0 0; position: absolute; top:50%; z-index: 10; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent:-999999999px}
.flex-direction-nav a:before {display: none; content:'';}
.flex-direction-nav .flex-prev {left: 3%;}
.flex-direction-nav .flex-next {right: 3%; background-position:100% 0;}
.flex-direction-nav .flex-disabled {opacity:0 !important; filter: alpha(opacity=0); cursor:default;}

#flex_inside_com .view:hover .flex-prev{left:0;}
#flex_inside_com .view:hover .flex-next{right:0;}
#flex_inside_com > .flexslider {margin-bottom: 20px;}
#flex_inside_com > .thumnail .slides li{margin-right:5px; position:relative; cursor:pointer; }
#flex_inside_com > .thumnail .slides li span{position:absolute; top:0; left:0;  width:100%; height:100%; background:rgba(0,0,0,.5); display:none; font-size:15px;}
#flex_inside_com > .thumnail .slides li span em{font-style:normal; color:#fff; text-align:center; display:block; position:absolute; top:50%; margin-top:-12px; width:100%}
#flex_inside_com > .thumnail .slides li img{box-sizing:border-box; /*min-height:80px*/}
#flex_inside_com > .thumnail .slides li.flex-active-slide img{border:5px solid #f18430;}
#flex_inside_com > .thumnail .slides li.flex-active-slide span{display:block; border:5px solid #f18430; box-sizing:border-box;}

#flex_inside_com > .thumnail .slides li:hover{}
#flex_inside_com > .thumnail .slides li:hover img{border:5px solid #f18430}
#flex_inside_com > .thumnail .slides li:hover span{display:block; border:5px solid #f18430; box-sizing:border-box;}

.thumnail .flex-direction-nav a{width:17px; height:33px; background-size:34px}
.thumnail .flex-direction-nav .flex-prev {left:9px}
.thumnail .flex-direction-nav .flex-next {background-position:-17px 0; right:9px}


/* ====== contact ====== */
.mapImg{width:100%; margin-bottom:67px;}
.mapImg img{width:100%;}

#map{height:630px; width:100%; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}

/* 구글 맵 스크롤 방지 */
/*
#map{position:relative;}
#map:after{background: none;content: " ";display: inline-block;font-size: 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 9;}
*/

.contact{}
.contact > div{box-sizing:border-box; height:620px; }
.contact .mapInfo{float:left; width:50%; background:#252525; padding:35px 60px 0 150px; }
.contact .mapInfo > div{padding:50px 0}
.contact .mapInfo > div:nth-of-type(1){border-bottom:1px solid #3b3b3b; padding-top:0;}
.contact .mapInfo .mapInfo_tt{font-weight:700; color:#fff; position:relative;}
.contact .mapInfo .mapInfo_tt:before{position:absolute; display:block; content:''; background:#fff; left:0; margin:0;}
.contact .mapInfo .mapInfo_addr{color:#fff;}
.contact .mapInfo .mapInfo_txt{color:#fff;}
.contact .mapInfo > div:nth-of-type(1) .mapInfo_txt{padding-top:24px}
.contact .mapInfo > div:nth-of-type(2) .mapInfo_txt{padding-top:15px}
.contact .mapInfo dl dt{float:left; width:100px; font-size:15px; color:#f18430; font-weight:700; line-height:26px;}
.contact .mapInfo dl dd{float:left; width:80%; font-size:15px; color:#fff; line-height:26px;}

.contact .contactForm{float:right; width:50%; background:#1c1c1c; padding:50px 150px 0 60px}
.contact .contactForm .cf_title{color:#fff; font-weight:700; font-size:24px; padding-bottom:26px;}
.contact .contactForm p{margin-bottom:12px;}
.contact .contactForm p input{border:1px solid #3e3e3e; background:#1c1c1c; color:#fff; box-sizing:border-box; width:100%; font-weight:700}
.contact .contactForm p textarea{border:1px solid #3e3e3e; background:#1c1c1c; color:#fff; box-sizing:border-box; width:100%; font-weight:700}
.contact .contactForm a{display:block; background:#f18430; text-align:center; color:#fff; font-weight:700}


#recruit .r_box{transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}

#recruit .r_box .recruit_tt{font-weight:700; color:#f18430; font-size:18px; padding-bottom:10px;}
#recruit .r_box .recruit_txt01{line-height:24px; /*color:#fff;*/ padding-bottom:30px}
#recruit .r_box .recruit_txt02{line-height:24px; /*color:#8e8e8e;*/ padding-bottom:30px}
#recruit .r_box .down{background:#353535; border-radius:20px; font-size:14px; color:#fff; padding:0 30px; line-height:34px; display:inline-block; transition:all .4s; -webkit-transition:all .4s;}
#recruit .r_box .down:before{content:url(../images/main/more_arrow.png); padding-right:8px;}
#recruit .r_box02{padding-top:80px; overflow:hidden;}
#recruit .r_box02 > div{box-sizing:border-box;}

/* request */
#request_pop{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000000}
#request_pop .request{margin:0 auto; position:absolute; top:0; left:50%;}

#request_pop .request .pop_close{text-align:right;}
#request_pop .request .pop_close a{display:inline-block; background:url('../images/sub/btn_close.jpg') no-repeat 0 0; width:45px; height:45px; background-size:100%;}

#request_pop .request .requestForm{box-sizing:border-box; background:url('../images/sub/request_bg.jpg') no-repeat 0 0; background-size:cover; height:100%;}
#request_pop .request .requestForm .request_tt{color:#fff; font-weight:700;}
#request_pop .request .requestForm .request_txt{color:#fff;}
#request_pop .request .requestForm p{padding-bottom:10px}
#request_pop .request .requestForm p input{border:1px solid #3e3e3e; background:none; color:#fff; box-sizing:border-box; width:100%; font-weight:700}
#request_pop .request .requestForm p textarea{border:1px solid #3e3e3e; background:#1c1c1c; color:#fff; box-sizing:border-box; width:100%; font-weight:700}
#request_pop .request .requestForm .btn_send{display:block; background:#f18430; text-align:center; color:#fff; font-weight:700}

#request_pop .request .requestForm .btn_file{border:1px solid #3e3e3e; background:none; color:#c1c1c1; box-sizing:border-box; width:100%; font-weight:700; display:block;}



@media screen and (max-width:1680px){
	#sec01 .dscr .inner,#sec01 .even .dscr .inner{padding:0 30px;/*padding:100px 30px 60px;*/}

	.mapImg{margin-bottom:30px;}
	#map{height:400px;}

	.contact > div{height:700px}
	.contact .mapInfo{padding:35px 60px 0 60px}
	.contact .mapInfo dl dt{width:100px;}
	.contact .mapInfo dl dd{width:70%;}
	.contact .contactForm{padding:50px 60px 0 60px}
	.contact .contactForm p textarea{height:200px}

	#modal .popup{padding-top:40px !important;}
}

@media screen and (max-width:1300px){
	#history ul li.hisInfo div > span.his_year{padding:0 20px 10px 20px;}
	#history ul li.hisInfo div > .his_txt{padding:10px 20px; font-size:13px; line-height:24px;}

	#history ul li.hisInfo div.his_left > span{margin-right:21px; margin-left:20px; padding-right:20px;}
	#history ul li.hisInfo div.his_right > span{margin-right:20px; margin-left:21px;}
}

@media screen and (max-width:1180px){
	#sec01 .dscr .inner,#sec01 .even .dscr .inner{/*padding:75px 30px 40px;*/height:550px;}

	.contact > div{height:700px}
	.contact .mapInfo{padding:35px 30px 0 30px}
	.contact .contactForm{padding:50px 30px 0 30px}
	.contact .contactForm p textarea{height:200px}

}
@media screen and (max-width:961px){ /*@media screen and (max-width:767px){*/

	#sec01 .dscr .inner,#sec01 .even .dscr .inner{display:block; height:auto; padding:60px 30px 40px;}
	#sec01 li > div {float:none; width:auto;}
	#sec01 .thumb {position:static; height:auto; padding-top:50%;}
	#sec01 .dscr {margin:0 !important;}
	.sub_sec .tit_h4{padding:35px 0}

	#sec01 .dscr p{font-size:13px; line-height:20px !important}
	.tit_h4{font-size:20px !important}
	#sec01 .tit_h4:after, .tit_h4:after{bottom:-10px; width:20px; height:3px}
	#sec01 .tit_h4{margin-bottom:20px}
}
@media screen and (max-width:480px){  
	#sec01 .dscr .inner,	#sec01 .even .dscr .inner{padding:40px 15px 20px;/*padding:40px 15px 20px;*/}
}


/* ====== artist  ====== */

/* artist_list */
.boundingBox{margin: 0 auto; max-width:1734px }

ul#filters{text-align:center; padding-bottom:20px;}
ul#filters li{display:inline-block; }
ul#filters li:after{content:"|"; padding:0 20px}
ul#filters li:last-child:after{content:""}
ul#filters a{color:#fff; font-size:15px;}
ul#filters a.current{color:#f18430; background:url('../images/icon/bul_01.png') no-repeat 100% 50%; padding-right:20px;}
.artist-list{/*width:95%; width:98%;*/width:72%; margin:0 auto;}
.artist-list .element-item{width:20%; margin-bottom:20px;}
.artist-list .element-item a{display:block; margin:0 10px 0}
.artist-list .element-item a img{width:100%;}
.artist-list .element-item a .over_img{display:none;}
.artist-list .element-item span{position:absolute; left:30px; bottom:20px; font-size:21px; display:inline-block; font-weight:700; color:#fff;}

/* artist_view */
.sub_artist{background:#212121 !important;}
.sub_artist #footer{display:none;}
.artist_view{padding:89px 0 0 0 !important; /*background:#fff !important*/background:#212121 !important}
.artistInfo{width:100%; z-index:500;}
.artistInfo_01{padding:35px; box-sizing:border-box; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.artistInfo_01 p{/*float:left;*/ /*width:120px; height:120px; border-radius:120px;*/ overflow:hidden; /*margin-right:20px;*/width:100%;}
.artistInfo_01 p img{width:100%;}
.artistInfo_01 dl{/*float:left;*/ padding-top:15px;}
.artistInfo_01 dl dt{color:#f18430; font-size:17px; padding-bottom:5px; font-weight:700}
.artistInfo_01 dl dd{color:#fff; font-size:13px;}
.artistInfo_02{padding:0 35px}
.artistInfo_02 p{color:#fff; font-size:16px; padding-bottom:10px;}
.artistInfo_02 dl dt{float:left; width:30%; color:#8d7758; line-height:24px;}
.artistInfo_02 dl dd{float:left; width:70%; color:#8e8e8e; line-height:24px; word-break:break-all;}
.artistBtn p a{display:block; float:left; text-indent:-9999px; height:35px; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.artistBtn p .btn_prev{width:15%; background:url('../images/sub/artistBtn_prev.png') no-repeat 50% 50%}
.artistBtn p .btn_list{width:70%; background:url('../images/sub/artistBtn_list.png') no-repeat 50% 50%}
.artistBtn p .btn_next{width:15%; background:url('../images/sub/artistBtn_next.png') no-repeat 50% 50%}

#artistContent{/*background:#fff;*/background:#212121}
#artistContent a{display:block; width:100%; height:100%;}
#artistContent img{width:100%; height:100%;}

#modal{display:none; position:fixed; top:0; left:0; z-index:1500; width:100%; height:100%; background:rgba(0,0,0,0.8) }
/*#modal .popup{position:absolute; top:50%; top:150px;}*/
#modal .popup{box-sizing:border-box;}
#modal .popup .bx-wrapper{margin:0 auto;}
#modal .popup .artist_slider li span{color:#fff; font-size:13px; line-height:26px;}
#modal .popup .artist_slider li img{width:100%; max-height:600px;}
#modal .popup .bx-pager{display:none;}
#modal .pop_close{margin:0 auto; text-align:right;}
#modal .pop_close a{display:inline-block; background:url('../images/sub/btn_close.jpg') no-repeat 0 0; width:45px; height:45px; background-size:100%;}
#modal .bx-controls-direction{position:absolute; top:50%; left:0; width:100%; margin-top:-33px}
#modal .bx-controls-direction a{text-indent:-9999px; position:absolute; width:36px; height:66px;}
#modal .bx-controls-direction .bx-prev{left:20%; background:url('../images/sub/arrow_left.png') no-repeat 0 0}
#modal .bx-controls-direction .bx-next{right:20%; background:url('../images/sub/arrow_right.png') no-repeat 0 0}


/* ======= portfolio ======= */
.movie iframe{width:100%; height:650px; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; float:left;}
.movie .movieInfo{background:#252525; box-sizing:border-box; padding:20px; float:left; width:100%}
.movie .movieInfo div:nth-of-type(1){/*font-size:48px;*/font-size:22px; color:#fff; font-weight:700; word-break:break-word;}
.movie .movieInfo div:nth-of-type(2){color:#fff; line-height:24px; word-break:break-word}
.movie .movieInfo div em{color:#8d7758; font-style:normal;}

.movie .movieInfo div.movieInfo_txt{width:100%; padding-top:10px; color:#fff; line-height:24px; word-break:break-word; font-size:13px; font-weight:400}
.movie .movieInfo div.movieInfo_txt span{display:inline-block;}
/*.movie .movieInfo div.movieInfo_txt span:nth-of-type(1){padding-right:30px;}*/

.portfolio-list{width:99%; margin:0 auto; }
.portfolio-list .element-item{width:20%; margin-bottom:20px; overflow:hidden;}
.portfolio-list .element-item a{display:block; margin:0 10px 0; cursor:pointer; position:relative;}

.portfolio-list .element-item a .movieInfo_detail{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(39,38,38,0.8); display:none;}
.portfolio-list .element-item a .movieInfo_detail em{position:absolute; top:50%; width:100%; text-align:center; color:#fff; font-size:20px; font-style:normal; display:inline-block;}

.portfolio-list .element-item a img{width:100%;}
.portfolio-list .element-item a .over_img{display:none;}
.portfolio-list .element-item span{position:absolute; left:30px; bottom:20px; font-size:21px; display:inline-block; font-weight:700; color:#fff;}

#modal2{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8)}
#modal2 .popup{width:90%;}
#modal2 .popup .pop_close{float:none; text-align:right;}
#modal2 .popup .pop_close a{display:inline-block; background:url('../images/sub/btn_close.jpg') no-repeat 0 0; background-size:100%;}
#modal2 .popup iframe{width:100%; height:503px; float:left;}
#modal2 .popup .movieInfo{float:left; width:100%; background:#252525; box-sizing:border-box; padding:20px;}
#modal2 .popup .movieInfo div:nth-of-type(1){/*font-size:48px;*/font-size:22px; color:#fff; font-weight:700}
#modal2 .popup .movieInfo div:nth-of-type(2){color:#fff; line-height:24px;}
/*#modal2 .popup .movieInfo div:nth-of-type(3){width:100%; padding:10px 0; color:#fff; line-height:24px; word-break:break-word}*/
#modal2 .popup .movieInfo div.movieInfo_txt{width:100%; padding:10px 0; color:#fff; line-height:24px; word-break:break-word; font-size:13px; font-weight:400}
#modal2 .popup .movieInfo div.movieInfo_txt span{display:inline-block;}
/*#modal2 .popup .movieInfo div.movieInfo_txt span:nth-of-type(1){padding-right:30px;}*/
#modal2 .popup .movieInfo div em{color:#8d7758; font-style:normal;}


/* ====== news ====== */
#board{}
#board_list{width:95%; margin:0 auto;}
#board_list .grid-sizer,#board_list .grid-item {margin-bottom:20px;}
#board_list .grid-item a{margin:0 10px 0; display:block; border:1px solid #252525; box-sizing:border-box;}
#board_list .grid-item a .news{background:#fff;}
#board_list .grid-item a .news p{line-height:24px;}
#board_list .grid-item a .news .title{/*padding:20px;*/padding:10px; color:#2c2c2c; font-size:18px; font-weight:700; }
#board_list .grid-item a .news .txt{/*padding:0 20px 40px 20px;*/ padding:0 10px 40px 10px; font-size:14px; color:#737373;}
#board_list .grid-item a .news .date{/*padding:20px;*/ /*padding:5px 20px;*/padding:5px 10px; border-top:1px solid #d1d1d1; color:#737373;}
#board_list img{width:100%;}

#board_view_wrap{background:#fff; /*width:100%;*/width:70%; margin:0 auto; max-width:1278px; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.board_view .title{color:#2c2c2c; font-weight:700; padding-bottom:20px;}
.board_view .date{color:#737373;}
.board_view .b_btn a{display:block; text-align:center; float:left; box-sizing:border-box;}
.board_view .b_btn .btn_prev,.board_view .b_btn .btn_next{text-indent:-9999px;}
.board_view .b_btn .btn_prev{width:15%; /*border:1px solid #cfcfcf; border-right:none;*/ background:url('../images/sub/btn_prev.png') no-repeat 50% 50%;  background-size:18px 33px}
.board_view .b_btn .btn_list{color:#f18430; width:70%; font-weight:700; /*border:1px solid #cfcfcf*/}
.board_view .b_btn .btn_next{width:15%; /*border:1px solid #cfcfcf; border-left:none;*/ background:url('../images/sub/btn_next.png') no-repeat 50% 50%; background-size:18px 33px}


@media all and (min-width:1201px) and (max-width:1600px){
	.artistInfo_01 p{float:none;}
	.artistInfo_01 dl{float:none;}
}
@media all and (min-width:961px) and (max-width:1200px){
	.artistInfo_01{padding-left:20px;}
	.artistInfo_02{padding-left:20px;}

	.artistBtn p .btn_prev{background-size:14px 26px; width:20%}
	.artistBtn p .btn_list{background-size:26px 26px; width:60%}
	.artistBtn p .btn_next{background-size:14px 26px; width:20%}
}

/* pc */
@media all and (min-width:961px){
	/*#container{background:url('../images/sub/sub_bg.jpg') fixed no-repeat;}*/

	/* ====== artist  ====== */
	.artistInfo{position:fixed; left:0; /*width:20%;*/width:18%; top:89px; background:url('../images/sub/content_bg.jpg') fixed no-repeat; /*background-size:382px 100%*/background-size:400px 100%}
	#artistContent{/*margin-left:20%; width:80%;*/margin-left:18%; width:82%; position:relative; overflow:hidden;}
	#artistContent .grid-sizer,#artistContent .grid-item { width:20%; }
	#artistContent .grid-item--width2 { width:40%; }

	.artist-list .element-item span{font-size:16px;}

	/*
	#modal .popup .bx-wrapper{max-width:35% !important;}
	#modal .pop_close{width:35%;}
	*/

	#modal .pop_close{/*width:50%;*/}
	#modal .popup{margin:0 auto; padding-top:140px;}
	#modal .popup .bx-wrapper{/*max-width:50% !important;*/position:relative;}
	#modal .popup .bx-wrapper .bx-viewport{width:90% !important; margin:0 auto;}
	#modal .popup{height:100%; max-width:1600px; width:80%;}

	#modal .bx-controls-direction .bx-prev{left:0;}
	#modal .bx-controls-direction .bx-next{right:0;}

	#modal .popup .artist_slider{}
	#modal .popup .artist_slider li{text-align:center; overflow:hidden;} /*07.04 수정*/
	#modal .popup .artist_slider li img{width:auto !important; max-height:auto !important; display:inline-block;}
	#modal .popup .artist_slider li span{display:block;}

	.artist_view{background-size:100% 100%}
	.artistBtn{position:fixed; bottom:40px; left:0; width:18%/*width:20%*/}
	.artistBtn p{width:90%; margin:0 auto;}

	/* ======= portfolio ======= */
	.portfolio_wrap{position:relative;}
	.movie{/*max-width:1698px; margin:0 auto;*/ width:85%; margin:0 auto; /*max-width:1250px;*/max-width:1160px; border-bottom:1px solid #262727; padding-bottom:50px; margin-bottom:100px;}
	/*.movie .movieInfo{padding:30px 50px 50px 50px;}*/

	.movie .movieInfo{/*padding:10px 50px;*/ padding:15px}
	.movie .movieInfo > div{float:left;}
	.movie .movieInfo > div:nth-of-type(1){width:35%; padding-right:2%}
	.movie .movieInfo > div:nth-of-type(2){width:63%; /*padding-top:10px;*/}

	#modal2 .popup{margin:120px auto 0 auto; max-width:1160px; width:85%}
	#modal2 .popup iframe{height:650px;}
	#modal2 .popup .movieInfo{/*padding:30px 50px 50px 50px;*/padding:15px}
	#modal2 .popup .movieInfo > div{float:left;}
	#modal2 .popup .movieInfo > div:nth-of-type(1){width:35%}
	#modal2 .popup .movieInfo > div:nth-of-type(2){width:65%; /*padding-top:10px;*/}
	#modal2 .popup .pop_close a{width:45px; height:45px;}

	/* ========= about ========= */
	/*.history_wrap{padding-bottom:0 !important}*/
	#history{width:66%; margin:0 auto; background:url('../images/sub/history_line.gif') repeat-y 50% 0; /*padding-bottom:177px;*/ max-width:1255px; background-color:rgba(37,37,37,0.5)}
	#history .his_tt{text-align:center; background:#7b7b7b; font-size:38px; /*padding:25px 0;*/padding:5px 0; color:#fff}
	#history ul{padding-bottom:30px;}

	#history ul li.hisInfo{background:url('../images/sub/history_off.png') no-repeat 50% 50px}
	#history ul li.hisInfo.on{background-image:url('../images/sub/history_on.png')}
	#history ul li.hisInfo div{display:block; box-sizing:border-box; padding-top:35px; margin-bottom:20px;}
	#history ul li.hisInfo div.his_left{padding-right:50%; text-align:right;}
	#history ul li.hisInfo div.his_right{padding-left:50%; text-align:left;}
	#history ul li.hisInfo div > span{display:block; overflow:hidden;  transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}

	#history ul li.hisInfo div .his_txt span{display:block;}

	#history ul li.hisInfo div > span.his_year{color:#fff; font-size:18px; padding:0 50px 10px 50px; border-bottom:1px solid #575757;}
	#history ul li.hisInfo div > span.his_year em{font-style:normal; font-size:11px; background:#3e3e3e; line-height:18px; padding:0 5px; position:relative; top:6px; /*display:inline-block !important;*/}
	#history ul li.hisInfo div > .his_txt{color:#8b8b8b; font-size:15px; line-height:26px; /*padding:10px 50px;*/padding:10px 70px}

	#history ul li.hisInfo div.his_left > span{margin-right:21px; margin-left:50px; padding-right:50px;}
	#history ul li.hisInfo div.his_left .his_year em{margin-right:20px; float:right;}
	#history ul li.hisInfo div.his_left .his_year span{float:right; display:inline-block;}

	#history ul li.hisInfo div.his_right > span{margin-right:50px; margin-left:21px;}
	#history ul li.hisInfo div.his_right .his_year em{margin-left:20px; float:left;}
	#history ul li.hisInfo div.his_right .his_year span{float:left; display:inline-block;}

	#history ul li.detailInfo{width:80%; margin:0 auto; background:#000;}
	#history ul li.detailInfo img{width:100%;}

	.no_data{max-width:1255px; background-color:rgba(37,37,37,0.5); width:70%; margin:0 auto; text-align:center; padding:50px 0; color:#fff;}

	/* ====== contact ====== */
	.contact .mapInfo .mapInfo_tt{font-size:48px; margin-bottom:50px;}
	.contact .mapInfo .mapInfo_tt:before{width:24px; height:3px; bottom:-20px;}
	.contact .mapInfo .mapInfo_addr{font-size:18px; padding-bottom:30px;}
	.contact .mapInfo .mapInfo_txt{font-size:15px; line-height:24px;}

	.contact .contactForm p input{height:53px; line-height:53px; padding:0 20px; font-size:16px;}
	.contact .contactForm p textarea{height:150px; padding:20px; font-size:16px}
	.contact .contactForm a{line-height:63px; height:63px; font-size:20px}

	#request_pop .request .requestForm .btn_file{height:53px; line-height:53px; padding:0 20px; font-size:16px;}

	#recruit{margin:0 auto; /*max-width:1698px;*/max-width:1200px; background-color:rgba(37,37,37,0.5)}
	#recruit .r_box .step{padding-bottom:50px;}
	#recruit .r_box{max-width:1000px; margin:0 auto; padding:125px 0}
	#recruit .r_box02 .r_box02_01{float:left; width:50%; padding-right:2%}
	#recruit .r_box02 .r_box02_02{float:left; width:50%; padding-left:2%}

	#recruit .r_box .step{overflow:hidden;}
	#recruit .r_box .step img{float:left; display:block;}
	#recruit .r_box .step img:nth-of-type(1){width:51.5%}
	#recruit .r_box .step img:nth-of-type(2){width:48.5%}

	#recruit .r_box02 > div div{height:150px;}


	/* ====== news ====== */
	#board{/*max-width:1734px;*/max-width:1788px; margin:0 auto;}
	#board_list .grid-sizer,#board_list .grid-item{width:20%;}
	.board_view{/*max-width:1000px;*/max-width:1500px; margin:0 auto; padding:75px 30px 0 30px}
	.board_view .title{font-size:30px; line-height:41px;}
	.board_view #b_content{padding:40px 0 100px 0}
	.board_view .b_btn a{/*line-height:152px;*/line-height:60px}
	.board_view .b_btn .btn_list{font-size:42px;}



	/* ======== request ======== */
	#request_pop .request{padding-top:45px; max-width:655px; height:900px}
	#request_pop .request .requestForm{padding:50px;}
	#request_pop .request .requestForm .request_tt{font-size:33px; padding-bottom:15px;}
	#request_pop .request .requestForm .request_txt{font-size:15px; line-height:25px; padding-bottom:20px;}
	#request_pop .request .requestForm p input{height:53px; line-height:53px; padding:0 20px; font-size:16px;}
	#request_pop .request .requestForm p textarea{height:150px; padding:20px; font-size:16px}
	#request_pop .request .requestForm .btn_send{line-height:63px; height:63px; font-size:20px}

}


@media all and (min-width:961px) and (max-width:1300px){
	/* ======= news ======= */
	#board_list .grid-sizer,#board_list .grid-item{width:33.33%;}

	#map{height:300px;}
}

@media all and (min-width:501px) and (max-width:960px){
	/* ======= news ======= */
	#board_list .grid-sizer,#board_list .grid-item{width:50% !important;}
}

/* 모바일 */
@media all and (max-width:960px){
	#container{padding:85px 0; /*background:url('../images/sub/sub_bg_m.jpg') fixed no-repeat;*/}
	#container .cont_title{text-align:left; font-size:30px;  padding:0 6% 10px 5%}
	#contents{width:90%; margin:0 auto; background:#1e1e21;}
	#contents .cont{width:100%; margin:0 auto;}

	/* ====== artist  ====== */
	ul#filters{text-align:left; padding:0 6% 10px 5%}
	ul#filters a{font-size:13px}
	ul#filters li:after{padding:0 10px}
	.artist-list{width:95%; margin:0 auto;}
	.artist-list .element-item{width:50%; margin-bottom:20px;}
	.artist-list .element-item span{left:20px; bottom:10px; font-size:15px;}

	.artist_view{padding-top:50px !important; background:url('../images/sub/artist_view_m_bg.jpg') fixed no-repeat !important; background-size:cover !important;}
	.artistInfo{padding-bottom:120px; position:relative;}
	.artistBtn{position:absolute; bottom:20px; left:0; width:100%;}
	.artistBtn p .btn_prev{background-size:14px 26px; width:20%}
	.artistBtn p .btn_list{background-size:26px 26px; width:60%}
	.artistBtn p .btn_next{background-size:14px 26px; width:20%}

	#artistContent .grid-sizer,#artistContent .grid-item { width:50%; }
	#artistContent .grid-item--width2 { width:100%; }
	.artistInfo_01{/*padding-top:30px;*/}
	.artistInfo_02{/*padding-top:20px;*/}

	#modal .popup{top:100px; position:absolute;}
	#modal .popup .bx-wrapper{max-width:55% !important;}
	#modal .pop_close{width:55%;}
	#modal .pop_close a{width:30px; height:30px;}
	#modal .bx-controls-direction{display:none;}

	/* =======portfolio ======= */
	.movie{width:90%; margin:0 auto 40px auto; border-bottom:1px solid #262727; padding-bottom:20px;}
	.movie iframe{height:250px;}
	.movie .movieInfo div:nth-of-type(1){font-size:22px; /*padding-bottom:20px;*/padding-bottom:5px;}
	.movie .movieInfo div:nth-of-type(2){font-size:12px; line-height:22px;}
	.movie .movieInfo div.movieInfo_txt{font-size:12px;}

	#modal2 .popup{margin:70px auto 0 auto;}
	#modal2 .popup .movieInfo div:nth-of-type(1){font-size:22px; padding-bottom:20px;}
	#modal2 .popup .movieInfo div:nth-of-type(2){font-size:12px; line-height:22px;}
	#modal2 .popup .movieInfo div.movieInfo_txt{font-size:12px;}
	#modal2 .pop_close a{width:30px; height:30px;}
	#modal2 .popup iframe{height:250px;}

	.portfolio-list{width:95%; margin:0 auto;}
	.portfolio-list .element-item{width:50%; margin-bottom:20px;}
	.portfolio-list .element-item span{left:20px; bottom:10px; font-size:15px;}

	/* ====== about ====== */
	#flex_inside_com > .thumnail .slides li.flex-active-slide img{border:3px solid #f18430}
	#flex_inside_com > .thumnail .slides li.flex-active-slide span{border:3px solid #f18430;}

	#flex_inside_com > .thumnail .slides li:hover img{border:3px solid #f18430}
	#flex_inside_com > .thumnail .slides li:hover span{border:3px solid #f18430;}

	.history_wrap{padding-bottom:0 !important;}
	#history{background-color:rgba(37,37,37,0.5)}
	#history .his_tt{text-align:center; background:#7b7b7b; font-size:20px; padding:10px 0 10px 5%; text-align:left; color:#fff; font-weight:400}

	#history ul{width:90%; margin:0 auto; padding:20px 0}
	#history ul li.hisInfo{background:url('../images/sub/history_off.png') no-repeat 0 27px; background-size:30px; padding-bottom:20px;}
	#history ul li.hisInfo.on{background-image:url('../images/sub/history_on.png')}
	#history ul li.hisInfo div{padding-left:30px; box-sizing:border-box;}
	#history ul li.hisInfo div > span{display:block; padding:0 !important; margin:0 !important;}

	#history ul li.hisInfo div .his_txt span{display:block;}

	#history ul li.hisInfo div > span.his_year{border-bottom:1px solid #575757; padding:0 20px !important; color:#fff; font-size:16px;}
	#history ul li.hisInfo div > span span{padding:10px 0; display:inline-block;}
	#history ul li.hisInfo div > span em{ display:inline-block; font-style:normal; font-size:11px; background:#3e3e3e; line-height:18px; padding:0 5px; margin-left:10px; /*display:inline-block !important;*/}
	
	#history ul li.hisInfo div > .his_txt{padding:5px 20px !important; color:#8e8e8e;}

	#history ul li.detailInfo{margin:0 0 20px 50px; background:#000; box-sizing:border-box;}
	#history ul li.detailInfo img{width:100%}

	.no_data{background-color:rgba(37,37,37,0.5); width:100%; margin:0 auto; text-align:center; padding:50px 0; color:#fff;}

	/* ====== contact ====== */
	.contact_wrap{padding-bottom:0 !important}
	.mapImg{margin-bottom:15px;}

	.contact > div{height:auto;}
	.contact .mapInfo{float:none; width:100%; padding:35px 20px 0 20px}
	.contact .mapInfo > div{padding:20px 0}
	.contact .mapInfo .mapInfo_tt{font-size:30px; margin-bottom:25px;}
	.contact .mapInfo .mapInfo_tt:before{width:22px; height:3px; bottom:-10px;}
	.contact .mapInfo .mapInfo_addr{font-size:16px; padding-bottom:20px;}
	.contact .mapInfo .mapInfo_txt{font-size:13px; line-height:26px;}

	.contact .contactForm{float:none; width:100%; padding:50px 20px 100px 20px}
	.contact .contactForm p input{height:35px; line-height:35px; padding:0 10px; font-size:13px;}
	.contact .contactForm p textarea{height:100px; padding:10px; font-size:13px}
	.contact .contactForm a{line-height:40px; height:40px; font-size:15px}

	#request_pop .request .requestForm .btn_file{height:35px; line-height:35px; padding:0 10px; font-size:13px; font-weight:400 !important}

	.recruit_wrap{padding-bottom:0 !important;}
	#recruit{background:#1e1e21; padding-bottom:50px}
	#recruit .r_box .step{padding:25px 0;}
	#recruit .r_box{width:90%; margin:0 auto; }

	#recruit .r_box .step{overflow:hidden;}
	#recruit .r_box .step img{display:block; width:100%; margin-top:30px;}


	/* ====== request ======= */
	#request_pop .request{width:90%; padding-top:20px;}
	#request_pop .request .pop_close a{width:30px; height:30px;}
	#request_pop .request .requestForm{padding:20px;}
	#request_pop .request .requestForm .request_tt{font-size:20px; padding-bottom:10px;}
	#request_pop .request .requestForm .request_txt{font-size:12px; line-height:22px; padding-bottom:15px;}
	#request_pop .request .requestForm p input{height:35px; line-height:35px; padding:0 10px; font-size:13px;}
	#request_pop .request .requestForm p textarea{height:100px; padding:10px; font-size:13px}
	#request_pop .request .requestForm a{line-height:40px; height:40px; font-size:15px}

	/* ====== news ======= */
	#board_list .grid-sizer,#board_list .grid-item{width:100%;}
	#board_view_wrap{width:90%; margin:0 auto;}
	.board_view{width:90%; margin:0 auto; padding-top:30px}
	.board_view #b_content{padding:20px 0 50px 0}
	.board_view .title{font-size:18px; line-height:26px;}
	.board_view .b_btn a{line-height:50px; background-size:12px 22px !important}
	.board_view .b_btn .btn_list{font-size:20px;}
}

@media all and (max-width:520px){
	.thumnail .flex-direction-nav a{}
	.thumnail .flex-direction-nav .flex-prev{left:3% !important}
	.thumnail .flex-direction-nav .flex-next{right:3% !important}
	.view .flex-direction-nav a{display:none}
	#flex_inside_com > .thumnail .slides li img{min-height:50px}
	#flex_inside_com > .thumnail .slides li.flex-active-slide img{border:1px solid #f18430}
	#flex_inside_com > .thumnail .slides li.flex-active-slide span{border:1px solid #f18430; font-size:13px;}

	#flex_inside_com > .thumnail .slides li:hover img{border:1px solid #f18430}
	#flex_inside_com > .thumnail .slides li:hover span{border:1px solid #f18430; font-size:13px;}

	#modal .popup .bx-wrapper{max-width:80% !important;}
	#modal .pop_close{width:80%;}

	.portfolio-list .element-item a .movieInfo_detail em{font-size:15px;}
}

@media all and (max-width:500px){
	.movie iframe{height:150px;}
	#modal2 .popup iframe{height:150px;}

	.contact .contactForm{padding:50px 20px}
	#map{height:250px;}
}