@charset "utf-8";


@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
​@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }



.section { position: relative; background-position: center; background-size:cover; background-repeat: no-repeat; color:#fff; }
#mSection1 { background-image:url("../img/main_section01.jpg"); }
#mSection2 { background:#eceeee; }
#mSection3 { background-image:url("../img/main_section03.jpg"); }
#mSection4 {background-image:url("../img/main_section04.jpg");  }
#mSection5{ background:#f5f5f5;}

.mtit { margin-bottom: 3em; }
.mtit h3 { font-size: 6rem; font-family: 'Poppins'; font-weight: 300; line-height: 1.0em; margin-bottom: 0.3em;  }
.mtit p { font-size: 1.8rem; line-height: 1.8em; }
.mtit p.em { font-size: 2.6rem; font-weight: 200;  }

@media all and (max-width:1280px) {
  .mtit h3 { font-size: 5.5rem; }
  .mtit p { font-size: 1.7rem; }
  .mtit p.em { font-size: 2.4rem;  }
}

@media all and (max-width:1080px) {
  .mtit h3 { font-size: 5.2rem; }
  .mtit p { font-size: 1.6rem; }
}

@media all and (max-width:568px) {
  .mtit h3 { font-size: 4.8rem; }
}

@media all and (max-width:480px) {
  .mtit h3 { font-size: 4rem; }
}


.more { font-size: 1.3rem; position: relative; display: inline-block; color:#fff; padding-right: 20px; margin-top: 3em; }
.more::after { content:''; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.2);
                                                          position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index:1; }
.more:hover::after { background: #ff0000; }
.more p::after { content:''; display: inline-block; width: 30px; height: 10px; margin-left: 5px;  position: relative;
                                                              background: url("/img/common/more.png") no-repeat right center; z-index:2; }

.more.black::after { background: #f4f4f4; }
.more.black p::after { background-image: url("/img/common/more2.png"); }
.more.black p { color:#212121; }
.more.black:hover::after { background: #0060ff; }

a:hover div.more::after { background: #ff0000; }
a:hover div.more.black::after { background: #0060ff; }


@media all and (max-width:480px) {
  .more { padding-right: 10px; }
  .more::after { width: 30px; height: 30px; }
  .more p::after { width: 24px; }
}


#mSection1 .mvTxt{float:right; margin-right:5%; top:0%; border:0px solid red; text-align:center;  width:50%;}
#mSection1 .mvTxt .t1 {  font-size:60px; color:#33ccff; font-weight:600;  box-sizing:border-box;}
#mSection1 .mvTxt .t1 span{color:#fff !important; font-weight:600; }
#mSection1 .mvTxt .t2 {letter-spacing:-0.4px; font-family: 'Play', sans-serif;  font-size:45px; color:#fff; font-weight:700 !important;  line-height:45px;  margin-top:30px; box-sizing:border-box; }
#mSection1 .mvTxt .t2 span{font-weight:700;}

#mSection1 .mvTxt .t3 {letter-spacing:-0.4px; font-family: 'Noto Sans KR', sans-serif !important;  font-size:25px; color:#fff; font-weight:600 !important;  line-height:45px;  margin-top:30px; box-sizing:border-box; }
#mSection1 .mvTxt .t3 span{font-weight:700;}
#mSection1 .mvTxt .t4{font-family: 'Noto Sans KR', sans-serif !important;  font-size:17px; color:#fff;}


@media all and (max-width:976px) {
  #mSection1 .mvTxt{border:0px solid red; margin-right:0%; top:5%; padding:0px 35px;}
  #mSection1 .mvTxt .t1 { font-size:4.5rem;  line-height:50px;  }
  #mSection1 .mvTxt .t2 { font-size: 2.5rem; line-height:25px; margin-top:15px;}
  #mSection1 .mvTxt .t3 {font-size:19px; line-height:25px; margin-top:25px;}
#mSection1 .mvTxt .t4{ margin-top:20px;  font-size:16px;}
 
.mobilenone{display:none;}
.mobileshow{display:block;}

}

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

}

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



#mSection2 .s-inner { display: table; table-layout: fixed; height: 100%;  border:0px solid red; text-align:center; padding-top:12%;}

#mSection2 .mvTxt1 .t1 {font-family: 'S-CoreDream-2ExtraLight', sans-serif !important; font-size:55px; color:#000; font-weight:500; }
#mSection2 .mvTxt1 .t1 span{ font-family: 'S-CoreDream-7ExtraBold', sans-serif;  color:#0187a8;}
#mSection2 .mvTxt1 .t2 { font-size:17px; color:#000; font-weight:500; line-height:40px; margin-top:0px; box-sizing:border-box; }


.linkarea{width:90%;  margin:0 auto;}
/*.linkarea ul{margin-top:4%;}
.linkarea ul li{display:inline-block; float:left; width:25%; text-align:center; border:0px solid red;}
.linkarea ul li img{padding-bottom:10px;}
.linkarea ul li a{}*/
.linktit{font-size:26px; font-weight:700; line-height:70px; color:#003333;}
.linktit1{line-height:24px; font-size:15px; font-weight:500; width:80%; margin:0 auto; color:#000;}
.linktit1 span{font-weight:600; color:#Fff;}


.linkarea ul{margin-top:4%;}
.linkarea ul li{position:relative; display:inline-block;  line-height:25px;  width:20%; margin:2%; text-align:center; color:#000; font-size:1.2em; box-sizing:border-box; }  
.linkarea ul li:last-child{border-right:0px solid rgba(0,0,0,0.1);}
.linkarea ul li a{box-shadow:5px 12px 10px rgba(0,0,0,0.1);  background:#fff;  padding:25px; display:block; box-sizing:border-box; border:9px solid transparent;}
.linkarea ul li a:hover{box-shadow:5px 12px 10px rgba(0,0,0,0.1); transition:0.1s; left:0; top:0; border:9px solid #007592; content:''; box-sizing:border-box; z-index:8888;}
.linkarea>ul>:after {display:block; clear:both; content:'';}


@media all and (max-width:1580px) {
  #mSection2 .s-inner .cont p br { display: none; }
}

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

@media all and (max-width:976px) {
#mSection2 .s-inner { padding-top:13%;}
#mSection2 .mvTxt1{ position: relative; border:0px solid red; padding:0px 25px; }
#mSection2 .mvTxt1 .t1 {padding-top:30%;  font-size: 3.5rem; color:#000; font-weight:600; box-sizing:border-box;}
#mSection2 .mvTxt1 .t2 {font-size:16px;  color:#000; font-weight:500; line-height:35px; box-sizing:border-box; }
.linkarea{width:100%;  margin:0 auto;}
.linkarea ul{margin-top:25px;}
.linkarea ul li{width:45%;}
.linkarea ul li img{width:75%;}
.linktit{font-size:16px;}
.linktit1{display:none;}

}

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


#mSection3 .s-inner { display: table; table-layout: fixed; height: 100%;   border:0px solid red;  padding-top:14%;}

#mSection3 .mvTxt2{position: relative; border:0px solid red; top:0%; overflow:hidden;}

#mSection3 .mvTxt2 .left011{width:49.2%; background:rgba(250,250,250,0.4); text-align:center; padding:100px 0px; box-sizing:border-box; float:left;}
/*#mSection3 .mvTxt2 .left01 ul{width:70%; border:0px solid red; margin:0 auto; padding-top:35px; overflow:hidden;}*/
/*#mSection3 .mvTxt2 .left01 ul li{display:inline-block; float:left; border-right:1px solid rgba(0,0,0,0.4); width:49%;}
#mSection3 .mvTxt2 .left01 ul li:last-child{ border-right:0px solid rgba(0,0,0,0.4);}
#mSection3 .mvTxt2 .left01 ul li a{color:#02527a !important; font-weight:600; font-size:19px;}*/


.left011 ul{width:70%; border:0px solid red; margin:0 auto; padding-top:35px; overflow:hidden;}
.left011 ul li{border-right:1px solid rgba(0,0,0,0.3); position:relative;box-sizing:border-box; display:inline-block;  line-height:25px;  width:49.5%; text-align:center; color:#000; font-size:1.2em; box-sizing:border-box; }  
.left011 ul li:last-child{border-right:0px solid rgba(0,0,0,0.1);}
.left011 ul li a{  box-shadow:5px 12px 10px rgba(0,0,0,0);  background:none;  padding:25px; display:block; box-sizing:border-box; border:9px solid transparent;}
.left011 ul li a:hover{ background:#fff; box-shadow:5px 12px 10px rgba(0,0,0,0.1); transition:0.1s; left:0; top:0; border:9px solid #007592; content:''; box-sizing:border-box; z-index:8888;}
.left011 ul li a{color:#02527a !important; font-weight:600; font-size:19px;}
.left011>ul>:after {display:block; clear:both; content:'';}



#mSection3 .mvTxt2 .right01{width:49.2%; text-align:center;  border:0px solid red; box-sizing:border-box;  float:right;}

.mtitst01{text-align:center;  font-size:49px; font-weight:600; color:#000;}
.mtitst01 span{color:#0294c5;}
.mtitst02{color:rgba(0,0,0,0.7);  font-weight:500; margin-top:10px;}
.mtitst03{text-align:left; color:#000;  font-size:25px; font-weight:600; line-height:40px;}
.mtitst03_1{text-align:left;  color:#000;  font-size:17px; font-weight:500;}


.lefttop{width:100%; background:rgba(250,250,250,0.4); padding:50px 0px;}
.lefttop ul {width:80%; border:0px solid red; margin:0 auto; overflow:hidden;}
.lefttop ul li{display:inline-block; float:left; text-align:left; }
.lefttop ul li:first-child{width:20%;}
.lefttop ul li:last-child{width:80%;}


.myButton {
	
	border-radius:45px;
	border:0px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	background:#026192;
	font-size:16x;
	padding:10px;
	width:180px;
	text-decoration:none;
	margin-top:25px;
	text-align:center;
	
}
.myButton:hover {
	background-color:#44c1ef;
	border:0px solid #44c1ef;
}
.myButton:active {
	position:relative;
	top:1px;
}



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

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

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

#mSection3 .s-inner { display: table; table-layout: fixed; height: 100%;   border:0px solid red;  padding-top:26%;}
#mSection3 .mvTxt2{padding:0px 35px;}

#mSection3 .mvTxt2 .left011{width:100%;  padding:20px 0px;  border:0px solid rgba(250,250,250,0.7); }
.mtitst01{font-size:30px;}

#mSection3 .mvTxt2 .left011 ul{width:100%; padding-top:10px;}
.left011 ul li{width:45%;}
#mSection3 .mvTxt2 .left011 ul li a{color:#000 !important; font-weight:600; font-size:14px; padding:5px;}
#mSection3 .mvTxt2 .left011 ul li img{width:50% !important;}
#mSection3 .mvTxt2 .right01{width:100%;}
.lefttop{width:100%; border:0px solid rgba(250,250,250,0.7); padding:10px 0px; margin-top:10px;}
.lefttop ul {width:100%; border:0px solid red; margin:0 auto; overflow:hidden;}
.lefttop ul li{display:inline-block; float:left; text-align:center !important;}
.lefttop ul li:first-child{width:100%; display:none;}
.lefttop ul li:last-child{width:100% !important; padding:10px; text-align:center !important;}
.mtitst03{text-align:center; color:#000;  font-size:17px; font-weight:600; line-height:40px;}
.mtitst03_1{display:none;text-align:left;  color:#000;  font-size:12px; font-weight:500;}

.myButton {width:90%; margin-top:5px;}
.mt30{margin-top:5px;}


}




#mSection4 .s-inner { display: table; table-layout: fixed; height: 100%;   border:0px solid red;  padding-top:15%;}
#mSection4 .mvTxt3{position: relative; border:0px solid red; top:0%;}


.mtitst04{text-align:center;  font-size:49px; font-weight:600; color:#fff;}
.mtitst04 span{color:#0294c5;}


#mSection4 .mvTxt3 .t3 {letter-spacing:-0.4px; text-align:center; font-family: 'Noto Sans KR', sans-serif !important;  font-size:25px; color:#fff; font-weight:600 !important;  line-height:45px;  margin-top:30px; box-sizing:border-box; }
#mSection4 .mvTxt3 .t3 span{font-weight:700;}
#mSection4 .mvTxt3 .t4{font-family: 'Noto Sans KR', sans-serif !important;  font-size:17px; color:#fff; text-align:center;}


#mSection4 .mvTxt3 .link01{width:30%; margin:0 auto;  overflow:hidden; border:0px solid red; }
#mSection4 .mvTxt3 .link01 ul {width:100%; border:0px solid red;}
#mSection4 .mvTxt3 .link01 ul li{text-align:center; width:50%; margin-left:-1px; display:inline-block; border:1px solid #fff; float:left; padding:35px; box-sizing:border-box;}
#mSection4 .mvTxt3 .link01 ul li:first-child{ border-left:2px solid #fff; float:left;}
#mSection4 .mvTxt3 .link01 ul li a{color:#fff; font-weight:600; font-size:20px;}
#mSection4 .mvTxt3 .link01 ul li a:hover{color:#0099cc;}


#mSection4 .mvTxt3 .left02{width:49.2%; background:rgba(250,250,250,0.8); padding:55px; box-sizing:border-box; float:left;}
#mSection4 .mvTxt3 .right02{width:49.2%;  background:rgba(250,250,250,0.8);padding:55px;  box-sizing:border-box;  float:right;}

.noticett{font-size:45px; font-weight:100 !important; color:#000; font-family:'GmarketSansLight', sans-serif;}
.noticett span{ font-family:'GmarketSansBold', sans-serif; color:#85c149;}

.noticearea{width:100%; float:left;}
.noticearea ul li{width:100%; text-align:left; line-height:45px;  color:#000; font-weight:medium;}
.noticearea ul li span{float:right;}




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


#mSection4 .s-inner {padding-top:35%;}
 #mSection4 .mvTxt3{padding:0px 40px;}
 #mSection4 .mvTxt3 .left02{width:100%; padding:35px; }
 #mSection4 .mvTxt3 .right02{width:100%; padding:35px; margin-top:10px;}
 .noticett{font-size:30px;}
 .noticearea ul li{line-height:28px;}
 .noticearea ul li span{display:none;}

#mSection4 .mvTxt3 .t3 {letter-spacing:-0.4px; text-align:center; font-family: 'Noto Sans KR', sans-serif !important;  font-size:18px; color:#fff; font-weight:600 !important;  line-height:35px;  margin-top:10px; box-sizing:border-box; }
#mSection4 .mvTxt3 .t3 span{font-weight:700;}
#mSection4 .mvTxt3 .t4{font-family: 'Noto Sans KR', sans-serif !important;  font-size:15px; color:#fff; text-align:center;}
.mtitst04{text-align:center;  font-size:3.5rem; font-weight:600; color:#fff;}
.mtitst04 span{color:#0294c5;}

#mSection4 .mvTxt3 .link01{width:90%;}
#mSection4 .mvTxt3 .link01 ul li{width:100%; margin-left:0px; padding:20px;}
#mSection4 .mvTxt3 .link01 ul li a{color:#fff; font-weight:600; font-size:17px;}
}



#mSection5 .s-inner { display: table; table-layout: fixed; height: 100%;  border:0px solid red; text-align:center; padding-top:12%;}

#mSection5 .mvTxt5 .t1 {font-family: 'S-CoreDream-2ExtraLight', sans-serif !important; font-size:55px; color:#000; font-weight:500; }
#mSection5 .mvTxt5 .t1 span{ font-family: 'S-CoreDream-7ExtraBold', sans-serif;  color:#0187a8;}
#mSection5 .mvTxt5 .t2 { font-size:17px; color:#000; font-weight:500; line-height:40px; margin-top:0px; box-sizing:border-box; }
#mSection5 .mvTxt5{margin-bottom:20px;}
#mSection5 .newsarea{width:1660px; margin:a0 auto;  border:0px solid red; overflow:hidden;}

#mSection5 .newsarea ul {width:100%; }
#mSection5 .newsarea ul li{display:inline-block; text-align:left;  float:left; width:23%; margin:1%;  border:0px solid red;  box-sizing:border-box; }
#mSection5 .newsarea ul li img{width:100%;}

.newstt{font-size:19px; color:#000; line-height:55px; font-weight:600;}
.newstt1{font-size:15px; line-height:25px; color:#333333; font-weight:500;}
.newstt2{font-size:14px; font-weight:600; font-style:italic; color:#999999; line-height:45px;}


.sns{position:fixed; top:45%; left:2%; z-indeX:55;}
.sns ul li{display:block; width:45px; height:45px; margin-bottom:10px;}
.sns ul li.face{background:url('/theme/rsp01/img/sns_01_1.png');}
.sns ul li.insta{background:url('/theme/rsp01/img/sns_02_1.png');}
.sns ul li.blog{background:url('/theme/rsp01/img/sns_03_1.png');}
.sns ul li.youtube{background:url('/theme/rsp01/img/sns_04_1.png');}

.fp-viewing-secondPage .sns ul li.face{background:url('/theme/rsp01/img/sns_01.png');}
.fp-viewing-secondPage .sns ul li.insta{background:url('/theme/rsp01/img/sns_02.png');}
.fp-viewing-secondPage .sns ul li.blog{background:url('/theme/rsp01/img/sns_03.png');}
.fp-viewing-secondPage .sns ul li.youtube{background:url('/theme/rsp01/img/sns_04.png');}


.fp-viewing-4Page .sns ul li.face{background:url('/theme/rsp01/img/sns_01.png');}
.fp-viewing-4Page .sns ul li.insta{background:url('/theme/rsp01/img/sns_02.png');}
.fp-viewing-4Page .sns ul li.blog{background:url('/theme/rsp01/img/sns_03.png');}
.fp-viewing-4Page .sns ul li.youtube{background:url('/theme/rsp01/img/sns_04.png');}

.fp-viewing-5Page .sns ul li.face{background:url('/theme/rsp01/img/sns_01.png');}
.fp-viewing-5Page .sns ul li.insta{background:url('/theme/rsp01/img/sns_02.png');}
.fp-viewing-5Page .sns ul li.blog{background:url('/theme/rsp01/img/sns_03.png');}
.fp-viewing-5Page .sns ul li.youtube{background:url('/theme/rsp01/img/sns_04.png');}



@media all and (max-width:976px) {
.sns{display:none;}


}

/*
#gnb_mo { position:fixed; height:100%; z-index:99; right:0;  top:0; padding:120px 30px 2%; background:rgba(0, 0, 0, 0.3);
                color:#000; width:100%; max-width:500px; box-sizing:border-box; transition: all 0.4s ease;
            	-webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0); -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
               transform: translateX(100%) rotate(0);}

#gnb_mo.m_menuOn{-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }

#gnb_mo > ul > li > div.active:before {transform:rotate(90deg)}

.menuToggle.m_on { position:fixed; height:100%; z-index:99999;}
.menuToggle.m_on span.t {transform:translateY(11px) rotate(45deg); background:#fff;}
.menuToggle.m_on span.m {width:0;}
.menuToggle.m_on span.b {transform:translateY(-11px) rotate(-45deg); background:#fff;}
*/


/*
#gnb_mo .gnb_dp1 div {  font-weight:500;  padding:1.5em 0; cursor:pointer; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#gnb_mo .gnb_dp1 > div > a { color:#fff; }
#gnb_mo .gnb_dp1 a{display:block; font-size:18px;  height:55px; line-height:55px; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.2);  }
#gnb_mo .smenu {display:none; padding:10px 0;}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span {display:block; padding:4px 10px; color:#fff;}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:rgba(0,0,0,0.2); color:#FFF; font-weight:500;}

#gnb_mo .mem { margin-top: 3em; overflow: hidden; width: 100%; text-align: center; }
#gnb_mo .mem li { float: left; width:31%; margin-right:6px; margin-top:6px;  background: #fff; }
#gnb_mo .mem li:nth-child(odd) { margin-left:0; }
#gnb_mo .mem li a { color:#212121; font-size: 1.8rem; display: block; line-height:4.5em; font-weight: 700; }
#gnb_mo .mem li a:hover { background: #0060ff; color:#fff; }
*/




.fp-viewing-4Page #header #logo,
.fp-viewing-5Page #header #logo{background:url('../img/logo.png')no-repeat; position:absolute;}


.fp-viewing-3rdPage .menuToggle span,.fp-viewing-5Page .menuToggle span { background: #212121; }





#footer { position: relative; font-size:15px;  color:#000; text-align:center; width: 100%; background: #fff; line-height:25px; padding: 2% 0; overflow: hidden; z-index: 15;  }
#footer a{color:#fff;}
#footer img{padding:20px; }
#footer .pr15{padding-right:15px;}
#footer .pr10{padding-right:10px;}


#footer h1 { float: left; margin-right: 5%; margin-bottom: 2%; }
#footer .f-cont { float: left; font-size: 1.4rem;  }
#footer .f-cont .f-link li { display: inline-block; margin-right: 12px; }
#footer .f-cont .f-link li a { color:#fff; }
#footer .f-cont .f-info { margin: 1em 0 2em; }
#footer .f-cont .f-info p { display: inline-block; margin-right: 7px; opacity: 0.4; line-height: 1.7em; color: #fff;}
#footer .f-cont .f-info p a{color: #fff;}

.copy {width:100%; text-align:center;  border-top:1px solid rgba(0,0,0,0.1);  margin-top:35px; 
padding-top:25px; 
font-size: 14px;  text-transform: uppercase; }
.copy span{font-weight:600; color:#006699;}

.mobileshow{display:none;}


@media all and (max-width:767px) {
  #footer { padding: 5% 0; font-size:13px; }
  #footer img {width:40%; }
  #footer .f-cont .f-info p br { display: none; }
  .mobileshow{display:block;}
  .mobilenone11{display:none;}
}

@media all and (max-width:568px) {
  #footer { padding: 7% 4%;  box-sizing: border-box; margin-top:0%;
  line-height:21px !important;
  }
}

@media all and (max-width:480px) {
  #footer h1 img { height: 20px; }
}







/* **************************************** *
 * window
 * **************************************** */

.allmenu{z-index:55555; position:absolute;text-align:center; top:0px; right:2px; height:120px; width:120px;
border-left:1px solid rgba(255,255,255,0.2);background:url('../img/allmenu.png')no-repeat; }


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

.allmenu{display:none;}

}



.window {
    display: none;
	box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
	border-color:#ddd #aaa #888 #ddd; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90% ;max-width:860px;
	
	}



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
	.window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
	.window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
	line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}

.window .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; }


.window .btn_close {top:25px; right:30px;   font-size:27px; line-height:30px; transform:scale(1,0.7);  font-weight:300;}



.allmenubg .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.allmenubg .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg {background:#08182c;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px; padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:2rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
	@media (min-width: 1024px) {


	 	}





	/*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:90vh; overflow-y: scroll !important; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}


#top_btn {border-radius:30px; position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px;  line-height: 56px; border: 0; background: #cc0000; color: #FFF; text-align: center; font-size:1em; z-index: 99999999999999999999; }
#top_btn:hover{background-color:#cc0000;}


@media screen and (max-width:767px) {

#top_btn{width:40px; height:40px;  bottom:15px; right:15px;  line-height:40px;}
}



.consulleft{width:40%; float:left;}
.consulright{width:60%; float:right; text-align:left; font-size:17px; line-height:35px; color:#000;}
.consulright span{color:#0d86c3; font-weight:600;  font-size:19px;}

@media screen and (max-width:767px) {

.consulleft{width:100%; text-align:center; display:none;}
.consulleft img{width:80%;}
.consulright{width:100%;  font-size:16px; line-height:30px;}
}