@charset "utf-8";

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");



/* --------------------------------------------------------- Basic ------------------------------------------------------------------ */
/* html, body */
* {margin: 0; padding: 0; box-sizing: border-box;}

html, body, input, textarea, select, button {
    font-family: "맑은고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
    font-weight: 400;
    color: #282828;
}

html {
  font-size: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {background-color: #ffffff; overflow-x: hidden;}


/* html5 default */
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;}
address {font-style: normal;}


/* normal */
img {vertical-align: middle; border: none; max-width: 100%;}

ul li,
dl dt dd,
ol li {list-style: none;}

a {text-decoration: none; border: none; cursor: pointer;}
a:link {}
a:visited {}
a:hover {text-decoration: underline;}
a:active {}
a.hideLink,
a.skip-link {width: 0px; height: 0px; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; position: absolute;} /* 웹접근성 링크에 따른 추가 */

h1, h2, h3, h4, h5, h6 {font-weight: bold;}

input, textarea, button {outline: none;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
select,
textarea {background: #fff;}
input[type="file"] {padding: 0; border: none;}
input[type="image"] {border: none;}
input[type="radio"] {border: none;}
input[type="checkbox"] {border:none;}

iframe {border: none;}


/* padding 영역 벗어나는거 잡아주기 위한 css */
input, textarea, select {    
  -webkit-box-sizing: border-box; /* Safari, Chrome et al */
     -moz-box-sizing: border-box; /* Firefox */
          box-sizing: border-box; /* Opera/IE 8+ */
}


/* select style */
select {
    -webkit-border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    background: url("../../images/res/icon/basic/select.png") no-repeat right 10px center #fff; /* 화살표 모양의 이미지 */
    padding-left: 8px;
    padding-right: 35px;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}


/* input, button default style */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;  cursor: pointer;}

button[disabled],
html input[disabled] {cursor: not-allowed;}

button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0; border: 0;}

input {line-height: normal;}
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;}



/* default content style */
strong {font-weight: bold;}
table, table tr th, table tr td {border:none;}
label.dNone {
    width: 0; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;
    position: absolute; visibility: hidden;
    background: none;
}



/* Basic Style */
.show {display: block !important;}
.hide {display: none !important;}
.hide1 {display: none;}
.hidden {visibility: hidden !important; width: 0 !important; height: 0 !important; text-indent: -9999px !important; overflow: hidden !important; position: absolute !important;}
.block {display: block;}
.bold {font-weight: bold;}
.clear {clear: both;}
.tableCaption {width: 0px; height: 0px; font-size: 0; line-height: 0; overflow: hidden;}
.skip-content {
    overflow: hidden; border: none !important;
    background: none !important;
    width: 0 !important; height: 0 !important; font-size: 0; line-height: 0;
    margin: 0 !important; padding: 0 !important; text-indent: -9999px;
}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-link {color: #0984e3; text-decoration: underline;}
.underline {text-decoration: underline;}
.memo {word-break: keep-all;}
.text-btn {background: none; border: none;}

div.inline {display: inline;}
i.num {font-style: normal;}
p.hyphen {position: relative; padding-left: 15px;}
p.hyphen::before {
	content: "-";
	position: absolute; left: 0;
}



/* Align */
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-justify {text-align: justify !important;}



/* Margin */
.margin {margin: 0;}
.margin-top0,
.marginT0 {margin-top: 0px !important;}
.margin-top5 {margin-top: 5px !important;}
.margin-top10,
.marginT10 {margin-top: 10px !important;}
.margin-top15 {margin-top: 15px !important;}
.margin-top20,
.marginT20 {margin-top: 20px !important;}
.margin-top25 {margin-top: 25px !important;}
.margin-top30,
.marginT30 {margin-top: 30px !important;}
.margin-top35 {margin-top: 35px !important;}
.margin-top40,
.marginT40 {margin-top: 40px !important;}
.margin-top45 {margin-top: 45px !important;}
.margin-top50,
.marginT50 {margin-top: 50px !important;}
.margin-top55 {margin-top: 55px !important;}
.margin-top60 {margin-top: 60px !important;}
.margin-top65 {margin-top: 65px !important;}
.margin-top70 {margin-top: 70px !important;}
.margin-top75 {margin-top: 75px !important;}
.margin-top80 {margin-top: 80px !important;}
.margin-top85 {margin-top: 85px !important;}
.margin-top90 {margin-top: 90px !important;}
.margin-top95 {margin-top: 95px !important;}
.margin-top100 {margin-top: 100px !important;}
.margin-bottom0,
.marginB0 {margin-bottom: 0px !important;}
.margin-bottom5 {margin-bottom: 5px !important;}
.margin-bottom10,
.marginB10 {margin-bottom: 10px !important;}
.margin-bottom15,
.marginB15 {margin-bottom: 15px !important;}
.margin-bottom20 {margin-bottom: 20px !important;}
.margin-left5,
.marginL5 {margin-left: 5px !important;}
.margin-left10,
.marginL10 {margin-left: 10px !important;}
.margin-left20,
.marginL20 {margin-left: 20px !important;}
.margin-right5 {margin-right: 5px !important;}
.margin-right10 {margin-right: 10px !important;}
.margin-right20 {margin-right: 20px !important;}


/* Margin */
.ma-0 {margin: 0 !important;}
.ma-10 {margin: 10px !important;}

.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt10,
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt20,
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}

