*{ box-sizing:border-box; } 

.cs_tab li{ float:left; width:20%; font-size:15px; text-align:center; }
.cs_tab li{ float:left; width:20%; font-size:15px; text-align:center; }
/*.searchdiv .*/
.searchdiv .{ height:40px; width:100%; }
.searchdiv .boxleft { float:left; color:#787878; }
.searchdiv .boxright { float:right; }

.service_tab .tabbox { overflow:hidden; border:1px solid #ccc; text-align:center; margin-bottom:20px; }
.service_tab .tabbox li{ width:25%; float:left; line-height:40px; font-size:14px; border-right:1px solid #ccc; }
.service_tab .tabbox li a{ display:block; }
.service_tab .tabbox li.on{ background:#222; color:#fff; }
.service_tab .tabbox li:last-child{ border-right:0; }

@media (max-width: 768px) {
	.service_tab .tabbox { border-bottom:none; }
	.service_tab .tabbox li{ width:50%; line-height:35px; border-bottom:1px solid #ccc; }
	.service_tab .tabbox li:nth-child(2n){ border-right:0; }
}

@media (min-width:0) {
	.cs_tab { border-bottom:1px solid #0074b7; height:33px; position:relative; margin:10px 0; }
	.cs_tab ul { left:0; position:absolute; top:0; width:100%; padding-left:4px; }
	.cs_tab li { background:#f9f9f9; border:1px solid #ccc; border-bottom:0; color:#666; float:left; font-size:13px; font-weight:bold; width:20%; height:32px; line-height:32px; margin-left:-1px; position:relative; text-align:center; z-index:1; }
	.cs_tab li:first-child { margin-left:0; }
	.cs_tab li.on { background:#fff; border-color:#0074b7; color:#0074b7; height:33px; z-index:2; }
	.cs_tab li span { color:#0074b7; }
	.cs_tab li a { display:block; height:100%; padding:0 4px; }
}
@media (min-width:768px) {
	.cs_tab { height:45px; }
	.cs_tab li { font-size:15px; height:44px; line-height:44px; width:20%; }
	.cs_tab li a { padding:0; }
	.cs_tab li.on{ height:45px; }
}


/**************************************************
* table_num
**************************************************/
.table_num::before { clear:both; content:''; display:block; overflow:hidden; }
.table_num { clear:both; margin:30px 0; width:100%; text-align:center; }
.table_num ul { height:35px; line-height:35px; display:table; margin:0 auto; }
.table_num ul li { float:left; margin-left:5px; text-align:center; width:35px; height:35px; }
.table_num ul li:first-child{ margin-left:0; }
.table_num ul li a { display:block; font-size:13px; color:#787878; line-height:34px; border-radius:50%; border:1px solid #ebebeb; }
.table_num ul li.on a { background:#209ddd; color:#fff; }
.table_num ul li a.Prev{ display:block; background:#f1f1f1 url(../images/coupon/left.jpg) center center no-repeat; width:100%; height:100%; background-size:20% auto; border-color:#f1f1f1; }
.table_num ul li a.PrevPrev { display:block; background:#f1f1f1 url(../images/coupon/lleft.jpg) center center no-repeat; width:100%; height:100%; background-size:31% auto; border-color:#f1f1f1; }
.table_num ul li a.Next{ display:block; background:#f1f1f1 url(../images/coupon/right.jpg) center center no-repeat; width:100%; height:100%; background-size:20% auto; border-color:#f1f1f1; }
.table_num ul li a.NextNext { display:block; background:#f1f1f1 url(../images/coupon/rright.jpg) center center no-repeat; width:100%; height:100%; background-size:31% auto; border-color:#f1f1f1; }

@media (max-width: 640px) {
	.table_num ul li { margin-left:4px; width:25px; height:25px; }
	.table_num ul li a{ line-height:24px; }
}

/* .table_num ul li{ }  
.table_num ul li.on{ background:#787878; }
.table_num ul li.on a{ color:#fff; font-weight:normal; }
 */
/* pagediv */
.pagediv { margin:30px 0 50px 0; width:100%; text-align:center; }
.pagediv .pagination { height:30px; line-height:30px; margin:0; border-radius:0; }
.pagediv .pagination li { display:inline-block; margin-left:5px; text-align:center; }
.pagination > li > a, .pagination > li > span { color:#333; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { border-color:#4aa4ce; background-color:#fff; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus a, .pagination > li > span:hover a { color:#4aa4ce; }
.pagination > li.on > a, .pagination > li.on > a, .pagination > li.on > span, .pagination > li.on > span { border-color:#4aa4ce; background-color:#fff; }
.pagination > li.on > a, .pagination > li.on > a, .pagination > li.on > span a, .pagination > li.on > span a { color:#4aa4ce; }
.pagediv .pagination li a[title^="Prev"] { display:block; background:#f1f1f1; }
.pagediv .pagination li a[title^="Next"] { display:block; background:#f1f1f1; }
.tablet .pagediv .pagination { zoom:0.8; }
.mobile .pagediv .pagination { zoom:0.65; }

.tablediv {  }
.tablediv table tr th { font-family:noto-bold; color:#787878; text-align:center; }
.tablediv table tr td { font-family:noto; color:#787878; text-align:center; }
.tablediv table tr td a:hover, .midarea .innerbox .tablediv table tr td a:active, .midarea .innerbox .tablediv table tr td a:focus { color:#787878; }
.tabs1 .bordertable tr td[class*="ellipsis"] { width:100%; max-width:300px; display:block; }

/* tablestyle - bordertable */
.tablediv .bordertable {  }
.tablediv .bordertable tr { height:55px; line-height:55px; border-bottom:1px solid #d8d8d8; }
.tablediv .bordertable tr:first-child th:nth-child(1) { border-top:3px solid #103d52; }
.tablediv .bordertable tr:first-child th:nth-child(2), .midarea .innerbox .tablediv .bordertable tr:first-child th:nth-child(3), .midarea .innerbox .tablediv .bordertable tr:first-child th:nth-child(4), .midarea .innerbox .tablediv .bordertable tr:first-child th:nth-child(5) { border-top:3px solid #3899c5; }
.tabs1 .bordertable tr td:first-child { width:100px; }
.tablediv .bordertable tr td:first-child img { width:100px; }

.service_sub2 .bordertable tr td { vertical-align:top; }
.service_sub2 .bordertable tr td.ellipsis { display:inline-block; width:200px; line-height:55px; }
.service_sub2 .bordertable tr th:first-child { display:none; }
.service_sub2 .bordertable tr td:first-child { display:none; }


@media (min-width:0) {
.cs_section { margin-top:40px; background-size:cover; } 
.cs_section .cs_section_t p { padding:40px 20px; }
.cs_section p span{ display:block; font-size:20px; line-height:1.2; }
.cs_section img{ width:100%; } 
.cs_section .cs_section_b .title{ font-size:22px; color:#34baff; margin:20px 0; text-align:center;} 
}

@media (min-width:768px) {
	.cs_section .cs_section_b .title{ font-size:26px; }
	.cs_section p span{ display:block; font-size:24px; }
}

@media (min-width:1024px) {
	.cs_section .cs_section_t  p{ padding:50px; }
	.cs_section .cs_section_b .title{ font-size:35px; margin:40px 0; }
}

@media (min-width:0) {
	.service_sub1 { clear:both; }
	.service_sub1 .tabbox li { width:16.666666%; }
	.service_sub1 tr td.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
	.service_sub1 table tr th:nth-child(1) { width:5%; }
	.service_sub1 table tr th:nth-child(2) { width:10%; }
	.service_sub1 table tr th:nth-child(3) { width:57%; }
	.service_sub1 table tr th:nth-child(4) { width:15%; }
	.service_sub1 table tr th:nth-child(5) { width:8%; }
	.service_sub1 table tr td:nth-child(1) { width:10%; }
	.service_sub1 table tr td:nth-child(2) { width:10%; }
	.service_sub1 table tr td:nth-child(3) { width:57%; }
	.service_sub1 table tr td:nth-child(4) { width:15%; }
	.service_sub1 table tr td:nth-child(5) { width:8%; }
	.service_sub1 table { border-top:2px solid #000; width:100%; }
	.service_sub1 table th { background:#f6f6f6; color:#333; padding:15px 0; }
	.service_sub1 table tr { border-bottom:1px solid #ddd; }
	.service_sub1 td { color:#787878; padding:10px 0; text-align:center; vertical-align:middle; }
	.service_sub1 td.txtleft { text-align:left; }
	.service_sub1 th { padding:15px 0; vertical-align:middle; }
	.service_sub1 .tablediv .bordertable tbody td:nth-child(2) { text-align:center; }
	.service_sub1 .tablediv .bordertable tbody td:last-child { text-align:center; }

	.service_sub1 .inotice { background:#0074b7; color:#fff; display:block; line-height:20px; margin:0 auto; padding:3px; text-align:center; width:80%; }
	.service_sub1 .inormal { background:#909090; color:#fff; display:block; line-height:20px; margin:0 auto; padding:3px; text-align:center; width:80%; }
	
}
@media (min-width:0) {
	.searchdiv { width:100%; }
	.searchdiv select { background-color:#fff; border:solid 1px #ddd; border-radius:0; color:#a0a0a0; font-family:noto; height:26px; line-height:26px; padding:0; }
	.searchdiv input { background-color:#fff; border:solid 1px #ddd; border-radius:0; font-family:noto; height:26px; line-height:26px; margin:0; padding:0; }
	.searchdiv .btn_search { background:#413c38; color:#fff; display:inline-block; font-family:noto; font-size:12px; line-height:20px; padding:3px 7px; }
	.searchdiv .boxleft { display:inline-block; margin-bottom:5px; }
	.searchdiv .boxright { float:right; margin:10px 0; width:40%; }
	.searchdiv .boxright span { display:inline-block; float:left; }
	.searchdiv .boxright .br1 { padding-right:5px; width:20%; }
	.searchdiv .boxright .br1 select { background:url('../sub/images/contents/icon_down_01.png') no-repeat 90% 50%; padding-left:7px; width:100%; }
	.searchdiv .boxright .br2 { width:63%; }
	.searchdiv .boxright .br2 input { width:100%; }
	.searchdiv .boxright .br3 { padding-left:5px; width:17%; }
	.searchdiv .boxright .br3 button { width:100%; }
}
@media (min-width:768px) {
	.searchdiv .boxleft { display:inline-block; margin-top:20px; }
}

@media (max-width:768px) { 	
	.searchdiv .boxright { float:none; margin:10px auto; width:60%; }
}

@media (max-width:480px) { 	
	.searchdiv .boxright { float:none; overflow:hidden; width:100%; }
	.searchdiv .btn_search { padding:3px 0; width:100%; }
}

@media (max-width:992px) { 	
	.service_sub1 .tabbox li { width:33.3333%; }
	.service_sub1 table tr th:nth-child(2) { display:none; }
	.service_sub1 table tr td:nth-child(2) { display:none; }
	.service_sub1 table tr th:nth-child(4) { display:none; }
	.service_sub1 table tr td:nth-child(4) { display:none; }
	.service_sub1 table tr th:first-child { min-width:80px; width:20%; }
	.service_sub1 table tr td:first-child { min-width:80px; width:20%; }
	.service_sub1 table tr th:nth-child(3) { width:80%; }
	.service_sub1 table tr td:nth-child(3) { width:80%; }
	.service_sub1 table tr th:last-child { display:none; }
	.service_sub1 table tr td:last-child { display:none; }
}
@media (max-width:480px) { 	
	.service_sub1 table tr th:nth-child(3) { width:100%; }
	.service_sub1 table tr td:nth-child(3) { width:100%; }
	.service_sub1 table tr td { padding:15px 0; }
	.service_sub1 table tr td.ellipsis { line-height:22px; overflow:visible; text-overflow:initial; white-space:normal; }
}


.service_sub2{ clear:both; }
.service_sub2>*{ color:#787878; }

.service_sub2 ul.plist { clear:both; width:100%; overflow:hidden; margin-bottom:40px ; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.service_sub2 ul.plist li{ width:100%; float:left; border-bottom:1px solid #ddd; padding:12px 0;}
.service_sub2 ul.plist li:last-child{ border-bottom:none;}
.service_sub2 .prom_img{ float:left;  width:30%; height:180px; }
.service_sub2 .prom_img .bg{ width:100%; height:100%; background-image:url(../images/contents/section9_img1.jpg); background-size:cover; background-position:center; }
.service_sub2 .prom_txt{ float:left;  width:70%; box-sizing:border-box; padding:20px 30px; line-height:1.4; }
.service_sub2 .prom_txt .date{ margin-top:10px; }
.service_sub2 .prom_txt h5{ font-size:18px; margin:0 0 15px 0; text-align:left; color:#787878; line-height:22px;}

.service_sub2 p.title{ font-size:28px; text-align:center; font-family:'Nanum Myeongjo',sans-serif; padding:40px 0 20px 0; line-height:32px;}
.service_sub2 p.title strong{ color:#0071b0; }
.service_sub2 p.cont{ line-height:24px; padding:20px 0; text-align:center; font-size:15px; }

	.service_sub2 .prom_img,
	.service_sub2 .prom_txt { float:left; width:100%; }
	.service_sub2 .prom_img { width:30%;}
	.service_sub2 .prom_img + .prom_txt{width:70%}

	
@media (max-width: 992px) {
	.service_sub2 .prom_img{ width:35%; }
	.service_sub2 .prom_txt{  width:65%; }
	
	.service_sub2 .prom_img,
	.service_sub2 .prom_txt { float:left; width:100%; }
	.service_sub2 .prom_img { width:35%;}
	.service_sub2 .prom_img + .prom_txt{width:65%}
}

@media (max-width: 640px) {
	.service_sub2 .prom_img{ width:100%; }
	.service_sub2 .prom_txt{  width:100%; padding:15px 20px; }
	.service_sub2 .prom_txt h5{ font-size:16px; padding-bottom:5px; }
	.service_sub2 ul.plist li{ border:1px solid #ddd; margin-bottom:10px; padding: 0 0;}
	.service_sub2 .tabbox li{ width:50%; }
		
	.service_sub2 .prom_img + .prom_txt{width:100%}
	
	
	.service_sub2 ul.plist{ border-top:none; border-bottom:none; }
	.service_sub2 ul.plist li:last-child{border-bottom:1px solid #ddd;}  
	
}


.service_sub3{ clear:both; }
.service_sub3>*{ color:#787878; }

.service_sub3 .videoBox{ display:block; position:relative; height:400px; background-size:cover; background-position:center; margin-bottom:20px; }
.service_sub3 .videoBox .cover{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); color:#fff; }
.service_sub3 .videoBox .cover p{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:20px; line-height:1.4; background:rgba(0,0,0.2); }
.service_sub3 .videoBox .cover span{ display:block; font-size:16px; }
.service_sub3 .videoBox .cover .title{ font-size:18px; }

.service_sub3 .videoList{ clear:both; overflow:hidden; }
.service_sub3 .videoList ul{ clear:both; }
.service_sub3 .videoList li { float:left; width:24.25%; margin-right:1%; margin-bottom:10px; } 
.service_sub3 .videoList li:nth-child(4n){ margin-right:0; } 
.service_sub3 .videoList li a{ display:block; border:1px solid #ccc; } 
.service_sub3 .videoList li .imgbox{ background-size:cover; background-position:center; height:0; padding-bottom:75%; position:relative; } 
.service_sub3 .videoList li .imgbox img{ position:absolute; width:100%; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.service_sub3 .videoList li .txt{ box-sizing:border-box; padding:20px; line-height:1.4; height:97px; } 
.service_sub3 .videoList li .txt span{ display:block; } 

.service_sub3 .table_num{ margin-top:20px; } 

@media (max-width: 992px) {
	.service_sub3 .videoList li{ width:49.5%; }
	.service_sub3 .videoList li:nth-child(4n){ margin-right:1%; } 
	.service_sub3 .videoList li:nth-child(2n){ margin-right:0; } 
	
	.service_sub3 .videoList li .imgbox{ padding-bottom:55%; }
}

@media (max-width: 768px) {
	.service_sub3 .videoList li .imgbox{ padding-bottom:65%; }
}


/**************************************************
*   view페이지
**************************************************/

/* sub3view.html ( 온라인 강좌 상세페이지 )*/
#video_view iframe{ width:100%; height:450px; margin-top:15px; }
#video_view .video_title { padding:15px 0 20px 0; font-size:16px; } 
#video_view .video_title span b{ font-weight:500; } 
#video_view .video_title span em{ display:inline-block; width:20px; height:20px; text-align:center; border-radius:50%; background:#efefef; line-height:18px; vertical-align:top; border: 1px solid #ddd; margin-top: -0.5px; cursor:pointer; }
#video_view .video_title span em img{ width:100%; height:100%;}
#video_view .video_title span { display:inline-block; vertical-align:middle; } 
#video_view .video_title .title1{ max-width: calc( 100% - 145px) ; margin-right:5px; } 
#video_view .videobtn{ display:inline-block; padding:0 15px; line-height:30px;background:#3c3636; color:#fff; font-size:13px; }
#video_view .videosns{ display:inline-block; vertical-align:middle; margin:0 10px; }
#video_view .videosns img{ max-height:25px; margin:3px 0 2px 0; }
#video_view .video_txt{ box-sizing:border-box; padding:25px; border:1px solid #ccc; margin:20px 0; }
#video_view .video_txt .title{ font-size:18px; }
#video_view .video_txt p{ padding-bottom:7px; }
#video_view .video_txt span{ display:block; line-height:1.8; }

/***************************************************/
#video_view{ clear:both; }
#video_view>*{ color:#787878; }
#video_view h5{ text-align:left; font-size:16px; font-weight: 700;letter-spacing: 1px; line-height: 1; color: #000;margin: 10px 0; position:relative; padding-left:10px;}
#video_view h5::before{ position:absolute; content:''; display:block; left:0; height:100%; width:3px; top:0; background:#18787d;}

.cs_view .sec1{color: #666666;overflow: hidden;border-top: 2px solid #209ddd;border-bottom: 1px solid #e1e1e1}
.cs_view .sec1 > p{float: left;border-top: 1px solid #e1e1e1; padding: 10px 0;box-sizing: border-box}
.cs_view .sec1 > p i { margin: 0 5px; }
.cs_view .sec1 > p:nth-of-type(1){width: 100%;border-top: none}
.cs_view .sec1 > p:nth-of-type(2){ display:none; }
.cs_view .sec1 > p:nth-of-type(3){width: 100%; text-align:left;}
.cs_view .sec2{ margin:20px 0; text-align:center; }
.cs_view .sec2 img{ width: auto; height:auto; max-width:100%; max-height:100%; margin:0 auto; }
.cs_view .sec3{ /* min-height:250px; */ margin:20px 0; }

.cs_view .sec3 p{ line-height:1.4; }
.cs_view .sec3 p.tx2{font-weight: bold; }
.cs_view .sec3 table.event{ width:40%; text-align:center; line-height:25px;}
.cs_view .sec3 table.event td,.cs_view .sec3 table.event th{ font-size:12px; }
.cs_view .sec3.video iframe{ width:100%; min-height:400px; margin:10px 0;}
.cs_view .sec4 { margin-bottom:40px; }
.cs_view .sec4 table{width: 100%;border-top: 2px solid #209ddd;table-layout: fixed}
.cs_view .sec4 th, .cs_view .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #e1e1e1; }
.cs_view .sec4 th{width: 70px;font-weight: normal}
.cs_view .sec4 th span{ display:block; /* background:#786c57;color:#fff; */ padding:5px 0; border-radius:1px; color:#444; }
.cs_view .sec4 th.next, .cs_view .sec4 td.next{background-color: white}
.cs_view .sec4 td a{display: block}
.cs_view .sec5{text-align: center; padding: 30px 0; border-top:1px solid #e1e1e1; }
.cs_view .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px}
.cs_view .sec6{background-color: #f5f5f5;padding: 30px;margin: 20px 0; border:1px solid #d1d1d1; box-sizing:border-box;}
.cs_view .sec6 > p{margin-bottom: 10px}
.cs_view .sec6 > p.title{ font-size:16px; font-weight:bold; }
.cs_view .sec6 > p.cont{ border:1px solid #d1d1d1;padding:25px 0; text-align:center; background:#fff; }
.cs_view .sec6 > p.cont span{ margin-right:15px; }
.cs_view .sec6 > p.cont i{ color:#dc5411; }
.cs_view .sec6 > p.cont b{ margin-left:20px;; }

@media (min-width: 768px) {
    .cs_view .sec1 > p{border-top: none; padding: 15px 0;}
    .cs_view .sec1 > p:nth-of-type(1){width: 70%}
    /* .cs_view .sec1 > p:nth-of-type(2){width: 15%;text-align: center} */
    .cs_view .sec1 > p:nth-of-type(3){width: 30%; text-align:right;}
    .cs_view .sec4 th, .cs_view .sec4 td{padding: 15px}
    .cs_view .sec4 th{width: 100px}
}
@media (min-width: 1200px) {
    .cs_view .sec3.video iframe { min-height:620px; }
    .cs_view .sec6{margin: 50px 0;padding: 40px 25px}
    .cs_view .sec6 th, .cs_view .sec6 td{padding: 20px}
}

/**************************************************
*   2.13 - section13 (자주하는 질문)
**************************************************/
.service_sub4 .faq {border-top:2px solid #00529b; padding:0 10px; }
.service_sub4 .tab { overflow:hidden; margin:0 auto 20px; padding:0; border-bottom:1px solid #cccccc; box-sizing:border-box; }
.service_sub4 .tab li { float:left; width:auto; box-sizing:border-box; margin-top:15px; }
.service_sub4 .tab li:first-child { }
.service_sub4 .tab li a { display:block; box-sizing:border-box; padding: 7px; background-color:#fff; color:#787878; border:1px solid #ccc; border-bottom:none; margin-left:-1px; }
.service_sub4 .tab li:first-child a { margin-left:0; }
.service_sub4 .tab li a:hover, .service_sub4 .tab li a.active, .service_sub4 .tab li a:focus{ background-color:#209ddd; color: #fff; }
.service_sub4 .tabcontent {display: none; padding: 6px 12px;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
.service_sub4 .tabcontent2{margin-top: 10px;border: none;border-top: 1px solid #282828;border-bottom: 1px solid #282828;padding: 0; }

.service_sub4 .panel_open{ /* padding:12px 10px; */ border-bottom: 1px solid #cccccc; }
.service_sub4 .panel_open:nth-last-of-type(1){border-bottom: none}
.service_sub4 .panel_open .panel_title{cursor: pointer; position:relative; padding:10px; }
.service_sub4 .panel_open .panel_title span{display: inline-block; width:30px; height:30px; line-height:28px; color: #fff; background-color:#209ddd; margin-right:5px; border-radius:50%; vertical-align:middle; text-align:center; }
.service_sub4 .panel_open .panel_title b{ display: inline-block; width:calc( 100% - 51px ); vertical-align:middle; }
.service_sub4 .panel_open .panel_title span.iconbox { display:inline-block; width:16px; height:16px; padding:0; background-color:transparent; margin-right:0; vertical-align:middle; }
.service_sub4 .panel_open .panel_title span.iconbox img{ width:100%; height:100%; vertical-align: top; }

.service_sub4 .panel_open .panel_content{display: none;/* margin-top: 10px; */padding: 10px 20px; background:#fcfcfc; border-top:1px solid #ccc;  }
.service_sub4 .panel_open .panel_content table{width: 100%}
.service_sub4 .panel_open .panel_content th{ width:30px; }
.service_sub4 .panel_open .panel_content th span{ display: inline-block; width:30px; height:30px; line-height:28px; color: #fff; background-color:#343434; margin-right:5px; border-radius:50%; vertical-align:middle; text-align:center; font-weight:normal; }
.service_sub4 .panel_open .panel_content td { line-height:1.4; }

@media (min-width: 640px) {
    /* .service_sub4 .tab { width:calc( 100% - 20px); margin:0 10px; } */
    /* .service_sub4 .tab li { margin-right:5px; } */
    .service_sub4 .tab li a { padding:10px 15px; }
}
@media (min-width: 1024px) {
    .service_sub4 .tabcontent{padding: 30px}
    .service_sub4 .tabcontent .form_row{margin: 10px 0}
    .service_sub4 .tabcontent .form_row label{width: 130px;}
    .service_sub4 .tabcontent .textbox{width: 91%}
    .service_sub4 .tabcontent2{padding: 0}
    
    /* .service_sub4 .panel_open .panel_content{margin-top: 15px;padding: 20px} */
    .service_sub4 .panel_open .panel_content th{ }

}


@media (max-width:768px) {
    .service_sub4 .panel_open .panel_title span { padding:5px; }
}

.service_input .title{ font-size:20px; margin-bottom:10px; }
.service_input .title span{ float:right; font-size:14px; line-height:20px; }

.service_input .form_box{ margin-bottom:60px; }
.service_input .form_box:last-child{ margin-bottom:0; }

.service_input .table_div{ border-top:2px solid #34baff; margin-bottom:30px; }
.service_input .table_div .table_tr{ background:#f9f9f9; font-size:0; border-bottom:1px solid #ccc; } 
.service_input .table_div .table_td{ display:inline-block; box-sizing:border-box; font-size:14px; } 

.service_input .table_div .table_bg_1{ padding: 10px 20px; text-align: left; vertical-align: middle; width:150px; } 
.service_input .table_div .table_bg_1 .starp{ display:inline-block; margin-right:4px; }
.service_input .table_div .table_layout_type1 { padding: 10px 15px; text-align: left; vertical-align: middle; background:#fff; width:calc( 100% - 150px ); } 
.service_input .table_div .table_layout_type1 input { height: 34px; line-height: 32px; padding-top: 0; padding-bottom: 0; padding:0 10px; } 
.service_input .table_div .table_layout_type1 select { height: 34px; line-height: 32px; padding-top: 0; padding-bottom: 0; border:1px solid #ccc; padding:0 10px; } 
.service_input .table_div .table_layout_type1 em.num_bar{ display:inline-block; margin:0 4px 0 2px; height: 34px; line-height: 32px; vertical-align:middle; } 
.service_input .table_div .table_layout_type1 input.file_input_textbox2 { width:calc( 100% - 85px ); float:left; box-sizing:border-box; }

/* 파일입력 */
.service_input .table_tr .file_input p{ line-height:1.2; }
.service_input .table_tr .file_input .file_input_div { background-color: #495161; color: #fff; display: inline-block; height: 34px; line-height: 34px; position: relative; text-align: center; vertical-align: text-top; width: 85px; float: left; margin:0 0; }
.service_input .table_tr .file_input .file_input_img_btn { display: block; font-size: 14px; }
.service_input .table_tr .file_input .file_input_hidden { cursor: pointer; filter: alpha(opacity=0); font-size: 0; height: 34px; -ms-filter: alpha(opacity=0); opacity: 0; position: absolute; right: 0px; top: 0px; width: 85px; margin:0 0 ; }
.service_input .table_tr .file_input .text_type3 .txt_title1 { font-size: 16px; font-weight: 500; }

/* 전화번호 */
.service_input .table_tr .numberType { font-size:0; }
.service_input .table_tr .numberType input{ display:inline-block; font-size:14px; vertical-align:middle; width:calc( 33.3333% - 10px ); max-width:100px; }
.service_input .table_tr .numberType em{ display:inline-block; width:15px; font-size:14px; text-align:center; vertical-align:middle; }

/* 이메일 */
.service_input .table_tr .emailType { font-size:0; }
.service_input .table_tr .emailType em{ font-size:14px; }
.service_input .table_tr .emailType input{ width:calc(33.33333% - 54px); max-width:140px; font-size:14px; }
.service_input .table_tr .email_input_box{ display:inline-block; vertical-align:middle; margin-left:5px; font-size:14px; }

.service_input .table_tr .check_wrap input{ display:inline-block; width:13px; height:13px; position:relative; top:1px; }
.service_input .table_tr .check_wrap label{ display:inline-block; padding-left:5px; vertical-align:middle; }


.service_input .textarea_type1 { border: 1px solid #eee; max-height: 185px; margin: 10px 0; padding: 20px; resize: none; vertical-align: middle; width: 100%; line-height: 20px; color: #666; font-size: 14px; text-align:left; overflow-y:auto; }
.service_input .textarea_type1 span{ display:block; margin-bottom:10px; font-weight:300; } 
.service_input .textarea_type1 b{ font-weight:normal; display:block; }

.service_input .textarea_type2 { max-height: 185px; margin: 10px 0; padding: 10px 20px; resize: none; vertical-align: middle; width: 100%; line-height: 20px; color: #666; font-size: 14px; text-align:left; overflow-y:auto; text-align:center; }
.service_input .textarea_type2 .link_point{ color:#3667ca; }

.service_input #agree { position: relative; margin-right: 3px; top: 2px;  width: 13px; height: 13px; vertical-align: inherit;}
.service_input label{ vertical-align:unset;}
.service_input .button_type { text-align:center; margin:20px 0 40px 0; }
.service_input .button_type a{ display:inline-block; margin-right:5px; width:140px; line-height:50px; color:#fff; font-size:16px; }
.service_input .button_type a:last-child{ margin-right:0; }
.service_input .button_type a.agree_btn{ background:#209ddd; }
.service_input .button_type a.cancel_btn{ background:#747474; }

.service_input .message_list_selectType2 { font-size: 12px; width: 150px; }
.service_input .email_input_box{ display:inline-block; margin-left:5px; }
.service_input .check_type{ display:block; text-align:center; }


@media (max-width:992px) {
	.service_input .title span{ display:none; }
	.service_input .table_div .table_bg_1{ width:100%; padding:10px; }
	.service_input .table_div .table_layout_type1 { width:100%; padding:10px 0; }
	
	.service_input .message_list_selectType2 { width:100%; min-width:150px; }
} 

@media ( max-width:480px){
	.service_input .table_tr .emailType input{ width:calc( 50% - 10px); max-width:none; }
	.service_input .table_tr .email_input_box{ clear:both; margin-left:0; margin-top:5px; display:block; text-align:right; }
	.service_input .table_tr .email_input_box select{ width:calc( 50% - 10px); }
	
	.service_input .table_tr .numberType input{ max-width:none; }
}

.ui-selectmenu-button span.ui-selectmenu-text { border: 1px solid #ccc; border-radius: 0; box-sizing: border-box; height: 34px; line-height: 34px; padding-bottom: 0; padding-top: 0; vertical-align: top; width: 120px; background-color: #fff; font-size: 14px; padding:0 1em 0 .4em; }
    .ui-menu .ui-menu-item { font-size:14px; height:26px; line-height:26px; padding-bottom:0; padding-top:0; color:#666; }
    .ui-widget-content { background:#fff; box-sizing:border-box; margin-top:-1px; border-color:#eee; }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:none; border:none; color:#666; margin:0; font-weight:400; }
    .ui-widget-header .ui-icon { background:none; }
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-radius:0; }

.service_sub8 .box_border{ padding:40px; border:1px solid #ccc; box-sizing:border-box; margin:20px 0; }
.service_sub8 .title1{ font-size:20px; margin-bottom:20px; }
.service_sub8 .title2{ display:block; font-size:16px; margin-bottom:10px; }
.service_sub8 .cont{ margin-bottom:15px; line-height:1.4; }

.service_sub8 .service2 .list_box{ margin-bottom:15px; line-height:1.4;  background:#f9f9f9; padding:30px; }
.service_sub8 .service2 .list_box li{ margin:7px 0; line-height:1.4; }

.service_sub8 .service3 .list_box{ margin-bottom:15px; line-height:1.4;  background:#f9f9f9; padding:30px; }
.service_sub8 .service4 .list_box{ margin-bottom:15px; line-height:1.4;  background:#f9f9f9; padding:30px; }
.service_sub8 .service4 .list_box p{ margin-bottom:15px; }
.service_sub8 .service4 .list_box p:last-child{ margin-bottom:0; }


/*topNews*/
.service_sub9 .cont>ul>li{ margin-right:2%; width:32%; float:left; box-sizing:border-box; border:1px solid #ccc; padding:10px; margin-bottom:40px;}
.service_sub9 .cont>ul>li:nth-child(3n){ margin-right:0; }

.service_sub9 .cont>ul>li .txt{ display:block; clear:both; padding:10px; line-height:1.4; height:120px; }
.service_sub9 .cont>ul>li .txt span{ display:block; } 
.service_sub9 .cont>ul>li .txt .date{ margin-top:10px; } 
.service_sub9 .cont>ul>li p.img{ width:100%; height:200px; overflow:hidden; background-size:cover; background-position:center center; }
.service_sub9 .cont>ul>li p.img a{ display:block; width:100%; height:100%; }
.service_sub9 .cont>ul>li p.img a img{ width:100%; }

.service_sub9 .cont ul li p.logo img{ width:60%; vertical-align:middle; }


@media (max-width:720px) {
	.service_sub9 .cont>ul>li{ width:49%; }
	.service_sub9 .cont>ul>li:nth-child(3n){ margin-right:2%; }
	.service_sub9 .cont>ul>li:nth-child(2n){ margin-right:0%; }
}

@media (max-width:480px) {
	.service_sub9 .cont>ul>li{ width:100%; }
}