@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

/* Noto Sans KR Version */
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin');
    src: url('../fonts/NotoKR/eot/notokr-thin.eot');
    src: url('../fonts/NotoKR/eot/notokr-thin.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-thin.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-thin.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-thin.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-thin.svg#notokr-thin') format('svg');

}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light');
    src: url('../fonts/NotoKR/eot/notokr-light.eot');
    src: url('../fonts/NotoKR/eot/notokr-light.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-light.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-light.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-light.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-light.svg#notokr-light') format('svg');

}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight');
    src: url('../fonts/NotoKR/eot/notokr-demilight.eot');
    src: url('../fonts/NotoKR/eot/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-demilight.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-demilight.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-demilight.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-demilight.svg#notokr-demilight') format('svg');

}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular');
    src: url('../fonts/NotoKR/eot/notokr-regular.eot');
    src: url('../fonts/NotoKR/eot/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-regular.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-regular.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-regular.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-regular.svg#notokr-regular') format('svg');

}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium');
    src: url('../fonts/NotoKR/eot/notokr-medium.eot');
    src: url('../fonts/NotoKR/eot/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-medium.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-medium.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-medium.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-medium.svg#notokr-medium') format('svg');

}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold');
    src: url('../fonts/NotoKR/eot/notokr-bold.eot');
    src: url('../fonts/NotoKR/eot/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-bold.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-bold.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-bold.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-bold.svg#notokr-bold') format('svg');

}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black');
    src: url('../fonts/NotoKR/eot/notokr-black.eot');
    src: url('../fonts/NotoKR/eot/notokr-black.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoKR/woff2/notokr-black.woff2') format('woff2'), url('../fonts/NotoKR/woff/notokr-black.woff') format('woff'), url('../fonts/NotoKR/ttf/notokr-black.ttf') format('truetype'), url('../fonts/NotoKR/svg/notokr-black.svg#notokr-black') format('svg');

}

/*NanumSquare*/
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../fonts/NanumSquare/NanumSquareL.eot);
 src: url(../fonts/NanumSquare/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquare/NanumSquareL.woff) format('woff'),
      url(../fonts/NanumSquare/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../fonts/NanumSquare/NanumSquareR.eot);
 src: url(../fonts/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquare/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquare/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../fonts/NanumSquare/NanumSquareB.eot);
 src: url(../fonts/NanumSquare/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquare/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquare/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../fonts/NanumSquare/NanumSquareEB.eot);
 src: url(../fonts/NanumSquare/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquare/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquare/NanumSquareEB.ttf) format('truetype');
}

*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word;word-break:keep-all;}
body{font-family:'Noto Sans Korean','dotum','NanumSquare',Tahoma,sans-serif;font-size:15px;font-weight:400;color:#333;line-height:1.42857143;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;text-decoration:none;color:#333;}
a:active,
a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
caption, legend{width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0;}
b,strong{font-weight:normal;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;vertical-align:top;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;outline:0 !important;-webkit-border-radius:0;}
input{-webkit-appearance:none;}
select{-webkit-appearance:menulist;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="checkbox"],
input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus {outline: none;}
fieldset{padding:0;margin:0;border:0;min-width:100%;}
legend{position:absolute;width:1px;height:1px;font-size:0px;line-height:0;overflow:hidden;z-index:-1;padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}
address{font-style:normal;}

:after, :before{box-sizing:border-box}
.clearfix:before, .clearfix:after{
content:" ";
/* 1 */
display:table;
/* 2 */
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{font-weight:normal;line-height:1.5;}
h1,.h1{font-size:36px;}
h2,.h2{font-size:30px;}
h3,.h3{font-size:24px;}
h4,.h4{font-size:18px;}
h5,.h5{font-size:16px;}
h6,.h6{font-size:14px;}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,
h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:75%;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,
h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:85%;}

/* p{margin-top:0;margin-bottom:1rem;} */
p{margin-top:0;margin-bottom:1rem;}

#skip{overflow:hidden;position:relative;z-index:1000;width:100%}
#skip a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:30px;text-align:center}
#skip a:focus,#skip a:hover,#skip a:active{width:auto;height:auto;margin:0;padding:5px 0 5px 15px;background:#20262c;font-size:16px;font-weight:700;color:#fff}

.skip,
.blind{visibility:hidden;overflow:hidden;position:absolute;height:0;width:0;font-size:0;line-height:0;text-indent:-9999px}
.hidden{background:none !important;font-size:0 !important; height:0 !important;line-height:0 !important;overflow:hidden !important;position:absolute !important;width:0 !important;z-index:-1 !important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;}

.style-none{list-style:none}

.clearfix:after{clear:both;}
.pull-right{float:right !important;}
.pull-left{float:left !important;}
.pull-none{float:none;}
.hide{display:none !important;}
.show{display:block !important;}
.inblock{display:inline-block !important;}
.invisible{visibility:hidden;}
.text-hide{color:transparent;text-shadow:none;background-color:transparent;border:0;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-justify {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.affix{position:fixed;}
.pointer{cursor:pointer}
.strong{font-weight:500}
.clearBoth{clear:both}
.positionR{position:relative !important}
.positionA{position:absolute !important}
.valignTop{vertical-align:top !important}
.valignMiddle{vertical-align:middle !important}
.valignBottom{vertical-align:bottom !important}
.backgroundNone,.bgn{background:none !important}
.fontWeightNormal,.fwn{font-weight:normal !important}
.fontWeightBold,.fwb{font-weight:bold !important}
.borderNone{border:none !important}
.borderLeftNone{border-left:0 none !important}
.borderRightNone{border-right:0 none !important}
.borderTopNone{border-top:0 none !important}
.borderBottomNone{border-bottom:0 none !important}
.horizontal,.horizontal th,.horizontal td{border-left:0 none !important;border-right:0 none !important}
.vertical,.vertical th,.vertical td{border-top:0 none !important;border-bottom:0 none !important}
.box-vmiddle{display:inline-block;max-width:500px;vertical-align:middle;margin-bottom:15px}
.box-vmiddle-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-left:-15px}

*:focus {
    outline-width: 2px !important;
    outline-style:dotted !important;
    outline-color:gray !important;
    outline-offset:-2px;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {outline:-webkit-focus-ring-color dotted 2px !important;outline-offset:-2px; }