@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@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'); 
 } 


.page_box h2,h3,h4,h5 {font-weight:500;}
.page_box img {max-width:100%;height:auto;}

.page_box {display:block;width:100%;margin:0 auto;letter-spacing:-.5px;margin-top:20px;margin-bottom:30px;overflow:hidden;}
.page_box * {font-family: 'Noto Sans KR'; }
.page_box h1 {font-size:26px; font-weight:600; margin:40px 0 20px; border-left:4px solid #7bb73d; padding-left:10px;}
.page_box h2 {font-size:23px; font-weight:600; margin:15px 0; color:#7bb73d; }
.page_box h3 {font-size:20px; font-weight:600; margin:30px 0 5px; color:#fff; background:#7bb73d; line-height:2; text-indent:10px }
.page_box h4 {font-size:20px; font-weight:600; margin:10px 0; color:#034ea2; }

.page_box p {font-size:17px; color:#444; line-height:1.7em; margin:10px 0 20px;}
.page_box p strong {font-size:19px;}
.page_box i {color:#fbb800;}
.page_box span {margin:15px 0; font-size:15px; background-color:#f2f2f2; padding:15px 10px; display:block;}

.page_box .txt_box {padding:20px;border:solid 1px #ddd;border-radius:6px;letter-spacing: -.5px;}
.page_box .txt_box p {word-break:keep-all;text-align:justify;}

.page_box .text-center {text-align:center;}
.page_box img {max-width:100%;}

.page_box table {width:100%; border-collapse:collapse; margin-bottom:20px;}
.page_box th {border:solid 1px #ddd; line-height:2; font-size:16px; padding:0 20px; border-bottom: 0px;}
.page_box td {border:solid 1px #ddd; padding:10px 20px; font-size:16px; line-height:1.8; color:#777;}
.page_box td .tbl_tit {display:block;font-size:1.5em;color:#fbb800}

.page_box .history_tbl {border:none}
.page_box .history_tbl th {border:none; text-align:center; background:#fbb800; color:#fff}
.page_box .history_tbl td {border:none}
.page_box .history_tbl small {padding-left:10px;display:block}

.page_box .bg-color th {text-align:center; background:#6ea4df; color:#fff; font-weight:600;}

.page_box table.tit_tbl {border:none;margin:30px 0 20px;}
.page_box table.tit_tbl th {border:none;text-align:center; color:#fff; font-size:5em; line-height:1; padding:10px}
.page_box table.tit_tbl td {border:none;padding:0;vertical-align:top}
.page_box table.tit_tbl td p {word-break:keep-all;text-align:justify;float:right;width:98%;margin:0;padding:15px;color:#fff;box-sizing:border-box;font-size:1em}
.page_box table.tit_tbl td b {display:block;font-size:1.5em;margin-bottom:10px}

.page_box table.tit_tbl .bg01 {background:#c0a578}
.page_box table.tit_tbl .bg02 {background:#e4b939}
.page_box table.tit_tbl .bg03 {background:#6d5404}
.page_box table.tit_tbl .bg04 {background:#6d4e31}
.page_box table.tit_tbl .bg05 {background:#1c1817}
.page_box table.tit_tbl .bg06 {background:#ffd028}
.page_box table.tit_tbl .bg07 {background:#dfb115}
.page_box table.tit_tbl .bg08 {background:#4b0446}
.page_box table.tit_tbl .bg09 {background:#ee7117}
.page_box table.tit_tbl .bg10 {background:#bb470c}
.page_box table.tit_tbl .bg11 {background:#ea5825}
.page_box table.tit_tbl .bg12 {background:#cd0f0f}
.page_box table.tit_tbl .bg13 {background:#161614}
.page_box table.tit_tbl .bg14 {background:#99c333}
.page_box table.tit_tbl .bg15 {background:#195061}
.page_box table.tit_tbl .bg16 {background:#39998b}
.page_box table.tit_tbl .bg17 {background:#70c09d}
.page_box table.tit_tbl .bg18 {background:#6e1857}
.page_box table.tit_tbl .bg19 {background:#896e9c}
.page_box table.tit_tbl .bg20 {background:#583b82}
.page_box table.tit_tbl .bg21 {background:#698632}
.page_box table.tit_tbl .bg22 {background:#99c333}
.page_box table.tit_tbl .bg23 {background:#165123}
.page_box table.tit_tbl .bg24 {background:#2e783a}
.page_box table.tit_tbl .bg25 {background:#5fb746}
.page_box table.tit_tbl .bg26 {background:#315fac}
.page_box table.tit_tbl .bg27 {background:#1e3e75}
.page_box table.tit_tbl .bg28 {background:#74b0e0}
.page_box table.tit_tbl .bg29 {background:#1fa9da}
.page_box table.tit_tbl .bg30 {background:#927144}
.page_box table.tit_tbl .bg31 {background:#1e2454}
.page_box table.tit_tbl .bg32 {background:#5a5a26}
.page_box table.tit_tbl .bg33 {background:black}
.page_box table.tit_tbl .bg34 {background:#9b2d30}
.page_box table.tit_tbl .bg35 {background:#313131}
.page_box table.tit_tbl .bg36 {background:#418bca}
.page_box table.tit_tbl .bg37 {background:#d6c00a}
.page_box table.tit_tbl .bg38 {background:#90401b}
.page_box table.tit_tbl .bg39 {background:#c9242b}
.page_box table.tit_tbl .bg40 {background:#034ea2}



.page_box ul {font-size:16px;color: #777;}
.page_box ul b {font-weight:500;color:#000;}
.page_box ul li {line-height:3;margin-left:15px;}
.page_box ul li:before {content: "\2022"; color: #333; font-weight: bold; display: inline-block; width: 1em;  margin-left: -1em;}
.page_box ul li .color {color:#333}
.page_box ul li strong {display:inline-block;width:80px;color:#7a5d40;font-weight:600;}

.page_box ul.li05 {width:100%;display:inline-block;list-style:none;margin:0;padding:0;}
.page_box ul.li05 li {width:20%;padding:20px;box-sizing:border-box;float:left;text-align:center;word-break:keep-all}
.page_box ul.li05 li b {display:block;text-align:center;border-radius:6px;background:#fbb800;color:#fff;margin-bottom:10px;}

.page_box ul.li02 {width:100%;display:inline-block}
.page_box ul.li02 li {float:left;width:50%;}

.page_box .block {display:block;}

.page_box_img {display:block;width:100%;height:auto;overflow:hidden;}
.page_box_img img {width:50%;height:auto;padding:0;margin:0;float:left;}

.page_box_left {display:block;width:30%;height:auto;padding:0;margin:0;float:left;}
.page_box_right {display:block;width:67%;height:auto;padding:0;margin:0;float:right;}

.page_box_33 {display:inline-block;width:31.33%;height:auto;padding:0;margin:0 1%;float:left;}
.page_box_33 .page_box_33_inner {display:block;width:40%;height:auto;float:left;}
.page_box_33 .page_box_33_inner h3 {margin:0;}
.page_box_33 img {display:block;width:50%;height:auto;float:right;}


/* ¼­ºê ÅÇ */
.sub_tab_2 {display:block;width:100%;height:50px;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.sub_tab_2 a {display:inline-block;width:50%;height:50px;line-height:50px;float:left;text-align:center;font-size:15px;padding:0;color:#333;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;box-sizing: border-box;letter-spacing:-2px}
.sub_tab_2 a:hover {color:#fff;background:#6f5943;text-decoration:none;}

.sub_tab_3 {display:block;width:100%;height:50px;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.sub_tab_3 a {display:inline-block;width:33.3%;height:50px;line-height:50px;float:left;text-align:center;font-size:15px;padding:0;color:#333;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;box-sizing: border-box;letter-spacing:-2px}
.sub_tab_3 a:hover {color:#fff;background:#6f5943;text-decoration:none;}

.sub_tab_4 {display:block;width:100%;height:50px;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.sub_tab_4 a {display:inline-block;width:25%;height:50px;line-height:50px;float:left;text-align:center;font-size:15px;padding:0;color:#333;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;box-sizing: border-box;letter-spacing:-2px}
.sub_tab_4 a:hover {color:#fff;background:#6f5943;text-decoration:none;}

.sub_tab_5 {display:block;width:100%;height:50px;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.sub_tab_5 a {display:inline-block;width:20%;height:50px;line-height:50px;float:left;text-align:center;font-size:15px;padding:0;color:#333;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;box-sizing: border-box;letter-spacing:-2px}
.sub_tab_5 a:hover {color:#fff;background:#6f5943;text-decoration:none;}	

.sub_tab_6 {display:block;width:100%;height:50px;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.sub_tab_6 a {display:inline-block;width:16.666%;height:50px;line-height:50px;float:left;text-align:center;font-size:15px;padding:0;color:#333;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;box-sizing: border-box;letter-spacing:-2px}
.sub_tab_6 a:hover {color:#fff;background:#6f5943;text-decoration:none;}	

.sub_tab_2 a:last-child, 
.sub_tab_3 a:last-child, 
.sub_tab_4 a:last-child, 
.sub_tab_5 a:last-child, 
.sub_tab_6 a:last-child {border-right:1px solid #ccc;}

.ov {color:#fff !important;background:#6f5943;text-decoration:none;}	


@media (max-width:767px){
	
	.w20 {width:50%;float:left}

	.page_box {width:97%;}
	
	.page_box table.tit_tbl th,
	.breatcome_content ul li {font-size:24px;}

	.single-blog-content .page_box h1 {font-size:18px;line-height:1.8;word-break:keep-all}
	
	.page_box td .tbl_tit,
	.breatcome_content ul li a,
	.single-blog-content .page_box h2 {font-size:17px;}

	#sub .txt,
	.page_box p,
	.page_box th,
	.page_box td,
	.page_box ul {font-size:15px;}
	.page_box ul li {line-height:1.8;}
	.page_box ul li strong {width:auto;padding-right:7px;}

	.blog_area {padding:40px 0;}

	.page_box ul.li05 li {width:100%}
	
	.page_box th {padding:0 10px}
	.page_box_img img {display:block;width:100%;padding:0 0 10px;}

	.page_box_left,
	.page_box_right {width:100%;float:none;}

	.page_box_33 {display:block;width:100% !important;height:auto;margin:0 auto;float:none;overflow:hidden;}


.sub_tab_4 a,
.sub_tab_5 a {width:50%;font-size:14px;letter-spacing:-1px;}

.sub_tab_4 a:nth-child(1) {border-bottom:0;}
.sub_tab_4 a:nth-child(2) {border-bottom:0;border-right:1px solid #ccc;}

.sub_tab_5 a:nth-child(1) {border-bottom:0;}
.sub_tab_5 a:nth-child(2) {border-bottom:0;border-right:1px solid #ccc;}
.sub_tab_5 a:nth-child(3) {border-bottom:0;}
.sub_tab_5 a:nth-child(4) {border-right:1px solid #ccc;}
}