@charset "UTF-8";

html     {width:100%;  padding:0px; margin:0px; }
#wrap    {width:100%; float:left; }
.main_wrap {width:1200px; margin:0 auto;}

/*헤더*/
#header   { position:absolute; top:0; left:0; width:100%; min-width:1200px; float:left; height:105px; z-index:9999999999;
border-bottom:0px solid rgba(255,255,255,0.7); }/* box-shadow:5px 5px 10px rgba(0,0,0,0.3); } */

.header_in {width:100%; max-width:1200px; margin:0 auto; z-index:9999999;}


.bottomBtn .fixed_top {width:60px; font-size:13.5px;  border-radius:5px;line-height:60px; background-color:#f1f1f1; color:#333;  text-align:center; flaot:right; position:fixed; bottom:5%; right:3%; letter-spacing:0.5px;}


.box_100 {width:100%; float:left;}
.box_100 ul li.col-4 {width:24.25%; float:left; margin-right:1%; border:1px solid #ddd; box-sizing:border-box;}
/*.box_100 ul li.col-4:last-child {float:right; margin-right:0%;}*/

.box_100 ul li.col-5 {width:20%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul li.col-5:last-child {float:right; margin-right:5px;}

.box_60 {width:60%; float:left;}

.box_100 .about_ul li img {display:block; margin:0 auto; padding-top:50px}
.box_100 .about_ul li a img {-webkit-filter: grayscale(100%); filter: grey;}
.box_100 .about_ul li a:hover img {-webkit-filter: grayscale(0%); filter: none;}

.box_100 .about_ul li h5 {font-size:25px; font-weight:600; text-align:center; margin-top:20px;}
.box_100 .about_ul li p {font-size:18px; font-weight:400; text-align:center; margin-top:10px; color:#999;}


/*메뉴*/
.menu  {width:100%; height:90px;position:absolute; top:0; left:0; z-index:9999999; float:right; background:rgba(255,255,255,0.6); box-sizing:border-box; margin-top:-5px; text-align:right; }
.menu  li  {  font-size:20px; font-weight:500; display:inline-block; float:left;  line-height:33px; margin:25px 0; text-align:center;  width:10%}
.menu  li  a {display:inline-block;text-decoration:none;  color:#333; font-weight:600;   }
.menu  li  span.bar {font-size:12px; color:rgba(0,0,0,0.6); }

.menu li.line { color:#999; font-size:10px; }
.topmenu2 li.sitemap  {margin-top:40px; }

/* 로고 */
.topmenu2  li.logo {float:left; padding-left:0; margin-top:25px;}
.topmenu2  li.logo img {width:260px;}



.page_bt_wrap {position:fixed; right:3%; top:40%; width:125px; height:200px; background:rgba(0,0,0,0.3); padding:15px; box-sizing:border-box; }
.page_bt_wrap li .squ_bt{width:20px; height:20px; border:4px solid #ddd; box-sizing:border-box; cursor:pointer; float:left; margin-right:6px;}
.page_bt_wrap li a {color:#ddd; font-size:16px; line-height:1.3em; font-weight:300; display:block;  margin-bottom:10px;}

.page_bt_wrap {position:fixed; right:3%; top:40%;}
.page_bt_wrap li .squ_bt:hover{width:20px; height:20px; border:0; background:#003399; box-sizing:border-box; cursor:pointer; float:left; margin-right:6px;}
.page_bt_wrap li a:link		{text-decoration:none; color:#ddd;}
.page_bt_wrap li a:visited	{text-decoration:none; color:#ddd;}
.page_bt_wrap li a:hover	{text-decoration:none; color:#003399;}
.page_bt_wrap li a:active	{text-decoration:none; color:#003399;}


h2,h3,h4,h5   { margin:0px; padding-bottom:5px; color:#333; }
h2  		{font-weight:800;  font-size:2em;   line-height:1.2em; }
h3  		{font-weight:600;  font-size:1.5em; line-height:1.3em; }
h4  		{font-weight:600;  font-size:1.5em; line-height:1.3em; }
h5  		{font-weight:600;  font-size:1.3em; line-height:1.3em; padding-bottom:0px;}


/* 탑사이트맵 */
.top-sitemap{max-width:1100px;margin:0 auto;}
.top-sitemap .dep01 > li{display:inline-block;width:22%;text-align:left;vertical-align:top;}
.top-sitemap .dep01 > li:last-child{width:12%;}
.top-sitemap .dep01 > li + li{margin-left:-4px;}

.top-sitemap .dep01 > li > strong{display:block;font-weight:500;color:#333; font-size:20px;}
.top-sitemap .dep01 > li > strong a{position:relative;}
.top-sitemap .dep01 > li > strong a::after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;transition-duration:.3s;}
.top-sitemap .dep01 > li > strong a:focus::after,
.top-sitemap .dep01 > li > strong a:hover::after{width:100%;}

.top-sitemap .dep01 > li .dep02{margin-top:30px;}
.top-sitemap .dep01 > li .dep02 > li{margin-top:15px;}
.top-sitemap .dep01 > li .dep02 > li > a{display:inline-block;position:relative;padding-bottom:2px;color:#555; font-size:17px;}
.top-sitemap .dep01 > li .dep02 > li > a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;transition-duration:.3s;}

.top-sitemap .dep01 > li .dep02 > li > a:hover{color:#8dc63f; text-decoration:underline;}
.top-sitemap .dep01 > li .dep02 > li > a:focus::after,
.top-sitemap .dep01 > li .dep02 > li > a:hover::after{width:100%; }