@charset "euc-kr";
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700&display=swap');
*/
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@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;
}
@font-face{
	font-family:'Honeywell Sans';
	font-style:normal;font-display:swap;
	font-weight:300;
	src:url(../webfonts/HoneywellSansWeb-Book.eot);src:local("Honeywell Sans Book"),local("HoneywellSansWeb-Book"),url(../webfonts/HoneywellSansWeb-Book.eot?#iefix) format("embedded-opentype"),url(../webfonts/HoneywellSansWeb-Book.woff2) format("woff2"),url(../webfonts/HoneywellSansWeb-Book.woff) format("woff")}
/*
@font-face{
	font-family:'Honeywell Sans';
	font-style:normal;font-display:swap;
	font-weight:500;
	src:url(../webfonts/HoneywellSansWeb-Medium.eot);src:local("Honeywell Sans"),local("HoneywellSansWeb-Medium"),url(../webfonts/HoneywellSansWeb-Medium.eot?#iefix) format("embedded-opentype"),url(../webfonts/HoneywellSansWeb-Medium.woff2) format("woff2"),url(../webfonts/HoneywellSansWeb-Medium.woff) format("woff")}
 */
 
body, html { font-family:  "Pretendard-Regular","Honeywell Sans", "Malgun Gothic", "MalgunGothic", Dotum, Helvetica, Arial, sans-serif; font-weight:400; margin: 0; padding: 0; margin: 0; padding: 0; color: #303030; 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; }
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; padding: 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_b { border-bottom:1px solid #ddd}
.brd_t { border-top:1px solid #ddd}
.font_serif { font-family: Arial, sans-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-size: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(red.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(red.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(red_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(red_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(red@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}

/* Preloader */
#preloader { background-color: rgba( 255, 255, 255, 0.9 ); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display:   }
#status { background-image: url(../image/loading.gif); background-position: center 30px; background-repeat: no-repeat; background-size:32px; 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:  ; 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: #111111;font-size: 15px; line-height: 33px; cursor:pointer; border-radius:16px;}
.scroll-up a:hover, .scroll-up a:active {  background:rgba(0,0,0,.5) ;  background-size:22px;  color: #ffffff;  }  
.scroll-up { display: none; visibility: hidden;} 
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; }
.input_select { padding-right: 20px; background: #fff url(../image/bullet_down.png) no-repeat right center;}


.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; }
.mgt_40 { margin-top: 40px !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_30 { padding-bottom: 30px !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}
.agree_wrap1 { border: 1px solid #CCC; border-radius: 7px; padding: 10px; height: 150px; overflow: auto; text-align: left; color: #666; }
.agree_wrap1 h3 { font-size: 14px; text-align: left; font-weight: bold; margin: 10px 0; }

.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: inherit; 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: inherit; 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% - 80px); padding:10px 10px;}
.filebox_design label { padding:10px 10px;}
 


.intro_wrap { height:100vh;  width:100%; position: relative; background: #000; }
.intro_video { position: absolute; width: 100%; height:100vh; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background:url(../image/intro_bg.jpg) center center no-repeat; background-size:cover; }
.intro_video_cover { position: absolute; z-index: 99; width: 100%; height: 100%; text-align: center;background: rgba(0,0,0,0.3); left: 0%; right: 0%; top: 0%; bottom: 0%; display: flex; justify-content: center; align-items: center; }
.intro_video video { position: absolute;   width: 100%; object-position: center; object-fit: fill; 
-webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -o-transform: translateX(-50%) translateY(-50%); 
    transform: translateX(-50%) translateY(-50%); 
	top: 50%; 
    left: 50%; 
	min-width: 100%; 
    min-height: 100%; 
	width: auto; 
    height: auto; 
    z-index: 90; 
}  
.intro_video_cover h1 {  position:absolute; top:0; width:100%; height:80px;display:block; margin:20px; text-align:left;   margin:0;}
.intro_video_cover h1 i { display:block; margin:20px;}
.intro_video_cover h1 img { height:40px; width:auto}
.intro_txt_wrap { color:#fff;}
.intro_txt_wrap h2{ font-size:42px; font-weight:bold; text-shadow: 1px 1px 1px black;}
.intro_txt_wrap p {font-size:22px; margin:20px; font-weight:100;}
.intro_txt_wrap ul { margin-top:60px}
.intro_txt_wrap ul li { display:inline-block; margin:3px 10px; }
.intro_txt_wrap ul li a { display:inline-block; width:170px; height:60px; border-radius:10px; background-color: rgba(0,0,0,0.6); font-size:24px; text-align:center; font-family: 'Pretendard-ExtraLight'; color:#fff; line-height:60px; cursor:pointer;transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;}
.intro_txt_wrap ul li a:hover { background-color: rgba(0,0,0,0.9);color:#ee3124}
.intro_sns_wrap { position:absolute; bottom:0; width:100%; height:50px;}
.intro_sns_wrap li  { display:inline-block; color:#fff;}
.intro_sns_wrap li a { display:inline-block; padding:5px;}
.header { height:70px;  position: relative;overflow: hidden ;} 
.header.show_header {overflow: visible;}
.h1 {float: left;padding: 0 0 0; margin:20px 0 0 0; height:35px;  position: relative;    z-index: 1; font-size:16px;}
.h1 img { max-height:34px;}
.top_dep1>li.top_sch_li { width:220px;   margin-top:5px; padding: 10px 0px 10px 10px;}
.top_sch_wrap {width:100%; height:30px; border-radius:15px; background-color:#e6e6e6; position:relative; font-size:14px; padding:0 50px 0 15px; box-sizing:border-box;}
.top_sch_wrap .top_sch_input { width:100%; height:27px; border:0; background-color:transparent;display:block; font-style:16px; line-height:20px; }
.top_sch_wrap .top_sch_btn { border:0; background-color:transparent;display:block; width: 30px; height: 30px; vertical-align: middle; position: absolute; right:10px; top:0; font-size:16px}
.home_visual { height:calc(100vh - 70px); width:100%;background-color:#000; position:relative;}
.home_visual ul li {  height:calc(100vh - 70px); width:100%; display: flex;ustify-content: center; align-items: center; z-index:10; }
.home_visual_content { text-align:left; padding:0 50px; z-index:10;}
.home_visual_content .visual_txt1 { color:#fff; font-size:70px; font-weight:100; line-height:1.1; margin:25px 0;font-family: 'Pretendard-ExtraLight';}
.home_visual_content .visual_txt1 strong { color:#ed3023}
.home_visual_content .visual_txt2 { color:#fff; font-size:18px; font-weight:100;line-height:1.4;font-family: 'Pretendard-ExtraLight';}
.home_visual_content .visual_txt2 a { color:#fff; cursor:pointer; padding:15px 70px; font-size:14px; letter-spacing:1px; border-radius:0; font-family: 'Pretendard-Regular'; }
.home_visual_content .visual_txt2 a:hover { color:#ffffff}
.home_visual_content .visual_txt2 a span { font-size:10px;}
.home_visual::before{content:'\A'; display:block;height:calc(100vh - 70px); position:absolute;width:100%;top:0;left:0;bottom:0;opacity:.75;transition:all .5s;-webkit-transition:all .5s; background: linear-gradient(270deg,transparent 0,#000 100%); z-index:1;}
.home_sol { padding:50px 0;}
.home_h2, .home_p {text-align:center; font-weight:100; margin:15px 0; line-height:1.2; color:#000; font-family: 'Pretendard-ExtraLight'}
.home_h2 { font-size:54px; }
.home_p { font-size:21px;; }
.home_ul01 { margin:20px 0;}
.home_ul01  { text-align:center;}
.home_ul01 li{ margin:30px 0;}
.home_sol_thumb { padding:0 10px;}
.home_sol_thumb img {  width:100%; height:auto;}
.home_ul01 .home_sol_txt1 { font-size:21px; margin:20px; line-height:1.2}
.home_ul01 .home_sol_txt2 { font-size:15px; color:#999; line-height:1.2; padding:0 20px; }
.home_btn_more { font-size:16px; display:inline-block; border:1px solid #000; padding:10px 35px; border-radius:40px; line-height:1.1; cursor:pointer}
.home_btn_more:hover { color:#ed3023; border-color:#ed3023}

.home_cs { background:url(../image/home_cs_bg.png) center center no-repeat; background-size: cover; padding:50px 0;}
.home_ul02 { margin:30px 0;}

.home_ul02 li a { display:block; margin:10px 10px;  color:#fff; padding:15px 0 15px 140px;}
.home_ul02 span { display:block;}
.home_ul02 .home_cs_txt1 { padding:4px 0; font-size:21px;}
.home_ul02 .home_cs_txt2 { padding:4px 0; font-size:13px;}
.home_cs_icon1 { background:#dc202e url(../image/home_cs_icon01.png) 35px center no-repeat;}
.home_cs_icon2 { background:#4d4d4d url(../image/home_cs_icon02.png) 35px center no-repeat;}
.home_cs_icon3 { background:#1792e5 url(../image/home_cs_icon03.png) 35px center no-repeat;}

.home_sec { padding:50px 0;}
.home_ul03 { margin:20px 0;}
.home_ul03  { text-align:center;}
.home_ul03 li{ margin:30px 0;}
.home_sec_thumb { padding:10px 10px; margin:10px; background:#ffffff; border:1px solid #ddd; height:244px; display: flex; justify-content: center; align-items: center;}
.home_sec_thumb img {  max-width:100%; height:auto; max-height:224px;}
.home_ul03 li span { display:block; text-align:left;}
.home_sec_txt1 { font-size:12px; color:#ed3023; margin:10px 20px 0 20px;}
.home_sec_txt2 { font-size:21px; color:#000; margin:0 20px 10px 20px;}
.home_sec_txt3 { font-size:14px; color:#999; margin:0 20px;}
.home_foot { background:#404040; padding:70px 0 20px 0;}
.home_foot_box1, .home_foot_box2, .home_foot_box2 { color:#fff;box-sizing:border-box; overflow:hidden; margin: 10px; overflow:hidden;}
.home_foot_box1 { background:#ed3023; height:280px; padding:30px 35px; position:relative  }
.home_foot_box1 .home_foot_box_btn { width:30px; height:30px; position:absolute; top:25px; right:30px;}
.home_foot_box_btn a { display:block; width:30px; height:30px; background:#fff; border-radius:50%; text-align:center; line-height:26px; font-size:25px; color:#ED3023; font-weight:100; cursor:pointer}
.home_h3 { font-size:18px; font-weight:700;}
.home_ul04 { margin-top:20px;}
.home_ul04 li { padding:5px 0 5px 15px; display:block; list-style-position:outside; list-style-type:disc;}
.home_ul04 li a { color:#fff; font-size:16px; cursor:pointer; display:block; position:relative;  }
.home_ul04 li a:before { display:block; width:3px; height:3px; content:' '; background:#eee; position:absolute; top:8px; left:-10px; border-radius:1px;}
.home_foot_box2 { background:url(../image/home_foot_bg1.png) right bottom no-repeat; height:280px; padding:30px 35px;  }
.home_foot_txt1, .home_foot_txt2, .home_foot_txt3 { display:block;}
.home_foot_txt1 a { color:#fff;}
.home_foot_box2 .home_foot_txt1 { font-size:42px; display:block; color:#fff; font-weight:bold; margin-top:40px;}
.home_foot_box2 .home_foot_txt2 { font-size:16px; font-weight:100; margin-top:5px;}
.home_foot_box2 .home_foot_txt3 { margin-top:40px;}
.home_foot_box2 .home_foot_txt3 a { display:block; width:30px; height:30px; background:#fff; border-radius:50%; text-align:center; line-height:26px; font-size:25px; color:#ED3023; font-weight:100; cursor:pointer}
.home_foot_box3, .home_foot_box4 { margin:10px; height:135px; padding:25px 0 0 140px;}
.home_foot_box3 { background:#125b8c url(../image/home_foot_icon01.png) 35px center no-repeat}
.home_foot_box4 { background:#1792e5 url(../image/home_foot_icon02.png) 35px center no-repeat}
.home_foot_txt4, .home_foot_txt5 { color:#fff;display:block; }
.home_foot_txt4 { font-size:21px; font-weight:bold;}
.home_foot_txt5 { font-size:14px; margin-top:10px;}
.home_foot_div { border-top:1px solid #ccc; padding:40px 0; margin-top:40px;}
.txt_dark { color:#222;}
.font_30 { font-size:30px; }
.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; color:#999; }
.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: #ED3023; border-color: #ED3023; }
.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; }


.sub_foot {background:#404040;padding:20px 0 20px 0; margin-top:50px;}
.sub_foot .home_foot_div {border-top: 0 none; padding:20px 0; margin-top:0;}
.foot_add { font-size:13px; line-height:1.4; color:#fff; font-weight:200;}
.foot_add a { color:#fff;}
.foot_wrap1 { margin:20px 0; font-size:12px; color:#fff;}
.foot_sns_wrap { margin-top:10px;}
.foot_sns_wrap a { display:inline-block; margin:0 10px 0 0 ;}
.foot_wrap2 { margin:20px 0;}
.foot_wrap2 select { display:block; width:100%;  max-width:200px; height:30px; border-radius:15px; padding-left:15px;  padding-right:15px; font-size:13px; color:#000; -webkit-appearance: none; -moz-appearance: none;  background: #fff url(../image/bullet_down.png) no-repeat 95% center; text-align: left}
.float_right { width:60px; height:60px; position: fixed; right:50px; bottom:80px;}
.float_right .right_btn1 { width:60px; text-align:center; display:block; font-size:14px;  color:#000;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;  }
.float_right .right_btn1:hover {color:#000;cursor:pointer}
.right_btn1 span { display:block; width:60px; height:60px; text-align:center; vertical-align: middle; line-height:60px; background:#ED3023; border-radius:30px; overflow:hidden; margin-bottom:7px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; }
.float_right .right_btn1:hover span { background:#4d4d4d ;}
.sub_wrap { padding-top:20px;padding-bottom:20px;  border-top:1px solid #ddd;  min-height:50vh; padding-left:15px; padding-right:15px;}
.about_div { margin-top:40px;  margin-bottom:40px;}
.sub_txt_wrap { margin:60px;}
.sub_txt_wrap2 { margin:60px 0;}
.sub_txt1 { font-size: 56px; font-weight:800; letter-spacing:-1px;}
.sub_txt2 { font-size: 18px; color:#5d5d5d; font-family: 'Pretendard-ExtraLight';line-height:1.8 }
.about_bg1 { background:url(../image/abuout_bg_01.png) left center no-repeat; background-size:cover; padding:100px 30px;}
.about_bg1 .sub_txt1 { color:#fff;}
.about_bg2 { background:#f4f4f4; padding:30px 40px;}
.about_h3 { font-size:28px; margin:40px 0 20px 0; font-weight:100;}
.about_h3 i.glyphicon { font-size:19px; color:#ccc}
.about_p1 { font-size:16px; margin:10px 0;font-family: 'Pretendard-ExtraLight'; }
.ul_01 li { display:block;font-family: 'Pretendard-ExtraLight'; line-height:1.8; padding-left:10px; background:url(../image/bullet_dot.png) 0 10px no-repeat} 
.ul_01:after { content:' '; display:table; clear:both;} 
.baout_img_box1 { margin:10px 40px 0 0;}
.ul_list3 li { display:block;font-family: 'Pretendard-ExtraLight'; line-height:1.8; padding-left:10px; background:url(../image/bullet_dot.png) 0 10px no-repeat} 

 
.left_cate_dep2, .left_cate_dep3 { display: none }
.left_ul_wrap { padding: 10px 10px 10px 10px; margin-top:20px; }
.left_ul_wrap ul li { padding: 5px 5px 5px 10px; text-align: left; display: block; position: relative; }
.left_ul_wrap ul li a { display: block; cursor: pointer }
.left_cate_dep1>li>a { font-size:16px; }
.left_cate_dep1>li>span { display: block; position: absolute; right: 0; top: 5px; width: 20px; height: 18px; background: url(../image/bullet_down.png) right center no-repeat; cursor: pointer }
.left_cate_dep1>li.up>span { background: url(../image/bullet_up.png) right center no-repeat; }
.left_cate_dep2>li>span { display: block; position: absolute; right: 0; top: 5px; width: 20px; height: 18px; background: url(../image/bullet_down_s.png) right center no-repeat; cursor: pointer }
.left_cate_dep2>li.up>span { background: url(../image/bullet_up_s.png) right center no-repeat; }
.left_cate_dep1>li.up > a { color: #ED3023; font-weight: bold; }
.left_cate_dep1 li.on > a { color: #ED3023; font-weight: bold; }
.left_cate_dep1 li i, .left_cate_dep1 li.on > a i, .left_cate_dep1 li.up > a i { color: #999; font-size: 12px; font-weight: normal; font-style: normal }
.left_cate_dep3>li>a { font-size: 13px; color: #999; }
.left_cate_dep2 { margin-top: 5px; }
.left_cate_dep2 li a:hover { color: #ED3023; }
.left_ul_wrap .h4 { font-size: 18px; color: #000; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }

.contents_wrap { min-height:800px }
.list_head_list h2 { text-align:center}
.contents_wrap {   position: relative;  margin: 0 auto;  box-sizing: border-box; overflow:hidden; padding-top:0;  }
.contents_side {   position: absolute;   left: 0;   transition: left 0.3s; display:block; z-index:99; background:#fff; height:100%; width:220px; display:block;}
.contents_body { min-width: 320px; margin-left:250px;transition: margin-left 0.3s;}
.contents_side_in {position: relative; left: 0; float: left; padding:0 30px 0 0; width:250px;  height: calc(100vh - 170px); overflow-y: hidden; height:auto;  }
.btn_filter { display:none;}
.left_sch { padding: 5px;}
.sch_box {  margin-left: auto;     margin-right: 0; }
.prd_sort_wrap { text-align:right; padding:20px 0 10px 0;}
.sch_box .sch_item { padding-left:5px !important; padding-right:5px !important;}
.sch_item .btn-block { padding-left:0px !important; padding-right:0px !important;}
.ul_prd li { display:block; width:25%; float:left; position:relative} 
.ul_prd:after { content:' '; display:table; clear:both}
.prd_label_wrap { display:block;; position:absolute; top:15px; left:15px; }
.ul_prd li .prd_label {  display: inline-block; padding:0 15px; height:22px; line-height:22px; border-radius:4px; text-align:center;font-size:14px; text-align:center;}
.ul_prd li .label1 { background:#999; color:#fff;}
.ul_prd li .label2 { border:1px solid #ccc; background:#fff; color:#999;  }
.ul_prd li .prd_thumb { width:100%; display: flex; justify-content: center; align-items: center;}
.prd_thumb img { width:100%; max-width:100%; max-height:100%;}
.ul_prd li a { display:block; padding:15px; margin:10px; border:1px solid #eee;transition: all 0.3s;}
.ul_prd li a:hover { border-color:#ccc;}
.ul_prd li .prd_info { height:100px;}
.ul_prd li .prd_info span { display:block}
.ul_prd li .prd_txt1 { font-size:20px; color:#000; text-align:center; margin:5px 0; line-height:1.2}
.ul_prd li .prd_txt2 { text-align:center; font-size:14px; color:#999;line-height:1.2}
.ul_prd.ul_prd_sm li { width:20%;}
.ul_prd.ul_prd_sm li a { border:0 none;}
.prd_txt3 { color:#999; font-size:12px; text-align:center}


.ul_prd_flat li { display:block; width:25%; float:left; position:relative} 
.ul_prd_flat:after { content:' '; display:table; clear:both}   
.ul_prd_flat li .prd_thumb { width:100%; display: flex; justify-content: center; align-items: center;}
.ul_prd_flat .prd_thumb img { width:100%; max-width:100%; max-height:100%;}
.ul_prd_flat li a { display:block; padding:5px; margin:10px; transition: all 0.3s;}
.ul_prd_flat li a:hover { border-color:#ccc;}
.ul_prd_flat li .prd_info { height:30px;}
.ul_prd_flat li .prd_info span { display:block}
.ul_prd_flat li .prd_txt1 { font-size:16px; color:#000; text-align:center; margin:5px 0; line-height:1.2}


.breadcrumb.breadcrumb_prd { background-color:transparent; text-align:right;padding: 8px 0px; margin-bottom:0;}
.breadcrumb_prd li a:hover { color:#000;}
.dtl_ttl_wrap  { padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
.dtl_img_wrap { width:100%; height:480px; padding:10px; text-align:center; display: flex; justify-content: center; align-items: center; overflow:hidden; }
.dtl_img_wrap img { max-width:100%; height:auto; max-height: 480px;}
.dtl_info_wrap { padding:15px 0 0 40px;}
.dtl_info_wrap .dtl_info_tl { padding-top:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.dtl_info_tt { font-size:18px;padding:5px 0; color:#ED3023;}
.dtl_info_td { font-size:16px;padding:7px 0; font-family: 'Pretendard-ExtraLight'; }
.dtl_info_td li { padding-bottom:7px; }
.dtl_info_td li:last-child { padding-bottom:0;}
.detail_ul li { padding-left:12px; position:relative;}
.detail_ul li:before { content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:3px; background-color:#ccc;}
.dtl_key_wrap { margin:8px 0; text-align:center}
.dtl_keyword li { display:inline-block; margin:2px 2px; padding:2px 6px; border-radius:3px; background:#eee; font-size:12px;}
/* .dtl_keyword li:before { content:"# ";} */
.btn_lg { font-size:19px; text-align:center; display:inline-block; border:1px solid #ED3023; padding:10px 20px; color:#ED3023; cursor:pointer;transition: 0.3s ease; background:#fff;}
.btn_lg[disabled], .btn_lg[disabled]:hover { background:#fff;border:1px solid #ccc;color:#ccc; cursor:default }
.btn_lg:hover {border:1px solid #000; color:#000;}
.table_list, .table_list th, .table_list td { border-collapse:collapse;}
.table_list th, .table_list td { padding:15px 10px; border-bottom:1px solid #ddd;}
.table_list th { font-size:16px;}
.show_m { display:none} 
.dtl_h3_wrap { border-bottom:1px solid #ccc; padding:10px;}
.prd_detail_wrap { padding:20px; font-size:16px; line-height:1.6;font-family: 'Pretendard-ExtraLight';}
.tb_date { color:#999; font-size:12px;}

.article_h5 { font-size:22px; margin-bottom:0.5rem; text-align:center; font-family: 'Pretendard-ExtraLight';}
.article_h3 {font-size: 40px;  margin-bottom:50px; text-align:center;font-family: 'Pretendard-ExtraLight'; }
.article_p {font-size: 18px; line-height: 25px;margin-bottom:50px;font-family: 'Pretendard-ExtraLight';}
.solution_section {display: flex; padding:50px 0;}
.solution_section+.solution_section { padding-top:100px;}
.solution_1 {order: 1; }
.solution_2 {order: 2; height:auto; } 
.solution_1, .solution_2 {height:auto;  display: flex; flex-direction: column;justify-content: center; align-items: center;}
.s_text_wrap {font-family: 'Pretendard-ExtraLight'; }
.solution_1 .s_text_wrap { padding:10px 40px 10px 0px; }
.solution_2 .s_text_wrap { padding:10px 0 10px 40px; }
.s_text_wrap h2 { font-size:40px; margin:20px 0;}
.s_text_wrap p { font-size:18px; margin:20px 0; line-height:25px}
.solution_img {   height:auto;}
.solution_crop { width:100%; height:100%; overflow:hidden; text-align:right;}
.solution_crop img { height:100%; float:right}
.solution_section2 { background:#f7f7f7; padding:60px;}
.solution_section2 h3 { font-size: 40px; text-align:center;font-family: "Honeywell Sans",Helvetica,Arial,sans-serif !important;font-weight:300;   font-weight: normal;}
.solution_box { padding:15px; margin-bottom:15px;}
.solution_box_thumb { width:100%; margin-bottom:24px;}
.solution_box_thumb img { width:100%; height:auto}
.solution_box a { color:#007bc2;font-size: 20px; word-break: break-word; font-family: 'Pretendard-ExtraLight';}
.ul_gall li { display:block; width:33.3333%; float:left; padding:0 15px;}
.ul_gall .gall_thumb { width:100%;  text-align:center; height:250px; overflow:hidden; background-size:cover;}
.ul_gall .gall_thumb img {height:100%; width: 100%; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; backface-visibility: hidden;  margin:0 auto;} 
.ul_gall .gall_thumb:hover img { transform: scale(1.1); -webkit-transform:scale(1.1);  }
.ul_gall .gall_info { height:80px; margin-top:20px; text-align:left;}
.ul_gall .gall_info span { display:block;}
.gall_txt1 { font-size:22px; font-family: 'Pretendard-ExtraLight';line-height:1.2}
a.gall_txt1:hover { color:#ED3023}
.gall_txt2 { margin-top:5px; color:#999;}
.gall_label { color:#ED3023}
.ul_gall2 { clear:both;}
.ul_gall2:after, .ul_gall2:before { clear:both; content:''; display:table}
.ul_gall2 li { display:block; width:25%; float:left; padding:0 15px;}
.ul_gall2 .gall_thumb { width:100%;  text-align:center; height:250px; overflow:hidden; background-size:cover; background:url(../image/thumb_pic1.jpg) center center no-repeat;} 
.ul_gall2 .gall_thumb img {height:100%; width: auto;  transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; backface-visibility: hidden; margin-left:-25%;} 
.ul_gall2 .gall_thumb:hover img { transform: scale(1.1); -webkit-transform:scale(1.1);  }
.ul_gall2 .gall_info { height:200px; margin-top:20px; text-align:left;}
.ul_gall2 .gall_info span { display:block;} 
.gall_info .gall_btns { text-align:center; margin-top:10px; }

.view_top_wrap { padding:40px 0;}
.view_h3 { font-size:18px; color:#999;  font-family: 'Pretendard-ExtraLight';}
.view_h4 {font-size: 40px;}
.view_data { margin:5px 0; text-align:left; color:#999;}
.view_data span { display:inline-block;  font-family: 'Pretendard-ExtraLight'; }
.view_data span + span { margin-left:30px; position:relative; }
.view_data span + span:before { content:"|"; position:absolute; left:-15px; display:inline-block;}
.view_top_wrap { border-bottom:1px solid #ddd;}
.view_content { padding:40px 0; font-size:18px;}
.view_content img { max-width:100%; height:auto}
.login_box { padding:0 50px;}
.login_box_l { border-right:1px solid #eee;}
.login_box label { font-size:16px; }
.login_box .control-label { padding-right:20px;}
.agree_box { max-height:200px; overflow:auto; padding:15px; border:1px solid #eee;}
.visual_join { height:30vh; background:url(../image/bg_building2.png) left center no-repeat; background-size:cover; display: flex; justify-content: center; align-items: center;}
.visual_join .visual_txt_wrap { padding:0 50px; text-align:left; width:100%; box-sizing:border-box; } 
.visual_txt_wrap .visual_txt1 { font-size:40px; color:#fff; font-family:'Honeywell Sans';}
.visual_txt_wrap .visual_txt2 { font-size:19px; color:#fff; font-family:'Honeywell Sans';}

.ul_news { border-top: 2px solid #da304f }
.ul_news li { padding: 20px 10px; border-bottom: 1px solid #ddd; min-height: 20px; }
.ul_news li .title { font-size: 18px; color: #da304f; width: 80%; float: left;   }
.ul_news li .data { width: 19%; float: right; text-align: right;  }
.ul_news li .summery { width: 80%; clear:both; font-size: 15px; color: #666; padding-top: 10px; }
.ul_news li .category { font-size: 14px; display: inline-block; margin-right: 10px; color: #333; }
.ul_news li .date { font-size: 14px; display: inline-block; margin-right: 10px; color: #999; }
.ul_news li.no_data { padding: 50px 0; }
.ul_news li:hover { background: #f4f4f4; cursor: pointer; }
.no_data { text-align: center; font-size: 15px;   padding: 100px 0 20px 0; background:url(../image/icon_paper.png) center 20px no-repeat; background-size:64px;  ;}
.ul_list2 { border-top: 2px solid #da304f }
.ul_list2 li { padding: 20px 10px; border-bottom: 1px solid #ddd; min-height: 60px; font-size:16px; }
.ul_txt1, .ul_txt2{ float:left;  }
.ul_txt3 { float:right; color:#999;}
.ul_txt4 { margin-left:30px; display:inline-block;}
.ul_txt2 { font-size:18px;}
.ul_txt2 a:hover { color:#ED3023}
.ul_txt1 { width:100px;}
.ul_txt3 span { display:inline-block;}
.ul_txt3 span + span { margin-left:50px;}



.ul_refer { border-top: 2px solid #da304f }
.ul_refer li { padding: 20px 10px; border-bottom: 1px solid #ddd; min-height: 20px; }
.ul_refer li .title:before { content:''; display: table; clear: both}
.ul_refer li .title { font-size: 18px; color: #da304f; width: 100%; clear: both; padding-top: 10px;   }
.ul_refer li .info_left { width: 50%; float: left; text-align: left;  }
.ul_refer li .info_right { width: 50%; float: right; text-align: right;  }
.ul_refer li .no { font-size: 14px; display: inline-block; margin-right: 10px; color: #999; }
.ul_refer li .cate {font-size: 14px; display: inline-block;  color: #fff; background: #666; padding: 3px 10px; border-radius: 5px; }

 
.ul_refer li .date { font-size: 14px; display: inline-block; margin-right: 10px; color: #999; }
.ul_refer li .hit { font-size: 14px; display: inline-block; margin-right: 10px; color: #999; }
.ul_refer li .hit:after { content: '|'; color: #ccc; display: inline-block; margin-left: 10px; }
.ul_refer li.no_data { padding: 50px 0; }
.ul_refer li:hover { background: #f4f4f4; cursor: pointer; }
.view_cate {font-size: 14px; display: inline-block;  color: #fff; background: #666; padding: 3px 10px; border-radius: 5px;  }
.refer_down { margin:10px 0 0 0; text-align:left; color:#999; font-size: 16px;}
.refer_down a {color: #ED3023;}
 


/* Preloader */
.preloader_wrap { position: relative }
#preloader_1 { background-color: rgba( 255, 255, 255, 0.9 ); position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; }
#status_1 { 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; }

.prd_filter_wrap { padding:10px 10px; background:#f4f4f4; margin-top:20px; border-radius:6px;}
.check_ul {   position:relative; padding-left:90px; }
.check_ul li { display: inline-block; }
.check_ul li a { display: inline-block; padding: 7px 20px; font-size: 14px; color: #999; cursor: pointer; border:1px solid #eee; border-radius:15px; background:#fff; margin:5px}
.check_ul li.on a { color: #ED3023; border:1px solid #ED3023;} 
.check_ul li.label { display:block; position:absolute; left:20px; top:8px;}
.check_ul li.label label { font-size:16px; color:#333; display:inline-block; padding: 7px 0;  }
.sch_inner { background:#f4f4f4; padding:10px;}
.sch_inner .col-md-2, .sch_inner .col-md-1{ padding-left:5px; padding-right:5px;}
.sch_inner { margin-left:-5px; margin-right:-5px;}
.frame1 { width:100%; height:400px; overflow:scroll;  box-sizing:border-box;}
.spec_wrap2 { padding:0 0 0 50px; background:url(../image/icon_arrow_r.png) 10px center no-repeat}
.ul_radio li { display:inline-block; width:50%; float:left; margin:5px 0;}
span.help-block { display:inline-block}
.input-xs {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.pop_body_new { background:#fff;}
.pop_head_new { background:#444444; color:#fff; text-align:left;}
.pop_head_new  .pop_h1 { text-align:left; font-size:21px; padding:10px; margin:0;}
.pop_inner_new { padding:15px;}
.pop_h2_new { text-align:left; font-size:16px; padding:0; margin:5px 0;font-family: 'Pretendard-Regular';}
.result_wrap { font-size:16px; padding-bottom:5px; border-bottom:1px solid #ddd; margin-top:10px;}
.board_h4 { font-size:24px; padding-bottom:10px; margin-bottom:20px; margin-top:40px;  border-bottom:1px solid #ddd;}
/*¿©±â±îÁö °øÅë*/


@media (min-width: 993px) {
.top_dep1 {   float:right;  position: relative; margin-left:10px; margin-top:5px;}

.top_dep1>li>a { display:block; padding:5px; cursor:pointer}
.top_dep1>li>a:hover { color:#dc202e}
.top_dep1>li>a.active { color:#dc202e; border-bottom:1px solid #25a8c3}
.sub_nav_bg { width:100%; background:#fff; height:0; position:absolute; top:70px; left:0;  z-index:9999; box-sizing:border-box;}
.show_header .sub_nav_bg {border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.top_dep2 { display: block; height:0; margin-top:20px; position:absolute; z-index:9999;} 
.top_dep2 li { font-size:15px; display:block; padding:7px 0;font-weight: normal;font-family: 'Pretendard-ExtraLight'; width:110px;}
.top_dep2 li a { cursor:pointer;word-break: normal; word-wrap: break-word;white-space:normal;width:110px; line-height: 1.1; }
.top_dep2 li a:hover {color:#dc202e;width:110px; }
.top_dep2>li:first-child { margin-top:10px;}
.top_dep3 { margin-top:3px;}
.top_dep3 li {padding:4px 0 4px 15px; background:url(../image/bullet_grey.png) 5px 12px no-repeat; width:130px;  display:block;} 
.top_dep3 li a, .top_dep3 li a:active { color:#999;font-size:14px; width:130px; line-height:1.3; display:block; }
 
.m_menu { display:none;}
.ul_01 li { width:50%; float:left;}
}

 

@media (min-width: 1600px) {
.top_dep1>li { float:left; display: block; padding:10px 45px; font-size:18px;  }
.container {    width: 1440px;  } 
}

@media (max-width: 1599px) { 
.top_dep1>li { float:left; display: block; padding:10px 30px; font-size:18px;  }

}
@media (max-width: 1380px) { 
.top_dep1>li { float:left; display: block; padding:10px 20px; font-size:17px;  }
.top_dep1>li.top_sch_li { width:200px;padding: 10px 0px 10px 10px;  }
.sub_txt1 { font-size: 44px; font-weight:800; } 
.about_bg1 { padding:80px 20px;}
 
}
@media (max-width: 1200px) { 
.top_dep1>li { float:left; display: block; padding:10px 15px; font-size:16px;  }
.top_dep1>li.top_sch_li { width:130px; padding: 10px 0px 10px 10px;  }
.sub_txt_wrap { margin:50px;}
.sub_txt_wrap2 { margin:50px 0;}
.sub_txt1 { font-size: 38px; font-weight:800; } 
.about_bg1 { padding:70px 20px;}
.ul_gall2 li { display:block; width:33.3333%; float:left; padding:0 15px;}

}
@media (max-width: 992px) {

.intro_video_cover h1 {  position:absolute; top:0; width:100%; height:35px;display:block;  text-align:left;   }
.intro_video_cover h1 i { display:block; margin:5px 10px;}
.intro_video_cover h1 img { height:25px; width:auto}

.header { height:50px; overflow:visible; }
.h1 {  margin:13px 0 0 15px; height:auto }
.h1 img { max-height:25px; width:auto}
.top_dep1 { display:block; width:100%; background:#fff; position:absolute; left:0; top:50px;z-index:100; display:none }
 
.top_dep1>li {display: block; font-size:18px; font-weight: 500; border-bottom:1px solid #eee; float:none;padding:0; width:100%;  }
.top_dep1 { border-bottom:1px solid #ccc}
.top_dep1>li a { padding:10px 25px; display:block; cursor:pointer;}
.top_dep2 { display:none ; background:#f4f4f4;}
.top_dep2 li { font-size:16px; display:block; }
.top_dep2 li a { padding:5px 15px 5px 25px; display:block;} 
.top_dep3 { margin-top:0;} 
.top_dep3 li a { padding:5px 15px 5px 37px; display:block;color:#999; background:url(../image/bullet_grey.png) 25px 14px no-repeat; width:100% ; line-height:1.3; display:block; }
.top_dep1>li.top_sch_li { width:130px; padding: 10px 0px 10px 10px;  }



.m_menu { display:block; width:30px; height:30px; position:absolute; right:15px; top:10px; color:#999; font-size:30px;cursor:pointer;}
.top_cate_btn a { font-size:29px; color:#666; line-height:29px; cursor:pointer; display:block;width:30px; height:30px;}
.top_cate_btn .btn_top_menu {overflow: hidden;z-index:9;position: relative;width: 26px;height: 26px;right: 0;top: 4px;margin-top: 0; cursor:pointer; left:0}
.top_cate_btn .btn_top_menu span{position: absolute;right: 0;width: 100%;height: 3px;background-color: #333333;
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
.top_cate_btn .btn_top_menu span.barTop{top: 2px;}
.top_cate_btn .btn_top_menu span.barMid{top: 11px; }
.top_cate_btn .btn_top_menu span.barBot{width: 100%;top: 20px; }
.top_cate_btn .btn_top_menu:hover span.barTop {width: 100%;}
.top_cate_btn .btn_top_menu:hover span.barMid {width: 100%;}
.top_cate_btn .btn_top_menu:hover span.barBot {width: 100%;}

.top_cate_btn.top_cate_btn_open .btn_top_menu span {background-color: #333333;width: 100%;} 
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 11px;}
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barMid{width: 0; height:0;}
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 11px;}

.top_dep1>li.top_sch_li { width:100%;   margin-top:5px; padding: 10px ;}
.top_sch_wrap {width:100%; height:30px; border-radius:0; background-color:transparent; position:relative; font-size:14px; padding:0 50px 0 15px; box-sizing:border-box;} 

.home_h2 { font-size:44px; }
.home_p { font-size:18px; }
.sub_txt_wrap { margin:40px;}
.sub_txt1 { font-size: 32px; font-weight:800; } 
.sub_txt2 { font-size: 16px; }
.about_bg1 { padding:50px 20px;}
.contents_body { min-width: 320px; margin-left:0;transition: margin-left 0.3s;}
.contents_side {   position: absolute;   left: -250PX;   transition: all 0.3s; display:block}
.contents_side.active { position: absolute;   left: 0;   transition: left 0.3s; display:block; border-right:1px solid #ddd;border-top:1px solid #ddd;}
.btn_filter { display: inline-block;}

.contents_mobile_wrap {   position: relative;  margin: 0 auto;  box-sizing: border-box; overflow:hidden; width:100%;} 
.contents_mobile_side {   position: relative;   left: 0;   transition: left 0.3s; display:block; z-index:99; background:#fff; width:100%;}
.contents_mobile_body { min-width: 320px; margin-left:0;transition: margin-left 0.3s; display:none;}
.contents_mobile_side section {position: relative; left: 0; float: none; padding:0 0 0 0; width:100%;}
.ul_prd li { display:block; width:33.333%; float:left;}
.ul_prd.ul_prd_sm li {  width:33.333%;}
.view_h4 {font-size: 26px;} 
.ul_gall2 li { display:block; width:50%; float:left; padding:0 15px;}
 .ul_radio li { display:inline-block; width:100%; float: none; margin:5px 0;}
span.help-block { display:inline-block;}
.prd_detail_wrap { padding:10px;  }
}
@media (max-width: 768px) {
.home_visual, .home_visual ul li{ height:calc(100vh - 50px); width:100%;background-color:#000;} 
.home_visual_content { text-align:center; padding:0 20px;}
.home_visual_content img { max-height:150px; width:auto}
.home_visual_content .visual_txt1 { font-size:34px; margin:20px 0;} 
.home_visual_content .visual_txt2 { font-size:14px;  }
.foot_add, .foot_wrap1, .foot_wrap2 { padding:0 20px;}
.ul_01 li { width:100%; clear:both}
.baout_img_box1 { margin:10px 0 0 0;}
.about_h3 { font-size:20px; }
.about_h3 i.glyphicon { font-size:14px; color:#ccc}
.about_bg2 { background:#f4f4f4; padding:30px 10px;}
.breadcrumb.breadcrumb_prd  { text-align:left;}
.breadcrumb_prd li { font-size:12px;}
.dtl_img_wrap { height:auto;}
.dtl_info_wrap { padding:10px 0 0 0px;}
.hidden_m { display:none}
.show_m { display:block;}
.intro_txt_wrap h2{ font-size:30px;}
.intro_txt_wrap p {font-size:16px;margin:10px;}
.intro_txt_wrap ul { margin-top:20px}
.intro_txt_wrap ul li a {width:190px;  height:46px; line-height:46px;  font-size:18px; }

.home_h2 { font-size:36px; }
.home_p { font-size:16px; margin:0 30px; }
.home_ul01 .home_sol_thumb, .home_ul01 .home_sol_txt2 { padding:0 50px;}
.home_ul02 li a { margin: 10px 50px;}
.home_ul02 li a {  padding:15px 0 15px 100px; background-size:60px; background-position: 20px center;}
.home_ul03 .home_sec_thumb, .home_ul03 .home_sec_txt1, .home_ul03 .home_sec_txt2, .home_ul03 .home_sec_txt3  { margin-left:50px;margin-right:50px;}
.sub_txt_wrap { margin:30px 10px;}
.sub_txt1 { font-size: 28px; font-weight:800; } 
.sub_txt2 { font-size: 14px; }
.about_bg1 { padding:30px 20px;}
.ul_prd li { display:block; width:50%; float:left;}
.ul_prd li a { display:block; padding:5px; margin:5px}
.ul_prd li .prd_info { height:80px;}
.ul_prd li .prd_txt1 { font-size:16px; color:#000; }
.ul_prd li .prd_txt2 { font-size:12px; color:#999; }
.ul_prd.ul_prd_sm li {  width:50%;}
	
	
.ul_prd_flat li { display:block; width:50%; float:left; position:relative}   
.ul_prd_flat .prd_thumb img { width:100%; max-width:100%; max-height:100%;} 
.ul_prd_flat li .prd_txt1 { font-size:16px; color:#000; text-align:center; margin:5px 0; line-height:1.2}	
	
.solution_section {display: block ; padding:30px 0;} 
.solution_1 .s_text_wrap { padding:10px 0 }
.solution_2 .s_text_wrap { padding:10px 0 }
.solution_crop { height:400px; }
.solution_section+.solution_section { padding-top:50px;}
.s_text_wrap h2 { font-size:28px; }
.solution_section2 { background:#f7f7f7; padding:30px;}
.solution_section2 h3 { font-size: 24px; }
.ul_gall li { display:block; width:100%; float: none;}
.gall_thumb { height:50vw}
.ul_gall .gall_thumb img { width: auto; height:100%}
.gall_txt1 { font-size:18px; }
.ul_gall2 li { display:block; width:100%; float: none;}
.ul_gall2 .gall_thumb img { width: auto; height:100%}

.view_h3 { font-size:14px; }
.view_top_wrap { padding:20px 0;}
.view_h4 {font-size: 20px;} 
.view_content { padding:20px 0; font-size:14px;}
.login_box { padding:0 20px;}
.login_box_l { border-right:0 none; margin-bottom:70px;}
.article_h3 {font-size: 34px;  margin-bottom:35px;}
.visual_join .visual_txt_wrap { padding:0 20px;}
.visual_txt_wrap .visual_txt1 { font-size:19px; color:#fff; font-family:'Honeywell Sans';}
.visual_txt_wrap .visual_txt2 { font-size:12px; color:#fff; font-family:'Honeywell Sans';}
.ul_news li { padding: 20px 10px; border-bottom: 1px solid #ddd; min-height: 20px; }
.ul_news li .title { font-size: 16px; color: #da304f; width: 100%; float: none;    }
.ul_news li .data { width: 100% ; float: none; text-align: left;  }
.ul_news li .summery { width: 100%; clear:both; font-size: 13px; color: #666; padding-top: 0; } 

.ul_txt1 { width: auto; margin-right:10px;}
.ul_txt3 { float: none; clear:both; width:100% color:#999; text-align:right; font-size:14px;}
.ul_txt3 span + span { margin-left:10px;}
.check_ul {   position: static; padding-left:0px; }
.check_ul li.label { position:relative; width:100%; top:auto; left:auto; text-align:left}
.check_ul li a { display: inline-block; padding: 5px 10px; }
.check_ul li.label label { font-size:14px; padding: 5px 0;} 
 
.sch_inner .col-md-2, .sch_inner .col-md-1 { margin-top:5px;  margin-bottom:5px;}	
.spec_wrap2 { padding:50px 0 0 0px; background:url(../image/icon_arrow_b.png) center 20px no-repeat}
span.help-block { display: block;}
.ul_gall2 .gall_info { height:150px; }
.board_h4 { font-size:18px;}
}
@media (max-width: 360px) {
.intro_txt_wrap h2{ font-size:22px;}
.intro_txt_wrap p {font-size:12px; margin:10px;}
.intro_txt_wrap ul { margin-top:15px}
.intro_txt_wrap ul li a {width:180px; height:40px;line-height:40px;   font-size:16px; }

.home_h2 { font-size:29px; }
.home_p { font-size:14px; margin:0 20px; }
.home_ul01 .home_sol_thumb, .home_ul01 .home_sol_txt2 { padding:0 30px;}
.home_ul01 .home_sol_txt2 { display:none}
.sub_txt_wrap { margin:30px;}
.sub_txt1 { font-size: 20px; font-weight:800; } 
.sub_txt2 { font-size: 12px;  }
.about_bg1 { padding:30px 15px;}
}
.modal_inner { padding:0 5px 15px 5px; border-bottom:1px solid #eee; margin-bottom:15px;}
.modal_txt1 { font-size:22px; line-height:1.4; padding-bottom:10px;}
.modal_txt2 { font-size:16px; color: #5d5d5d; font-family: 'Pretendard-ExtraLight';}
.control-txt { padding-top:7px; font-size:16px;}
.prd_sm_r { padding:15px 20px }
.link_txt { word-break: break-all}