@charset 'utf-8';
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(fonts/NanumBarunGothicLight.woff) format('woff'),
       url(fonts/NanumBarunGothicLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothic.woff2) format('woff2'),
       url(fonts/NanumBarunGothic.woff) format('woff'),
       url(fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(fonts/NanumBarunGothicBold.woff) format('woff'),
       url(fonts/NanumBarunGothicBold.ttf) format('truetype');
}
/*
  작성자:        dmp
 최초작성일:   2017.01.16
 */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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;vertical-align: baseline;border: 0;}
em{font-style: normal;}
html,body{font-family: 'Nanum Barun Gothic','Noto Sans KR', 'Malgun Gothic', sans-serif;font-size: 16px;font-weight: 400;color: #393939;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
img{vertical-align: middle;-ms-interpolation-mode: bicubic !important;}
label{cursor: pointer;}
input,select,textarea{vertical-align: middle;-webkit-border-radius: 0;outline: none;-webkit-appearance: none;}
input[type='text'],input[type='password'],textarea{-webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none;}
input[type='text'],input[type='password'],textarea{font-family: 'Nanum Barun Gothic','Noto Sans KR', 'Malgun Gothic', sans-serif;font-size: 16px;line-height: 28px;color: #393939;}
ul,li,ol,li,dl,dd,dt{list-style: none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
table{border-spacing: 0;border-collapse: collapse;}
caption{font-size: 0;line-height: 0;z-index: -1;visibility: hidden;width: 0;height: 0;}
legend,hr{font-size: 0;position: absolute;z-index: -1;left: -999px;visibility: hidden;width: 0;height: 0;}
a{text-decoration: none;color: #393939;}
/* Button */
button{font-family: 'Nanum Barun Gothic','Noto Sans KR', 'Malgun Gothic', sans-serif;font-size: 16px;line-height: 28px;color: #393939;*overflow: visible;}
button{overflow: visible;margin: 0;padding: 0;cursor: pointer;border: none;background: none;}
button::-moz-focus-inner{padding: 0;border: 0;}
button:focus{outline: 0 !important;}
/* skip navigation */
.accessibilityWrap dd a{font-size: 1.3em;position: absolute;z-index: 500;top: -10000px;left: 0;display: block;width: 100%;text-align: center;}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{font-weight: bold;position: absolute;z-index: 500;top: 0;padding: 15px 0;color: #fff;background: #1d60a7;}
.blind{font-size: 0;line-height: 0;position: absolute;top: 0;left: 0;visibility: hidden;width: 0;height: 0;margin: 0;padding: 0;background: none;}
/* clearfix */
.clearfix:after{font-size: 0;display: block;visibility: hidden;clear: both;height: 0;content: ' ';}
.clearfix{display: inline-block;}
/* start commented backslash hack \ */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* close commented backslash hack */
/* //clearfix */
input:-moz-read-only{/* For Firefox */
    background-color: #f2f2f2 !important;}
input:read-only{background-color: #f2f2f2  !important;}
::-webkit-input-placeholder{/* Chrome/Opera/Safari */
    color: #ababab;}
::-moz-placeholder{/* Firefox 19+ */
    color: #ababab;}
:-ms-input-placeholder{/* IE 10+ */
    color: #ababab;}
:-moz-placeholder{/* Firefox 18- */
    color: #ababab;}
html.noscroll-long{overflow-y: scroll !important;}
html.noscroll,html.noscroll body{overflow: hidden !important;height: 100% !important;}
.bx-mo{display: none;}
.img-mo{display: none;}
.f-en{font-family: 'Roboto', sans-serif;}
.c-gray{color: #ddd !important;}
.pos-r{position: relative;}
.va-t{vertical-align: top !important;}
.va-m{vertical-align: middle !important;}
.va-b{vertical-align: bottom !important;}
.inr-c{max-width: 1200px;margin-right: auto;margin-left: auto;}
.f-l{float: left;}
.f-r{float: right;}
.ta-l{text-align: left !important;}
.ta-r{text-align: right !important;}
.ta-c{text-align: center !important;}
.ov-v{overflow: visible !important;}
.ov-h{overflow: hidden overflow: visible !important;}
.d-b{display: block  !important;}
.d-ib{display: inline-block !important;*display: inline;*zoom: 1;}
.d-t{display: table !important;}
.d-tc{display: table-cell !important;vertical-align: middle;}
.modal-cover{position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(0, 0, 0, .6);
    /* IE 5.5 - 7 */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000 0, endColorstr=#99000000 0);
    /* IE 8 */
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)';}
/*IR 기법 아이콘 세트*/
.i-aft{position: relative;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;}
.i-aft:after{display: inline-block;overflow: hidden;width: 0;height: 0;content: '';text-align: left;text-indent: -9999px;background-image: url(../images/common/ico_common.png);background-repeat: no-repeat;*display: inline;*zoom: 1;}
.i-set{display: inline-block;overflow: hidden;text-align: left;vertical-align: middle;text-indent: -9999px;background-image: url(../images/common/ico_common.png);background-repeat: no-repeat;*display: inline;*zoom: 1;}