@charset "euc-kr";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);  
 
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
  
body, html { font-family: "Noto Sans KR", "Malgun Gothic", "MalgunGothic", Dotum, Helvetica, Arial, sans-serif; margin: 0; padding: 0; 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 {
 color:#bfbfbf
}
:-ms-input-placeholder {
 color:#bfbfbf
}
input:-ms-input-placeholder {
 color: #bfbfbf;
}
::-moz-placeholder {
 color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
 color:#bfbfbf;
opacity:1
} 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
 -webkit-transition-delay: 9999s;
 -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
textarea:focus, input:focus, input:-internal-autofill-selected, select:focus {
outline: 0;
outline: none;
}
input:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder {
color:transparent;
}
input:focus::-moz-placeholder {
color:transparent;
}
input:focus:-ms-input-placeholder {
color:transparent;
}
textarea:focus::-webkit-input-placeholder {
color:transparent;
}
textarea:focus:-moz-placeholder {
color:transparent;
}
textarea:focus::-moz-placeholder {
color:transparent;
}
textarea:focus:-ms-input-placeholder {
color:transparent;
}
 input::-webkit-input-placeholder {
color: #adadad;
}
input:-moz-placeholder {
color: #adadad;
}
input::-moz-placeholder {
color: #adadad;
}
input:-ms-input-placeholder {
color: #adadad;
}
textarea::-webkit-input-placeholder {
color: #adadad;
}
textarea:-moz-placeholder {
color: #adadad;
}
textarea::-moz-placeholder {
color: #adadad;
}
textarea:-ms-input-placeholder {
color: #adadad;
}
input:-webkit-autofill-selected {
-webkit-text-fill-color: transparent !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
input[type="date"] {padding-right: 10px;}

textarea:focus, input:focus { outline: none; }
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; }
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; 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_grey { color: #cccccc !important; }
.txt_gray { color: #999 !important; }
.txt_yellow { color: #ffcc33 !important; }
.txt_black { color: #000000 !important; }
.txt_white { color: #ffffff !important; }
.cursor { cursor: pointer; }
.bg_gray { background: #f0f0f0 }
.font_12 { font-size: 12px; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_21 { font-size:21px;}
.font_26 { font-size:26px;}
.font_29 { font-size:29px;}
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; }
.wid110 { width: 100px; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid250 { width: 250px; }
.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, .wid110, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid250, .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; }
.mgb_0 { margin-bottom:0 !important}
.btns { text-align: center; margin: 15px; } 
.btns_wrap { margin: 15px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor: pointer; vertical-align: middle; }
.mute { color: #999;}
.brd_r { border-right:1px solid #ddd}
.brd_t { border-top:1px solid #ddd}
.font_serif { font-family: Georgia, "Times New Roman", Times, serif }
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:#000;  }
.hidden { display: none; }
.inline-block { display:inline-block}
.form-control { vertical-align:middle;}
.pagination { }
.pagination ul { display: inline-block; *display:inline; *zoom:1; margin: 0 auto; }
.pagination ul>li { display: inline; }
.pagination ul>li>a, .pagination ul>li>span { float: left; padding: 5px 9px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; font: 12px "����"; color: #777; line-height: 13px; }
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { color: #777; background-color: #f5f5f5; }
.pagination ul>.active>a, .pagination ul>.active>span { color: #1080ce; cursor: default; padding: 6px 9px; border-color: #a8acb6; border-left-width: 1px; margin-top: -1px; font-weight: bold; background-color: #fff; }
.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color: #999999; background-color: transparent; cursor: default; }
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label { color: #333; cursor: pointer; margin-bottom: 0; }
.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; cursor: pointer; }
.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; cursor:pointer }
.pagination > li.arrow > a { font-family: Arial, Helvetica, sans-serif; color: #999; }
.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: #222; border-color: #333; }
.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 */
#preloader { background-color: rgba( 255, 255, 255, 0.9 ); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display: none }
#status { background-image: url(../image/loading.gif); background-position: center 30px; background-repeat: no-repeat; height: 150px; width: 300px; left: 50%; margin: -100px 0 0 -150px; position: absolute; top: 50%; text-align: center; padding-top: 80px; }
#status p { text-align: center; line-height: 1.5; color: #999; }
#status p strong { font-size: 19px; color: #000; }
#preloader.active { display: block; }
.scroll-up { position: fixed; display: block  ; z-index: 201; bottom: 30px; right: 1em;}
.scroll-up a {  background:rgba(0,0,0,.2) ; background-size:22px; display: block; width: 33px; height: 33px; text-align: center; color: #333;font-size: 15px; line-height: 33px; cursor:pointer; border-radius:16px; z-index: 202;}
.scroll-up a:hover, .scroll-up a:active {  background:rgba(0,0,0,.5) ;  background-size:22px;  color: #ffffff;  }  
.scroll-up { display: none;  } 
select.form-control {}
select.form-control { -webkit-appearance: none; -moz-appearance: none;  background: #fff url(../image/bullet_down.png) no-repeat right center; text-align: left; display: inline-block; padding-right:12px; vertical-align: middle; box-sizing: border-box; }
select.form-control::-ms-expand {display: none;}
.input_cal { padding-right: 25px; background:#fff url(../image/icon_calendar.gif) right center no-repeat; }

.btn-dark {
  color: #ffffff;
  background-color: #333333;
  border-color: #222222;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #222222;
  border-color: #111111;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #333333;
  border-color: #222222;
}
.btn-dark .badge {
  color: #333333;
  background-color: #ffffff;
}


.mgt_5 { margin-top: 5px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 20px !important; }
.mgt_30 { margin-top: 30px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgt_50 { margin-top: 50px !important; }
.mgt_52 { margin-top: 52px !important; }
.mgb_100 { margin-bottom: 100px !important; }
.mgb_50 { margin-bottom: 50px !important; }
.mgl_95 { margin-left: 95px !important; }
.mgb-50 { margin-bottom: -50px !important; }
.pdb_50 { padding-bottom: 50px !important; }
.mgt_100 { margin-top: 100px !important; }
.mgb-1 { margin-bottom: -1px !important; }
.pdt_0 { padding-top: 0 !important; }
.pdt_20 { padding-top: 20px !important; }
.pdt_80 { padding-top: 80px !important; }
.pdb_0 { padding-bottom: 0 !important; }
.pdr_5 { padding-right: 5px !important; }
.pdr_10 { padding-right: 10px !important; }
.pdl_5 { padding-left: 5px !important; }
.pdl_10 { padding-left: 10px !important; }
.pd_20 { padding:20px !important; }
.img_width { max-width:100%; height:auto}

.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: 4px 10px; color: #fff; font-size: 14px;  line-height: normal; vertical-align: middle; background-color: #333; cursor: pointer; border: 1px solid #333; border-radius: 3px; }
/* named upload */
.filebox .upload-name { display: inline-block; padding: 4px 10px; font-size: 14px; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox_design .upload-width { width:calc(100% - 90px); padding:6px 10px;}
.filebox_design label { padding:6px 10px;}

.main_wrap { padding-top: 45px;  overflow-x: hidden;}
.top_nemu_wrap {  height:45px;background:linear-gradient(to bottom, #ffffff 5%, #dcdcdc 100%);	background-color:#ffffff; border-bottom:1px solid #dcdcdc; width:100%; position:relative; z-index:110;}
.main_wrap .float_on { position:fixed; top:0; left:0; right:0;}
.top_nemu_wrap h1 { width:150px; height:30px;  position:absolute; left:20px; top:10px;}
.top_nemu_wrap h1 img { max-width:100%; max-height:30px;  vertical-align:top;  }


.top_nemu_wrap .btn_top_menu {overflow: hidden;z-index:9999999;position: absolute;width: 21px;height: 21px;right: 20px;top: 50%;margin-top: -10.5px; cursor:pointer;}
.top_nemu_wrap .btn_top_menu span{position: absolute;right: 0;width: 100%;height: 3px;background-color: #333;
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
.top_nemu_wrap .btn_top_menu span.barTop{top: 2px;}
.top_nemu_wrap .btn_top_menu span.barMid{top: 9px; }
.top_nemu_wrap .btn_top_menu span.barBot{width: 100%;top: 16px; }
.top_nemu_wrap .btn_top_menu:hover span.barTop {width: 100%;}
.top_nemu_wrap .btn_top_menu:hover span.barMid {width: 100%;}
.top_nemu_wrap .btn_top_menu:hover span.barBot {width: 100%;}
.drawer-open .top_nemu_wrap .btn_top_menu span {background-color: #999;width: 100%;} 
.drawer-open .top_nemu_wrap .btn_top_menu span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 9px;}
.drawer-open .top_nemu_wrap .btn_top_menu span.barMid{width: 0; height:0;}
.drawer-open .top_nemu_wrap .btn_top_menu span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 9px;}

.left_head { height:45px; position:relative; width:100%; background-color:#075293}
.left_head h1 { width:120px; height:35px;  position:absolute; left:20px; top:7px;}
.left_head h1 img { max-width:100%; height:auto; vertical-align:top;  }

.left_head .btn_left_menu {overflow: hidden;z-index:9999999;position: absolute;width: 21px;height: 21px;right: 20px;top: 50%;margin-top: -10.5px; cursor:pointer;}
.left_head .btn_left_menu span{position: absolute;right: 0;width: 100%;height: 3px;background-color: #ffffff;
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
.left_head .btn_left_menu span.barTop {transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 9px} 
.left_head .btn_left_menu span.barBot { transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 9px;} 
.left_head .btn_left_menu {transform: rotate(0deg); transition: 1s transform cubic-bezier(.075,.82,.165,1); transform-origin: center center;}
.left_head .btn_left_menu:hover{transform: rotate(90deg); transition:1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);} 
 
.top_dep1 {}
.top_dep1 li { display:block; color:#fff; border-bottom:1px solid #11589c }
.top_dep1 li a { display:block;color:#fff; font-size:18px; font-family: Open Sans, GmarketSansMedium, GmarketSansLight, GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif;padding:13px 20px; cursor:pointer;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.top_dep1 li a i { font-size: 12px; margin-top: 3px; width: 20px; float: right; opacity: 0.5;}
.top_dep1 li a i[class*='glyphicon'] { }
.top_dep1 li .top_dep2 { display:none ;}
.top_dep2 { background:#1c7cbf}
.top_dep2 li {border-bottom: 0 none; }
.top_dep2 li a { font-size:16px;padding:8px 20px 8px 30px;} 
.top_dep2 li a:hover{ color:#acdc2d}
.main_visual_wrap { width:100%; height:400px;}
.main_visual_ul li { display:block; width:100%; height:400px;display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }
.main_visual_ul li .main_v_txt { text-align: left; width:100%; padding:20px 20px 20px 20px;}
.main_visual_ul li .main_v_txt span { display:block; margin-bottom:30px;}
.main_v_img { max-width:70%; height:auto}
.main_sol_wrap { padding:50px 10px; background:url(../image/main_bg01.png) left bottom repeat-x;}
.font_g {  font-family: Open Sans, GmarketSansMedium, GmarketSansLight, GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif;}
.main_p1 {font-size:19px; color:#012e58}
.main_p1 strong { color:#80b000}
.main_h2 { font-size:36px; font-family:"Arial Black", Gadget, sans-serif; text-align:center; color:#1d9bd8; margin-bottom:20px; font-weight:bold}
.main_panel { background:#0d1c47; border-radius:10px; padding:90px 0 30px 0px; text-align:center; color:#fff; margin:15px 0;box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);}
.main_panel_01 { background:#0d1c47 url(../image/main_icon01.png) center 30px no-repeat; background-size:56px;}
.main_panel_02 { background:#012e58 url(../image/main_icon02.png) center 30px no-repeat; background-size:56px;}
.main_panel_03 { background:#230448 url(../image/main_icon03.png) center 30px no-repeat; background-size:56px;}
.main_panel_04 { background:#47100d url(../image/main_icon04.png) center 30px no-repeat; background-size:56px;}
.main_panel_05 { background:#015830 url(../image/main_icon05.png) center 30px no-repeat; background-size:56px;}
.main_panel_06 { background:#042948 url(../image/main_icon06.png) center 30px no-repeat; background-size:56px;}
.main_panel_07 { background:#47100d url(../image/main_icon07.png) center 30px no-repeat; background-size:56px;}
.main_panel p { font-size:11px; color:#999999; padding:3px 5px; margin:0; letter-spacing:-1px;}
.main_panel h3 { font-size:18px; color:#f2ffe0;padding:3px 0; margin:0;   }
.main_cs_wrap { padding:50px 10px; background:#1166b9 url(../image/main_bg02.png) left top repeat;}
.main_board_box { padding-right:0; }
.main_board_head {  width:100%; padding:0 0 10px 0;border-bottom:3px solid #fff;  } 
.main_board_box h4 { font-size:19px; font-weight:bold; color:#fff;line-height:30px; display:inline-block; padding:0 0 0 10px;}
.main_board_head .main_board_more { display:inline-block; float:right; color:#fff; font-size:12px; margin:10px 10px 0 0;}
.main_board_list { margin:20px 0;} 
.main_board_list li { padding:5px 15px 5px 10px; }
.main_board_list li a { font-size:15px; width:100%; display:block; height:20px; padding-left:20px; line-height:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; cursor:pointer;  color:#ffffff;position:relative;}
.main_board_list li a:before { content:' '; display:block; width:4px; height:4px; border-radius:2px; background:#ccc; position: absolute; left:7px; top:7px;}
.main_board_list li a:hover { color:#ffffff}
.main_cs_box  { padding-left:0; padding-top:20px; border-top:1px solid #619dd8;}
.main_cs_in { padding:0 0 0 80px; background:url(../image/main_bg03.png) 0 0 no-repeat; background-size:64px; }
.main_cs_txt1 { font-size:19px; color:#fff;}
.main_cs_txt2 { font-size:32px; color:#a4ff72; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:2px 0;}
.main_cs_txt2 a, .main_cs_txt2 a:hover { color:#a4ff72;}
.main_cs_txt3 { font-size:11px; color:#fff; }
.main_cs_bn1 { border:1px solid #fff; padding:15px 5px 15px 25px; color:#fff; margin-top:30px; cursor:pointer}
.main_cs_txt4 { font-size:21px;   padding:5px 0;}
.main_cs_txt4 span { font-size:14px; font-weight:normal; opacity:0.5; display:inline-block; margin-left:10px;}
.main_cs_txt5 { font-size:12px;}
.main_client_wrap { background:#ececec; padding:30px 0;}
.main_client_in p { text-align:left; font-size:14px; color:#575757; padding:3px 0 0 10px;}
.main_client_in h3 { color:#1d9bd8; font-size:24px;font-family: "Arial Black", Gadget, sans-serif; font-weight:bold; padding:3px 0 10px 10px;}
.main_client_box { background:#fff; padding:12px 15px; border-radius:10px; height:65px; box-sizing: border-box;}
.ul_clinet { width:100%; height:34px; overflow:hidden; margin-top:3px;}
.ul_clinet li { display:inline-block; padding:0 0; width:100px; text-align:center; font-size:19px; color:#1d9bd8; font-family: Open Sans,  GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif; line-height:34px; height:34px;}
.ul_clinet li img { max-width:100px; height:auto; margin:0 auto}
.footer_Wrap { background:#333; color:#999; font-family: Open Sans,  GmarketSansMedium, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif; }
.footer_inner { padding:30px 10px;}
.btn_footer { border:1px solid #515151; padding:3px 10px; font-size:12px; display:inline-block; border-radius:3px; color:#999; cursor: pointer; }
.btn_footer:hover { color:#ddd; border:1px solid #999;}
.footer_inner address { font-size:13px; margin:10px 0; border-bottom:1px solid #515151; padding-bottom:10px;}
.footer_inner address a, .footer_inner address a:hover { color:#999;}
.footer_inner footer {font-size:13px; color:#999;}
.sub_bg { width:100%; background-color:#333; height:120px;display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; }
.sub_bg01 { background:#333 url(../image/sub_bg01.png) center center no-repeat; background-size:cover;}
.sub_bg02 { background:#333 url(../image/sub_bg02.png) center center no-repeat; background-size:cover;}
.sub_bg03 { background:#333 url(../image/sub_bg03.png) center center no-repeat; background-size:cover;}
.sub_bg04 { background:#333 url(../image/sub_bg04.png) center center no-repeat; background-size:cover;}
.sub_bg05 { background:#333 url(../image/sub_bg05.png) center center no-repeat; background-size:cover;}
.sub_bg .sub_title { text-align:center; color:#fff}
.sub_title p { font-size:26px; padding:0; margin:0; font-family:Open Sans,  GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif;}
.sub_title h2 { font-size:19px; padding:0; margin:0; font-family:Open Sans,  GmarketSansMedium, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif;}
.sub_page { background:#f4f4f4 url(../image/sub_bg.gif) 0 0 repeat; min-height:300px;}
.sub_page_inner { padding:25px 0px;}
.sub_h3{ font-size:20px; color:#162d48; font-weight:bold; padding:10px 0 10px 0; margin-bottom:10px;}
.txt_eng { font-family:"Arial", Gadget, sans-serif; color:#999; font-weight:bold }
.txt_eng strong { color:#2f9fc9}

.sub_h5 { font-weight:bold; font-size:16px; padding:10px 0 10px 0; border-bottom:1px solid #eee; margin-bottom:10px;}
.ul_inner { padding-left:0px;}
.ul_tab { height:40px;}
.ul_tab li { display:block; width:20%; float:left; height:40px; border:1px solid #242d41; text-align:center; background:#fff;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.ul_tab li a { line-height:38px; display:block; cursor:pointer; font-size:12px; font-weight:bold; letter-spacing:-1px;}
.ul_tab li.on { background:#242d41;}
.ul_tab li.on a { color:#fff}??
.ul_tab li:last-child { content:' '; clear:both; display:table}
.ul_tab.ul_tab2 li { width:50%; }
.tab_content { padding:30px 0 0 0; display: none;clear:both;} 
.tab_content.on {display: block; }
.content_in1 { padding:20px 5px;}
.sub_h4 { font-size:18px; font-weight:bold; padding:4px 0 10px 30px;  color:#1a3453; background:url(../image/bullet_h4.png) 3px 6px no-repeat; letter-spacing:-1px;}
.content_p1 { background:#fff; padding:15px 15px; border-radius:10px; border:1px solid #ccc; color:#333; margin-bottom:40px; font-size:14px; line-height:1.6}
.sub_cs_box { padding:10px 0 10px 110px; text-align:left; height: 115px;}
.sub_cs_box1 { background:url(../image/sub_icon01.png) 20px center no-repeat; background-size:54px; border-bottom:1px solid #ddd;}
.sub_cs_box2 { background:url(../image/sub_icon02.png) 20px center no-repeat; background-size:54px; border-bottom:1px solid #ddd; cursor:pointer}
.sub_cs_box3 { background:url(../image/sub_icon03.png) 20px center no-repeat; background-size:54px; cursor:pointer}
.sub_cs_box .sub_cs_txt1 { font-size:20px; font-family:Open Sans,  GmarketSansMedium, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif; color:#333;} 
.sub_cs_box .sub_cs_txt2 { font-size:22px; color:#1d9bd8; font-family:Open Sans,  GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif; line-height:33px;}
.sub_cs_txt2 a, .sub_cs_txt2 a:visited {color:#1d9bd8;}
.sub_cs_box .sub_cs_txt3 { font-size:16px;}
.sub_cs_box .sub_cs_txt3 a, .sub_cs_box .sub_cs_txt3 a:visited { color:#333;}
.sub_cs_box .sub_cs_txt4 { font-size:14px; padding-top:5px;}
.sub_cs_box2 .sub_cs_txt1, .sub_cs_box3 .sub_cs_txt1 { padding-top:10px;}

.ul_01 { }
.ul_01 li { padding:3px 0 3px 10px; position:relative;}
.ul_01 li:before { content:' '; display:block; position:absolute; width:4px; height:4px; background-color:#999; border-radius:2px; top:11px; left:0;}
.online_inner:after { content:' '; clear:both; display:table}
.online_inner .form-group { margin-bottom:0;}
.online_inner .form-group:after { content:' '; clear:both; display:table}
.online_inner .form-group .control-label { padding-top:5px;padding-bottom:5px;text-align:left} 
.online_inner .form-group .col-md-4, .online_inner .form-group .col-md-10 { padding-top:5px;padding-bottom:5px;} 


.ul_prj { border-bottom:1px solid #ccc;  border-top:1px solid #ccc;padding-bottom:20px;padding-top:20px;}
.ul_prj li { padding:12px 0;   text-align:left; cursor:pointer}
.ul_prj li .no { display: block; width:35px; padding:1px 5px; text-align:center; color:#eee; font-size:12px; background:#666; border-radius:7px; float:left; margin-top:4px;  }
.ul_prj li .title {display: block; color:#333; font-size:14px; padding:0 5px 5px 45px; float:left; margin-left:-35px; width:100%; }
.ul_prj li:hover .title { color:#1d9bd8}
.ul_prj li .name { display: inline-block; color:#999; font-size:12px; }
.ul_prj li .date { display: inline-block; color:#999; font-size:12px; padding:0 10px 0 45px; }
.ul_prj li .hit { display: inline-block; color:#999; font-size:12px; }
.ul_prj li .more {  color:#999; font-size:12px; }
.ul_prj li+li { border-top:1px solid #eee;}

.board_v01 {color:#333; font-size:16px;}
.board_v01 .view_txt01 {font-size:19px; font-weight:bold; display:block; padding:0 0 10px 0;}
.board_v01 .view_txt02 {font-size:16px;  color:#999; display:inline-block; padding-right:15px;}
.view_wrap { font-size:16px;  border-top:1px solid #ccc; padding:20px 0 20px 0; margin-top:20px;}
.btns_r { text-align:right; padding:20px; border-top:1px solid #ccc; margin-top:10px;}

.ul_upg { border-bottom:1px solid #ccc;  border-top:1px solid #ccc;padding-bottom:20px;padding-top:20px;}
.ul_upg li { padding:12px 0;   text-align:left; }
.ul_upg li+li { border-top:1px solid #eee;}
.ul_upg li .date { display: inline-block; color:#1d9bd8; font-weight: bold; font-size:14px; }
.ul_upg li .ttl { display: inline-block;  font-weight: bold; font-size:14px; }
.ul_upg li .summ { display:block; padding-left:10px; font-size:14px;}
.no_data { text-align:center; padding:100px 0 30px; background:url(../image/icon_warning.png) center 10px no-repeat;}

.box_agree1 {padding: 6px 12px;border: 1px solid #cccccc; border-radius: 4px; max-height:100px; min-height:36px; overflow:auto}
.ul_about p { padding:15px 0;}
.hst_line {  padding:15px 5px; }
.hst_line + .hst_line {border-top:1px solid #CCC;}
.hst_txt01 { font-size:29px; font-family: Open Sans, GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif;font-weight:bold; color:#999; font-weight:bold; line-height:36px;}
.hst_txt02 { color:#1d9bd8; 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;}
.main_area p { padding:15px 0; }
.service_wrap p { padding:20px 0; border-bottom:1px solid #ddd; font-size:15px;}
.service_wrap p:last-child { border-bottom:0 none;}
.service_wrap p strong { font-family:"Arial Black", Gadget, sans-serif; color:#999;}
.service_wrap p strong span { color:#80b000}
.service_wrap p em { font-style:normal; color:#1d9bd8; font-weight:bold;}
.sub_h6 { color:#2f9fc9; font-weight:bold; margin-top:10px;}

@media (min-width: 768px) {
.main_wrap { padding-top: 70px;  overflow-x: hidden;}
.top_nemu_wrap {  height:70px;z-index:10 }
.top_nemu_wrap .container {height:70px; position:relative;}
.top_nemu_wrap h1 { width:167px; height:50px; max-height: 50px; position:absolute; left:20px; top:7px;}
.top_nemu_wrap h1 img { max-width:100%;max-height: 50px; height:auto; vertical-align:top;  }
.top_nemu_wrap .btn_top_menu { display:none;}
.left_head { display:none}

.top_dep1 { display:block; width:725px; right:20px; top:15px; position:absolute;z-index:20}
.top_dep1>li { display:block; width:145px; float:left; color:#333; border-bottom:0 none;}
.top_dep1 li a { display:block;color:#333; font-size:18px; font-family: Open Sans, GmarketSansMedium, GmarketSansLight, GmarketSansBold, '맑ì? 고딕', '?‹ì?', Dotum, '굴림', Gulim, Sans-serif;padding:13px 20px; cursor:pointer;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center;}
.top_dep1>li>a {border-bottom:2px solid #dcdcdc; height:55px;}
.top_dep1>li:hover>a { border-bottom:2px solid #2f9fc9; color:#2f9fc9}
.top_dep1 li a i { display:none;}
.top_dep1 li a i[class*='glyphicon'] { }
.top_dep1 li .top_dep2 { display: none  ; width:100%; height:auto; left:0; top:0; position:relative; z-index:30; background:#2f9fc9; border-radius:0 0 10px 10px; padding-bottom:10px; padding-top:10px;}
 
.top_dep2 li {border-bottom: 0 none; }
.top_dep2 li a { font-size:16px;padding:5px 10px 5px 20px;color:#fff;text-align:left; position:relative} 
.top_dep2 li a:hover{ color:#acdc2d}
.top_dep2 li:hover a:before  { content:' '; display: block; position:absolute; left:10px; top:4px; width:3px; height:16px; background-color:#acdc2d}
.main_visual_wrap { width:100%; height:500px;}	
.main_visual_ul li { width:100%; height:500px;}
.main_sol_wrap { padding:80px 0;}
.main_p1 {font-size:22px; } 
.main_h2 { font-size:46px; margin-bottom:50px;}
.main_panel { border-radius:7px;margin:15px 15px; padding:110px 0 30px 0px; text-align:center; color:#fff; cursor:pointer}
.main_panel_01 { background:#0d1c47 url(../image/main_icon01.png) center 30px no-repeat; background-size:66px;}
.main_panel_02 { background:#012e58 url(../image/main_icon02.png) center 30px no-repeat; background-size:66px;}
.main_panel_03 { background:#230448 url(../image/main_icon03.png) center 30px no-repeat; background-size:66px;}
.main_panel_04 { background:#47100d url(../image/main_icon04.png) center 30px no-repeat; background-size:66px;}
.main_panel_05 { background:#015830 url(../image/main_icon05.png) center 30px no-repeat; background-size:66px;}
.main_panel_06 { background:#042948 url(../image/main_icon06.png) center 30px no-repeat; background-size:66px;}
.main_panel p { font-size:13px; padding:3px 5px; letter-spacing:0px;}
.main_panel h3 { font-size:26px; padding:3px 0; }
.main_cs_wrap { padding:80px 10px; }
.main_board_box { padding-right:20px; }
.main_cs_box  { padding-left:20px; padding-top:0px; border-top:0 none; } 
.main_cs_in { padding:0 0 0 180px; background:url(../image/main_bg03.png) 30px 0 no-repeat; background-size:103px; }
.main_cs_bn1 {  padding:15px 5px 20px 25px;   margin-top:30px;}
.main_cs_txt1 { font-size:19px; }
.main_cs_txt2 { font-size:36px; }
.main_cs_txt3 { font-size:12px;  }
.main_cs_txt5 { font-size:12px;}
.main_client_in p { font-size:15px; padding:3px 0 0 5px; }
.main_client_in h3 {   font-size:32px;  padding:3px 0 0 5px;}
.footer_inner { padding:40px 10px;}
.footer_inner address { font-size:14px; margin:20px 0; border-bottom:1px solid #515151; padding-bottom:20px;}
.footer_inner footer {font-size:14px; color:#999;}
.sub_bg { height:220px; } 
.sub_title p { font-size:42px; }
.sub_title h2 { font-size:29px;  }
.sub_page_inner { padding:45px 0px;}
.sub_h3{ font-size:26px}

.ul_tab { height:60px;}
.ul_tab li { height:60px; }
.ul_tab li a { line-height:58px; font-size:16px;letter-spacing:0px;  }
.sub_h4 { font-size:20px;}
.content_p1 {   padding:15px 25px; font-size:16px;}
.ul_inner { padding-left:20px;}
.sub_cs_box { padding:10px 0 10px 100px; text-align:left; height: 115px;}
.sub_cs_box1 { background:url(../image/sub_icon01.png) 10px center no-repeat; background-size:64px; border-bottom:0 none;border-right:1px solid #ddd;}
.sub_cs_box2 { background:url(../image/sub_icon02.png) 10px center no-repeat; background-size:64px; border-bottom:0 none; border-right:1px solid #ddd;}
.sub_cs_box3 { background:url(../image/sub_icon03.png) 10px center no-repeat; background-size:64px;}
.sub_cs_box .sub_cs_txt2 { font-size:30px;}
.sub_cs_box .sub_cs_txt4 { font-size:14px; padding-top:10px;}
.sub_cs_box2 .sub_cs_txt1, .sub_cs_box3 .sub_cs_txt1 { padding-top:0px;}
.online_inner .form-group .control-label {  text-align:right} 

.ul_prj li .title {font-size:16px; font-weight:bold;} 
.ul_prj li .name, .ul_prj li .date, .ul_prj li .hit {  font-size:14px; } 
.ul_prj li .more { font-size:14px; }
.ul_upg li .date, .ul_upg li .ttl, .ul_upg li .summ { font-size:16px; } 
.ul_upg li .ttl {   margin-left:20px;  }
.ul_upg li .summ {   padding-left:110px;  }
.box_agree1 {  max-height:200px;}
.hst_line {  padding:15px 20px; }
.hst_txt01 { font-size:36px; margin-top:20px; display:inline-block }
.service_wrap p { padding:40px 20px 40px 190px; border-bottom:0 none; font-size:18px;} 
.service_wrap p.service01 { background:url(../image/service_icon01.png) 50px center no-repeat}
.service_wrap p.service02 { background:url(../image/service_icon02.png) 50px center no-repeat}
.service_wrap p.service03 { background:url(../image/service_icon03.png) 50px center no-repeat}
.service_wrap p.service04 { background:url(../image/service_icon04.png) 50px center no-repeat}
.service_wrap p.service05 { background:url(../image/service_icon05.png) 50px center no-repeat}
.service_wrap p.service06 { background:url(../image/service_icon06.png) 50px center no-repeat}
.main_visual_ul li .main_v_txt {  width:1100px;}
.main_v_img { max-width:100%; }
}
.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:#15px; color:#999;}
.ul_board_list li span.date {width:100px; float:right;text-align:right; font-size: 15px; font-weight: normal;color:#666;}
.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; background:}
.ul_board_list li a .title:hover { color:#1d9bd8}