/* hd */
#hd { box-sizing: border-box; width: 100%; height: 124px; padding-top: 62px; position: fixed; top: 0; left: 0; z-index: 20; background-color: #fff;}
.header_wrap { position: relative; width: 1280px; height: 100%; margin: 0 auto;}
.header_wrap .nav_wrap { width: 100%; height: 60px; }
.header_wrap1 { position: relative; width: 1280px; height: 100%; margin: 0 auto;}
.header_wrap1 .nav_wrap1 { width: 100%; height: 60px; }
.logo { display: block; width: 172px; float: left;}
/* .logo img { width: 100%; height: 100%;} */

/*.menu_bar { width: 600px; height: 18px; float: right; margin-right: 22px;}*/
.menu_bar {height: 18px; float: right; }
.nbtn { width: 140px; text-align: center; float: left; line-height: 20px; }
.nbtn a { color: #333333; font-size: 16px; font-family: 'Noto Sans KR'; transition:0.3s;}

.menu { display: none; width: 30px; height: 18px; float: right; cursor: pointer;}
.menu span { display: block; width: 30px; height: 4px; background-color: #363636; }
.m_sp { margin-bottom: 3px;}
.m_sp0 { float: right; transition: 0.5s;}

.info { width: 100%; height: 0px; background-color: #fff; overflow: hidden; transition:1s;}
.info_toggle { height: 250px;}
.info_left { width: 65%; height: 100%; float: left;}
.info_right { width: 35%; height: 100%; float: left; position: relative;}

.info_lbox { width: 100%; height: 97px; padding: 19px 0 0 48px; font-size: 14px; line-height: 23px;}
.info_ll { width: 30%; height: 100%; float: left;}
.info_lr { box-sizing: border-box; border-left: 1px solid #e5e5e5; width: 50%; height: 100%; float: left;}

.info_commentbox { width: 100%; clear: both; }
.info_commentbox p { float: left; color: #545454; font-family: 'Noto Sans KR'; font-weight: 400;}
.info_commentbox span { float: left; margin-left: 4%; margin-right: 8%;}
.info_title { width: 80px;}
.info_title1 { width: 60px;}
.info_title2 { margin-left: 15%;}



.info_right iframe { margin-top: 19px;}
.blank_box { position: relative; clear: both; width: 100%; height: 120px;}
.blank_box1 { position: relative; clear: both; width: 100%; height: 130px;}
.menu_mobile span { display: block; width: 30px; height: 4px; background-color: #a3a3a3; }
.menu_mobile { display: none; width: 30px; height: 18px; float: right; cursor: pointer;}
.info_01 { display: none; position: absolute; top: 0; right: 0; width: 100%; height: 200px; background-color: rgba(50,50,50,0.85); z-index: 30;}

.menu_mob { display: none; width: 30px; height: 18px; float: right; cursor: pointer;}
.menu_mob span { display: block; width: 30px; height: 4px; background-color: #363636; }

@media screen and (max-width:1930px) and (min-width:1281px) {
/* 데스크탑 레이아웃 */
    .header_wrap { width: 1400px;}
    .header_wrap .nav_wrap { width: 80%; margin: 0 auto;}
    .header_wrap1 { width: 1400px; }
    .header_wrap1 .nav_wrap1 { width: 80%; margin: 0 auto;}
    .info_01 { display: none;}
    
    .header_language {
    	position: absolute;
    	top: -35px;
    	right: 180px;
    	display: block;
    }
}

@media screen and (max-width:1280px) and (min-width:1024px) {
/* 태블릿 레이아웃 */
    .header_wrap { width: 1280px;}
    .header_wrap .nav_wrap { width: 90%; margin: 0 auto;}
    .header_wrap1 { width: 1280px;}
    .header_wrap1 .nav_wrap1 { width: 90%; margin: 0 auto;}
    .menu_bar { width: 60%;}
    .nbtn { width: 16%; font-size: }
    .nbtn a {font-size: 17px;}
    .info_ll { width: 35%;}
    .info_title2 { margin-left: 10%;}
    .info_01 { display: none;}
    .info_commentbox p { font-size: 11px;}
    
    .header_language {
    	position: absolute;
    	top: -50px;
    	right: 180px;
    	display: block;
    }
}

@media screen and (max-width:1023px) and (min-width:1px) {
/* 모바일 전용 레이아웃 */
    #hd { padding-top: 20px; position: fixed; top: 0; left: 0; background-color: #fff; margin: 0; height: 62px;}
    .info_01 { position: fixed;}
    #container {  }
    .header_wrap { width: 100%;}
    .header_wrap .nav_wrap { width: 85%; margin: 0 auto; height: 40px;}
    .header_wrap1{ width: 100%;}
    .header_wrap1 .nav_wrap1 { width: 85%; margin: 0 auto; height: 40px;}
    .menu_bar { display: none;}
    .info_left { display: none;}
    .info_right { display: none;}
    .blank_box { height: 60px;}
    .menu { display: none;}
    .menu_mobile { display: block; margin-top: 20px; margin-right: 30px;}
    .menu_mobile .m_sp1 { width: 15px; }
    .info_01 ul { clear: both; margin-left: 40px; padding: 40px 0 0;}
    .info_01 ul li { text-align: left; line-height: 30px;}
    .info_01 ul li a { color: #ffffff; font-size: 18px; }
    .menu_mob { display: block;}
    .blank_box1 { height: 60px;}
    .info info_toggle { display: none;}
    .menu_sticky { position: fixed; top: 0; left: 0;}
}

/* user css */
/* 메뉴 */
.activeMenu { border-bottom: 2px solid #20d2b3; }
.activeMenu_mobile { border-bottom: 2px solid #20d2b3; }
.header_language a { color: #333333; font-size: 16px; font-family: 'Noto Sans KR'; transition:0.3s;}