@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(../fonts/NanumSquare/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:400,500,600,700,800,900');
@import url(./icon.css);

* { margin: 0; padding: 0; word-break: keep-all; }

/* reset */
html, body {font-family: 'Noto Sans KR', sans-serif;}
body {min-width: 1280px;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:middle}
h1, h2, h3, h4 {font-family: 'NanumSquare', sans-serif;font-size:14px;line-height:1.4;margin:0;padding:0;}
body{font-size:14px;line-height:1.4}
ol,ul,li,dd{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
tbody, tfoot, thead, tr, th, td{word-break:break-all}
table th{font-weight:bold}
address { font-style: normal; }
hr{display:none}
img{border:0;font-size:0;vertical-align:middle}
a img{border:0;margin:0;padding:0;vertical-align:middle}

a:link,a:visited,a:active{color:#666}

button, input{line-height:normal;overflow:visible;border-radius:0;border-radius:0; outline: none;}
button, input[type='button'], input[type='reset'], input[type='submit']{padding:0;border:0;overflow:hidden;margin:0;background-color:transparent;cursor:pointer}
input[type="checkbox"]{box-sizing:border-box;width:18px;height:18px;padding:0;margin:0}
button, input, select, textarea{font-size:100%;vertical-align:baseline}
textarea{overflow:auto;vertical-align:top;resize:vertical; }
input[type=text]::-ms-clear { display:none; }
.hidden {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    visibility: hidden;
}
/* html5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* table */
table{border-spacing:0;border-collapse:collapse;width:100%}
table,th,td{color:#000;}

a {text-decoration: none}
textarea {width:100%; padding:10px; border:none; border: 1px solid #ddd; background: #f7f7f7; color:#111; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
input{ box-sizing: border-box; width:100%; height:40px; border:none; background: #f7f7f7; border: 1px solid #ddd; text-indent: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;}
input[type=text], input[type=password]{width:100%; height:40px; border:none; background: #f7f7f7; border: 1px solid #ddd; text-indent: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;}
input[type=file] {width:100%; height:40px; border:none; background: #f7f7f7; font-family: 'Noto Sans KR', sans-serif; border: 1px solid #ddd; line-height: 50px}
select {width:100%; height:40px; border:none; background: #f7f7f7; border: 1px solid #ddd; text-indent: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;}
button {outline: none; font-family: 'Noto Sans KR', sans-serif;}
input:focus, textarea:focus, select:focus{outline: none; border: 1px solid #002452!important;}
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
.inline-block { display: inline-block !important; }
.clear { clear: both !important; }

.nanum {font-family: 'NanumSquare', sans-serif;}
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.font-28 { font-size: 28px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }
.font-34 { font-size: 34px !important; }
.font-36 { font-size: 36px !important; }
.font-38 { font-size: 38px !important; }
.font-40 { font-size: 40px !important; }
.font-45 { font-size: 45px !important; }
.font-40 { font-size: 40px !important; }
.font-50 { font-size: 50px !important; }
.font-55 { font-size: 55px !important; }
.font-60 { font-size: 60px !important; }
.font-70 { font-size: 70px !important; }
.font-80 { font-size: 80px !important; }
.font-90 { font-size: 90px !important; }
.font-100 { font-size: 100px !important; }
.font-150 { font-size: 150px !important; }
.tx-transform { text-transform: uppercase; }
.font-w-1 { font-weight: 100; }
.font-w-2 { font-weight: 200; }
.font-w-6 { font-weight: 600; }
.font-w-8 { font-weight: 800; }
.square {font-family: 'NanumSquare', sans-serif; }
.raleway { font-family: 'Raleway', sans-serif; }

/* |------------[ Padding & Margin ]-----------| */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-36 { padding: 36px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }
.p-60 { padding: 60px !important; }
.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-28 { padding-bottom: 28px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pr-0 { padding-right: 0 !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.plr-10 { padding-left: 10px !important; padding-right: 10px !important; }
.ptb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ptb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.ptb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.ptb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.ptb-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.ptb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.ptb-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ptb-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.ptb-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.ptb-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.ptb-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.ptb-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 30px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mt-0 { margin-bottom: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-55 { margin-left: 55px !important; }
.ml-60 { margin-left: 60px !important; }
.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mtb-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mtb-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mtb-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mtb-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mtb-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mtb-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mtb-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mtb-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mtb-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mtb-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mtb-100 { margin-top: 100px !important; margin-bottom: 100px !important; }
/* |------------[ Padding & Margin End ]-----------| */
/* |------------[ Button ]-----------| */
a.btn-cus { display: inline-block; padding: 0 14px; min-width: 120px; line-height: 48px; border: 1px solid #002452; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 17px; text-align: center; color: #002452; }
a.btn-cus:hover { color: #fff; background: #002452; }

/* |------------[ Line Height ]-----------| */
.ln-h-23 { line-height: 23px; }
.ln-h-30 { line-height: 30px; }
.ln-h-40 { line-height: 40px; }
.ln-h-50 { line-height: 50px; }
.ln-h-60 { line-height: 60px; }
.ln-h-70 { line-height: 70px; }

/* |------------[ Letter Spacing ]-----------| */
.ltr-s-1 { letter-spacing: 1px; }
.ltr-s-2 { letter-spacing: 2px; }
.ltr-s-4 { letter-spacing: 4px; }
.ltr-s-5 { letter-spacing: 5px; }
/* |------------[ Letter Spacing End ]-----------| */

.text-up { text-transform: uppercase; }
.txt-lft { text-align: left; }
.txt-rgt { text-align: right; }
.txt-jus { text-align: justify; }
.center { text-align: center; }
.bx-shadow { -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.12); box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.12); }
.border { background-color: #fff; padding: 10px; border-radius: 10px; }

.noScroll {overflow:hidden !important;}

/* |------------[ Checkbox, radio ]-----------| */
.control_checkbox {position: relative; display: flex;cursor: pointer;}
.control_checkbox input {position: absolute;z-index: -1;opacity: 0;left: 0;}
.control_indicator {position: relative;display: inline-block;width: 16px; height: 16px;border: 1px solid #98a6ad;background: #fff;}
.control_checkbox:hover input ~ .control_indicator,.control_checkbox input:focus ~ .control__indicator {background: #fff;}
.control_checkbox input:checked ~ .control_indicator {background: #fff;}
.control_checkbox input:disabled ~ .control_indicator {background: #fff;opacity: 0.6;pointer-events: none;}
.control_indicator:after {content: '';position: absolute;display: none;}
.control_checkbox input:checked ~ .control_indicator:after {display: block;}
.control_checkbox .control_indicator:after {left: 5px; top: 1.5px;width: 5px; height: 8px;border: solid #00468e; border-width: 0 1.5px 1.5px 0;transform: rotate(45deg);}
.control_checkbox input:disabled ~ .control_indicator:after {border:1px solid #093968;}
.control_checkbox .t_checkbox {padding-left: 5px;display: inline-block;height: 18px;line-height: 18px;font-size: 16px;}
/*input[type=checkbox], input[type=radio] {
display: inline-block;
height: 16px;
width: 16px;
overflow: hidden;
margin-right: 5px;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #c2c2c2;
transition: .2s ease-in-out;
transition-property: background-color,border;
}
input[type=checkbox]:checked, input[type=radio]:checked {
border:1px solid #093968;
color: transparent;
background-color: #093968;
}
input[type=radio] {
border-radius: 50%;
}
input[type=checkbox]::-ms-check, input[type=radio]::-ms-check {
border:1px solid #c2c2c2;
border-radius: 0px;
color: transparent;
background-color:transparent;
}
input[type=checkbox]:checked::-ms-check, input[type=radio]:checked::-ms-check {
border:1px solid #093968;
color: transparent;
background-color: #093968;
background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211…%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}
input[type=checkbox]:checked{
    content: "\f383";
    font-family: "Ionicons";
}
input[type=radio]:checked{
    content: "\f383";
    font-family: "Ionicons";
}
input[type=radio]::-ms-check {
border-radius: 50%;
}
*/
/* |------------[ Checkbox, radio End ]-----------| */

/* |------------[ File upload ]-----------| */
.filebox {display: flex;}
.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, .filebox .upload-name { min-width: 120px; float: left; padding: 0; box-sizing: border-box; text-align: center; line-height: 43px; color: #999;}
.filebox .upload-name { max-width: calc(100% - 120px); height: 45px; line-height: 45px; text-align: left; background-color: #fdfdfd; border: 1px solid #fdfdfd; border-bottom-color: #fdfdfd;}
.filebox label { text-align: center; cursor: pointer; font-size: 15px; color: #fff; background: #0058b1; border: 1px solid #0058b1;}
.filebox label:active { background: #00468e;}
/* |------------[ File upload End ]-----------| */

/* |------------[ Popup upload ]-----------| */
.popup {display: flex;align-items: center;justify-content: center;position: fixed;width: 100vw;height: 100vh;bottom: 0;right: 0;z-index: 500;visibility: hidden;opacity: 0;overflow: hiden;transition: .4s ease-in-out;}
.popup-inner {position: relative;align-items: center;max-width: 770px;max-height: 600px;padding: 15px;background-color: #fff;border: 2px solid #093968;}
.popup-inner .inner-header {position: relative;width: 100%;}
.popup-inner .inner-header .popup-title {display: inline-block;padding-left: 10px;line-height: 30px;font-size: 17px;font-family: 'NanumSquare';font-weight: 700;}
.popup-inner .inner-header .close-btn {position: relative;float: right;width: 20px;height: 20px;padding: 0;}
.popup-inner .inner-header .close-btn .popup-close {position: relative;display: block;width: 20px;height: 20px;font-size: 0;text-align: center;cursor: pointer;text-decoration: none;}
.popup-inner .inner-header .close-btn .popup-close::before, .popup-inner .inner-header .close-btn .popup-close::after { content: ""; position: absolute; left: 0;top: 50%; margin-top: -1px; height: 1px; width: 100%;background-color: #00468e; }
.popup-inner .inner-header .close-btn .popup-close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.popup-inner .inner-header .close-btn .popup-close::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.popup-inner .inner-body {position: relative;width: 100%;padding: 10px 0;}
.popup-inner .inner-body legend {display: none;}
.popup-inner .inner-body form {position: absolute;bottom: 0; left: 0; right: 0;margin-top: 5px;padding: 5px;border: 1px solid #647397;}
.popup-inner .inner-body textarea {position: relative;width: 100%;padding: 0;border: 0;}
.popup-inner .inner-body textarea:focus {outline: none;}
.popup-inner .inner-footer {position: relative;width: 100%;}
.popup-inner .inner-footer .button-group {position: relative; text-align: center;}
.popup-inner .inner-footer .button-group .btn-cus{line-height: 35px;box-sizing: border-box;}
.popup-inner .inner-footer .button-group .btn-max{width: 100%;}

.popup:target {visibility: visible;opacity: 1;}
.popup:target .popup-inner {bottom: 0;right: 0;}
.popup-close {z-index: 4;text-align: center;cursor: pointer;text-decoration: none;}

/* |------------[ Popup upload End ]-----------| */

/* |------------[ Tab ]-----------| */
.cus_tabs{ margin: 0px; padding: 0px; list-style: none;}
.cus_tabs .tab-link{ background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; }
.cus_tabs .tab-link.active{ background: #ededed; color: #222; }
.tab-content{ display: none; background: #ededed; padding: 15px; }
.tab-content.active{ display: inherit; }
/* |------------[ Tab End ]-----------| */

/* |------------[ Datepicker ]-----------| */
.datepicker {border: 1px solid #093968;}
.datepicker--pointer { border-top: 1px solid #093968; border-right: 1px solid #093968;}
.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer { left: 50%;}
.datepicker--day-name { color: #093968;}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus- { color: #fff; background: #112f91;}
/* |------------[ Datepicker End ]-----------| */

/*
================================================
Header
================================================
*/
header {position: absolute; top: 0; left: 0; right: 0; width: 100%; height:70px; z-index:1000; background: #fff; overflow:hidden; -webkit-transition: height 300ms ease-in-out; -moz-transition: height 300ms ease-in-out; -ms-transition: height 300ms ease-in-out; -o-transition: height 300ms ease-in-out; transition: height 300ms ease-in-out;}
header:hover { height: 300px; }
header * {letter-spacing: -0.4px !important}
header h1 {position: absolute; left:50px; top:24px;}
header nav {width:900px; text-align: center; margin:0 auto; font-size:0;}
header nav::before {display: block; content:""; position: absolute; left:0; right:0; top:70px; height:230px; background:#fff; z-index:1; border-top:1px solid #e8e8e8;}
header nav .menu {position: relative; display: inline-block; font-size:14px;}
header nav .menu > a {display: block; box-sizing: border-box; height: 70px; padding: 0 40px; font-size:18px; line-height:70px; color:#111; font-weight: bold;}
header nav .menu .sub_menu {position: absolute; left:0; right:0; z-index:10; padding-top:30px;  text-align: center; height:0;}
header nav .menu .sub_menu a {display: block; padding-bottom:15px; font-size:16px; color:#666;}
header nav .menu_banner { position: absolute; right:0; left:0; top:438px; height:58px; background:#84898f; z-index:2; font-size:16px; font-weight: lighter;}
header nav .menu_banner::before {position: absolute; left:52.5%; right:0; top:0; bottom:0; content:""; background: #5c5f66;}
header nav .menu_banner .b_wrap {position: relative; width:800px; margin:0 auto; text-align: left;}
header nav .menu_banner a {color:#fff; display: inline-block; line-height: 58px; font-size:16px; font-weight:300;}
header nav .menu_banner span {position: absolute; right:0; top:0; bottom:0;}
header nav .menu_banner span a {position: relative; padding:0 20px;}
header nav .menu_banner span a:first-child::after {position: absolute; top:20px; bottom:20px; right:1px; width:1px; background: #6d7177; content: "";}
header nav .menu_banner span a img {margin-top:-5px;}

header.active {height:495px; background:#fff !important;}
header nav .menu:hover > a { color: #112f91 !important; border-bottom: 1px solid #112f91;}
header nav .menu .sub_menu a:hover {color:#3498db; text-decoration: underline;}

header .h_link {position: absolute; right:0; top:0; height:80px;  letter-spacing: 0;}
header .h_link a {display: inline-block; padding: 0 27px; height:80px; font-size:14px;line-height: 80px; box-sizing: border-box; font-weight: lighter;}
header .h_link a:first-child {color:#666}
header .h_link a:last-child {position: relative; z-index:1; width:192px; font-size:18px; background: url(../images/common/bg_biz.png) no-repeat 0 0; color:#fff;}

/*
================================================
Navigation
================================================
*/
.visual{position: relative; box-sizing: border-box; z-index: 100; width: 100%; height: 340px; margin-top: 70px; background: no-repeat center;}
@media screen and (min-width: 1920px) {.visual { background-size: cover;}}
.visual.sub_1 {background-image: url(../images/visual/bg1.jpg);}
.visual.sub_2 {background-image: url(../images/visual/bg2.jpg);}
.visual.sub_3 {background-image: url(../images/visual/bg3.jpg);}
.visual.sub_4 {background-image: url(../images/visual/bg4.jpg);}
.visual.sub_5 {background-image: url(../images/visual/bg5.jpg);}
.visual.sub_6 {background-image: url(../images/visual/bg6.jpg);}
.visual::after{position: absolute; top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.26);}
.visual h3 {font-size: 40px; text-align: center; font-weight: 300; color: #fff; padding-top: 100px; z-index: 100; height: 280px; box-sizing: border-box;}

.visual .nav-cont {position: absolute; width: 100%; height: 60px; bottom: 0;}
.visual .navigation {width: 1200px; margin: 0 auto; height: 60px; line-height: 60px; border-left: 1px solid #fff;}
.visual .navigation::before { content: ""; position: absolute; left: 0; right: 0; bottom: 60px; height: 1px; background: #fff;}
.visual .navigation .home { display: block; float: left; width: 60px; height: 60px; border-right: 1px solid #fff; font-size: 0; line-height: 0; background: url(../images/nav/home.png) no-repeat center center;}
.visual .navigation .nav-item { position: relative; display: block; float: left; min-width: 180px; border-right: 1px solid #fff; font-size: 15px;}
.visual .navigation .nav-item::after{position: absolute; top: 0; right: 15px; width: 15px; height: 60px; content: ""; background: url(../images/nav/nav_arrow1.png) no-repeat right 27px;}
.visual .navigation .nav-item a { display: block; padding: 0 45px 0 20px; height: 60px; color: #fff;}
.visual .navigation .nav-item a.on {display: none;}
.visual .navigation .nav-item div { display: none; position: static; left: 0; right: 0; top: 60px; padding-bottom: 10px; z-index: 2;background: #fff; }
.visual .navigation .nav-item:hover{border: 1px solid #112f91; background-color: #fff; margin-top: -1px; margin-left: -1px;}
.visual .navigation .nav-item:hover::after{background-image: url(../images/nav/nav_arrow2.png);}
.visual .navigation .nav-item:hover a { color: #000; }
.visual .navigation .nav-item:hover a.item {color: #112f91; }
.visual .navigation .nav-item:hover a:hover {color: #112f91; background: #f4f4f4;}
.visual .navigation .nav-item:hover div { display: block; }
.visual .navigation .nav-item:hover div a { color: #000000; height: 41px; line-height: 41px;}

/*
================================================
Content
================================================
*/
.content_wrap {position: relative; box-sizing: border-box; z-index: 1; width: 100%; min-height: 500px;}
.content_wrap .content_box { width: 1200px; margin: 0 auto; padding: 70px 0; box-sizing: border-box;}
.content_wrap .content_box .tit { font-size: 35px; color: #023671; text-align: center; padding-bottom: 70px;}

/*
================================================
Footer
================================================
*/
.content_footer {position: relative; box-sizing: border-box; z-index: 1; width: 100%;}
.content_footer .banner_container { width: 100%; height: 150px; box-sizing: border-box; display: flex; flex: 1; overflow: hidden; font-weight: 400;}
.content_footer .banner_container>* {position: relative; display: flex; flex-grow: 1; height: 100%; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-family: 'NanumSquare', sans-serif; z-index: 1; background: no-repeat center;}
.content_footer .banner_container>*::after {position: absolute; top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; }
.content_footer .banner_container>*:hover::after { background-color: rgba(30, 37, 80, 0.7); }
.content_footer .banner_container>* .banner-txt {width: 90%;}
.content_footer .banner_container>* .tit {margin-bottom: 22px; font-size: 25px; line-height: 25px; letter-spacing: 1.6px;}
.content_footer .banner_container>* .sub { font-size: 17px; line-height: 17px; }
.content_footer .banner_container>*.street {background-image: url(../images/footer/ban-street.png);}
.content_footer .banner_container>*.intro {background-image: url(../images/footer/ban-intro.png);}
.content_footer .banner_container>*.company {background-image: url(../images/footer/ban-company.png);}
.content_footer .banner_container>*.company .down-ko { position: absolute; top:0; left: 0; bottom: 0; width: 50%; display: none; opacity: 0;}
.content_footer .banner_container>*.company .down-en { position: absolute; top:0; right: 0; bottom: 0; width: 50%; display: none; opacity: 0;}
.content_footer .banner_container>*.company:hover .banner-txt { opacity: 0;}
.content_footer .banner_container>*.company .down-ko, .content_footer .banner_container>*.company .down-en {z-index: 1;  align-items: center; justify-content: center; vertical-align: middle; text-align: center; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; }
.content_footer .banner_container>*.company .down-ko a, .content_footer .banner_container>*.company .down-en a{color: #fff; line-height: 36px; margin: 0;}
.content_footer .banner_container>*.company:hover .down-ko { display: flex; opacity: 1;}
.content_footer .banner_container>*.company:hover .down-en { display: flex; opacity: 1;}
.content_footer .banner_container>*.company:hover .down-ko:hover { background-color: rgba(30, 37, 80, 0.7);}
.content_footer .banner_container>*.company:hover .down-en:hover { background-color: rgba(30, 37, 80, 0.7);}
@media screen and (min-width: 1920px) {.content_footer .banner_container a { background-size: cover;}}
.content_footer footer {position: relative; box-sizing: border-box; padding: 25px 0; width: 100%; background: #efedf0; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 17px; line-height: 30px; text-align: center;}

/*
================================================
Board
================================================
*/
.board {position: relative; box-sizing: border-box; width: 100%;}
.board ul { width: 100%; border-top: 2px solid #093968; }
.board ul li { display: table; width: 100%; border-bottom: 1px solid #ddd;}
.board ul li a, .board ul li div { display: table-row; width: 100%;}
.board ul li a:hover { background: #f2f4f7; }
.board ul li span { display: table-cell; text-align: center; font-size: 15px; padding: 20px 0; }
.board ul li span.secret { color: #93969e; }
.board ul li span:nth-child(1) { width: 60px; }
.board ul li span:nth-child(2) { text-align: left; box-sizing: border-box; padding: 20px; width: calc(100% - 530px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board ul li span:nth-child(3) { width: 120px; }
.board ul li span:nth-child(4) { width: 200px; }
.board ul li span:nth-child(5) { width: 150px; }
.board ul li.header span { font-size: 17px; text-align: center; justify-content: center; }
.board ul li span p.main-txt { display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.board ul li span p.ansr { white-space: nowrap; float: left; color: #64c4ed; padding-right: 6px; }
.board ul li span p.comment-num { float: right; color: #333; font-style: normal; margin-left: auto; padding-left: 25px; background: url(../images/comment.png) no-repeat left center; }
.board ul li span.cat_est { color: #196eaf; font-weight: 700; }
.board ul li span.cat_hir { color: #3e9bae; font-weight: 700; }

/*
================================================
Pagination
================================================
*/
.pagenumber{ position: relative; margin: 70px 0 40px; text-align: center; font-family: 'NanumSquare', sans-serif; }
.pagenumber ul{ margin: 0; text-align: center; display: inline-block; }
.pagenumber ul li{ display: inline; text-align: center; }.pagenumber ul li a{ font-size: 17px; font-weight: 400; line-height: 26px; text-decoration: none; width: 26px; height: 26px; position: relative; float: left; padding: 0px; }
.pagenumber ul li a { margin: 0 3px; padding: 6px; text-decoration: none; border: 1px solid #c9c9c9; background-color: #fff; color: #000; }
.pagenumber ul li a:hover { color: #003367; background-color: #fff; border: 1px solid #093968; }
.pagenumber ul li.disabled a{ color: #a6a5a8; border: 1px solid #c9c9c9; cursor: default; }
.pagenumber ul li.active a { color: #fff; background-color: #003367; border: 1px solid #003367; }
.pagenumber ul li.first a,.pagenumber ul li.prev a, .pagenumber ul li.next a, .pagenumber ul li.last a { width: 26px; height:26px; padding: 6px; background-color: #fff; }
.pagenumber ul li.first a:after { content:"\f3d2\f3d2"; font-family:"Ionicons"; }
.pagenumber ul li.prev a:after { content:"\f3d2"; font-family:"Ionicons"; }
.pagenumber ul li.next a:after { content:"\f3d3"; font-family:"Ionicons"; }
.pagenumber ul li.last a:after { content:"\f3d3\f3d3"; font-family:"Ionicons"; }

/*
================================================
View
================================================
*/
.view {position: relative; width: 100%; border-top: 2px solid #093968;}
.view .view_title {position: relative; text-align: center; padding: 30px 0; min-height: 40px; border-top: 2px solid #010101; border-bottom: 1px solid #003367; }
.view .view_title .cat_title { color: #5c5f66; font-size: 17px; font-family: 'NanumSquare', sans-serif; font-weight: 700; }
.view .view_title .cat_title.cat_est { color: #196eaf; }
.view .view_title .cat_title.cat_hir { color: #3e9bae; }
.view .view_title .title_bo {padding-top: 20px; width: 100%; font-size: 30px; word-break: break-word;}
.view .view_title .text_dt {padding-top: 25px; width: 100%;font-size: 17px; color: #a6a5a8; font-family: 'NanumSquare', sans-serif; }
.view .view_title .text_us {position: absolute; bottom: 0; right: 0; padding: 10px 0; text-align: right; }
.view .view_title .text_vw {position: absolute; bottom: 0; left: 0; padding: 10px 0; text-align: left; }
.view .view_title dl {font-size: 12px;}
.view .view_title dl dt{ display: inline-block; color: #888; }
.view .view_title dl dd{display: inline-block; color: #093968; }
.view .file { padding: 10px 0; border-bottom: 1px solid #a6a5a8; background: url(../images/files.png) no-repeat 20px center; }
.view .file dl { display: flex; align-items: center;}
.view .file dl dt { flex-shrink: 1; padding: 0 20px 0 50px; font-size: 17px;}
.view .file dl dd{ flex-grow: 1; word-break: break-word;}
.view .file dl dd .file_download {display: block;}
.view .file dl dd .file_download a {display: block; line-height: 25px;}
.view .view_content {position: relative; margin-bottom: 40px; padding: 30px; min-height: 430px; font-size: 16px; text-align: left; border-bottom: 1px solid #003367;}
.view .list.btn-cus { width: 120px; display: block; margin: 0 auto; padding: 0 14px; min-width: 120px; line-height: 48px; border: 1px solid #002452; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 17px; text-align: center; color: #002452; }
.view .list.btn-cus:hover { color: #fff; background: #002452; }
.view_fix {margin-top: 10px; text-align: right;}
.view_fix .btn-cus { padding: 0 5px; border: 1px solid #888; color: #888; min-width: 60px; font-size: 15px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif;}
.view_fix .btn-cus:hover { color: #002452; border: 1px solid #002452; background: #fff; }


/*
================================================
View editPrivacy
================================================
*/
.view_edit { position: relative; width: 100%; }
.view_edit .edit_layout { display: table; border-collapse: collapse; border-spacing: 0; position: relative; width: 100%; border-top: 2px solid #093968;}
.view_edit .required { float: right; margin-bottom: 15px; }
.view_edit dl { display: table-row; position: relative; border-bottom: 1px solid #d7d7d7; }
.view_edit dl dt { font-size: 17px; border-right: 1px solid #d7d7d7; display: table-cell; padding: 15px; }
.view_edit dl dd { display: table-cell; padding: 15px; }
.view_edit dl dd p {margin-top: 7px;}
.view_edit dl dd p.desc_caution {font-size: 15px; color: #f63e2d; margin-top: 7px;}
.edit_btn { margin: 40px auto; text-align: center; }
.edit_btn .btn-submission { background-color: #002452; color: #fff; }
.edit_btn .btn-submission:hover { background-color: #093968; }
.edit_btn .btn-cancel { border: 1px solid #888; }
.edit_btn .btn-cancel:hover { background-color: #888; color: #fff; }

/*
================================================
Privacy
================================================
*/
.privacy_agree{margin-top: 30px; padding: 20px; background: #fafafa; }
.privacy_agree .tit_agree{display:block;font-size:17px;font-weight:normal}
.privacy_agree .desc_agree{margin-top:15px;color:#555}
.privacy_agree .desc_more{margin-top:10px}
.privacy_agree .desc_more .link_more{color:#2c91ef}
.privacy_agree .wrap_check{margin-top:40px;line-height:22px}
.privacy_agree .item_check{display:inline-block;position:relative}
.privacy_agree .focus{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.privacy_agree .wrap_check .emph_txt{padding-left: 5px; color:#f63e2d; font-style: normal;}
.privacy_agree .privacy caption { display: none}
.privacy_agree .privacy{margin-top:25px;text-align:left;border-top:2px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-collapse:collapse;border-spacing:0}
.privacy_agree .privacy th{padding:13px 17px;color:#555;font-weight:normal}
.privacy_agree .privacy td{padding:13px 17px;color:#555;border-top:1px solid #e8e8e8}

/*
================================================
Answer
================================================
*/
.answer {position: relative; width: 100%; background: #fcfcfc; }
.answer .answer_title {position: relative; text-align: left; padding: 10px; font-size: 25px; border-top: 3px solid #2c91ef; border-bottom: 1px solid #003367; }
.answer .text_sub{ position: relative; width: 100%; padding: 10px; box-sizing: border-box; }
.answer .text_sub .text_dt { float: left; }
.answer .text_sub .text_us { float: right; }
.answer .text_sub dl { font-size: 13px;}
.answer .text_sub dl dt{ display: inline-block; color: #888; }
.answer .text_sub dl dd{ display: inline-block; color: #093968; }
.answer .file { padding: 10px 0; border-bottom: 1px solid #a6a5a8; background: url(../images/files.png) no-repeat 20px center; }
.answer .file dl { display: flex; align-items: center;}
.answer .file dl dt { flex-shrink: 1; padding: 0 20px 0 50px; font-size: 17px;}
.answer .file dl dd{ flex-grow: 1; word-break: break-word;}
.answer .file dl dd .file_download {display: block;}
.answer .file dl dd .file_download a {display: block; line-height: 25px;}
.answer .answer_content {position: relative; margin-bottom: 40px; padding: 30px; min-height: 430px; font-size: 16px; text-align: left; border-bottom: 1px solid #003367;}

/*
================================================
Comment
================================================
*/
.comment {position: relative; box-sizing: border-box; width: 100%; padding: 25px; background: #f2f4f7; }
.comment .comment_opinion {position: relative; background: #fff; padding: 20px 20px 0; box-sizing: border-box; display: inline-block; width: 100%; margin-bottom: 10px; }
.comment .comment_opinion .title {position: relative; font-size: 17px; color: #3b3b3b; margin-bottom: 10px; padding-left: 25px; }
.comment .comment_opinion .title::before {position: absolute; left: 0; display: inline-block; content: ""; width: 20px; height: 1px; background-color: #3b3b3b; vertical-align: top;  }
.comment .comment_opinion .input-user { width: 150px; float: left; }
.comment .comment_opinion input, .comment .comment_opinion textarea { background: #fff; text-indent: 7px;}
.comment .comment_opinion .input-user input { width: 100%; height: 30px; line-height: 30px; margin: 5px 0; }
.comment .comment_opinion .input-txt { box-sizing: border-box; width: calc(100% - 250px); float: left; padding: 5px 10px; }
.comment .comment_opinion .input-txt textarea { height: 110px; overflow: auto; resize: none; }
.comment .comment_opinion .input-txt .text_count { font-family: 'NanumSquare', sans-serif; font-size: 17px; text-align: right; padding: 5px; }
.comment .comment_opinion .input-btn { width: 100px; height: 110px; margin: 5px 0; float: left; background: #3a66cf; color: #fff; text-align: center;}
.comment .comment_box { position: relative; width: 100%; }
.comment .comment_box .title { text-align: center; margin: 10px 0 20px; font-family: 'NanumSquare', sans-serif; font-size: 20px; }
.comment .comment_box .list {position: relative;}
.comment .comment_box .list .non-list { margin-bottom: 20px; text-align: center; font-size: 17px; color: #5b5b5b; }
.comment .comment_box .list .cont { background: #fff; margin-bottom: 15px; padding: 15px; }
.comment .comment_box .list .cont p .name { float: left; overflow: hidden; max-width: 200px; margin-right: 10px; color: #222; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.comment .comment_box .list .cont p .date { float: left; margin-top: 5px; font-size: 12px; color: #a7a7a7;}
.comment .comment_box .list .cont .text {display: block; padding-top: 4px; font-size: 13px; line-height: 21px; color: #5c5c5c; clear: both; word-break: break-word;}
.comment .comment_box .list .cont .btn_cont {display: block; text-align: right;}
.comment .comment_box .list .cont .btn_cont .input_btn { color: #5c5f66; cursor: pointer; }
.comment .comment_box .list .cont .btn_cont .input_btn:hover {color: #093968;}

/*
================================================
Login
================================================
*/
.login { position: relative; box-sizing: border-box; width: 100%; }
.login .login_txt { padding: 60px 0 30px; text-align: center; font-family: 'NanumSquare', sans-serif; font-size: 20px; }
.login .login_txt::before { content: ""; position: absolute; top: 10px; left: 50%; width: 1px; height: 30px; background-color: #093968; }
.login .login_form{ width: 500px; margin: 0 auto; }
.login .login_form input { margin-bottom: 15px; border-color: #093968; }
.login .login-btn { margin: 20px 0; width: 500px; line-height: 40px; box-sizing: border-box; }
.top_login_btn {position: absolute; right:50px; top:24px; font-family: 'NanumSquare', sans-serif;}
.top_login_btn a.login_btn {position: relative; display: inline-block; padding: 0 25px; height: 24px; line-height: 24px; border: 1px solid #0b1e51; border-radius: 12px; color: #0b1e51; }
.top_login_btn a.login_btn:hover { background: #0b1e51; color: #fff; }
.top_login_btn .top_user { display: inline-block; padding-right: 5px; }