@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

 @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&family=Open+Sans:wght@800&display=swap');

legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

label, input, button, select, img {vertical-align:middle}

caption{ overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

.clear:after{ content: ''; display: block; clear: both; }

.hide{ overflow: hidden; position: absolute; left: -9999px; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; }

.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0; }

.bold{color:rgba(0,0,0,1); font-weight:500;}

 

input, button {margin:0;padding:0;font-size:1em}

button , input[type=submit]{cursor:pointer}

h1, h2, h3, h4, h5, h6 {}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}



/* 초기화 */

html {overflow-y:scroll;height:100%;min-width:320px}

body {margin:0;padding:0;height:100%;   font-family: 'NanumSquare', sans-serif;   font-size:16px; letter-spacing:-0.7px}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}

ul,li,ol{list-style:none;padding:0;margin:0}

input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}

textarea, select {font-size:1em;font-family:dotum}

textarea {border-radius:0;-webkit-appearance:none}

select {margin:0}

p {margin:0;padding:0;word-break:keep-all}

hr {display:none}

pre {overflow-x:scroll;font-size:1.1em}

a:link, a:visited { text-decoration:none; color:#000}

a:hover, a:focus, a:active {text-decoration:none; color:#000}

 

/* 팝업레이어 */

#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}

#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}

.hd_pops_con {width:100% !important;overflow:auto}

.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}

.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

 

/*여백 */

.pb10{padding-bottom:10px;}

.pb20{padding-bottom:20px;}

.pb30{padding-bottom:30px;}

.pb40{padding-bottom:40px;}

.pb50{padding-bottom:50px;}

.pb60{padding-bottom:60px;}

.pb70{padding-bottom:70px;}

 

/*칼러 */

.yel{color:#edb900}

.org{color:#ff8300}

.blue{color:#00bdc8}

.blue2{color:rgba(62,163,226,1)}

.blue3{color:rgba(86,145,255,1)}

.blue4{color:rgba(157,86,255,1)}

 

/*mtree*/

ul.mtree { 

  margin-left: 0; 

}

ul.mtree ul {

  margin-left: 1em;

}

ul.mtree > li {

  list-style: none; border-bottom:1px solid #f2f2f2;  font-size:17px;

}

ul.mtree a {

  display: block;

}

ul.mtree li.mtree-node > a {

   line-height:40px; font-size:16px; box-sizing:border-box;

}

 

ul.mtree a {

  -webkit-transition: all 100ms ease-out;

  -moz-transition: all 100ms ease-out;

  -ms-transition: all 100ms ease-out;

  -o-transition: all 100ms ease-out;

  transition: all 100ms ease-out;

}

 

ul.mtree.bubba ul {

  margin-left: 0;

}

ul.mtree.bubba ul li {

  font-size: .9em;

}

ul.mtree.bubba li.mtree-node > a:after {

  content: '›';

  margin-left: .5em;

  font-weight: normal;

}

ul.mtree.bubba li.mtree-node > a {

  font-weight: bold;

  text-transform: upperCase;

}

ul.mtree.bubba > li {

  border-bottom: 1px solid #DDD;

}

ul.mtree.bubba > li:last-child {

  border-bottom: none;

}

ul.mtree.bubba li:last-child > a {

  border: none;

}

ul.mtree.bubba > li.mtree-open > a {

  background: #DDD;

}

ul.mtree.bubba li > a:hover {

  background: #DDD;

}

ul.mtree.bubba li.mtree-active > a {

  background: #FFC000;

  color: #FFF;

}

ul.mtree.bubba a {

  padding: 7px 0px 7px 1em;

}

ul.mtree.bubba li li > a {

  padding-left: 2em;

}

ul.mtree.bubba li li li > a {

  padding-left: 3em;

}

ul.mtree.bubba li li li li > a {

  padding-left: 4em;

}

ul.mtree.bubba li li li li li > a {

  padding-left: 5em;

}

 

ul.mtree.skinny li {

  font-size: .9em;

}

ul.mtree.skinny a {

  padding: 0px 18px;

  color: #555;

}

ul.mtree.skinny a:hover {

  text-decoration: underline;

}

ul.mtree.skinny li.mtree-node:before {

  float: left;

  margin-left: .5em;

  zoom: .8;

  margin-top: .1em;

  color: #777;

}

ul.mtree.skinny li.mtree-open:before {

  content: '-';

}

 

ul.mtree.skinny li.mtree-closed:before {

  content: '+';

}

ul.mtree.skinny ul > li:first-child {

  margin-top: .1em;

}

ul.mtree.skinny ul > li:last-child {

  margin-bottom: .3em;

}

ul.mtree.skinny ul a {

  color: #666;

}

 

ul.mtree.transit {

  background: #fff;

}

ul.mtree.transit ul {

  margin-left: 0;

}

ul.mtree.transit ul > li {

  font-size:15px; line-height:40px; 

}

ul.mtree.transit li.mtree-node {

  position: relative;

}

ul.mtree.transit li.mtree-node > a:before {

  color: #464646;

  font-weight: normal;

  position: absolute;

  right: 20px; top:10px;

  

}

ul.mtree.transit li.mtree-open > a:before {

  content: '';

   width: 24px;

    height: 24px;

    background: #ffffff url(../img/marr.png) no-repeat center center;

    border-radius: 100%;

    text-align: center;

    line-height: 24px;

	background-size: 10px;

 

  

}

ul.mtree.transit li.mtree-closed > a:before {

    content: '';

    width: 24px;

    height: 24px;

    background: #f3f3f3 url(../img/marr.png) no-repeat center center;

    border-radius: 100%;

    text-align: center;

    line-height: 24px;

	background-size:10px;

}

ul.mtree.transit ul > li:first-child {

  margin-top: 1px;

}

ul.mtree.transit li.mtree-open > a {

  background: #006ebc;

  color:rgb(255,255,255);

}

ul.mtree.transit li > a:hover/*, ul.mtree.transit li.mtree-active > a*/ {

  background: #006ebc;

  color: #FFF;

}

ul.mtree.transit li li.mtree-active > a{ background:#006ebc;  color: #FFF;}

ul.mtree.transit li li li.mtree-active > a{ background:#d2d2ea;  color: #000;}

 

ul.mtree.transit li.mtree-node > ul > li a:hover{background:#006ebc;  color: #FFF;}

 

ul.mtree.transit li.mtree-node > ul > li:last-child {

/*  margin-bottom: .5em;

  padding-bottom: .5em;*/

  border-bottom:none;

  

}

ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

ul.mtree.transit a {

  padding: 15px 0px 15px 16px;

 

}

ul.mtree.transit li li > a {

  padding-left: 15px; line-height:25px; background:#ebebeb; font-size:14px; color:#9c9c9c;

}

ul.mtree.transit ul > li .submm{line-height:30px;}

ul.mtree.transit li ul li:last-child > a{border-bottom:none;}

/*ul.mtree.transit li ul li ul li:last-child > a{border-bottom:1px solid #b9b9b9;}*/

ul.mtree.transit li li:last-child > a{border-bottom:none;}

ul.mtree.transit li li li > a { border-left:1px solid rgb(204,204,204); float:left; width:50%; padding:0 3px; font-size:11.5px; line-height:30px;      border-bottom: 1px solid #b9b9b9;   background:#e1e1e1; box-sizing:border-box;

}

ul.mtree.transit li.mtree-node ul {background:#e1e1e1;    /*border-bottom: 1px solid #b9b9b9;*/}

 

ul.mtree.transit li li li li > a {

  padding-left: 3.2em;

}

ul.mtree.transit li li li li li > a {

  padding-left: 4em;

}

 

ul.mtree.jet ul {

  margin-left: 0;

}

ul.mtree.jet li {

  margin-bottom: 1px;

}

ul.mtree.jet li:last-child {

  margin-bottom: 0px;

}

ul.mtree.jet li:first-child {

  margin-top: 1px;

}

ul.mtree.jet li.mtree-active a {

  background: #E3E3E3;

}

ul.mtree.jet li.mtree-active li:last-child > a {

  border-radius: 0px 0px 3px 3px;

}

ul.mtree.jet li.mtree-active > a {

  background: #008cba;

  color: #FFF;

  border-radius: 3px 3px 0px 0px;

}

ul.mtree.jet li > a:hover {

  background: #FFC000;

  color: #FFF;

}

ul.mtree.jet a {

  padding: 5px 0px 5px 1em;

}

ul.mtree.jet li li > a {

  padding-left: 2em;

}

ul.mtree.jet li li li > a {

  padding-left: 3em;

}

ul.mtree.jet li li li li > a {

  padding-left: 4em;

}

ul.mtree.jet li li li li li > a {

  padding-left: 5em;

}

 

ul.mtree.nix {

  background: none;

}

ul.mtree.nix a {

  display: inline;

}

ul.mtree.nix ul {

  margin-left: 1em;

}

ul.mtree.nix ul > li {

  list-style-position: inside;

}

ul.mtree.nix li {

  list-style: disc;

}

 

ul.mtree.transit li li li > a:hover{ background:#d2d2ea; color:rgb(0,0,0)}


/* 상단 레이아웃 */

#hd {width:100%;background:#fff;position:relative; -webkit-box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28); 
-moz-box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28); position: absolute; top: 0;
box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28);}

#hd #hd_wr{margin:0 auto;width:100%;position:relative;}

#hd:after {display:block;visibility:hidden;clear:both;content:""}

#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.topmenuw{ width: 100%;    position: absolute;    z-index: 10; height:120px; background: rgba(255,255,255,1.00)}

.topmenu{width:1200px; margin:0 auto; position: relative; }
.topst{z-index: 100;height: 50px; background:rgba(0,0,0,0.3);}
 

.topmenu .nav > ul > li > a{text-align:center;font-size:20px;display:block;position:relative;font-weight: 600;text-transform: uppercase;color:#000;letter-spacing: -1px;padding: 23px 55px;position: relative;}

.topmenu .nav > ul > li{float: left;/* text-align: center; *//* display: inline-block */}


.topmenu .nav > ul>  li > a:hover, .topmenu .nav > ul>  li > a.on{color:#FFFFFF; background: #24459e}


.topgnb{text-align: right;padding-top: 10px;}
.topgnb ul li{display: inline-block; position: relative}
.topgnb ul li:before{display: block; content: ''; width: 1px; height: 10px; background: rgba(255,255,255,0.5); position: absolute; top: 10px}
.topgnb ul li a{display: inline-block; color: rgba(255,255,255,1.00); padding: 0 15px; font-size: 13px;    letter-spacing: 0;}
.logo{ float: left ; }

.w1400{width: 1400px; margin: 0 auto}

/*.subtopbg .topgnb ul li a{color: rgba(0,0,0,1.00)}
.subtopbg .topmenu .nav > ul > li > a{color: rgba(0,0,0,1.00)}
.subtopbg .topmenu .nav > ul > li > a:before{background: rgba(0,0,0,1.00);}
.subtopbg .logo{background: url("/img/main/logo-b.png")}*/



.topmenu h1{float:left;}

.nav{padding-left: 240px; margin-top: 25px}
.topnav{  width: 1200px; margin:0 auto;     position: relative; padding:20px 0; overflow:hidden; display:none}

.topnav ul{overflow:hidden;  text-align:left; float:right}
.topnav ul li{display:inline;}
.topnav ul li a{color:#5e5e5e; font-size:13px; font-weight:600;padding-left:10px; box-sizing:border-box}
.topnav ul li a.loginbtn{background:#3a5c7f; color:rgba(255,255,255,1); display:inline-block; padding:5px 10px; box-sizing:border-box; font-weight:500; margin-left:10px; border-radius:5px;}

#hamburger{display:none;} 

 .topmenu .menu{border: 1px solid #c1c0c0;padding: 20px 0;box-sizing: border-box;border-right: none;border-bottom: none;display: block;height: 260px;border-top: none;position: relative; display: none}
 .topmenu .menu:hover{background: #d32d36}
 .topmenu .menu:hover a{color: rgba(255,255,255,1.00)}
.topmenu .menu p{display: inline}





.btn1 {position: absolute;width: 45px;height: 45px;top: 80px;right:25px;cursor: pointer;letter-spacing: 1px;font-size: 14px;/* background:#000000;*/border: 1px solid rgba(255,255,255,0.7);z-index: 100;}
.btn1 .icon-line {transition-duration: 0.5s;position: absolute;height: 3px;width: 25px;top: 21px;background-color: rgba(255,255,255,0.7);left: 10px;}
.btn1 .icon-line:before {height: 2px;transition-duration: 0.5s;position: absolute;width: 25px;height: 3px;background-color: rgba(255,255,255,0.7);content: "";top: -10px;left:0;}
.btn1 .icon-line:after {transition-duration: 0.5s;position: absolute;width: 25px;height: 3px;background-color: rgba(255,255,255,0.7);content: "";top: 10px;left:0;}

.subtopbg .btn1{border: 1px solid rgba(0,0,0,1.00)}
.subtopbg .btn1 .icon-line{background-color: rgba(0,0,0,1.00)}
.subtopbg .btn1 .icon-line:before{background-color: rgba(0,0,0,1.00)}
.subtopbg .btn1 .icon-line:after{background-color: rgba(0,0,0,1.00)}


#subbg1 {height:430px; background:url(../img/sub01bg.png) center   no-repeat; position:relative; background-size: cover !important;}
#subbg1 .subbgwrap{ width:1200px; margin:0 auto;  text-align:left; padding:205px 0 0 0px; text-align:center;  position: relative;}
#subbg1 .subbgwrap .st1{font-size:60px;   letter-spacing:-3px; font-weight:800;   color: #24459e; font-family: 'Open Sans', sans-serif;}

#subbg1 .subbgwrap .st2{font-size:22px;padding-top:0px; letter-spacing:-1px;  font-family: 'Noto Sans KR'; border-top: 1px solid rgba(0,0,0,0.5); display: inline-block}
.pc{display:block;}

.mobile{display:none;}



@media only all and (max-width:1400px){
.topmenu .nav > ul > li > a{padding-left: 20px; padding-right: 20px}
.nav{padding-left: 350px}

#subbg1{background-position:center; height: 250px; }
#subbg1:before{height:300px;}
#subbg1 .subbgwrap{width:100%; padding-top: 120px;}


}
@media only all and (max-width:1200px){

.logo{ width: 200px; top:75px}
.nav{padding-left: 230px}
.nav ul li a{padding: 0 10px}

}

@media only all and (max-width:1024px){
.topst .topgnb{}

.btn1{top:15px}
.logo{top:0px}
.pc{display: none}
.mobile{display: block}

#subbg1{background-position:center;}
#subbg1:before{height:220px;}
#subbg1 .subbgwrap{width:100%; padding-top: 120px;}

}

.hamlogo img{width: 150px}

.comBg {    opacity: 0;}
#logo a{display:inline-block}
#hd_sch_open{display:none}
#hd_sch {text-align:center;}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;background:#ececec;border-radius:5px}
#hd_sch form:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;}
#hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#00d7c1;border-radius:0 5px 5px 0  ;color:#fff;vertical-align:middle;cursor:pointer;width:40px}
#hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#000;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
#sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

 

.w1200{width:1200px; margin:0 auto; position:relative}
.micow{text-align: center;color: rgba(255,255,255,1.00);font-weight: 800;font-size: 32px;position: absolute;top: 250px;z-index: 10;left: 50%;margin-left: -150px; }
.micow .txtc{font-size: 60px; font-family: 'Nanum Myeongjo', serif; margin-bottom: 10px}
.micow .txtsc{font-size: 30px; font-weight: 400}
 

 


.slick-slider {

	display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;

}

.slick-list {margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative;}

 

.slick-list.dragging {	cursor: pointer;}

.slick-slider .slick-track {	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);

}

.slick-slider{ margin:0 -10px;}

.pages-s .slick-slider {margin:0;}

.slick-slider .slick-list {

	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);

}

.slick-track {

	left: 0px; top: 0px; display: block; position: relative;

}

.slick-track::before {

	display: table; content: "";

}

.slick-track::after {

	display: table; content: "";

}

.slick-track::after {

	clear: both;

}


.slick-loading .slick-track {

	visibility: hidden;

}

.slick-slide {

	 float: left; display: none; min-height: 1px;  margin-right:10px;

    margin-left:10px;

}

 

.pages-s .slick-slide {margin:0;}

 

[dir='rtl'] .slick-slide {

	float: right;

}

.slick-slide img {

	display: block; width:100%;

}

.slick-slide.slick-loading img {

	display: none;

}

.slick-slide.dragging img {

	pointer-events: none;

}

.slick-initialized .slick-slide {

	display: block;

}

.slick-loading .slick-slide {

	visibility: hidden;

}

.slick-vertical .slick-slide {

	border: 1px solid transparent; border-image: none; height: auto; display: block;

}

.slick-arrow.slick-hidden {

	display: none;

}

.slider {

	transition:opacity 0.3s; opacity: 0; -webkit-transition: opacity 0.3s;

}

.slider::after {

	clear: both; display: block; content: "";

}

.slider.slick-initialized {

	opacity: 1;

}

.slider > :not(:first-of-type).item {

	position: absolute; opacity: 0;

}

.header {position: absolute; width: 100%; height: 100px; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; z-index: 14;}

 

.pages-s .slick_slider {

	transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;

}

.pages-s .slick-initialized {

	left: 0px; top: 0px; width: 100%; height: 100%; margin-left: 0px; display: block; position: relative; max-width: none; opacity: 1;

}

.pages-s .slick-list {

	z-index: 1;

}

.pages-s .slick-list {

	width: 100%; height: 100%;

}

.pages-s .slick-track {

	width: 100%; height: 100%;

}

.pages-s .slick-slide {

	width: 100%; height: 100%;

}

.slick_slider .page {

	width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;

}

.slick_slider .page .bg {

	background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;

}

.slick_slider.ani .page.slick-active .bg {

	opacity: 1; transform: scale(1) rotate(0.001deg); transition-delay: 0s; -webkit-transform: scale(1, 1) rotate(.001deg); -webkit-transition-delay: 0s;

}

.slick_slider .page .bg .bg_area {

	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 9990;

}

.slick_slider .page .bg img {

}

.slick_slider .page.page_01 .bg {

	background-image: url("/img/main/m1200-03.jpg");

}

.slick_slider .page.page_02 .bg {

	background-image: url("/img/main/m1200-01.jpg");

}

.slick_slider .page.page_03 .bg {

	background-image: url("/img/main/m1200-02.jpg");

}

 

 

 

.slick_slider .intro {

	padding: 550px 60px 150px; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: table; position: absolute; box-sizing: border-box;

}

.slick_slider .intro .text_box {

	text-align: center; vertical-align: middle; display: table-cell;

}

.slick_slider .intro .title {

	letter-spacing: -2.5px; padding-bottom: 25px; position: relative;

}

.slick_slider .intro .title em {

	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 110px; font-size: 90px; font-weight: bold; display: block; opacity: 0; transform: translateX(-50px); -webkit-transform: translateX(-50px);

}

.slick_slider.ani .page.slick-active .intro .title em {

	transition:transform 1s; opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);

}

 

.slick_slider .intro .desc {

	color: rgb(255, 255, 255); line-height: 24px; font-size: 18px; margin-top: 26px; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);

}

.slick_slider.ani .page.slick-active .intro .desc {

	transition:transform 1s; opacity: 0.8; transform: translateY(0px); -webkit-transform: translateY(0);

}

.slick_slider .intro .desc .br {

	display: block;

}

.slick_slider .intro a.btn_box {

	border: 2px solid rgb(255, 255, 255); border-image: none; width: 156px; height: 56px; text-align: center; margin-top: 50px; display: inline-block; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);


}

.slick_slider .intro a.btn_box:hover {

	border-color: rgb(0, 174, 239); background-color: rgb(0, 174, 239);

}

.slick_slider.ani .page.slick-active .intro a.btn_box {

	transition:transform 1s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);

}

.cardnews .slick-slide img{width:auto;}

.cardnews .slick-prev{left:10px;}

.pages-s {

	 padding-top: 0px; display: block; position: relative; min-height: 320px; min-width: 320px; height:590px; /*background: rgba(0,0,0,1)*/ /*url(/img/main/m1200-01.jpg)*/;

}

.pages-s .slick_slider {

	transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity 0.5s ease;

}

.pages-s .slick-initialized {

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	margin-left: 0px;

	display: block;

	position: relative;

	max-width: none;

	opacity: 1;

}

.pages-s .slick-list {

	z-index: 1;

}

.pages-s .slick-list {

	width: 100%; height: 100%;

}

.pages-s .slick-track {

	width: 100%; height: 100%;

}

.pages-s .slick-slide {

	width: 100%; height: 100%;

}

.slick_slider .page {

	width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box; overflow: hidden;

}

.slick_slider .page .bg {

	background-position: 50% 50%; transition:transform 7s ease-out, opacity 1s 0.3s; left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transform: scale(1.2); background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(1.2, 1.2); -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;

}

 

 

.slick-prev, .slick-next {

    position: absolute;

    top: 50%;

     width: 57px !important;

    height: 58px !important;

   background: none;

    z-index: 8;

    cursor: pointer;

      background-size: auto !important;

    background-position: center;

    background-repeat: no-repeat;

	border:none; text-indent:-99999px;

}

 

 

.slick-prev{background-image: url(/img/btn-slider-prev.png) !important; left:10px}	

.slick-next{  background-image: url(/img/btn-slider-next.png) !important;  right:10px; }

 

.cardnews .slick-next{right:0;}

 


 

/* All Menu */



.pt50{padding-top:50px;}

.mb0{margin-bottom:0 !important;}

.mmenu {    display: none;}

.pageblackcover{background: rgba(0,0,0,0.4);    position: absolute;    width: 100%;    height: 100%;}

 

/*메인*/

.divider-w{width:1200px; position:absolute; margin-left:-600px; left:50%;  color: #bfc3c8;} 
.divider-txt{color: #fff;  text-align:left; font-weight:bold; padding-top: 280px; text-shadow:1px 1px 1px black; position: relative; width:68%; letter-spacing:-2px}
.divider-txt .divider-txt1{font-size:52px; font-weight:600; line-height: 130%; padding-bottom:10px}
.divider-txt .divider-txt2{font-size:26px; font-weight:500; line-height:160%}
.divider-txt .more a{font-size:14px; border:1px solid rgba(255,255,255,0.8); display:inline-block; padding:5px 20px; letter-spacing:0; margin-top:20px; color:rgba(255,255,255,1); display:inline-block}


.secbox{ padding-top: 100px; overflow: hidden; padding-bottom: 100px }
.secboxtxt{float: left; width: 590px}
.sectit{font-size:70px; font-weight: 800; color: #4c79c0; letter-spacing: -3px ; font-family: 'Open Sans', sans-serif;}
.secstit{font-size: 60px; font-weight: 800; color: #d9d9d9; margin-bottom: 20px; letter-spacing: -3px; line-height: 100%; font-family: 'Open Sans', sans-serif;}
.secdec{font-size: 26px; font-weight: 800; margin-bottom: 10px}
.secdectxt{font-size: 14px; margin-bottom: 45px; line-height: 160%}
.secboximg{float:left; width: calc(100% - 590px)}

.secboxright .secboxtxt{float: right; width: 443px; }
 .secboxright .secboximg{float: right}
 .ourservice{background:url("/img/mainimg02.png") no-repeat}
 .protfolio{background:url("/img/mainimg03.png") no-repeat right 0}
 
 .banzone{overflow: hidden; background: #eee; padding: 20px 0;}
 .bantxt{width: 300px; height: 60px; line-height: 60px; text-align: center; color: rgba(0,0,0,1.00); border: 1px rgba(0,0,0,1.00) solid; float: left; font-weight: 700 ; font-size: 19px }
 .banboxw{float: left; overflow: hidden; width: calc(100% - 305px);  font-size: 19px; box-sizing: border-box;
    padding-left:30px; }
 .banbox a{width: 285px; padding: 10px 20px 0 120px;  background-repeat: no-repeat; float: left; box-sizing: border-box; height: 72px; display:block}
.banbox01 a{background-image: url("/img/tel01.png"); background-position: 20px 0}
.banbox02 a{background-image: url("/img/tel03.png"); background-position: 20px 0}
.banbox03 a{background-image: url("/img/tel02.png"); background-position: 20px 0}
.bantelts{font-weight: 800; font-size: 21px}
.mainmore img{padding-right: 10px}
.ourservice .secbox{padding-top: 0}
.protfolio .secbox{padding-top: 0}
.ourservice{width: 1570px; margin: 0 auto}

/* 하단 레이아웃 */


#ft {border-top:1px solid #dde4e9; padding-bottom:30px; font-size:14px; padding-top:30px;  background:#f7f7f7;  }

#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

.footblock{background:#393939; color:rgba(255,255,255,1); font-weight:400;  clear: both}

.footpolyw{width:1200px; margin:0 auto;}

.footpoly{border-bottom:1px solid #5f5f5f; text-align:center; padding:20px 0 10px}

.footpoly div{display:inline-block;}
.flog{float: left;}
.footp{ float:left}

.footsns{float:right;}

.footsns a{padding-left:5px;}

.footp a{color:rgba(255,255,255,1); padding-right:20px; position:relative; font-size:13px}

.footp a:before{width:1px; height:15px; background:rgba(255,255,255,1); position:absolute; left:-10px; top:0px; content:''}

.footp a:nth-child(1):before{display:none;}

.ftw{overflow:hidden; width: 1200px; margin:0 auto; line-height:160%;padding: 30px 0 40px;} 

.footxt2{ padding-left:30px; padding-top:10px; font-size: 14px; float:left; letter-spacing: 0;}

.footxt2 a{color:rgba(255,255,255,1); font-size:14px}

#ft_copy{float:left;}

.copyright{font-size:13px; padding-top:10px; }

.bd_no{border:none !important}

#ft_copy p, #ft_copy p a{color:#888;padding-bottom:0px}

#ft_copy .ft_sns{padding:15px 20px}

#ft_copy .ft_sns a{padding:3px;}

#top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99}

.foot_logo{float:left;}

.fdonation{color:#f6f3c7}

.fdonation span{font-size:12px;}


 

/* 게시물 선택복사 선택이동 */

#copymove {}

.copymove_current {float:right;color:#ff3061}

.copymove_currentbg {background:#f4f4f4}

 

/* 화면낭독기 사용자용 */

#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}

.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

 

/* 본문 바로가기 */

.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

 

/* 이미지 등비율 리사이징 */

.img_fix {width:100%;height:auto}

 

/* 캡챠 자동등록(입력)방지 기본 */

#captcha {display:inline-block;position:relative}

#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#captcha audio {display:block;margin:0 0 5px;width:187px}

#captcha #captcha_img {width:60px;height:30px;border:1px solid #e9e9e9;}

#captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px}

#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:50px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}

#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

#captcha #captcha_mp3{width:32px;height:32px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px}

 

/*단축키일람 */

.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}

.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}

.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}

.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}

.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}

.cke_sc_def dt {width:50%;font-weight:bold}

.cke_sc_def dd {width:50%}

.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

 

/* 버튼 */

a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}

a.btn01:focus, a.btn01:hover {text-decoration:none}

button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}

a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}

a.btn02:focus, .btn02:hover {text-decoration:none}

button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

 

.btn_confirm {text-align:center} /* 서식단계 진행 */

 

.btn_submit {padding:8px;border:0;background:#4d4d4d;color:#fff;letter-spacing:-0.1em;}

fieldset .btn_submit {padding:0 15px;height:30px;line-height:1em; font-size:16px}

 

a.btn_cancel {display:inline-block;padding:4px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; box-sizing:border-box; font-size:16px}

button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:5px}

 

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */

button.btn_frmline {font-size:1em}

 

/* 게시판용 버튼 */

.btn_b01 {display: inline-block;

    /* margin: 0 0 3px; */

    border: 1px solid #d9ded9;

    background: #fff;

    color: #000;

    text-decoration: none;


    vertical-align: middle;

 

    box-sizing: border-box;

     line-height: 30px; 

    text-align: center;

    padding: 0 5px;


    text-align: center;} 

.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#000}

.btn_b02 {display:inline-block;margin:0 0 3px;padding:3px 7px;background:#000;color:#fff !important;text-decoration:none;vertical-align:middle;}

.btn_b02:focus, .btn_b02:hover {background:#000;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}

.btn_admin {display:inline-block;margin:0 0 3px;padding:0px 7px;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border:1px solid #d9ded9; box-sizing:border-box;    line-height: 30px; } /* 관리자 전용 버튼 */

.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

 

/* 댓글 스타일 */

.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

 

/* 기본테이블 */

.tbl_wrap {margin:0 0 10px}

.tbl_wrap table {width:100%;border-collapse:collapse;}

.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

 

.tbl_head01 {}

.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}

.tbl_head01 thead th {padding:16px 0;color:#000;text-align:center;letter-spacing:-0.1em; border-top:3px solid #333333; font-size:16px; font-weight:normal; background:#fcfcfc; border-bottom:none}

 

 

.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01{border-bottom:1px solid  #333333}

.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff; }

.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}

.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}

.tbl_head01 td {background:#fff;padding:15px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; font-size:16px;}

 

.tbl_head02 {}

.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}

.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}

.tbl_head02 thead a {color:#383838}

.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}

.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}

.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}

.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

 

/* 폼 테이블 */

.tbl_frm01 {}

.tbl_frm01 th {padding:15px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}

.tbl_frm01 td {padding:15px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}

.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle; height:24px; line-height:24px;-webkit-appearance:none;}

.tbl_frm01 textarea {width:100%;height:100px}

.tbl_frm01 a {text-decoration:none}

.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}

.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

#sfl{

width: 160px;

height: 30px ; line-height:30px ;box-sizing:border-box;

border: 1px solid #c4c4c4; padding-left:20px;  

}

 

/* 자료 없는 목록 */

.empty_table {padding:20px 0 !important;text-align:center}

.empty_list {padding:20px 0 !important;text-align:center}

 

/* 필수입력 */

.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

 

/* 테이블 항목별 정의 */

.td_board {width:120px;text-align:center}

.td_category {width:80px;text-align:center}

.td_chk {width:30px;text-align:center}

.td_date {width:60px;text-align:center}

.td_datetime {width:150px;text-align:center}

.td_group {width:100px;text-align:center}

.td_mb_id {width:100px;text-align:center}

.td_mng {width:80px;text-align:center}

.td_name {width:100px;text-align:left}

.td_nick {width:100px;text-align:center}

.td_num {width:50px;text-align:center}

.td_numbig {width:80px;text-align:center}

.td_stat {width:60px;text-align:center}

 

.txt_active {color:#5d910b}

.txt_done {color:#e8180c}

.txt_expired {color:#ccc}

.txt_rdy {color:#8abc2a}

 

/* 로그인폼 테이블 */

.tbl_frm01_login {margin:0 0 20px; border-bottom:1px solid #999999; padding-bottom:20px;}

.tbl_frm01_login table {width:70%;border-collapse:collapse;border-spacing:0;margin:0 15%; text-align:center}

.tbl_frm01_login th {text-align:left; font-weight:normal}

.tbl_frm01_login td {padding:7px 10px;background:transparent; line-height:170%}

.tbl_frm01_login textarea, .frm_input {border:1px solid #e4eaec;color:#000;vertical-align:middle;}

.tbl_frm01_login textarea {padding:2px 2px 3px}

.frm_input {height:30px;  border:1px solid #999999;  box-sizing:border-box}

.frm_input_bugo{height:30px; border:1px solid #dddddd; box-sizing:border-box}

.tbl_frm01_login textarea {width:98%;}

.tbl_frm01_login a {text-decoration:none}

.tbl_frm01_login .frm_file {display:block;margin-bottom:5px}

.tbl_frm01_login .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

 

 

 

 

/* 새창 기본 스타일 */

.new_win {}

.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}

.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}

.new_win .tbl_wrap {margin:0 20px}

.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}

.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_ul li {float:left;margin-left:-1px}

.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}

.new_win .win_desc {padding:10px 20px}

 

.new_win .win_btn {clear:both;margin:20px;text-align:center}

.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}

.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}

.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

 

/* 검색결과 색상 */

.sch_word {color:#ff3061}

 

/* 사이드뷰 */

.sv_wrap {display:inline-block;position:relative;font-weight:normal}

.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}

.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left}

.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}

.sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto}

.sv_nojs .sv {display:block}

 

/* 페이징 */

.pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em}

.pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle}

