/*** reset ***/
html {-webkit-text-size-adjust: none;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    font-family: 'S-CoreDream-4Regular'sans-serif;


}

strong {
    font-family: 'S-CoreDream-5Medium';
}

*{font-family: 'S-CoreDream-4Regular';}

@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-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-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


html, body {
  width:100%;
  font-size:14px;
  color:#353535;
  font-weight:300;
  letter-spacing:-0.03em;
  line-height:1.6;
  font-family: 'S-CoreDream-4Regular' !important

}

html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img {padding:0; margin:0; border:0; color:inherit; background:none; line-height:inherit; font-size:inherit;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
th, td {vertical-align:middle; position:relative;}
/*input {-webkit-appearance:none; border-radius:0}*/
select, button {cursor:pointer}
ul, ol {list-style:none;}
img {max-width:100%; vertical-align:top;}
a {color:inherit; text-decoration:none}
em {font-style:normal}
strong {font-weight:600}


/*** common ***/

.text-primary{color:#0058A9}
.text-yellow{color:#FFCE34}
.text-1f1f1f{color:#1f1f1f}
.text-white{color:#ffffff}
.bg-primary{background-color:#0058A9}
.bg-yellow{background-color:#FFCE34}
.bg-1f1f1f{background-color:#1f1f1f}
.bg-white{background-color:#ffffff}

.text-left{text-align:left}
.text-right{text-align:right}
.float-left{float:left}
.float-right{float:right}

html{width:100%; max-width:1920px ;min-width: 1024px;  margin:0 auto; height:100vh}
body{
  background-color:#fbfbfb;
  position:relative;
  height:100%;
}

/* scroll */
::-webkit-scrollbar{width: 6px; position:absolute; right:0;}  /* 스크롤바 넓이 */
::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0);} /* 트랙 배경 색상 */
::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .2); border-radius: 10px;} /* 바 색상, 모서리 */
::-webkit-scrollbar-thumb:hover {background: #1795c5;} /* 마우스 올렸을 때 */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { /* 버튼 넓이, 버튼 높이, 버튼 색상 */
width:10px;height:10px;background:rgba(0, 0, 0, .25)}

*{box-sizing:border-box; outline:none;font-family: 'S-CoreDream-4Regular' !important}
.title{
  width: 120px;
  line-height: 2.3;
  border-radius: 2px;
  display: inline-block;
  text-align: left;
  font-size: 14px;
  margin-right: 15px;
  font-weight: 600;
  color: #2F323E;
  width:100%;
}
label.title{
  text-align: center;
  line-height: 1;
  font-size: 16px;
}
.top .title{
  margin-right:0
}
.top:after{
  display:block;
  content:'';
  clear:both;

}
.top p{width:49%; display:inline-block; float:left; }
.top p:nth-child(2n){float:right;}

.search_area .input_box{
  display:inline-block;
  float:left;
}
.dev3{ width: 31% !important; margin-right: 3.3%}
.dev2{  width:50%; }
.search_area .input_box:nth-child(2n){
  float:right
}

/* margin */

.mr0{ margin-right: 0}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}

.mt0{ margin-top: 0}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.ml0{ margin-left: 0}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}

.mb0{ margin-bottom: 0}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}


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

.top_left{
  width:45%;
  float: left
}

.top_right{
  width:45%;
  float: right
}

.top input,
.top select{
	width:100%;
  float:left;

}

input, select{
  height:35px;
  font-size:14px;
  text-indent:8px;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius: 2px;
  outline:none
  box-sizing:border-box
/*  box-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.3) */

}
input, select, label{  box-sizing: border-box;}
input[readonly]{background: #f8f8f8;}
select{
  background-image:url('../img/arrow_white_down.svg');
  background-size:20px 10px;
  background-repeat:no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-position: 95% center;
}

select option{
  text-indent:15px;
}

select::-ms-expand {
display: none;
}

select.active{
background-image:url('../img/arrow_white_up.svg');
}

input, select{height:40px; border-radius:6px; }


input[type=checkbox]:not(old){
      display: inline-block;
      height:20px; box-sizing: border-box; padding-right:30px;
      background: url('../img/chk.svg') no-repeat right bottom;
      background-size:100%;
      font-size:12px;
      }

input[type=checkbox]:not(old):checked{
      background: url('../img/chk.svg') no-repeat right top;
      background-size:100%;
      height:20px; box-sizing: border-box;
      }


input[type=checkbox]:not(old) + label {
	display: inline-block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background: url('../img/chk.svg') no-repeat left bottom;
  background-size:100%;
  margin:auto;
	font-size: 12px;
	border: 0;
	}
	input[type=checkbox]:not(old):checked + label {
    background: url('../img/chk.svg') no-repeat left top;
    background-size:100%;
    height: 20px;
    box-sizing: border-box;

    margin:auto;
}
input[type=checkbox]{	display:none !important}
textarea{width:100%; height:100%;  padding:15px;}
/* btn */
.btn{
  display: inline-block;
  height: 40px;
  line-height: 2.5;
  border-radius: 6px;
  text-align: center;
  font-size: 15px;
}

.bg-f9f{
  background:#F9F8FF
}
.blue{
  background-color:#283B8F;
  color:#fff;
}
.text-white{color:#fff}
.text-primary{color:#0058a9}
.bg-primary{background-color:#0058a9; color:#fff;}
.text-yellow{ color:#ffce34;}
.bg-yellow{background-color:#ffce34}
.text-gray{color:#373c3f}
.point{color:#f15335}
.gold{
  background-color:#C6AA55;
  color:#fff;
}
.darkgray{
  background-color:#464646;
  color:#fff;
  }
.white{
  background-color:#FFFFFF;
  color:#283B8F;
}
.black{
  background-color:#313234;
  color:#fff;
}

.float-left{float:left}
.float-right{float:right}

.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}

.full-width{width:100%;}
.half-width{width:49%;}

.text-white{color:#fff}
.text-black{color:#313234}
.text-blue{color:#283B8F;}
.text-gray{color:#888}
.text-darkgray{color:#464646}
.text-gold{  color:#C6AA55  }
.text-yellow{  color:yellow  }

.popup{
  position:fixed;
 top:0;
 right:0;
 left:0;
 bottom:0;
 margin:auto;
 box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .16);
 padding:30px;
 display:none;
 background: #fff;
 z-index: 9

 }
 .show{display:block !important;}
 .depth02{display:none;}
 .popup .close{
   display:inline-block;
   width: 20px;
  height: 20px;
  margin-top: 20px;
}
.popup .logo{
  display:block;
  text-align:center;
  margin:10px auto 20px}
.popup .result{text-align:center;}
/* main */

#container{
width:100%;
margin:0 auto;
}

/* mainV */
.mainV{
  width:100%;
  height:80vh;
  max-height:1000px;
  text-align:center;
  position:relative;
}
.mainV::before{
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #C6AA55;
  position: absolute;
  bottom: calc(50% - 10px);
  z-index: 1;
}
.mainV:after{
  display:block;
  content:'';
  width:100%;
  height:400px;
  background-color:#23408E;
  position:absolute;
  bottom:0;
}
.text_wrap{
  position:absolute;
  top:24%;
  right:0;
  left:0;
  margin:auto;
  z-index:1
}
.logo{ width:180px; display:inline-block; margin:0 auto;}

h3{font-size:40px;}
h4{font-size:30px;}
.btn_submit{margin-top:50px;}
.text1 p{
  font-size: 24px;
  color: #666;
  margin-top: 20px;
}
.text2{
  margin-top: 90px;
}
.text2 .select{

}
.text2 .select{
  border-radius: 0;
  background-color: transparent;
  font-family: 'JejuGothic';
  font-size: 20px;
  text-align: center;
  color: #fff;
  border:2px solid #FFFFFF;
  width:500px;
  height:60px;
  margin:15px auto 0;
  background-color: transparent;

}

.start{
  display:block;
  width:250px;
  height:50px;
  border-radius:30px;
  margin:30px auto 0;
  font-size:20px;
  font-weight:600;
}
.start.blue:hover{
 background:#C6AA55
}
.slash{
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  margin: 25px auto;
}
.slash img{
  width:20px;
  height:20px;
}
.section_tit{
font-size:34px;
color:#23408E;
font-weight:600;
}
.section_tit2{
  font-size: 23px;
  text-align: center;
  margin-top: 10px;
}
.sec_cont{
    padding: 40px 0;
    text-align:center;
}
.sec01_list{
  max-width:1000px;
  margin:0 auto;
  }
.sec_cont ul:after{
  display:block;
  content:'';
  clear:both;
}
.sec_cont ul li{
  float:left;
}
.sec01_list li{
  width:calc(100% / 7);
  text-align:center;
  height: 140px;
}
.sec01_list li img{
margin-bottom:20px;
height:120px;
}
.sec01_list li span{
  font-size:18px;
color:#6D7280;
display:block;
}
.sec01_list .sec01_arrows{
  width: 40px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: block;
  text-align: center;
  margin-top: 50%;
  height:auto;
}
.sec01_list .sec01_arrows img{
  height:auto;
  width: 40px;
  margin-top: 20px;
}

.sec2_list{
  display:inline-block;
  width:514px;
}
.sec2_list li{
  width: 257px;
text-align: left;
}
.sec2_list li img{
  height:150px;

}
.sec2_list li dl{
  display:inline-block;
}
.sec2_list li dl dd{
  color: #6D7280;
  font-size: 20px;
  font-weight: 600;
  padding: 20px 0 10px;
}
.sec2_list li dl dt{
  color:#6D7280;
  font-size:16px;
}

.sec03_list li span{
  font-size: 16px;
  line-height: 1.4;
  margin-top: 10px;
  width: 212px;
  letter-spacing: -1px;
}
.sec03_list li:nth-child(4) span,
.sec03_list li:nth-child(6) span{
      margin-top: 20px;
}

/* main selectbox*/
.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative;
  border-radius: 2px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 6px;
  font-size: 12px;
  line-height: 18px;
  color: #444;
  min-height: 18px;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #CCC;
}
.selectricHover .selectric .button {
  color: #888;
}
.selectricHover .selectric .button:after {
  border-top-color: #888;
}

.selectricOpen {
  z-index: 9999;
}
.selectricOpen .selectric {
  border-color: #CCC;
  background: #F0F0F0;
}
.selectricOpen .selectricItems {
  display: block;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectricItems {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F9F9F9;
  border: 1px solid #CCC;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectricItems .selectricScroll {
  height: 100%;
  overflow: auto;
}
.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%;
}
.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectricItems li {
  display: block;
  padding: 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0;
}
.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}

/* main section */
.section_num{
  font-size:24px;
  font-weight:600;
  text-align:center;
  color:#464646;
}
.cont_inner > section{
  margin: 0 auto;
  padding: 50px;
  box-sizing: border-box;
}
.sec_logo{
  width: 146px;
    display: inline-block;
    margin: 0px 5px 3px 5px;
    vertical-align: text-bottom;
}
.sec03_list{
  max-width: 1000px;
    margin: 0 auto;
  }
.sec03_list li{
  width: 32%;
  margin-right: 1.3%;
  margin-bottom: 15px;
  text-align: left;
  height: 105px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1.2px 1px rgba(0, 0, 0, .16);
  transition: box-shadow 300ms;
  border: 1px solid #ddd;
  padding: 15px;
  }
.sec03_list li:hover{
box-shadow:0px 0px 10px rgba(0, 0, 0, .3)

}
.sec03_list li:nth-child(3n){
  margin-right:0;
}
.sec03_list li img{
  width:auto;
  max-width:70px;
  height:auto;
  max-width:62px;
  margin-top:5px;
}
/* sub */
#container{  background:#fff;}
#container .cont_inner{margin:0 auto;max-width:1000px}
.mainV:after {

  width: 100%;
  height: 50%;
  background-color: #23408E;
  position: absolute;
  bottom: 0;
  z-index: 0;
}
.cont_inner>div{margin:0 auto;}
#subV{width:100%; height:230px; background:#F8F8F8}
#subV:after,
.cont_inner:after,
#qna_write:after,
.board_box:after{
  display: block;
  content: '';
  clear:both;

}
#subV span.text-center{
  color:#666
}
.sub_logo{width:200px; margin:0 auto; padding-top:30px;}
.line-vertical{width:3px; height:30px; background:#283B8F; margin:15px auto;}
/** 약관동의 **/
#agree{max-width:800px;=}
#agree section .title{text-align:center; margin:10px 0;}
#container h5{ font-size:20px; font-weight:600; text-align:center; display:block;}
section .details{width:100%; max-height:190px; text-align:left; overflow:auto; overflow-x:hidden; background:#FBFBFB; padding:10px; margin:10;tx }

/* 회원가입 */
#joinBox{
  background-color:#FBFBFB;
  border:1px solid #EEEEEE;
  padding:30px;
  box-sizing:border-box;
  width:500px;
  margin:50px auto;
}
#joinBox .box:after{
  display:block;
  content:'';
  clear:both;

}
#joinBox .box input{width:100%;}
#joinBox .box .title{margin-right:0;}

#joinBox .box.birth{
  display:inline-block; float:left;
width:74%;}
#joinBox .box.birth input{width:105px;}
#joinBox .box.sex{
  display: inline-block;
    float: right;
    width: 25%;}
#joinBox .box.sex select{width:110px;}
#joinBox .box.phone input,
#joinBox .box.ph_input input{width:80%;}
#joinBox .phone .btn, .ph_input .btn{width:80px;}
#joinBox .ph_input .time{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  margin:auto;
}

/* 상담신청 */
#consult{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  text-align: center;
width: 765px;
  height: 350px;
}

#consult .text{
  font-size: 44px;
  font-weight: 600;
  text-align: left;
  display: inline-block;
  line-height: 1.6;
}
.text:after{
  display:block;
  content:'';
  clear:both;
}
#consult .text p{
  display:inline-block;
  margin-left:15px;
}
#consult .text p:nth-child(3){
    margin-left: 205px;
}
#consult strong{
  font-size: 30px;
display: block;
margin-top:60px;
}
.quotes{
  width: 40px;
  height: 30px;
  display: inline-block;
  margin-top: 4px;
}
/* 상담 예약 */
#reservation{
  padding:25px;
  height:100%;
  overflow:auto;
}
.reserv_table{
  width: 100%;
  max-width: 1000px;
  background: #F8F8F8;
  margin: 0 auto;
  padding-top: 10px;
  margin-bottom: 10px;
}
.reserv_table p{
  width:16%;
  display:inline-block;
  margin-top:20px;

}
.reserv_table p span{
  display:block;
  text-align:center;
  font-size:14px;
}
.reserv_table p span.month{
  font-size:18px;
  font-weight:600;
  margin:5px 0
}
.reserv_table ul {
    width: 84%;
    float: right;
    padding-left: 10px;
    background: #fff;
}
.reserv_table ul:after,
.reserv_table:after{
  display:block;
  content:'';
  clear:both;
}
.reserv_table ul li {
  background-color: #ababab;
  width: calc(25% - 10px);
  margin-right: 10px;
  display: inline-block;
  float: left;
  height: 50px;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 10px;
}
.reserv_table ul li:nth-child(4n){
  margin-right:0;
}
.reserv_table ul li .btn{
  width: 50px;
  height: 35px;
  color:#ababab;
  font-weight:600;
}
.reserv_table .time{
  padding-left: 10px;
font-size: 20px;
}
.reserv_table ul li.active{
  border:1px solid #283B8F;
  background:#fff
}
.reserv_table ul li.active .btn{
  color:#fff
}
#apply{
  width:400px;
  height:310px;
  padding:0;

}
#apply .contents{
  padding:20px;
}
.popup_bar{
  position:relative;
      height: 40px;
}
.popup_bar .close{
  position: absolute;
  top: 13px;
  right: 10px;
  margin-top: 0;
  width: 15px;
  height: 15px;
}
.popup_bar .text-white{
  text-align: center;
      margin: 0 auto;
      display: block;
      padding-top: 9px;
}
.popup .contents span.mt10.mb10{
  display:block;
  font-weight:600;
}

