@charset "utf-8";

/****************************************/ 
/* Name: DESIGN WAVE
/* PART: LAYOUT STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

/* 공통
========================================================================================== */
#wrapper {width:100%; overflow:hidden;}
#wrapper h2 {font-size:23px;}
#wrapper h3 {font-size:21px; line-height:26px;}
#wrapper h4 {font-size:19px; line-height:25px;}
#wrapper h5 {font-size:17px;}
#wrapper h6 {font-size:15px;}


/* header
========================================================================================== */
#header {position:fixed; top:0; left:0; width:100%; height:60px; background:#141f34; box-sizing:border-box; border-radius:0 0 40px 40px; z-index:73;}
#header h1 {text-align:center; padding-top:10px;}
#header h1 img {height:40px;}
#header .menu {display:block; position:absolute; top:50%; margin-top:-30px; left:30px; width:25px; height:60px; text-indent:-9999px; background:url(../_img/icon/left-btn.png) no-repeat center; background-size:100%;}
#header .quick-cousel {display:block; position:absolute; top:9px; right:20px; width:50px; height:auto; background:url(../_img/icon/help.png) no-repeat center top; background-size:25px; font-size:11px; text-align:center; color:#fff; padding-top:25px;}


/*  헤더 :: GNB MOBILE */
#gnbM {position:fixed; top:0; left:-500px; width:300px; height:100%; background-color:#eeeeee; z-index:9999999999; overflow-y:auto; border-radius:0 30px 0 0;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; box-sizing:border-box;}
#gnbM.open{left:0;}
#gnbM p {text-align:center; font-size:10px; color:#8c8c8c; text-align:center; line-height:18px; padding:20px 0}
#gnbM p#copy {padding:0;}

#gnbNavigation #log {position:relative; width:100%; padding:10px 15px; padding-right:60px; box-sizing:border-box; overflow:hidden; background:#141f34;}
#gnbNavigation #log h1 {padding-top:4px; float:left;}
#gnbNavigation #log h1 img {display:block; }
#gnbNavigation #log ul {float:right; margin-top:13px;}
#gnbNavigation #log ul li {float:left; padding:0 10px; position:relative;}
#gnbNavigation #log ul li::before {position:absolute; top:4px; left:0; width:1px; height:13px; background:rgba(255,255,255,0.3); content:'';}
#gnbNavigation #log ul li:first-of-type::before {display:none;}
#gnbNavigation #log ul li a {font-size:13px; color:#fff;}
#gnbNavigation #log span.closeBtn {position:absolute; right:20px; top:23px; width:20px; height:20px;}
#gnbNavigation #log span.closeBtn img {width:100%;}

#gnbNavigation > ul {width:100%; overflow:hidden; background:#fff; margin-bottom:10px; box-shadow:0 5px 5px rgba(132,132,132,0.1);}
#gnbNavigation > ul > li {position:relative; width:100%; box-sizing:border-box;}
#gnbNavigation > ul > li.half {width:50%; float:left;}
#gnbNavigation > ul > li.gnb5, #gnbNavigation > ul > li.gnb7 {border-right:1px solid #e6e5e5;}
#gnbNavigation > ul > li.gnb9 {background:url(../_img/icon/menual.png) no-repeat center left 15px; padding-left:30px; background-size:20px;}
#gnbNavigation > ul > li.gnb9 a {border-bottom:0;}
#gnbM.open  #gnbNavigation> ul > li {animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
#gnbNavigation > ul > li > a {position:relative; display:block; color:#333; font-size:14px; font-weight:400; letter-spacing:-0.25px; text-decoration:none; border-bottom:1px solid #e6e5e5; padding:15px;}
#gnbNavigation > ul > li > a span {display:block; background:url(../_img/icon/right-arrow.png) no-repeat center right; background-size:7px;}
#gnbNavigation > ul > li .gnb-2dep {display:none; padding:13px 0; background-color:#fafafa; border-bottom:1px solid #ddd; overflow:hidden;}
#gnbNavigation > ul > li .gnb-2dep li {float:left; width:50%;}
#gnbNavigation > ul > li .gnb-2dep li a {display:block; color:#1e1e1e; font-size:14px; padding:5px 15px;}
#gnbMenuBg{display:none; position:fixed; top:0; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.8); z-index:99998;}




/* footer
========================================================================================== */
#footer {background:#343434; width:100%; overflow:hidden; box-sizing:border-box; padding:30px 20px;}
#footer p#caution {font-size:13px; color:#929292; text-align:left; padding-left:20px; background:url(../_img/icon/caution.png) no-repeat top 5px left; background-size:15px; word-break:break-all;}

#footer ul {text-align:center; width:100%; margin:20px 0}
#footer ul li {position:relative; display:inline-block; font-size:13px;}
#footer ul li::after {position:absolute; top:4px; left:0; width:1px; height:13px; background:#686868; content:'';}
#footer ul li:first-of-type::after {display:none;}
#footer ul li a {color:#fff; padding:0 10px;}


#ubak_info {width:100%; overflow:hidden; border-top:1px solid #5a5a5a; padding-top:20px;}
#ubak_info p {text-align:center; color:#fff; font-size:13px;}
#ubak_info p#copy {opacity:0.2;}
#ubak_info p strong {display:block; padding-bottom:10px; font-size:21px; color:#f90081; font-weight:400;}
#ubak_info h6 {text-align:center; color:#fff;}
#ubak_info h6 span {font-size:8px; padding-left: 5px;}
#ubak_info p img {width:100%; padding:15px 0;}



/* fixed-quick
========================================================================================== */
#fixed-quick {position:fixed; bottom:15px; /*right:15px;*/ left:15px; z-index:7; opacity:0; transition:.3s;}
#fixed-quick a {display:block; width:60px; height:60px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,0.5); margin-top:10px; border-radius:100%;}
#fixed-quick a img {width:100%;}
#fixed-quick.scroll {opacity:1;}