@charset "UTF-8";

html {width:100%; min-width:320px; height:100%;  scroll-behavior: smooth;}
body {  margin:0; height:100%; position:relative; /* max-width:800px; */ width:100%; margin:0 auto; display:block; background-color:#fff; }

input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }

#top {width:100%; position:relative;   left:0; padding:15px 3%; top:0;z-index:9999999; box-sizing:border-box; height:60px; transition: all 0.2s;position:relative;   background:#fff; border-bottom:1px solid #ddd;}
#top .call {width:38px; display:inline-block; border:2px solid #fff; border-radius:100%; margin-top:-2px;}
#top .call img {width:100%;}
#top h1 {position:absolute; left:0%; top:12px; }
#top h1 .logo {width:100px; height:40px; background:url('../img/cs_logo.png') no-repeat 50% 50%; display:inline-block; background-size: contain; }
#top  p  {/* background-color:#fff;*/}
#top  div {/*background-color:#fff; */ font-size:15px; line-height:50px; }
/*#top  div input {width:180px; vertical-align:middle; border:1px solid #015aac; height:35px; color:#015aac; padding-left:10px; box-sizing:border-box; background-color:#333;}*/
/*#top  div div  a {line-height:35px; width:60px;  text-align:center;  float:right; /*background-color:#015aac; */ color:#fff ; display:inline-block}*/

#top.on { background-color:#fff;}
#top.on h1 .logo {width:183px; height:40px; background:url('../img/logo_on.png') no-repeat 50% 50%; display:inline-block; background-size: contain;}
#top.on .cd-nav-trigger span.ham {background-color:#ddd;}
#top .search_top {position:absolute; right:50px; top:5px; cursor:default; width:45px;  padding:10px;}

.searchbox {padding:80px 3% 30px 3%; position:absolute; left:0; top:0;
	background:url('../img/search_bg.jpg')no-repeat center center;
	background-size:cover;
    width: 100%;
    text-align: center;
    font-size: 0;
	display:block;
	border-bottom:2px solid #e7141a;
}
/*.searchbox .bot-select {
    display: inline-block;
    width: 20%;
    font-size: .8rem;
    height: 35px;
    line-height: 35px;
    border: 3px solid #e7141a;
    vertical-align: middle;
    border-right: 0;
    background-color: #fff;
}*/
.searchbox .wrap {

	width: 90%;
	position:relative;
	border-radius:20px;
	overflow:hidden;
	margin:0 auto;
}
.searchbox input.search_box {
    width: 100%;
    display: inline-block;
    font-size: .85rem;
    height: 40px;
    line-height: 40px;
    border: none;
	margin-right:1%;
    vertical-align: middle;
    padding-left: 15px;
	font-weight:400;
}
.searchbox a.search_btn {
    width: 20%;
	position:absolute; right:0; top:0;
    text-align: center;
    background-color: #e7141a;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    vertical-align: middle;

}

.searchbox .search_word {width:100%; font-size:.95rem; margin:20px auto 0 auto;}
.searchbox .search_word a {color:#fff;  margin-right:10px; }


nav {  float:right; }


nav ul {
  font-size: 0;
  margin: 0;
 padding: 0; width:100%; text-align:right;
}

nav ul li {
  display: inline-block;
  position: relative;
}

nav ul li a {
  color: #fff !important;
  display: block; letter-spacing:-1px;
  font-size: 20px; font-weight:500;
  padding:40px 50px;
  transition: 0.3s linear;
}
.top:hover nav ul li a  {color:#333 !important}

nav ul li ul {
   display: none;
  position: absolute;
  width: 100%; text-align:center; margin-top:1px;
}

nav ul li ul li {

  display: block;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #fff; color:#fff !important;
  display: block; font-size:16px; font-weight:500;
  padding: 15px 14px;
}


.top:hover nav ul li ul li a  {color:#555 !important}
.top:hover nav ul li ul li a:hover {color:#fff !important;  background-color:#233950; }


@media all and (max-width:1700px){

nav ul li a  {  padding:40px 30px; }

}

#footer01_wrap {width:100%;float:left; text-align:left; background-color:#fff; padding:15px 3% 16% 3%; position:relative; border-top:1px solid #ddd;}
#footer01_wrap .btn_top {position:absolute; right:0; top:0; width:50px; height:50px; background-color:#333; color:#fff; text-align:center; line-height:50px; font-size:.9rem;}
#footer01_wrap .footer01 {}
#footer01_wrap .footer01 .footer_con {width:100%; float:left;}
#footer01_wrap .footer01 .footer_con  img {width:110px;  margin-bottom:15px; opacity:.5; }
#footer01_wrap .footer01 .footer_con p {font-size:.85rem; color:#999; font-weight:400; }
#footer01_wrap .footer01 .footer_con p.copy {color:#777;}


footer {width:100%; background-color:#e9e9e9;  }
footer #footer {width:100%; margin:0 auto; padding:20px 3%; text-align:center; }
footer #footer:after {content:''; display:block; clear:both; }
footer #footer .f_logo {width:100%;  margin-bottom:10px; }
footer #footer .f_txt {width:100%; font-size:.9rem; line-height:1.5rem; color:#777; font-weight:400; }
footer #footer .f_txt span {color:#999; margin-top:10px; display:inline-block; }


/* 하단 고정메뉴 */
.bottom_mn_wrap {width:100%;position:fixed; bottom:0; left:0; padding:2% 3.5%; box-sizing:border-box; background:#fff; box-shadow:2px 3px 2px rgba(0,0,0,0.2); border-top:1px solid #ddd;}
.bottom_mn_wrap ul {display:flex; justify-content: space-between }
.bottom_mn_wrap ul li { width:33.333%; text-align:center;border-right:1px solid rgba(0,0,0,0.1)}
.bottom_mn_wrap ul li:last-child{border:none}
.bottom_mn_wrap ul li img { max-width:24px;}
.bottom_mn_wrap ul li p{color:#333; font-size:0.9rem; font-weight:500; margin-top:2px;}