@charset "utf-8";

/* 새글 스킨 (latest) */
.gy {position:relative; float:left;/*  margin:30px 10px 0 0; */ /*  height:250px !important;  */width:100%;} /* 140306 수정 */

.gy .lt_title {display:block; padding:10px; } /* 140221 수정 */
.gy .lt_title a:link {color:#000;text-decoration:none; font-size:1.25em !important; } /* 140306 추가 */
.gy .lt_title a:visited {color:#000;text-decoration:none; font-size:1.25em !important; } /* 140306 추가 */


.gy .lt_more {position:absolute;top:10px;right:10px; } /* 140221 수정 */
.gy .lt_more a:link {color:#2d2d2d; text-decoration:none; font-size:inherit !important; } /* 140306 추가 */
.gy .lt_more a:visited {color:#2d2d2d; text-decoration:none; font-size:inherit !important; } /* 140306 추가 */

.gy .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.gy .red { color:#ff0000; } /* 140306 추가 */



/* modifided by redsalt */
p#arrow_head{background-color:#ffcc01;width:38px;height:38px;
padding:10px 0 0 7px;margin:0px auto;position:absolute;bottom:3%;
left:50%;margin-left:-14px;}
p#arrow_head>a{}
p#arrow_head>a>img{width:22px;/* height:15px; */}

.gy .slider1 { text-align:center; /* height:130px;  */} /* 140306 추가 */
.gy .slider1 .slide { display:inline; } /* 140306 추가 */
.gy .sbox img { width:100%;  } /* 140306 추가 */
.gy .sbox_over img { width:186px;  border:1px solid #ff0000; } /* 140306 추가 */

.gy2 .slider2 { text-align:center; /* height:130px; */ } /* 140306 추가 */
.gy2 .slider2 .slide { display:inline; } /* 140306 추가 */
.gy2 .sbox img { width:31%;max-width:500px; box-shadow:7px 7px 10px rgba(0,0,0,0.7);margin:0 auto;} /* 140306 추가 */
.gy2 .sbox_over img { width:186px; height:128px; border:1px solid #ff0000; } /* 140306 추가 */

.gy3 .slider3 { text-align:center; /* height:130px; */ } /* 140306 추가 */
.gy3 .slider3 .slide { display:inline; } /* 140306 추가 */
.gy3 .sbox img { width:66%;max-width:500px; box-shadow:7px 7px 10px rgba(0,0,0,0.7);margin:0 auto;} /* 140306 추가 */
.gy3 .sbox_over img { width:186px; height:128px; border:1px solid #ff0000; } /* 140306 추가 */


.gy1 #gy_cotent_text{background-color:#fff;/*height:270px;*/ width:60%; margin:0 auto}
.gy #gy_cotent_text p{font-size:18px; font-weight:400; color:#282828; margin-bottom:5px;}
.gy #gy_cotent_text p:before{content:''; display:block; width:60px; height:3px; background:#282828; margin:40px auto 27px;}
.gy #gy_cotent_text dl{text-align:center}
.gy #gy_cotent_text dl dt{font-size:38px; font-weight:700; color:#282828; margin-bottom:23px;}
.gy #gy_cotent_text dl dd{font-size:16px; font-weight:400; color:#282828; margin-bottom:20px;}
.gy #gy_cotent_text dl dd:nth-child(3){margin-bottom:0;}
.gy #gy_cotent_text dl dd a{display:block; width:37px; height:37px; background:#ffcc01; text-align:center; line-height:37px; margin:0 auto; padding:10px;}
.gy #gy_cotent_text dl dd a img{width:22px; height:15px;}
.gy1 .bx-wrapper .bx-controls-direction a{top:inherit; bottom:20%; width:21px; height:39px}
.gy1 .bx-wrapper .bx-prev{background:url(../../../images/arow_03.png)no-repeat center; left:40px;}
.gy1 .bx-wrapper .bx-next{background:url(../../../images/arow_04.png)no-repeat center; right:40px;}


.gy2 .bx-wrapper{background-color:transparent}
.gy2 h3{padding-top:5.5%; font-size:15px; font-weight:700; color:#fff; margin-left:29px; text-align:left; margin-bottom:5.55%}
.gy2 .sbox> a{display:block; /*width:166px; height:234px;*/ margin:0 auto 7.777%}
.gy2 .bx-wrapper .bx-controls-direction a{top:inherit; bottom:50%; width:20px; height:39px}
.gy2 #gy_cotent_text, .gy2 #gy_cotent_text a{font-size:18px; font-weight:400; color:#fff;  line-height:26px; display:block; margin:7.777% auto 0;  }
.gy2 .bx-wrapper .bx-prev{background:url(../../../images/arow_01.png)no-repeat center; left:40px;}
.gy2 .bx-wrapper .bx-next{background:url(../../../images/arow_02.png)no-repeat center; right:40px;}


.gy3 .bx-wrapper{background-color:transparent}
.gy3 h3{padding-top:5.5%; font-size:15px; font-weight:700; color:#fff; margin-left:29px; text-align:left; margin-bottom:5.55%}
.gy3 .sbox> a{display:block; /*width:340px; height:240px;*/ margin:0 auto 7.777%}
.gy3 #gy_cotent_text a{font-size:18px; font-weight:400; color:#fff;  line-height:26px; display:block;  margin:0 auto;  }
.gy3 #gy_cotent_text a b{display:block; font-weight:400}

@media all and (max-width:1580px) {
    .gy #gy_cotent_text p{font-size:130%; }
    .gy #gy_cotent_text p:before{margin:6% auto 5%}
    .gy #gy_cotent_text dl dt{font-size:240%;  margin-bottom:4%}
    .gy #gy_cotent_text dl dd{margin-bottom:4%}
}
@media all and (max-width:1400px) {
    .gy #gy_cotent_text dl dt{font-size:220%;}
    .gy3 .sbox img{width:60%;}

}
@media all and (max-width:1270px) {
    .gy #gy_cotent_text p{margin-bottom:0}
    .gy #gy_cotent_text p,
    .gy #gy_cotent_text dl dd{font-size:110%}
    .gy #gy_cotent_text dl dt{line-height:130%;}
    .gy2 #gy_cotent_text,
    .gy2 #gy_cotent_text a {
        font-size: 110%;
        line-height: 120%;
    }

}
@media all and (max-width:1190px) {
    .main .content > ul li.red_ban > div{top:22%;}
    .main .content > ul li.right_03 div{top:15%;}
    
}

@media all and (max-width:1100px) {
    .gy #gy_cotent_text dl dd:nth-child(3){margin-bottom:4%}
    .gy1 .bx-wrapper .bx-controls-direction a{bottom:14%;}
    .gy2 .sbox img{width:37%;}
    .gy3 .sbox img{width:75%; max-width:700px}
    .gy2 .sbox> a{margin-bottom:4%}
    .gy2 #gy_cotent_text a,
    .gy2 #gy_cotent_text a {
        font-size: 200%;
    }
    .gy3 .sbox> a{margin-bottom:4%}
    .gy3 #gy_cotent_text a{font-size:200%; line-height:220%;}
    .main .content > ul li.red_ban > div{top:28%;}
    .main .content > ul li.right_03 div{top:25%;}

}
@media all and (max-width:900px) {
    .gy2 #gy_cotent_text, 
    .gy2 #gy_cotent_text a,
    .gy3 #gy_cotent_text a{font-size:160%; line-height:180%;}

}
@media all and (max-width:700px) {
    .gy2 #gy_cotent_text,
    .gy2 #gy_cotent_text a{width:55%;}
    .gy2 #gy_cotent_text,
    .gy2 #gy_cotent_text a, .gy3 #gy_cotent_text a{font-size:120%; line-height:160%;}
    .main .content > ul li.red_ban > div{top:23%;}
    .main .content > ul li.right_03 div{top:18%;}
}
@media all and (max-width:550px) {
    .main .content > ul li.red_ban > div{top:20%}
    .main .content > ul li.right_03 div{top:13%;}
}
@media all and (max-width:460px) {
    .gy #gy_cotent_text p:before{margin:14% auto 10%; width:19%; }
    .gy #gy_cotent_text p{margin-bottom:5%;}
    .gy #gy_cotent_text dl dt{margin-bottom:3%;}
    .gy #gy_cotent_text dl dd{margin-bottom:10%;}
    .gy #gy_cotent_text dl dd:nth-child(3){margin-bottom:14%;}
    .gy3 .sbox img{width:70%;}
    .main .content > ul li.red_ban h3{font-size:150%; margin-bottom:5%}
    .main .content> ul li.red_ban h3 img{margin-bottom:5%}
    .main .content> ul li.red_ban .tel{font-size:100%; margin-bottom:5%}
    .main .content > ul li.red_ban .mail{font-size:70%; line-height:70%; }
    .main .content > ul li.red_ban p{font-size:100%; margin-bottom:4%;}
    .main .content > ul li.red_ban .more{font-size:70%; line-height:70%; }
    .gy2 .sbox img{width:34%;}
    .gy2 #gy_cotent_text,
    .gy2 #gy_cotent_text a, .gy3 #gy_cotent_text a{width:45%; font-size:80%;}

}