@charset 'utf-8';
@font-face{font-family:'notokr-regular';font-weight:normal;font-style:normal;src:url('../fonts/notokr-regular/notokr-regular.eot');src:url('../fonts/notokr-regular/notokr-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/notokr-regular/notokr-regular.woff2') format('woff2'),url('../fonts/notokr-regular/notokr-regular.woff') format('woff'),url('../fonts/notokr-regular/notokr-regular.ttf') format('truetype'),url('../fonts/notokr-regular/notokr-regular.svg#notokr-regular') format('svg');}
@font-face{font-family:'notokr-medium';font-weight:normal;font-style:normal;src:url('../fonts/notokr-medium/notokr-medium.eot');src:url('../fonts/notokr-medium/notokr-medium.eot?#iefix') format('embedded-opentype'),url('../fonts/notokr-medium/notokr-medium.woff2') format('woff2'),url('../fonts/notokr-medium/notokr-medium.woff') format('woff'),url('../fonts/notokr-medium/notokr-medium.ttf') format('truetype'),url('../fonts/notokr-medium/notokr-medium.svg#notokr-medium') format('svg');}
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{font:inherit;font-family:'notokr-regular',dotum,Helvetica,AppleSDGothicNeo,Arial,sans-serif;font-size:100%;margin:0;padding:0;border:0;}
body{line-height:1;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{display:block;text-decoration:none;}
a:hover,a:focus,a:visited{/* text-decoration:none; */
outline:none;}
img{vertical-align:top;}
q{quotes:none;}
q:before,q:after{content:none;}
ol,ul{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
article,aside,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
.scroll-content-x{padding-bottom:15px;}
.scroll-content-y{padding-right:15px;}
.scroll-track{width:10px;height:10px;background:#d5d5d5;}
.scroll-track-x{bottom:0;left:0;}
.scroll-track-y{top:0;right:0;}
.scroll-neutralzone{width:10px;height:10px;right:0;bottom:0;background:#d5d5d5;}
.scroll-bar{width:10px;height:10px;background:#000;}
.scroll-bar.active{background:#fff;}
.scroll-arrow{width:10px;height:10px;background:#000;}
.scroll-arrow:active{background:#fff;}
.scroll-arrow-left{top:0;left:0;margin-right:1px;}
.scroll-arrow-right{top:0;right:0;margin-left:1px;}
.scroll-arrow-up{top:0;left:0;margin-bottom:1px;}
.scroll-arrow-down{bottom:0;left:0;margin-top:1px;}
.ios .scroll-content{margin:0;}
.ios .scroll-content-x,.ios .scroll-content-y{padding:0;}
.ios .scroll-track{width:7px;height:7px;background:none;}
.ios .scroll-track-x{bottom:1px;left:1px;}
.ios .scroll-track-y{top:1px;right:1px;}
.ios .scroll-neutralzone{width:0;height:0;}
.ios .scroll-bar{width:5px;height:5px;border:1px solid #fff;border-radius:3px;background:#000;}
.ios .scroll-arrow{display:none;}
.basic{float:left;width:100px;height:100px;overflow:auto;line-height:1.7em;margin:0 10px 15px 0;background:#f0f0f0;}
select{font-size:11px;color:#666;}
span.selectbox_title{padding:2px 15px 2px 3px;text-align:left;border:1px solid #999;background:#fff url('../res/images/images/selectarrow.png') no-repeat 100% 0;}
span.selectbox_title strong{display:block;width:100%;height:1em;overflow:hidden;font-size:11px;font-weight:normal;line-height:1.2em;padding:1px 0 2px;padding:2px 0 1px;word-break:break-all;color:#666;}
span.selectbox_title_focus{border-color:#333;}
span.selectbox_title_focus strong{color:#000;}
span.selectbox_title_disabled{background-color:#f0f0f0;}
span.selectbox_title_disabled strong{color:#999;}
span.selectbox_multiple{display:inline-block;overflow:hidden;border:1px solid;border-color:#999;background:#fff;}
span.selectbox_multiple ul li{display:block;height:1em;overflow:hidden;font-size:11px;line-height:1.4em;padding:1px 3px 4px;padding:2px 3px 3px;word-break:break-all;color:#666;}
span.selectbox_multiple ul li.on{color:#000;background:#ccc;}
span.selectbox_multiple_focus{border-color:#333;}
span.selectbox_multiple_focus ul li.on{color:#000;background:#bbb;}
span.selectbox_multiple_disabled{background-color:#f0f0f0;}
span.selectbox_multiple_disabled ul li{color:#999;}
.bothscroll .scroll-content{width:150px;}
div.selectbox_option{width:800px;overflow:hidden;border:1px solid #999;background:#fff;}
div.selectbox_option li{list-style:none;}
div.selectbox_option a{display:block;height:1em;overflow:hidden;font-size:11px;line-height:1.4em;padding:2px 3px 5px;padding:3px 3px 4px;text-decoration:none;word-break:break-all;color:#888;}
div.selectbox_option a.on,div.selectbox_option a:hover{color:#000;background:#f0f0f0;}
.select-title{display:inline-block;padding:4px 15px 4px 5px;text-align:left;vertical-align:middle;color:#777;border:1px solid #999;background:#fff url('../res/images/images/selectarrow.png') no-repeat 100% 0;-box-sizing:border-box;}
.select-title strong{display:block;width:100%;height:1em;overflow:hidden;font-size:11px;font-weight:normal;line-height:1.2em;padding:1px 0 2px;word-break:break-all;}
.select-title.focus,.select-title.active{color:#000;border-color:#333;}
.select-title.focus{background-position:100% -22px;}
.select-title.active{background-position:100% -44px;}
.select-title.disabled{color:#999;border-color:#bbb;background-color:#eee;text-shadow:1px 1px 0 #fff;}
.select-option{overflow:auto;border:1px solid #333;background:#fff;}
.select-option ul{margin:0;padding:0;}
.select-option li{list-style:none;}
.select-option span{display:block;height:1.1em;overflow:hidden;font-size:11px;font-weight:normal;line-height:1.4;padding:4px 5px 7px;cursor:default;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:#888;}
.select-option strong{display:block;height:1.1em;overflow:hidden;font-size:11px;font-weight:normal;font-weight:bold;line-height:1.4;padding:4px 5px 7px;cursor:default;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:#888;color:#000;border-top:1px solid #eee;border-bottom:1px solid #ccc;}
.select-option li li span{padding-left:10px;}
.select-option span:hover,.select-option span.selected{color:#000;background:#eee;}
.select-option .disabled span,.select-option .disabled strong{text-decoration:line-through;color:#bbb;background:none;}
.placeholder{color:#bbb;}
.radio{display:inline-block;width:18px;height:18px;margin-right:3px;vertical-align:-4px;background:url('../res/images/radios.png') no-repeat;}
.radio.focus{background-position:0 -33px;}
.radio.checked{background-position:0 -66px;}
.radio.disabled{background-position:0 -99px;}
.radio.checked.disabled{background-position:0 -132px;}
.checkbox{display:inline-block;width:18px;height:18px;margin-right:3px;vertical-align:-4px;background:url('../res/images/checks.png') no-repeat;}
.checkbox.focus{background-position:0 -33px;}
.checkbox.checked{background-position:0 -66px;}
.checkbox.disabled{background-position:0 -99px;}
.checkbox.checked.disabled{background-position:0 -132px;}
.checkbox.colored{background-image:url('../res/images/checks2.png');}
.select-title{display:inline-block;padding:4px 15px 4px 5px;text-align:left;vertical-align:middle;color:#777;border:1px solid #999;background:#fff url('../res/images/selectarrow.png') no-repeat 100% 0;-box-sizing:border-box;}
.select-title strong{display:block;width:100%;height:1em;overflow:hidden;font-size:11px;font-weight:normal;line-height:1.2em;padding:1px 0 2px;word-break:break-all;}
.select-title.focus,.select-title.active{color:#000;border-color:#333;}
.select-title.focus{background-position:100% -22px;}
.select-title.active{background-position:100% -44px;}
.select-title.disabled{color:#999;border-color:#bbb;background-color:#eee;text-shadow:1px 1px 0 #fff;}
.select-option{overflow:auto;border:1px solid #333;background:#fff;}
.select-option ul{margin:0;padding:0;}
.select-option li{list-style:none;}
.select-option span{display:block;height:1.1em;overflow:hidden;font-size:11px;font-weight:normal;line-height:1.4;padding:4px 5px 7px;cursor:default;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:#888;}
.select-option strong{display:block;height:1.1em;overflow:hidden;font-size:11px;font-weight:normal;font-weight:bold;line-height:1.4;padding:4px 5px 7px;cursor:default;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:#888;color:#000;border-top:1px solid #eee;border-bottom:1px solid #ccc;}
.select-option li li span{padding-left:10px;}
.select-option span:hover,.select-option span.selected{color:#000;background:#eee;}
.select-option .disabled span,.select-option .disabled strong{text-decoration:line-through;color:#bbb;background:none;}
button.codes{display:block;margin:-20px 20px 0;}
div.codes{display:none;margin-top:-10px;padding:10px 20px 0;}
pre{position:relative;overflow:auto;line-height:1.5;padding:.75em 1.2em;color:#f8f8f2;border:1px solid #464741;background:#272822;-webkit-overflow-scrolling:touch;}
pre:before{position:absolute;top:0;right:0;font-size:10px;padding:0 .3em;content:attr(data-type);text-transform:uppercase;opacity:.9;color:#272822;background:#fff;}
pre + pre{margin-top:10px;}
pre code .tag{color:#f92770;}
pre code .attribute{color:#a6e22d;}
pre code .attributevalue{color:#dadb74;}
pre code .functionvar{color:#64d6ef;}
pre code .functionname{color:#a6e22a;}
pre code .functionargument{color:#fd9720;}
pre code .conditions{color:#f92772;}
pre code .boolean{color:#ab7ff7;}
pre code .string{color:#e6db72;}
pre code .string *{color:#e6db72;}
pre code .comment{color:#6c6d5e;}
pre code .comment *{color:#6c6d5e;}
pre code .focus{display:inline-block;font-style:italic;border-radius:3px;outline:1px solid #222218;background:#49483e;-text-decoration:underline;}
.ico-sprite,.ico_mark_add_01,.ico_mark_add_02,.ico_mark_add_03{background-image:url('../res/images/ico.png');background-repeat:no-repeat;}
.ico_mark_add_01{width:53px;height:46px;background-position:0 0;}
.ico_mark_add_02{width:53px;height:46px;background-position:0 -46px;}
.ico_mark_add_03{width:53px;height:46px;background-position:0 -92px;}
.img_txt-sprite,.ir_nstyle_01,.ir_nstyle_02{background-image:url('../res/images/img_txt.png');background-repeat:no-repeat;}
.ir_nstyle_01{display:block;width:97px;height:14px;overflow:hidden;text-indent:-100%;background-position:0 0;}
.ir_nstyle_02{display:block;width:97px;height:16px;overflow:hidden;text-indent:-100%;background-position:0 -14px;}
html{margin:0;padding:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,select,button,table,th,td,ul,li{font-size:inherit;font-weight:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;margin:0;padding:0;padding:0;/* letter-spacing: -1px; */word-break:keep-all;color:#000;border:0;}
#accessibility{z-index:9999;position:absolute;width:100%;top:0;left:0;text-align:left;}
#accessibility a{display:block;z-index:500;position:absolute;width:100%;top:-1000px;left:0;text-align:center;}
#accessibility a:focus,#accessibility a:active{z-index:1000;position:absolute;height:40px;top:0;font:bold 12px dotum;line-height:40px;color:#fff;background:#000;}
.a11y{position:absolute;width:10px;height:10px;overflow:hidden;top:-10px;text-indent:-9999px;}
.ir{display:block;overflow:hidden;text-indent:-99999px;}
.sub_txt_area .link_list .link h3:after{display:inline-block;font-size:12px;line-height:23px;box-sizing:border-box;margin:0 auto;padding:0 10px;content:'사이트 바로가기';color:#fff;border:1px solid #ddd;background:#308ee5;}