/* ******************  ¸ÞÀÎ ºñÁÖ¾ó ********************** */
#mainVisual{overflow:hidden; width:100%;  height:100%;   position:relative;  z-index:100; background: linear-gradient(-67.5deg, #AA0799, #572085, #00758e, #38367E);
 background-size: 400% 400%; animation: gradientBG 5s ease infinite; overflow:hidden; }
@keyframes gradient02
{0%{} 50% {background: linear-gradient(-120deg,#2A0161,#900962);} 100%{}}
@-moz-keyframes gradient02
{0%{} 50% {background: linear-gradient(-120deg,#2A0161,#900962);} 100%{}}
@-webkit-keyframes gradient02
{0%{} 50% {background: linear-gradient(-120deg,#2A0161,#900962);} 100%{}}
@-o-keyframes gradient02
{0%{} 50% {background: linear-gradient(-120deg,#2A0161,#900962);} 100%{}}
@keyframes gradientBG {
 0% { background-position: 0% 50%; }
 50% { background-position: 100% 50%; }
 100% { background-position: 0% 50%; }
}

  


.slick-track,.slick-list { -webkit-perspective: 2000; -webkit-backface-visibility: hidden;}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, .main-visual-item{ height:100%; overflow:hidden;}
.main-visual-con{z-index:1;}

/* ¸ÞÀÎ ºñÁÖ¾ó :: À̹ÌÁö */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img-bg{ width:100%; height:100%;  background-size:cover !important; -ms-transform: scale(1.1,1.1);    -o-transform: scale(1.1,1.1);   -moz-transform: scale(1.1,1.1);   -webkit-transform: scale(1.1,1.1);    transform: scale(1.1,1.1);-webkit-transition:transform 2000ms  ease-in-out ;-moz-transition:transform 2000ms ease-in-out ;-o-transition:transform 2000ms ease-in-out ;-ms-transition:transform 2000ms ease-in-out ;transition:transform 2000ms ease-in-out ; }
 

/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con{position:absolute; top:40%; z-index:12; left:5%; width:50%; margin-top:-150px; } 
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{ opacity:0;filter:Alpha(opacity=0); -ms-transform: translateX(50px);  -o-transform: translateX(50px);  -moz-transform: translateX(50px);  -webkit-transform: translateX(50px);      transform: translateX(50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s;}
.main-visual-item .main-visual-txt-con.left .main-visual-txt1,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2,{ opacity:0;filter:Alpha(opacity=0); -ms-transform: translateX(-50px);  -o-transform: translateX(-50px);  -moz-transform: translateX(-50px);   -webkit-transform: translateX(-50px);      transform: translateX(-50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s;}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con.left .main-visual-txt1{font-size:19px; line-height:180%;  display:block; text-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);   letter-spacing:-0.4px;  font-weight:400;color:#fff; margin-bottom:30px; padding-top:25px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 span { font-size:39px; display:block; letter-spacing:0.02em; font-family: 'Permanent Marker', cursive; padding:10px 0 30px 0;}
.main-visual-item .main-visual-txt-con .main-visual-txt1:before{position:absolute; top:0; right:0; display:inline-block; content:""; width:36px; height:1px; background-color:#fff;}
.main-visual-item .main-visual-txt-con.left .main-visual-txt1:before{right:auto; left:0;}
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{line-height:90%; font-size:90px;  text-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);letter-spacing:-0.1em;  font-family: 'Montserrat', 'GmarketSansBold'; font-weight:200;  display:block; color:#fff; margin-bottom:30px; -webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b{color:#fff; letter-spacing:0; font-weight:900; }
.main-visual-item .main-visual-txt-con .main-visual-txt2 span{display:block;letter-spacing:0; }
.main-visual-item .main-visual-txt-con img{display:inline-block;}


/* ¸ÞÀÎ ºñÁÖ¾ó :: ¿ìÃø ¹Ú½ºÀ̹ÌÁö */
.main-visual-item .main-visual-cir-con{position:absolute; top:20%; right:5%;  z-index:11; width:50%; } 
.main-visual-item .main-visual-cir-con .main-visual-cir1 {right:0px; top:0; position:absolute; overflow:hidden; width:100%; height:auto; box-shadow:10px 10px 20px 5px rgba(0,0,0,0.3);  border-radius:0 30px 0 30px; -webkit-border-radius:0 30px 0 30px; -moz-border-radius:0 30px 0 30px; -o-border-radius:0 30px 0 30px;  display:inline-block; opacity:0; filter:Alpha(opacity=0); -ms-transform: translateX(50px);  -o-transform: translateX(50px);  -moz-transform: translateX(50px);  -webkit-transform: translateX(50px);      transform: translateX(50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s;}
.main-visual-item .main-visual-cir-con .main-visual-cir1 img {width:100%;}
.main-visual-item .main-visual-cir-con.right .main-visual-cir1{ opacity:0;filter:Alpha(opacity=0); -ms-transform: translateX(50px);  -o-transform: translateX(50px);  -moz-transform: translateX(50px);  -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s;  -webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-ms-transition-delay:0.7s;transition-delay:0.7s;}


/* ¸ÞÀÎ ºñÁÖ¾ó :: activeÈ¿°ú */
.main-visual-item.active-item .main-visual-pc-img{ -ms-transform: scale(1.0,1.0) rotate(0.01deg); -o-transform: scale(1.0,1.0) rotate(0.01deg); -moz-transform: scale(1.0,1.0) rotate(0.01deg);
-webkit-transform: scale(1.0,1.0) rotate(0.01deg); transform: scale(1.0,1.0) rotate(0.01deg);}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-cir1{opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px);  -moz-transform: translateX(0px); -webkit-transform: translateX(0px);  transform: translateX(0px);}
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt-con.left .main-visual-txt2,
.main-visual-item.active-item .main-visual-cir-con.right .main-visual-cir1
{opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px);  -o-transform: translateX(0px);  -moz-transform: translateX(0px);-webkit-transform: translateX(0px); transform: translateX(0px);}

/* ¸ÞÀÎ ºñÁÖ¾ó :: ¹öÆ° */
#mainVisual .slick-dots{position:absolute; left:4.8%; top:70%;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px ; }
#mainVisual .slick-dots li button{ cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:60px; height:10px;   border:2px solid #fff;}
#mainVisual .slick-dots li.slick-active button{background-color:#fff; border:2px solid #fff;}




@media all and ( max-width:1400px ){
/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con.left .main-visual-txt1{ font-size:17px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 span{ font-size:27px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:70px;}
}

@media all and ( max-width:1000px ){
/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{  font-size:50px;}
}

@media all and ( max-width: 800px ){
.main-visual-item .main-visual-img-bg{height:800px;  }

/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con{ top:60%; left:50%; margin:0 0 0 -250px;width:500px; } 
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con.left .main-visual-txt1{ font-size:15px;  padding-top:5px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:40px; margin-bottom:0px; }
.main-visual-item .main-visual-txt-con .main-visual-txt1 span{ font-size:25px; padding:10px 0 20px 0;}

 
.main-visual-item .main-visual-txt-con .main-visual-txt1:before{ height:0px;}
 
/* ¸ÞÀÎ ºñÁÖ¾ó :: ¿ìÃø ¹Ú½ºÀ̹ÌÁö */
.main-visual-item .main-visual-cir-con{top:15%; left:50%; margin:0 0 0 -250px;width:500px; } 

/* ¸ÞÀÎ ºñÁÖ¾ó :: ¹öÆ° */
#mainVisual .slick-dots{top:47%; left:50%; margin:0 0 0 -70px;  }
#mainVisual .slick-dots li button{ width:40px;}
}



@media all and ( max-width:520px ){
.main-visual-item .main-visual-img-bg{height:600px;  }
/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅؽºÆ® */
.main-visual-item .main-visual-txt-con{ top:55%; margin:0 0 0 -170px;width:340px; } 
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con.left .main-visual-txt1{ font-size:11px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con.left .main-visual-txt2{font-size:29px; letter-spacing:-0.06em;}
/* ¸ÞÀÎ ºñÁÖ¾ó :: ¿ìÃø ¹Ú½ºÀ̹ÌÁö */
.main-visual-item .main-visual-cir-con{top:16%;  margin:0 0 0 -170px; width:340px; } 
}



@media all and ( max-width:370px ){
.main-visual-item .main-visual-txt-con{margin:0 0 0 -150px;width:300px; } 
.main-visual-item .main-visual-cir-con{margin:0 0 0 -150px;width:300px; } 
}


/* ¸ÞÀκñÁê¾ó Ç÷¯±×ÀÎSlider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;-khtml-user-select: none; -ms-touch-action: pan-y;  touch-action: pan-y;    -webkit-tap-highlight-color: transparent;}
.slick-list{  position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{   outline: none !important;}
.slick-list.dragging{  cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.slick-track{ position: relative;   top: 0; left: 0;    display: block;}
.slick-track:before,
.slick-track:after{display: table;    content: '';}
.slick-track:after{  clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{    display: none;    float: left; height: 100%;  min-height: 1px;}
[dir='rtl'] .slick-slide{  float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{   visibility: hidden;}
.slick-vertical .slick-slide{ display: block;  height: auto;  border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-slider *:focus{outline:none !important;}









/* Äü¹è³Ê */
#mainVisual .m_quick {position:absolute; z-index:10000000; right:5%; bottom:5%;}
.m_quick ul li { float:right; width:90px; height:90px; text-align:center; box-shadow:5px 5px 10px 5px rgba(0,0,0,0.3); display:inline-block; margin:10px; background:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.m_quick ul li:first-child {background:#3C19AC;}
.m_quick ul li a:hover {opacity: 0.7; filter:alpha(opacity=70);}
.m_quick ul li a h3 {padding-top:42%; font-size:13px; font-family: 'GmarketSansMedium'; color: #fff; }
.m_quick ul li a h3 span {display:block;} 
.m_quick ul li a h3.p2 {padding-top:37%;}

@media screen and (max-width:769px) {
#mainVisual .m_quick {right:0px;}
.m_quick ul li {float:none; display:block; width:60px; height:60px;}
.m_quick ul li a h3 { font-size:10px; }
}







/* ¼ýÀÚÄ«¿îÆ® */
#mainVisual .m_count {position:absolute; z-index:10000000; right:27%; bottom:6.5%; width:28%; }
.m_count ul {width:100%;}
.m_count ul li {float:left; width:44%; padding:0 1%;}
.m_count ul li:first-child,
.m_count ul li:last-child{width:25%;}

.m_count ul li dl {text-align:left;}
.m_count ul li dl dt {color:#fff; padding-bottom:10px; font-family: 'GmarketSansMedium'; }
.m_count ul li dl dd {color:#fff;   font-family: 'GmarketSansMedium'; font-size:21px;  text-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);}
.m_count ul li dl dd span{ line-height:100%; font-size:13px;}
.m_count ul li dl dd b.counter {color:#fff;  font-family: 'Libre Baskerville', serif; font-size:39px; font-weight:700; letter-spacing:-0.01em;  text-shadow:3px 3px 3px 1px rgba(0,0,0,0.2);}

@media screen  and (max-width:1600px) {
.m_count ul li dl dd b.counter { font-size:30px;}
}


@media screen  and (max-width:1400px) {
#mainVisual .m_count {right:0; left:5%;width:350px; }
}


@media screen  and (max-width:769px) {
#mainVisual .m_count { bottom:6%; width:230px;}
.m_count ul li dl dt {padding-bottom:5px; font-size:9px;}

.m_count ul li dl dd {font-size:14px;}
.m_count ul li dl dd span{font-size:10px;}

.m_count ul li dl dd b.counter {font-size:21px;}
}






/* ¹è³Ê ȸÀü ¿µ¹®Å¸ÀÌƲ*/ 
.tit_b {position:absolute; z-index:10; }
@media screen and (max-width: 1000px) {
.tit_b img {width:40px;}
}





/* Æ÷Æ®Æú¸®¿À :: ¸ð´ÏÅÍ À̹ÌÁö ·Ñ¸µ ¹è³Ê */
.work { width:100%; position: relative; paddding:30px 0; }
.work .tit_b { left:40px; bottom:20px;}
.work .work_wrap { z-index:1; }
.work .work_wrap:after {content:"";display:block;clear:both;}
.work .work_wrap .work_img{ margin-left:10%; width:90%; height:500px; overflow:hidden;  }
.work .work_wrap .work_img h2  {font-size:27px; padding:70px 0 0 30px;  font-family: 'GmarketSansMedium';}
.work .work_wrap .work_img h2  span{font-size:13px; padding-left:14px; letter-spacing:0.4em;}
.work .work_wrap .work_img h2  span a:hover{opacity:0.6;}
.work .work_wrap .work_img .item {float:left;  display:inline-block;}

.item dl {text-align:left; width:400px;  padding:40px 30px; position: relative; }
.item dl dt {width:100%;}
.item dl dt img {width:100%;}
.item a:hover dl dt img {opacity:0.7;}
.item dl dd .tit h3 {font-size:21px; color:#000; letter-spacing:-0.04em; padding-top:15px;}
.item dl dd p {font-size:15px; padding-top:10px;  color:#818181; }
.carousel-control { position:absolute; top:0; margin-top:-40px;}
a.carousel-control {opacity:0.3;}
a:hover.carousel-control {opacity:1;}
.right {right:100px;}
.left {right:220px;}
 

 

@media screen and (max-width: 1000px) {
.work .tit_b { left:10px;}
.work .work_wrap .work_img{  width:90%; height:330px; }
.work .work_wrap .work_img h2  {font-size:21px; padding:40px 0 0 0px;}
.work .work_wrap .work_img h2  span{font-size:11px;}
.item dl { width:260px;  padding:40px 20px; position: relative; }
.item dl dd .tit h3 {font-size:13px; padding-top:8px;}
.item dl dd p {font-size:9px; padding-top:3px; }
.carousel-control {margin-top:10px;}
.carousel-control img {width:50px;}
.right {right:30px;}
.left {right:90px;}
}









 /* business 4´Ü ¹è³Ê */
.busi  {overflow:hidden; position: relative; width:100%; text-align:left;}
.busi .tit_b {right:40px; top:90px;}

.busi .box01{background:#F6F6F6; padding:80px 0; text-align:center; overflow:hidden;}
.busi  h2  {font-size:27px; text-align:left; padding:0px 0 30px 30px;  font-family: 'GmarketSansMedium'; }
.busi  h2  span{font-size:13px; padding-left:14px; letter-spacing:0.4em;}
.busi  h2  span a:hover{opacity:0.6;}

.busi .box01 ul{ width:89%;  margin-left:2%;}
.busi .box01 ul:after {content:"";display:block;clear:both;}
.busi .box01 ul li { float:left; width:23%; margin:1%;  display:inline-block; text-align:left;   }
.busi .box01 ul li a{  background:url('../../img/bg_busi.gif') no-repeat 0px 10px;   display:inline-block;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; }
.busi .box01 ul li a img {width:95%;}
.busi .box01 ul li a h3 {padding:20px 25px 10px 30px; font-size:21px; font-family: 'GmarketSansMedium'; color: #000; letter-spacing:-0.03em;    -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.busi .box01 ul li a span {padding:0px 25px 25px 30px; font-size:13px; letter-spacing:-0.03em; color: #000; font-weight:400; word-break:keep-all;line-height:140%; display:block;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.busi .box01 ul li a  span {opacity:0.7;}
 
@media screen  and (min-width:1000px) {
.busi .box01 ul li a:hover {  background:url('../../img/bg_busi_ov.gif') no-repeat 10px 10px;   display:inline-block; }
.busi .box01 ul li a:hover img { box-shadow:5px 5px 20px 5px rgba(0,0,0,0.3);}
.busi .box01 ul li a:hover h3,.busi .box01 ul li a:hover  span { color: #fff; padding-left:40px; padding-right:15px; }
}


@media screen  and (max-width:1000px) {
.busi .tit_b {right:0px; top:60px; opacity:0.1;}
.busi .box01 ul li { float:left; width:46%; margin:10px 2%;  display:inline-block; }
.busi  h2  {font-size:21px; padding:40px 0 0 20px;}
.busi  h2  span{font-size:11px;}
.busi .box01{ padding:30px 0;}
.busi .box01 ul li a img {width:100%;}
.busi .box01 ul li a h3 {padding:10px 20px 5px 20px;  font-size:17px; }
.busi .box01 ul li a  span {padding:0px 20px 15px 20px; font-size:11px; }
}

@media screen  and (max-width:600px) {
.busi  h2  {; padding:30px 0 0 10px;}

.busi .box01 ul li a h3 {padding:10px 10px 5px 10px; font-size:15px; }
.busi .box01 ul li a  span {padding:0px 10px 10px 10px; }
}

 
 









/* ¹è³Ê::°í°´¼¾ÅÍ  */
.m_board {width:100%;   position:relative; text-align:center;}
.m_board section { width:100%; margin:0 auto; background:url('../../img/m_board_bg1.jpg') no-repeat center top;  background-size:cover; }
.m_board section > div {width:90%; margin:0 auto; max-width:800px;    text-align:left; padding:100px 0;   }
 
 

.b_tit {border-bottom:1px solid rgba(255,255,255,0.3);  position: relative; padding-bottom:10px; margin-bottom:15px;}
.b_tit h3 {font-size:13px; color:#fff; font-weight:400;}
.b_tit h3 span{ font-size:55px;  font-family: 'Montserrat', 'GmarketSansBold'; padding-right:5px; font-weight:900; }

.b_tit .more a{position:absolute; right:0px; top:30px;}
.b_tit .more img {width:30px;}
.b_tit .more a:hover {-ms-transform: rotate(60deg); // explorer -webkit-transform: rotate(60deg); // chrome, safari, opera transform: rotate(60deg); }

.board_list .board_output {background:none;}
.board_list .board_output tr td  {text-align:right; font-size:15px; letter-spacing:0.05em; color:#fff; }
.board_list .board_output .bd_out1  {text-align:left; padding:5px 0; color:#fff;}
.board_list .board_output .bd_out1 a {font-family:'Noto Sans KR';  font-size:15px; letter-spacing:0.02em; color:#fff;}
 

@media screen  and (max-width:1360px) {
.b_tit h3 span{ font-size:30px; }
.board_list .board_output tr td,
.board_list .board_output .bd_out1 a {font-size:13px; letter-spacing:0;}
}

@media screen  and (max-width:1200px) {
.board_list .board_output tr td,
.board_list .board_output .bd_out1 a {font-size:12px; letter-spacing:-0.05em; }
}

@media screen  and (max-width:960px) {
.m_board section > div {width:90%;  padding:40px 5%; display:block; }
.b_tit .more a{top:10px;}
.b_tit h3 {font-size:15px;}
.board_list .board_output tr td, 
.board_list .board_output .bd_out1 a {font-size:13px; letter-spacing:0; }
 
 
}

@media screen  and (max-width:600px) {
.b_tit h3 span{ font-size:25px; }
.board_list .board_output tr td, 
.board_list .board_output .bd_out1 a {font-size:10px; letter-spacing:-0.05em; }
.b_tit h3 span{  font-size:31px;} 
}

@media screen  and (max-width:380px) {
.board_list .board_output .bd_out1 a {font-size:8px;}
}










/* ¹è³Ê::Contact us */
.m_formmail {background:#2C2803 url('../../img/m_board_bg.jpg') no-repeat center 0; background-attachment:fixed; width:100%; padding:100px 0; position:relative;   }
.m_formmail .mark {background:url('../../img/m_board_mark.png') no-repeat center 0; position:absolute; top:35px; right:50%; margin:0 -10px 0 0; display:block;  width:200px; height:200px; z-index:100;} 

.m_formmail .form {width:580px;   padding:90px 60px 30px 60px; margin-left:46%; background:#fff; max-height:500px; overflow-y:scroll; }
.m_formmail .form   h3 {font-size:39px; font-family:"GmarketSansMedium"; padding-bottom:20px;}
.m_formmail .form   h3 span {font-size:15px;  display:block; color:#B09255; font-family:"GmarketSansMedium"; padding-bottom:7px; }
.m_formmail  .Btn {   text-align:center;}
.m_formmail  .Btn input[type=submit] { width:190px; height:43px; border:2px #572085 solid; padding:0 20px; line-height:30px; box-sizing:border-box; cursor:pointer; font-family: 'GmarketSansMedium';  
background: url(../../img/btn_check.png) 140px center no-repeat; font-size:15px; border-radius:5px; text-align:left; color:#572085; }
.m_formmail .Btn input:hover { background:#572085 url(../../img/btn_check.png) 140px center no-repeat; border:0px;  color:#fff;   border:2px #572085 solid;}



/* ¹è³Ê:: ¹æ¹®¾È³»/¿¬¶ôó */
.m_formmail .info {position:absolute; z-index:10000000; width:400px; left:5%; bottom:11%;}
.m_formmail .info dl {width:100%; margin-bottom:10px; }
.m_formmail .info dl:after {content:"";display:block;clear:both;}
.m_formmail .info dl dt { width:30%; float:left;   }
.m_formmail .info dl dt span {background-color:rgba(0,0,0,0.7);  color:#fff; padding-top:4px; width:100%; font-size:13px; font-family: 'GmarketSansMedium'; display:inline-block; text-align:center; }
.m_formmail .info dl dd {font-size:13px; letter-spacing:0;  padding-top:4px;  color:#fff;display:block;  font-family: 'GmarketSansMedium'; width:65%; float:right; }
 

@media screen and (max-width:1300px) {
.m_formmail .form  {width:40%;   padding:50px 4% 30px 4%; }
}


@media screen and (max-width:1000px) {
.m_formmail { padding:50px 0;  }
.m_formmail .mark {background-size:100px;  top:20px; right:5%; opacity:0.2; margin:0;  width:100px; height:100px;} 
.m_formmail .form  { margin-left:5%; width:82%;   padding:30px 4% 30px 4%; }
.m_formmail .form  h3 {font-size:29px;}
.m_formmail .form  h3 span {font-size:12px; }
.m_formmail .Btn input[type=submit] {height:36px; font-size:12px;}

/* ¹è³Ê:: ¹æ¹®¾È³»/¿¬¶ôó */
.m_formmail .info {width:90%; position:relative;  margin-bottom:20px;}
.m_formmail .info dl { margin-bottom:3px; }
.m_formmail .info dl dt { width:30%;   }
.m_formmail .info dl dt span {font-size:11px;}
.m_formmail .info dl dd {font-size:11px;  width:65%;  }
}