.ml-0 {margin-left: 0 !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}

.mr-0 {margin-right: 0px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}

.my-10 {margin: 10px 0!important;}



/* padding */
.padding,
.padding0 {padding: 0 !important;}
.padding-top0,
.paddingT0 {padding-top: 0px !important;}
.padding-top5,
.paddingT5 {padding-top: 5px !important;}
.padding-top10,
.paddingT10 {padding-top: 10px !important;}
.padding-top15 {padding-top: 15px !important;}
.padding-top20 {padding-top: 20px !important;}
.padding-top25 {padding-top: 25px !important;}
.padding-top30 {padding-top: 30px !important;}
.padding-bottom5 {padding-bottom: 5px !important;}
.padding-bottom10 {padding-bottom: 10px !important;}
.padding-bottom15 {padding-bottom: 15px !important;}
.padding-bottom20 {padding-bottom: 20px !important;}
.padding-bottom25 {padding-bottom: 25px !important;}
.padding-bottom30 {padding-bottom: 30px !important;}
.padding-left5 {padding-left: 5px !important;}
.padding-left10 {padding-left: 10px !important;}
.padding-left20 {padding-left: 20px !important;}
.padding-right5 {padding-right: 5px !important;}
.padding-right10 {padding-right: 10px !important;}
.padding-right20 {padding-right: 20px !important;}

.pa-0 {padding: 0 !important;}
.pa-2 {padding: 2px !important;}
.pa-4 {padding: 4px !important;}
.pa-5 {padding: 5px !important;}
.pa-6 {padding: 6px !important;}
.pa-8 {padding: 8px !important;}
.pa-10 {padding: 10px !important;}
.pa-15 {padding: 15px !important;}
.pa-20 {padding: 20px !important;}
.pa-30 {padding: 30px !important;}
.pa-40 {padding: 40px !important;}
.pa-50 {padding: 50px !important;}

.px-0 {padding-left: 0px !important; padding-right: 0px !important;}
.px-2 {padding-left: 2px !important; padding-right: 2px !important;}
.px-4 {padding-left: 4px !important; padding-right: 4px !important;}
.px-5 {padding-left: 5px !important; padding-right: 5px !important;}
.px-6 {padding-left: 6px !important; padding-right: 6px !important;}
.px-8 {padding-left: 8px !important; padding-right: 8px !important;}
.px-10 {padding-left: 10px !important; padding-right: 10px !important;}
.px-15 {padding-left: 15px !important; padding-right: 15px !important;}
.px-20 {padding-left: 20px !important; padding-right: 20px !important;}
.px-25 {padding-left: 25px !important; padding-right: 25px !important;}
.px-30 {padding-left: 30px !important; padding-right: 30px !important;}
.px-35 {padding-left: 35px !important; padding-right: 35px !important;}
.px-40 {padding-left: 40px !important; padding-right: 40px !important;}
.px-45 {padding-left: 45px !important; padding-right: 45px !important;}
.px-50 {padding-left: 50px !important; padding-right: 50px !important;}

.py-0 {padding-top: 0px !important; padding-bottom: 0px !important;}
.py-2 {padding-top: 2px !important; padding-bottom: 2px !important;}
.py-4 {padding-top: 4px !important; padding-bottom: 4px !important;}
.py-5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.py-6 {padding-top: 6px !important; padding-bottom: 6px !important;}
.py-8 {padding-top: 8px !important; padding-bottom: 8px !important;}
.py-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.py-15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.py-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.py-25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.py-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.py-35 {padding-top: 35px !important; padding-bottom: 35px !important;}
.py-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.py-45 {padding-top: 45px !important; padding-bottom: 45px !important;}
.py-50 {padding-top: 50px !important; padding-bottom: 50px !important;}

