@charset "utf-8";

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

@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 100;
    src: url('fonts/NotoSansCJKkr-Thin.eot');src: url('fonts/NotoSansCJKkr-Thin.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-Thin.woff') format('woff'),url('fonts/NotoSansCJKkr-Thin.woff2') format('woff2'),url('fonts/NotoSansCJKkr-Thin.otf') format('truetype');}
@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 200;
    src: url('fonts/NotoSansCJKkr-Light.eot');src: url('fonts/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-Light.woff') format('woff'),url('fonts/NotoSansCJKkr-Light.woff2') format('woff2'),url('fonts/NotoSansCJKkr-Light.otf') format('truetype');}
@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 300;
    src: url('fonts/NotoSansCJKkr-DemiLight.eot');src: url('fonts/NotoSansCJKkr-DemiLight.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-DemiLight.woff') format('woff'),url('fonts/NotoSansCJKkr-DemiLight.woff2') format('woff2'),url('fonts/NotoSansCJKkr-DemiLight.otf') format('truetype');}
@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 400;
    src: url('fonts/NotoSansCJKkr-Regular.eot');src: url('fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-Regular.woff') format('woff'),url('fonts/NotoSansCJKkr-Regular.woff2') format('woff2'),url('fonts/NotoSansCJKkr-Regular.otf') format('truetype');}
@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 500;
    src: url('fonts/NotoSansCJKkr-Medium.eot');src: url('fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-Medium.woff') format('woff'),url('fonts/NotoSansCJKkr-Medium.woff2') format('woff2'),url('fonts/NotoSansCJKkr-Medium.otf') format('truetype');}
@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 700;
    src: url('fonts/NotoSansCJKkr-Bold.eot');src: url('fonts/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-Bold.woff') format('woff'),url('fonts/NotoSansCJKkr-Bold.woff2') format('woff2'),url('fonts/NotoSansCJKkr-Bold.otf') format('truetype');}
@font-face {
    font-family: 'NotoSans';font-style: normal;font-weight: 900;
    src: url('fonts/NotoSansCJKkr-Black.eot');src: url('fonts/NotoSansCJKkr-Black.eot?#iefix') format('embedded-opentype'),url('fonts/NotoSansCJKkr-Black.woff') format('woff'),url('fonts/NotoSansCJKkr-Black.woff2') format('woff2'),url('fonts/NotoSansCJKkr-Black.otf') format('truetype');}

/************************************************/



/* reset */
html, body{height:100%;font-size:10px;display:block;}
html{font-family:"NotoSans", sans-serif;font-weight:200;}
body{word-break:break-all;font-size:1.7rem;color:#010101;line-height:1;}
body,div,section,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,input,select,textarea,button {margin:0;padding:0;box-sizing:border-box;}
caption,legend{position:absolute;top:0;left:-99999px;width:0;height:0;line-height:0;overflow:hidden;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes:none;}
input,select,textarea,button{vertical-align:middle;font-family:inherit;}
button{border:none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,var,i{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;}
fieldset,iframe{border:0;}
img{vertical-align:middle;height:auto;width:auto;max-width:100%;border:none;}
a{color:inherit;text-decoration:none;}
a:active, a:hover{text-decoration:none;color:inherit;}
a:focus{outline:2px dashed #ee6318;}
p,a,h2,h3,h4,h5,h6{transform:skew(-0.1deg);}

@media only screen and (max-width:1024px){
    html, body{font-size:10px;}
}
/************************************************/


/* margin */
.mgAuto{margin:auto !important;}

.mgt00{margin-top:0 !important;}
.mgt05{margin-top:.5rem;}
.mgt10{margin-top:1rem;}
.mgt20{margin-top:2rem;}
.mgt30{margin-top:3rem;}
.mgt40{margin-top:4rem;}
.mgt50{margin-top:5rem;}
.mgt120{margin-top:12rem;}

.mgb00{margin-bottom:0 !important;}
.mgb05{margin-bottom:.5rem;}
.mgb10{margin-bottom:1rem;}
.mgb20{margin-bottom:2rem;}
.mgb30{margin-bottom:3rem;}
.mgb40{margin-bottom:4rem !important;}
.mgb50{margin-bottom:5rem;}

.mgl00{margin-left:0 !important;}
.mgl05{margin-left:.5rem;}
.mgl10{margin-left:1rem;}
.mgl20{margin-left:2rem;}
.mgl30{margin-left:3rem;}
.mgl40{margin-left:4rem;}
.mgl50{margin-left:5rem;}

.mgr00{margin-right:0 !important;}
.mgr05{margin-right:.5rem;}
.mgr10{margin-right:1rem;}
.mgr20{margin-right:2rem;}
.mgr30{margin-right:3rem;}
.mgr40{margin-right:4rem;}
.mgr50{margin-right:5rem;}
/************************************************/


/* width */
.wid100per{width:100%;}
.wid90per{width:90%;}
.wid10{width:1rem;}
.wid20{width:2rem;}
.wid30{width:3rem;}
.wid40{width:4rem;}
.wid50{width:5rem;}
.wid60{width:6rem;}
.wid70{width:7rem;}
.wid80{width:8rem;}
.wid90{width:9rem;}
.wid100{width:10rem;}
.wid150{width:15rem;}
.wid200{width:20rem;}
.wid250{width:250rem;}
.wid300{width:30rem;}
.wid350{width:35rem;}
.wid400{width:40rem;}
.wid450{width:45rem;}
.wid500{width:50rem;}
.wid550{width:55rem;}
.wid600{width:60rem;}
.wid650{width:65rem;}
.wid700{width:70rem;}
.wid750{width:75rem;}
.mgr50{margin-right:5rem;}
/************************************************/


/* font */
.fs_10{font-size:1rem;}
.fs_11{font-size:1.1rem;}
.fs_12{font-size:1.2rem;}
.fs_13{font-size:1.3rem;}
.fs_14{font-size:1.4rem;}
.fs_15{font-size:1.5rem;}
.fs_16{font-size:1.6rem;}
.fs_17{font-size:1.7rem;}
.fs_18{font-size:1.8rem;}
.fs_19{font-size:1.9rem;}
.fs_20{font-size:2rem;}
/************************************************/


/* basic */
.fw_b{font-weight:bold;}
.fw_n{font-weight:normal;}

.fl_l{float:left;}
.fl_r{float:right;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}

.dp_n{display:none !important;}
.dp_b{display:block;}
.dp_i{display:inline;}
.dp_ib{display:inline-block;}

.po_r{position:relative;}
.po_a{position:absolute;}
.po_f{position:fixed;}

.of_a{overflow:auto;}
.of_h{overflow:hidden;}
.of_s{overflow:scroll;}

.lineDot_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lineDot_2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lineDot_3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.blind{ position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;}
.trans{transition:all .2s ease-in .1s;}
.clear:after{content:'';display:table;clear:both;}
.noBorder{border:none;}
.verticalMid{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
/************************************************/


/* respon */
.for_W{display:block !important;}
.for_WI{display:inline-block !important;}
.for_WT{display:table-cell !important;}
.for_WT2{display:table-column !important;}

.for_M,
.for_MI{display:none !important;}
@media only screen and (max-width:1024px){
    .for_W,
    .for_WI{display:none !important;}
    .for_WT{display:none !important;}
    .for_WT2{display:none !important;}

    .for_M{display:block !important;}
    .for_MI{display:inline-block !important;}
}
/************************************************/