@charset "utf-8";

/* 나눔고딕 */
@font-face {
  font-family:'NanumGothic';
  font-weight: normal;
  font-style: normal;
  src:url('/font/wzwg/NanumGothic.eot');
  src:url('/font/wzwg/NanumGothic.eot?#iefix') format('embedded-opentype'),
  url('/font/wzwg/NanumGothic.woff') format('woff'),
  url('/font/wzwg/NanumGothic.ttf') format('truetype');
}

/* 나눔고딕볼드 */
@font-face {
  font-family:'NanumGothicBold';
  font-weight: normal;
  font-style: normal;
  src:url('/font/wzwg/NanumGothicBold.eot');
  src:url('/font/wzwg/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  url('/font/wzwg/NanumGothicBold.woff') format('woff'),
  url('/font/wzwg/NanumGothicBold.ttf') format('truetype');
}


/* index */
* {font-family:'나눔고딕','NanumGothic';}
.wrap{width:100%;}

.header{width:100%;   height:25px; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #dcdcdc;} 
.head-group {z-index:5; clear: both; position:relative; top:0; left:0; float: left; width: 100%;  box-sizing:border-box; background:#fff url(/sample/template/wide/wide112/img/bg.jpg) repeat-x 0 0px;}
.header .inner {width:100%; max-width:1300px; margin:0 auto; padding:0 75px; box-sizing:border-box;}

ul.gnb1{float:left;}
ul.gnb1 li{}
ul.gnb1 li a{color:#fff; float:left; font-size:15px; line-height:43px; }

ul.gnb {float:right;}
ul.gnb li{float:left; color:#fff; position:relative; }
ul.gnb li a {font:11px/25px "NanumGothic"; display:inline-block; font-weight:600; color:#666; padding:0 12px; height:24px; position:relative;}
ul.gnb li:first-child a{padding:0 16px; }
ul.gnb li:first-child a:after{display:block; content:""; width:1px; height:9px; background:#ddd; position:absolute; right:2px; top:8px;}

.menu{width:100%; background:#fff; float:left; text-transform: uppercase; /* position:relative; */ z-index:1;}
.menu .inner {width: 100%;max-width: 1300px;margin:0 auto;padding:0 75px;box-sizing:border-box;}
.menu .logo {float:left; width:20%; padding:0; margin-top:14px; box-sizing:border-box;}
.menu .logo a img {max-height:37px;}
.menu .logo:after {content:" "; margin-left:-0.6em; white-space:pre;}
.menu .logo img {vertical-align:middle; max-height:58px;}


.menu ul#m_nav {display:none;}

/* mobile popup menu design */
  .showMenu {width:80px; height:80px; cursor:pointer; background:url("/sample/template/wide/wide112/img/menuBar.png")no-repeat center; position:absolute; top:0; right:0;}
  .menu:hover .showMenu {background-color:#f0f0f0;}
  .menu:hover .showMenu:after { background:url("/sample/template/basic/basic02/img/menuBar.png")no-repeat center; font-size:32px; width:80px; height:80px; text-align:center; position:absolute; line-height:80px; background:#EAEAEA;}
  
  #m_nav{float:right;width:330px;background:#fff;padding:0;position:absolute; top:55px; right:0; }
    #m_nav > li {width:100%; float:left; box-sizing:border-box; position:relative; }
    #m_nav li > a {width:100%; height:70px; line-height:70px; font-size:22px; text-align:center; color:#666; float:left; padding:0 20px 0 25px; display:block; box-sizing:border-box; font-family:"NanumGothic"; font-weight:600; letter-spacing:-1px; border-bottom:1px solid #ddd;}
    #m_nav li:first-child > a{ background:url("/sample/template/wide/wide112/img/m_bg.jpg") repeat-x; background-size:5px auto;}
	#m_nav li > a:before {}
    #m_nav li > a:hover  {color:#666;}
    #m_nav li > ul{ float:left; width:100%; margin-bottom:0px; background:rgba(255,255,255,0.1); background:#f0f0f0; color:#333;}
    #m_nav li > ul > li {float:left; width:100%; border-bottom:1px solid #cbcbcb; padding:10px 0;}
    #m_nav li > ul > li > a {float:left; font-size:16px; text-align:left; height:auto; line-height:28px; color:#666; background:#f0f0f0; border-bottom:none;}
	#m_nav li ul li:first-child a{background:none;}
	#m_nav li ul li a:hover{}
    #m_nav li ul li a:before{}
    #m_nav li ul li ul {padding-bottom:0;}
    #m_nav li ul li ul li{margin-top:0px !important; padding:0; border-bottom:0;}
	#m_nav li ul li ul li:first-child a{padding:15px 25px 5px 60px; background:none;}
    #m_nav li ul li ul li a {font-size:13px; font-weight:400; padding:5px 25px 5px 60px; line-height:20px; text-indent:-31px; height:auto;}
    #m_nav li ul li ul li a:before {content:"-"; padding:6px; font-weight:400;}
    #m_nav li ul li ul li a:hover{color:#666;}

    /* popup login menu */
    #m_nav > li.mobile_gnb {margin:65px 0 0 10%; border-top:2px solid black; padding-top:15px; width:80%;}
    #m_nav > li.mobile_gnb ul {display:inline !important; background:none;}
    #m_nav > li.mobile_gnb ul li a {padding:0;}
    #m_nav > li.mobile_gnb ul li a:after {content:"\276d"; float:right; font-size:20px; margin:3px 5px 0 0;}




@media all and (min-width:991px) and (max-width:1050px){
    .menu ul#m_nav, .showMenu {display:none !important;}

    ul.gnb {padding-left:10px;}
    ul.gnb li {}
    ul.gnb li:first-child a:before {margin-left:-10px;}
}


/* PC ver_ left menu */
@media all and (min-width:1051px){
  .menu ul#m_nav, .showMenu {display:none !important;}


}




		
.lnb{height:46px; float:right; text-align:center; position:relative; margin-top:20px; font-size:0; line-height:0;}
.lnb>li{height:46px; display:inline-block;}
.lnb>li>a{padding:0 51px; font:19px "NanumGothic"; display:inline-block; font-weight:600; color:#333; height:37px;line-height:37px;  background:url(/sample/template/wide/wide112/img/icon_line.jpg) no-repeat 0px 10px;}

.lnb>li:first-child>a{background:none;}
.lnb>li:hover>a{color:#0071bd;}
.lnb ul{display:none; position:absolute; left:0; top:45px; width:100% !important; text-align:left; font-size:0; line-height:0;}
.lnb li:first-child ul{text-align:left; margin-left:55px;}
.lnb li:nth-child(2) ul{text-align:left; margin-left:0px;}
.lnb li:nth-child(3) ul{text-align:left; margin-left:200px;}
.lnb li:nth-child(4) ul{text-align:left;margin-left:400px;}
.lnb li:last-child ul{text-align:right;}
.lnb li.last_map a{margin-right:30px}
.lnb li:hover ul{display:block !important; }
.lnb ul li{display:inline-block;}
.lnb ul li a{padding:0 18px 0 8px; font:14px/40px "NanumGothic"; background:url(/sample/template/wide/wide112/img/icon_point_w.jpg) no-repeat 0 center; color:#fff;}
.lnb ul li:hover a{color:#feef04;}
.lnb li ul li ul li a{display:none;}

#main{padding-top:132px; position:relative;}
/*.banner{width:1900px; margin:0 auto; height:549px; position:relative; }*/
.banner ul{height:549px; position:relative; /*overflow:hidden; width:1900px*/}
.banner ul li{/*position: absolute; left:0; top:0;*/ width:100%; height:549px; text-align:center;}
.banner ul li a{height:550px; width:100%;}
    
.indicator{position:absolute; left:45px; top:424px; display:inline-block; margin-left:50%; z-index:11;}
.indicator>div{width:1300px; margin:auto;}
.indicator div div{font-size:0; line-height:0; text-align:center;}
.indicator div div span{display:inline-block; width:13px; height:13px; background:#fff; border-radius:12px; margin-right:10px; vertical-align:top;}
.indicator div span.active{background:#0c8cde;}
.indicator button{width:13px; height:13px; vertical-align:top; font-size:0; border:0; outline:none; cursor:pointer}
.indicator button.stop{background:url(/sample/template/wide/wide112/img/icon_stop.png) no-repeat center;}
.indicator button.stop.off{display:none;}
.indicator button.play{background:url(/sample/template/wide/wide112/img/icon_play.png) no-repeat center;}
.indicator button.play.off{display:none;}

span.swiper-pagination-bullet{width:14px; height:14px; opacity:0.4;}
.swiper-pagination-bullet-active{opacity:1 !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px !important;}

.won_quick_01{position:absolute; left:0; top:565px; width:100%; height:116px; z-index:2; background:url(./img/65.png);}
.won_quick_01 ol{width:1300px; margin:auto; overflow:hidden}
.won_quick_01 ol li{float:left; width:25%; position:relative; height:116px}
.won_quick_01 ol li:after{display:block; content:""; width:1px; height:32px; background:#777; position:absolute; left:0; top:42px;}
.won_quick_01 ol li:first-child:after{display:none}
.won_quick_01 ol li a{width:100%; float:left; text-align:center; font:16px/16px "NanumGothic"; color:#bbb;}
.won_quick_01 ol li a img{display:block; margin:20px auto 10px;}



@media (max-width:640px){
	.won_quick_01,.stop,.play{display:none;}
    .won_slider{position:relative;}
    
	.banner{height:280px; width:100%; /*overflow:hidden;*/ position:relative;}
	.rolling_banner li{/*position: absolute; left:0; top:0; width:1200px;*/}
    .rolling_banner li img{display:none;}
	.img_01{background:url(/sample/template/wide/wide112/images/m_banner_01.jpg) no-repeat center top; background-size:100% auto;}
	.img_02{background:url(/sample/template/wide/wide112/images/m_banner_02.jpg) no-repeat center top; background-size:100% auto;}
	.img_03{background:url(/sample/template/wide/wide112/images/m_banner_03.jpg) no-repeat center top; background-size:100% auto;}
	.rolling_banner li a{height:280px;}
	.rolling_banner li a h2{font-size:0;}
	.rolling_banner li a h2 b{font-size:0;}
	.rolling_banner li a p{font-size:0;}

	.indicator{position:absolute; left:0; top:250px; width:100%; z-index:2; text-align:center}
	.indicator div span{display:inline-block; width:10px; height:10px; background:#fff; border-radius:12px; margin-right:3px;}
	.indicator div span.active{background:#0c8cde;}
	.indicator button{width:13px; height:13px; background:url(/sample/template/wide/wide112/images/icon_stop.png) no-repeat center; vertical-align:top; font-size:0; border:0; outline:none; cursor:pointer}
	.indicator button.stop{background:url(/sample/template/wide/wide112/images/icon_stop.png) no-repeat center;}
	.indicator button.stop.off{display:none;}
	.indicator button.play{background:url(/sample/template/wide/wide112/images/icon_play.png) no-repeat center;}
	.indicator button.play.off{display:none;}
}

@media (max-width:990px){
	
	.menu{height:55px !important;}
	.menu .logo{width:100%;padding-left:15px;text-align:left;box-sizing: border-box; margin-top:10px;}
	.menu .logo a img{max-height:35px;}

	.contents{padding-top:0px !important;}
	.head-group{height:55px !important;}
	
	.header {display:none;}
    ul.lnb{display:none;}
    .menu .inner {padding:0;}


    .showMenu, .menu:hover .showMenu {height:55px; overflow:hidden;}
    .contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .div_wrap .swiper-container{height:280px;}
    .contents > div.mainvalBox > .mainVisual #templateFix .layout_wrap .div_wrap .swiper-container > .swiper-wrapper > .swiper-slide img{height:280px !important;}
	.indicator{top:250px;}

}