@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap');
/*Reset*/
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#3b3836;}
td a, div a{color:#4f5052;}
a:hover,a:active,a:focus{text-decoration:none; color:#1b79af;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}


/*--------------------skiptoContent--------------------*/
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:250px;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:50%;margin-left:-500px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/*--------------------common--------------------*/
body,th,td,input,select,textarea,button{color:#304050;font-size:14px;line-height:1.5; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:400;}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}
strong,th{ font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}

/*-----------------------header----------------------*/
header{position:relative;}
body{background:url(../../images/common/bg-line.gif) 50% 0;}
#tnb{height:36px; background:#32498b; color:#d0dae4; width:100%;}
.tnb-area{width:1200px; margin:0 auto; position:relative;}
.tnb-area span{display:inline-block; line-height:36px; border:1px #182a59 solid; border-width:0 1px;}
.tnb-area a{color:#fff; font-size:11px; letter-spacing:1px; display:block; background:#1f3571; padding:0 22px;}
.member-link{position:absolute; right:0; top:0;}
.member-link span:first-child,.top-link span:first-child{border-right:0;}
.top-link i{padding-left:5px;}
.member-link i{font-size:14px; vertical-align:middle; padding-right:5px; font-weight:300;}

.m-menu{display:none;}

#logo{text-align:center; width:100%; padding:33px 0 32px;}
#logo img{height:55px;}
#gnb{width:1200px;  height:52px; margin: 0 auto; text-align:center;position:relative;}
#gnb .gnb{border:1px #e6e7e8 solid; height:50px;background:#f3f5f6; }
#gnb li{display:inline-block; margin-left:-2px; padding:0; *display:inline; *zoom:1;}
#gnb li .depth1{line-height:50px;}
#gnb li .depth1{display:block; color:#304050; font-weight:500; font-size:15px; padding:0 40px;}
#gnb li .depth1 i{color:#c0c6ca; padding-left:10px;}
#gnb li.current .depth1, #gnb li .depth1:hover , #gnb li.active .depth1{background:#e6ebec; color:#32498b;border:1px #e6e7e8 solid; border-width:0 1px; padding:0 39px;}
#gnb li.current .depth1 i,  #gnb li .depth1:hover i, #gnb li.active .depth1 i{color:#32498b;}
#gnb li ul{background:#384757; height:50px; position:absolute; width:100%; left:0; top:50px; text-align:left; display:none; overflow:hidden; z-index:999;}
#gnb li ul li a{color:#fff; font-size:14px; line-height:50px; display:block; padding:0 15px;}
#gnb li ul.sub1 li:first-child{margin-left:20px;}
#gnb li ul.sub2 li:first-child{margin-left:200px;}
#gnb li ul.sub3 li:first-child{/*margin-left:150px;*/ margin-left:55px;}
#gnb li ul.sub4 li:first-child{margin-left:500px;}
#gnb li ul.sub5 li:first-child{margin-left:760px;}
#gnb li ul.sub7 li:first-child{margin-left:150px;}
#gnb li ul.sub8 li:first-child{margin-left:600px;}

/*-------------------link-box-------------------------*/
#link-box{ width:1200px;  border-bottom-width:0; margin:0 auto;}
#link-box li{float:left; width:33.3%; background:#f3f5f6; *zoom:1; *width:33.2%;}
#link-box li a{display:block; height:340px; text-align:center;border:1px #e6e7e8 solid; border-left-width:0;}
#link-box li:first-child{width:33.4%;}
#link-box li:first-child a{border-left-width:1px;}
#link-box li .lb-txt01{background-repeat:no-repeat; background-image:url(../../images/common/aside-link-ico.png); background-size:140px 1200px; padding-top:162px; font-size:20px; color:#3e4e56; font-weight:500; letter-spacing:0.8px;}
#link-box li .lb-txt02{color:#304050; font-size:14px; letter-spacing:1.2px; line-height:18px; vertical-align:top; height:36px; margin:3px 0 24px;}
#link-box li:hover{background-color:#e6ebec}
#link-box li:hover .lb-txt01{background-image:url(../../images/common/aside-link-ico-hover.png);}
#link-box li.lb01 .lb-txt01{background-position: 50% 45px;}
#link-box li.lb02 .lb-txt01{background-position: 50% -355px;}
#link-box li.lb03 .lb-txt01{background-position: 50% -755px;}
#link-box li .lb-btn{border:1px #1d2834 solid; width:140px; height:40px; margin:0 auto;}
#link-box li .lb-btn span{display:inline-block; background:url(../../images/common/aside-link-arrow.png) no-repeat; background-position:100% 0; background-size:40px 80px; line-height:40px; padding-right:27px; letter-spacing:3px; color:#304050; font-size:12px; font-weight:500; }
#link-box li:hover .lb-btn{background-color:#32498b; border-color:transparent;}
#link-box li:hover .lb-btn span{color:#fff; background-position:100% 100%;}
#link-box ul:after{clear:both; content:"."; visibility:hidden; height:0; display:block;}


/*----------------------------footer--------------------*/
.foot-logo{height:160px; background:#2a3642 url(../../images/common/foot-logo-bg.jpg) no-repeat 50%;}
.foot-logo img{width:538px; display:block; margin:0 auto; padding-top:58px}
footer{font-weight:300;font-size:13px; letter-spacing:0.8px;color:#596775; width:1200px; margin:37px auto 50px; line-height:1.3; position:relative;}
footer .btn-box{margin-bottom:10px;}
footer .btn-box a{display:inline-block; background:#009ada; color:#fff; padding:7px 15px; font-size:15px; font-weight:500;}
footer address{margin-bottom:20px;}
footer .site_list{ position:absolute; width:170px; height:44px; right:0; top:-1px;}
footer .site_list button{ display:block; width:100%; line-height:44px; height:44px; font-size:14px; color:#6f7377; text-align:center; background:#fff; border:1px #e6e7e8 solid;}
footer .famliy_site{background:#fff; position:absolute; bottom:44px; width:170px; display:none;}
footer .site_list.open button{background-image:url(../../images/common/site_close.gif);}
footer .famliy_site ul{padding:10px; border:1px #e6e7e8 solid; border-bottom-width:0;}
footer .famliy_site li a{display:block; padding:5px 10px; color:#6f7377; font-size:12px;}
footer .address{padding-right:279px;}

.ing-img{text-align:center;}
.ing-img img{width:100%; max-width:600px;}


/*--------------------1199--------------------*/
@media screen and (max-width:1199px){
.tnb-area{width:100%;}
#gnb{width:980px}
#gnb li ul.sub1 li:first-child{margin-left:15px;}
#gnb li ul.sub2 li:first-child{margin-left:180px;}
#gnb li ul.sub3 li:first-child{/*margin-left:140px;*/ margin-left:15px;}
#gnb li ul.sub4 li:first-child{margin-left:550px;}
#gnb li ul.sub5 li:first-child{margin-left:720px;}
#gnb li ul li a{font-size:13px; padding:0 10px;}
#link-box{width:100%;}

footer{width:96%; padding:0 2%;}
footer .site_list{left:2%; width:96%;}
footer .famliy_site{width:100%;}
footer .btn-box{padding-top:60px;}
footer address{/*padding-top:60px;*/}

}

/*--------------------979--------------------*/
@media screen and (max-width:979px){
#logo{padding:20px 0; position:relative; z-index:888; text-align:left;}
#logo img {height:40px; padding-left:20px;vertical-align:middle;}
#gnb{display:none;}
.m-menu{display:block; }
.m-menu-btn{width:40px; height:40px; border:1px #e6e7e8 solid; background:#f3f5f6; position:absolute;  right:2%; top:60px; cursor:pointer; z-index:999;}
.m-menu-btn button{display:block;  width:100%; height:100%;overflow:hidden; font-size:0;}
.m-menu-btn button i{font-size:18px;}
#left-menu{ display:none;position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;overflow-y:auto;}
.m-menu-list{position:absolute; width:250px; height:auto; min-height:100%;  z-index:22;  right:0%;background:#009ada; padding:30px; padding-top:0;}
.m-menu-list a{color:#fff;}
.m-menu-list h2{font-size:16px; border-bottom:1px rgba(255,255,255,0.2) solid; padding:20px 0 10px;}
.m-menu-list ul{padding-top:10px;}
.m-menu-list ul li ul li{color:rgba(255,255,255,0.5);}
.m-menu-list ul li ul li a{color:rgba(255,255,255,0.7); padding:5px 2px; display:inline-block;}
.lm-box{width:100%; height:100%; position:absolute; z-index:11;}
.m-menu-btn-close{z-index:33; top:10px; background:#0d75a0; border:0;}
.m-menu-btn-close i{color:#fff;}

#link-box li .lb-txt01{background-image:url(../../images/common/m-aside-link-ico.png);}
#link-box li:hover .lb-txt01{background-image:url(../../images/common/m-aside-link-ico-hover.png);}
#link-box li .lb-txt01 {font-size:16px;}
#link-box li a{position:relative;}
#link-box li .lb-btn{position:absolute; bottom:30px; left:50%; margin-left:-70px;}

footer .address{padding-right:0;}

}

/*--------------------767--------------------*/
@media screen and (max-width:767px){

.top-link{display:none;}
.member-link{position:relative; left:0; width:100%;}
.member-link span{width:50%; border:0;}
.member-link span a{border:1px #182a59 solid; border-top-width:0; border-left-width:0;}
.member-link span:first-child a{border-right:1px #182a59 solid;}

#link-box li .lb-txt01{background-size:40px 340px;  padding:15px 0 15px; padding-left:60px; text-align:left; min-height:0px; font-size:14px;}
#link-box li:hover .lb-txt01{background-image:url(../../images/common/aside-link-ico-hover.png);}
#link-box li.lb01 .lb-txt01{background-position: 10px 10px;}
#link-box li.lb02 .lb-txt01{background-position: 10px -105px;}
#link-box li.lb03 .lb-txt01{background-position: 10px -218px;}
#link-box li{width:100%;}
#link-box li:first-child{width:100%;}
#link-box li a{height:auto; border-left-width:1px; border-top:0;}
#link-box li .lb-btn{display:none;}
#link-box li .lb-txt02{display:none;}

.tnb-area span.m-modi{display:none;}

.foot-logo{height:100px;line-height:100px; background-size:cover; text-align:center;}
.foot-logo img{width:80%; display:inline;  padding-top:0; vertical-align:middle;}
footer .site_list button{font-size:12px;}
footer{font-size:9px; line-height:1.5; margin:20px auto;}
footer .btn-box a{font-size:13px;}
footer address{margin-bottom:10px;}

}

/*--------------------500--------------------*/
@media screen and (max-width:500px){
#logo{padding:20px 0;}
#logo a{ display:block;line-height:50px;}
#logo img {height:35px; padding-left:2%; margin-top:-8px;}
}

/*--------------------430--------------------*/
@media screen and (max-width:430px){
#logo img {height:28px;}
}

/*--------------------330--------------------*/
@media screen and (max-width:330px){
#logo img {height:24px;}
}