@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:12px; font-family: 'Noto Sans KR', sans-serif; color:#231f20; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings:'liga';}
body *{image-rendering:-webkit-optimize-contrast;}

/* FONT */
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 200;
  src: url(../font/NanumGothicLight.eot); /* IE9 Compat Modes */
  src: url(../font/NanumGothicLight.eot?#iefix) format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url(../font/NanumGothicLight.woff) format('woff'), /* ie 제외한 나머지 */
       url(../font/NanumGothicLight.ttf) format('truetype'),
       url(../font/NanumGothicLight.svg#NanumGothicLight) format('svg'); /*모바일브라우져를 위해서*/
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic.eot); /* IE9 Compat Modes */
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url(../font/NanumGothic.woff) format('woff'), /* ie 제외한 나머지 */
       url(../font/NanumGothic.ttf) format('truetype'),
       url(../font/NanumGothic.svg#NanumGothic) format('svg'); /*모바일브라우져를 위해서*/
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothicBold.eot); /* IE9 Compat Modes */
  src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url(../font/NanumGothicBold.woff) format('woff'), /* ie 제외한 나머지 */
       url(../font/NanumGothicBold.ttf) format('truetype'),
       url(../font/NanumGothicBold.svg#NanumGothicBold) format('svg'); /*모바일브라우져를 위해서*/
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 900;
  src: url(../font/NanumGothicExtraBold.eot); /* IE9 Compat Modes */
  src: url(../font/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url(../font/NanumGothicExtraBold.woff) format('woff'), /* ie 제외한 나머지 */
       url(../font/NanumGothicExtraBold.ttf) format('truetype'),
       url(../font/NanumGothicExtraBold.svg#NanumGothicExtraBold) format('svg'); /*모바일브라우져를 위해서*/
}

@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumMyeongjo-Regular.eot);
  src: url(../font/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(../font/NanumMyeongjo-Regular.woff) format('woff'),
       url(../font/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 600;
  src: url(../font/NanumMyeongjo-Bold.eot);
  src: url(../font/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(../font/NanumMyeongjo-Bold.woff) format('woff'),
       url(../font/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumMyeongjo-ExtraBold.eot);
  src: url(../font/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(../font/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(../font/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}

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

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url("../font/NanumBarunGothicUltraLight.eot");
  src: url("../font/NanumBarunGothicUltraLight.eot?#iefix") format('embedded-opentype'),
       url("../font/NanumBarunGothicUltraLight.woff") format('woff'),
       url("../font/NanumBarunGothicUltraLight.ttf") format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url("../font/NanumBarunGothicLight.eot");
  src: url("../font/NanumBarunGothicLight.eot?#iefix") format('embedded-opentype'),
       url("../font/NanumBarunGothicLight.woff") format('woff'),
       url("../font/NanumBarunGothicLight.ttf") format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url("../font/NanumBarunGothic.eot");
  src: url("../font/NanumBarunGothic.eot?#iefix") format('embedded-opentype'),
       url("../font/NanumBarunGothic.woff") format('woff'),
       url("../font/NanumBarunGothic.ttf") format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url("../font/NanumBarunGothicBold.eot");
  src: url("../font/NanumBarunGothicBold.eot?#iefix") format('embedded-opentype'),
       url("../font/NanumBarunGothicBold.woff") format('woff'),
       url("../font/NanumBarunGothicBold.ttf") format('truetype');
}

@font-face {
  font-family: "NanumBarunpen";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NanumBarunpen/nanumbarunpenR.eot"), /* IE9 Compat Modes */
    url("../font/NanumBarunpen/nanumbarunpenR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/NanumBarunpen/nanumbarunpenR.woff2") format("woff2"), /* Modern Browsers */
    url("../font/NanumBarunpen/nanumbarunpenR.woff") format("woff"), /* Modern Browsers */
    url("../font/NanumBarunpen/nanumbarunpenR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumBarunpen";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NanumBarunpen/nanumbarunpenB.eot"), /* IE9 Compat Modes */
    url("../font/NanumBarunpen/nanumbarunpenB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/NanumBarunpen/nanumbarunpenB.woff2") format("woff2"), /* Modern Browsers */
    url("../font/NanumBarunpen/nanumnarunpenB.woff") format("woff"), /* Modern Browsers */
    url("../font/NanumBarunpen/nanumbarunpenB.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
	url(../font/NotoSansKR-Thin-Hestia.eot),
    url(../font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../font/NotoSansKR-Light-Hestia.eot),
    url(../font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../font/NotoSansKR-DemiLight-Hestia.eot),
    url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/NotoSansKR-Regular-Hestia.eot),
    url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../font/NotoSansKR-Medium-Hestia.eot),
    url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../font/NotoSansKR-Bold-Hestia.eot),
    url(../font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../font/NotoSansKR-Black-Hestia.eot),
    url(../font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/* gothic-a1-300 - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 300;
  src: url(../font/gothic-a1-v7-korean_latin-300.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 Light'), local('GothicA1-Light'),
       url(../font/gothic-a1-v7-korean_latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-300.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-300.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-300.svg#GothicA1) format('svg'); /* Legacy iOS */
}
/* gothic-a1-regular - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 400;
  src: url(../font/gothic-a1-v7-korean_latin-regular.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 Regular'), local('GothicA1-Regular'),
       url(../font/gothic-a1-v7-korean_latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-regular.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-regular.svg#GothicA1) format('svg'); /* Legacy iOS */
}
/* gothic-a1-600 - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 600;
  src: url(../font/gothic-a1-v7-korean_latin-600.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 SemiBold'), local('GothicA1-SemiBold'),
       url(../font/gothic-a1-v7-korean_latin-600.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-600.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-600.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-600.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-600.svg#GothicA1) format('svg'); /* Legacy iOS */
}
/* gothic-a1-500 - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 500;
  src: url(../font/gothic-a1-v7-korean_latin-500.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 Medium'), local('GothicA1-Medium'),
       url(../font/gothic-a1-v7-korean_latin-500.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-500.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-500.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-500.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-500.svg#GothicA1) format('svg'); /* Legacy iOS */
}
/* gothic-a1-700 - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 700;
  src: url(../font/gothic-a1-v7-korean_latin-700.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 Bold'), local('GothicA1-Bold'),
       url(../font/gothic-a1-v7-korean_latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-700.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-700.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-700.svg#GothicA1) format('svg'); /* Legacy iOS */
}
/* gothic-a1-800 - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 800;
  src: url(../font/gothic-a1-v7-korean_latin-800.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 ExtraBold'), local('GothicA1-ExtraBold'),
       url(../font/gothic-a1-v7-korean_latin-800.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-800.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-800.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-800.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-800.svg#GothicA1) format('svg'); /* Legacy iOS */
}
/* gothic-a1-900 - korean_latin */
@font-face {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 900;
  src: url(../font/gothic-a1-v7-korean_latin-900.eot); /* IE9 Compat Modes */
  src: local('Gothic A1 Black'), local('GothicA1-Black'),
       url(../font/gothic-a1-v7-korean_latin-900.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../font/gothic-a1-v7-korean_latin-900.woff2) format('woff2'), /* Super Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-900.woff) format('woff'), /* Modern Browsers */
       url(../font/gothic-a1-v7-korean_latin-900.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../font/gothic-a1-v7-korean_latin-900.svg#GothicA1) format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../font/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../font/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../font/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../font/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../font/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../font/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../font/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../font/roboto-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../font/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v20-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* WRAP */
#wrap{width:100%; min-width:320px; max-width:750px; margin:0 auto; overflow:hidden;}

/* HEADER */
#header{width:100%; position:relative; margin:0 auto; max-width:750px; background-color:#ffffff; z-index:10000; box-sizing:border-box;}
#header .header_main{width:100%;height:auto; box-sizing:border-box; /* text-align:center; */ position:relative; z-index:5;}
#header .header_main .header_box{width:94%; height:auto; box-sizing:border-box; position:relative; margin:0 3%; text-align:center; padding:9px 0;}
#header .header_main .header_box::after{content:""; display:block; width:0; height:0; clear:both;}
#header .header_main .header_box .left_box{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:-5px; width:auto; height:auto; box-sizing:border-box; padding:5px;}
#header .header_main .header_box .left_box a{display:block;}
#header .header_main .header_box .left_box span{display:inline-block;}
/* #header .header_main .header_box .go_home{display:inline-block; position:relative; text-align:center; width:auto; height:auto; box-sizing:border-box; padding:11px 0;}
#header .header_main .header_box .go_home span{display:block;} */
#header .header_main .header_box .right_box{display:inline-block; vertical-align:top; float:right;}
#header .header_main .header_box .right_box span{display:inline-block;}

/* 연탄맥용 refactoring 하면서 배너 살리기 : 플로팅 배너 */
/* 플로팅 배너 */
#header .floating_banner{width:100%; height:111px; overflow:hidden; position:relative; background:#f4f4f3;}
#header .floating_banner .floating_slides{width:100%; height:100%; margin:0; padding:0; list-style:none;}
#header .floating_banner .floating_slides li{width:100%; height:111px; margin:0; background-size:cover !important;}
#header .floating_banner a{display:block; width:100%; height:100%;}

/* bxSlider가 자동 생성하는 래퍼 안의 페이저(점) 스타일 */
#header .floating_banner .bx-wrapper{margin-bottom:0; box-shadow:none; border:0;}
#header .floating_banner .bx-wrapper .bx-pager{
    position:absolute; bottom:12px; left:20px; width:auto; padding:0; text-align:left; z-index:20;
}
#header .floating_banner .bx-wrapper .bx-pager.bx-default-pager a{
    width:8px; height:8px; margin:0 5px 0 0; border-radius:50%; background:rgba(255,255,255,0.5);
}
#header .floating_banner .bx-wrapper .bx-pager.bx-default-pager a.active,
#header .floating_banner .bx-wrapper .bx-pager.bx-default-pager a:hover{
    background:#ffffff;
}

