@charset "utf-8";
/* CSS Document */
@import url(common.css);


.contents_wrap{margin:0 auto; border:1px solid #ccc; padding:10px 20px 30px; font-size:15px; line-height:2; text-align:justify;}

h5{ font-size:20px; font-weight:600; color:#030303; border-bottom:1px solid #f1f1f1; padding-bottom:10px; margin-bottom:15px;}
h6{ font-size:17px; font-weight:500; color:#0054a7; margin:30px 0 10px;}

.tit1{  font-size:17px; font-weight:600; color:#f26522; background:#ebebeb; text-align:center;padding:7px; margin:40px 0 5px;}
.tit2{ background:url(../contents/img/dot_o.gif) no-repeat 0px 7px; padding-left:25px; font-weight:600; color:#333; margin:20px 0 5px;}
.tit3{ }

ol.decimal{ list-style: decimal; padding-left:20px;}
ol.decimal li{ line-height:2; }

.photo{padding:5px; border:1px solid #ccc; line-height:0.5em; text-align:center; margin:20px 0px 5px; background:#f0f0f0;}
.photo_txt{padding:10px; background:#000000; color:#fff; text-align:center;}
.photo_white{padding:4px; border:1px solid #f0f0f0; line-height:0.5em; text-align:center; margin:0px 0px 5px;}
@media all and (min-width:320px) and (max-width:768px){
.photo img,.photo_white img,iframe{width:100%;}
}
.iframe{ text-align:center; padding:10px 0 50px 0;}


/* 오시는길 */
.map_pc{background-color:#fafafa; padding:10px 7px 10px 7px; font-size:15px; font-weight: normal; margin:5px 0 5px 0;color:#020202; text-align:center;}
.map dl{float:left;border-bottom:1px #c6c6c6 solid;}
.map dl dt{float:left; width:190px; font-size:16px; padding:10px 0 10px 30px;  background:#eee;  color:#26383c;} 
.map dl dd{float:left; width:720px; padding:10px 30px 10px 30px;  background:#fff;}







/* tab navigation */
.sub_tab2 li{width:498px;}
.sub_tab3 li{width:330px;}
.sub_tab4 li{width:247px;}
.sub_tab5 li{width:197px;}

.sub_tab {overflow:hidden;margin-bottom:40px;}
.sub_tab li {display:block; float:left;  border:1px solid #e7e7e7;   background:#fafafa; font-size:18px; }
.sub_tab li.on {background:#000;  font-weight:600; border:1px solid #000; color:#fff;}
.sub_tab li a {display:block; line-height:25px; color:#656565; text-align:center; padding:15px 0px; }
.sub_tab li a:hover{text-decoration:none;}
.sub_tab .on a {color:#fff;}




/* table1 */
.table1      {border:0; width:100%; border-top:2px solid #a5cde8;}
.table1 thead th {color:#000;  border-left:1px solid #acacac;border-bottom:1px solid #acacac; padding:10px 0; font-weight:600;background:#f1f1f1; text-align:center;}
.table1 thead th:first-child {border-left:0px;}
.table1 tbody th {border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb; background:#fafafa;text-align:center; font-weight:600;}
.table1 td       {border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
.table1 tbody td{padding:7px 0px; text-align:center;}
.table1 tbody td:first-child {border-left:0px;}
.table1 tbody tr.b{ background:#faf3f3;}
.table1 tfoot th {border-bottom:1px solid #acacac; text-align:center; color:#000; }
.table1 tfoot td {border-bottom:1px solid #acacac;text-align:center;  color:#000; }
.table1 .bg1{background:#fffcf3;}
.table1 .bg2{background:#fff;}
.table1 .center{ text-align:center;}
.table1 .left{ text-align:left; padding-left:20px;}
.table1 img{padding-right:10px; vertical-align:middle; }

/* table2 */
.table2      {width:80%; border-bottom:1px solid #dbdbdb; margin-left:35px;}
.table2 thead th {color:#fff;  border-left:1px solid #fff; padding:10px 0; font-size:15px; font-weight:600;background:#12830d; text-align:center; }
.table2 thead th:first-child { background:#008be1; border-left:1px solid #008be1;}
.table2 thead th:last-child {border-right:1px solid #12830d;}
.table2 td       {border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:5px 20px; text-align:left; color:#243605; background:#fbfbfb;}




.f_blue{color:#2f83c4;}
.f_red{color:#f31308;}
.f_gray{color:#a6a6a6;}
.f_yellow{color:#f5fe0a;}
.f_orange{color:#ff6800;}
.f_brown{color:#7e6326;}


.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}

.align_r{ text-align:right;}