@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff; }
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
#ctt_con_box .mt0 { margin-top:0px; }
#ctt_con_box h1:first-child {  content:""; margin-top:0px;}
#ctt_con_box h1 { color:#1e4891; font-weight:700; margin-bottom:30px; margin-top:70px; font-size:17pt;}
#ctt_con_box h1:before { content:"";  font-family: "Font Awesome 5 Duotone"; border-top:0px solid #5a70a9; width:140px; display:block;  }

#ctt_con_box h2 { color:#0c91a5; font-weight:500; margin-bottom:15px; font-size:14pt; margin-left:15px;transition: all ease 1s; }
#ctt_con_box h2:before { content:""; border-top:2px solid #0c91a5; width:15px; background:#ffffff; height:15px; display:inline; margin-bottom:-10px; margin-left:-5px; padding-right:10px; transform:rotate(45deg):}

#ctt_con_box h3 { color:#3e5b8e; font-weight:700; font-size:12pt; margin:15px 0px;}
#ctt_con_box h3:before { content:""; width:3px;  height:3px; border-radius:3px; font-size:26pt; position:absolute;  display:block; margin-top:-3px; margin-left:-10px; padding-right:10px; }

#ctt_con_box span { font-size:11pt; margin-left:20px; display:block; padding-bottom:30px; color:#555; } 
#ctt_con_box table { margin-bottom:30px; width:calc(100% - 20px); margin-left:20px; }



