@charset "utf-8";

/*Reset*/
html{font-size:10px;}
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0; position:relative;}
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:#333;}
td a, div a{color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

strong{font-weight:500;}

html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}

/* common */
body,th,td,input,select,textarea,button{color:#333;font-size:10px;line-height:1.5; font-weight:400; font-family: 'Noto Sans JP', sans-serif;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
.blind{display:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.group:after{content:"."; clear:both; display:block; height:0; visibility:hidden}


/*header*/
header{ background:url(../../images/main/header-bg.png) repeat-x; width:100%; height:100px; z-index:2; }

.header-box{width:100%; height:100px; max-width:1200px; margin:0 auto; position:relative; }
.header-box:after{content:"."; clear:both; display:block; height:0; visibility:hidden}
.header-box h1{display:inline-block; line-height:100px;}
.header-box h1 a{display:inline-block; line-height:100px; vertical-align:top;}
.header-box h1 img{width:300px;  vertical-align:middle; margin-top:-5px;}
.header-box #hnb{position:absolute; top:0; right:0; z-index:10;}
.header-box #hnb:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.header-box #hnb ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.header-box #hnb #gnb ul{display:flex; height:100px; align-items: center;}
.header-box #hnb #gnb ul > .G1D{position:relative; height:100%;}
.header-box #hnb #gnb ul > .G1D a{display:block; text-align:center; font-weight:500; padding:0 28px; height:100%; line-height:1.3em;}
.header-box #hnb #gnb ul > .G1D h2{font-size:1.8rem; display:inline-block; padding-top:26px; height:100%; box-sizing:border-box;}
.header-box #hnb #gnb ul > .G1D.short h2{padding-top:38px;}
.header-box #hnb #gnb ul > .G1D a em{display:block;}
.header-box #hnb #gnb ul > .G1D:before{content:""; display:none; width:60px; height:3px; background:#2173ca; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.header-box #hnb #gnb ul > .G1D.on:before{display:block;}
.header-box #hnb #gnb ul > .G1D.on a{color:#2173ca;}

header .site_map{width:100%; background:#ccc; z-index:1; position:absolute; top:90px; left:0; border-top:3px solid #fa8e47; height:300px;}
header .site_map .inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}
header .site_map .inner .site_ul{ position:absolute; top:0; right:180px;}
header .site_map .inner .site_ul li{padding:0 20px;}
header .site_map .inner .G2D{display:table; float:left; }
header .site_map .inner .G2D a{display:table-cell; vertical-align:middle;}
.m-menu{display:none;}


/*footer*/
footer{padding-bottom:35px;}
footer .inner{position:relative; max-width:1200px; margin:0 auto;}
footer #fnb{width:100%; background:#f4f4f4; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:35px;}
footer #fnb ul{width:100%; margin:0 auto; position:relative; }
footer #fnb ul:after{content:"."; clear:both; display:block; height:0; visibility:hidden}
footer #fnb li{float:left; height:45px; line-height:45px; vertical-align:middle;}
footer #fnb li a{ display:inline-block; font-size:14px; font-weight:600; padding:0 10px; text-decoration:underline;}
footer #fnb li a:hover{color:#2173ca;}
footer #fnb li:first-child a{padding-left:0;}
footer .right_txt{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:14px; font-weight:600; color:#2173ca;}
footer address{width:100%;  max-width:1200px; margin:0 auto; position:relative;}
footer address{color:#424242; font-weight: 400; letter-spacing:-0.8px;}
footer address p{font-size:14px; color:#787878;}
footer address span{position:absolute; top:0; right:0; width:55px; height:55px;}
footer address span img{width:100%;}

@media (max-width:1200px) {
header{padding:0 10px; box-sizing: border-box;}
.header-box h1 img{width:245px;}
.header-box #hnb #gnb ul > .G1D h2{font-size:1.7rem;}
.header-box #hnb #gnb ul > .G1D a{padding:0 20px;}


footer #fnb ul{padding:0 15px; box-sizing: border-box;}
footer .right_txt{right:15px;}
footer address{padding:0 15px; box-sizing: border-box;}
footer address span{right:15px;}
}

@media (max-width:1024px) {
header{padding:0 15px; height:70px; background-image:url(../../images/main/m_header-bg.png);}
.header-box #gnb, .header-box #lnb{display:none;}
.m-menu{display:block;}
.header-box{height:70px;}
.header-box h1{top:0; padding-top:0px; line-height:70px;}
.header-box h1 a{line-height:70px;}
.header-box h1 img{width:250px;}

#left-menu {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; overflow: hidden; overflow-y: auto;  background: rgba(0,0,0,0.7);}
.lm-box {width: 100%;height: 100%;position: absolute;z-index: 11;}
.m-menu-btn {position: absolute;  right: 20px; top: 19px; cursor: pointer; z-index: 999; }
.m-menu-btn button {display: block; width: 48px; height: 32px; background: url(../../images/main/menu_btn.png) no-repeat right; overflow: hidden; text-indent: -9999px; font-size: 0; background-size:26px 20px;}
.m-menu-btn.m-menu-btn-close button{background: url(../../images/main/menu_close.png) no-repeat right; background-size:26px 20px;}
.m-menu-list {position: absolute; width: 240px; height: auto; min-height: 100%; z-index: 22; right: 0%; background: #fff; padding: 15px 20px; padding-top: 45px;}
.m-menu-list .m_lnb{display:block; margin-top:20px; }
.m-menu-list .m_lnb li{display:inline-block; margin-right:10px; vertical-align:top;}
.m-menu-list .m_lnb li a{display:inline-block;}
.m-menu-list .m_lnb .gybm_btn{display:inline-block; background :linear-gradient(to bottom, #fefefe , #f3f3f3 ); padding:5px 15px; border:1px solid #e5e5e5; font-size:1.5rem; box-sizing:border-box;  color: #2173ca; font-weight:700; border-radius:5px;}
.m-menu-list .m_lnb .gybm_btn:hover{background:#00479d; color:#fff;}
.m-menu-list .m_lnb .facebook_btn span{display:inline-block; width:32px; height:32px; border-radius:999px; background:#00479d; color:#fff; font-size:1.8rem; font-weight:400; line-height:32px; text-align:center;}
.m-menu-list > ul {padding-top: 19px;}
.m-menu-list ul li ul{padding-top: 10px;}
.m-menu-list > ul > li{margin-bottom:30px;}
.m-menu-list li h2{font-size:1.7rem; padding-bottom:7px; border-bottom:2px solid #0d5caf;}
.m-menu-list li h2 a{color:#333; font-weight:500; display:block;}
.m-menu-list li li{padding:5px 7px;}
.m-menu-list li li a{font-size:1.5rem;}


footer address p{padding-right:70px;}


}

@media (max-width:768px){
html, body{font-size:9px;}
header{box-shadow:0 0px 5px 1px rgba(0,0,0,0.2);}
.header-box h1{top:0; padding-top:0px; }
.header-box h1 img{width:200px;}
.m-menu-btn {top:18px;}

footer{padding-bottom:20px; font-size:13px;}
footer #fnb{margin-bottom:20px;}
footer address p{padding-right:0; font-size:12px;}
footer address .f_copy{padding-right:50px; }

footer #fnb li a{font-size:13px;}
}