.pg a:focus, .pg a:hover {text-decoration:none}

.pg_page {text-decoration:none}

.pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border:1px solid #ddd}

.pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border:1px solid #ddd}

.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border:1px solid #ddd}

.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd}

.pg_current {display:inline-block;margin:0 4px 0 0;background:#4d4d4d;;color:#fff;font-weight:bold;font-weight:bold}

 

/* PC화면으로 */

#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

.black_shadow {left: 0px;top: 0px;width: 100%;height: 100%;display: none;position: fixed;z-index: 10;opacity: 0.8;background-color: rgb(0, 0, 0);}

 

 

.swiper-button-next {    background-image: url(/img/btn-slider-next.png) !important; width: 57px !important;

    height: 58px !important; background-size:cover !important; margin-top: -65px !important;}

.swiper-button-prev{    background-image: url(/img/btn-slider-prev.png) !important; width: 57px !important;   height: 58px !important;background-size:cover !important;  margin-top: -65px !important;}

 

/*서브페이지*/
 

.bg02{background:url(../img/sub02bg.png) center no-repeat !important; }
.bg03{background:url(../img/sub02bg.png) center no-repeat !important; }
.bg04{background:url(../img/sub04bg.png) center no-repeat !important; }
.bg05{background:url(../img/sub05bg.png) center no-repeat !important; }
.bg06{background:url(../img/sub06bg.png) center no-repeat !important; }
.bg07{background:url(../img/sub07bg.png) center no-repeat !important; }

 #container_title{text-align: center; padding-top:40px; color: #24459e;    font-weight: 800;    padding-bottom: 60px;    font-size: 32px;    text-align: center;}

.subcontainer{width:1200px; margin:0px auto 0px;}
.subcon-in{padding-bottom:30px;}
.curnav{border-bottom: 1px solid #eaeaea; padding: 25px 0}
.curnav span{padding: 0 5px; color: rgba(116,116,116,1.00)}
#slideshow{width: 1080px;border: 1px solid rgba(200,200,200,0.5);margin: 0 auto 30px; box-sizing: border-box}
.pgwSlideshow .ps-list{border-top:none !important; background: #fff  !important; box-shadow: none !important}
.pgwSlideshow{background: #fff !important;padding: 20px 0 0;box-sizing: border-box;}

.sogeDiv{padding: 100px 0}
.Btit{ color: #24459e; font-weight: 800; padding-bottom: 70px; font-size: 32px; text-align: center}
.makebox{overflow: hidden; margin-bottom: 100px}
.makebox:last-child{margin-bottom: 0}
.makebox .makeboxtit{font-size: 20px; font-weight: 700; width: 400px; float: left}
.makebox .makeboxst{float: left; width: calc(100% - 400px); font-size:17px; line-height: 160%}
.eximg{padding-top: 20px}
 .makeline{width: 100px; height: 1px; background: rgba(0,0,0,0.5); margin-bottom: 15px}
 
 .makelist li{border: 1px solid rgba(70,70,70,0.5); padding: 20px 60px; box-sizing: border-box; text-align: center; margin: 5px 0; font-size: 17px; font-weight: 500}
  .makelist li span{font-weight: 700; font-size: 19px;}
.sinst{ padding-bottom:10px;}
.sitit{font-weight:500; padding-bottom:25px;font-weight: 800; font-size: 21px; }
.sibox{margin-bottom: 20px; }
.contactus{padding-top:50px;}
.infow{ overflow:hidden}
.infobox{float:left; width:50%; padding-right:20px; box-sizing:border-box; margin-bottom:40px}
.infoboxtit{font-size:20px; padding-bottom:15px; font-weight:600}
.sinst textarea{border:1px solid  rgba(0,0,0,0.4); width:98%; height:200px}

.mapDiv{overflow:hidden; margin-bottom:50px}
.maptxt{float: left;     width: calc(100% - 300px); font-size:22px; font-weight:700; line-height: 160%;}
.maptxt em{font-style: normal}
.mapDivw{ margin-bottom:50px; overflow: hidden; padding-top: 12px;}
.root_daum_roughmap{width:100% !important;}

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

 


.subcontainer{width:100%; padding:2%; box-sizing:border-box; margin-bottom:0}

.in-container, .w1400{width:100%;}

.divider-w{width:100%; margin-left:0; left:0}

.divider-txt{width:100%; padding-top: 200px; padding-left: 100px;    box-sizing: border-box;}

.divider-txt .divider-txt1{font-size:40px;}

.swiper-pagination{width:90% !important;}

.topmenu{width:100%;}

.w1200{width:100%;}
.w1400{width:100%;}
.footpolyw{width: 100%;    padding: 0 2%;    box-sizing: border-box;}
.ftw #logo{position:relative; text-align:center}
.secimg img{width:100% !important;}
.ftw{width: 100%;    padding: 2%;    box-sizing: border-box;}
}

 

 

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

.mmenu{display:block; position: absolute;    z-index: 2; top: 15px;    left: 11px;}

.nav{display:none;} 

#hd #hd_wr{height:auto;}

.topmenuw #logo {border-bottom:1px solid rgba(236,236,236,0.3);text-align:center;float:none;position:absolute;width: 100%;background: rgb(255 255 255 / 50%);height: 79px;}

.navbar-fixed-top #logo{background:rgba(255,255,255,1); border-bottom: 1px solid #ebebeb;}

.topmenuw{border-bottom:none; background:none;}

#logo img{ padding-top: 10px;}

#hamburger{display:block;}

#hamburger {left: 0px; top: 0px; width: 80%; height: 100%; display: none; position:fixed; z-index: 99999; background:#f5f5f5; bottom:0}

#hamburger .hamburger_inner {padding: 12px; border-bottom:1px solid #363636; height:50px;}

.hamburger_inner .close {top: 12px; right: 2px; position: absolute;}

.hamburger_inner .close img{width:70%;}

 

#hamburger button{background:#ffffff; display:inline-block; padding:3px 5px; color:#000000; border:1px solid #474e61; font-size:12px;}

#hamburger .mlogin{padding-left:10px; padding-top:20px;}

.visbox{margin:10px; width:170px; height:170px; padding-top: 55px;}

.visbox p:nth-child(2){font-size:20px;}

 

 

.newsletbox .newsletxt{padding-left:300px;}

.mboxw{position:relative; width:100%; margin-left: 0;    top: 0px;    left: 0; height:auto}

.mboxw>div{width:100%; height:auto !important}

.mmain-top{display:block; width:100%;  position: relative; background:#56296e; color:rgb(255,255,255) ; padding:20px 0 15px }

.mmain-top nav{position:absolute; top:15px; left:10px;}

.mmain-top h1{ text-align:center;  padding-top:5px}

 

.mmain-top .msearch{position:absolute; top:15px; right:0px; cursor:pointer}

.mmain-top .msearch img{width:90%;}

.topmenu nav { position: absolute;    top: 35px;    right: 10px; display:block;}

.topmenu{width: 100%;}

#ft{padding:20px 0;}

.ftw{width:100%; padding:20px 3%; box-sizing:border-box; text-align:center}

.ftw .flog img{width: 200px}
.flog{float: none; text-align: center}

#ft_copy{padding:10px 20px; box-sizing:border-box }
.footxt2{float: none;}
.foot_logo{float:none; text-align:center; padding-bottom:20px;}

.foot_logo img{width:100px;}

.mainblist .mainb-box a{width:50%;}

.accont{padding: 15px 0 0 0; width:100%}

#subbg1 .subbgwrap .st1{font-size:30px;}

 

.contsBox{ margin: 20px auto 60px; font-size: 14px; line-height: 130%; }

.contsBox .h1-title{ font-size: 18px; margin-bottom: 20px; }

.contsBox .h1-title span{ margin-bottom: 7px; }

 

.basic-table th{ line-height: inherit !important; padding: 5px !important; height: auto !important; font-size: 14px !important; }

.basic-table tbody th{ font-size: 12px !important; }

.basic-table td{ padding: 3px !important; height: auto !important; font-size: 12px !important; }

.basic-table td span, .basic-table th span{ padding: 0; }

.basic-table td.tleft_h1{ padding-left: 16px !important; text-indent: -9px !important; }

 .makebox .makeboxtit{width:100%; padding-bottom: 30px;}
.makebox .makeboxst{width:100%}
.eximg img{width:100%}
.sogeDiv{padding-bottom:10px; padding-top:40px}

.curnav{padding:0}
.bantxt{text-align: center;    margin: 0 auto 20px;    float: none;    height: auto;    line-height: inherit;    padding: 10px 0;}


.bbstit{width: 100% !important ; padding-bottom: 30px}
.w_table{width: 100% !important}
.maptxt{width: 100%; font-size: 17px; line-height: 160%}
.mapDiv{margin-bottom: 0}
#bo_w button.btn_submit{margin-bottom: 20px !important}
}

@media only all and (max-width: 1570px){
.ourservice{width: 100%}
}
 

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

.maptxt{font-size: 16px;}
.maptxt p:nth-child(1){font-size: 18px; padding-bottom: 5px;}
.maptxt em{display: block; padding-left: 15px; position: relative}
.maptxt em:before{width: 3px; height: 3px; border-radius: 5px; background: rgba(231,231,231,1.00); position:absolute; left: 0; top: 10px; content: ''; margin-left: 5px}
.wrap_map{height: 400px !important}
.mapDivw{margin-bottom: 10px}
.pages-s{height: 400px !important} 
.ourservice{padding-bottom: 190px; background-size: contain; background-position: bottom}
.protfolio{padding-bottom: 190px; background-size: contain; background-position: bottom}
.banbox01{background-size: 55px}
.banbox02{background-size: 55px}
.banbox03{background-size: 55px}
.bantelts{font-size: 18px}
.banboxw{font-size: 17px}
.banboxw{width:100%; padding-left:30px }
.banbox a{ padding: 0;    text-align: left;    padding-left: 105px; width: 100%; margin-bottom: 10px; height: auto;
    min-height: 52px;}
.banbox01 a{background-size:50px}
.banbox02 a{background-size:50px}
.banbox03 a{background-size:38px}
.secboxtxt{width: 100%; padding: 20px; box-sizing: border-box}
.secboximg{width: 100%;}
.secboximg img{width: 100%}
.secbox{padding-top: 50px; padding-bottom: 10px}
.sectit{font-size: 50px}
.secstit{font-size: 50px}
.secboxright .secboxtxt{width: 100%}


	.micow{width:100%;text-align:center;top: 166px;margin-left: -200px;}
	.micow .txtc{font-size: 50px}
	.micow .txtsc{font-size: 25px}

.divider-txt{padding-top:100px; padding-left: 0;    text-align: center;    box-sizing: border-box; padding:100px 2% 0;

    box-sizing: border-box;}	

.divider-txt .divider-txt2{font-size:18px; letter-spacing:-1px; line-height: 130%;}

.mainsnsbox img{width:50px; height:50px;}

.mainsnsbox a{font-size:14px; width: auto;     padding: 0 10px;}

.micow > div{float:none;}

#ft_copy{width:100%; float:none}

.footxt2{padding:10px 0; text-align: center; font-weight: 300;}

.footsns{float:none;}

.footp{float:none; padding-bottom:10px}

#subbg1 .subbgwrap .st1{font-size:24px; letter-spacing: -1px}

#subbg1 .subbgwrap .st2{font-size:15px;}

.topmenu #logo img{width:150px;}

.navmenu ul li a{font-size:15px; height:auto; line-height:inherit; padding:10px; margin-bottom: -1px;}

.h2{padding-top:0; font-size:30px;}

.h3{font-size:16px;}
#container_title{font-size: 28px}



}