@charset "utf-8";

* {padding:0; margin:0; border:0; font-weight:500;}
body, input, textarea, select, button, table {font-size: 12px; font-weight:400;}
h1, h2, h3, h4, h5, h6, {}
img, fieldset, button { border: 0;}
img {display:block; margin:0 auto;}
ul, ol, li { list-style:none}
em, address { font-style:normal}
p {}
a {text-decoration:none; -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; color:#333;}
.seo {display:none;}
.h_100 {height:100%;}
.kw {height:0px; width:0px; overflow:hidden;}
.key {height:0px; width:0px; overflow:hidden;}

.btn {-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition: 0.5s;}

.btn_item {background:#111; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
.btn_item:hover, .btn_item:active .btn_item:focus {background-color: #CBA061; color: #fff;}

.pc {display:block;}
.m {display:none;}

.sub_sp {width:100%; height:90px;}
.m_menu_off {display:none;}

.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;}

.smooth_div {-webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; opacity:0;}
.smooth_div2 {-webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; opacity:0;}
.smooth_div3 {-webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; opacity:0;}
.smooth_on {opacity:1;}

/*ŸÀÌƲ*/
.h1_title {font-size:72px; font-weight:300; font-family: 'Nanum Square'; text-align:center; line-height:74px;}

.h1_main {font-size:48px; font-weight:300; font-family: 'Nanum Square'; text-align:center; line-height:50px;}
.h1_main b {font-weight:300; color:#ee398a;}
.h1_main:before {content:"-"; padding-right:10px;}
.h1_main:after {content:"-"; padding-left:10px;}

/*ȸ¿ø °ü·Ã ÆäÀÌÁö °¡·ÎÆø ÄÁÆ®·Ñ*/
.fixed-width { width:100%; max-width: 1200px; margin: 0 auto; padding-bottom:50px;}

/*°Ô½ÃÆÇ È¸¿ø°¡ÀÔ ÇÁ·¹ÀÓ ÄÁÆ®·Ñ*/
.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;}

.alpha_70 {opacity:0.7;}

/*Ŭ¸®¾î ½ºÆäÀ̽º*/
.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%;}

/*margin*/
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.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%;}

.x3_line {width:100%; display:table; border-right:1px solid #111; border-bottom:1px solid #111;}
.x3_line li {float:left; width:33.33%; display:table; }
.x3_line li div {display:table-cell; border-top:1px solid #111; border-left:1px solid #111; width:auto; text-align:center; vertical-align:middle; height:200px;}

.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;}

.sub_wrap_m {display:none;}

@media screen and (max-width:1000px) {
/*Ŭ¸®¾î ½ºÆäÀ̽º*/
.clear {clear:both; height:0px; width:100%;}
.clear_5 {clear:both; height:2.5px; width:100%;}
.clear_10 {clear:both; height:5px; width:100%;}
.clear_20 {clear:both; height:10px; width:100%;}
.clear_30 {clear:both; height:15px; width:100%;}
.clear_40 {clear:both; height:20px; width:100%;}
.clear_50 {clear:both; height:25px; width:100%;}
.clear_60 {clear:both; height:30px; width:100%;}
.clear_70 {clear:both; height:35px; width:100%;}
.clear_80 {clear:both; height:40px; width:100%;}
.clear_90 {clear:both; height:45px; width:100%;}
.clear_100 {clear:both; height:50px; width:100%;}
.clear_110 {clear:both; height:55px; width:100%;}
.clear_120 {clear:both; height:60px; width:100%;}
.clear_130 {clear:both; height:65px; width:100%;}
.clear_140 {clear:both; height:70px; width:100%;}
.clear_150 {clear:both; height:75px; width:100%;}
}