@charset 'utf-8';
#gh-container { padding-top: 90px; }
#gh-container > div { } 
#main-container { min-height: 600px; } 
.sub-visual-container { height: 20vw; min-height: 200px; overflow: hidden; } 
.visual-wrap { height: 100%; background-position: center center; background-size: cover; } 
.visual0 { background-image: url('../images/sub_bg0.jpg'); } 
.visual1 { background-image: url('../images/sub_bg1.jpg'); } 
.visual2 { background-image: url('../images/sub_bg2.jpg'); } 
.visual3 { background-image: url('../images/sub_bg3.jpg'); } 
.visual4 { background-image: url('../images/sub_bg4.jpg'); } 
.visual-wrap .tc { } 
.visual-wrap .tc h2 { font-weight: normal; font-size: 2.8em; color: #fff; } 
.h2-desc { margin-top: 0.6em; font-size: 1.5em; opacity: 0.6; } 

/* lnb영역 */
.sub-lnb-container { position: relative; padding-top: 70px; background-color: #fff; font-weight: 700; font-size: 1.2em; z-index: 99; } 
.sub-lnb-container.fixed { position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 2px 2px rgba(0,0,0,0.1); } 
.lnb-wrap { position: relative; height: 68px; padding: 0; padding-right: 12px; border-bottom: 2px solid #edf2f8;} 
.lnb-wrap a { display: block; line-height: 66px; } 
.lnb-wrap .btn-home { position: absolute; left: 0; top: 0; width: 80px; height: 66px; } 
.lnb-wrap .btn-home img {margin: 17px 0 0 24px;}
.lnb-wrap .btn-home:after, .lnb-depth1:after, .lnb-depth2 li:after { content: ''; position: absolute; right: 0; top: 25px; width: 1px; height: 16px; background-color: #ddd;}
.lnb-depth1 { position: absolute; left: 80px; top: 0; width: calc((100% - 80px) / 6); height: 64px; background-color: #fff; overflow: hidden;} 
.lnb-depth1.active {height: auto;}
.lnb-depth1 li { border: 2px solid #edf2f8; border-top-width: 0;} 
.lnb-depth1 li:nth-child(2) {border-top: 2px solid #edf2f8;}
.lnb-depth1 li a { position: relative; padding: 0 2em; }
.lnb-depth1 li a:hover {background-color: #edf2f8; color: #151D5B;}
.lnb-depth1 li a:hover:before {/*호버 동그라미*/ position: absolute; left: 1em; top: calc(50% - 3px); content: ''; width: 6px; height: 6px; border-radius: 100%; background-color: #5f659d;}
.lnb-depth1 li.active {border-width: 0;}
.lnb-depth1 li.active a:hover {background-color: transparent;}
.lnb-depth1 li.active a:before {display: none;}
.lnb-depth1 li.active a:after {/*화살표*/ float: right; margin-top: 24px; content: ''; width: 8px; height: 8px; border: 2px solid #ccc; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.lnb-depth2 { display: none; padding-left: calc((100% - 80px) / 6 + 80px);} 
.lnb-depth2 li { position: relative; float: left; width: 20%; text-align: center; } 
.lnb-depth2 li a {  } 
.lnb-depth2 .active a {color: #5f659d;}
.lnb-depth2 .active a:after { border-top-color: #fff; } 

/* 메인컨테이너 */
.sub-main-container > section {padding: 80px 0;}
.sub-main-container .wrap {}