@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');

/**/
body { font-family:"Roboto","Noto Sans KR"; font-weight:400; font-size: 14px; word-break:keep-all;}
/*ul:after {content:""; clear:both; display:block; } */

/*GNB*/
header { background-color:rgba(255,255,255,1); box-shadow:2px 2px 2px rgba(0,0,0,.2); position:fixed; top:0; width:100%; z-index:1000; }

.gnbdock { width: 1000px; margin:0 auto; height:100px; display: flex; align-items: center; justify-content: space-between; transition:.3s;}
.gnbdock div:nth-child(1) { width: 20%; }
.gnbdock div:nth-child(2) { font-size: 18px; font-weight: 500; text-align: center;}
.gnbdock div:nth-child(3) { width: 20%; text-align: right;}
.gnbdock img {width:100px; transition:.3s}
.gnbdock span { font-weight: 900; font-size: 40px; margin-left: 5px;}
.gnbdock .btn_gnbopen { display:inline-block; font-size: 40px; line-height: 1;}
.gnbdock .btn_gnbopen i { vertical-align:bottom}
@media screen and (max-width:768px){
	header { height:50px}
	.gnbdock { width: 100%; margin:0 auto; height:50px; padding:0 20px}
    .gnbdock img {width:50px;}
    .gnbdock span { font-size: 30px;}
    .gnbdock .btn_gnbopen { font-size: 20px;}    

}

.rsDock { height:50px}
.gnbdock.rsDock img { width:50px}

/*nav*/
nav { background-color:rgba(255,255,255,1); box-shadow:2px 2px 2px rgba(0,0,0,.2); position:fixed;  top:0; width:100%; height:100%; z-index:1001; padding:20px 50px 0 50px;}
.navTitle { height:80px; text-align:center; font-weight:700 }
.navTitle span { font-size:30px;font-family:"Abril Fatface"; font-weight:normal; display:block; margin-bottom: 10px;}
.navTitle span img { width:100px}
.btn_gnbclose {font-size:30px; position: absolute; right:20px; top:20px }
.mwrap { width: 100%; height:calc(100% - 100px); overflow-y:hidden}

.gnb  { width: 1000px; margin:0 auto; border-top:1px solid rgb(155, 155, 155);}
.gnb > li { padding:30px 0; }
.gnb > li:after  {content:""; clear:both; display:block; } 

