@charset "UTF-8";

/* 행드폰 */
@media(max-width:767px){
.board_wrap {width:100%;margin:0 auto;}
.container {width:100%;margin-bottom:130px;padding:0 10px;}
.container_wrap {width:100%; margin:0 auto;padding-left:10px;}
.container_wrap h4 {font-size:30px; font-weight:800;margin-bottom:40px;padding-top:10px;margin-top:25px;background:url('/theme/ety_theme_company_v1.2/img/title_bar_01.png') no-repeat;}
.container_wrap p {letter-spacing:-0.5px;font-size:16px;margin-bottom:40px;}
.container_wrap table {display:none}
.container_wrap .sub01_ul li {border-bottom:1px solid #ddd;font-size:14px;padding:10px 0;}
.container_wrap .sub01_ul li:first-child {border-top:2px solid #000}
.container_wrap .sub01_ul li:nth-child(8) {border-bottom:0;text-align:center;}
.container_wrap .sub01_ul li:nth-child(9) {border-bottom:0;text-align:center;}
.container_wrap .sub01_ul li span {margin-right:15px;font-weight:bold}
.container_wrap .table_01 {width:100%;border-top:1px solid #000;margin-top:30px; margin-bottom:0;display:block;}
.container_wrap .table_01 tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:25%;text-align:center}
.container_wrap .table_01 tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:15px;padding-bottom:15px; padding-left:10px; }
.container_wrap .sub01_01_img {display:none}
.container_wrap #map {width:100%;height:350px}

ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{	background: none;color: #222;float:left;padding: 10px 0;text-align:center;cursor: pointer;width:25%;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;border-right:0px}
ul.tabs li:last-child{	background: none;color: #222;float:left;padding: 10px 0;text-align:center;cursor: pointer;width:25%;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd}
ul.tabs li.current{background: #fff000;border:1px solid #fff000;color: #222;}
.tab-content{margin-top:60px;display: none;border-top:2px solid #000;}
.tab-content.current{display: inherit;}

.year {font-size:25px;font-weight:800;width:20%;padding:20px 0;float:left}
.month {width:80%;margin-left:20%}
.month ul li {padding:20px 0;border-bottom:1px solid #ddd;font-size:14px;}
.month ul li:last-child {padding:20px 0;border-bottom:0px solid #ddd;font-size:14px;}
.month ul li span {font-size:16px; font-weight:800;margin-right:30px;}
}

/* 족굼 큰 행드폰 */
@media(min-width:768px) and (max-width:991px){
.board_wrap {width:100%;margin:0 auto;}
.container {width:100%;margin-bottom:130px;}
.container_wrap {width:100%; margin:0 auto;padding-left:10px;}
.container_wrap h4 {background:url('/theme/ety_theme_company_v1.2/img/title_bar_01.png') no-repeat;font-size:35px; font-weight:800;margin-bottom:60px;padding-top:10px;margin-top:35px;}
.container_wrap p {letter-spacing:-0.5px;font-size:16px;margin-bottom:50px;}
.container_wrap .sub01_ul li {border-bottom:1px solid #ddd;font-size:14px;padding:10px 0;}
.container_wrap .sub01_ul li:first-child {border-top:2px solid #000}
.container_wrap .sub01_ul li:nth-child(8) {border-bottom:0;text-align:center;}
.container_wrap .sub01_ul li:nth-child(9) {border-bottom:0;text-align:center;}
.container_wrap .sub01_ul li span {margin-right:15px;font-weight:bold}
.container_wrap .table_01 {width:100%;border-top:1px solid #000;margin-top:30px; margin-bottom:0;display:block;}
.container_wrap .table_01 tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:25%;text-align:center}
.container_wrap .table_01 tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:15px;padding-bottom:15px; padding-left:10px; }
.container_wrap .sub01_01_img {display:none}
.container_wrap table {width:100%;border-top:1px solid #000;margin-bottom:70px;}
.container_wrap table tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:14%;text-align:center}
.container_wrap table tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; }
.container_wrap table tr td:nth-child(3) {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; text-align:center;}

.container_wrap .table_01 {width:100%;border-top:1px solid #000;margin-top:30px; margin-bottom:0;}
.container_wrap .table_01 tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:14%;text-align:center}
.container_wrap .table_01 tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; }
.container_wrap .table_01 tr td:nth-child(3) {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; text-align:center;}
.container_wrap #map {width:100%;height:450px}

ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{	background: none;color: #222;float:left;padding: 10px 15px;cursor: pointer;width:240px;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;border-right:0px;}
ul.tabs li:last-child{	background: none;color: #222;float:left;padding: 10px 15px;cursor: pointer;width:240px;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;}
ul.tabs li.current{background: #fff000;border:1px solid #fff000;color: #222;}
.tab-content{margin-top:60px;display: none;border-top:2px solid #000;}
.tab-content.current{display: inherit;}

.year {font-size:42px;font-weight:800;width:8.3%;padding:20px 0;float:left}
.month {width:87.5%;margin-left:12.5%}
.month ul li {padding:20px 0;border-bottom:1px solid #ddd;font-size:18px;}
.month ul li:last-child {padding:20px 0;border-bottom:0px solid #ddd;font-size:18px;}
.month ul li span {font-size:25px; font-weight:800;margin-right:30px;}
}

/* 태블릿 */
@media(min-width:992px) and (max-width:1200px){
.board_wrap {width:100%;margin:0 auto;}
.container {width:100%;margin-bottom:130px;}
.container_wrap {width:100%; margin:0 auto;padding-left:10px;}
.container_wrap h4 {color:#090909;font-size:35px; font-weight:800;margin-bottom:60px;padding-top:10px;margin-top:35px;background:url('/theme/ety_theme_company_v1.2/img/title_bar_01.png') no-repeat;}
.container_wrap p {letter-spacing:-0.5px;font-size:16px;margin-bottom:50px;}
.container_wrap .sub01_ul li {border-bottom:1px solid #ddd;font-size:14px;padding:10px 0;}
.container_wrap .sub01_ul li:first-child {border-top:2px solid #000}
.container_wrap .sub01_ul li:nth-child(8) {border-bottom:0;text-align:center;}
.container_wrap .sub01_ul li:nth-child(9) {border-bottom:0;text-align:center;}
.container_wrap .sub01_ul li span {margin-right:15px;font-weight:bold}
.container_wrap .table_01 {width:100%;border-top:1px solid #000;margin-top:30px; margin-bottom:0;display:block;}
.container_wrap .table_01 tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:25%;text-align:center}
.container_wrap .table_01 tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:15px;padding-bottom:15px; padding-left:10px; }
.container_wrap .sub01_01_img {display:none}
.container_wrap table {width:100%;border-top:1px solid #000;margin-bottom:70px;}
.container_wrap table tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:14%;text-align:center}
.container_wrap table tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; }
.container_wrap table tr td:nth-child(3) {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; text-align:center;}

.container_wrap .table_01 {width:100%;border-top:1px solid #000;margin-top:30px; margin-bottom:0;}
.container_wrap .table_01 tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:14%;text-align:center}
.container_wrap .table_01 tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; }
.container_wrap .table_01 tr td:nth-child(3) {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; text-align:center;}
.container_wrap #map {width:100%;height:550px}

ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{	background: none;color: #222;float:left;padding: 10px 15px;cursor: pointer;width:240px;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;border-right:0px;}
ul.tabs li:last-child{	background: none;color: #222;float:left;padding: 10px 15px;cursor: pointer;width:240px;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;}
ul.tabs li.current{background: #fff000;border:1px solid #fff000;color: #222;}
.tab-content{margin-top:60px;display: none;border-top:2px solid #000;}
.tab-content.current{display: inherit;}

.year {font-size:42px;font-weight:800;width:8.3%;padding:20px 0;float:left}
.month {width:87.5%;margin-left:12.5%}
.month ul li {padding:20px 0;border-bottom:1px solid #ddd;font-size:18px;}
.month ul li:last-child {padding:20px 0;border-bottom:0px solid #ddd;font-size:18px;}
.month ul li span {font-size:25px; font-weight:800;margin-right:30px;}
}

/* 콤퓨타 */
@media(min-width:1201px){
.board_wrap {width:1200px;margin:0 auto;}
.container {width:100%;margin-bottom:130px;}
.container_wrap {width:1200px; margin:0 auto;padding-left:10px;}
.container_wrap h4 {font-size:35px; font-weight:800;margin-bottom:60px;padding-top:10px;margin-top:35px;background:url('/theme/ety_theme_company_v1.2/img/title_bar_01.png') no-repeat;}
.container_wrap p {letter-spacing:-0.5px;font-size:16px;margin-bottom:50px;}
.container_wrap .sub01_ul {display:none}
.container_wrap table {width:100%;border-top:1px solid #000;margin-bottom:70px;}
.container_wrap table tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:14%;text-align:center}
.container_wrap table tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; }
.container_wrap table tr td:nth-child(3) {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; text-align:center;}

.container_wrap .table_01 {width:100%;border-top:1px solid #000;margin-top:30px; margin-bottom:0;}
.container_wrap .table_01 tr th {border-right:1px solid #ececec;border-bottom:1px solid #ececec;background-color:inherit;font-size:15px;font-weight:700;width:14%;text-align:center}
.container_wrap .table_01 tr td {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; }
.container_wrap .table_01 tr td:nth-child(3) {font-size:15px;border-bottom:1px solid #ececec;padding-top:25px;padding-bottom:25px; padding-left:35px; text-align:center;}
.container_wrap #map {width:100%;height:774px}

ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{	background: none;color: #222;float:left;padding: 10px 15px;cursor: pointer;width:240px;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;border-right:0px;}
ul.tabs li:last-child{	background: none;color: #222;float:left;padding: 10px 15px;cursor: pointer;width:240px;text-align:center;font-size:18px;font-weight:bold;border:1px solid #dddddd;}
ul.tabs li.current{background: #fff000;border:1px solid #fff000;color: #222;}
.tab-content{margin-top:60px;display: none;border-top:2px solid #000;}
.tab-content.current{display: inherit;}

.year {font-size:42px;font-weight:800;width:8.3%;padding:20px 0;float:left}
.month {width:87.5%;margin-left:12.5%}
.month ul li {padding:20px 0;border-bottom:1px solid #ddd;font-size:18px;}
.month ul li:last-child {padding:20px 0;border-bottom:0px solid #ddd;font-size:18px;}
.month ul li span {font-size:25px; font-weight:800;margin-right:30px;}

.order_01 {width:100%;}
.order_01 li{width:30%; float:left;padding:10px 0;min-height:60px;}
.order_01 li:first-child {width:20%}
.order_01 li:nth-child(3) {width:20%}

.order_02 {width:100%}
.order_02 li {width:80%;float:left;padding:10px 0;min-height:60px;}
.order_02 li:first-child {width:20%}
}