/* BASIC css start */
#preview_wrap {display:none;}


/*-----¡Ú »ó´Ü(»ó´Ü»ö»ó º¯°æÇÒ°æ¿ì background:#eee;¿¡¼­ »ö»óÄÚµå#eee ¸¦ ¹Ù²Ù½Ã¸é µË´Ï´Ù) -----*/
#header {width:100%; min-width:1200px; height:219px; margin:0 auto;background:#fff;}
#topbar {width:100%; min-width:1200px; height:36px; margin:0 auto; background:#dbe1f2; }
#topbar #topbarin { height:36px; margin:0 auto;  position:fixed; top:0; left:0;  z-index:999999;width:100%; min-width:1200px;  height:36px;background:#dbe1f2; }



/*-----¡Ú »ó´Ü ºÏ¸¶Å© -----*/
#topbar #topbarin .topadd {width:80px; height:36px; background:#fff; float:left; text-align:center; margin-left:20px; }
#topbar #topbarin .topadd a {width:100%; height:36px; line-height:36px; font-size:11px; font-family: 'Nanum Gothic', sans-serif; font-weight:400; color:#535353; letter-spacing:0px; }
#topbar #topbarin .topadd .fas {vertical-align:middle;}




/*-----¡Ú »ó´Ü ¹Ù·Î°¡±â/Ä«Ä«¿ÀÅåÇ÷¯½º ¶óÀÎ -----*/
#topbar #topbarin .tleft_line {float:left;}
#topbar #topbarin .tleft_line li {float:left; height:36px; text-transform:uppercase; padding-left:18px; }
#topbar #topbarin .tleft_line li a {line-height:36px; font-size:11px; font-family: 'Roboto', sans-serif; font-weight:300; color:#535353; letter-spacing:0px;}
#topbar #topbarin .tleft_line li a:hover {color:#aaa;}
#topbar #topbarin .tleft_line li .fas {vertical-align:middle;}
#topbar #topbarin .tleft_line li span {line-height:36px; font-size:11px; font-family: 'Roboto', sans-serif; font-weight:300; color:#535353; letter-spacing:0px;}
#topbar #topbarin .tleft_line li span:hover {color:#aaa;}



/*-----¡Ú »ó´Ü Ä¿¹Â´ÏƼ -----*/
#topbar #topbarin .community {float:right; padding-right:20px; }
#topbar #topbarin .community li {float:left; height:36px; text-transform:uppercase; padding-left:22px; background:url(/design/gdwald/dj_skin/line_log.gif) 10px 50% no-repeat;}
#topbar #topbarin .community li:first-child {background:none;}
#topbar #topbarin .community li a {line-height:36px; font-size:11px; font-family: 'Nanum Gothic', sans-serif,'Roboto', sans-serif; font-weight:300; color:#535353; letter-spacing:0px;}
#topbar #topbarin .community li a:hover {color:#aaa;}


/*-----¡Ú »ó´Ü °Ë»ö -----*/
#topbar #topbarin .searchbox {float:right; padding-right:20px; margin-top:7px; }
#topbar #topbarin .search {float:right; height:19px; line-height:19px; margin:0; border:1px solid #fff; background:#fff; border-radius:20px; }
#topbar #topbarin .search fieldset { font-size:0; line-height:0; }
#topbar #topbarin .search .sear_tit {float:left; font-size:11px; font-family: 'Roboto', cursive;  color:#aaa; padding-left:10px; height:19px; line-height:21px; letter-spacing:0px;}
#topbar #topbarin .search span input { float:left; vertical-align:middle; width:55px; color:#555; height:19px; line-height:19px; padding:0 5px; border:0; 
text-align:left; font-size:10px; font-family:'Nanum Gothic', 'Roboto', sans-serif;}
#topbar #topbarin .search a { float:left; cursor:hand; cursor:pointer; width:27px; height:18px; }