/* 테이블 */
.tbl-basic {width:100%; border-top:3px solid #0c0c0c}
.tbl-basic thead th {font-size:15px; font-weight:600; color:#333; text-align:center; padding:15px 0; border-bottom:1px solid #d8d8d8; background:#f7f7f7}
.tbl-basic tbody th {font-weight:600; color:#0c0c0c; text-align:center; padding:13px 0 13px 0px; background:#f7f7f7}
.tbl-basic tbody th, .tbl-basic tbody td {font-size:15px; line-height:1.6; border-bottom:1px solid #d8d8d8;  border-right:1px solid #d0d0d0; }
.tbl-basic tbody td {color:#555; padding:13px 15px;}
.tbl-basic tbody th:last-child { border-right:0px; }
.tbl-basic tbody td:last-child { border-right:0px;  }
.tbl-basic tbody td a:hover {color:#0c0c0c; text-decoration:underline}
.tbl-basic tbody td input.block {margin:4px 0}
.tbl-basic .tdc { text-align:center;}

#tbl_2001_2 .tdrl { border:1px solid #ccc; }
#tbl3_4 .tdrl { border:1px solid #ccc; }


.tbl-basic1 {width:100%; }
.tbl-basic1 thead th {font-size:15px; font-weight:600; color:#333; text-align:center; padding:15px 0; border-bottom:1px solid #d8d8d8; background:#f7f7f7}
.tbl-basic1 tbody th {font-weight:600; color:#0c0c0c; text-align:center; padding:13px 0 13px 0px; background:#f7f7f7}
.tbl-basic1 tbody th, .tbl-basic1 tbody td {font-size:14px; line-height:1.6; border-bottom:1px solid #d8d8d8;  border-right:1px solid #d0d0d0; }
.tbl-basic1 tbody td {color:#555; padding:13px 15px}
.tbl-basic1 tbody th:last-child { border-right:0px; }
.tbl-basic1 tbody td:last-child { border-right:0px; }
.tbl-basic1 tbody td a:hover {color:#0c0c0c; text-decoration:underline}
.tbl-basic1 tbody td input.block {margin:4px 0}
.tbl-basic1 .tdc { text-align:center;}


.tbl-basic2 {width:100%; border-top:1px solid #0c0c0c}
.tbl-basic2 thead th {font-size:15px; font-weight:600; color:#333; text-align:center; padding:15px 0; border-bottom:1px solid #d8d8d8; background:#f7f7f7}
.tbl-basic2 tbody th {font-weight:600; color:#0c0c0c; text-align:center; padding:13px 0 13px 0px; background:#f7f7f7}
.tbl-basic2 tbody th, .tbl-basic2 tbody td {font-size:14px; line-height:1.6; border-bottom:1px solid #d8d8d8;  border-right:1px solid #d0d0d0; }
.tbl-basic2 tbody td {color:#555; padding:13px 15px}
.tbl-basic2 tbody th:last-child { border-right:0px; }
.tbl-basic2 tbody td:last-child { border-right:0px; }
.tbl-basic2 tbody td a:hover {color:#0c0c0c; text-decoration:underline}
.tbl-basic2 tbody td input.block {margin:4px 0}
.tbl-basic2 .tdc { text-align:center;}


.tbl-simple {width:100%; border-top:2px solid #333}
.tbl-simple th, .tbl-simple td {font-size:14px; padding:13px 15px; line-height:1.75}
.tbl-simple td:nth-child(2) p {font-size:13px; font-weight:600}
.tbl-simple td:nth-child(2) span {font-size:12px; color:#ababab}
.tbl-simple th {color:#0c0c0c; text-align:center; padding-left:0; padding-right:0; border-bottom:1px solid #d0d0d0; background:#f7f7f7}
.tbl-simple td {color:#555; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }
.tbl-simple td .btn-link {display:inline-block; font-size:13px; font-weight:600; color:#333; padding:5px 8px; border:1px solid #e2e2e2; background:#fff}
.tbl-simple td .btn-link:hover {border-color:#bbb}
.tbl-simple td.td_on, .tbl-simple td.td_on a {color:#d40000 !important} 
.tbl-simple td.td_on, .tbl-simple td.td_on a em {color:#d40000 !important} 
.tbl-simple td strong {color:#d40000}

.tbl-board tbody tr:hover td {background:#f8f8f8}

tr.hide, td.hide {display:none}

.tbl-transparent {width:100%}
.tbl-transparent tbody th, .tbl-transparent tbody td {font-size:14px; color:#555; padding:5px 0; border:none; background:none}
.tbl-transparent tbody th {font-weight:600; text-align:left}
span.required {margin-left:5px; font-size:20px; color:#d80606; vertical-align:inherit}
.td_center {text-align:center}



#ctt_con .timeline {box-sizing: border-box;  margin-top:0px; padding-top:30px;}



.timeline:before {box-sizing: border-box; }
#ctt_con .timeline ul { padding:0px; margin-left:0px; }
#ctt_con .timeline li { list-style:none; margin:0px; padding:0px; line-height:130%; border:0px solid red; margin-bottom:15px; }
#ctt_con .timeline span { color:#555; font-size:0.8em;}

#ctt_con .timeline * {box-sizing: border-box; }
#ctt_con .timeline *:before {box-sizing: border-box; }
#ctt_con .timeline { position: relative; font-size: 1.1em; width: 100%; height: 100%; margin:50px auto; overflow-y: hidden; }
#ctt_con .timeline .timeline-block {margin-top:-4px;}
#ctt_con .timeline .timeline-icon {position:absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; margin-top:4px; border: 3px solid #333; border-radius: 100%; background-color: #fff; 
text-align: center; 
/*
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
*/
}



#ctt_con .timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
#ctt_con .timeline .timeline-icon.timeline-icon-hide-border i.fa, #ctt_con .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
#ctt_con .timeline .timeline-icon i.fa, #ctt_con .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; }
#ctt_con .timeline .timeline-icon img { border-radius: 100%; }
#ctt_con .timeline .timeline-content { position: relative; width: 48%; padding-bottom:50px; line-height: 20px; }
#ctt_con .timeline .timeline-content .bar_count { font-size:20pt; margin-bottom:50px; color:#333;}
#ctt_con .timeline .timeline-content ul li img{width:100%; height:100px; margin-top:20px;}



#ctt_con .timeline .timeline-content2 { position: relative; width: 46%; padding-bottom:50px; line-height: 20px; }
#ctt_con .timeline .timeline-content2 .bar_count { font-size:16pt; color:#000; margin-bottom:10px; color:#333;}
#ctt_con .timeline .timeline-content2 ul li img{width:100%; height:100px; margin-top:20px;}
#ctt_con .timeline .timeline-content2 ul li { font-size:11pt; color:#666; }

#ctt_con .timeline::before { position: absolute; width: 1px; height: 100%; top:0px; left: 50%; margin-left: -1px; background-color: #ccc; content: ""; }/* Half of width */

#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block .timeline-content { left: 52%; }

#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block .timeline-content  h5::before { content:" "; border-top:1px solid #ccc; width:20px; float:left; margin-left:-28px; margin-top:8px;}
#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block .timeline-content  h5 { font-weight:500; color:#333; }




#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(1) .timeline-content{left: 0%; text-align:right}
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(1) .timeline-content h5::after { content:" "; border-top:1px solid #ccc; width:20px; float:right; margin-right:-27px; margin-top:8px;}
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(1) .timeline-content h5 { font-weight:500; color:#333; }
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(1) .timeline-content p { color:#b02f33;}
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(1) .timeline-icon {  border: 3px solid #b02f33;  }

#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2) .timeline-content{left: 0%; text-align:right}
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2) .timeline-content h5::after { content:" "; border-top:1px solid #ccc; width:20px; float:right; margin-right:-27px; margin-top:8px;}
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2) .timeline-content h5 { font-weight:500; color:#333; }
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2) .timeline-content p { color:#b02f33;}
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2) .timeline-icon {  border: 3px solid #b02f33;  }

#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content2{text-align:right}
#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content2 { left: 54%; }

#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }
#ctt_con h3 { font-size:3em; color:#333; text-align: center; margin-bottom:20px; margin-top:40px; font-weight:300;}


@media screen and (max-width:960px) {
#ctt_con { font-size:0.9em;}

#ctt_con .timeline .timeline-content { position: relative; width: 100%; padding-bottom:50px; line-height: 20px; }
#ctt_con .timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:left}
#ctt_con .timeline::before { display:none; }
#ctt_con .timeline .timeline-icon {display:none; }
#ctt_con .timeline .timeline-content .bar_count { font-size:20pt; color:#000; margin-bottom:50px; color:#333; text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px;}


#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n+1) .timeline-content  h5::after { display:none;}
#ctt_con .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content  h5::before { display:none;}


}

#coid1003 #tbl1 .s_th { border:3px solid #cc0000; border-bottom:0px;border-bottom:1px solid #ccc; color:#d67e00;   }
#coid1003 #tbl1 .s_td { border:3px solid #cc0000; border-top:0px;border-bottom:1px solid #ccc; color:#cc0000; }
#coid1003 #tbl1 .s_td_b { border:3px solid #cc0000; border-top:0px; border-bottom:3px solid #cc0000; color:#cc0000;  }
#coid1003 #tbl1 td { text-align:center; }
#coid1003 #tbl1 th { border-top:3px solid #0c0c0c; }
#coid1003 #tbl1 .tdrl { border-right:1px solid #ccc; }
#coid1003 #tbl2 .pd0 { padding:0px; }
#coid1003 #tbl2 .td_m { width:60px; padding:0px; }
#coid1003 #tbl3 {  border-top:3px solid #0c0c0c;  }
#coid1003 #tbl3 .tdrl { border-right:1px solid #ccc; }
#coid1003 #tbl3 .tdal { text-align:left; }
#coid1003 #tbl3 td { text-align:center; }
#coid1003 #tbl4 td { text-align:center; }



#c1004 h2 { background:#ffffff; color:#b02f33; padding:10px 25px; border-radius:30px; display:inline-block; font-weight:700;}
#c1004 h2:before { border:0px;  display:none;}
#c1004 .clearfix li { width:31.333333333%; margin:0px 1%; text-align:center; }
#c1004 .song { float:left; width:50%; }
@media screen and (max-width:960px) {

#c1004 .clearfix li { width:90%; margin:0px 5%; text-align:center; margin-bottom:30px; }
#c1004 .song { float:left; width:90%; margin:0px 5%; }
}


#c1005 .clearfix li { width:31.333333333%; margin:0px 1%; text-align:center; border:1px solid #ccc; height:auto;min-height: 100px;}
#c1005 .clearfix2 li { width:100%;  border:2px solid #87b9e3; background:#f2f7fc; height:auto;min-height: 100px; padding:30px; border-radius:10px; }
#c1005 .clearfix2 li p { line-height:180%; }
#c1005 .col1 {}
#c1005 .col4  li { width:23%; float:left; font-size:13pt; padding:30px 0px; margin:0px 1%; text-align:center; background:#f1f1f1; height:auto;min-height: 100px;}
#c1005 .col2  li { width:30%; float:left; font-size:13pt; padding:30px 0px; margin:0px 10%; text-align:center; background:#f1f1f1; height:auto;min-height: 100px;}
#c1005 .col2  li:first-child { margin:0px 5% 0px 15%;}
#c1005 .col2  li:last-child { margin:0px 15% 0px 5%;}
#c1005 .lilist { margin:0px auto; }
#c1005 .lilist li { margin-bottom:20px; font-size:20pt; }
#c1005 .ltitle { z-index:10;border-radius:30px 0px 0px 30px; background:#3366cc; margin:0px;  font-size:14pt;padding:12px 25px; color:#fff; display:inline-block; width:30%;}

#c1005 .lcontent { z-index:1; border-radius:0px 30px 30px 0px; background:#f1f1f1;  margin:0px; margin-left:-1%; font-size:13pt;padding:12px 15px;display:inline-block; width:70%;}




#daum_map span { font-size:11pt; margin-left:0px; display:block; padding-bottom:10px; } 
#faq_list_wrap p { border:1px solid #ccc; margin-top:3px; padding:10px; cursor:pointer;}
.route { border:1px solid #ccc; padding:30px; margin-top:3px;}


#coid1008 #tbl1 .s_th { border:3px solid #cc0000; border-bottom:0px;border-bottom:1px solid #ccc; color:#d67e00;   }
#coid1008 #tbl1 .s_td { border:3px solid #cc0000; border-top:0px;border-bottom:1px solid #ccc; color:#cc0000; }
#coid1008 #tbl1 .s_td_b { border:3px solid #cc0000; border-top:0px; border-bottom:3px solid #cc0000; color:#cc0000;  }
#coid1008 #tbl1 td { text-align:center; }
#coid1008 #tbl1 th { border-top:3px solid #0c0c0c; }
#coid1008 #tbl1 .tdrl { border-right:1px solid #ccc; }
#coid1008 #tbl2 .pd0 { padding:0px; }
#coid1008 #tbl2 .td_m { width:60px; padding:0px; }
#coid1008 #tbl3 {  border-top:3px solid #0c0c0c;  }
#coid1008 #tbl3 .tdrl { border-right:1px solid #ccc; }
#coid1008 #tbl3 td { text-align:center; }
#coid1008 #tbl4 td { text-align:center; }
#coid1008 #tbl3_1 th { border-top:3px solid #0c0c0c; }
#coid1008 #tbl3_1 td { text-align:center; }
#coid1008 #tbl3_2 th { border-top:3px solid #0c0c0c; }
#coid1008 #tbl3_2 td { text-align:center; }
#coid1008 #tbl3_3 th { border-top:3px solid #0c0c0c; }
#coid1008 #tbl3_3 td { text-align:center; }
#coid1008 #tbl3_4 th { border-top:3px solid #0c0c0c; }
#coid1008 #tbl3_4 td { text-align:center; }