/*header*/

header{position:relative; width:100%;/* max-width:700px;*/ margin:auto; background-color:#fff; border-bottom:1px solid #ddd; z-index:100000000;}
/*.tnb_line{width:100%; min-width:1300px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.tnb{width:1300px; margin:auto; height:40px;}
.tnb>div>h3{float:left; line-height:40px;}
.tnb_menu{float:right; height:40px;}
.tnb_menu>li{float:left;}
.tnb_menu>li>a{color:#999; font-size:12px; line-height:40px; padding:0 15px; box-sizing:border-box;}
.tnb_menu>li>a.old_homepage{color:#666; background-color:#f3f3f3; border-radius:15px; padding:5 15px; box-sizing:border-box;}*/

/*�׺���̼�*/
/*.gnb{width:700px; height:100px;}
.gnb>.logo{float:left; display:inline-block;}
.gnb>.gnb_menu{float:right;}
.gnb>.gnb_menu>li{float:left;}
.gnb>.gnb_menu>li>a{height:80px; padding:8px 35px; box-sizing:border-box; font-size:16px; color:#222; line-height:80px;}
.gnb>.gnb_menu>li>a.webzine_btn{background-color:#88aa20; color:#fff;}*/


.gnb{position:relative; width:100%; /*max-width:700px;*/}
.gnb>.logo{background-color:#fff;}
.gnb>.logo>a>img{padding-left:10px; box-sizing:border-box;}
.gnb>ul{display:none; position:absolute; top:80px; left:0; width:100%; /*max-width:700px;*/ margin:auto;}
.gnb>ul>li>a{display:block; width:100%; height:50px; line-height:50px; padding-left:10px; box-sizing:border-box; background-color:#fff;; color:#333; font-size:15px; border-top:1px solid #ddd; box-sizing:border-box;}
.gnb>ul>li>a>img.menu_arrow{float:right; width:30px; margin-right:10px; padding-top:8px; box-sizing: border-box;}

.gnb>ul>li>ul>li>a{display:block; width:100%; height:40px; line-height:40px; padding-left:25px; box-sizing:border-box; background-color:rgba(240,240,240,1); color:#666; font-size:14px;}
.gnb>ul>li>ul>li>a:hover{background-color:#fff; color:#666;}

.mbtn{position:absolute; top:25px; right:5px; width:50px; height:50px;}
.mbtn i{width:50px; height:50px; font-size:35px; color:#005fab; border:none;}
.mbtn.on .fa-bars{display:block;}
.mbtn.on .fa-times{display:none;}
.mbtn .fa-bars{display:none;}
.mbtn .fa-times{display:block;}

.gnb>ul>li.gnb_btns>a{display:inline-block; float:left; width:33.3%; height:80px; text-align:center; background-color:#005bac; color:#fff; line-height:140%; border-left:1px solid #0c67b8; padding:10px 5px; box-sizing:border-box;}
.gnb>ul>li.gnb_btns>a>img{display:block; width:40%; margin:auto;}

/*��ܶ���*/
.line_banner_bg{width:100%; background-color:#005bac;}
.line_banner{width:100%;/* max-width:700px;*/ height:50px; background-color:#005bac; margin:auto;}
.line_banner>.center{position:relative;}
.line_banner>.center>img{display:block; margin:auto;}
/*.line_banner>.center>.close_btn{position:absolute; top:0; right:0; cursor:pointer;}*/






.sub_menu{position:relative; width:100%; /*max-width:700px;*/ height:50px;}
.sub_menu>ul{position:absolute; top:0; left:0; width:100%; /*max-width:700px;*/ margin:auto;}
.sub_menu>ul>li>a{display:block; width:100%; height:50px; line-height:50px; padding-left:10px; box-sizing:border-box; background-color:#f3f3f3;; color:#222; font-size:16px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sub_menu>ul>li>a>img.menu_arrow{float:right; width:30px; margin-right:10px; padding-top:8px; box-sizing: border-box;}
.sub_menu>ul>li>ul{display:none;}
.sub_menu>ul>li>ul>li{border-bottom:1px solid #ddd;}
.sub_menu>ul>li>ul>li>a{display:block; width:100%; height:40px; line-height:40px; padding-left:25px; box-sizing:border-box; background-color:#fff; color:#555; font-size:14px;}
.sub_menu>ul>li>ul>li>a:hover{background-color:#fff; color:#666;}
.sub_menu>ul>li.gnb_btns>a{display:inline-block; float:left; width:33.3%; height:80px; text-align:center; background-color:#005bac; color:#fff; line-height:140%; border-left:1px solid #0c67b8; padding:10px; box-sizing:border-box;}
.sub_menu>ul>li.gnb_btns>a>img{display:block; width:40%; margin:auto;}