@charset "euc-kr";
/*   */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700|Nanum+Myeongjo&display=swap');
body, html {font-family: 'Nanum Gothic', 'Apple SD Gothic Neo', sans-serif;  margin: 0; padding: 0; color: #000; font-size: 14px; scrollbar-face-color: #4d4d4d; scrollbar-3dlight-color : #f4f4f4; ; scrollbar-arrow-color: #000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color : #efefef; scrollbar-highlight-color : #f4f4f4; scrollbar-shadow-color : #cccccc; }

::-webkit-scrollbar {
width: 8px;
height: 8px;
border: 3px solid #fff;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
background: #efefef
}
::-webkit-scrollbar-track {
background: #efefef;
-webkit-border-radius: 10px;
border-radius:10px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb {
height: 50px;
width: 50px;
background: rgba(0,0,0,.2);
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)
}
::-webkit-input-placeholder {
font-family:"Nanum Gothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#404040
}
:-ms-input-placeholder {
font-family:"Nanum Gothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#bfbfbf
}
::-moz-placeholder {
font-family:"Nanum Gothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#404040;
opacity:1
}
:-moz-placeholder {
font-family:"Nanum Gothic", "MalgunGothic", sans-serif;
font-size:14px;
color:#404040;
opacity:1
}
div, table, tr, th, td, form, fieldset, textares, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img { vertical-align: top; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
button { cursor:pointer;}
/* for layout */
select, input { color: #333; line-height: 18px; border: 1px solid #cccccc; }
textarea { color: #333; border: 1px solid #cccccc; }
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #DA304F !important; }
.txt_gray { color: #cccccc !important; }
.txt_black { color: #000000 !important; }
.cursor { cursor: pointer; }
.bg_gray { background: #f0f0f0 }
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid75 { width: 75px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px; }
.wid100p { width: 100%; display: block; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70 { display: inline !important; }
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px; font-size: 0; }
.gap_7 { height: 7px; font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }

textarea:focus, input:focus { outline: 0; }
textarea:focus, input:focus{    outline: none;}
input[type="radio"], input[type="checkbox"] { margin: 0; line-height: normal; vertical-align: middle; }
label { cursor: pointer; font-weight: normal; margin-bottom: 0; }
a { text-decoration: none; color: #444; }
a:hover, a:active, a:focus { text-decoration: none; /* color:#444; */ }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:#fff; color:#F00;}
.navbar-brand { cursor:pointer}

.main_body { padding-top:70px; width:100vw; overflow-x: none;}
.navbar-brand h1 { padding:0; margin:0;}
.top_nav { margin-top:10px;}
.top_nav li a { font-size:17px; letter-spacing:1px; cursor:pointer; font-weight:bold;}
.screen_height { min-height: calc(100vh - 70px);}
.main_index_area { height: calc(100vh - 70px); width:100%; padding: 0; text-align: center; position:relative; display: flex; align-items: center;  text-align:left;}

.main_index_bg {background:#F00; background-size:cover; background-attachment: fixed;  } 
.main_index_bg_white {background:#fff; background-size:cover; background-attachment: fixed;  } 
.main_idx_ul { position:absolute; left:15px; bottom:50px;}
.main_idx_ul li { text-align:left; color:#000; padding:5px 0;}
.main_idx_ul li a { color:#fff; font-size:14px;}
.main_idx_ul li img { vertical-align:bottom; margin-right:10px;}


.area_red { background-color:#F00; color:#fff;   }
.area_white { background-color:#fff; color:#404040; display: flex;  align-items: center;  }

.area_gray { background:#404040; color:#fff;   align-items: center; }
.main_area_bg1 {background:#fff url(../img_n/main_bg02.jpg) bottom right no-repeat;height: 100%; background-size:cover; background-attachment:fixed;}
.main_area_bg2 {background:#F00 url(../img_n/main_bg03.jpg) center right no-repeat;height: 100%; background-size:cover; background-attachment:fixed;}
.main_h2 { text-align:left; padding:0; margin:0; font-size:50px; font-weight:  700 ; font-family:'Nanum Gothic', sans-serif;}
.main_inner { padding:10vh 0; max-width:100%;}
.main_serv_box1 { padding:20px 20px; }
.main_offset { padding-left:0;}
.font_m { font-family: 'Nanum Myeongjo', serif;}
.main_h3 { font-size:13pt; font-weight:800;}
.main_serv_box1 .main_h3:after { display:block; height:3px; width:50px; background:#fff; margin:20px 0; content:" "}
.main_ul1 li { font-size:10pt; padding:3px 0; font-weight:100}
.main_serv_box2 {padding:20px 15px ; margin:0 15px;   color:#F00; background:#FFF url(../img_n/bg_edge1.png) right top no-repeat;}
.main_serv_box2:after {background:#FFF url(../img_n/bg_edge2.png) left bottom no-repeat; display:block; content:" "; width:100%; height:30px; margin-left:-15px;margin-bottom:-20px;}
.main_serv_box2 .main_h3  { margin-bottom:20px}
.main_p { font-size:13pt; line-height:160%;  }
.table_his { font-size:11pt; font-weight:bold; background-color:transparent;}
.table_his th, .table_his td { text-align:left; vertical-align:top; padding:5px 0; line-height:160%; letter-spacing:-1px;}
.table_his th { width:100px;}
.table_his td:after {display:block; height:2px; width:20px; background:#fff; margin:15px 0 10px 0; content:" "}
.ul_bns li { display:inline-block;}
.msg1 { font-size:9pt;}
.footer_wrap { text-align:center; height:180px;}
.footer_wrap a { display:inline-block; padding:30px 10px;}
.footer_wrap a img { height:30px; width:auto;}
.footer_wrap address { color:#404040; padding:30px 0 0 0;}
.map_area {height: calc(100vh - 250px);}
.main_idx_txt1 { color:#fff; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; }
.main_idx_txt1:after { display:block; height:3px; width:50px; background:#fff; margin:20px 0; content:" "}
.main_idx_txt2 { color:#fff;font-family: 'Nanum Myeongjo', serif; letter-spacing:-1px;}
.main_index_bg_white, .main_idx_txt1, .main_index_bg_white .main_idx_txt2 { color:#f00}
.doc_wrap { width:100%; height:100%; position:fixed; background-color:transparent; display:none; top:0; left:0;z-index: 9; } 
.main_edx_sns a { display:inline-block; padding:30px 20px 0 0;}
.main_edx_sns img { height:40px; width:auto;}
.navbar-white {
  background-color: #fff;
  border-color: #ccc;
}
.navbar-white .navbar-toggle {
  border-color: #999;
}
.navbar-white .navbar-toggle:hover,
.navbar-white .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-white .navbar-toggle .icon-bar {
  background-color: #999;
}
.nav > li > a:hover, .nav > li > a:focus { background-color:transparent;}
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
  color: #000;
  border-bottom:1px solid #444;
}
.navbar-white .navbar-nav > .disabled > a,
.navbar-white .navbar-nav > .disabled > a:hover,
.navbar-white .navbar-nav > .disabled > a:focus {
  color: #000;
  background-color: transparent;
}

@media (max-width: 767px) { 
.main_idx_ul { position:absolute; left:15px; bottom:15px;}
.main_idx_txt_wrap { width:100%;}
.main_idx_txt1, .main_idx_txt2, .main_edx_sns { margin-left:20px;}
.main_idx_txt1 { font-weight:bold;font-size:13vw; line-height:110%; text-align:left;}
.main_idx_txt2 { font-weight:bold; font-size:16pt;text-align:left;}

.main_h2 { padding:0 0 0 20px;  margin:0 0 40px 0; font-size:33px;}
.main_offset { padding-left:0;}

.main_serv_box2 { margin:20px;}
 .main_p { font-size:12pt; line-height:160%; padding:0 10px 0 20px ;  }
 .table_his th { width:60px;}
.main_offset2 {padding-left:20px; padding-right:10px;}
.ul_bns { margin:0 30px;}
.ul_bns  { text-align: left}
.ul_bns li img { width: 100px; height:auto ; display:inline-block;}
.ul_bns li.lg img { width: 175px;}
.ul_bns li.md img { width: 125px;}
.ul_bns li:last-child {  text-align:left;}
.navbar-collapse { background:#fff;position: fixed;  height:100vh;max-height:100vh !important; overflow:auto;overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: 10; width: 250px; color: #eee; top: 70px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1;}
.left { left:-250px}
.show { left:0   }

.navbar-nav { margin:15px !important;}
.main_serv_box1 { padding:20px 20px; }
 
.main_index_bg::before {
  content: ' ';
  display: block;
  background-image:none;
  background-color:#F00;
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10;  
}
.main_index_bg {background: none;  } 
.main_index_bg_white::before {
  content: ' ';
  display: block;
  background-image:none;
  background-color:#fff;
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10;  
}
.main_index_bg_white {background: none;  } 


 
.main_area_bg1 {background:#fff url(../img_n/main_bg02.jpg) bottom right no-repeat;height: 100%; background-size:contain; background-attachment:scroll;}

.main_area_bg2 {background:#F00 url(../img_n/main_bg03.jpg) top right no-repeat;height: 100%; background-size: cover; background-attachment:scroll;}
 
.navbar_l_wrap { background-color:#fff; border-right:1px solid #ccc;border-top:1px solid #ccc}
}
@media (min-width: 768px) and (max-width: 991px) { 
.nav > li > a { padding:15px 5px; font-size:15px;}
.main_idx_txt_wrap {  }
.main_idx_txt1, .main_idx_txt2, .main_edx_sns { margin-left:100px ;}
.main_idx_txt1 { font-weight:bold;font-size:50pt; line-height:110%; text-align:left;}
.main_idx_txt2 { font-weight:bold; font-size:16pt;text-align:left;}
.main_h2 { padding:0 0 0 100px;  margin:0 0 40px 0; font-size:50px;}
.main_offset { padding-left:150px;}
 
} 
@media (min-width: 992px) and (max-width: 1199px) { 
.main_idx_txt_wrap {  }
.main_idx_txt1, .main_idx_txt2, .main_edx_sns { margin-left:100px ;}
.main_idx_txt1 { font-weight:bold;font-size:60pt; line-height:110%; text-align:left;}
.main_idx_txt2 { font-weight:bold; font-size:20pt;text-align:left;}
.main_h2 { padding:0 0 0 100px;  margin:0 0 40px 0; font-size:50pt;}
.main_offset { padding-left:150px;}

} 

@media (min-width: 1200px) { 
.main_idx_txt_wrap {  }
.main_idx_txt1, .main_idx_txt2, .main_edx_sns { margin-left:200px;}
.main_idx_txt1 { color:#ffffff; font-weight:bold;font-size:60pt; line-height:110%; text-align:left;}
.main_idx_txt2 {  font-weight:bold; font-size:22pt;text-align:left;}
.main_index_bg_white, .main_idx_txt1, .main_index_bg_white .main_idx_txt2 { color:#f00}
.main_h2 {   padding:0 0 0 200px;  margin:0 0 40px 0; font-size:50pt;}
.main_offset { padding-left:280px;}
}

.scroll-up { position: fixed; display: none; z-index: 999; bottom: 2em; right: 2em; }
.scroll-up a { background-color: rgba(0, 0, 0, 0.3); display: block; width: 32px; height: 32px; text-align: center; color: #fff; font-size: 15px; border: 1px solid #fff; line-height: 30px; text-align:center; }
.scroll-up a:hover, .scroll-up a:active { background-color: rgba(0, 0, 0, .9); color: #fff; border: 1px solid #000;}