﻿@charset "utf-8";

/* NanumSquare */
@import url('https://gcore.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');

/* 이롭게 바탕 */
@import url('//gcore.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

/* montserrat 바탕 */
@import url('https://gcore.jsdelivr.net/npm/typeface-montserrat@1.1.13/index.min.css');

/* Noto Sans KR */
@font-face { 
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
} 

@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 

@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
} 

@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; src: 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 

@font-face { font-family: 'Noto Sans KR'; 
font-style: normal; font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
}

/* Basic */
* {padding:0; margin:0;}
html {-webkit-text-size-adjust: none; overflow-y:scroll; font-size:16px;} 
body {word-break:break-all; font-size:1rem; line-height:1.5; letter-spacing:-0.03em; font-family:"Noto Sans KR", Malgun Gothic, gulim, dotum, Helvetica, AppleGothic, Sans-serif; color:#555;}
li, dd {list-style: none;}
caption, hr {display:none;}
dd {text-align:justify;}
img, fieldset {border:0px;}
legend { font-size: 0; height: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0;}

A:link {color:#383d41; text-decoration:none;}
A:visited {color:#383d41; text-decoration:none;}
A:active {color: #383d41; text-decoration:none; }
A:hover {color: #000; text-decoration:none; }

/* Basic - clearfix */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clrBoth {clear: both; font-size: 1px; line-height: 1px;}

/* Basic - errorpage */
#errorPage { margin:20px; padding:20px; border:1px solid; line-height:20px; display:block; }
#errorPage span { font-size:20px; font-weight:bold; }

.brdline {border:1px #CCC solid; margin-left:5px; font-family:"Malgun Gothic";}
.inpline {border:1px #CCC solid; padding:2px 3px; height:23px; vertical-align:middle; ime-mode:inactive; font-family:"Malgun Gothic";}
.inpline:focus {border-color: #333;outline: none;}

.inplinekr {border:1px #CCC solid; padding:2px 3px; height:23px; vertical-align:middle; ime-mode:active; font-family:"Malgun Gothic";}
.selline {border:1px #CCC solid; padding:0 25px 0 5px; height:28px; margin-top:-1px; vertical-align:middle; font-family:"Malgun Gothic";   background: #fff url('../../imgs/sub/arrow.gif') no-repeat right 50%;  
 -webkit-appearance: none; 
-moz-appearance: none;    
 appearance: none;}

select::-ms-expand {display: none; }

.fileline {width:300px; margin:2px 0; height:30px; vertical-align:middle; font-family:"Malgun Gothic";}

.ui-datepicker-trigger {display:inline-block; vertical-align:middle; cursor:pointer;}

.searchBox input {border: 1px solid #ccc; }
.searchBox input:focus {border-color: #222}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

.skip {font-size: 1px; height: 1px; overflow: hidden; position: absolute; top:-1000px; width: 1px;}