/* table */
table,
.board_box{
  border:1px solid #464646;
  border-width:1px 0;
}
thead{
  border-bottom:1px solid #CCCCCC
}
tr{
  height:40px;
  border-bottom:1px solid #EEEEEE
}
tr:last-child{
  border-bottom:0;
}
table tr td{
  color:#888;
}
table tr td a.btn{
  border-radius:0;
  height:auto;
      line-height: 1.4;

}
table tr td a.btn:hover{
  border-bottom:1px solid #333;
  color:#333
}

table tr td:nth-child(1),
table tr td:nth-child(3),
table tr td:nth-child(4){
  text-align:center;
}
.tablepage{
  text-align:center;
  margin-top:10px;
}
.tablepage a{
  width:20px;
  height:26px;
  display:inline-block;
  text-align:center;
}
.tablepage .active{
  background: #283B8F;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding-top: 2px;
}
#qna_write{
  width:1000px;
  margin:0 auto;
}
.box{
  display:inline-block;
  float:left;
}
#qna_write .box span{
width:45px;
}
#qna_write .box input,
#qna_write .box textarea{
  border:1px solid #DDDDDD;
  background:#fff;
  border-radius:4px;
  min-width:250px;
}
#qna_write .box.full-width{
    margin-top: 10px;
}
#qna_write .box.full-width input,
#qna_write .box.full-width textarea{
  width:calc(100% - 64px);
  float:right;
}
#qna_write .box.full-width textarea{
  min-height:400px;
}
.qua_title{
  font-size: 20px;
  font-weight: normal;
  padding: 15px 5px;
  font-weight: 600;
}
#qna_lookup .box span{
  width:45px;
  color:#333;
}
.box input,
.box textarea{
  width:auto;
  color:#333;
  background:transparent;
  border:0;
}
#qna_lookup .box{
  height:40px;
}
#qna_lookup .box .name,
#qna_lookup .box .tel{
  color: #888;
  font-size: 14px;
  height: 100%;
  display: inline-block;
  width: auto;
  line-height: 2.8;
}
.box.full-width textarea{
  min-height: 400px;
  width: 100%;
}
#qna_lookup .box.full-width{
  border-top:1px solid #eee;
  height:100%;
}