/*-----¡Ú »ó´Ü ·Î±×¶óÀÎ -----*/
#topbar #topbarin .logline {float:right; padding-right:20px; }
#topbar #topbarin .logline li {float:left; height:36px; text-transform:uppercase; padding-left:15px; }
#topbar #topbarin .logline li a {line-height:36px; font-size:11px; font-family: 'Nanum Gothic', sans-serif,'Roboto', sans-serif; font-weight:300; color:#535353; letter-spacing:0px;}
#topbar #topbarin .logline li a:hover {color:#aaa;}
#topbar #topbarin .logline li.first {background:none;}



/*-----¡Ú »ó´Ü / Æ÷ÀÎÆ®±Û¾¾³ëÃâ ¶óÀÎ -----*/
#header .head_point { width: 70px; float:right; padding-right:460px; }
.head_point_wrap { width: 70px; height: 25px;}
.head_point_wrap .head_point_section { width:70px; height: 25px;padding: 0px;background: #fff;display: block; }
.down {position: relative;margin: 0px;cursor: pointer;width: 70px;height: 25px; background:url(/design/gdwald/dj_skin/point_back03.png) no-repeat; text-align:center;
line-height:33px; font-size:11px; font-family: 'Nanum Gothic', sans-serif,'Roboto'; font-weight:500; color:#fff; letter-spacing:-1px;z-index:9999999; position:fixed; }




/*--------------------------¡Ú »ó´Ü¦´ë±âÆîħ¸Þ´º ¡Ú-----------------------------------*/
.sidenav {height: 100%;width: 0;position: fixed; z-index: 99999999;top:0px;left:0px; right:0px; overflow-x: hidden;transition: 0.5s;padding-top: 60px;text-align:center; overflow: scroll;overflow-x: hidden;overflow-y: hidden;}
.sidenav:after { background-color: #111;top:0;left:0;position:absolute; background-size:100%; opacity:0.8!important; filter:alpha(opacity=80); z-index:-1; content:""; width:100%; height:100%;overflow: scroll;overflow-x: hidden;overflow-y: hidden;}
.sidenav .closebtn {position: absolute; top: 20px; right:30px; font-size: 40px; color:#fff;  }
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 20px;}
  .sidenav a {font-size: 12px;}
}

#bmenu { display:table; margin:auto;  max-width:1280px; }
#bmenu  ul.bmenu_in { float:left; padding:10px 0px 0 0px; word-wrap: break-word; width:172px; display:block; min-height:180px; margin:30px 5px 30px 5px;}
#bmenu  ul.bmenu_in li{ font-size:12px; color:#d2d2d2; padding:5px 0px; font-family:'Roboto', 'arial', 'Nanum Gothic', sans-serif; letter-spacing:0px; line-height:20px; height:20px;}
#bmenu  ul.bmenu_in a { font-size:12px; color:#d2d2d2; padding:5px 0px; font-family:'Roboto', 'arial', 'Nanum Gothic', sans-serif; letter-spacing:0px; line-height:20px; height:20px;}
#bmenu  ul.bmenu_in a:hover { font-size:12px; color:#aaa;}


#bmenu  ul.bmenu_in .bmenu_tit {font-size:14px; color:#fff;  padding:5px 0; margin:0px auto 7px; font-weight:500; font-family:'Roboto', 'arial', 'Nanum Gothic', sans-serif;claer:both; }
#bmenu  ul.bmenu_in .bmenu_tit a  {font-size:14px; color:#fff;  padding:5px 0px; margin:0px auto 7px; font-weight:500; font-family:'Roboto', 'arial', 'Nanum Gothic', sans-serif; claer:both; }

#bmenu  ul.bmenu_box { border:1px solid #626262; width:165px; display:block; height:250px; margin:30px auto 0px;}




/*--------------------------¡Ú »ó´ÜÄ«Å×°í¸®·¹À̾ƿô½ÃÀÛ / ¿òÁ÷ÀÓÈ¿°ú ¡Ú-----------------------------------*/
header, a, img, li{ 
            transition: all 1s;
			-moz-transition: all 1s; /* Firefox 4 */
			-webkit-transition: all 1s; /* Safari and Chrome */
			-o-transition: all 1s; /* Opera */
		}
  
header {margin:0px auto 0px; width: 100%;position: fixed; top:36px; padding:0px; z-index: 999999;}
header a {text-decoration:none; }
header a.active, header a:hover{text-decoration:none;}
nav {width: 100%; margin: 0 auto; padding:0;}          
  
 
    
/* óÀ½ º¼¶§ »çÀÌÁî(·Î°í¹×Ä«Å×°í¸®) */
header.large {height: 219px; }

header.large #logo {clear:both; width:100%; height:auto; height:60px; padding:45px 0  25px; text-align:center; margin:auto;background:#fff; }
header.large #logo .logo01 a {line-height:54px; height:45px; font-size:54px; font-family: 'Do Hyeon', sans-serif;  font-weight:bold; color:#222; letter-spacing:1px;  }
header.large #logo .logo01 a:hover {color:#aaa;}
header.large #logo .logo02 a {clear:both;line-height:18px; height:18px; font-size:12px; font-family: 'Do Hyeon', sans-serif; color:#333; letter-spacing:3px; font-weight:400;}
header.large #topcate {clear:both; width:100%; display:table; margin:auto; border-bottom:1px solid #ddd; padding:0px 0 0px 0; text-align:center;z-index: 102; background:#fff; height:52px; }
header.large #topcate_in {clear:both; display:table; margin:auto;}
header.large #topcate_in .topcate01 {float:left; padding:20px 15px 0 0;}
header.large #topcate_in .topcate01 span { right:0px; }
header.large #topcate_in .topcate01 span .fas { color:#222;float:right; }
header.large #topcate_in .topcate02 {float:left;}



   
/* ½ºÅ©·Ñ¾Æ·¡À̵¿½Ã º¯°æ»çÀÌÁî(·Î°í¹×Ä«Å×°í¸®) */
header.small { height: 50px;background: #fff; border-bottom:1px solid #ddd;}

header.small #logo {height:auto; padding:0px 0  0px; text-align:left; position: absolute; left:20px; top:10px;background:#fff;}
header.small #logo .logo01 a {font-size:30px; font-family: 'Do Hyeon', sans-serif; font-weight:bold; color:#222; letter-spacing:0px; }
header.small #logo .logo01 a:hover {color:#aaa;}
header.small #logo .logo02 {display:none;}
header.small #topcate { display:table; margin-top:-10px solid #ddd; border-bottom:0px solid #ddd; margin:auto; padding:0px 0 0px 30px; text-align:center;z-index: 102; background:#fff;  height:48px; }
header.small #topcate .topcate01 {float:left; padding:20px 15px 0 0;}
header.small #topcate .topcate01 span { right:0px; }
header.small #topcate .topcate01 span .fas { color:#222;float:right; }
header.small #topcate .topcate02 {float:left;}



/*»ó´ÜÄ«Å×°í¸®¸Þ´º ¼¼ºÎµðÀÚÀÎ*/
.nav {  }
.nav .nav_list_ul { font-size: 0; padding: 0;  display:table; margin:auto;}
.nav .nav_list_ul .nav_list_li {display: inline-block;position: relative; padding: 0px 13px 0px 13px; line-height:50px; }
.nav .nav_list_ul .nav_list_li a { color: #555; font-size: 14px; transition: 0.3s linear; font-family: 'Nanum Gothic', sans-serif , 'Roboto', cursive;  letter-spacing:-1px; font-weight:700; }
.nav .nav_list_ul .nav_list_li:hover { background: #fff;}
.nav .nav_list_ul .nav_list_li a:hover { color:#aaa; }
.nav .nav_list_ul .nav_list_li .nav_list_ul01 {z-index: 102; background: #fff; border: 2px solid #ddd; display: none; position: absolute; width: 110px; top:40px; left:-25px; border-radius:10px;  
padding:15px 10px; margin:auto; text-align:center; }
.nav .nav_list_ul .nav_list_li .nav_list_ul01 .nav_list_li01 { background: #fff; display: block; text-align:center; padding:0px;}
.nav .nav_list_ul .nav_list_li .nav_list_ul01 .nav_list_li01 a { background: #fff; display: block; padding: 7px 0px; font-family:'Nanum Gothic', sans-serif,'Roboto'; color: #555; font-size:13px;letter-spacing:-1px;  font-weight:700;}
.nav .nav_list_ul .nav_list_li .nav_list_ul01 .nav_list_li01 a:hover { background: #eee; }
.nav .nav_list_ul .nav_list_li .nav_list_ul01 .nav_list_li01 .fas .fa-angle-down { margin-left: 6px; }

/*»ó´ÜÄ«Å×°í¸®¸Þ´º ¼­ºêÅ×À̺í À§Ä¡Á¶Á¤*/
.nav .nav_list_ul .nav_list_li:nth-child(1) .nav_list_ul01{position: absolute;left:-40px;} /*Á¤Àå*/
.nav .nav_list_ul .nav_list_li:nth-child(2) .nav_list_ul01{position: absolute;left:-25px;} /*µå·¹½º.¼ÅÃ÷*/
.nav .nav_list_ul .nav_list_li:nth-child(3) .nav_list_ul01{position: absolute;left:-10px;} /*ÀÚÄÏ.Á¡ÆÛ.ÄÚµå*/
.nav .nav_list_ul .nav_list_li:nth-child(4) .nav_list_ul01{position: absolute;left:-5px;}  /*´ÏÆ®.°¡µð°Ç.Á¶³¢*/
.nav .nav_list_ul .nav_list_li:nth-child(5) .nav_list_ul01{position: absolute;left:-20px;} /*±äÆÈƼ*/
.nav .nav_list_ul .nav_list_li:nth-child(6) .nav_list_ul01{position: absolute;left:-20px;} /*¹ÝÆÈƼ*/
.nav .nav_list_ul .nav_list_li:nth-last-child(8) .nav_list_ul01 {position: absolute;left:-40px;} /*¹ÙÁö*/
.nav .nav_list_ul .nav_list_li:nth-last-child(7) .nav_list_ul01 {position: absolute;left:-35px;} /*û¹ÙÁö*/
.nav .nav_list_ul .nav_list_li:nth-last-child(6) .nav_list_ul01 {position: absolute;left:-25px;} /*¹Ý¹ÙÁö*/
.nav .nav_list_ul .nav_list_li:nth-last-child(5) .nav_list_ul01 {position: absolute;left:-15px;} /*Æ®·¹ÀÌ´×*/
.nav .nav_list_ul .nav_list_li:nth-last-child(4) .nav_list_ul01 {position: absolute;left:-25px;} /*½ºÆ÷Ã÷,·¹Àú*/
.nav .nav_list_ul .nav_list_li:nth-last-child(3) .nav_list_ul01 {position: absolute;left:-25px;} /*¼Ó¿Ê,º§Æ®*/
.nav .nav_list_ul .nav_list_li:nth-last-child(2) .nav_list_ul01 {position: absolute;left:-25px;} /*ºê·£µå*/
.nav .nav_list_ul .nav_list_li:nth-last-child(1) .nav_list_ul01 {position: absolute;left:-35px;} /*¼¼ÀÏ*/
.nav .nav_list_ul .nav_list_li:nth-last-child(2) a {color:#3A73FE;} /*ºê·£µå¸í »ö»ó*/
.nav .nav_list_ul .nav_list_li:nth-last-child(1) a {color:#e60012;} /*¼¼ÀÏ¸í »ö»ó*/





/* BASIC css end */