html {overflow-y:scroll; overflow-x:hidden;}

body{
    font-weight: 400;
	color:#222;
    width:100%;
	line-height: 1.4;
    font-size:16px;
    font-family:'Raleway', 'Noto Sans KR', 'Sans-serif';
}

br{font-family: inherit !important; opacity: 0;}

/* 전체 */
.wrap{width: 100%; position: relative; overflow: hidden;}
section{overflow: hidden;}

/* clearfix */
.clearfix::before, .clearfix::after{display:block; content:''; clear: both;}

/* boundary */
.bd1240{margin:0 auto; max-width:100%; width:1240px; box-sizing: border-box; position: relative; /* padding: 0 20px; */}
.bd1200{margin:0 auto; max-width:100%; width:1200px; box-sizing: border-box; position: relative; /* padding: 0 20px; */}

/* 마우스긁었을때 */
::selection{background-color: #0f6593; color: white;}

/* 헤더 */
header.gnb{background-color: rgba(255, 255, 255, 0.7); width: 100%;}
.h_logo{width: 185px; margin-top: 12px;}
.gnb .inner{display: flex; justify-content: space-between;}
header.gnb .nav{font-size: 0;}
header.gnb .nav li{display: inline-block; padding: 0 70px; font-size: 19px; cursor: pointer;  line-height: 80px;}
header.gnb .nav li a{display: block; width: 100%; height: 100%;}
.lan{padding: 0 20px; border: 1px solid #0f6593; height: 30px; line-height: 30px; color: #0f6593; margin-top: 24px; cursor: pointer;}

header.lnb{background-color: #fff; width: 100%; position: absolute; top: 80px; overflow: hidden; border-top: 1px solid #ddd; display: none;}
.sub_logo{position: absolute; top: 100px;}
header.lnb .nav{float: left; border-left: 1px solid #ddd;  border-right: 1px solid #ddd; height: 385px; padding: 20px 0;}
header.lnb .nav li{text-align: left; font-size: 18px;}
header.lnb .nav li a{padding: 12px 100px; width: 100%; display: block;}
header.lnb .nav li:hover{background-color: #0f6593; color: #fff;}
header.lnb .nav_pic{float: right; padding-top: 60px;}

header.mobile{display: none;}

/* 푸터 */
footer{width: 100%; padding: 30px 20px; background: #dddddd; text-align: center; font-family: 'Noto Sans KR', 'Sans-serif'; position: relative;}
.f_logo{width: 135px; margin: 0 auto; padding-bottom: 14px;}
footer p{font-weight: 300; color: #222222; line-height: 1.6; font-size: 16px;}
.rock{position: absolute; bottom: 10px; right: 10px;}

/* 공통 */
.bg_gray{background-color: #f5f5f5;}
.bg_blue{background-color: #0f6593;}

.f_blue{color: #0f6593;}
.f_sky{color: #5cbbe2;}

.pd_t100{padding-top: 100px;}
.pd_t60{padding-top: 60px;}
.pd_b20{padding-bottom: 20px !important;}

.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap .border1,.root_daum_roughmap .border2,.root_daum_roughmap .border3,.root_daum_roughmap .border4{display: none;}

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

    .bd1200{padding: 0 20px;}
    header.gnb .nav li{padding: 0 50px;}
    header.menu02 .nav li a{padding: 12px 35px;}

 }

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

    header.gnb,.sub_wrap{display: none;}
    header.mobile{display: block; width: 100%;}
    header.mobile .inner{background-color: rgba(255, 255, 255, 0.7); width: 100%; padding: 5px 20px; display: flex; justify-content: space-between; align-items: center;}
    header.mobile .h_logo{margin-top: 0;}
    header.mobile .menu_btn{margin-top: 9px; cursor: pointer;}

    .mo_menu{width: 100%; position: absolute; z-index: 999; top: 64px; background-color: #fff; text-align: center; display: none; border-top: 1px solid #ddd;}
    .mo_menu a{width: 100%; display: block; padding: 16px; font-size: 18px;}
    .mo_menu>li>a{border-bottom: 1px solid #ddd;}
    .mo_menu>li:last-child>a{border-bottom: 0;}
    .mo_sub_menu{background-color: #fff; display: none;}
    .mo_sub_menu a{border-bottom: 1px solid #f5f5f5; font-size: 16px;}
    .mo_sub_menu>li{background-color: #f5f5f5;}

 }

 /* ********************************************* *
 * 400px
 * ********************************************* */
@media screen and (max-width: 400px){
    footer p{font-size: 14px;}
}