@charset "UTF-8";

/* Page Title */

html     {width:100%;  padding:0px; margin:0px; }

#wrap    {width:100%; float:left; }

/*헤더*/
#header   {width:100%; min-width:1200px; float:left; z-index:9999999999; background:#fff; }
 /* box-shadow:5px 5px 10px rgba(0,0,0,0.3);}*/

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

/* SkipMenu */
.skipMenu { position:relative; display:hidden; width:100%; z-index:2;}

.skipMenu a {display:block; font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden; text-align:center; width:1px;}

.skipMenu a:focus, .skipMenu a:hover, .skipMenu a:active
{background:#333; color:#fff; font-size:16px; font-weight:500; margin:0; height:30px; line-height:30px;  margin:0; width:auto;}


/* 로고 */

#nav_wrap .top_logo_wrap  {  float:left; text-align:center; margin-top:20px; box-sizing:border-box; }

b.font_b{font-weight:500; color:#333;}

/* 유틸 */
.util_wrap {width:100%; float:left; border-bottom:1px solid #ddd;}
.util_wrap .util_wrap_box {width:1200px;  margin:0 auto; }

.util {float:right;  background:#269ace; line-height:40px; box-sizing:border-box; padding:0 10px; }
.util  li{ float:left;}
.util  li a{color:#fff; font-size:13.5px; letter-spacing:0px; margin:0 5px; font-weight:300;}

.util  li img{margin-top:11px; margin-right:5px;}


.plus_mark { font-size:25px; color:#333; line-height:1em;}
.q_mark {color:#c00; font-weight:500; font-size:18px;}
.a_mark {color:#91d3f0; font-weight:500; font-size:18px;}


/* footer 푸터 */
#footer     { width:100%; min-width:1200px; height:175px; float:left; margin:0 auto; z-index:999999999; background:#fff	}

#footer  .footer_top_submn	{width:100%; float:left; padding:12px 0;  background:#f1f1f1; border-top:2px solid #269ace;  border-bottom:1px solid #ddd;}
#footer  .footer_in 	{width:1200px; margin:0 auto; }
#footer  .footer_in ul li 	{float:left; margin-right:6px;}

#footer .foot_img {float:left;  width:190px; margin-top:25px; margin-right:30px;}

#footer  .foot_txt {width:70%;  float:left; box-sizing:border-box; color:#ddd; font-size:15px; line-height:1.5em; margin-top:20px; }
#footer  .foot_txt .text_box2 { font-size:16px; margin-bottom:5px; color:#666; line-height:1.25em;}
#footer .foot_txt  .copy_txt { box-sizing:border-box; margin-top:0px; font-size:14px; color:#999; font-weight:300; letter-spacing:0}

#footer	 .top_bt {background:#999; height:55px; color:#fff; width:55px; text-align:center; box-sizing:border-box; padding-top:15px; }


/* 접근성 탑네비메뉴 */
#nav_wrap {position:relative; width:1200px; margin:0 auto; }
.bg_box{display:none;position:absolute; left:0; top:130px;width:100%; height:45px; background-color:#2279b2; }

#lnb{position:absolute;right:0px;top:75px;  width:800px;}
#lnb h2{display:none;}
#lnb .depth1{float:left; width:20%; }

/* 메뉴 타이틀 */
#lnb a.tit{display:block;padding:0 15px 30px; font-size:18px;color:#111; font-weight:400; text-align:center; box-sizing:border-box;}
#lnb a.tit:hover,#lnb a.on{color:#005a96; font-weight:500;}

#lnb .depth2{display:none;position:absolute;right:0px;bottom:-42px;width:760px;  }
#lnb .depth2 li{float:left;}
#lnb .depth2 li a{display:block; padding:10px 10px; font-size:16px; color:#fff;font-weight:400;}
#lnb .depth2 li a:hover{text-decoration:underline;}
#lnb .rule01 ul{margin-left:-25px;}
#lnb .rule02 ul{margin-left:145px;}
#lnb .rule03 ul{margin-left:315px;}
#lnb .rule04 ul{margin-left:480px;}
#lnb .rule05 ul{margin-left:460px;}



/* QUICK */
#quick  {width:100px; position:fixed; z-index:9; bottom:16%; right:5%; border-radius:0 0 15px 15px; background:#fff;
-webkit-box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.3); box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.3);
}

#quick p   {width:100%; float:left; text-align:Center; border-top:none;}

#quick .title{ width:100%; float:left; font-size:13px;  padding:10px 0px; color:#fff; font-weight:500;  border-bottom:1px solid #ddd; letter-spacing:0.5px;
                background-color:#555; }

#quick .quick-menu   { background-color:#fff; float:left;}
#quick .quick-menu img {  margin-bottom:2px}


#quick .quick-menu a {
	display:inline-block;
    text-decoration:none;
	width:100%;
	padding:12px 0;
	font-size:14px;
	font-weight:400;
	line-height:1.3em;
	border-bottom:1px dashed #ddd;
	 }


#quick .quick-menu a:link		{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:visited	{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:hover		{ text-decoration:none; color:#50b4ff; font-weight:400;}
#quick .quick-menu a:active		{ text-decoration:none; color:#50b4ff;  background-color:#f9f9f9;}



#quick .q_top  { border-top:1px solid #ddd; background:#f7f7f7; border-radius:0 0 15px 15px;}
#quick .q_top a {
	 display:inline-block;
     text-decoration:none;
	 width:100%;
	 padding:10px 0;
	 font-size:13px; font-weight:600;  line-height:20px;
	 border-top:none;
	 }

#quick .q_top a:link		{text-decoration:none; color:#666;  }
#quick .q_top a:visited		{text-decoration:none; color:#666;  }
#quick .q_top a:hover		{text-decoration:none; color:#666;  }
#quick .q_top a:active		{text-decoration:none; color:#666;  }


@media all and (max-width:1300px)  {
#quick  {display:none;}

}



/* quick_bottom_nav */
  .quickNav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height:42px;
  z-index:99999999999999999999999999;
}

.quickNav::before {
  content: '';
  position: absolute;

  left: 0;
   right: 0;
  bottom: 0;
 /* background: rgba(0, 0, 0, 0.6);*/
  opacity: 0;
  transition: opacity .4s ease;
  will-change: opacity;

}



.quickNav.active::before {
  opacity: 1;

}
.quickNav__items {
  position: relative;
  display: flex;
  width:200px;
  left:50%;
  margin-left:-100px;
  border-radius:5px 5px 0 0;
  background-color:#269ace;
  align-items: center;
  justify-content: space-around;
   z-index: 999999999999999999999999999999;
}

.quickNav__items  a { display: block; width:100%; line-height:27px; text-align:center;}
.quickNav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .5em 0;
  text-decoration: none;
}
/*.quickNav__icon {
  margin: 0;
  width: 20px;
  height: 20px;
  text-align:Center;
 color:#1962b3;
 }*/
.quickNav__item.active .quickNav__icon {
  opacity: 1;
}
.quickNav__label {
  color: #fff;
  font-weight:500;
  font-size: 15px;
  padding:5px;
   transition: color .4s ease;
}
.quickNav__item.active .quickNav__label {
  background: #00;
}
.quickNav__menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
    z-index:9999999999999999999999999999999999;

   background:url("/common/img/common/quickNav_bg.png") no-repeat;
   box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.06);
  -webkit-transform: translateY(40%);
   transform: translateY(40%);
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  will-change: transform;
}
.quickNav__menu.active {
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}
.quickNav__link {
  display: block;
  padding: 1em;
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

a:link		{text-decoration:none;   }
a:visited	{text-decoration:none; }
a:hover		{text-decoration:none;   }
a:active	{text-decoration:none;   }

.quickNav  input  { width:98%; font-size:14px; height:25px; padding:1%; border:1px solid #ddd; color:#555; margin-bottom:3px;    }
.quickNav  textarea  { border:1px solid #ddd; width:100%; height:100px; padding:1% 0%;  color:#555;    font-size:14px; }
.quickNav  .btnclose  { background:#333; color:#fff;   font-size:15px; line-height:28px; padding:0 12px; display:inline-block; letter-spacing:0.5px;}

.quickNav  .form_wrap  {width:1000px; position:relative; z-index:9999999999999999999999999999999999999999999999999999999999999999999; margin:0 auto; height:570px;}
.quickNav  .form_box  {width:487px;  box-sizing:border-box;  float:right; margin-top:20px;}
.quickNav  .form_title  {  height:300px; margin-top:55px; width:370px; float:left;}
.quickNav  .form_title  h5{font-size:32px; font-weight:500; color:#333;}

.quickNav  .form_title p  {font-size:16px;  color:#555; line-height:22px; padding-top:10px;  width:100%; float:left;}
.quickNav .quick_apply_btn {width:100%; float:left; background:#269ace; color:#fff; text-align:center; font-weight:500; line-height:45px; font-size:17px; }
.quickNav .quick_apply_btn:hover {text-decoration:underline;}



/* symbol */
	.symbol{float:left;display:flex;align-items:center;padding:5px 0}
	.symbol img{width:30px;margin-right:7px}
	.symbol li{line-height:17px}
	.symbol p{font-weight:400;font-size:12.5px;color:#555}
	.symbol b{font-weight:500;font-size:14px;color:#333}