/* common */
html,
body { font-family: 'SCDT', sans-serif; font-weight: 500; word-break: keep-all; /* touch-action: pan-x pan-y */; } 
#wrap { width: 100%; min-width: 130rem; margin: auto; } 
header { width: 100%; background-color: rgba(0, 0, 0, 0.8); height: 6.0rem; position: fixed; right: 0; top: 0; z-index: 1000000; } 
section { margin: auto; width: 100%; position: relative; } 
.inner { width: 130rem; margin: 0 auto; position: relative; clear: both; } 

/* common */

/* 반응형 동영상 */
.video_box { position: relative; max-width: 100%; height: auto; padding-top: 56.25%; overflow: hidden; } 
.video_box iframe { z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%; } 
/* 반응형 동영상 */


/* header */
header h1.logo { float: left; line-height: 1; margin-top: 0.7rem; width: 16.2rem; height: 5.4rem; } 
header .logo a { width: 100%; height: 100%; background-size: contain; } 

header.color_change .logo a { background: url(/img/logo.jpg) no-repeat center; background-size: contain; } 
header.color_change { background: #fff; border-bottom: 1px solid #ccc; } 
header.color_change #gnb>ul>li>a { color: #202020; } 

header .inner { height: 100%; /* border: 1px solid red; */ } 

header #gnb { float: right; line-height:7.3rem; width: 100rem; } 
header #gnb > ul > li { float:left; } 
header #gnb > ul > li a { display:block; color: #fff; position: relative; } 
header #gnb > ul > li > a:hover { font-weight: 600; } 

header #gnb .topnav { color: #fff; font-size: 20px; font-weight: 500; } 
header #gnb .topnav li { float: left; width: calc(100%/5); text-align: center; /* border: 1px solid #f5f5f5; */ } 

header #gnb .subnav { margin: auto; background:rgba(0, 0, 0, 0.92); clear:both; width:100vw; min-width: 1920px; min-height: 32rem; display: none; position: absolute; top:7.4rem; left: 50%; transform: translateX(-50%); text-align:center; font-size: 16px; } 
header #gnb .subnav ul { width:130rem; padding:1rem 0 1rem 30rem; /* border: 1px solid salmon */; position: absolute; left: 50%; transform: translateX(-50%); } 
header #gnb .subnav li { float:left; width:calc(100%/5); min-height:240px; } /* ← 1depth 갯수에따라  width: calc(100%/5); 값 설정 변경*/
header #gnb .subnav li:nth-of-type(1) { border-left:none; } 

header #gnb .subnav dd { line-height:3.6rem; } 
header #gnb .subnav a { color:#fff; display:block; padding:0 10px; -webkit-transition:all 0.2s ease-out; transition:all 0.1s ease-out; } 
header #gnb .subnav a:hover { color:#ff5400; } 
header #gnb .subnav .sm { letter-spacing: -0.15rem; white-space: nowrap; padding: 0; font-size: 1.5rem; } 


#wrap .m_menu_box { z-index: 1000000; } 
#wrap .m_menu_box a { line-height: 5rem; padding:0 2rem 0 2.6rem; } 
#wrap .m_menu_box ul > li > a { font-size: 2.2rem; font-weight: 500; color: #505050; line-height: 6rem; } 
#wrap .m_menu_box a.current { background-color: #333; color: #fff; font-size: 3.2rem; font-weight: 400; line-height: 12rem; } 
#wrap .m_menu_box ul.sub-menu li a { font-size: 1.8rem; color: #505050; padding-left: 3.6rem; } 
/* header */


 /* common */
 body,
 #wrap { min-width: 320px; max-width: 768px; } 
 .inner { /* width: calc(100% - 4rem); */
 width: calc(100% - 40px); } 
 /* common */