/* footer */

#footer_wrap .footer .copyright strong {display:block;}
#footer_wrap .footer .copyright address {margin-top:5px;}

#footer_wrap a{color:white;}

#footer_wrap .footer .copyright{width:100%; float:left; margin-left:30px; margin-top:10px;}
#footer_wrap .footer .copyright ul{ display: flex; flex-wrap: wrap; font-size: 15px;}
#footer_wrap .footer .copyright h2{margin-right: 30px; float:left; margin-top:-5px;}
#footer_wrap .footer .copyright ul li, #footer_wrap .footer .copyright .personal li{line-height:1.6; display:inline-block; float:left; color:#fff;}
#footer_wrap .footer .copyright ul li span{padding:0 10px;}
#footer_wrap .footer .copyright p{color:#fff; font-size: 15px; margin-top: 10px; display:inline-block; float:right; text-align:right; line-height:1.6; font-size:13px;}
#footer_wrap .footer .copyright .personal{margin-top: 20px; display:inline-block;}
#footer_wrap .footer .copyright .personal li:first-child a{margin-left: 0; }
#footer_wrap .footer .copyright .personal li a{margin:0 20px;}
#footer_wrap{background: #464646;}
/* color:white; font-family:'Arita-dotum-Medium','NanumBarunGothicWeb','NanumBareunGothicUltraLight','NanumSquareR','NanumGothic',sans-serif;} */

#footer_wrap .footer {width:90%; max-width:1400px; margin:0 auto; padding:30px 0;}
#footer_wrap .footer:after{display:block; content:''; clear:both;}
#footer_wrap .footer h2 {float:left; margin-top:-5px;}


/**************************************************/

@media (max-width:1370px){
  html body{margin-top:60px}
  body #header{height:60px}
  body #header .top h1>a>img {width: 124px}
  body #header .menu_wrap{padding-top:10px}
  body #header .menu .gnb li a{font-size:15px}
  body #header .menu .sub{top:10px}
}