@charset "utf-8";

* {padding:0; margin:0; border:0; font-family: 'Noto Sans KR', sans-serif; -webkit-font-smoothing: antialiased;}
img {display:block; margin:0 auto;}
a {text-decoration:none; color:#555;}
a:hover, a:active, a:focus, a:visited {text-decoration:none; color:#000; border:0;}
a {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
ul, li, ol {list-style:none;}



@media screen and (min-width:1000px) {
/*피씨뷰*/
.pc {display:block;}
.mo {display:none;}

.img_wrap {position:relative; padding-left:50%; overflow:hidden;}
.img_wrap img {display:block; margin-left:-800px; width:1600px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

}

@media screen and (min-width:1280px) {
.img_wrap {position:relative; padding-left:50%; overflow:hidden;}
.img_wrap img {display:block; margin-left:-1000px; width:2000px;}
}

@media screen and (max-width:1000px) {
/*모바일뷰*/
.pc {display:none;}
.mo {display:block;}

.img_wrap {width:100%;}
.img_wrap img {width:100%;}
}

.wrap {width:100%; display:block; clear:both;}

.fixed-member {width:94%; max-width:1200px; margin:0 auto;}
.fixed-board {width:94%; max-width:1200px; margin:0 auto;}

.event_wrap {width:100%; margin:0 auto; overflow:hidden;}


.border-box {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.kw {height:0px; width:0px; overflow:hidden;}
.transition {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.bg_fix {background-attachment:fixed; background-position:top center;}

/*마우스 오버액션*/
.mouse_effect {position:relative; display:block;}
.mouse_effect .out {position:relative; top:0px; left:0px; display:block; z-index:1;}
.mouse_effect .ovr {position:absolute; top:0px; left:0px; display:block; z-index:2; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.mouse_effect:hover .ovr {opacity:1;}

/*게시판 회원가입 프레임 컨트롤*/
.xc, .xm {max-width: 1200px; width:100%; margin: 0 auto; padding-top:50px;} /*.xe, .xm 클래스는 회원가입, 회원정보 등의 사이즈를 픽스시키기 위함*/ 
.x, .board {max-width: 1200px; width:100%; margin: 0 auto; padding-top:50px;} /*게시판의 가로 폭을 정하기 위함*/
.xm h1 {margin-bottom:30px; padding-bottom:10px;}
.btnArea {max-width: 1600px; width:100%; margin: 0 auto; padding-bottom:20px;}

/*클리어 스페이스*/
.clear {clear:both; height:0px; width:100%;}
.clear_5 {clear:both; height:5px; width:100%;}
.clear_10 {clear:both; height:10px; width:100%;}
.clear_20 {clear:both; height:20px; width:100%;}
.clear_30 {clear:both; height:30px; width:100%;}
.clear_40 {clear:both; height:40px; width:100%;}
.clear_50 {clear:both; height:50px; width:100%;}
.clear_60 {clear:both; height:60px; width:100%;}
.clear_70 {clear:both; height:70px; width:100%;}
.clear_80 {clear:both; height:80px; width:100%;}
.clear_90 {clear:both; height:90px; width:100%;}
.clear_100 {clear:both; height:100px; width:100%;}
.clear_110 {clear:both; height:110px; width:100%;}
.clear_120 {clear:both; height:120px; width:100%;}
.clear_130 {clear:both; height:130px; width:100%;}
.clear_140 {clear:both; height:140px; width:100%;}
.clear_150 {clear:both; height:150px; width:100%;}

/*블럭이 여러개*/
.x1 {width:100%; display:block;}
.x1 li {float:left; width:100%; height:auto; min-height:400px;}
.x1 li > img {width:100%;}

.x2 {width:100%; display:block;}
.x2 li {float:left; width:50%; height:auto;}
.x2 li > img {width:100%;}

.x2_sp {width:100%; display:block;}
.x2_sp li {float:left; width:595px; height:auto; margin-right:10px; margin-bottom:10px;}
.x2_sp li:nth-child(2n) {margin-right:0px;}
.x2_sp li > img {width:100%;}

.x3 {width:100%; display:block;}
.x3 li {float:left; width:33.33%; height:auto;}
.x3 li > img {width:100%;}

.x3_sp {width:100%; display:block;}
.x3_sp li {float:left; width:32.6%; height:auto;}
.x3_sp li + li {margin-left:1.1%;}
.x3_sp li > img {width:100%;}

.x4 {width:100%; display:table;}
.x4 li {float:left; width:25%;}
.x4 li > img {width:100%; float:left;}

.x4_sp {width:100%; display:table;}
.x4_sp li {float:left; width:290px; margin-right:13px;}
.x4_sp li:last-child {margin-right:0px;}
.x4_sp li > img {width:100%; float:left;}

.x5 {width:100%; display:block;}
.x5 li {float:left; width:20%; height:auto;}
.x5 li > img {width:100%;}

.x2_x1 {width:100%; display:block;}
.x2_x1 li {width:66.6%; float:left; height:auto; min-height:400px;}
.x2_x1 li + li {width:33.4%;}
.x2_x1 li > img {width:100%;}


/*사이즈*/

.w50 {width:50%; display:block;}
.w100 {width:100%; display:block;}
.w400 {width:100%; max-width:400px; display:table; margin:0 auto;}
.w1000 {width:100%; max-width:1000px; display:table; margin:0 auto;}
.w1100 {width:100%; max-width:1100px; display:table; margin:0 auto;}
.w1140 {width:100%; max-width:1140px; display:table; margin:0 auto;}
.w1200 {width:100%; max-width:1200px; display:table; margin:0 auto;}
.w1300 {width:100%; max-width:1300px; display:table; margin:0 auto;}
.w1400 {width:100%; max-width:1400px; display:table; margin:0 auto;}
.w1600 {width:100%; max-width:1600px; display:table; margin:0 auto;}
.full {width:100%; min-width:1000px; display:table; margin:0 auto; background-position:center;}