@charset "utf-8";

/* layout */
#wrap {overflow:hidden}
* {box-sizing: border-box;}
.clearfix:after {content: '';display: block;clear:both;}
.container {max-width: 760px; margin: 0 auto;}


/*////////// header //////////////*/

.header_inner {border:3px solid #ccc;text-align: center;position: relative;}
.header_inner .main_logo {float: left;width: 73.5%;padding: 1% 0;margin-left:5%}
.header_inner .main_logo img {width: 90%;vertical-align: middle;}
.header_inner .togller {float: right;width: 14.84%;cursor: pointer;}
.header_inner .togller img {width: 100%;}


.header_inner #gnb {z-index: 30;position: absolute;right: -1000px!important;top: -2px;transition:all 0.4s ease-in-out;width: 70%;display:block;}
.header_inner #gnb .gnb_title {width: 80.5%;float:right ;margin-top: -4px;}
.header_inner #gnb .close_btn { cursor: pointer;width: 21%;position: absolute;top: -1px;left:-1.2%;border: 1px solid #ddd;}

.header_inner .gnb_wrap .navbar {width: 80.6%;float:right ;margin-top: -4px;}
.header_inner .gnb_wrap .navbar .dropdown .nav-link {position: relative;}
.header_inner .gnb_wrap .navbar .nav-item {position: relative;}
.header_inner .gnb_wrap .navbar > .nav-item > .nav-link {background:#fff;padding: 7%;width: 100%;display: inline-block;font-size: 14px;font-weight: bold;color: #336633;text-align: left;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.header_inner .gnb_wrap .navbar .dropdown-menu .dropdown-item {background:#f9f9f9;padding: 5% 8%;display: inline-block;width: 100%;border: 1px solid #ddd;color: #8d8d8d;font-size: 12px;text-align:left;}
.header_inner #gnb .dropdown-menu {display: none;}
.header_inner #gnb .nav-item.active .dropdown-menu {display: block;}

.dropdown_btn {background:url(../images/main/dropdown-btn.png) 0 100% no-repeat;width: 25px;height: 12px;position: absolute;top:50% ;margin-top: -6px;right: 10%;display: inline-block;}
.header_inner #gnb .nav-item.active .dropdown_btn {background-position: 100% 0;}

.header_inner .gnb_wrap.active {position: relative;}
.header_inner .gnb_wrap.active #gnb {important;right: -3px!important;display: block;}
.gnb_overlay {z-index: 29;background: rgba(0,0,0,0.5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: none;}


/*////////// header End //////////////*/

/*////////// content //////////////*/

.section_1 img {margin-top: 10px;width: 100%;}
.section_2 {padding:0px 2% 3.25%;text-align: center;}
.section_2 img {width: 100%;}
div[class^="section_2_menu_"] {display: inline-block;width: 100%;margin:7px 0 0 ;box-sizing:border-box;}

.section_2_menu_1 a {width: 32.5%;display: inline-block;}
.section_2_menu_2 a {width: 32.5%;display: inline-block;}

div[class^="section_3_banner_"] {display: inline-block;width: 49.4%;margin:5px 0 ;box-sizing:border-box;}
.section_3_banner {margin-top: 5px;}
.section_3_banner_left img {border: 1px solid #ddd;width:100% ;}
.section_3_banner_right img {border: 1px solid #ddd;width: 100%;}
/*////////// content End //////////////*/

/*////////// footer //////////////*/
.footer_cover {border-top: 2px solid #eee;margin-top: 50px;}
.footer_inner {padding: 4.76% 3.13% 6.25% }
.footer_logo {margin-bottom: 3%;width: 45%;}
.footer_inner p {font-size: 12px;color: #a5a5a5; line-height: 26px;}
.footer_inner a {color: #a5a5a5;}
.footer_inner span {font-weight: bold;}
.word-break {display: none;}
/*////////// footer End //////////////*/
.footer_inner p {font-size: 13px;line-height: 22px;}



@media screen and (max-width:480px){
.header_inner .main_logo {padding:4.2% 0;}
.footer_inner p {font-size: 11.5px;line-height: 22px;}

.dropdown_btn {width: 18px;height: 8px;position: absolute;top:50% ;margin-top: -4px;background-size:18px auto; }



.word-break {display: block;}
}

@media screen and (max-width:330px){
.footer_inner p {font-size: 10px;line-height: 20px;}
.dropdown_btn {width: 15px;height: 7px;position: absolute;top:50% ;margin-top: -3.5px;background-size:15px auto; }



.word-break {display: block;}

	
}