.gnb > li > a { display:block; padding: 10px 0; width:32%; float:left; padding-right:20px; font-size:1.2em}
.gnb > li > a:nth-child(3n+1) { clear:both}
.gnb > li > a:nth-child(3n+2) { margin: 0 2%;}
.gnb > li > a > span { font-weight:700; font-size:.8em; display:block; padding-bottom:5px } 
.gnb .title_sub {margin-bottom:20px; font-size:1.2em; border-bottom:1px solid #eaeaea; height:80px}
@media screen and (max-width:768px){
	nav { padding: 50px 10px 110px 10px;}
	.btn_gnbclose {font-size:20px; right:15px; top:15px }
	.mwrap { width: 100%; height:100%; overflow:auto}
	.mwrap ul.highlight, .mwrap ul.gnb { width:95%;}
	.gnb  { width: 100%; }
	.gnb > li {width:90%; margin-left:5%;}
	.gnb > li a { width:100%; }
	.gnb > li > div span { font-size:16px;}
	.gnb .title_sub { height:inherit}
	.gnb > li > a:nth-child(3n+2) { margin: 0;}

}

/*footer*/
footer { background-color:#f8f8f8; padding:50px;}
footer > ul {width:1000px; margin: 0 auto;}
.outlink { margin-bottom: 20px;}
.outlink:after {content:""; clear:both; display:block; } 
.outlink > li { float:right; padding-left:10px; }
.outlink > li > .btn { line-height:36px; background-color:rgba(0,0,0,.8); color:#fff; border-radius:18px; padding:0 20px}
.outlink > li > .btn:hover { background-color:rgba(0,0,0,1);}
.information li { padding:10px 0 0 0; }
.information .address span { font-weight:500; padding-left:30px;}
.information .address span:nth-child(1) {padding-left:0}
.information .copyrights { font-size:.8em;}
@media screen and (max-width:768px){
	footer {  padding:50px 20px;}
	footer > ul {width:100%}
	.outlink > li { width:100%; text-align:center; padding-left:0; padding-bottom:30px;}
	.outlink > li img { margin:0 5px;}
	.information li { text-align:center; font-size:.8em; line-height:1.6}
	.information .address span { padding-left:0;}
	.information img { width:40%;}
}

.btn_top { display: none; bottom:10px; right:10px; width:30px;height: 30px;line-height: 30px; z-index:100;}	

/* index */
.mainvisual { background-position:center; height:650px; margin-top:100px}
@media screen and (max-width:768px){
	.mainvisual { height:400px; margin-top:50px; background-size:cover;}
}


.highlight { width: 1000px; margin:0 auto;}
.highlight > li.caption { position:relative; text-align:center; margin-top:20px;}
.highlight > li.caption div {  display:inline-block;  font-weight:500;background-color:#fff;  padding:0 20px;}
.highlight > li.caption:after { content:""; display:block; background-color:#000; height:2px; width:100%; position:absolute; top:6px; z-index:-1}
.highlight > li.title {text-align:center; font-size:1.2em; padding:20px 0}
.highlight > li.title span { display:block; font-family:"Mr Dafoe"; font-size:3em; color:#ea9000}
.highlight > li > ul  { padding-bottom:40px }
.highlight > li > ul > li { float:left; width:32%; font-size:1.2em;}
.highlight > li > ul::after  {content:""; clear:both; display:block; }
.highlight > li > ul > li:nth-child(2) { margin:0 2%}
.highlight > li > ul > li a { width:100%}
.highlight > li > ul > li span { display:block; font-size:.8em; font-weight:700; padding:15px 0 5px 0;}
.highlight > li > ul > li span.img { padding-top: 56.25%; background-size:100%; background-position:center; transition: 0.3s; width:100%;}
.highlight > li > ul > li span.img:hover {background-size:105%; }
@media screen and (max-width:1100px){
.highlight, .gnb {width: 100%;}

}



.download  { width: 1000px; margin:0 auto; margin-bottom:50px;}
.download li {float:left; width:49%; }
.download li a { display:block; padding:50px; background-color:#f6fbff ; border-radius:20px; font-size:30px; font-weight:500; color:#408ed0}
.download li a:hover { background-color:#dcefff; transition: 0.3s; }
.download li:nth-child(1) { margin-right:2%}
.download li span { font-size:14px; display:block; padding-top:5px; color:#333; font-weight:300; }
@media screen and (max-width:768px){
	.highlight {width: 100%;}
	.highlight > li > ul > li,
	.highlight > li > ul > li:nth-child(2){ width:90%; font-size:1.2em; margin-left:5%; margin-bottom:20px;}	
	/*.mwrap .highlight > li > ul > li span.img { display:none;}*/
	.download  { width: 100%;}
	.download li {width:90%; margin-left:5%; margin-bottom:10px;}
	.download li a {  padding:20px 30px; background-color:#dcefff ; border-radius:8px; font-size:20px;}
	.download li span { font-size:12px;}
	.download li img {width:100%;}
}

.ingnbmain { padding:50px 0}

.ingnb { padding:50px 0}
.ingnb .gnb > li { width:100%;}
.ingnb .gnb > li > div {font-size:7em; padding-bottom:30px;}
.ingnb .gnb > li > div span { font-size:30px; top:80px  }


/* sub */
.navibox  { width:900px; left:calc(50% - 450px); position:sticky; bottom:0; background-color:#fff; border:1px solid #eaeaea; border-bottom:none; border-radius:20px 20px 0 0;  line-height:60px; margin-top: 50px; }
.navibox:after {content:""; clear:both; display:block; }
.navibox li { float:left; }
.navibox li:nth-child(1) { width:45%; padding-left:20px; font-size:1.2em; font-weight:500 }
.navibox li:nth-child(2) { width:10%;  text-align:center;  cursor:pointer; }
.navibox li:nth-child(3) { width:45%; text-align:right; padding-right:20px;  font-size:1.2em; font-weight:500 }

@media screen and (max-width:768px){
	.navibox  {width: 96%; left:0;  margin-left:2%; line-height:50px; border-radius:10px 10px 0 0;  margin-top: 0;}
}

section { padding-top:150px;}
.submain { height:650px; background-size:cover; margin-top:100px;}
.submain .copy  {width: 1000px; margin:0 auto;}
@media screen and (max-width:768px){
	.submain { height:400px; margin-top:50px; background-size:cover;}
	.submain .copy  {width: 100%; padding-left:20px;}
	.submain .copy img { width:50%;}
}

.MainFrame {width: 1000px; margin:0 auto; margin-top:100px; padding:50px 0; }
.MainFrame h1 { font-size:4em; padding:0}
.MainFrame h1 span.h1caption { display:block; font-size:.5em; font-weight:500; padding:10px 0;}
.MainFrame h2 { font-size:2em;  font-weight:500; padding:0; margin:0 0 15px 0; line-height: 1; position: relative; padding-left: 15px;}
.MainFrame h2:after {content: ""; display: block; width: 5px; height: 100%; background-color: #0061ac; position: absolute; left: 0; top: 0;}
.MainFrame p + h2 { margin-top:40px;}
.MainFrame  h2.opt_title_q { padding-left:50px; display:inline-block; }
.MainFrame  h2.opt_title_q em { display:inline-block; margin-left:-50px; width:50px; color:#f00 }
.MainFrame  span.h2caption { font-size:1.2em; font-weight:500}
.MainFrame  span.h2caption + h2 { margin-top: 10px;}
.MainFrame h3 { font-size:1.5em;  font-weight:500; line-height: 1; margin: 0;}
.MainFrame h3 + p { margin-top: 1em;}
.MainFrame h3 span { border:2px solid #000; border-radius:5px; padding:0 7px}

.MainFrame > li.category { font-size:1.5em; font-weight:500}
.MainFrame > li.category span { border-bottom:4px solid #000; padding-bottom:5px;}
.MainFrame > li.description {font-size:1.4em; line-height:1.5}
.MainFrame > li.organization { font-size:1.2em; font-weight:500; padding-bottom:20px;}
.MainFrame > li.organization span { display:inline-block; border-bottom:4px solid #fff100;  padding:0 0 5px 0;}
.MainFrame > li.writer {font-size:1em; padding:20px 0 0 0; line-height:1.4}
.MainFrame > li.writer span {font-weight:500;}

.MainFrame > li.maintext { padding:50px 0; word-break:normal;}
.MainFrame > li  p { display:block; line-height:1.5; font-size:1.2em; }
.MainFrame > li  p + p,
.MainFrame > li  p + div { margin-top:20px;}
.MainFrame > li  p span.bold { display:inline-block; font-weight:500; margin-left:50px}


.MainFrame .attimg:before {content:""; clear:both; display:block; } 
.MainFrame .attimg:after {content:""; clear:both; display:block; } 
.MainFrame .attimg img { width:100%; border:1px solid #eaeaea; margin-bottom: 30px; }
.MainFrame .attimg.imgL { width: 40%;  float:left; padding-right:30px;}
.MainFrame .attimg.imgR { width: 40%;  float:right; padding-left:30px; text-align:right}
.MainFrame .attimg.imgE { width: 20%;  float:left; padding-right:50px;}
.MainFrame .attimg.imgE img {border:none !important;}

.MainFrame .attimg.imgT2 { width:100%; margin-bottom:20px }
.MainFrame .attimg.imgT2 li { width:49.75%; float:left; position:relative; }
.MainFrame .attimg.imgT2 li:nth-child(1) { margin-right:0.5%}

.MainFrame .attimg.imgT2fix { width:100%; margin-bottom:20px }
.MainFrame .attimg.imgT2fix li { width:50%; float:left; position:relative; }
.MainFrame .attimg.imgT2fix li img { border:none;}



.MainFrame .attimg.imgT3 { width:100%; margin-bottom:20px }
.MainFrame .attimg.imgT3 li { width:33%; float:left; position:relative; }
.MainFrame .attimg.imgT3 li:nth-child(2) { margin:0 0.5%}
.MainFrame .attimg.imgT3 li span { position:absolute; display:inline-block; top:1px; left:1px; font-weight:900; color:#fff; background-color:rgba(1,1,1,.6); padding:0; width: 40px; line-height:40px; height:40px; text-align:center;}

.MainFrame .attimg.imgF img { border:none !important; padding-top:20px;}
.MainFrame .attimg.imgO { text-align:center;}
.MainFrame .attimg.imgO img { border:none !important; width:inherit}

.MainFrame .attimg span { display:block; padding:10px ; font-family:"Noto Sans KR";  text-decoration: initial; font-style:initial; color:#000; background-color: rgb(230, 230, 230); margin-top: -30px; margin-bottom: 30px; text-align: right;}
.MainFrame .attimg span em { font-weight:500}
.MainFrame .attimg a { border:1px solid #999; background-color:rgba(255,255,255,.5); padding:10px 20px 9px 20px; margin-bottom:20px;}

.MainFrame .attimg + h2 { margin-top:2em;}

.MainFrame .btnbox { display: block;  width:100%; text-align:center; padding: 30px 20px; border:1px dashed rgba(0,0,0,.5); background-color:rgba(255,255,255,.5); font-weight:500; margin: 30px 0; font-size:1.2em; border-radius:16px}
.MainFrame .btnbox a i { margin-left:10px;}

@media screen and (max-width:768px){
	.MainFrame {width: 100%; margin-top:50px; padding:40px 20px }
	.MainFrame > li.maintext { padding:20px 0;}
	.MainFrame > li.category { font-size:1.2em;}
	.MainFrame > li.description {font-size:1.2em; line-height:1.5}
	.MainFrame > li.organization { font-size:.9em; }
	.MainFrame > li.writer {font-size:.8em; }
	.MainFrame > li  p { font-size:1.1em;}
	.MainFrame h1 { font-size:2.5em}
	.MainFrame h2 { font-size:1.5em;  font-weight:500; margin-top:40px;}

	.MainFrame .attimg.imgL { width: 100%; padding-right:0;}
	.MainFrame .attimg.imgR { width: 100%; padding-left:0; text-align:left}
	.MainFrame .attimg.imgT li { width:100%; }
	.MainFrame .attimg.imgT li:nth-child(2) { margin:0}
	.MainFrame .attimg.imgT2 li { width:100%; }
	.MainFrame .attimg.imgT2 li:nth-child(1) { margin-right:0}
	.MainFrame .attimg.imgT2fix li { width:100%; }
	.MainFrame .attimg.imgT3 li { width:100%; }
	.MainFrame .attimg.imgT3 li:nth-child(2) { margin:0;}
	.MainFrame .attimg.imgF { width:100vw; margin-left:-20px}
	.MainFrame .attimg.imgO img { width:100%; }

	.MainFrame .btnbox { font-size:1em }

	.MainFrame .attimg {margin-bottom: 20px;}
}


.op101_1 { font-family:"Noto Serif KR"; text-decoration: underline; font-style:italic; color:#d17668}
.opt_205_1 { background-color:#000; color:#fff; padding:20px; text-align:center; border-radius: 20px 20px 0 0; }
.opt_206_1 h2 {text-decoration: underline; font-style:italic; color:#d43926}
.opt_206_1 p span { color:#fff; background-color:#000; padding:2px 20px 2px 10px; margin-right:10px; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}

.quiz { padding:50px 0;}
.quizwin {  border-radius:20px; text-align: center; box-shadow:2px 2px 2px rgba(0,0,0,.2); border:50px solid #e0e1e5 } 
.quizwin li:nth-child(1) { position:relative;}
.quizwin li:nth-child(1) .qstart { position:absolute; top:0; left:0}
.quizwin li:nth-child(2) { font-size:2em; font-weight:500; padding:50px;}
.quizwin li:nth-child(3) a { border-radius:20px; display:inline-block; padding:20px 50px; font-size:2em; font-weight:500; color:#fff}
.quizwin li:nth-child(3) a:nth-child(1) { background-color:#f65c5c}
.quizwin li:nth-child(3) a:nth-child(2) { background-color:#0061ac; margin-left:20px}
.quizwin li:nth-child(3) a:nth-child(1):hover { background-color:#ae2525}
.quizwin li:nth-child(3) a:nth-child(2):hover { background-color:#004275;}

.anwin  { background-color:#0091bf; padding:50px;  border-radius:20px; text-align: center; box-shadow:2px 2px 2px rgba(0,0,0,.2); } 

.anwin li:nth-child(2) { font-size:4em; color:#fff; padding:20px; font-family:"Nanum Brush Script"}
.anwin li:nth-child(3) { color:#fff; background-color:#000; padding:20px;  font-size:2em;  font-weight:900}
.anwin li:nth-child(4) { padding:50px 20px;  font-size:1.5em; color:#fff; line-height:1.8}
.anwin li:nth-child(5) { padding:50px 20px; background-color:#fff; border-radius:10px;  font-size:1.2em; line-height:1.8}
.anwin.a1 li:nth-child(5) {background-color:#cee0b8;}
.anwin.a2 li:nth-child(5) {background-color:#e0d4e7;}
.anwin.a3 li:nth-child(5) {background-color:#e9cebc;}
.anwin.a4 li:nth-child(5) {background-color:#fff9b3;}

.anwin li:nth-child(5) span { border-bottom:2px dashed #000; display:block; padding-bottom:10px; margin-bottom:10px; font-size:1.5em; font-weight:500}
.anwin li:nth-child(6) {padding-top:50px}
.anwin li:nth-child(6) a {border-radius:20px; display:inline-block; padding:20px 50px; font-size:2em; font-weight:500; color:#fff;  background-color:#333} 
.anwin li:nth-child(6) a:hover {background-color:#000}

@media screen and (max-width:768px){
	.quizwin {  border-radius:10px;  border:10px solid #e0e1e5 }
	.quizwin li:nth-child(1) .qstart { width:40%;}
	.quizwin li:nth-child(2) { font-size:1.5em; padding:0 20px 20px 20px;}
	.quizwin li:nth-child(3) { padding-bottom:20px;}
	.quizwin li:nth-child(3) a { border-radius:10px; display:inline-block; padding:15px 40px; font-size:2em;}

	.anwin  { padding:50px 10px; border-radius:10px;}
	.anwin li:nth-child(1) img {width:40%;}
	.anwin li:nth-child(2) { font-size:2.5em; }
	.anwin li:nth-child(3)  { font-size:1.5em; padding:10px;  }
	.anwin li:nth-child(4) { padding:30px 20px;  font-size:1.2em; line-height:1.4}
	.anwin li:nth-child(5) { padding:20px 20px; font-size:1.1em; line-height:1.4 }
	.anwin li:nth-child(5) span { font-size:1.2em; padding-bottom:5px;}
}


.bookshelf { display:block;}
.bookshelf { border-bottom:1px dashed #d6d0c1;  padding-bottom:20px; margin-bottom:30px }
.bookshelf li { float:left; }
.bookshelf li img { width:80%; }
.bookshelf li:nth-child(2n+1) { width:30%}
.bookshelf li:nth-child(2n+1) span { display:block}
.bookshelf li:nth-child(2n) { width:70%}
@media screen and (max-width:768px){
	.bookshelf li img { width:100%; }
	.bookshelf li:nth-child(2n+1) { width:100%; padding-bottom:20px; text-align:right}
	.bookshelf li:nth-child(2n) { width:100%}
}
.localinfoWrap > li { padding: 20px 0}

.localinfo > li:nth-child(1) { background-color:#e85b5a; color:#fff; text-align:center; font-size:1.2em; font-weight:500;  padding:10px 0}
.localinfo > li:nth-child(2) { padding:20px 0;  font-size:1.7em; font-weight:500; }
.localinfo > li:nth-child(3)  table th,  table td { padding:5px 0; font-size: 1.1em}
.localinfo > li:nth-child(3)  table th { font-weight:500; padding-right:20px}
.localinfo > li:nth-child(4) { padding:20px 0;  font-size:1.2em; line-height:1.6}


.new_area {  font-style:italic; display:block; font-weight:100; font-size:3em; padding:50px 0 50px 0}

.newsWrap > li { float:left; width:49%;}
.newsWrap > li:nth-child(2n+1) { margin-right:2%;}

.newsWrapT3 > li { float:left;}
.newsWrapT3 > li:nth-child(-n+3) { width:32%;}
.newsWrapT3 > li:nth-child(2) {margin:0 2%; }
.newsWrapT3 > li:nth-child(n+4) { width:49%;}
.newsWrapT3 > li:nth-child(4) { clear:both;}
.newsWrapT3 > li:nth-child(5) {margin:0 0 0 2%; }

.news1 > li:nth-child(1) { text-align:center; position:relative; }
.news1 > li:nth-child(1):after { position:absolute; display:inline-block; border:2px solid #000; border-bottom:none; top:20px; height:10px; width:100%; content:""; left:0; z-index:-1 }
.news1 > li:nth-child(1) span { display:inline-block; padding-left:10px; padding-right:10px;  border:2px solid #000; color:#c44835; font-weight:500; background-color:#fff; height:40px; line-height:38px}
.news1 > li:nth-child(2) { padding:20px 10px 0 10px; font-size:1.2em; font-weight:500;  }
.news1 > li:nth-child(3) { padding:10px 10px 10px 10px; font-size:1em; text-align:right }
.news1 > li:nth-child(4) { padding: 0 10px;} 
.news1 > li:nth-child(5) { padding:20px 10px;  font-size:1.2em; line-height:1.6; word-break:normal}
.news1 > li img { width:100%; }


@media screen and (max-width:768px){
	.new_area {  font-size:2em; padding:30px 0}
	.newsWrap > li { width:100%;}
	.newsWrap > li:nth-child(2n+1) { margin-right:0;}

	.newsWrapT3 > li:nth-child(-n+3) { width:100%;}
	.newsWrapT3 > li:nth-child(2) {margin:0; }
	.newsWrapT3 > li:nth-child(n+4) { width:100%;}
	.newsWrapT3 > li:nth-child(5) {margin:0; }

	.news1 > li:nth-child(5) { padding:20px 10px;  font-size:1.1em; line-height:1.4}
}

.popupbox { border:1px solid #000; background-color:#fff; padding:20px; box-shadow:10px 10px 0 rgba(255,255,255,1), 11px 11px 0 2px rgba(0,0,0,1);}
.popupbox .title { font-size:1.2em; font-weight:500; display:block;  padding-bottom:10px;}
.popupbox p {text-decoration: underline; }

/* 메인콘텐츠 - 본문 - 탭 나누기 */
.fbox {  display:flex;  display: -webkit-flex;  }
.fbox > * { display:flex;  display: -webkit-flex; align-items: center; justify-content: center;  }
@media screen and (max-width:768px){
	.fbox { align-items: center; justify-content: flex-start;  flex-direction: column; }
	.fbox > * { justify-content: center; }
}
.tab {  display:flex;  display: -webkit-flex;  flex-wrap: wrap; margin:2em 0; }
.tab > li { display:flex;  display: -webkit-flex;  align-items: center; justify-content:flex-start; flex-direction: column; }
.tab > li { flex: 1 1 40%;}
.tab.tab2 > li { flex: 1 1 50%;}
.tab.tab3 > li { flex: 1 1 30%;}
.tab.tab4 > li { flex: 1 1 25%;}
.tab.tab5 > li { flex: 1 1 20%;}
@media screen and (max-width:768px){
	.tab > li,
	.tab.tab2 > li,
	.tab.tab3 > li,
	.tab.tab4 > li,
	.tab.tab5 > li { flex: 1 1 100%;}
}

.btn { padding: 10px 30px; border-radius: 10px; background-color: #0061ac; color: #fff;}
.btn.big {font-size: 1.5em; padding: 15px 40px; border-radius: 10px;}
.btn:hover {background-color: #003b68; color: #fff;}
@media screen and (max-width:768px){
	.btn.big {font-size: 1.2em; padding: 15px 40px; border-radius: 10px;}
}

/* 메인콘텐츠 - 본문 - 테이블 */
table { position:relative; margin:0; width:100%; border-spacing: 0px; text-align:center; }
table.tbl  { border-top:2px solid #81b2ff; border-bottom:2px solid #81b2ff;  }
table.tbl th { padding:15px 20px; background-color:#f3f9fd;; color:#20447c; font-weight:500; line-height:1.2; white-space:nowrap;}
table.tbl td { padding:15px 20px; border-top:1px solid #eaeaea; line-height:1.2; text-align:left; }
.tblcaption { text-align:right; padding:10px 0;}
/* 테이블 옵션 */
table.list tr td:first-child { width:50px; }
.cell_total,
table tr.total td { background-color:#354768; color:#fff; }


.snsShare { width: 1000px; margin: 0 auto; padding:30px 20px; text-align: right; justify-content: space-between; border-top: 1px solid #eaeaea; }
.snsShare li {flex-direction: inherit;}
.sns_list { width:40px; height:40px; border-radius:100%; background-color:#ccc; background-size:50%; background-position:center; background-repeat:no-repeat; }
.sns_list + .sns_list { margin-left:20px;}
.sns_fb {background-image:url("../img/sns/white/facebook.svg"); background-color:#1b4485}
.sns_cs {background-image:url("../img/sns/white/kakaostory.svg"); background-color:#f8c700}
.sns_ct {background-image:url("../img/sns/white/kakaotalk.svg"); background-color:#f8c700}
.sns_tw {background-image:url("../img/sns/white/twitter_t.svg"); background-color:#000}
@media screen and (max-width:1000px){
	.snsShare { width: 96%; margin-left: 2%;}
	.snsShare li {flex-direction: initial;}
	.snsShare li:nth-child(1) { padding-bottom: 10px ; }	
}

/* 폰트 사이즈 수정 */
.fontEdit {position: fixed; top:150px; right:0; z-index: 900; font-size: 18px; line-height: 1; background-color: #fff; border:1px solid #eaeaea; border-right:none; border-radius: 10px 0 0 10px; padding:10px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);;}
.fontEdit li { text-align: center;}
.fontEdit li:nth-child(2) { padding: 10px 0; }
.fontEdit li:last-child { padding:10px 0 0 0; font-size: 20px !important;}
.fontEdit a.button { height:1.6em; width: 1.6em; border-radius: 100%; background-color:#e60012; color: #fff;  display:flex;  display: -webkit-flex; align-items: center; justify-content: center;}
.fontEdit .sizeview {font-size: .6em;}
.fontEditshow {position: fixed; top:150px; right:0; z-index: 900; font-size: 18px; line-height: 1; background-color:#e60012; color: #fff; border:1px solid #eaeaea; border-right:none; border-radius: 10px 0 0 10px; padding:10px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);;}
@media screen and (max-width:1000px){
	.fontEdit {font-size: 16px; top:70px; right:0; border-radius: 10px 0 0 10px; display:flex;  display: -webkit-flex; align-items: center; justify-content: center;flex-direction: row-reverse; }
	.fontEdit li:nth-child(2) { padding: 0 10px; }
	.fontEdit li:last-child { padding:0 10px 0 0; font-size: .8em;}
	.fontEdit .sizeview {font-size: .8em;}
	.fontEditshow {top:70px;}
}