@charset "euc-kr";
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css");
body, input, textarea, select, button, td, table{font-family: 'Nanum Gothic',sans-serif;font-size: 13px;color: #222}
body, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form, figure, figcaption {margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box}
img {border:none;vertical-align:middle;max-width:100%;height:auto}
div, ul, li {margin:0; padding:0;list-style:none}
a:link, a:hover, a:visited, a:active {text-decoration:none;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
:link, :hover, :visited, :active {text-decoration:none;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}

.pic-over-bu img{max-width:100%;height:auto;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.pic-over-bu:hover img{-moz-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8)/*;opacity: 0.5*/}

.header_topbar{width:100%;height:26px;background:rgba(0, 93, 171, 1)}
.header_toptext{width:100%}
.header_toptext ul {float:right;padding:5px 0px 0px 0px;font-size:0px}
.header_toptext ul li {padding:0px 10px 0px 10px;display:inline;font-size:9px;border-left:1px solid #fff}
.header_toptext ul li:first-child {border-left:none}
.header_toptext li a{font-size:11px;color:#fff;text-decoration:none}
.header_toptext:link, .header_toptext:visited{color:#fff;text-decoration:none}
.header_toptext a:hover{color:#FFCB26;text-decoration:none}

#header_wrap{position:relative;padding:8px 0px 8px 0px}
.tel{margin-top:10px;float:right}
.m_sitemap{float:right}
.m_tel{position:absolute;top:5px;left:10px}
.log{margin-left:18px}

#menubtn{position: absolute;top:5px;right:10px;padding: 7px 5px;border: solid 1px #aaaaaa;border-radius:2px;background-color: #fff;cursor: pointer}
#menubtn:hover{background-color: #dddddd}
#menubtn:focus{outline: none}
#menubtn i{font-size:18px;color:#888}
#menubtn span{display: inline-block;text-indent: -9999px}
.m_menu{display: none;background:#fff}
.m_menu ul{margin:0 auto}
.m_menu li a{position: relative;display: block;padding:6px 0px 6px 10px;border-bottom: dotted 1px #dddddd;font-size: 14px;color:#000;text-decoration: none}
.m_menu li a:hover{background-color: #eeeeee}
.m_menu_line{margin:6px 0px 2px 0px;width:100%;height:1px;background-color:#E4E4E4}
.m_menu_sub_bu{padding-left:8px;font-size:13px;color:#666;background: url(/index/m_menu_sub_bar.png);background-repeat:no-repeat;}
#preloadedImages{width: 0px;height: 0px;display: inline;background-image: url('/index/mobile_menu_off.png');background-image: url('/index/mobile_menu_on.png')}
.opencloseicon{ position:absolute; width:11px; height:6px; display:block; background:rgba(0, 0, 0, 0) url('/index/mobile_menu_off.png') repeat scroll 0% 0% / 11px; right: 0px; top:14px;right:18px }

.sns{float:right;margin-top:7px;display:none}
.sns ul {float:right;font-size:18px;font-weight: bold;font-size:0}
.sns ul li {display:inline;font-size:10px;border-left:0px solid #c0c0c0;padding:0px 2px 0px 2px}
.sns ul li:first-child {border-left: none}
.sns a:link, .sns a:visited{color:#333333}
.sns a:hover{color:#2E76BC;text-decoration:none}


.sub-box2{width:100%}
.sub_title{margin-top:15px;margin-bottom:25px;width:100%;text-align:center;font-size:20px;color:#222;line-height:43px;border-bottom:2px solid #D9D9D9;font-weight:600}
.sub_contents_box{width:100%}
.sub_contents{margin-top:0px;margin-bottom:50px;margin-left:15px;margin-right:15px;text-align:center}
.board_contents{margin-bottom:55px}

#footer_wrap:after{content: "";display: block;clear: both}
#footer_wrap{padding-top:2%;padding-bottom:2%;padding-left:2.47116968699%;padding-right:2.47116968699%;text-align:left;width:100%;font-size:11px;color:#D3D3D3;background-color:#373737}
.footer_title{margin-top:15px;margin-bottom:10px;font-size:14px;font-weight:bold}
.footer_text{line-height:19px}
.footer_yellow{color:#D7A50B;font-weight:bold}
.footer_green{color:#9CB757;font-weight:bold}
.footer_box1{float:left;padding-left:17px;width:100%}
.footer_box2{float:left;padding-left:17px;width:100%}
.footer_box3{float:left;padding-bottom:2%;padding-left:17px;width:100%}

.footer-go-bu{margin-top:3px;padding-left:21px;width:100%;font-size:12px;color:#D3D3D3;line-height:30px;display:inline-block;border:1px solid #9B9B9B;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.footer-go-bu:link, .footer-go-bu:visited{color:#fff}
.footer-go-bu:hover{color:#fff;border:1px solid #333;background-color:#000}

.greeting-page-wrap:after{content: "";display: block;clear: both}
.greeting-page-wrap{width:100%}
.greeting-page-box1 img{width:100%;height:auto}
.greeting-page-box1{float:left;width:50%;text-align:left;line-height:25px;}
.greeting-page-box2{position:relative;float:left;width:0%;height:1px}
.greeting-page-box3{float:left;width:50%;text-align:left;font-size:18px;color:#4B4E51;line-height:25px;}
.greeting-page-text{text-align:left;font-size:18px;color:#4B4E51;line-height:25px}

.greeting-page-title{text-align:left;font-size:22px;color:#4B4E51;line-height:40px}
.greeting-page-line{position: absolute;left:50%;top:0px;border-left:0px solid #DCDBDE;height:0px}
.greeting-color-green{color:#008B3B}
.greeting-color-blue{color:#0883D7}
.greeting-page-name-wrap{margin-top:5%;margin-bottom:12%;text-align:right;width:100%;font-size:19px}
.greeting-page-name{font-size:24px;color:#4B4E51;font-weight:bold}
.greeting_ceo{text-align:center;width:100%}

.map:after{content: "";display: block;clear: both}
.map{width: 100%}
.map_box1{width: 100%}
.map_add{margin-left:10px;font-size:15px;color:#878787;line-height:40px}
.map_box_t1{margin-top:31px;float:left;width: 50%}
.map_box_t1 ul, .map_box_t2 ul{text-align:center}
.map_box_t1 li, .map_box_t2 li{display: block;float:left;width: 50%;font-size:15px;color:#878787;line-height:21px}
.map_box_t1_text, .map_box_t2_text{margin-top:30px;text-align:left}
.map_box_t1_title, .map_box_t1_title_1, .map_box_t2_title, .map_box_t2_title_2{font-weight:bold}
.map_box_t1 p, .map_box_t2 p{margin:0}
.map_box_t2{margin-top:31px;padding-bottom:31px;float:left;width: 50%}
.map_box_t2_tel{color:#0AA9D8}
.map_line{margin:20px 0px 0px 0px;width:100%;height:1px;background-color:#E4E4E4;clear: both}

.map-big-titlebar{width:37px;height:3px;background-color:#7FC248}
.map-big-title{margin-bottom:5px;text-align:left;font-size:20px;color:#333;font-weight:600}
.map-big-box{margin-bottom:3%;padding:20px;width:100%;text-align:left;border:1px solid #D7D7D7;box-shadow: 2px 2px 2px 0px #eee;background-color:#FCFCFC}

.map-traffic-title{width:100%}
.map-traffic-title ul{margin:0 auto}
.map-traffic-title li{padding-left:18px;font-size:16px;color:#666;line-height:33px;font-weight:bold;background: url("/index/subpage_icon.gif") no-repeat 2px 10px;}
.map-traffic-text{padding-left:20px;font-size:15px;color:#666;text-indent:-1px;}
.map-traffic-line{margin-top:2%;margin-bottom:2%;border-bottom: dotted 1px #CBCBCB}

.map-outline-wrap:after{content: "";display: block;clear: both}
.map-outline-wrap{width:100%}
.map-outline-box1 img{width:100%;height:auto;border-radius: 5px}
.map-outline-box1{float:left;padding-right:10px;width:50%}
.map-outline-box2{float:left;padding-left:40px;width:50%;text-align:left}

.map-sbox-wrap{margin-top:1%;width:100%}
.map-sbox-wrap:after{content: "";display: block;clear: both}
.map-sbox1{float:left;width:25%;line-height:30px;font-size:17px}
.map-sbox2{float:left;width:75%;font-size:15px;line-height:30px}

.map-small-title{margin-top:2%;width:15%;text-align:center;font-size:13px;color:#fff;line-height:25px;background-color:#7A7A7A;}
.map-line{margin-top:4%;margin-bottom:4%;border-bottom: dotted 1px #CBCBCB}
.map-sbox1-icon{font-size:10px;color:#555;vertical-align:2px}



@media(max-width: 480px) {
.sns, .tel, .main_menu, .header_topbar, .sub-box1, .banner_4_text, .footer_box1, .downward_movement_wrap, #footer_wrap, .greeting-page-line, .greeting-br{display:none}

.log{margin:0 auto;text-align:center}
.log img{width:260px}

.downward_movement_wrap_480{height:130px;background-color:#00AD9F}

.greeting-page-wrap{padding-left:3%;padding-right:3%}
.greeting-page-box1{width:100%;font-size:14px;line-height:27px}
.greeting-page-box2{width:0%}
.greeting-page-box3{width:100%;font-size:14px;line-height:27px}
.greeting-page-text{padding-left:3%;padding-right:3%;font-size:14px;line-height:27px}

.greeting-page-title{margin-bottom:0%;font-size:16px;line-height:28px}
.greeting-page-name-wrap{padding-right:3%;font-size:14px}
.greeting-page-name{font-size:14px}
.greeting_ceo img{width:50%;height:auto}

.map{margin-bottom:0px}
.map_add{font-size:13px}
.map_box_t1{margin-top:31px;padding-left:10px;padding-right:15px;width:100%}
.map_box_t1 img, .map_box_t2 img{width:35%}
.map_box_t1 li, .map_box_t2 li{width:50%;font-size:14px}
.map_box_t1_text{margin-top:20px}
.map_box_t2{margin-top:31px;padding-left:10px;padding-right:15px;padding-bottom:31px;width:100%}
.map_box_t2_text{margin-top:0px}

.map-big-box{font-size:14px;line-height:28px}
.map-big-titlebar{width:30px}
.map-big-title{font-size:16px}

.map-traffic-title li{font-size:14px;background: url("/index/subpage_icon.gif") no-repeat 2px 11px;}
.map-traffic-text{font-size:13px}

.map-outline-box1{padding-right:0px;width:100%}
.map-outline-box2{margin-top:3%;padding-left:15px;width:100%;font-size:12px;line-height:25px}
.map-sbox1{width:30%;font-size:14px;}
.map-sbox2{width:70%;padding-right:10px;font-size:13px;}

}


@media (min-width: 481px) and (max-width: 767px) {
.sns, .m_tel, .tel, .main_menu, .header_topbar, .sub-box1, .downward_movement_wrap, #footer_wrap, .greeting-page-line, .greeting-br{display:none}

.log img{width:320px}

#menubtn{position: absolute;top:8px}

.downward_movement_wrap_480{height:160px;background-color:#9300AD}

.greeting-page-box1{width:100%;padding-left:3%;padding-right:3%}
.greeting-page-box2{width:0%}
.greeting-page-box3{width:100%;padding-left:3%;padding-right:3%;font-size:15px;line-height:27px}
.greeting-page-text{padding-left:3%;padding-right:3%;font-size:15px;line-height:27px}

.greeting-page-title{margin-bottom:0%;font-size:16px;line-height:28px}
.greeting-page-name-wrap{padding-right:3%;font-size:17px}
.greeting-page-name{font-size:17px}
.greeting_ceo img{width:50%;height:auto}

.map-big-box{font-size:14px;line-height:28px}
.map-big-titlebar{width:30px}
.map-big-title{font-size:16px}

.map-traffic-title li{font-size:14px;background: url("/index/subpage_icon.gif") no-repeat 2px 11px;}
.map-traffic-text{font-size:13px}

.map-outline-box1{padding-right:0px;width:100%}
.map-outline-box2{margin-top:2%;padding-left:15px;width:100%;font-size:12px;line-height:25px}
.map-sbox1{width:30%;font-size:15px;}
.map-sbox2{width:70%;padding-right:10px;font-size:14px;}
}


@media (min-width: 768px) and (max-width: 1280px){
.m_tel, .tel, .main_menu, .header_topbar, .sub-box1, .downward_movement_wrap, #footer_wrap, .greeting-page-line, .greeting-br{display:none}

#menubtn{top:13px}
.sns{margin-top:7px;margin-right:70px}

.downward_movement_wrap_480{height:230px;background-color:#B0CA1E}

.greeting-page-wrap{padding-left:7%;padding-right:7%}
.greeting-page-box1{width:100%}
.greeting-page-box2{width:0%}
.greeting-page-box3{width:100%;font-size:18px;line-height:40px}
.greeting-page-text{padding-left:7%;padding-right:7%;font-size:18px;line-height:40px}

.greeting-page-title{margin-bottom:0%;font-size:16px;line-height:40px}
.greeting-page-name-wrap{padding-left:7%;padding-right:7%;font-size:19px}
.greeting-page-name{font-size:21px}
.greeting_ceo img{width:50%;height:auto}

.map-outline-box1{width:45%}
.map-outline-box2{padding-top:0%;padding-left:30px;width:55%}
.map-sbox2{line-height:24px}
}


@media (min-width: 1281px) {
#down_quick_wrap, .m_tel, .m_sitemap, .sub-box1, .downward_movement_wrap_480, #M-footer_wrap, .M-footer_copyright, .greeting-mobile-br{display:none}

#menubtn{position: absolute;top:8px}

#sub_boxT:after{content: "";display: block;clear: both}
#sub_boxT{margin:0 auto;width:1200px;background-color:#fff}
.header_boxT{margin:0 auto;width:1200px}
.index_boxT{margin:0 auto;width:1200px}

.sub_title{margin-top:53px;margin-bottom:5%;font-size:25px}
.sub_contents_box{width:100%;background-color:#fff}
.sub-box1{float:left;width:0%}
.sub-box2{float:left;width:100%}
.sub-box2contents{padding-left:60px;padding-right:60px}

.sub_contents{margin-top:20px;margin-bottom:100px}
.board_contents{margin-top:20px;margin-bottom:100px}

#footer_wrap{padding-left:0%;padding-right:0%;font-size:13px;}
.footer_title{margin-top:0px;margin-bottom:25px;font-size:16px}
.footer_text{line-height:22px}
.footer_box1{width:35%}
.footer_box2{padding-left:60px;width:45%}
.footer_box3{padding-bottom:0%;padding-left:0px;width:20%}
.footer-go-bu{padding-left:21px;width:151px;font-size:12px;line-height:30px}

.greeting-page-wrap{padding-top:1%;padding-left:50px}
.greeting-page-name-wrap{padding-right:17px}
.greeting-page-box1{line-height:43px;}
.greeting-page-box3{padding-top:4%;padding-left:30px;padding-right:30px;line-height:43px}
.greeting-page-text{padding-left:50px;line-height:43px}
.greeting_ceo{padding-right:48px}

.map-outline-box2{padding-top:2.5%;padding-left:30px}
}