@charset "euc-kr";
/* @font-face { font-family: "NanumBarunGothic"; src: url("../webfonts/NanumBarunGothic.eot"); src: local(¡Ø), url("../webfonts/NanumBarunGothic.woff")format("woff"); }
@font-face { font-family: "NanumGothic"; src: url("../webfonts/NanumGothic.eot"); src: local(¡Ø), url("../webfonts/NanumGothic.woff")format("woff"); }
body { font-family: 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'nanumBG', 'Nanum Gothic','³ª´®°íµñ',dotum,sans-serif; font-size:0.8em; line-height:1.5; color:#333; } 
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*/ body, html {
font-family:'Pretendard-Regular',"Noto Sans KR" ,"Nanum Square","Open Sans","Apple SD Gothic Neo","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,"±¼¸²",Gulim,AppleGothic,Sans-serif;

margin: 0;
padding: 0;
color:#333;
font-size:16px;
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:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf
}
:-ms-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf
}
::-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf;
opacity:1
}
div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
p { margin: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; }
/* for layout */
select, input { color: #666; line-height: 18px; border: 1px solid #cccccc; }
textarea { color: #666; 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; }
.tooltop { cursor: pointer; vertical-align: middle; }
.mute { color: #999; font-size:}
 
::-webkit-input-placeholder {
color:#ccc;
}
::-moz-placeholder {
color:#ccc;
} /* firefox 19+ */
:-ms-input-placeholder {
color:#ccc;
} /* ie */
input:-moz-placeholder {
color:#ccc;
}
 input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
textarea:focus, input:focus { outline: 0; }
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; */ }
.hidden { display: none; }

.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label { color: #333; }
.checkbox + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.checkbox:checked + label span { background-position: -48px 0; }
.checkbox + label span { background-position: 0 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.checkbox:disabled + label span { background-position: -72px 0; cursor: default; }
.checkbox:checked.disabled + label span { background-position: -96px 0; }
.radio, .radio_sm { display: none; }
.radio + label, .radio_sm + label { color: #333; }
.radio + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.radio:checked + label span { background-position: -168px 0; }
.radio + label span { background-position: -120px 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.radio:disabled + label span { background-position: -192px 0; cursor: default; }
.radio:checked.disabled + label span { background-position: -214px 0; }
.checkbox_sm + label span { display: inline-block; *display: inline;vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.checkbox_sm:checked + label span { background-position: -36px 0; }
.checkbox_sm + label span { background-position: 0 0; }
/* .checkbox_sm.hover + label span  { background-position: -18px 0; }*/
.checkbox_sm:disabled + label span { background-position: -54px 0; cursor: default; }
.checkbox_sm:checked:disabled + label span { background-position: -72px 0; }
.radio_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.radio_sm:checked + label span { background-position: -126px 0; }
.radio_sm + label span { background-position: -90px 0; }
/* .checkbox_sm.hover + label span  { background-position: -108px 0; }*/
.radio_sm:disabled + label span { background-position: -144px 0; cursor: default; }
.radio_sm:checked:disabled + label span { background-position: -162px 0; }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.checkbox + label span, .radio + label span {
 background-image: url(blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}

.pagination { display: inline-block; padding-left: 0; margin: 0 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li.arrow > a { font-family: Arial, Helvetica, sans-serif; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #f1891c; border-color: #f1891c; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

#preloader { background: #FFF; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }
#status { background-image: url(../image/bx_loader.gif); background-position: center; background-repeat: no-repeat; height: 80px; left: 50%; margin: -40px 0 0 -40px; position: absolute; top: 50%; width: 80px; }
.scroll-up { position: fixed; display: none; z-index: 999; bottom: 10px; right: 2em; }
.scroll-up a { background-color: rgba(0, 0, 0, 0.3); display: block; width: 34px; height: 34px; text-align: center; color: #fff; font-size: 15px;  line-height: 33px; border-radius:17px; }
.scroll-up a:hover, .scroll-up a:active { background-color: rgba(0, 0, 0, .9); color: #fff; border: 1px solid #000; }


.top_gnb { background:#f1891c ; height:30px;}
.top_gnb a { color:#fff; font-size:13px; line-height:30px; display:inline-block; padding:0 10px;}
.top_gnb a:hover, .top_gnb a:visited { color:#fff;}


.navbar-logo {   height: 32px;
    width: 180px;
    float: left;
    background: url(../image/logo.svg) left center no-repeat;
    background-size: 150px;
   
    cursor: pointer; margin-top:10px;margin-left:10px;
}
.navbar-logo a { display:inline-block; padding-left:180px; width:0; text-indent: -999999px;}
.navbar_tog_btn { position:absolute; right:10px; top:30px; width:40px; height:40px; border:0; background-color:transparent; color:#333; font-size:21px; line-height:40px;  display:block ;}
.nav_bar { float: none; width:250px;  top: 0; position: absolute;left:-250px; background:#fff; border-right:1px solid #ddd; height:100vh; z-index:99;  -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease; }
.nav_open {  left:0px; transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;}
.nav_close { -webkit-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); -moz-transform: none; }
.top_msg { display:none;}
.nav_dep1 { width:100%;}
.nav_dep1 li { width:100%; float: none; text-align:left; height: auto; border-bottom:1px solid #eee;}
.nav_dep1 li a.more { background:url(../image/bullet_down.png) right center no-repeat;  }
.nav_dep1 li a { display:block; line-height:30px; font-size:16px; color:#000; font-weight:600; cursor:pointer; padding:5px 0 5px 20px;}
.nav_dep1 li a:hover { color:#F58630;}
.nav_dep1 ul { display:none} 
.nav_dep1 ul { width:100%; padding-bottom:20px;  background:#f4f4f4}
.nav_dep1 ul li {width:100%; float: none; text-align:left; height:25px;border-bottom: none;padding:5px 0 5px 10px;}
.nav_dep1 ul li a { display:block; line-height:25px; font-size:14px; color:#666; font-weight: normal; padding:10px 0 10px 15px;}
.nav_dep1 ul li a:before { content: "\2022"; color:#999; margin-right:3px; font-size:9px; vertical-align:middle; display:inline-block; margin-top:-5px;}
.main_visual { max-width:1400px; height:350px; position:relative; margin:0 auto; z-index:1}
.main_visual ul, .main_visual li {width:100%; height:350px; }
.main_visual_t_area { padding:0 50px; text-align:left; width:100%; max-width:1180px; margin:0 auto; margin-top:90px  }
.main_visual_t_area span{ display:block; color:#fff;text-shadow: #111 1px 0 10px;}
.main_visual_t_area .visual_txt_1 { font-size:38px; line-height:50px; font-weight:bold;}
.main_visual_t_area .visual_txt_2 { font-size:22px; font-weight:bold;letter-spacing:-1px;}
.main_visual_t_area .visual_txt_3 { font-size:16px;}
.main_top_wrap { position:relative; }
.main_pjt {   bottom:0; position: relative; width:100%; margin:0 auto; background:#fff; height: auto; z-index:11; left:0; margin-left:0;}

.main_pjt_t_wrap { margin:20px 15px; padding:5px; border-right:0; border-bottom:1px solid #ccc;}
.main_pjt_t_wrap .h3 { font-size:22px; color:#000; padding:0; margin:0; font-weight:bold}
.main_pjt_t_wrap .p { font-size:12px; color:#666; margin:5px 0;}
.main_pjt_ul {margin:10px; padding:0px 0 0 10px; }
.main_pjt_ul li { display:block; width:100%; float: none; font-size:15px;   color:#000; padding:5px 0; overflow:hidden;text-overflow: ellipsis;  white-space: nowrap; height: 30px;}
.main_pjt_ul li a {color:#000; cursor:pointer }
.main_pjt_ul li a:hover { color:#f1891c}
.main_pjt_ul li:before  {content: "\2022"; color:#666; margin-right:10px;}
.main_onway_wrap { margin-top:50px;margin-bottom:0; }
.main_onway_box { padding-top:300px; text-align:center;margin-bottom:50px; cursor:pointer }
.main_onway_box:hover .main_onway_txt2  { color:#f1891c}
.main_onway_box.box_1 { background:url(../image/main_onway_img01.jpg) center top no-repeat;}
.main_onway_box.box_2 { background:url(../image/main_onway_img02.jpg) center top no-repeat;}
.main_onway_box.box_3 { background:url(../image/main_onway_img03.jpg) center top no-repeat;}
.main_onway_txt1 { color:#74b714; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; /* font-size:29px; */ padding:10px 0;}
.main_onway_txt1 strong { color:#138cbd}
.main_onway_txt2 {font-weight:bold; color:#000; font-size:20px;padding:5px 0;}
.main_onway_txt3 {font-weight: normal; color:#666666; font-size:16px;padding:5px 0;}
.main_key_wrap { background:#000 url(../image/main_key_bg.jpg) center center no-repeat; background-size:cover; padding:70px 0}
.main_key_wrap .h3 { color:#fff; font-weight:bold; text-align:center; font-size:45px; padding:0 0 30px 0;  margin:0;}
.main_key_bn { padding:20px 0 0 40px; margin:0 20px; text-align:left; color:#fff; height:120px; margin-bottom:1px; box-sizing:border-box; cursor:pointer }
.main_key_bn.bg1 { background:#f1891c url(../image/main_bn_icon1.png) 85% center no-repeat;}
.main_key_bn.bg2 {background:#9a754f url(../image/main_bn_icon2.png) 85% center no-repeat;}
.main_key_bn.bg3 {background:#6a6a6a url(../image/main_bn_icon3.png) 85% center no-repeat;}
.main_key_bn:hover {opacity: 0.8;    filter: alpha(opacity=0.8);}
.main_key_bn_txt1 { font-size:24px; color:#fff; letter-spacing:-2px;}
.main_key_bn_txt2 { font-size:18px; color:#fff; letter-spacing:0;opacity: 0.6;}
.main_key_tb { padding:20px;}
.key_table { background-color:transparent; }
.key_table td { border:1px solid #555; text-align:center; vertical-align:middle; color:#fff; height:180px;}
.key_table td span { display:block; }
.key_txt1 { font-size:60px; font-weight:bold;}
.key_txt2 { font-size:18px;}
.main_cs_wrap { padding:30px 0;}
.main_cs_bn_box { padding-top:130px; cursor:pointer}
.main_cs_bn_box1 { background:url(../image/main_cs_bg1.jpg) center top no-repeat; background-size:cover; margin-right:20px;margin-left:20px; margin-bottom:20px;}
.main_cs_bn_box2 { background:url(../image/main_cs_bg2.jpg) center top no-repeat; background-size:cover;margin-left:20px;margin-right:20px;}

.main_cs_bn_inner {padding:30px; text-align:left; color:#fff;}
.main_cs_bn_box1 .main_cs_bn_inner { background:#f1891c url(../image/icon_w_r.png) 90% center no-repeat; }
.main_cs_bn_box1:hover .main_cs_bn_inner { background:#c06f1b url(../image/icon_w_r.png) 90% center no-repeat; }
.main_cs_bn_box2 .main_cs_bn_inner { background:#9a754f url(../image/icon_w_r.png) 90% center no-repeat; }
.main_cs_bn_box2:hover .main_cs_bn_inner { background:#6a6a6a url(../image/icon_w_r.png) 90% center no-repeat; }
.main_cs_bn_txt1 { font-size:26px;}
.main_cs_bn_txt2 { font-size:14px; color:#f9d5bb}
.main_cs_bn_box2 .main_cs_bn_txt2 { color:#dacfc5}
.main_cs_info_box { padding:20px;}
.main_cs_info_box span { display:block;}
.main_cs_info_txt1 { font-size:44px; color:#000; font-weight:bold;line-height:50px;}
.main_cs_info_txt2 { font-size:14px; color:#999; }
.main_cs_info_txt3 { font-size:20px; color:#000; margin-top:20px; font-weight:bold;}
.main_cs_info_txt4 { font-size:38px; color:#ff9526; font-weight:bold; line-height:40px;} 
.main_cs_info_txt5 { font-size:20px; color:#000; margin-top:20px;font-weight:bold; }
.main_cs_info_txt6{ font-size:14px; color:#999; }
.footer {  background: #eeeeee; padding: 30px 15px; color: #666; font-size: 13px; line-height:150%;clear:both }
.footer a { color:#000; font-weight:bold;}
ul.share-buttons{  list-style: none;  padding: 0; margin-top:10px; text-align:right;}
ul.share-buttons li{  display: inline; text-align:right;}
div#select_box {
    position: relative;
	margin-left:20px; margin-top:13px;
    width: 140px;
    height: 26px;
    background:#F90 url(../image/select_arrow.png) 120px center no-repeat;  
    border: 1px solid #F90;
}
div#select_box label {
    position: absolute;
    font-size: 13px;
    color: #ffffff;
    top: 5px;
    left: 12px;
    letter-spacing: 1px;
}
div#select_box select#jumpMenu {
    width: 100%;
    height: 26px;
    min-height: 26px;
    line-height: 26px;
    padding: 0 5px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}
@media (min-width:992px){
	.navbar-logo {   height: 32px;
    width: 180px;
    float: left;
    background: url(../image/logo.svg) center center no-repeat;
    background-size: 180px; 
    cursor: pointer; margin-top:20px;
}
.navbar-logo a {display:inline-block; padding-left:180px; width:0; text-indent: -999999px;}
.nav_wrap { position: absolute; background:#fff; height:75px;  z-index:10; width:100%; overflow:hidden;}
 
.navbar_tog_btn { display: none ;}
.nav_bar { float:right;  width: 500px ;top: 0; position: relative;left: auto; background:#fff; border-right: 0 none; height: auto;}
.nav_dep1 { width:500px;}

.nav_dep1 li { width:20%; float:left; text-align:left; height:72px;border-bottom: none;}
.nav_dep1 li a { display:block; line-height:72px; font-size:20px; color:#000; font-weight:600; cursor:pointer; padding:0 0 0 10px;}
.nav_dep1 li a:hover { color:#F58630;}
.nav_dep1 ul { display: block} 
.nav_dep1 ul { width:100%; margin-top:5px;padding-bottom:0;  background:#fff} 
.nav_dep1 ul li {width:100%; float: none; text-align:left; height:25px;padding:0;}
.nav_dep1 ul li a { display:block; line-height:25px; font-size:14px; color:#666; font-weight: normal; padding:0 0 0 10px;}
.main_wrap {padding-top:75px}
.main_visual { max-width:1400px; height:650px; position:relative; margin:0 auto; z-index:1;;}
.main_visual ul, .main_visual li {width:100%; height:650px; }
.main_top_wrap { position:relative;}
.main_visual_t_area { margin-top:140px }
.main_visual_t_area .visual_txt_1 { font-size:70px; line-height:70px; font-weight:bold;}
.main_visual_t_area .visual_txt_2 { font-size:40px; margin-top:10px; font-weight:bold; letter-spacing:-1px;} 
.main_visual_t_area .visual_txt_3 { font-size:24px; margin-top:10px;}
.main_pjt { margin:0 ; bottom:-130px; position:absolute; width:1180px; margin:0 auto; background:#fff; height:250px; z-index:11; left:50%; margin-left:-560px;}
.main_pjt_t_wrap { margin:35px; padding:20px; border-right:1px solid #CCC;border-bottom:0 none;}
.main_pjt_t_wrap .h3 { font-size:40px; color:#000; padding:0; margin:0; font-weight:bold}
.main_pjt_t_wrap .p { font-size:14px; color:#666; margin:10px 0;}
.main_pjt_ul {margin:30px; padding:20px 0; }
.main_pjt_ul li { display:block; width:50%; float:left; font-size:15px;  color:#000; padding:5px 0}
.main_pjt_ul li a {color:#000; }
.main_pjt_ul li:before  {content: "\2022"; color:#666; margin-right:10px;}
.main_onway_wrap { margin-top:200px;margin-bottom:50px; }
.main_key_tb { padding:0 10px 0 0;}
.main_key_wrap .h3 { color:#fff; font-weight:bold; text-align:center; font-size:45px; padding:0 0 70px 0;  margin:0;}
.main_cs_wrap { padding:60px 0;}
.main_cs_bn_box { padding-top:190px; cursor:pointer}
.main_cs_bn_box1 { background:url(../image/main_cs_bg1.jpg) center top no-repeat; background-size:cover; margin-right:20px;margin-left:0px; margin-bottom:0px;}
.main_cs_bn_box2 { background:url(../image/main_cs_bg2.jpg) center top no-repeat; background-size:cover;margin-left:20px;margin-right:0px;}

}
@media (min-width:986px){ 
.nav_bar { float:right;  width: 725px ;}
.nav_dep1 { width:725px;}


}

.location_wrap { border-top:1px solid #eee; border-bottom:1px solid #eee; height:40px;}
.location_wrap .breadcrumb {    padding: 8px 15px;    margin-bottom: 0;    list-style: none;    background-color: transparent;    border-radius: 0;}
.breadcrumb a { cursor:pointer;}

 
.main_area { min-height:500px; padding:30px;}
/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
.row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.row-offcanvas-right  .sidebar-offcanvas { right: -41.6%; }
.row-offcanvas-left  .sidebar-offcanvas { left: -41.6%; }
.row-offcanvas-right.active { right: 41.6%; }
.row-offcanvas-left.active { left: 41.6%; }
.sidebar-offcanvas { position: absolute; top: 0; width: 41.6%; }
#sidebar { padding-top: 0; }
.main_area { min-height:200px ;padding:20px; }
}
.mrt_tel { margin:30px 0;}
.visualArea { height:100px; display:none; }
.sub_v01 { background:#ff9900 url(../image/sub_visual01.jpg) right center no-repeat; background-size: cover;}
.sub_v02 { background:#ff9900 url(../image/sub_visual02.jpg) right center no-repeat; background-size: cover;}
.sub_v03 { background:#ff9900 url(../image/sub_visual03.jpg) right center no-repeat; background-size: cover;}
.sub_v04 { background:#ff9900 url(../image/sub_visual04.jpg) right center no-repeat; background-size: cover;}
.sub_v05 { background:#ff9900 url(../image/sub_visual05.jpg) right center no-repeat; background-size: cover;}
.visualArea .inner { display:table-cell; padding:0 20px;height:100px; vertical-align:middle;}
.visualArea h2 { font-size:35px;color:#fff;}
.visualArea p { font-size:14px;color:#fff;}
.service_bg_wrap { padding:0;  }
.service_bg05 { padding-bottom:20px;}

 @media (min-width: 768px) {
.visualArea p {  }
.visualArea { height:150px; display: block;  }
.sub_v01, .sub_v02  { display:none;}
.visualArea .inner { display:table-cell; padding:25px 0 0 30px ;  vertical-align:middle;}
.visualArea h2 { font-size:50px;color:#fff;}
.service_bg_wrap { padding:0; }
 }
@media (min-width: 992px) {
.visualArea p {  }
 
.visualArea .inner { display:table-cell;padding:25px 0 0 30px ;  vertical-align:middle;}
.visualArea h2 { font-size:50px;color:#fff;}
.service_bg_wrap { padding:30px 0 30px 0; min-height:400px  }
.main_area .service_bg_wrap p { padding-left:0 !important;}
.main_area .service_bgflow p { padding-left:0!important; text-align:center}
.service_bg01 { height:450px; background:url(../image/service_01.png) left 260px no-repeat; background-size:contain;}
.service_bg02 { background:url(../image/service_02.png) left 260px no-repeat;  background-size:contain;}
.service_bg03 { background:url(../image/service_03.png) left 260px no-repeat;  background-size:contain;}
.service_bg06 { background:url(../image/service_06.png) left 230px no-repeat; background-size:contain;}
.service_bg05 { background:url(../image/service_05.png) left 150px no-repeat;background-size:contain;}
.service_bgflow { background:url(../image/service_flow.png) left 230px no-repeat;background-size:contain; padding-bottom:80px;}
 }
@media (min-width: 1024px) { 

 
}
@media (min-width: 1200px) { 
 .top_msg { display:block; width:400px; position:absolute; left:-400px; top:100px; height:200px; padding:0x 0px; box-sizing:border-box;  background: url(../image/top_bg1.png) left bottom no-repeat; text-align:left; font-size:14px; color:#014c9d;}
 .top_msg strong { color:#000; line-height:170%; font-size:16px;}
}
.main_h3 { font-size:39px; padding:0; margin:0; font-weight: 700; color: #222;  text-align:center; line-height:45px}
.main_h3:after {display: block; width: 80px; height: 4px; margin: 30px auto 30px; border-radius: 3px; background: #444; content: '';}
.main_area p { padding:15px 0; color:#5f5f5f; line-height:20px;}
.main_h4 { font-size:21px; margin:30px 0 15px 0;  padding:0; font-weight:bold;}
.btm_bns { border-top:1px solid #ddd; padding-top:20px; margin-bottom:20px;  }
.btm_bn1,  .btm_bn2,  .btm_bn3 { text-align:center; padding:0 10px;}
.btm_bn1,  .btm_bn2 { border-right:1px solid #ddd;}
.btm_bn1 img, .btm_bn2 img, .btm_bn3 img { max-width:100%; height:auto; cursor:pointer }

.service_list { margin: 5px 15px; padding:0;}
.service_list li { list-style-type: disc;    display: list-item; list-style-position:inside;}

.service_list3 { margin:0; padding:0;}
.service_list3 li { display:block; width:100%;float:left;  list-style:inside;  }
.service_list3 li strong {color: #428bca;}
 
.srv_con_icon img { margin-right:30px;}
.h4, .h4 {
    font-size: 21px;
}

@media (min-width: 768px) {
.service_list3 li { display:block; width:30%;float:left;list-style:inside; }
 }
#mtbl02, #mtbl03, #mtbl04, #mtbl05 { display:none}
.nav-tabs li a { cursor:pointer;}
.sol_t01 { font-size:14px; color:#999;}
.sol_t01 .label { font-size:13px; font-weight:normal;}
.sol_t02 { font-size:19px; font-weight:bold; color:#333; padding:0 0 10px 0;}
.sol_t02 a {color:#333; }
.sol_t03 {color:#333; }
.sol_t03 a {color:#333; }
.sol_form { text-align:right; border-bottom:2px solid #333; padding:0 5px 10px 0; margin-bottom:20px;}
.sol_form select { width:250px; display:inline-block;}
ul.sol_ol { list-style:none}
.sol_ol { margin-left:0; padding-left:10px;}
.sol_ol li { padding-left:0; padding-bottom:20px;border-bottom:1px solid #ddd; margin-bottom:20px;}
.sol_ol li:last-child {border-bottom:none; margin-bottom:0;  }
.sol_wrap { background:#f9f9f9; border:1px solid #CCC; border-radius:10px; padding:20px 20px 0 20px;} 
.sol_t06 { font-size:18px; font-weight:bold;color:#333; margin:10px 0 10px 20px; border-bottom:1px solid #dedede; padding-bottom:10px; }
.sol_t07 { font-size:16px;   color:#428bca; padding:5px 0 10px 10px;}
.sol_t08 { font-size:16px;  padding:5px 0 10px 10px;}
.service_title1 { display:block; font-size:20px; font-weight:bold;color: #ef9b35; padding:30px 0 10px 25px; background:url(../image/bullet_02.gif) 0 30px no-repeat;}
.sol_ol { margin-left:0; padding-left:20px;}
.sol_ol li {padding-left:120px; padding-bottom:0; min-height:120px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.sol_li01 { background:url(../image/soultion_box_net.gif) left top no-repeat;}
.sol_li02 { background:url(../image/soultion_box_kms.gif) left top no-repeat;}
.sol_li03 { background:url(../image/soultion_box_crm.gif) left top no-repeat;}
.sol_li04 { background:url(../image/soultion_box_voc.gif) left top no-repeat;}
.sol_li05 { background:url(../image/soultion_box_sfa.gif) left top no-repeat;}
.sol_li06 { background:url(../image/soultion_box_gps.gif) left top no-repeat;}
.sol_li07 { background:url(../image/soultion_box_pms.gif) left top no-repeat;}
.sol_li08 { background:url(../image/soultion_box_shop.gif) left top no-repeat;}
.sol_li09 { background:url(../image/soultion_box_cafe.gif) left top no-repeat;}
.sol_li10 { background:url(../image/soultion_box_erp.gif) left top no-repeat;}
.sol_li11 { background:url(../image/soultion_box_mms.gif) left top no-repeat;}
.sol_li12 { background:url(../image/soultion_box_mms.gif) left top no-repeat;}
.sol_li13 { background:url(../image/soultion_box_wms.gif) left top no-repeat;}
.sol_li14 { background:url(../image/soultion_box_ast.gif) left top no-repeat;}
.sol_li15 { background:url(../image/soultion_box_onmail.gif) left top no-repeat;}
.sol_li16 { background:url(../image/soultion_box_rsc.gif) left top no-repeat;}
.sol_li17 { background:url(../image/soultion_box_svc.gif) left top no-repeat;}
.sol_li18 { background:url(../image/soultion_box_stk.gif) left top no-repeat;}
.sol_li19 { background:url(../image/soultion_box_bak.gif) left top no-repeat;}
.sol_li20 { background:url(../image/soultion_box_mall.gif) left top no-repeat;}
.sol_li21 { background:url(../image/soultion_box_home.gif) left top no-repeat;}
.sol_li22 { background:url(../image/soultion_box_book.gif) left top no-repeat;}
.sol_li23 { background:url(../image/soultion_box_erp.gif) left top no-repeat;}
.sol_li24 { background:url(../image/soultion_box_mms.gif) left top no-repeat;}
.sol_li25 { background:url(../image/soultion_box_mms.gif) left top no-repeat;}
.sol_li26 { background:url(../image/soultion_box_ast.gif) left top no-repeat;}
.sol_li27 { background:url(../image/soultion_box_onmail.gif) left top no-repeat;}
.sol_li28 { background:url(../image/soultion_box_rsc.gif) left top no-repeat;}
.sol_li29 { background:url(../image/soultion_box_svc.gif) left top no-repeat;}
.sol_li30 { background:url(../image/soultion_box_stk.gif) left top no-repeat;}
.sol_li31 { background:url(../image/soultion_box_bak.gif) left top no-repeat;}
.sol_li32 { background:url(../image/soultion_box_mall.gif) left top no-repeat;}
.sol_li33 { background:url(../image/soultion_box_home.gif) left top no-repeat;}
.sol_li34 { background:url(../image/soultion_box_book.gif) left top no-repeat;}

.sol_li35 { background:url(../image/soultion_box_pr.gif) left top no-repeat;}
.sol_li36 { background:url(../image/soultion_box_ca.gif) left top no-repeat;}
.sol_li37 { background:url(../image/soultion_box_af.gif) left top no-repeat;}
.sol_li38 { background:url(../image/soultion_box_ex.gif) left top no-repeat;}
.sol_li39 { background:url(../image/soultion_box_cl.gif) left top no-repeat;}
.sol_li40 { background:url(../image/soultion_box_me.gif) left top no-repeat;}
.sol_li41 { background:url(../image/soultion_box_lo.gif) left top no-repeat;}
.sol_li42 { background:url(../image/soultion_box_bo.gif) left top no-repeat;}
.sol_li43 { background:url(../image/soultion_box_io.gif) left top no-repeat;}
.sol_li44 { background:url(../image/soultion_box_vote.gif) left top no-repeat;}
.sol_li45 { background:url(../image/soultion_box_ot.gif) left top no-repeat;}

.sol_li46 { background:url(../image/soultion_box_glod.gif) left top no-repeat;}
.sol_li47 { background:url(../image/soultion_box_car.gif) left top no-repeat;}
.sol_li48 { background:url(../image/soultion_box_bike.gif) left top no-repeat;}
.sol_li49 { background:url(../image/soultion_box_dress.gif) left top no-repeat;}
.sol_li50 { background:url(../image/soultion_box_coffee.gif) left top no-repeat;}
.sol_li51 { background:url(../image/soultion_box_pnt.gif) left top no-repeat;}
.sol_li52 { background:url(../image/soultion_box_rent.gif) left top no-repeat;}
.sol_li53 { background:url(../image/soultion_box_chain.gif) left top no-repeat;} 
.sol_li56 { background:url(../image/soultion_box_bms.gif) left top no-repeat;} 
.sol_ul1 { padding-left:30px; margin-bottom:20px;}
.sol_ul1 li { padding:3px 0 3px 0;}
.sol_ul1 li:before {content: "\2022"; color:#999; margin-right:5px;}
.hst_line { border-top:1px solid #CCC; padding:15px 20px; }
.hst_txt01 {font:bold 36px "Open Sans", sans-serif ; color:#999; font-weight:bold;}
.hst_txt02 { color:#ff5d21; font-size:16px; font-weight:bold;   padding:10px 0; }
.img_max { text-align:center; padding:20px 5px;}
.img_max img { max-width:100%; height:auto;}

.recu_txt01 { text-align:left; font: bold 19px Arial, Helvetica, sans-serif; color:#F93; display:block; padding-bottom:5px; }
.recu_ul { margin-left:00px; margin-bottom:20px;}
.recu_ul li { padding:3px 0; margin:0;  color:#666;}
.recu_ul li strong { font-size:16px; font-weight:bold; color:#69C; }

.recu_img {text-align:center; padding:20px 5px;}
.recu_h4 { font-size:18px; font-weight:bold; font-weight:bold; color:#333; border-bottom:1px solid #CCC; margin:20px 0; padding:0 0 10px 5px;}
.sol_form { text-align:right; border-bottom:2px solid #333; padding:0 5px 10px 0; margin-bottom:20px;}
.sol_form select { width:200px; display:inline-block;}
.flow_wrap { border-bottom:1px dashed #999;}
.flow_wrap div { padding:15px 0 5px 0;}
.flow_text { padding:0 0 0 10px; font-size:13px; color:#333;}
.flow_img01,.flow_img02, .flow_img03, .flow_img04, .flow_img05 { position:relative;}

.clearfix { clear:both;}

.icon_q { background:url(../image/icon_q.png) 0 0 no-repeat; padding-left:40px;font-size:15px; min-height:21px; line-height:24px; }
.icon_a { background:url(../image/icon_a.png) 15px 15px no-repeat; padding-left:55px;}
.online_inner {padding:0 20px}
.online_inner .control-label { padding-right:15px;}

.board_tb {border-bottom: 1px solid #ddd !important;}
.board_tb th { text-align:center; background:#f6f6f6;border-bottom: 1px solid #666;}
.board_tb td { text-align:center; cursor:pointer;}
.board_sel { text-align:right;}
.board_sel select { display: inline; width:100px;}
.board_v01 { padding:15px 10px;background:#f6f6f6;border-bottom: 1px solid #666;border-top: 1px solid #666;}
.view_txt01 {  font-weight:bold; font-size:19px; color:#333; text-align:center; padding-bottom:15px; display:block;}
.view_txt02 {font-size:13px; color:#666;  padding:0 10px;}
.view_txt03 {  font-weight:bold; font-size:19px; color:#333; text-align:left;   display:block;}
.view_txt04 {font-size:13px; color:#666;  padding-left:10px; margin-top:8px; display:inline-block; text-align:right;}
.view_wrap { padding:15px 10px;  min-height:300px;}
.btns_r { margin:20px 0; text-align:right;}
.scroll_top { width:40px; padding:5px 0; position: fixed; bottom:50px; right:15px; z-index:10000; text-align:center; cursor:pointer; font: bold 12px Arial, Helvetica, sans-serif; color:#666; background:#ccc;opacity:0.5; border-radius:5px;display: none;}
.cust_ul { margin-left:0px; margin-top:20px; padding:0;}
.cust_ul li { display:block; float:left; width:159px; text-align:center; height:70px; margin:15px 0 10px 0  ; }
.cust_ul li img { display:block; margin:0 auto; margin-bottom:5px;}
.schl_ul  { margin-left:0px; margin-top:20px;}
.schl_ul li { display:block; background:#f9f9f9; float:left; width:140px; text-align:center; height:45px;  border:1px solid #ccc; margin:15px 5px 5px 10px  ; color:#69C; font-weight:bold; font-size:14px; box-shadow: 2px 2px 0px lightgray; border-radius:4px;line-height:45px;}
 
.faq_comment p {margin:0 !important;padding:0 !important;  } 

.ul_card { height:250px; overflow:hidden;}
.ul_card li { display:block; width:33.333%; height:250px; float:left;border-radius:3px;}
.ul_card div { border:1px solid #CCC; margin:0 10px;  padding:20px;}
.ul_card div .card_ttl, .ul_card div .card_sum1, .ul_card div .card_sum2, .ul_card div .card_sum3 { display:block;}
.ul_card div .card_ttl { font-size:16px; font-weight:bold; color:#337ab7}
.ul_card div .card_sum1 { padding:15px 0;font-weight:bold; }
.ul_card div .card_sum1 span { display:inline-block;    font-size:14px;}
.ul_card div .card_sum1 i { font-style:normal; color:#ccc; font-size:14px; display:inline-block; margin:0 5px;}
.ul_card div .card_sum2 { color:#666;height:80px; }
.ul_card div .card_sum3 { padding-top:15px;  }
.card_sum3 strong { display:inline-block; background:#999; border-radius:3px; color:#fff; margin-right:7px; padding:2px 8px; font-size:12px; line-height:18px;}
.board_wrap_data { background:#f4f4f4; padding:15px;}
.board_list_wrap { padding:10px 10px; border-bottom: 1px solid #e2e2e2;  border-radius: 6px; clear:both;}
.ul_board_list li {border-bottom: 1px solid #e2e2e2;}
.ul_board_list li:last-child {border-bottom:0 none;}
.ul_board_list li span {display: block;}
.ul_board_list li span.no { width:60px; float:left; text-align:left; color:#999;}
.ul_board_list li span.date {width:100px; float:right;text-align:right;}
.ul_board_list li span.title { clear:both; font-size:18px; font-weight:600; line-height:23px; }
.ul_board_list li span.summery { font-size:14px; color:#666; padding-top:5px; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis} 
.ul_board_list li a { display: block;  padding: 20px 0 16px; cursor: pointer;  }
.ul_board_list li a .title:hover { color:#F60}
.board_wrap_head { font-size:21px; font-weight:bold; text-align:center; border-bottom : 1px solid #e2e2e2; padding:0 0 15px;}
@media (min-width:992px){
.board_list_wrap { padding:20px 40px; border : 1px solid #e2e2e2; border-radius: 6px;}	
}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { display: inline-block; padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #666; cursor: pointer; border: 1px solid #666;  margin-bottom: 0; font-weight: normal; }
/* named upload */
.filebox .upload-name { display: inline-block; padding: .5em .75em;   font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ccc;  -webkit-appearance: none;   -moz-appearance: none; appearance: none; }

.mode_item { width:150px; height:40px; position: fixed; right:10px; bottom:50px; text-align:center; z-index:999;}
.btn_mode { font-size:14px; vertical-align:middle; cursor:pointer; width:150px; text-align:center; display:inline-block; padding:8px 0px; box-sizing:border-box; letter-spacing:-1px; border-radius:20px;  background-color:#ffffff ; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease;box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%);}
.btn_mode:hover { background-color:#f2f2f2; color:#666666;}
.btn_mode span { display:inline-block; width:24px; height:24px; border-radius:12px; vertical-align:middle; text-align:center;}
.btn_mode span img { margin:3px;}
.btn_darkmode { color:#ccc; background-color:#2c2d30;}
.btn_darkmode span { background-color:#111111; border:1px solid #111111; }
.btn_lightmode { color:#666666;}
.btn_lightmode span { background:#444444; border:1px solid #444444; }

.no_data { text-align: center; padding: 50px 0;}
.input_cal, .input_date { padding-right: 20px; background: url(../image/icon_calendar.gif) right center no-repeat; }
.main_h3, .ul_board_list, .board_top_date, .board_top_head, .date_in  {font-family: 'Pretendard-Regular';}
.ul_arrow li a { display: block; padding-right: 15px; background:  url(../image/arrow_r.png) right center no-repeat; }
.font_18 { font-size: 18px;}
.date_in { font-size: 14px; color: #666; display: block; font-style: normal; font-weight: normal;  float: right; }
	.board_top_date { text-align: left; font-size: 14px; color: #666; }
	.board_top_head { text-align: left; font-size: 18px; color: #333; padding-top: 10px;font-weight: bold;}