/* 우측 하단 닫기(화살표) 버튼 */
#header .up_btn{
    width:36px; height:36px; position:absolute; bottom:10px; right:20px; z-index:30;
    background:rgba(0,0,0,0.3); border-radius:50%; text-align:center; line-height:36px; cursor:pointer;
}
#header .up_btn img{width:14px; vertical-align:middle;}
#header_dummy{display:none;}
/* 위에까지 배너용으로 추가함*/

/* left_menu */
#gnb{position:fixed; width:100%; height:100%; top:0; left:-100%; z-index:15000; overflow-y:auto; background-color:rgba(0,0,0,0.6); font-family: 'Noto Sans KR';}
/* #gnb > div{width:38%; min-height:100%; background-color:#fff; display:inline-block; float:left;} */
.nav_fixed{background-color:#fff; position:absolute; top:0; left:0; height:auto; z-index:15100; width:100%; min-height:100%;}
.nav_dummy{ position:absolute; width:100%; height:100%;}
#gnb .info_box_0{width:100%; height:auto; box-sizing:border-box; padding:14px 3% 9px 3%; position:relative; background-color:#ffffff; overflow:hidden;}
#gnb .info_box_0 .menu_link_box{display:inline-block; vertical-align:top; float:right; height:auto; box-sizing:border-box; overflow:hidden; margin-top:7.5px;}
#gnb .info_box_0 .menu_link_box a, #gnb .info_box_0 .menu_link_box span{display:inline-block; vertical-align:top; font-size:0.923em; margin-top:2.75px;}
#gnb .info_box_0 .menu_link_box a{font-weight:300; letter-spacing:0; line-height:14px; color:#444242;}
#gnb .info_box_0 .menu_link_box span{width:1px; height:14px; background-color:#c6c6c6; margin-left:10px; margin-right:10px;}
#gnb .info_box_0 .menu_link_box button{margin-left:15px;}
#gnb .nav_box{width:100%; height:auto; box-sizing:border-box;}
#gnb dl{width:100%; clear:both; border-bottom:1px solid #e9e9e9; vertical-align:top;}
#gnb dl dt{padding:0 3%; height:auto; line-height:45px; font-size:1.3em; color:#444242; font-weight:400; letter-spacing:-1px; overflow:hidden; clear:both; position:relative; box-sizing:border-box;}
#gnb dl dt span{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:3%; width:13px; height:6.5px; background:url('../img/comm/menu_down_arrow.png') no-repeat center; background-size:contain;}
#gnb dl dt div{display:inline-block; vertical-align:top; margin-top:6.5px; margin-right:10px;}
#gnb dl dd{display:none; width:100%; height:auto; overflow:hidden; background-color:#2d4b49;}
#gnb dl.active dt{color:#ffffff; background-color:#10a299;}
#gnb dl.active dt span{background:url('../img/comm/menu_up_arrow.png') no-repeat center; background-size:contain;}
#gnb dl.active dd{display:block;}
#gnb dl dd ul{width:100%; height:auto; box-sizing:border-box; padding:15px 4.66%;}
#gnb dl dd li{width:100%; height:auto; display:inline-block; box-sizing:border-box; text-align:left; margin-bottom:12px;}
#gnb dl dd li:last-child{margin-bottom:0;}
#gnb dl dd li a{display:block; font-size:1.038em; font-weight:500; letter-spacing:-0.6px; color:#ffffff; line-height:1; text-align:left; width:100%; box-sizing:border-box;}
#gnb dl dd li a.on{color:#17d4c8;}
#gnb .menu_link_box2{width:100%; height:auto; text-align:center;}
#gnb .menu_link_box2 ul{width:100%; height:auto; overflow:hidden;}
#gnb .menu_link_box2 ul li{display:inline-block; vertical-align:top; float:left; width:calc(25% - 0.75px); height:auto;}
#gnb .menu_link_box2 ul li:nth-child(1){background-color:#29706c;}
#gnb .menu_link_box2 ul li:nth-child(2){background-color:#feb401;}
#gnb .menu_link_box2 ul li:nth-child(3){background-color:#503e6a;}
#gnb .menu_link_box2 ul li:nth-child(4){background-color:#20b220;}
#gnb .menu_link_box2 ul a{display:block; width:100%; height:auto; box-sizing:border-box; padding-top:10px; padding-bottom:10px; font-size:0.923em; font-weight:500; letter-spacing:-1px; color:#ffffff; line-height:1;}
#gnb .menu_link_box2 ul a .sprite{margin-bottom:5px;}
#gnb .menu_link_box2 .sns_link{width:100%; height:auto; margin-top:25px; font-size:1.23em; font-weight:500; letter-spacing:-1px; color:#000000; line-height:1;}
#gnb .menu_link_box2 .sns_link a{margin-top:10px; margin-right:10px;}
#gnb .menu_link_box2 .sns_link a:last-child{margin-right:0;}

#gnb .menuLinkBox2{width:100%; height:auto; text-align:center;}
#gnb .menuLinkBox2 ul{display:flex; width:100%; height:auto; border-bottom:1px solid #d4d4d4;}
#gnb .menuLinkBox2 ul li{display:inline-block; width:calc(25% - 0.75px); height:auto;}
#gnb .menuLinkBox2 ul li + li{border-left:1px solid #d4d4d4;}
#gnb .menuLinkBox2 ul a{display:block; width:100%; height:auto; padding:15px 0; box-sizing:border-box; font-size:1.038em; font-weight:500; letter-spacing:-0.075em; color:#000; line-height:1;}
#gnb .menuLinkBox2 ul a img{width:60px; margin-bottom:10px;}
#gnb .menuLinkBox2 ul a p{width:100%; height:auto;}
#gnb .menuLinkBox2 .sns_link{width:100%; height:auto; margin-top:25px; font-size:1.23em; font-weight:500; letter-spacing:-1px; color:#000000; line-height:1;}
#gnb .menuLinkBox2 .sns_link a{margin-top:10px; margin-right:10px;}
#gnb .menuLinkBox2 .sns_link a:last-child{margin-right:0;}

/* #gnb dl dd a{display:inline-block; width:100%; height:auto; box-sizing:border-box;} */
/* #gnb dl.nav1, #gnb dl.nav2{border-bottom:1px solid #544843;} */
/* #gnb dl.on{border-bottom:1px solid #32241d;}
#gnb dl.on dt{background-color:#92b26b; color: #fff;  font-weight:500;} */

/* FOOTER */
#footer{box-sizing:border-box; width:100%; max-width:750px; background-color:#47474a; padding-bottom:113px;}
#footer .time_location{width:100%; height:auto; box-sizing:border-box; text-align:center; background-color:#3c5957; overflow:hidden;}
#footer .time_location .time{width:100%; height:auto; box-sizing:border-box; padding:20px 3%; overflow:hidden;}
#footer .time_location .time .sprite{float:left;}
#footer .time_location .time .time_box{display:inline-block; vertical-align:top; float:left; box-sizing:border-box; width:calc(100% - 60px); height:auto; padding-left:3.44%; text-align:left; padding-top:5px;}
#footer .time_location .time .time_box dt{font-size:1.153em; font-weight:700; letter-spacing:-0.065em; line-height:1; color:#27efe3; margin-bottom:10px;}
#footer .time_location .time .time_box dd{font-size:1.076em; color:#ffffff;}
#footer .time_location .time .time_box .time_table{width:100%; height:auto; box-sizing:border-box;}
#footer .time_location .time .time_box .time_table li{width:100%; height:auto; overflow:hidden; margin-bottom:5px; box-sizing:border-box; line-height:18px; font-weight:400;}
#footer .time_location .time .time_box .time_table div{display:inline-block; vertical-align:top; font-weight:700; width:25%;}
#footer .time_location .time .time_box .time_table .night{display:inline-block; vertical-align:top; box-sizing:border-box; font-size:0.821em; font-weight:700; letter-spacing:-0.065em; line-height:18px; border-radius:9px; background-color:#cc3333; padding:0 6.5px; margin-left:5px;}
#footer .time_location .time .time_box .time_table .evening{display:inline-block; vertical-align:top; box-sizing:border-box; font-size:0.821em; font-weight:700; letter-spacing:-0.065em; line-height:18px; border-radius:9px; background-color:#339999; padding:0 6.5px; margin-left:5px;}
#footer .time_location .time .time_box p{color:#9eece0; font-weight:500; line-height:1.6;}
#footer .f_link_box{width:100%; height:auto; box-sizing:border-box; text-align:center; font-size:0; margin-top:15px; margin-bottom:15px;}
#footer .f_link_box a, #footer .f_link_box span{display:inline-block; vertical-align:top; color:#ffffff; line-height:14px; font-weight:400; letter-spacing:-0.9px;}
#footer .f_link_box span{width:2px; height:14px; background-color:#ffffff; margin:0 1%;}
#footer .f_copyright{width:100%; height:auto; box-sizing:border-box; padding:35px 0; text-align:center;}
#footer .f_copyright .copyright_text2{font-size:0.846em; font-weight:500; letter-spacing:-0.5px; line-height:1.346; color:#9fa0a0;}
#footer .fixed_btn{display:inline-block; position:fixed; z-index:50; right:2.66%; bottom:calc(110px + 10%); text-align:center;}

.pop_layer{display:none; width:100%; height:100%; background:url('../img/sub/bg_black.png'); position:fixed; top:0; left:0; z-index:999999; overflow-y:scroll;}
.pop_layer1 section{position:relative; width:80%; height:auto; background-color:#fff; margin:10% auto;}
.pop_layer section .pop_close{position:absolute; top:0; right:-30px; width:30px; height:30px;}
.pop_layer section .title{padding:10px; font-size:16px; letter-spacing:-1px; font-weight:700; background-color:#f6f6f6; color:#2da5b8;}
.pop_layer section .title span{float:right; font-size:13px; font-weight:400; color:#666; padding-top:7px;}
.pop_layer section .text{font-size:13px; color:#797979; padding:10px; line-height:1.4; letter-spacing:-0.25px;}

/* PAGING */
.paging{text-align:center; font-size:12px; margin-top:30px; position:relative; margin-bottom:50px;}
.paging  a{color:#6d6d6d}
.paging .link_page{border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:24px; height:24px; line-height:24px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#a5957a; display:inline-block; text-align:center; width:24px; height:24px; font-weight:700; line-height:24px;}
.paging .btn_prev{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-right:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next{display:inline-block; text-align:center; width:24px; height:24px; line-height:24px; margin-left:7.5px; color:#5a5a5a; font-weight:900; border:1px solid #d5d5d5; background-color:#fff;}


/* 공통 스타일 */
.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

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

.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.fw1{font-weight:100 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

.cp{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #d8d8d8;}

.width0{width:50px;}
.width1{width:10%;}
.width2{width:20%;}
.width2_4{width:23.75%;}
.width2_5{width:24.72%;}
.width3{width:30%;}
.width4{width:40%;}
.width5{width:50%;}
.width6{width:60%;}
.width6_7{width:67%;}
.width7{width:70%;}
.width7_4{width:74%;}
.width8{width:80%;}
.width9{width:90%;}
.width9_3{width:93%;}
.width10{width:100%;}

.btn_box1{width:90px; overflow:hidden; font-size:15px; font-weight:500; margin:18px 0 20px 0;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin:18px 0 50px 0;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

a.btn_left_1{float:left; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #797979; font-size:14px; color:#797979; background-color:#fff;}
a.btn_left_2{float:left; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #179992; color:#fff; background-color:#179992;}

a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #797979; color:#797979; background-color:#fff;}
a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:2px solid #179992; color:#fff; background-color:#179992;}

a.btn_center_1{margin:0 2.5px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; background-color:#fff; border:2px solid #797979; color:#797979;}
a.btn_center_2{margin:0 2.5px; display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; background-color:#179992; border:2px solid #179992; color:#fff; font-weight:400; letter-spacing:-1px;}

a.btn_type1{display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:1px solid #464646; color:#fff; background-color:#464646;}
a.btn_type2{display:inline-block; width:83px; height:32px; font-size:15px; text-align:center; line-height:32px; border:1px solid #464646; font-size:14px; color:#464646; background-color:#fff;}


.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.b_hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

#capcha{height: 38px; margin: 10px 0px 10px 10px; box-sizing: border-box; text-align: center;}
.inp_1{width:60px !important;}
.inp{height:38px; border:1px solid #d8d8d8;/*  width:53%;  */font-size:13.5px; padding:5px 10px; box-sizing:border-box;}
.inp1{height:31px; border:1px solid #016eb3; width:53%; font-size:13.5px; border-radius:3px; padding:5px 10px; box-sizing:border-box;}
.inp[type="radio"]{border:none; float:left;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:38px; /* width:25%; */ font-size:13.5px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:13px;}
.sel1{height:31px; /* width:25%; */ font-size:13.5px; padding:5px; border:1px solid #179992; border-radius:3px; box-sizing:border-box; font-size:13px;}
.sel2{height:30px; width:60px; font-size:13.5px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:13px;}

.clr{clear:both;}
textarea{font-size:13.5px; font-family:'NanumGothic', '나눔고딕', Sans-Serif; font-weight:400;}

button{border:0; margin:0; padding:0; background:none; box-shadow:none; outline:none; cursor:pointer;}

/* left_menu, header, footer sprite image */
.bg-foot_logo{width:290px; height:71px;background:url('../img/comm/css_sprites.png') -10px -200px;}
.bg-location{width:750px; height:170px;background:url('../img/comm/css_sprites.png') -10px -10px;}
.bg-logo{width:246px; height:67px;background:url('../img/comm/css_sprites.png') -320px -200px;}
.bg-menu_btn{width:47px; height:30px;background:url('../img/comm/css_sprites.png') -243px -431px;}
.bg-menu_close{width:39px; height:39px;background:url('../img/comm/css_sprites.png') -184px -431px;}
.bg-menu_down_arrow{width:26px; height:13px;background:url('../img/comm/css_sprites.png') -733px -291px;}
.bg-menu_link_icon01{width:59px; height:60px;background:url('../img/comm/css_sprites.png') -586px -200px;}
.bg-menu_link_icon02{width:59px; height:60px;background:url('../img/comm/css_sprites.png') -665px -200px;}
.bg-menu_link_icon03{width:59px; height:60px;background:url('../img/comm/css_sprites.png') -105px -431px;}
.bg-menu_up_arrow{width:26px; height:13px;background:url('../img/comm/css_sprites.png') -733px -324px;}
.bg-notice_icon{width:120px; height:120px;background:url('../img/comm/css_sprites.png') -10px -291px;}
.bg-sns_blog{width:93px; height:86px;background:url('../img/comm/css_sprites.png') -404px -291px;}
.bg-sns_insta{width:94px; height:86px;background:url('../img/comm/css_sprites.png') -290px -291px;}
.bg-sns_youtube{width:93px; height:86px;background:url('../img/comm/css_sprites.png') -517px -291px;}
.bg-time_icon{width:120px; height:120px;background:url('../img/comm/css_sprites.png') -150px -291px;}
.bg-call_icon{width:83px; height:83px;background:url('../img/comm/css_sprites.png') -630px -291px;}
.bg-top_btn{width:75px; height:75px;background:url('../img/comm/css_sprites.png') -10px -431px;}

/* mobile left_menu, header, footer sprite image */
.m_bg-foot_logo{width:145px; height:35.5px; background:url('../img/comm/css_sprites.png') -5px -100px; background-size:385px 258px;}
.m_bg-location{width:375px; height:85px; background:url('../img/comm/css_sprites.png') -5px -5px; background-size:385px 258px;}
.m_bg-logo{width:123px; height:33.5px; background:url('../img/comm/css_sprites.png') -160px -100px; background-size:385px 258px;}
.m_bg-menu_btn{width:23.5px; height:15px; background:url('../img/comm/css_sprites.png') -121.5px -215.5px; background-size:385px 258px;}
.m_bg-menu_close{width:19.5px; height:19.5px; background:url('../img/comm/css_sprites.png') -92px -215.5px; background-size:385px 258px;}
.m_bg-menu_down_arrow{width:13px; height:6.5px; background:url('../img/comm/css_sprites.png') -366.5px -145.5px; background-size:385px 258px;}
.m_bg-menu_link_icon01{width:29.5px; height:30px; background:url('../img/comm/css_sprites.png') -293px -100px; background-size:385px 258px;}
.m_bg-menu_link_icon02{width:29.5px; height:30px; background:url('../img/comm/css_sprites.png') -332.5px -100px; background-size:385px 258px;}
.m_bg-menu_link_icon03{width:29.5px; height:30px; background:url('../img/comm/css_sprites.png') -52.5px -215.5px; background-size:385px 258px;}
.m_bg-menu_up_arrow{width:13px; height:6.5px; background:url('../img/comm/css_sprites.png') -366.5px -162px; background-size:385px 258px;}
.m_bg-notice_icon{width:60px; height:60px; background:url('../img/comm/css_sprites.png') -5px -145.5px; background-size:385px 258px;}
.m_bg-sns_blog{width:46.5px; height:43px; background:url('../img/comm/css_sprites.png') -202px -145.5px; background-size:385px 258px;}
.m_bg-sns_insta{width:47px; height:43px; background:url('../img/comm/css_sprites.png') -145px -145.5px; background-size:385px 258px;}
.m_bg-sns_youtube{width:46.5px; height:43px; background:url('../img/comm/css_sprites.png') -258.5px -145.5px; background-size:385px 258px;}
.m_bg-time_icon{width:60px; height:60px; background:url('../img/comm/css_sprites.png') -75px -145.5px; background-size:385px 258px;}
.m_bg-call_icon{width:41.5px; height:41.5px; background:url('../img/comm/css_sprites.png') -315px -145.5px; background-size:385px 258px;}
.m_bg-top_btn{width:37.5px; height:37.5px; background:url('../img/comm/css_sprites.png') -5px -215.5px; background-size:385px 258px;}

.sprite{display:inline-block; vertical-align:top;}

.color1{color:#000000 !important;}
.color2{color:#ffffff !important;}
.color3{color:#179992 !important;}
.color4{color:#0fc3b9 !important;}
.color5{color:#213635 !important;}
.color6{color:#10a299 !important;}
.color7{color:#11c3b9 !important;}
.color8{color:#14a39b !important;}
.color9{color:#14bab1 !important;}
.color10{color:#3ebaa9 !important;}
.color11{color:#dd556b !important;}
.color12{color:#e02330 !important;}
.color13{color:#333333 !important;}
.color14{color:#239992 !important;}
.color15{color:#e10f21 !important;}
.color16{color:#ed5052 !important;}

/* font-family */
.family1{font-family:'NanumGothic';}
.family2{font-family: 'Nanum Myeongjo';}
.family3{font-family: 'NanumSquare';}
.family4{font-family: 'Nanum Barun Gothic';}
.family5{font-family: 'Noto Sans KR';}
.family6{font-family: 'Gothic A1';}

/* font-size */
.size0{font-size:10px;}
.size1{font-size:13px;}
.size2{font-size:15px;}
.size3{font-size:17px;}
.size4{font-size:18.5px;}
.size5{font-size:20px;}
.size6{font-size:22px;}
.size6_5{font-size:23px;}
.size7{font-size:24px;}
.size7_5{font-size:25px;}
.size8{font-size:26px;}
.size9{font-size:28px;}
.size10{font-size:30px;}

.italic{font-style:italic;}
.udline{text-decoration:underline;}
.udline2{border-bottom:1px solid #414a68;}
.udline_box{text-decoration:underline;}
.udline_box span{display:inline;}

/* background color */
.bgcolor1{background-color:#ffffff !important;}
.bgcolor2{background-color:#f9f6f5 !important;}
.bgcolor3{background-color:#313d3b !important;}
.bgcolor4{background-color:#eeeeee !important;}
.bgcolor5{background-color:#000000 !important;}
.bgcolor6{background-color:#eef2f2 !important;}
.bgcolor7{background-color:#eaeaea !important;}
.bgcolor8{background-color:#31393d !important;}
.bgcolor9{background-color:#eef3f3 !important;}
.bgcolor10{background-color:#3ebaa9 !important;}
.bgcolor11{background-color:#102220 !important;}
.bgcolor12{background-color:#f9f9f9 !important;}
.bgcolor13{background-color:#179992 !important;}
.bgcolor14{background-color:#efefef !important;}
.bgcolor15{background-color:#323d3b !important;}
.bgcolor16{background-color:#4e4e4e !important;}
.bgcolor17{background-color:#f3f8f8 !important;}

/* font-size */
@media (max-width: 360px) and (orientation: portrait) {
.size0{font-size:8px;}
.size1{font-size:10px;}
.size2{font-size:12px;}
.size3{font-size:14px;}
.size4{font-size:16px;}
.size5{font-size:18px;}
.size6{font-size:20px;}
.size6_5{font-size:21px;}
.size7{font-size:22px;}
.size7_5{font-size:23px;}
.size8{font-size:24px;}
.size9{font-size:26px;}
.size10{font-size:28px;}
}

@media (min-width: 361px) and (orientation: portrait) {
/* 49 -> size9, 40 -> size7, 26 -> size2 */
.size0{font-size:10px;}
.size1{font-size:13px;}
.size2{font-size:15px;}
.size3{font-size:17px;}
.size4{font-size:18.5px;}
.size5{font-size:20px;}
.size6{font-size:22px;}
.size6_5{font-size:23px;}
.size7{font-size:24px;}
.size7_5{font-size:25px;}
.size8{font-size:26px;}
.size9{font-size:28px;}
.size10{font-size:30px;}
}