.pt-0 {padding-top: 0 !important;}
.pt-2 {padding-top: 2px !important;}
.pt-4 {padding-top: 4px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-6 {padding-top: 6px !important;}
.pt-8 {padding-top: 8px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-2 {padding-bottom: 2px !important;}
.pb-4 {padding-bottom: 4px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-6 {padding-bottom: 6px !important;}
.pb-8 {padding-bottom: 8px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}

.pl-0 {padding-left: 0 !important;}
.pl-2 {padding-left: 2px !important;}
.pl-4 {padding-left: 4px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-6 {padding-left: 6px !important;}
.pl-8 {padding-left: 8px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-11 {padding-left: 11px !important;}
.pl-12 {padding-left: 12px !important;}
.pl-13 {padding-left: 13px !important;}
.pl-14 {padding-left: 14px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}

.pr-0 {padding-right: 0 !important;}
.pr-2 {padding-right: 2px !important;}
.pr-4 {padding-right: 4px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-6 {padding-right: 6px !important;}
.pr-8 {padding-right: 8px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}



/* letter spacing */
.letter-1 {letter-spacing: -1px;}



/* width */
.width0 {width: 0% !important;}
.width1 {width: 1% !important;} .width2 {width: 2% !important;} .width3 {width: 3% !important;} .width4 {width: 4% !important;} .width5 {width: 5% !important;}
.width6 {width: 6% !important;} .width7 {width: 7% !important;} .width8 {width: 8% !important;} .width9 {width: 9% !important;} .width10 {width: 10% !important;}
.width11 {width: 11% !important;} .width12 {width: 12% !important;} .width13 {width: 13% !important;} .width14 {width: 14% !important;} .width15 {width: 15% !important;}
.width16 {width: 16% !important;} .width17 {width: 17% !important;} .width18 {width: 18% !important;} .width19 {width: 19% !important;} .width20 {width: 20% !important;}
.width21 {width: 21% !important;} .width22 {width: 22% !important;} .width23 {width: 23% !important;} .width24 {width: 24% !important;} .width25 {width: 25% !important;}
.width26 {width: 26% !important;} .width27 {width: 27% !important;} .width28 {width: 28% !important;} .width29 {width: 29% !important;} .width30 {width: 30% !important;}
.width31 {width: 31% !important;} .width32 {width: 32% !important;} .width33 {width: 33% !important;} .width34 {width: 34% !important;} .width35 {width: 35% !important;}
.width36 {width: 36% !important;} .width37 {width: 37% !important;} .width38 {width: 38% !important;} .width39 {width: 39% !important;} .width40 {width: 40% !important;}
.width41 {width: 41% !important;} .width42 {width: 42% !important;} .width43 {width: 43% !important;} .width44 {width: 44% !important;} .width45 {width: 45% !important;}
.width50 {width: 50% !important;} .width51 {width: 51% !important;} .width52 {width: 52% !important;} .width53 {width: 53% !important;} .width54 {width: 54% !important;}
.width55 {width: 55% !important;} .width56 {width: 56% !important;} .width57 {width: 57% !important;} .width58 {width: 58% !important;} .width59 {width: 59% !important;}
.width60 {width: 60% !important;} .width61 {width: 61% !important;} .width62 {width: 62% !important;} .width63 {width: 63% !important;} .width64 {width: 64% !important;}
.width65 {width: 65% !important;} .width66 {width: 66% !important;} .width67 {width: 67% !important;} .width68 {width: 68% !important;} .width69 {width: 69% !important;}
.width70 {width: 70% !important;} .width71 {width: 71% !important;} .width72 {width: 72% !important;} .width73 {width: 73% !important;} .width74 {width: 74% !important;}
.width75 {width: 75% !important;} .width76 {width: 76% !important;} .width77 {width: 77% !important;} .width78 {width: 78% !important;} .width79 {width: 79% !important;}
.width80 {width: 80% !important;} .width81 {width: 81% !important;} .width82 {width: 82% !important;} .width83 {width: 83% !important;} .width84 {width: 84% !important;}
.width85 {width: 85% !important;} .width86 {width: 86% !important;} .width87 {width: 87% !important;} .width88 {width: 88% !important;} .width89 {width: 89% !important;} 
.width90 {width: 90% !important;} .width91 {width: 91% !important;} .width92 {width: 92% !important;} .width93 {width: 93% !important;} .width94 {width: 94% !important;}
.width95 {width: 95% !important;} .width96 {width: 96% !important;} .width97 {width: 97% !important;} .width98 {width: 98% !important;} .width99 {width: 99% !important;}
.width100 {width: 100% !important;}

.s100 {width: 100px; min-width: 0;}
.s110 {width: 110px; min-width: 0;}
.s120 {width: 120px; min-width: 0;}
.s130 {width: 130px; min-width: 0;}
.s140 {width: 140px; min-width: 0;}
.s150 {width: 150px; min-width: 0;}
.s160 {width: 160px; min-width: 0;}
.s170 {width: 170px; min-width: 0;}
.s180 {width: 180px; min-width: 0;}
.s190 {width: 190px; min-width: 0;}
.s200 {width: 200px; min-width: 0;}
.s210 {width: 210px; min-width: 0;}
.s220 {width: 220px; min-width: 0;}
.s230 {width: 230px; min-width: 0;}
.s240 {width: 240px; min-width: 0;}
.s250 {width: 250px; min-width: 0;}



/* Max-width */
.max-width100 {max-width: 100px;}
.max-width200 {max-width: 200px;}
.max-width300 {max-width: 300px;}
.max-width400 {max-width: 400px;}
.max-width500 {max-width: 500px;}
.max-width600 {max-width: 600px;}
.max-width700 {max-width: 700px;}
.max-width800 {max-width: 800px;}
.max-width900 {max-width: 900px;}
.max-width1000 {max-width: 1000px;}



/* Height PX */
.h10 {height: 10px !important;}
.h20 {height: 20px !important;}
.h30 {height: 30px !important;}
.h40 {height: 40px !important;}
.h42 {height: 42px !important;}
.h44 {height: 44px !important;}
.h50 {height: 50px !important;}
.h60 {height: 60px !important;}
.h70 {height: 70px !important;}
.h72 {height: 72px !important;}
.h74 {height: 74px !important;}
.h76 {height: 76px !important;}
.h78 {height: 78px !important;}
.h80 {height: 80px !important;}
.h90 {height: 90px !important;}
.h100 {height: 100px !important;}
.h110 {height: 110px !important;}
.h120 {height: 120px !important;}
.h130 {height: 130px !important;}
.h140 {height: 140px !important;}
.h150 {height: 150px !important;}
.h160 {height: 160px !important;}
.h170 {height: 170px !important;}
.h180 {height: 180px !important;}
.h190 {height: 190px !important;}
.h200 {height: 200px !important;}
.h300 {height: 300px !important;}
.h310 {height: 310px !important;}
.h320 {height: 320px !important;}
.h330 {height: 330px !important;}
.h340 {height: 340px !important;}
.h350 {height: 350px !important;}
.h360 {height: 360px !important;}
.h365 {height: 365px !important;}
.h370 {height: 370px !important;}
.h380 {height: 380px !important;}
.h390 {height: 390px !important;}
.h400 {height: 400px !important;}
.h410 {height: 410px !important;}
.h420 {height: 420px !important;}
.h430 {height: 430px !important;}
.h440 {height: 440px !important;}
.h450 {height: 450px !important;}
.h500 {height: 500px !important;}
.h600 {height: 600px !important;}
.h650 {height: 650px !important;}
.h700 {height: 700px !important;}
.h750 {height: 750px !important;}



/* Font-size */
.size10 {font-size: 10px !important;}
.size11 {font-size: 11px !important;}
.size12 {font-size: 12px !important;}
.size13 {font-size: 0.812rem !important;}
.size14 {font-size: 0.875rem !important;}
.size15 {font-size: 0.937rem !important;}
.size16 {font-size: 1rem !important;}
.size17 {font-size: 1.062rem !important;}
.size18 {font-size: 1.125rem !important;}
.size20 {font-size: 1.25rem !important;}
.size22 {font-size: 1.375rem !important;}
.size24 {font-size: 1.5rem !important;}
.size26 {font-size: 1.625rem !important;}
.size28 {font-size: 1.75rem !important;}
.size30 {font-size: 1.875rem !important;}
.size32 {font-size: 2rem !important;}
.size34 {font-size: 2.125rem !important;}
.size36 {font-size: 2.25rem !important;}
.size40 {font-size: 2.5rem !important;}



/* Line Height */
.line-height14 {line-height: 14px !important;}
.line-height16 {line-height: 16px !important;}
.line-height18 {line-height: 18px !important;}
.line-height20 {line-height: 20px !important;}
.line-height22 {line-height: 22px !important;}
.line-height24 {line-height: 24px !important;}
.line-height26 {line-height: 26px !important;}
.line-height28 {line-height: 28px !important;}
.line-height30 {line-height: 30px !important;}
/* --------------------------------------------------------- //Basic ------------------------------------------------------------------ */








/* --------------------------------------------------------- Responsive media query ---------------------------------------------------------- */
/* Tablet ~ Laptop  */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
    html {font-size: 94%;}
    .container {padding: 0 20px;}
}



/* Mobile */
@media only screen and (max-width: 767px) {
    .container {padding: 0 15px;}
}



/* Phone Mini (iPhone 4, 5, SE) */
@media only screen and (max-width: 359px) {
    html {font-size: 90%;}
    .container {padding: 0 10px;}
}







/* phone font size Up */
/*
@media screen and (min-width: 414px) and (max-width: 767px) {
    html {font-size: 102%;}
}
*/


/* tablet font size Up */
/*
@media screen and (min-width: 768px) and (max-width: 1023px) {
    html {font-size: 105%;}
}
*/
/* --------------------------------------------------------- //Responsive media query ---------------------------------------------------------- */