@CHARSET "UTF-8";

@font-face{
 font-family:'WebNanum';
 src:url('../font/NanumGothic.eot');/* IE 4-8 */
 src:url('../font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
 url('../font/NanumGothic.woff') format('woff');/* IE 9, Firefox 3.6+, Chrome 6+ */
}

@font-face{
 font-family:'WebNanum';
 src:url('../font/NanumGothicBold.eot');
 src:url('../font/NanumGothicBold.woff') format('woff');
 font-weight:bold;
} 


/* Reset CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl,div,dd,dt,li,p,div, h1, h2, h3, h4, h5{box-sizing:border-box;margin:0;padding:0;list-style:none;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;color:#555;line-height:160%;line-height:25px;font-weight:normal;font-size:13px;}
img, video, fieldset{/* max-width:100%;*/ border:0;vertical-align:top;}
a{vertical-align:top;text-decoration:none;color:#555;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;color:#555;line-height:160%;line-height:25px;}
a:hover{color:#000;}
table{border-collapse:collapse;border-spacing:0;}
input, select{vertical-align:middle;}
body{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;color:#555;line-height:160%;line-height:25px;font-weight:normal;}
label{cursor:pointer;}
h1, h2, .Skipul, .blind,legend, hr, .btn_side{display:block;overflow:hidden;position:absolute;top:0;left:-1000em;}
i,em,address{font-style:normal;font-weight:normal;}
address a:link{font-size:10px;color:#ccc;vertical-align:middle;}

/*레이아웃S*/
#wrap{width:100%;margin:0 auto;font-size:13px;}
#header{width:100%;margin:0 auto;border-bottom:1px solid #ccc;height:100px;}
#contwrap{width:100%;margin:0 auto;}
#footer{width:100%;margin:0 auto;background:#495860;clear:both;height:100px;margin-top:50px;padding:20px 0;}
.container{width:1000px;margin:0 auto;}
.topmenu{height:20px;width:100%;}
.topmenu ul{float:right;line-height:25px;margin-top:10px;}
.topmenu ul li{float:left;margin-left:15px;letter-spacing:0;font-size:11px;}
.topmenu ul li a:hover{color:#0070BD;font-weight:bold;}
.topmenu .woosuk{padding:0 15px;border-top:1px solid #E1E1E1;border-left:1px solid #E1E1E1;border-right:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD;border-radius:4px;}
.topmenu .woosuk a{font-size:12px;color:#294581;letter-spacing:-1px;font-weight:bold;}
.menulist{margin-top:25px;height:50px;clear:both;}
.logo{float:left;width:32%;}
.logo a{font-weight:bold;letter-spacing:-2px;vertical-align:middle;font-size:16px;line-height:35px;display:block;}
.major a:hover {color:#ffffff;}



#gnb{float:right;width:68%;position:relative;text-align:right;z-index:5;z-index:200;}
#gnb ul li{text-align:center;float:left;}
#gnb ul div{background:url(../img/menu_ar.jpg) no-repeat 40px 19px;height:25px;}
#gnb ul li a{display:block;padding:4px 16px;font-weight:bold;font-size:14px;}
#gnb ul li a:hover{color:#0182c4;}
#gnb ul .gnb7 a{padding-right:0;}
#gnb .sub{display:none;z-index:10;}
#gnb .gnb1 .subbg{position:absolute;left:-170px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb2 .subbg{position:absolute;left:90px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb3 .subbg{position:absolute;left:120px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb4 .subbg{position:absolute;left:220px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb5 .subbg{position:absolute;right:180px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb6 .subbg{position:absolute;right:160px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb7 .subbg{position:absolute;right:15px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb8 .subbg{position:absolute;right:15px;top:56px;height:35px;z-index:10;background:#0059b4;}


#gnb .subbg a{color:#fff;font-size:12px;font-weight:normal;padding:4px 5px;}
#gnb .subbg a:hover{color:#0FF;}
#gnb .subbg .gnbActive{position:relative;float:left;letter-spacing:-1px;}
#gnb .subbg .gnbActive a{color:#0FF;font-weight:bold;}
#gnb .subbg ul li{padding:0 10px;}
#open_side{display:none;}
/*레이아웃E*/

#billboard{background:url(../img/main/top_img.jpg) no-repeat center top;padding-top:70px;height:350px;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#billboard dl{width:460px;}
#billboard dl dt{font-size:24px;color:#fff;text-shadow:0px 1px 2px rgba(0,0,0,0.6);line-height:1.2;letter-spacing:-2px;}
#billboard dl dt strong{color:#ffd200;font-weight:normal;font-size:40px;font-weight:bold;}
#billboard dl dd{font-size:12px;margin:20px auto;color:#ffffff;line-height:20px;letter-spacing:-1px;}
#billboard ul{height:70px;}
#billboard ul li{width:145px;margin-right:4px;line-height:18px;padding:15px 0;font-weight:bold;color:#eee;text-align:center;float:left;border:2px solid #eee;}
#billboard ul li:first-child{background:none;}


#icon{clear:both;background:url(../img/main/icon_bg.jpg) repeat;width:100%;height:120px;margin-bottom:30px;}
#icon ul{background:url(../img/main/icon_line.png) repeat-y left top;height:120px;}
#icon li{float:left;width:16.66%;padding:4px;margin-bottom:10px;background:url(../img/main/icon_line.png) repeat-y right top;}
#icon li a{font-weight:bold;display:block;text-align:center;padding:6px 0;color:#fff;}
#icon li:first-child{padding-left:0;}
#icon li:last-child{padding-right:0;}


h4{font-size:18px;color:#222;letter-spacing:-1px;line-height:45px;border-bottom:2px solid #222;}
h4 a{float:right;font-size:12px;font-weight:normal;}
h4 a img{vertical-align:middle;}

#notice{width:290px;float:left;margin-bottom:40px;background:#fff;}
#notice dl{margin-bottom:20px;margin:10px 0;border-bottom:1px solid #ccc;padding-bottom:10px;}
#notice dl dt{margin-bottom:5px;}
#notice dl dt a{color:#222;font-size:16px;}
#notice dl dd{color:#777;font-size:12px;line-height:20px;}
#notice ul li a{color:#999;font-family:"돋움",dotum;font-size:11px;float:left;width:80%;}
#notice ul li span{color:#999;font-family:"돋움",dotum;font-size:11px;width:20%;float:right;text-align:right;}

#gallery{width:290px;margin:0 60px;float:left;margin-bottom:40px;background:#fff;}
#gallery dl{margin-bottom:20px;margin:10px 0;border-bottom:1px solid #ccc;padding-bottom:10px;}
#gallery dl dt{margin-bottom:5px;}
#gallery dl dt a{color:#222;font-size:16px;}
#gallery dl dd{color:#777;font-size:12px;line-height:20px;}
#gallery ul li a{color:#999;font-family:"돋움",dotum;font-size:11px;float:left;width:80%;}
#gallery ul li span{color:#999;font-family:"돋움",dotum;font-size:11px;width:20%;float:right;text-align:right;}


#jobinfo{width:290px;float:left;margin-bottom:40px;background:#fff;}
#jobinfo dl{margin-bottom:20px;margin:10px 0;border-bottom:1px solid #ccc;padding-bottom:10px;}
#jobinfo dl dt{margin-bottom:5px;}
#jobinfo dl dt a{color:#222;font-size:16px;}
#jobinfo dl dd{color:#777;font-size:12px;line-height:20px;}
#jobinfo ul li a{color:#999;font-family:"돋움",dotum;font-size:11px;float:left;width:80%;}
#jobinfo ul li span{color:#999;font-family:"돋움",dotum;font-size:11px;width:20%;float:right;text-align:right;}


#link{clear:both;margin:30px 0;height:40px;}
#link li{float:left;width:16.66%;border:1px solid #ccc;border-right:0;background:#fff;}
#link li a{display:block;padding:7px 0px 7px 15px;margin-left:10px;background:url(../img/main/i-arrow.jpg) no-repeat left 14px;}
#link li:last-child{border-right:1px solid #ccc;}

#sns{clear:both;margin:30px 0;height:52px;}
#sns dl{margin-top:10px;}
#sns dd{float:left;width:33.3%;padding:8px 0 0 50px;margin-top:3px;}
#sns dd a{text-decoration:none;color:#ffffff;line-height:40px;}
#sns dd a:hover{font-weight:600;letter-spacing:0;}
#sns .naver{height:52px;background:url(../img/icon_naver.gif) no-repeat 10px 12px;background-color:#1ac900;}
#sns .face{height:52px;background:url(../img/icon_facebook.gif) no-repeat 12px 8px;background-color:#3b589e;}
#sns .kakao{height:52px;background:url(../img/icon_yellow.png) no-repeat 11px 7px;background-color:#f6d202;}
#sns .kakao a{color:#301f23;}
#sns .instar  {height: 52px; background: url(../img/icon_insta.jpg) no-repeat 12px 8px; background-color: #de3b91; }

/*하단 S*/
#footer .container{position:relative}
.copylogo{float:left;width:25%;margin-top:10px;}
.copylogo a{color:#BBC0C2;font-size:13px;font-weight:bold;font-family:'맑은 고딕', 'Malgun Gothic',"돋움",dotum,AppleGothic,sans-serif;letter-spacing:-1px;vertical-align:middle;}
.copytext{float:left;width:70%;color:#BBC0C2;}
.copytext ul{clear:both;height:30px;}
.copytext ul li{float:left;}
.copytext ul li a{display:inline-block;padding:5px 10px 5px 10px;color:#fff;}
.copytext ul li:first-child a{padding-left:0;}
address{display:block;clear:both;line-height:1.5;}
.copyrights{font-size:10px;color:#BBC0C2;line-height:1.5;}
.m_foot{display:none;} 
.copy_sns{position:absolute;right:0;background:#38444a;padding:4px 10px;border-radius:3px;border:1px solid 262d31;}
.copy_sns dt{font-size:12px;color:#b0c3cd;font-weight:bold;}
/*하단 E*/



/*-----230904_갤러리 썸네일-----*/
.gallery2{ width:310px;margin:0 40px;float:left;margin-bottom:40px;background:#fff;}
.gallery2 dl{ position:relative; width:100%; margin:15px auto 0; /*padding-top:23px;*/}
.gallery2 dl dd	ul{display:grid; grid-template-columns:repeat(3,1fr); grid-column-gap: 5px;}
.gallery2 dl dd	ul li{  text-align:center;}
.gallery2 dl dd	ul li span a{ font-size:11px; color:#707070;}



/* responsive web design area */
@media screen and (max-width:800px){
 
 /*레이아웃 S*/
 #wrap{width:100%;margin:0 auto;}
 #header, #contwrap, #Contents, .container{width:100%;margin:0 auto;height:auto;}
 #header{height:50px;position:absolute;left:0;top:0;}
 #contwrap{background:#f8f8f8;padding-bottom:20px;}
 .logo{position:absolute;text-align:center;width:100%;top:0;left:0;background-color:#fff;padding-top:10px;margin:0;}
 .logo img{width:140px;}
 .logo a{line-height:32px;}
 .menulist{height:0;}
 .menulist #gnb, .topmenu, .Gnb_bg{display:none;}
 
 

 .btn_side{z-index:99;font-size:0;line-height:0;position:absolute;top:0px;right:0;width:53px;height:51px;}
 .btn_side i{border-top:8px double #666;border-bottom:8px double #666;height:2px;display:block;width:23px;margin:8px 0 0 15px;}
 .btn_side b{font-size:13px;position:absolute;bottom:16px;margin-left:14px}

 /*레이아웃 E*/
 
 /*모바일메뉴 S*/
 #open_side{display:block;overflow-y:scroll;height:100%;width:100%;clear:both;position:fixed;z-index:98;top:0px;background:url(../img/open_side_bg.png) repeat;}
 #open_side .side_gnb{position:absolute;height:1024px;width:250px;background:#2e2f31;padding-top:50px;}
 #open_side .side_gnb .btn_side{position:absolute;top:5px;left:210px;padding:10px;width:18px;height:18px;}
 #open_side .side_gnb ul li{border-bottom:1px dotted rgba(255, 255, 255, 0.2);}
 #open_side .side_gnb ul li a{color:#ccc;display:inline-block;padding:10px 15px 10px 10px;width:90%;font-size:14px;background:url(../img/open_arrow.png) no-repeat right 22px;}
 #open_side .side_gnb ul li div ul{background:#222;}
 #open_side .side_gnb ul li div ul li{border-bottom:1px solid #343434}
 #open_side .side_gnb ul .gnbActive>a{background:#0059b4 url(../img/close_arrow.png) no-repeat right 20px;}
 #open_side .side_gnb ul li div ul li:last-child a{border:0;}
 #open_side .side_gnb ul li div ul li a{color:#888;font-size:13px;background:none;}
 #open_side .side_gnb ul .gnbActive div ul .gnbActive>a{background:none;color:#5da9ff;}
 
 #open_side .m_topmenu{}
 #open_side .m_topmenu a{box-sizing:border-box;background:#222 url(../img/line.jpg) no-repeat right center;display:inline-block;color:#ccc;line-height:40px;float:left;text-align:center;font-size:11px;}
 #open_side .m_topmenu a:first-child{width:25%;}
 #open_side .m_topmenu a:nth-child(2){width:25%;}
 #open_side .m_topmenu a:last-child{width:50%;background:#222;}
 /*모바일메뉴 E*/
 
 h4{line-height:30px;font-size:16px;font-weight:bold;}
 #notice dl dt a, #gallery dl dt a, #jobinfo dl dt a{font-size:14px;font-weight:bold;}
 #billboard{margin-top:50px;padding-top:30px;height:210px;}
 #billboard dl{width:50%;min-width:300px;margin-left:2.5%}
 #billboard dl dt{font-size:16px;letter-spacing:-2px;}
 #billboard dl dt strong{font-size:28px;display:block;}
 #billboard dl dd{line-height:1.5;font-size:11px;}
 #billboard dl dd br, #billboard dl dt br{display:none;}
/* #billboard ul{display:none;}*/
 #billboard ul li {margin: 0 0 0 2.5%; padding: 3px 0;font-size: 11px;}
 
 #notice, #gallery, #jobinfo{width:95%;clear:both;float:inherit;margin:0 auto 10px auto;border:1px solid #ccc;padding:10px 20px;min-height:240px;border-radius:5px;} 
 #notice dl dd,#gallery dl dd,#jobinfo dl dd{height:40px;overflow:hidden;}
 #icon{width:100%;clear:both;float:inherit;background:none;margin:0 auto 20px auto;height:212px;}
 #icon ul{background:url(../img/main/icon_bg.jpg) repeat;height:212px;}
 #icon li{width:33.3%;padding:5px 0;margin:0;}
 #icon li:nth-child(1), #icon li:nth-child(2), #icon li:nth-child(3){border-bottom:1px solid #00679c;}
 #icon li:nth-child(3), #icon li:nth-child(6){background:none;}
 #icon li:nth-child(4), #icon li:nth-child(5), #icon li:nth-child(6){border-top:1px solid #1085c2;}
 #icon li a{letter-spacing:-1px;font-size:12px;padding:0;line-height:20px;}
 #icon li a img{max-width:73px;width:80%;}
 
 
 #link{width:95%;clear:both;float:inherit;margin:0 auto 10px auto;height:80px;}
 #link li{width:33.3%;padding-bottom:0;background:none;background:#fff;}
 #link li a{font-size:12px;}
 #link li:nth-child(1), #link li:nth-child(2), #link li:nth-child(3){border-bottom:0;}
 #link li:nth-child(3){border-right:1px solid #ccc;}

 #sns{clear:both;width:95%;clear:both;float:inherit;margin:0 auto 10px auto;border:1px solid #ccc;padding:10px 20px;min-height:200px;border-radius:5px;}
 #sns dl{margin-top:5px;}
 #sns dd{float:left;width:100%;}

 /*하단 S*/
 #footer{text-align:center;height:130px;}
 .copylogo{display:none;}
 .copytext{float:inherit;width:95%;margin:0 auto;text-align:center;}
 .copytext ul{display:none;}
 .m_foot{display:block;height:35px;width:95%;margin:0 auto;}
 .m_foot li{float:left;width:20%;padding:0 1px;}
 .m_foot li:last-child{width:60%;float:right;}
 .m_foot a{display:block;width:100%;text-shadow:0 1px 0 #222;border-radius:3px;margin:1px;color:#fff;font-size:11px;background-color:#333;font-weight:normal;}
 address{font-size:11px;}
 .copy_sns{position:static;width:100%;height:30px;margin-bottom:10px;}
 .copy_sns dt{float:left}
 .copy_sns dd{float:right;text-align:right;}
 /*하단 E*/
 
 
}

@media screen and (max-width:400px){
 .logo img{width:115px;}
 .logo a{font-size:13px;line-height:27px;}
 address{font-size:11px;}
 
 #link{height:120px;}
 #link li{width:50%;border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;}
 #link li:nth-child(1), #link li:nth-child(3), #link li:nth-child(5){border-right:0;}
 #link li:nth-child(2n){border-right:1px solid #ccc;}
 #link li:nth-child(5),#link li:nth-child(6){border-bottom:1px solid #ccc;}

 

}