@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'JSArirang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'jt-font';
    font-style: normal;
    font-weight: normal;
    src: url(../font/jt-font/fonts/jt-font.eot);
    src: local("?"),
         url(../font/jt-font/fonts/jt-font.woff) format('woff');
}
body{ font-family:'Roboto', 'Noto Sans KR', '돋움', Dotum,AppleGothic,sans-serif; font-size:17px; font-weight:300; color:#222;  padding:0px; margin:0px; letter-spacing:-0.05em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@media all and (max-width:1200px) {
	body{font-size:16px}
}
@media all and (max-width:850px) {
	body{font-size:14px}
}
@media all and (max-width:650px) {
	body{font-size:13px}
}
@media all and (max-width:400px) {
	body{font-size:12px}
}
*{margin:0;padding:0;}
html,body{width:100%;height:100%; -webkit-overflow-scrolling:touch!important;}
html{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;font-size:100%;font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none;outline:0;}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:inherit;text-decoration:none;cursor:pointer; outline:0;}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;outline:0;letter-spacing: -0.5px;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px;outline:0;}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:10001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}

.cb {display:block; clear:both;}
.cb:after {display:block; clear:both; content:''}
.tc { text-align: center; position: relative; }
.ml5 { margin-left: 5px !important; }

.xi{ font-family: "xeicon" !important;}
@font-face {
  font-family: 'xeicon';
  src: url('../font/xeicon.eot');
  src: url('../font/xeicon.eot?#iefix') format('embedded-opentype'),
       url('../font/xeicon.woff') format('woff'),
       url('../font/xeicon.ttf') format('truetype'),
       url('../font/xeicon.svg#xeicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

select { -webkit-border-radius: 0;}
select 
{ 
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../images/contents/select_arrow.png");background-repeat: no-repeat; 
  background-position: calc(100% - 10px) center;
  background-position: -webkit-calc(100% - 10px) center; background-position: -moz-calc(100% - 10px) center;
  padding: 0 8px;
}
select::-ms-expand {
    display: none;
}


/* global */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}
.mr10{margin-right: 10px!important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.mt10 {padding-top:10px !important}
.mt15 { margin-top: 15px !important; }
.mt20 {padding-top:20px !important}
.mt20xsmt0 {padding-top:20px !important}
.mt30 {padding-top:30px !important}
.mt40 {padding-top:40px !important}
.mt50 {padding-top:50px !important}
.mt60 {padding-top:60px !important}
.mt70 {padding-top:70px !important}
.mt80 {padding-top:80px !important}
.mt90 {padding-top:90px !important}
.mt100 {padding-top:100px !important}
.mb10 {padding-bottom:10px !important;}
.mb20 {padding-bottom:20px !important;}
.mb30 {padding-bottom:30px !important;}
.mb40 {padding-bottom:40px !important;}
.mb50 {padding-bottom:50px !important;}
.mb60 {padding-bottom:60px !important;}
.mb70 {padding-bottom:70px !important;}
.mb80 {padding-bottom:80px !important;}
.mb90 {padding-bottom:90px !important;}
.mb100 {padding-bottom:100px !important;}
.pt10 {margin-top:10px !important}
.pt20 {margin-top:20px !important}
.pt20xspt0 {margin-top:20px !important}
.pt30 {margin-top:30px !important}
.pt40 {margin-top:40px !important}
.pt50 {margin-top:50px !important}
.pt60 {margin-top:60px !important}
.pt70 {margin-top:70px !important}
.pt80 {margin-top:80px !important}
.pt90 {margin-top:90px !important}
.pt100 {margin-top:100px !important}
.pb10 {margin-bottom:10px !important;}
.pb20 {margin-bottom:20px !important;}
.pb30 {margin-bottom:30px !important;}
.pb40 {margin-bottom:40px !important;}
.pb50 {margin-bottom:50px !important;}
.pb60 {margin-bottom:60px !important;}
.pb70 {margin-bottom:70px !important;}
.pb80 {margin-bottom:80px !important;}
.pb90 {margin-bottom:90px !important;}
.pb100 {margin-bottom:100px !important;}


@media (max-width: 767px) {
.mt20xsmt0 {padding-top:0px !important;}
.mt10 {padding-top:10px !important}
.mt20 {padding-top:10px !important}
.mt30 {padding-top:15px !important}
.mt40 {padding-top:20px !important}
.mt50 {padding-top:25px !important}
.mt60 {padding-top:30px !important}
.mt70 {padding-top:35px !important}
.mt80 {padding-top:40px !important}
.mt90 {padding-top:45px !important}
.mt100 {padding-top:50px !important}
.mb20 {padding-bottom:10px !important;}
.mb30 {padding-bottom:15px !important;}
.mb40 {padding-bottom:20px !important;}
.mb50 {padding-bottom:25px !important;}
.mb60 {padding-bottom:30px !important;}
.mb70 {padding-bottom:35px !important;}
.mb80 {padding-bottom:40px !important;}
.mb90 {padding-bottom:45px !important;}
.mb100 {padding-bottom:50px !important;}
.pt20xspt0 {margin-top:0px !important;}
.pt10 {margin-top:10px !important}
.pt20 {margin-top:10px !important}
.pt30 {margin-top:15px !important}
.pt40 {margin-top:20px !important}
.pt50 {margin-top:25px !important}
.pt60 {margin-top:30px !important}
.pt70 {margin-top:35px !important}
.pt80 {margin-top:40px !important}
.pt90 {margin-top:45px !important}
.pt100 {margin-top:50px !important}
.pb20 {margin-bottom:10px !important;}
.pb30 {margin-bottom:15px !important;}
.pb40 {margin-bottom:20px !important;}
.pb50 {margin-bottom:25px !important;}
.pb60 {margin-bottom:30px !important;}
.pb70 {margin-bottom:35px !important;}
.pb80 {margin-bottom:40px !important;}
.pb90 {margin-bottom:45px !important;}
.pb100 {margin-bottom:50px !important;}
}