@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* Reset */
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; font: inherit; vertical-align: baseline; box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif; }
:focus, :visited, :active, :hover, :focus-within { outline: 0; }
a { outline: none !important; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.2; word-break: keep-all; letter-spacing:-0.025em;  font-family: 'Noto Sans KR', sans-serif;}
body * { box-sizing: border-box; }
ol, ul { list-style: none; line-height: 1.2; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
body { font-size: 15px; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */  max-width:100%;}
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; }
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
table { border-collapse: collapse; border-spacing: 0; }
button, html, input, select, textarea { color: #555; }
::-moz-selection { background: #0464b3;color: #fff; text-shadow: none; }
::selection { /*background: #0464b3;*/ background:#3a94d0; color: #fff; text-shadow: none; }
::-webkit-selection {background:#0464b3;color: #fff;text-shadow: none;}
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
a { text-decoration: none; color: inherit; }
input:checked[type='checkbox'] {-webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;font-size:100%;vertical-align:middle;box-sizing:border-box;border:0 none;background-color:transparent;cursor:pointer;padding: 0; font-family: 'Noto Sans KR', sans-serif;}
input[type='text'],input[type='password'],input[type='tel'],input[type='number'],input[type='search'],input[type='email'],textarea,select{-webkit-appearance:none;-webkit-border-radius:0; font-family: 'Noto Sans KR', sans-serif;}
input[type=text],input[type=button],input[type=search],input[type=checkbox],input[type=tel],input[type=email],select,button,textarea{border-radius:0;-webkit-border-radius:1px;-webkit-appearance:none;}
body {-webkit-text-size-adjust:none}
b{font-family: 'Noto Sans KR', sans-serif;}

/* common */




/* layout  */
.wrapper{overflow: hidden;position: relative; min-width:1100px;}

.header{position: absolute;top: 0;left: 0;width: 100%;height: 80px;background-color: transparent;border-bottom: 1px solid rgba(217,217,217,0.2);transition: all 0.2s ease-out;z-index:9998;}
.header .logo{position: absolute;top: 25px;left: 80px;width: 189px;height: 36px;background: url('../images/logo.png') 50% 50% no-repeat;text-indent: -9999em;z-index:10;}
.header .logo a{display: block;width: 100%;height: 100%;}
.header .nav .gnb{position: relative;width: 100%;text-align: center;font-size: 0;}
.header .nav .gnb > li{display: inline-block;padding: 0 25px;}
.header .nav .gnb > li.on > a:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #0161b4;content: '';transform: scaleX(1);}
.header .nav .gnb > li > a{position: relative;display: block;height: 80px;font-size: 16px;color: #000;line-height: 80px;font-family: 'Noto Sans KR', sans-serif;}
.header .nav .gnb > li > a:before,.header .nav .gnb > li > a:after{content: '';position: absolute;transition: transform .2s ease;}
.header .nav .gnb > li > a:before {left: 0;bottom: 0;width: 100%;height: 3px;background: #0161b4;transform:  scaleX(0);}
.header .nav .gnb > li:hover > a:before {transform: scaleX(1);}
.header .nav .gnb > li > ul{display: none;width: 100%;position: absolute;top: 100%;left: 0;padding: 20px 0;text-align: center;background-color: rgba(0,0,0,0.7);}
.header .nav .gnb > li > ul > li{display: inline-block;padding: 0 22px;vertical-align: middle;}
.header .nav .gnb > li > ul > li > a{font-size: 16px;color: #ccc;transition:all 0.2s ease-in-out;}
.header .nav .gnb > li > ul > li > a:hover{color: #fff;}
.header .nav .gnb > li:hover > ul{display: block;}


.header .online_rm .btn_orm{position: absolute;top: 0;right: 0;width: 180px;height: 80px;font-size: 16px;color: #fff;background-color:#325ca6;transition:all 0.3s ease-out;}
.header .online_rm .btn_orm span{line-height: 80px; color:#fff;}

.header_pc{position: fixed;}
.header_pc.on,.header_pc.scroll{background-color: #fff;box-shadow:2px 2px 10px rgba(0,0,0,0.2)}
.header_pc.on .logo,.header_pc.scroll .logo{background-image: url('../images/logo.png');}
.header_pc.on .nav .gnb > li > a,.header_pc.scroll .nav .gnb > li > a{color: #333;}
.header_pc.on .nav .gnb > li:hover > a,.header_pc.scroll .nav .gnb > li:hover > a{color: #0161b4;}


.header_m{display: none;}








@media (max-width:1120px){ /* 테블릿 */





}




@media (max-width:1100px){ /* 모바일 */


	.wrapper{min-width:auto;}
	.header{height: 65px;}
	.header .logo{top: 22px;left: 20px;width: 130px;height: 25px;/*background: url('../images/logo_m.png') 50% 50% no-repeat;*/background-size:100% auto;}
	.header .online_rm .btn_orm{display: none;width: 65px;height: 65px;padding: 12px 15px;background-color: #285fae;}
	.header .online_rm .btn_orm span{display: none;}*/
	.header .online_rm .btn_orm:before{content:'접수관리';font-size: 14px;line-height: 1.6;}
	.header .online_rm .btn_orm:after{content:'';position: absolute;top: 50%;left: 50%;display: block;width: 2px;height: 2px;margin: -1px 0 0 -1px;background-color: #fff;border-radius:50%;}

	.header_pc{display: none;}
	.header_m{display: block;}
	.header_m .btn_nav{position: absolute;top: 0;right: 0;width: 65px;height: 65px;padding: 23px 20px;}
	.header_m .btn_nav span{display: block;width: 23px;height: 2px;margin-bottom: 7px;background-color: #000;}
	.header_m .btn_nav span:last-child{margin-bottom: 0;}
	.header_m .nav_m{position: fixed;top: 0;right: -100%;width: 70%;height: 100%;background-color: #fff;z-index:10;}
	.header_m .nav_m .btn_close{position: absolute;top: 0;right: 0;display: block;width: 65px;height: 65px;padding: 20px;}
	.header_m .nav_m .btn_close span{display: inline-block;padding: 0; width: 2px; height: 26px; background: #000; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);text-indent:-9999em; }
	.header_m .nav_m .btn_close span:before { display: block; content: ""; position: absolute; top: 50%; left: -12px; width: 26px; height: 2px; margin-top: -1px; background: #000;}
	.header_m .nav_m .gnb{overflow-y: auto;height: calc(100% - 65px);margin-top: 65px;-webkit-overflow-scrolling:touch;}
	.header_m .nav_m .gnb > li .category{display: block;padding: 13px 0 13px 50px;font-size: 20px;font-family: 'Noto Sans KR', sans-serif;color: #111;}
	.header_m .nav_m .gnb > li .category.on{color: #0161b4;}
	.header_m .nav_m .gnb > li > ul{display: none;padding: 10px 0;background-color: #f4f5f9;}
	.header_m .nav_m .gnb > li > ul > li{padding: 10px 0;}
	.header_m .nav_m .gnb > li > ul > li > a{display: block;padding-left: 65px;font-size: 16px;color: #333;}
	.header_m .nav_m_bg{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}







}/*--모바일끝-*/