@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

@font-face{
	font-family:"NanumBarunGothic";
	src:url('./font/NanumBarunGothic.eot');
	src:url('./font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumBarunGothic.woff') format('woff'),
	url('./font/NanumBarunGothic.ttf') format('truetype');
	src:local(※), url('./font/NanumBarunGothic.woff') format('woff');
}
@font-face{
	font-family:"NanumBarunGothicLight";
	src:url('./font/NanumBarunGothicLight.eot');
	src:url('./font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumBarunGothicLight.ttf') format('truetype');
}
@font-face{
	font-family:"NanumBarunGothicUltraLight";
	src:url('./font/NanumBarunGothicUltraLight.eot');
	src:url('./font/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumBarunGothicUltraLight.ttf') format('truetype');
}

*{font-family : 'NanumSquare';}
p,h1,h2,h3,h4,h5,h6,span,label{transform:skew(-0.03deg);}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-60{margin-top: 60px;}

.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-60{margin-bottom: 60px;}
 h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
   /*  font-family: 'Malgun Gothic', dotum, sans-serif; */
} 

a {
    color: #000;
    text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
    margin: 0;
}
legend {
    border: 0;
    display: none;
}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
a:hover,a:focus{text-decoration: none;}
/* #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width: 1090px;} */
#bo_head img{width: 100%;}
#hd{background-color: #fff;}
#hd_wrapper{height: auto;}
#tnb{border-bottom: 1px solid #bdd6fd;margin-bottom: 30px;}
#tnb .inner{width: 1090px;}
#hd_qnb li{margin: 0;padding: 5px 10px; border-right:1px solid #bdd6fd;font-size: 13px;line-height: 1.6;color: #333;}
#hd_qnb li:first-child{border-left:1px solid #bdd6fd;}
#hd_qnb li:last-child{border-right:1px solid #bdd6fd;padding-right: 10px;}
#hd_qnb li a{color: #333;}
#hd_qnb{margin-bottom: 0;}
#logo{padding: 10px 0;float: none;position: relative;text-align: center;}
#logo #logo-text{position: absolute;display: block;left: 0;color:#046839;font-size: 20px;bottom:20px;font-weight: bold; }
#logo #logo-text img{width: 30px;}
#logo #logo-text2{position: absolute;display: none;right: 15px;color:#056839;font-size: 14px;bottom:14px;line-height: 16px; }
#logo-membox{position: absolute;display: block;right: 0;bottom:13px;}
#logo-membox ul{list-style: none;padding: 0;margin: 0;}
#logo-membox ul:ater{content: "";display: block;clear: both;}
#logo-membox ul li{float: left;text-align: center;font-size: 12px;margin-right: 10px;}
#logo-membox ul li:last-child{margin-right: 0;}
#logo-membox ul li a{font-size: 12px;color:#0045ac;}
#logo-membox ul li a img{height: 26px;}
#leftmenubtn{background: none;border: 0;display: none;position: absolute;left: 15px;}
#leftmenubtn img{width: 20px;}

