@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@media (min-width:1500px) { .container { width:1500px!important; } }
@media (min-width:1500px) { #section-5 .container { width:1350px!important; } }
@media (min-width:1500px) { .sub-cont .container { width:1350px!important; } }
body { padding:0!important; }
body * { font-family: NanumSquare, sans-serif; /*letter-spacing: -0.5px;*/ }


.dimode-widget.popup .popup-content .each-content .content-core p { max-height:700px; overflow-y:auto; }
.dimode-widget.popup .popup-content .each-content { margin-top:0!important; top:86px!important;  }

header { position:absolute; top:0; width:100%; }
header .navbar-default { margin:0; background:rgba(0,0,0,0.5); padding:0;  border-bottom:1px solid #ddd;  border-color:#ddd; position:fixed; top:0; width:100%; transition:0.3s all; text-align:center; }
header .gnb { text-align:center; display:inline-block; float:none; }
header .navbar-brand { position:absolute; padding:0; left:50px; top:15px; }
header .widget-login { position:absolute; right:50px; top:30px; } 
header .widget-login a { fonT-size:17px; color:#fff!important; text-decoration:none; }
header .widget-login span { color:#fff; font-size:16px; margin:0 10px; }


.mobile-arrow { background: rgba(0,0,0,0.7); z-index:9999; position:relative; padding:10px 0; position:fixed; width:100%; bottom:0; }
.mobile-arrow .fas { color:#fff; }

.navbar-brand>img { max-width:210px; }

#gnb { display:inline-block; }
#gnb-wrap img { float:left; margin: 0;}
#gnb > li  { display:inline-block; padding:30px 0; position:relative; width:150px; }
#gnb > li > a { font-size:18px; color:#fff; text-decoration:none; transition:all ease 0.2s; font-weight:normal;}
#gnb > li > a:hover {   border-bottom:3px solid #ff6d6d; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active {  border-bottom:3px solid #ff6d6d; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > ul { display:none; }

/* .dimode-widget.popup .popup-content .each-content { top: 5.5%!important; } */


/* gnb2 */


.gnb2 {background: rgba(0,0,0,0.5); width:100%; height:0px; position:fixed;left:0px; z-index:9999; overflow:hidden; top:86px; }
.gnb2 a:hover { color:#ff6d6d!important; transition:.3s all; }
.gnb2 .container { padding:30px 0; text-align:center; }
.gnb2 .depth2 { vertical-align:top; width:150px;  display:inline-block; height:538px; }
.gnb2 .depth2:last-child { display:none; }
.gnb2 .depth2 > li > a { font-size:17px; color:#fff; text-decoration:none; }
.gnb2 .depth2 { border-right:1px solid #fff;  }
.gnb2 > div > div > .depth2:first-child {border-left:1px solid #fff;   }
.gnb2 .depth2 > li { padding:3px 0; margin:5px 0; }
.gnb2 .depth2 ul a { font-size:15px; text-decoration:none; color:#fff; }
.gnb2 .depth2 > li > ul { padding:5px 0;}

footer { background:#252525; padding:40px 0; position:relative; }
footer img { position:absolute; top:40%; left:50px; }
footer li { display:inline-block; font-size:17px; color:#fff; background: #888888; padding:5px 15px; margin:0 3px; }
footer li a { color:#fff; display:inline-block; width:100%; text-decoration:none; }
footer li:hover { background:#C97336; transition:0.2s all; }
footer li:hover a { color:#fff; text-decoration:none; }
footer p { margin:30px 0 0; font-size:17px; color:#888; }

#section-7 { background:#252525; padding:40px 0; position:relative; z-index:10; }
#section-7 img { position:absolute; top:40%; left:50px; }
#section-7 li { display:inline-block; font-size:17px; color:#fff; background: #888888; padding:5px 15px; margin:0 3px; }
#section-7 li a { color:#fff; display:inline-block; width:100%; text-decoration:none; }
#section-7 li:hover { background:#C97336; transition:0.2s all; }
#section-7 p { margin:30px 0 0; font-size:17px; color:#888; }

#preloader { width:100%; height:100vh; background:#fff; overflow:hidden; position:fixed; z-index:1500; }
.pace.pace-inactive { display: none; }
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 5px; width: 500px; background: #fff; border: 1px solid #FFC0C0; overflow: hidden; }
.pace .pace-progress { -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 500px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #FFC0C0;
}

/* mobile */
.header-mobile-gnb .toggle {color:#333333!important;}
.mm-panels > #mm-0 {background:#f6d6d!important; }
.mm-panels > #mm-1 {background:#f6d6d!important; }
.mm-panels > #mm-2,
.mm-panels > #mm-3,
.mm-panels > #mm-4,
.mm-panels > #mm-5,
.mm-panels > #mm-6,
.mm-panels > #mm-7,
.mm-panels > #mm-8,
.mm-panels > #mm-9,
.mm-panels > #mm-10,
.mm-panels > #mm-11,
.mm-panels > #mm-12,
.mm-panels > #mm-13,
.mm-panels > #mm-14,
.mm-panels > #mm-15,
.mm-panels > #mm-16,
.mm-panels > #mm-17,
.mm-panels > #mm-18,
.mm-panels > #mm-19,
.mm-panels > #mm-20,
.mm-panels > #mm-21,
.mm-panels > #mm-22,
.mm-panels > #mm-23,
.mm-panels > #mm-24,
.mm-panels > #mm-25,
.mm-panels > #mm-26,
.mm-panels > #mm-27,
.mm-panels > #mm-28,
.mm-panels > #mm-29,
.mm-panels > #mm-30,
.mm-panels > #mm-31 { background-color: #00649c !important; }
.mm-navbar { padding:20px 0px!important; height:inherit!important;}
.mm-navbar a { font-size:22px; color:#fff!important;}
.mm-listview>li>a, .mm-listview>li>span { padding:20px 25px!important; font-size:17px;}
.mm-panels>.mm-panel>.mm-listview { margin:20px 0px!important;}
.mm-btn {top:unset!important;}
.mm-front .mm-menu.mm-offcanvas { background:#c54c4c!important; }

.modal-dialog { z-index:9999!important; }
.modal-backdrop { z-index:5!important; }

@media (min-width:1200px) and (max-width:1499px) {
	header .navbar-brand { left:15px; }
	header .widget-login { right:15px; }
	#section-7 img { position: absolute; top: 40%; left: 15px; }
    header .widget-login span { margin:0 5px; }
    #gnb > li { display: inline-block; padding: 50px 0; position: relative; width: 100px; }

}

@media (min-width:993px) and (max-width:1199px) {
	.sub-top-ul2 li { margin:10px 0; }
	header .navbar-brand { left:15px; top:40px; }
	header .widget-login { right:15px; top:10px;  }
	#gnb > li { padding:50px 5px; width:100px; text-align:center; }
	#section-7 img { position: absolute; top: 40%; left: 30px; }
	#section-7 .text-center { text-align:right; }
	#section-7 { padding:40px 15px; }
	footer img { position: absolute; top: 40%; left: 30px; }
	footer .text-center { text-align:right; }
	footer { padding:40px 15px; }
    #gnb { text-align:right; }	
    header .widget-login span { color: #fff; font-size: 16px; margin: 0 5px; }
}

@media (min-width:768px) and (max-width:992px) {
	#section-7 { text-align:center; }
	#section-7 img { position:relative; top:0; left:0; margin-bottom:30px; }
	footer { text-align:center; }
	footer img { position:relative; top:0; left:0; margin-bottom:30px; }	
	header .navbar-brand { position: absolute; padding: 0; left: 20px; top: 40px; }
	header .widget-login { position: absolute; right: 20px; top: 25px; }
	.header-mobile-gnb .toggle { color: #fff!important; font-size: 30px; position: absolute; right: 20px; top: 65px; }		
	header .navbar-default { height:125px; }
	.mm-front .mm-menu.mm-offcanvas { z-index:9999!important; }	
}

@media (max-width: 767px) {
     .sub-top-ul2 { display:none; } 
	.subTitle2 #sub_title { margin-top:185px!important; z-index:10; }
	.mm-front .mm-menu.mm-offcanvas { z-index:9999!important; }
	.pace.pace-inactive { display:none!important; }
	.pace-activity { display:none!important; }
	#preloader { display:none!important; }
	.navbar-brand>img { max-width:170px; }
	header .navbar-brand { left:15px; top:55px; }
	.fullpage-nav { display:none!important; }
	.fullpage-mouse { display:none!important; }
	header .navbar-default { position:relative!important; background:rgba(0,0,0,0.7); height:118px; }
	header .widget-login { position: absolute; right: 15px; top: 15px; }
	header .widget-login a { font-size:15px; }
	header .widget-login span { margin:0 5px; }
	.header-mobile-gnb .toggle { color: #fff!important; font-size: 30px; position: absolute; right: 20px; top: 50px; }			
	#section-7 { text-align:center; padding:40px 15px; }
	#section-7 p { font-size:15px; }
	#section-7 li { font-size:13px; }
	#section-7 img { position:relative; top:0; left:0; margin-bottom:30px; }
	footer { text-align:center; padding:40px 15px; }
	footer p { font-size:15px; }
	footer li { font-size:13px; }
	footer img { position:relative; top:0; left:0; margin-bottom:30px; }
}