#gnb{background-color:#0045ac; }
#gnb .gnb_wrap{width:1090px;text-align: center;line-height:0;}
#gnb #gnb_1dul{border-bottom: 0;display: inline-block;margin-bottom: 0;}
#gnb .gnb_1dli{text-align: center;     padding: 0 15px;}
#gnb .gnb_1dli:hover > a {color:#e2e2e2;}
.gnb_1da{color: #fff;font-size: 16px;}
#hd_wrapper{width:1090px;}

#container{width: 1090px;float: none;margin: 20px auto;}
#container_wr{min-height: 800px;}
.overlay{display:none;position:fixed;top:0;left:0; opacity:0.8;width:100%;height:100%;background-color: #000;z-index:101;}
.sidebar{
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.64); */
    position: fixed;
    color: white;
    text-align: center;
    background: #fff;
    width: 300px;
    top:0;
    bottom:0;
    z-index: 101;
    display:none;
    overflow: auto
}
.sidebar #tail_logo{text-align: center;padding: 10px 0; position: relative;margin-bottom: 10px;}
.sidebar #tail_logo img{width: 180px;}
.sidebar .info{margin-bottom: 10px; text-align: right; padding: 0 15px;}
.sidebar .info ul{display: inline-block;margin-bottom: 0;}
.sidebar .info ul:after{content: "";display: block;clear: both;}
.sidebar .info ul li{border: 1px solid #ccc;float: left;padding: 5px 10px;margin-right: 5px;}
.sidebar .info ul li:last-child{margin-right: 0px;}

.sidebar ul .gnb_li{line-height: 50px; width: 100%;text-align: left;padding: 0 15px;border-bottom: 1px solid #ccc;font-size: 14px;}
.sidebar ul .gnb_li a{display: block;}


#customer_infobox{width: 100%;background: #f2f4f7;height: 32px; text-align:  center;}
#customer_infobox:after{content: "";display: block;clear: both;}
#customer_infobox ul{display: inline-block;padding: 6px 0;margin: 0;}
#customer_infobox ul li{float: left;line-height: 20px;border-right: 2px solid #c2c2c2;font-size: 12px;color: #000;padding: 0 8px;}
#customer_infobox ul li:first-child,#customer_infobox ul li:last-child{border-right:0;}
#customer_infobox ul li:first-child{font-weight: bold;}
.color-b0062a{color:#b0062a;}
/* index */
#main-top-banner_mobile{display: none;}
#main-menu-box_mobile{display: none;margin-bottom: 10px;}
#main-menu-box{margin-bottom: 10px;}
#main-menu-box ul{list-style: none;padding: 0;margin: 0;}
#main-menu-box ul:after{content: "";clear: both;display: block;}
#main-menu-box ul li{height: 165px;float: left;width: 20%;text-align: center;font-size: 18px; color: #fff;}
#main-menu-box ul li a{color: #fff; text-decoration: none;display: block;}
#main-menu-box ul li span{color: #fff;}
#main-menu-box ul li:nth-child(1){background-color: #06aab0;}
#main-menu-box ul li:nth-child(2){background-color: #187cda;}
#main-menu-box ul li:nth-child(3){background-color: #06b085;}
#main-menu-box ul li:nth-child(4){background-color: #5a7ad7;}
#main-menu-box ul li:nth-child(5){background-color: #0045ac;}
#main-menu-box ul li p{margin-top: 20px;    margin-bottom: 10px;}

#main-menu-box_mobile ul{list-style: none;padding: 0 15px;margin: 0;}
#main-menu-box_mobile ul:after{content: "";clear: both;display: block;}
#main-menu-box_mobile ul li{height: 60px;width: 100%;text-align: center;font-size: 16px; color: #fff;line-height: 60px;}
#main-menu-box_mobile ul li a{color: #fff; text-decoration: none;display: block;}
#main-menu-box_mobile ul li img{width: 30px;}
#main-menu-box_mobile ul li span{color: #fff;margin-left: 10px;}
#main-menu-box_mobile ul li:nth-child(1){background-color: #ef3158;}
#main-menu-box_mobile ul li:nth-child(2){background-color: #06aab0;}
#main-menu-box_mobile ul li:nth-child(3){background-color: #187cda;}
#main-menu-box_mobile ul li:nth-child(4){background-color: #06b085;}
#main-menu-box_mobile ul li:nth-child(5){background-color: #5a7ad7;}
#main-menu-box_mobile ul li:nth-child(6){background-color: #0045ac;}
#main-menu-box_mobile ul li:nth-child(7){background-color: #b0062a;}
#main-menu-box_mobile ul li p{margin-top: 20px;}

.latest_main_wr{width: 100%;position: relative;}
.latest_main_wr:after{display: block;content: "";clear: both;}
.latest_main_wr .lat{width: calc((100% - 30px)/ 3); float: left;margin-right: 15px;}
.latest_main_wr .lat:last-child{margin-right: 0;}

#main-latest-top-box-mobile{display: none;padding: 0 15px;}
#main-latest-top-box-mobile .tabpanelbox{border:1px solid #ccc;}
#main-latest-top-box-mobile .tabpanelbox .nav-tabs li{width: calc( 100% / 3);}
#main-latest-top-box-mobile .tabpanelbox .nav-tabs li a{height: 35px;line-height: 35px;border-radius:0;padding: 0;text-align: center;border: 0; border-left: 1px solid #ccc; margin-right:0; font-size: 14px; color: #000;}
#main-latest-top-box-mobile .tabpanelbox .nav-tabs li:first-child a{border-left: 0;}
#main-latest-top-box-mobile .tabpanelbox .nav-tabs li.active a{border-bottom: 2px solid #0045ac;}
#main-latest-top-box-mobile .tabpanelbox .tab-content .tab-pane{height: 120px;padding: 10px 15px;}

#main-counter-box{background-color: #f4f4f4;margin-bottom: 10px;padding: 20px 35px;}
#main-counter-box:after{content: "";display: block;clear: both;}
#main-counter-box .counter-box{background-color: #fff;width: 320px;text-align: center;padding: 10px 40px;border: 1px solid #dfdfdf;float: left;margin-right: 30px;}
#main-counter-box .counter-box:last-child{margin-right: 0;}
#main-counter-box .counter-box .text-box{width: 100%;padding-left: 50px;position: relative;}
#main-counter-box .counter-box .text-box .title_img{position: absolute;left: 0;top:17px;}
#main-counter-box .counter-box .text-box h3{font-size: 18px;color:#797979;font-weight: bold;}
#main-counter-box .counter-box .text-box span{font-size: 16px;color:#0045ac;font-weight: bold;}
#main-counter-box .counter-box .text-box span .counter_numbers{font-size: 46px;color:#000;font-weight: bold;line-height: 59px;}

#main-counter-box-mobile{background-color: #f4f4f4;margin-bottom: 10px;padding: 15px;display: none;}
#main-counter-box-mobile:after{content: "";display: block;clear: both;}
#main-counter-box-mobile .counter-box{background-color: #fff;width: calc((100% - 30px) / 3);text-align: center;padding: 10px 0;border: 1px solid #dfdfdf;float: left;margin-right: 15px;}
#main-counter-box-mobile .counter-box:last-child{margin-right: 0;}
#main-counter-box-mobile .counter-box .text-box{width: 100%; position: relative;}
#main-counter-box-mobile .counter-box .text-box .title_img{width: 32px;}
#main-counter-box-mobile .counter-box .text-box h3{font-size: 14px;color:#797979;font-weight: bold;margin-top: 10px;line-height: 16px;height: 32px;overflow: hidden;word-break: keep-all;}
#main-counter-box-mobile .counter-box .text-box span{font-size: 12px;color:#0045ac;font-weight: bold;}
#main-counter-box-mobile .counter-box .text-box span .counter_numbers{font-size: 20px;color:#000;font-weight: bold;line-height: 30px;}

/* tail */
#ft{background-color: #0045ac;border-top:1px solid #bdd6fd;}
#ft_wr{width: 1090px;max-width: 1090px;}
#ft_copy{color: #fff;border-top:0px;}
#ft_link{text-align: center;color: #fff;line-height: 20px;margin-bottom: 20px;}
#ft_link a{display: inline;font-size: 16px;font-weight: bold;}
#ft_link span{margin: 0 5px;font-size: 16px;} 
#ft_wr .ft_cnt{padding: 0 5px;}
#ft_wr .ft_cnt:last-child{padding:  0 0 0 5px;}
#ft_logo.ft_cnt{padding: 0 5px 0 0;}
.ft_info{color: #fff;font-size: 13px;word-break: break-word;}


/* 반응형 */

@media (max-width: 1199px){
#hd, #wrapper, #ft{min-width: 100%;height: 100%;}
/* head */
#tnb{display: none;}
#hd_wrapper{width: 100%;height: 70px;}
#gnb .gnb_wrap{width: 100%;overflow-x: auto;}
#gnb #gnb_1dul{width: 914px;display: table;}
#gnb .gnb_1dli{display: table-cell;line-height: 45px;}
#logo{text-align: center;height: 100%;line-height: 70px;}
#logo_img{width: 160px;}
#logo #logo-text{display: none;}
#logo #logo-membox{display: none;}
#logo #logo-text2{display: block;}

#leftmenubtn{display: block;}
#container_title{padding: 0 15px;}

/* body */
#container_wr{width: 100%;}
#container{width: 100%;}
#main-top-banner{display: none;}
#main-menu-box{display: none;}
#main-latest-box{display: none;}

#main-top-banner_mobile{display: block;margin-top: -20px;}
#main-menu-box_mobile{display: block;}

#main-latest-top-box-mobile{display: block;}

/* tail */		
#ft_wr{width: 100%;max-width: 100%;padding: 15px;}
#ft_link{text-align: center;color: #fff;line-height: 20px;margin-bottom: 20px;}
#ft_link a{display: inline;font-size: 10px;font-weight: bold;}
#ft_wr .ft_cnt{width: 50%;min-height: 100px;margin-bottom: 10px;padding: 0;}
.ft_info{font-size: 12px;}
#ft_copy{width: 100%;font-size: 12px;padding: 10px 0;}
}

@media (max-width: 1199px){
	#customer_infobox{overflow-x:  auto;}
	#customer_infobox ul{display: table;width: 423px;}
}
@media (max-width: 1089px){
	#main-counter-box-mobile{display: block;}
	#main-counter-box{display: none;}
}

@media (max-width: 768px){
#gnb #gnb_1dul{width: max-content;display: table;}
}