/*rss 버튼*/
.board-rss .span12 a.rssBtn, .board-rss .span12 a.atomBtn {display:none;}
.container-fluid {min-height:400px;}

/*스케쥴게시판*/

.calendar .bx-prev {
    text-indent: -9999px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(/scmayor/chief/img/sub/list_prev.png) no-repeat center center;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.calendar .bx-next {
    text-indent: -9999px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(/scmayor/chief/img/sub/list_next.png) no-repeat center center;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

table .start{width:6%; text-align:center !important;}
table .title{}
table .writer{width:15%; text-align:center !important;}
table .created{width:15%; text-align:center  !important;}
table .hit{width:6%; text-align:center !important;} 
table .file{width:7%; text-align:center  !important;}

div.schedule div.calendar p.yymm{text-align:center;font-weight:400;color:#fff;font-size: 20px;margin: 20px 0 10px;}
div.schedule div.calendar p.yymm a{width: 0;height: 0;overflow: hidden;display: inline-block;padding: 0 16px 22px 8px;margin: 0 4px -2px 0;color: #A0A0A0;}
div.schedule div.calendar p.yymm a:first-child {margin-right:10px;}
div.schedule > div.calendar table.table td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 48px;
    vertical-align: top;
	padding:0px;
}
div.schedule > div.calendar table.table td.select{background:#F5F5F5;}

div.schedule > div.calendar table.table td.data{background:url(../images/calendar_data.png) no-repeat left 2px top 2px;}

div.schedule > div.calendar table.table td.today{background:url(../images/calendar_today.png) no-repeat left 2px top 2px;}
div.schedule > div.calendar table.table td.today a{color:#fff;}
div.schedule > div.calendar table.table td a{display: block;
    height: 100%;
    padding: 5px 10px;
    position: relative;}
div.schedule > div.calendar table.table td.on {background:url(../images/calendar_day.png) no-repeat left 2px top 2px;}
div.schedule > div.calendar table.table td.on a {position:relative; display: block;
    height: 100%;
  
    position: relative;}
	div.schedule > div.calendar table.table td.on a span{color:#f00;}

div.schedule > div.calendar table.table td.on a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 3px solid #ff6969;
}


div.schedule > div.calendar table.table td.single{padding-left:0px}

div.schedule > div .day {padding-left:4px}
div.schedule > div.calendar table.table td.data .day {color:#353535; /* padding-left:4px */}
div.schedule > div.calendar table.table td.data .cnt {position: absolute; /* margin: 22px 22px 22px 1px; */font-size: 0px;text-align: center;color: #888;font-weight: bold;}
div.todaySch {min-height:100px;margin-top:30px;}
div.todaySch {display: inline-block;width: 96%;padding: 1%;margin: 10px 1% 20px 1%;}
div.todaySch p.bl {font-weight:bold;font-size: 15px;margin-bottom: 13px;margin-top: 5px;}
div.todaySch .r_box ul {padding: 10px 0;display: inline-block;width: 100%;background: #FFF;border: 1px solid #DBDBDB;}
div.todaySch .r_box ul li {border-bottom: 1px solid #DDD;padding: 5px 0;margin: 0 2%;width: 96%;display: block;float: left;font-size: 12px;}
div.todaySch .r_box ul li a span {color:#838383;}
div.schedule {min-height: 560px;margin-top:-70px}
div.schedule div.calendar {width: 40%; float: left; padding-right: 20px;}
div.schedule div.calendar .remarks {position:absolute;left:240px;top:105px;float: right;letter-spacing:-1px}
div.schedule div.calendar .remarks ul{}
div.schedule div.calendar .remarks li{float: left; padding-right: 15px;font-size: 14px; line-height: 14px; }
div.schedule div.calendar .remarks .remarks_today{font-size: 12px;line-height: 12px;color: #24aed2; margin-right: 3px}
div.schedule div.calendar .remarks .remarks_on { font-size: 12px; line-height: 12px; color: #23508b; margin-right: 3px; }
div.schedule div.calendar .remarks .remarks_schedule{font-size: 12px;line-height: 12px;color: #5f7383; margin-right: 3px}
div.schedule div.calendar p.yymm {color: #3C3C3C;font-family: 'gmarket'; letter-spacing:-0.03em; position:relative;}
div.schedule div.calendar p.yymm span {color:#256de5;font-family:inherit}
div.schedule div.calendar .calTable th:first-child {color: #f37075;}
div.schedule div.calendar .calTable th:last-child {color: #1680CD;}

div.todaySch div.tab-header p{margin:10px;font-size:15px;font-weight:bold;}
div.schedule div.todaySch ul.todayList {padding:5px;background: #FFF;border: 1px solid #DBDBDB;}
div.schedule div.todaySch ul.todayList li {border-bottom: 1px dashed #ccc;padding:5px 9px;}

div.schedule div.today_list {width: 60%;
    float: left;
    padding-left: 20px; margin-top:50px;}
div.schedule div.today_list ul {padding: 10px 10px 20px 10px;display: inline-block;width: 100%;background: #FFF;  border: 1px solid #DBDBDB; border-radius:0px;}
div.schedule div.today_list ul li {border-bottom: 1px dotted #DDD;padding: 15px 0 5px 0;margin: 0 5%;width: 90%;display: block;float: left;font-size: 16px;font-family:"Malgun Gothic", 'Nanum Gothic', "dotum", "gulim",'NanumSquare', sans-serif;}
.schedule_time {background: url(../images/icon_time.png) no-repeat; padding-left:22px; margin-right:15px; color:#555}
.schedule_title {margin-right:15px; letter-spacing:-1px;color:#000}
.schedule_station {background: url(../images/icon_location.png) no-repeat; padding-left:15px;color:#555;letter-spacing:-1px}

div.schedule .tab-header p {font-weight: 700;
font-family: 'gmarket';
    background: #e7eaf7;
    text-align: center;
    font-size: 18px;
    border-bottom: 0;
    padding: 14px 5px;
    letter-spacing: -0.04em; color:#353535;}
div.schedule .tab-header p span{/* display: inline-block;width: 40px !important;height: 28px !important;background-color: #03a9d0;border-radius: 100px;margin: 0 3px;text-align: center;line-height: 28px;color:#fff */ font-family: 'gmarket';}

ol, ul {margin: 0;padding: 0;}

.table th, .table td {/*padding: 8px;*/line-height: 20px;text-align: left;}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {display: none;}
a {text-decoration:none;color:#434343;}
ul {list-style-type:none;}
.container-fluid{padding-top:35px}
.row-fluid {width:100%}


@media (max-width: 780px){
	/*모바일 갤러리 이미지*/
	div.content_group div.content .m_boardWrap ul.m_gallery_list li {margin: 10px 2%;width: 44%;}
	div.gallery > ul > li {margin: 1%;width: 21.5%;}
		   div.schedule div.calendar {width: 100%; float: none; padding-right:0px;}
	   div.schedule div.today_list {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-top: 30px;
    }
}
@media (max-width: 763px){
div.schedule { margin-top: 0px; min-height:auto;}
}




	

@media (max-width: 580px){

	div.board-nav div.pagination ul li.first_page, div.board-nav div.pagination ul li.prev_page,div.board-nav div.pagination ul li.next_page, div.board-nav div.pagination ul li.last_page{height:17px;width:17px;}
	div.board-nav div.pagination ul li.first_page a, div.board-nav div.pagination ul li.prev_page a,div.board-nav div.pagination ul li.next_page a, div.board-nav div.pagination ul li.last_page a{font-size:24px;padding:2px 0 0 0;height:15px;}
	div.board-nav div.pagination ul li{width:15px;height:15px;}
	div.board-nav div.pagination ul li a{height:15px;padding:0;}
	div.board-nav div.pagination ul li.active{width:17px;height:17px;}
	div.board-nav div.pagination ul li.active a{height:16px;padding:1px 0 0 0;}
	
	div.board-rss{display:none;}
	.boardWrap .bbsList th.no, .boardWrap .bbsList td.no,
	.boardWrap .bbsList th.category, .boardWrap .bbsList td.category, 
	.boardWrap .bbsList th.hit, .boardWrap .bbsList td.hit, 
	.boardWrap .bbsList th.file, .boardWrap .bbsList td.file {display:none;}

	.boardWrap .bbsList th.writer, .boardWrap .bbsList td.writer {width: 40px;}

	div.thumbnail table.table td.img {vertical-align: top;}

	div.schedule div.calendar {float: none;width: 100%;}
	div.schedule > div.calendar table.table td {height: 30px;}
	div.schedule div.today_list {width: 96%;margin: 17px 2% 20px;}
	div.todaySch {width: 96%;margin: -13px 2% 20px;padding:0;}
	.faq .title a#linkEdit {text-align: center;width: 25px;float: right;margin-top: 5px;}
	.boardWrap.faq .bbsList th.start {width: 18px;}
	.faq .bgcolor span.a {margin-left: 0px;margin-right: 11px;}
	.faq .bgcolor {padding-left: 52px;padding-right: 15px;}
}

@media (max-width: 480px){
	
	.btn_address{margin:5px 0 0 0;}

	div.board-nav div.listbtn {display:block;width:100%;}
	div.board-nav div.listbtn a, 
	div.container-fluid div.listbtn a.btn{display:block;width: 139px;margin: 10px auto 0;text-align: center;}
	/*서브*/
	.board-search .form-search {margin: 10px;padding: 0;}
	.board-search .form-search select {width: 164px;}
	.board-search .form-search input.search-query {width: 146px;display: block;margin: 2px auto 0;}
	.board-search .form-search button.btn {width: 164px;}	

	.boardWrap .like {width: 123px;}
	div.calendar table.bbsList td {height:50px;}
	div.calendar table.bbsList td div.rel ul {display:none;}
	div.viewbtn a.btn, div.writebtn a.btn, div.writebtn button.btn {display: block;margin: 4px 10px;text-align: center;}
	div.writebtn button.btn {width: 93%;}
	table span#upfileAdd, table span#GalleryupfileAdd {padding: 0px 3px 0px 3px;margin: 2px;display: block;}
	table span#upfileDel {padding: 0px 1px;margin: 2px;display: block;}


	div.gallery > ul > li {margin: 1%;width: 46.5%;}
	div.movie table.table td div.preTxt {width: 98%;float: left;display: inline-block;}
	div.movie table.table td div.moviePlayer {width: 100%;float: left;margin-top:30px;}
	div.movie table.table td div.moviePlayer object#contentPlayer {width:100%;}
	/*모바일 게시판 리스트*/
	.m_boardWrap ul.m_list > li > a > p.m_content {margin: 0 10px 0 0;}
	/*모바일 카테고리*/
	.m_boardWrap .m_categoryGroup {text-align: center;}
	.m_boardWrap .m_categoryGroup select.m_category {width: 50%;}
	/*모바일 섬네일*/
	.m_thumbnail ul.m_list li a div.thumb {margin-top: 5px;}
	/*모바일 달력*/
	.m_boardWrap #m_calendar_list table.m_calendar td {height: 38px;}
	.m_boardWrap #m_calendar_list table.m_calendar td .rel ul {display: none;}
	/*모바일 스케줄*/
	div.schedule div.calendar {width:100%;}
	/*모바일 하단 버튼*/
	div.m_board_nav div.m_viewbtn a.m_btn, div.m_board_nav div.m_writebtn a.m_btn {display: block;margin: 4px 10px;text-align: center;}
	/*모바일 파일첨부*/
	.m_view div.m_file dl dt { float: none;}
	.m_view div.m_file dl dd { margin-left: 10px;}
	.bbsWrite label {display: block;}
	div.m_write table span#upfileAdd {margin-bottom: 10px;margin-left: 5px;}
	div.upfileElem input.selec_file {width:100%}
	.m_write div.upfileWrap div.upfileElem {height: 55px;}
	table.m_bbs_Cmt td.m_cmt_text, table.m_bbsCmt td.m_cmt_text {width: 70%;}
	/*모바일 덧글버튼*/
	.m_Jnit_boardCmt > ul li .editText td.m_cmt_btn a {padding: 8px 0px 11px;}
	.m_Jnit_boardCmt > ul li ul.m_cmt_btn {float: left;width: 94%;}
	.m_Jnit_boardCmt > ul li ul.m_cmt_btn li {display: block;width: 100%;}
	.m_Jnit_boardCmt > ul li ul.m_cmt_btn li a {display: block;text-align: center;}
}


@media (max-width: 380px){
	/*모바일 갤러리 리스트*/
	div.content_group div.content .m_boardWrap ul.m_gallery_list li {margin: 10px 2%;width: 96%;}
}
@media (max-width: 320px){

	div.gallery > ul > li {margin: 5%;width: 90%;}
	/*묻고답하기 아이콘*/
	.faq table.bbsList td.bgcolor span.txt {margin-left: 47px;}
	
}



.wid_fix10{
  width: 10% !important;
}

/*개인정보 수집 동의 일반 텍스트 bold처리*/
.agree--box .scrollbar-inner p, 
.agree--box .scrollbar-inner span{font-weight:bold;}

/* .board--card--list .obj .thm--box:after{
  background: url(/common/img/more.png)no-repeat center / cover;
} */
.clean .board_list.table .col_reg_date{width:13%}

.program--contents .bbs--view .bbs--view--file .btn-file {margin: 10px 5px;width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ui.bbs--view .bbs--view--file .btn_other{float:right;}
/* 직원칭찬 부분 반응형 설정 */
@media (max-width: 767px){
.form-horizontal.bucket-form>.form-group{display:flex;}
.form-horizontal.bucket-form .form-group>div[class^=col-]{display: inline-block;}
}
/* 직원칭찬 부분 반응형 END */
/* 이미지 마우스오버 재선언 */
.board--card--list .obj .thm--box:before{
  background-color: transparent;
}
.board--card--list .obj .link:hover .thm--box .inner img {
  transform: translate(-50%,-50%) scale(1.5);
}
.board--card--list .obj .item .thm--box .inner img{
    width: 100%;
    height: 100%;
}
/* 이미지 마우스오버 재선언 END */

/* 반응형 css 수정사항 2021.12.22 */
.program--contents .bbs--view .bbs--view--header span.date{line-height:1.4;}
.bbs--view--file a .ir-etc {width:30px;}
@media only screen and (max-width: 560px){
.program--contents .bbs--view .bbs--view--header .bbs--view--opt span{float:right;}}
@media only screen and (max-width: 560px){.ui.bbs--view .bbs--view--file .btn_other{float:right;}}
/* 반응형 css 수정사항 END 2021.12.22 */

.btn{margin:0;padding: 10px 14px 9px;padding-top: 8px;}
.btn-ani.btn-sm{padding: 5px 10px 7px;}
.btn-ani.btn-xs{padding: 1px 5px; font-size: 12px;}
.mt_5{margin-top:5px;}
/* 프로그램 공통 */
.btn.btn-calendar {
 padding: 4px 10px 6px;
 border-radius: 4px;}

.btn.btn-calendar i {font-size: 14px;}
.daterangepicker td, .daterangepicker th {
 padding: 5px !important;
 font-size: 14px !important;
 width: auto;
}
.form-horizontal.bucket-form .form-group .control-label:before{height:4000%;}

/* 지도버튼 */

.btn-map{position: relative;}
.btn-map:before{content:'';position: absolute;top: 8px;right: 7px;width: 16px;height: 16px;/* background-color: #fff; */background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 20.9l4.95-4.95a7 7 0 1 0-9.9 0L12 20.9zm0 2.828l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728zM12 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
table td .btn-map{width:100%;border-radius: 5px;text-align: left;padding-top: 8px;padding-bottom: 6px;}


/* 개인정보 동의 */
.ui_subscription--form{position:relative;padding:20px 25px;border:1px solid #ddd;border-top: 2px solid #2d3d4e;}
.ui_subscription--form:after{display:block;clear:both;content:'';}
.ui_subscription--form .inner{position:relative;width:100%}
.ui_subscription--form .ui_text--box .box-text__scroll{height: 150px;padding: 10px;overflow-x: hidden;overflow-y: scroll;}
.ui_radio--custom{margin-top:20px;padding-top:15px;border-top:1px solid #ddd;text-align:center}
.ui_radio--custom .inblock {display:inline-block;}
.ui_radio--custom input[type='radio']:checked + label{background: #63676d;border: 1px solid #63676d;text-shadow:0px 0px 5px rgba(0,0,0,0.3);color:#fff;}
.ui_radio--custom input[type='radio']{position:absolute;position:fixed;z-index:-100;top:-9999px;left:-9999px;}
.ui_radio--custom label{position:relative;width: 110px;height: 40px;margin: 0 3px;padding: 0 10px;color:#747981;border:1px solid #cacaca;font-size:16px;font-weight:500;line-height: 38px;text-align:right;}
.ui_radio--custom label.pre{width:auto;padding:0 15px 0 40px;}
.ui_radio--custom label .chk_ball{display:block;float:left;position:absolute;top:50%;left:15px;width:16px;height:16px;margin-top:-8px;border:1px solid #cacaca;border-radius:100%;background:#fff;}
.ui_radio--custom input[type='radio']:checked + label .chk_ball{border:5px solid #fff;background: #63676d;}
.ui_radio--custom input[type='radio']:focus + label{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;}


.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{height:auto;}
.ui-timepicker-standard{z-index:10 !important;}
@media (min-width: 768px){
 .form-inline .form-control.date-input {
  max-width: 150px;   }
}


/* 대문자화 리셋 */
.btn{margin:0;}
.btn, .inbox-pagination, .initialism, .panel-heading{text-transform:none;}
.btn-primary,.btn-primary:link,.btn-primary:visited {border-color: #132f5a;background-color: #132f5a;color: #fff}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {background-color: #256de5;border-color: #132f5a;color: #fff;}

.btn-secondary,.btn-secondary:link,.btn-secondary:visited {border-color: #132f5a;background-color: #fff;color: #132f5a}
.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover {border-color: #132f5a;background-color: #132f5a;color: #fff}





.btn-secondary.focus,.btn-secondary:focus {
 box-shadow: 0 0 0 3px rgba(134,142,150,.5)
}



/* 리스트 색상 - 상태값 색상 통일 */
.stats.stats1{color:#d5403c}/* 접수대기 자료준비중 */
.stats.stats2{color:#4175c8}/* 대기접수 */
.stats.stats3{color:#0aa699}/* 접수중 */
.stats.stats4{color:#a8b5c5}/* 접수종료 */
.stats.stats5{color:#223b62}/* 보류 */
.stats.stats6{color:#ff8400}/* 연기 */
.stats.stats7{color:#ec332e}/* 취소 */
/* 상세색상 - 상태값 색상 통일 */
.badge.circle{width: 71px !important;height: 71px !important;border-radius: 50% !important;font-size: 14px !important;letter-spacing: -1px;padding: 25px 0 !important;box-sizing: border-box;font-weight: normal;}
.badge.stats1{background-color:#d5403c !important;}/* 접수대기*/
.badge.stats2{background-color:#4175c8 !important;}/* 대기접수 */
.badge.stats3{background-color:#0aa699 !important;}/* 접수중 */
.badge.stats4{background-color:#a8b5c5 !important;}/* 접수종료 */
.badge.stats5{background-color:#223b62 !important;}/* 보류 */
.badge.stats6{background-color:#ff8400 !important;}/* 연기 */
.badge.stats7{background-color:#ec332e !important;}/* 취소 */


/* bodo */

.table.pont td{font-size:16px !important;}
.table .point{font-size:16px !important;}
.table{border-top:2px solid #304850}
.table th{background-color:#f9f9f9;font-weight: bold;}
.table td{background-color:#fff;}
.table th,
.table td{padding:15px 10px; border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height: 1.2; font-size:14px; letter-spacing:-0.08rem;}
.table thead th{color:#000}
.table thead th span{font-size:12px; letter-spacing:-0.07em;}
.table tbody th{color:#000}
.table .nodata{text-align:center;}

.table td.title{}

.table_wp{border-top:2px solid #304850}
.table_wp th{background-color:#f9f9f9;font-weight: bold;}
.table_wp td{background-color:#fff;}
.table_wp th,
.table_wp td{padding:15px 10px; border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;line-height: 1.2; font-size:14px; letter-spacing:-0.08rem;}
.table_wp thead th{color:#000}
.table_wp thead th span{font-size:12px; letter-spacing:-0.07em;}
.table_wp tbody th{color:#000}
.table_wp .nodata{text-align:center;}



.pagination .page-item.active > a, .pagination .page-item.active > .page-link, .pagination .page-item.active > span, .pagination .page-item.active > a:hover, .pagination .page-item.active > .page-link:hover, .pagination .page-item.active > span:hover, .pagination .page-item.active > a:focus, .pagination .page-item.active > .page-link:focus, .pagination .page-item.active > span:focus{background-color:#1aa0a3}
.pagination .page-item > a:hover, .pagination .page-item > .page-link:hover, .pagination .page-item > span:hover, .pagination .page-item > .page-link:focus, .pagination .page-item > a:focus, .pagination .page-item > span:focus{border-color:transparent;background-color: transparent;color:#1aa0a3}

/* 일반게시판 */
.program--search{position:relative;margin: 0 0 31px 0;padding: 18px 22px;border: none;background: #f0f5fe;text-align:center;border-radius: 5px;border: 1px solid #dbdbdb;}
.program--search:before{display:none;}
.program--search.type2{border:1px solid #e9e9e9;background:#fafafa;}
.program--search.type2:before,
.program--search.type3:before{display:none;}
.program--search.type3{border:1px solid #efefef;border-top:2px solid #5c5c5c;background:#f3f3f3;}
.program--search *{vertical-align:middle; display:inline-block;}
.program--search .search_inner{width:auto;}
.program--search .fieldset{display: block;width: 100%;position: relative;white-space: nowrap;display: table;}
.program--search .fieldset label.info{font-weight:bold;color:#3a3a3a;display:inline-block;margin-right:5px;line-height: 46px;margin-bottom: 0;font-size: 15px;}

.program--search .search_inner.float-md-left{float:left}
.program--search .search_inner.float-md-right{float:right}

.program--search .search_inner.float-md-right .fieldset{text-align:right}
.program--search .fieldset:after{display:block;content:'';clear:both}
.program--search .search--select{display:inline-block;position:relative;min-width:12%;text-align:right;margin-right: 5px;}
.program--search .search--select>div,
.program--search .search--select>span{display:inline-block;border:1px solid #c5c9d6;background-color:#fff;border-radius:5px; min-width: 68px;}


.program--search .search--select>div select,
.program--search .search--select>span select{width:100%;height: 38px;margin:0;border:none;line-height:1;font-size: 15px; padding: 0 21px 0 5px;}
.program--search .search--select div[class*="select2"],
.program--search .search--select span[class*="select2"]{border:none}
.program--search .search--select select{height:40px;line-height: 30px;}
.program--search .search--text{display:inline-block;min-width: 25%;margin:0;padding:0;margin-right: 5px;}
.program--search .search--text span{display:block;padding:0 5px;background-color:#fff;border-radius: 5px;border: 1px solid #c5c9d6;}
.program--search .search--text .element_inline{display:inline-block;}
.program--search .search--text input[type="text"]{width:100%;height: 38px;margin:0;padding:0;border:none;background-color:#fff;line-height: 32px;font-size: 15px;/* border: 1px solid #c5c9d6; */}
.program--search .search_inner.float-md-right .search--text{/* max-width:150px; */}
.program--search .search--date{display:inline-block;min-width:12%;max-width:85px;margin:0;padding:0;}
.program--search .search--date span{display:block;padding:0 5px;/* border:1px solid #aaa; */background-color:#fff;border: 1px solid #c5c9d6;border-radius: 5px;}
.program--search .search--btn{display:inline-block; margin: 0;}
.program--search .search--btn span{display:inline-block;width: 81px;height: 38px;}
.program--search .search--btn input{height:100%;padding:0 15px;border-radius:0;line-height:100%;}
.program--search .search--btn .btn--submit{background-color: #256de5;text-align:center;border-radius: 5px;}
.program--search .search--btn button{padding: 0 25px 0 10px;background-color: #00a0a0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;color:#fff;text-shadow:0 0 1px #000;border: none;font-size: 15px;font-weight: bold;background-position: 100% 49%;}
.program--search .search--btn button{/* padding:7px 14px 6px; *//* max-width: 111px; */margin: 0;height: 38px;}
.program--search .search--btn button i{display:inline-block;padding: 2px;width: 18px;height: 18px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5.463 4.433A9.961 9.961 0 0 1 12 2c5.523 0 10 4.477 10 10 0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228l-.997-1.795zm13.074 15.134A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772l.997 1.795z' fill='rgba(34,59,98,1)'/%3E%3C/svg%3E");background-size: 100%;background-position: 50%;background-repeat: no-repeat;border-radius: 50%;}
.program--search .search--btn button i:before{font-size:0;}
.program--search .btn{border-radius:5px;}
.program--search .search--btn button.btn-fin{padding:0;padding: 0 7px;font-weight: bold;letter-spacing: -1px;}
.program--search .program--count{margin-top: 5px;}
.program--search .program--count span{display:block;line-height: 32px;}
.program--search--index{margin-bottom:20px;}
.program--search--index.program--search__top{margin-top:-30px;margin-bottom: 40px;}
.program--search--index *{vertical-align:middle}
.program--search--index:after{display:block;content:'';clear:both}
.program--search--index .program--info{display:inline-block;position:relative;float:left;}
.program--page{display:inline-block;position:relative;float:right;padding-left:15px;}
.program--count{display:inline-block;position:relative;padding-left: 40px;font-size: 16px;line-height: 34px;letter-spacing:-1px;color: #666;}
.program--count *{vertical-align:top;}
.program--count:before{display:inline-block;position:absolute;top: 2px;left:0;width: 32px;height: 32px;content:'';background-color: #256de5;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3zm-1-5v2a1 1 0 0 0 2 0v-2h-2zm-2 3V4H4v15a1 1 0 0 0 1 1h11zM6 7h8v2H6V7zm0 4h8v2H6v-2zm0 4h5v2H6v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 21px;}
.program--count strong{color: #256de5;font-weight:bold;font-size: 16px;text-decoration: underline;}
.program--page *{vertical-align:middle}
.program--page .search--select{display:inline-block;position:relative;min-width:12%;text-align:right;}
.program--page .search--select span{display:inline-block;border:1px solid #aaa;background-color:#fff;}
.program--page .search--select select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.program--page label{display:inline-block;font-size:0;line-height:0;}
.program--page button{display:inline-block;width:70px;height: 44px;padding:0 10px;background-color: #223b62;color:#fff;text-align:center;text-shadow:0 0 1px #000;text-transform: capitalize;border-radius: 5px;font-size: 15px;font-weight: bold;}
.program--page .btn{width:auto;}
.program--search .program--page{border-left: none;}
.program--search .program--page:before{display:block;position:absolute;top: 15%;left:10px;width:1px;height: 70%;content:"";background-color: #c5c9d6;}
.program--count.not-icons{padding-left:0;margin-bottom:24px;}
.program--count.not-icons:before{display:none;}
@media only screen and (max-width:1200px){
 .program--search .btn-group{margin-bottom:10px;text-align:left;}
}
@media only screen and (max-width:1000px){
 .program--search .float-md-left{float:left; margin-bottom:10px}

}
@media only screen and (max-width:640px){
 .program--search .search_inner{width: 100%;}
 .program--search .search_inner.pull-right{float:none;}
 .program--search .fieldset{display:flex;width:100%}
 .program--search .fieldset *{margin-right: 0;}
 .program--search--index{}
 .program--search--index .program--info,
 .program--page{display:block;float:none;}
 .program--page{text-align:right}
 .program--search{padding:15px 3%;}
 .program--search select{width:100%;height:34px;margin:2px 0;line-height: 1;}
 .program--search span{display:block}
 .program--search .input_text input{width:96%;margin:2px 2%;padding-right:0;padding-left:0;text-align:center;}
 .program--search .submit{width:100%;margin:2px 0;}
 .program--search.type_left{margin-top:0;margin-bottom:10px}
 .program--search .program--count span{display:inline-block;}
 .program--search .program--page{display:inline-block;border-left:none;}
 .program--search .program--page .search--select{display:inline-block;width:auto}
 .program--search .search_inner.float-md-right .fieldset{width:100%; text-align:left}
 .program--search .search_inner.float-md-right .search--text{max-width:none;}
 .program--search .search_inner.float-md-right .program--page{display:none;}
}
@media all and (max-width:600px){
 .program--search .search--select,.program--search .search--text{display:block;width:100%;max-width:inherit;margin:2px 0;}
 .program--search .search--select span,.program--search .search--text span{display:block;overflow: hidden;}
 .program--search .search--date{display:inline-block;width:47%;min-width:inherit;max-width:inherit;margin:2px 0;}
 .program--search .search--date span{display:block;}
 .program--search .search--btn{display:block;width:100%;text-align:right;margin-left:0;margin-top:2px;}
 .program--search .search--btn .btn--submit,
 .program--search .search--btn button{width:100%;margin-bottom:2px;font-size:16px;background:none;display: block;}
 .program--search .search--btn .btn--submit{background-color: #256de5;}
 .program--search .program--page{width:100%;}
 .program--search .program--page:before{display:none;}
}


/* 검색 반응형 추가  */

.basic--view{margin-bottom: 50px;}
.basic--view .inner{}
.basic--view .inner .title{position:relative;padding: 36px 18px;/* padding-right:103px; */border-top:1px solid #000;border-bottom:1px solid #dbdbdb;}
.basic--view .inner .title > strong{display:block;line-height: 1.4;}
.basic--view .inner .title > strong i{display:block;color:#09326d;font-style: normal;font-weight: bold;}
.basic--view .inner .title > strong em{color: #000;padding: 0;font-size: 20px;}
.basic--view .inner .title .badge{position: absolute;top: 10px;right: 20px;}
.basic--view .inner .info_box{padding:32px 18px;border-bottom:1px solid #dbdbdb}
.basic--view .inner .info_box .cnts_txt{padding: 10px;border-top: 1px dashed #ddd;margin-top: 20px;}
.basic--view .inner .info_box .list-1st{}
.basic--view .inner .info_box .list-1st li{/* padding-left: 256px; */min-height: 26px;}
.basic--view .inner .info_box .list-1st.col2 li{display:inline-block;width:49%}
.basic--view .inner .info_box .list-1st li em{font-weight:bold;width: 287px;display: inline-block;/* position: absolute; *//* top: 0; *//* left: 18px; */position: relative;color: #333;margin-right: 11px;}
.basic--view .inner .info_box .list-1st li em .fa,
.basic--view .inner .info_box .list-1st li em span{display:none;}
.basic--view .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 8px;right:0;width:1px;height:12px;background-color:#ddd;}
.basic--view .inner .footer-button{margin-top:20px;margin-bottom: 0;text-align:center; display:flex; justify-content:center;}
.basic--view .inner .footer-button .btn{min-width:120px;text-align:center;border-radius:5px;line-height: 30px;font-size: 16px;font-weight: bold; margin:0 3.5px }

@media all and (max-width:999px){
 .basic--view .inner .info_box .list-1st li em{display:block;width:100%;}
 .basic--view .inner .info_box .list-1st li em:before{display:none;}
 .basic--view .inner .info_box .list-1st li{letter-spacing: -1px;}
}



.form-control.tel{width:80px;}
.form-control + span{font-size: 13px;padding: 0 2px;font-weight: bold;}
.form-control{padding: 0 5px;border: 1px solid #c5c9d6;background-color: #fff;border-radius: 5px !important;}
.form-control[type="tel"]{width:100px;}
.form-control.error{border-color: #EA5455;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z' fill='rgba(234,84,85,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 98% 50%;background-size: 16px;}
.form-control.valid{border-color: #28c76f;}
.form-error-message{background:none;font-size: 13px;font-weight: bold;padding-top: 2px;background: none !important;letter-spacing: -1px;line-height: 1.3;}
.error.form-error-message:before{content: "ERROR";/* background-color: #dc3545; */display: inline-block;position: relative;top: -1px;margin-right: 2px;padding: .25em .4em;padding-top: .35em;font-size: 74%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.error.form-error-message:before {color: #fff;background-color: #dc3545;}
.error.form-error-message > span{background:none;}
.form-control.datepicker{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z' fill='rgba(54,60,90,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 98% 50%;background-size: 18px;max-width: 231px;}
.inquiry--btn + .error.form-error-message,
.form-inline + .error.form-error-message{margin-top:5px;}

.ui-list__card,
.board--card--list,
.board--card--list.type2 {position: relative;
    overflow: hidden;}
.ui-list__card .obj,
.board--card--list .obj,
.board--card--list.type2 .obj {display: flex;flex-wrap: wrap;flex-direction: row;margin-top: 0;margin: 0 -7px;}
.ui-list__card .obj .col,
.board--card--list .col,
.board--card--list.type2 .col {border: 7px solid transparent;float: none;}
.ui-list__card .obj .item,
.board--card--list .obj .col .inner-box .item,
.board--card--list.type2 .obj .col .inner-box .item{border: 1px solid #aabac8;border-radius: 5px;overflow: hidden;min-height:234px;position: relative;}
.board--card--list .col .inner-box,
.board--card--list.type2 .col .inner-box {box-shadow: none;border-radius: 10px;}
.board--card--list .col .inner-box > a,
.board--card--list .col .inner-box > button,
.board--card--list.type2 .col .inner-box > a,
.board--card--list.type2 .col .inner-box > button {border: none;display: block;width: 100%;height: 100%;/* overflow: hidden; */cursor: pointer;}
.board--card--list .col .inner-box > a .item .thm--box:before,
.board--card--list .col .inner-box > button .item .thm--box:before,
.board--card--list.type2 .col .inner-box > a .item .thm--box:before,
.board--card--list.type2 .col .inner-box > button .item .thm--box:before{content: "";position: absolute;z-index: 6;top: -36px;left: 50%;margin-left: -16px;background-color: rgba(25,112,186,0.8);height: 32px;width: 32px;border-radius: 32px;transform: scale(1);transform-origin: 50% 50%;transition: transform 0.25s ease-out;}
.board--card--list .col .inner-box > a:hover .item .thm--box:before,
.board--card--list .col .inner-box > button:hover .item .thm--box:before,
.board--card--list.type2 .col .inner-box > a:hover .item .thm--box:before,
.board--card--list.type2 .col .inner-box > button:hover .item .thm--box:before{transform: scale(21);}
.board--card--list .col .inner-box > a .item .thm--box:after,
.board--card--list .col .inner-box > button .item .thm--box:after,
.board--card--list.type2 .col .inner-box > a .item .thm--box:after,
.board--card--list.type2 .col .inner-box > button .item .thm--box:after{content: "";position: absolute;z-index: 7;top:50%;left: 50%;margin-left: -28px;margin-top: -25px;height: 51px;width: 57px;transform: scale(0);transform-origin: 50% 50%;opacity: 0;transition: transform 0.25s ease-out,opacity 0.25s ease-out;transition-delay: 0.25s;background: url(/images/prog/card__more.png)no-repeat center / cover;}
.board--card--list .col .inner-box > a:hover .item .thm--box:after,
.board--card--list .col .inner-box > button:hover .item .thm--box:after,
.board--card--list.type2 .col .inner-box > a:hover .item .thm--box:after,
.board--card--list.type2 .col .inner-box > button:hover .item .thm--box:after{transform: scale(1);opacity:1;}
.ui-list__card .obj .item .thm--box,
.board--card--list .obj .thm--box,
.board--card--list.type2 .obj .thm--box{position: relative;top:0;left:0;width: 100%;height: 100%;padding-top: 200px;z-index: 1;-webkit-backface-visibility: hidden;-webkit-perspective: 2000;background-color: #f6f6f6;}


.ui-list__card .obj .item .thm--box .inner,
.board--card--list .obj .col .inner-box .item .thm--box .inner,
.board--card--list.type2 .obj .col .inner-box .item .thm--box .inner,
.board--card--list .obj .item .thm--box .inner,
.board--card--list .obj .col .inner-box .item .thm--box .inner,
.board--card--list.type2 .obj .col .inner-box .item .thm--box .inner{position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.ui-list__card .obj .item .thm--box .inner img,
.board--card--list .obj .col .inner-box .item .thm--box .inner img,
.board--card--list.type2 .obj .col .inner-box .item .thm--box .inner img,
.board--card--list .obj .item .thm--box .inner img,
.board--card--list .obj .col .inner-box .item .thm--box .inner img,
.board--card--list.type2 .obj .col .inner-box .item .thm--box .inner img{position: absolute;top:50%;left:50%;max-height:100%;max-width:100%;/*height:100%;*/transform: translate(-50%, -50%);}



.ui-list__card .obj .item .thm--box .inner,
.board--card--list .obj .thm--box .inner,
.board--card--list.type2 .obj .thm--box .inner{z-index:4;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ui-list__card .obj .item .thm--box .inner img
.board--card--list.type2 .obj .thm--box .inner img{max-width:none;max-height:100%}
.ui-list__card .obj.col1 .item,
.board--card--list .obj.col1 .col .inner-box .item,
.board--card--list.type2 .obj.col1 .col .inner-box .item,
.board--card--list .obj.col1 .item,
.board--card--list .obj.col1 .col .inner-box .item,
.board--card--list.type2 .obj.col1 .col .inner-box .item{padding-left:326px;}
.ui-list__card .obj.col1 .item .thm--box,
.board--card--list .obj.col1 .col .inner-box .item .thm--box,
.board--card--list.type2 .obj.col1 .col .inner-box .item .thm--box,
.board--card--list .obj.col1 .item .thm--box,
.board--card--list .obj.col1 .col .inner-box .item .thm--box,
.board--card--list.type2 .obj.col1 .col .inner-box .item .thm--box{position: absolute;top: 0;left: 0;width: 300px;height: 100%;padding-top:0}

.ui-list__card .obj .item .card--body,
.board--card--list .obj .card--body,
.board--card--list.type2 .obj .card--body{border:10px solid transparent;position: relative;padding: 29px;min-height: 256px;}


.ui-list__card .obj .item .card--body:before,
.board--card--list .obj .card--body:before,
.board--card--list.type2 .obj .card--body:before{content:'';position:absolute;top: -84px;left:50%;width: 500px;height: 89px;display:block;transform: translate(-50%, 0);z-index:-1;background: url(/images/prog/background__inner.png)no-repeat center / cover;}

.ui-list__card .obj .item .card--body .ui-list__title,
.ui-list__card .obj .item .card--body .tit,
.board--card--list .obj .card--body .tit,
.board--card--list.type2 .obj .card--body .tit{font-size:18px;color: #2a3d43;font-weight: bold;line-height: 1.2;}
.ui-list__card .obj .item .card--body .ui-list__txt,
.board--card--list .obj .card--body .pt,
.board--card--list.type2 .obj .card--body .pt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.5em;min-height: 3em;max-height: 3em;color: #666666;margin-bottom: 13px;}



.board--card--list .obj .card--body ul,
.board--card--list.type2 .obj .card--body ul{}
.board--card--list .obj .card--body ul li,
.board--card--list.type2 .obj .card--body ul li{display:inline-block;margin-left:18px;color: #666;font-size: 15px;}
.board--card--list .obj .card--body ul li *,
.board--card--list.type2 .obj .card--body ul li *{vertical-align:middle}
.board--card--list .obj .card--body ul li em,
.board--card--list.type2 .obj .card--body ul li em{display:inline-block;vertical-align: top;margin-top: 1px;/* font-size: 0; */}
.board--card--list .obj .card--body ul li:first-child,
.board--card--list.type2 .obj .card--body ul li:first-child{margin-left:0;}

.ui-list__card .obj .col,
.board--card--list .obj .col,
.board--card--list.type2 .obj .col{flex-basis:100%;width: 100%;-ms-flex-preferred-size: calc(100% - 14px);width:100%}
.ui-list__card .obj.col2  .col,
.board--card--list .obj.col2 .col,
.board--card--list.type2 .obj.col2 .col{flex-basis:50%;-ms-flex-preferred-size: calc(50% - 14px);width:50%}
.ui-list__card .obj.col3  .col,
.board--card--list .obj.col3 .col,
.board--card--list.type2 .obj.col3 .col{flex-basis:33.3333%;-ms-flex-preferred-size: calc(33.33333% - 14px);width:33.333%}
.ui-list__card .obj.col4  .col,
.board--card--list .obj.col4 .col,
.board--card--list.type2 .obj.col4 .col{flex-basis:25%;-ms-flex-preferred-size: calc(25% - 14px);width:25%}
.ui-list__card .obj.col5  .col,
.board--card--list .obj.col5 .col,
.board--card--list.type2 .obj.col5 .col{flex-basis:20%;-ms-flex-preferred-size: calc(20% - 14px);width:20%}


.ui-list__card .obj.col1 .item .card--body,
.board--card--list .obj.col1 .card--body,
.board--card--list.type2 .obj.col1 .card--body{padding:29px 0;}

.ui-list__card .obj.col4 .item .card--body,
.board--card--list .obj.col4 .card--body,
.board--card--list.type2 .obj.col4 .card--body,
.ui-list__card .obj.col5 .item .card--body,
.board--card--list .obj.col5 .card--body,
.board--card--list.type2 .obj.col5 .card--body{padding:29px 10px;}


.ui-list__card .obj .item .card--body .ui-list__button{display:inline-block;text-align: center;}
.ui-list__card .obj .item .card--body .ui-list__button a{padding: 15px 28px 15px;padding-left: 44px;display:block;width:100%;height:100%;text-align: left;line-height: 1.3;font-weight: bold;font-size: 14px;border-radius: 5px;}
.ui-list__card .obj .item .card--body .ui-list__button a i{position: absolute;top: 23px;left: 15px;right: auto;/* transform: translate(0, -50%); */width: 24px;height: 24px;background-color: #fff;border-radius: 50%;}
.ui-list__card .obj .item .card--body .ui-list__button a i:before{position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);width: 16px;height: 16px;background-color: transparent;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17.657 14.828l-1.414-1.414L17.657 12A4 4 0 1 0 12 6.343l-1.414 1.414-1.414-1.414 1.414-1.414a6 6 0 0 1 8.485 8.485l-1.414 1.414zm-2.829 2.829l-1.414 1.414a6 6 0 1 1-8.485-8.485l1.414-1.414 1.414 1.414L6.343 12A4 4 0 1 0 12 17.657l1.414-1.414 1.414 1.414zm0-9.9l1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07zM5.775 2.293l1.932-.518L8.742 5.64l-1.931.518-1.036-3.864zm9.483 16.068l1.931-.518 1.036 3.864-1.932.518-1.035-3.864zM2.293 5.775l3.864 1.036-.518 1.931-3.864-1.035.518-1.932zm16.068 9.483l3.864 1.035-.518 1.932-3.864-1.036.518-1.931z' fill='rgba(0,99,132,1)'/%3E%3C/svg%3E");background-size: 100%;}
.ui-list__card .obj .item .card--body .ui-list__button a i:after{display:none;}
.ui-list__card .obj .item .card--body .ui-list__button a:hover i,
.ui-list__card .obj .item .card--body .ui-list__button a:focus i{background-color: #132f5a;}
.ui-list__card .obj .item .card--body .ui-list__button a:hover i:before,
.ui-list__card .obj .item .card--body .ui-list__button a:focus i:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17.657 14.828l-1.414-1.414L17.657 12A4 4 0 1 0 12 6.343l-1.414 1.414-1.414-1.414 1.414-1.414a6 6 0 0 1 8.485 8.485l-1.414 1.414zm-2.829 2.829l-1.414 1.414a6 6 0 1 1-8.485-8.485l1.414-1.414 1.414 1.414L6.343 12A4 4 0 1 0 12 17.657l1.414-1.414 1.414 1.414zm0-9.9l1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07zM5.775 2.293l1.932-.518L8.742 5.64l-1.931.518-1.036-3.864zm9.483 16.068l1.931-.518 1.036 3.864-1.932.518-1.035-3.864zM2.293 5.775l3.864 1.036-.518 1.931-3.864-1.035.518-1.932zm16.068 9.483l3.864 1.035-.518 1.932-3.864-1.036.518-1.931z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}




.ui-list__card .obj.col1 .item .card--body{padding-right:150px;}
.ui-list__card .obj.col1 .item .card--body .ui-list__button{position:absolute;right:10px;bottom: 30px;width: 88px;height: 88px;/* transform: translate(0, -50%); */}
.ui-list__card .obj.col1 .item .card--body .ui-list__button a{padding: 15px 27px;padding-top: 44px;text-align: center;line-height: 1;}
.ui-list__card .obj.col1 .item .card--body .ui-list__button a i{position: absolute;top: 24px;left: 50%;right: auto;transform: translate(-50%, 0);}

.ui-list__card .obj.col1 .item .card--body .ui-list__title,
.ui-list__card .obj.col1 .item .card--body .tit,
.board--card--list .obj.col1 .card--body .tit,
.board--card--list.type2 .obj.col1 .card--body .tit{font-size:28px;}

.ui-list__card .obj.col1 .item .card--body .ui-list__txt,
.board--card--list .obj.col1 .card--body .pt,
.board--card--list.type2 .obj.col1 .card--body .pt{-webkit-line-clamp:4;line-height: 1.4em;min-height: 5.6em;max-height: 5.6em;color: #6e7179;margin-bottom:0;}


/* 의원소개 */
.ui-list__card.congressperson__list .obj.col2 .item{padding-left: 180px;position:relative;}
.ui-list__card.congressperson__list .obj.col2 .item .thm--box{position:absolute;top:20px;left:20px;width: 180px;height: 250px;padding-top: 0;}
.ui-list__card.congressperson__list .obj.col2 .item .thm--box .inner{}
.ui-list__card.congressperson__list .obj.col2 .item .thm--box .inner img {width: 100%;height:auto; max-height:110px;}
.ui-list__card.congressperson__list .obj.col2 .item .txtbox {display: table-cell; padding: 0 10px; vertical-align: middle;}
.ui-list__card.congressperson__list .obj.col2 .item .card--body .ui-list__title {display:block; margin-bottom:20px;color: #3661a8;  }
.ui-list__card.congressperson__list .obj.col2 .item .card--body .ui-list__title em{color: #222;font-size:16px}
.ui-list__card.congressperson__list .obj.col2 .item .card--body{padding:29px 15px}
.ui-list__card.congressperson__list .obj.col2 .item .card--body .list-1st>li{}
.ui-list__card.congressperson__list .obj.col2 .item .card--body .list-1st>li:before{display:none;}
.ui-list__card.congressperson__list .obj.col2 .item .card--body .list-1st li .label{width: 69px;font-size:16px;border-radius: 0;height:25px;display: inline-block;line-height: 1.6;padding: 0;margin-right: 10px;}
.ui-list__card.congressperson__list .obj.col2 .item .card--body .list-1st .list-2st{margin-left:10px}
@media only screen and (max-width:640px){
 .ui-list__card.congressperson__list .obj.col2 .item{padding-left:120px}
 .ui-list__card.congressperson__list .obj.col2 .item .thm--box{position:absolute;top:20px;left:20px;width:80px;}
 .ui-list__card.congressperson__list .obj.col2 .item .thm--box .inner img {width: 100%;height:auto; max-height:50px;}
}

/* 역대의원 */
.ui-list__card.staff__list .obj.col1 .item{padding:40px 30px;position:relative;padding-left: 220px;}
.ui-list__card.staff__list .obj.col1 .item .thm--box{position:absolute;top:40px;left: 90px;overflow: initial;width: 132px; height:132px; float: none; background: transparent;}
.ui-list__card.staff__list .obj.col1 .item .thm--box:before{display:inline-block;content:"";width:107px;height:79px;position:absolute;left:-50px;top:-15px;background:url('/pcms/common/images/prog/logo_gray_bg.png') no-repeat;}
.ui-list__card.staff__list .obj.col1 .item .thm--box .inner{display:block;position:relative;width:132px;height:132px;overflow:hidden;border-radius:50%;/* border: 1px solid; */}
.ui-list__card.staff__list .obj.col1 .item .thm--box .inner img {width:100%;height:auto;}
.ui-list__card.staff__list .obj.col1 .item .card--body{display:table-cell;float:none;width:55%;vertical-align:top; padding:24px}
.ui-list__card.staff__list .obj.col1 .item .card--info{display:table-cell;width:45%;padding: 10px 10px 10px 30px;border-left: 1px dashed #ddd;}
.ui-list__card.staff__list .obj.col1 .item .card--body .ui-list__title {display:block; min-height:unset; margin-bottom:20px; color:#0c418d;font-size:26px; padding:0 }
.ui-list__card.staff__list .obj.col1 .item .card--body .ui-list__title em{color: #222;font-size:16px;display: inline-block;margin-left: 5px;}
.ui-list__card.staff__list .obj.col1 .item .card--body .list-1st>li{position:relative;margin-top:5px;padding-left:80px;}
.ui-list__card.staff__list .obj.col1 .item .card--body .list-1st>li:before{left:0; top:14px; background-color:#a0a0a0; border-radius:20px}
.ui-list__card.staff__list .obj.col1 .item .card--body .list-1st>li>strong{display:block;position:absolute;top:4px;left:7px;font-weight: bold;color:#222}
.ui-list__card.staff__list .obj.col1 .item .card--info strong{font-weight:bold;font-size:18px;display:block;margin-bottom:10px;color:#222}
@media only screen and (max-width:768px){

 .ui-list__card.staff__list .obj.col1 .item{padding-left:30px;}
 .ui-list__card.staff__list .obj.col1 .item .thm--box{position:relative;top:auto;left:auto;margin:0 auto;display: block;}
 .ui-list__card.staff__list .obj.col1 .item .card--body,
 .ui-list__card.staff__list .obj.col1 .item .card--info{display:block;width:100%;padding:10px;}
 .ui-list__card.staff__list .obj.col1 .item .card--info{border-left: none;border-top: 1px dashed #ddd;}

}

/* 의원관리 */
.program--view .ui-list__card.congressperson__list .obj.col2 .item{padding: 32px 24px 24px 207px;margin:0;}
.program--view .ui-list__card.congressperson__list .obj.col2 .item .thm--box{top:50%; transform: translate(0, -50%);}
.program--view .ui-list__card.congressperson__list .obj.col2 .item .card--body .ui-list__title{font-size: 20px;margin: 5px 0 10px;padding-right:0;font-family: 'gmarket';vertical-align: middle;display: block;}
.program--view .ui.ui-list__card .obj.col2 .col .item .card--body .ui-list__title > em {font-size: 16px;font-weight:700;/* margin-bottom:20px; */font-family: 'gmarket';display: inline-block;vertical-align: middle;margin-left: 5px;}
.program--view .ui-list__card.congressperson__list .obj.col2 .item .card--body .list-1st >li{padding-left:0}
.program--view .ui.ui-list__card .obj.col2 .col .item .card--body .list-1st li .label{font-size: 14px;/* background-color: #006384; *//* border: 1px solid #006384; */width: auto;padding: 2px 10px;border-radius: 30px;color: #222;height: auto;min-width: 92px;letter-spacing: -1px;position: relative;text-align: left;}
.program--view .ui.ui-list__card .obj.col2 .col .item .card--body .list-2st{margin-left:4px}
.program--view .ui.ui-list__card .obj.col2 .col .item .card--body .list-1st li .label:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:50%;background-color:#006384}

.program--view .ui.ui-list__card .obj.col2 .col .item .card--body .list-1st li .label:after{content:' : ';position:absolute;top:0;right:0;font-weight:normal}
@media screen and (max-width:986px){

 .program--view .ui-list__card.congressperson__list .obj.col2 .col{flex-basis:100%}


}

@media screen and (max-width:640px){

 .program--view .ui-list__card.congressperson__list .obj.col2 .item .thm--box{width:180px}

}

@media screen and (max-width:500px){

 .program--view .ui-list__card.congressperson__list .obj.col2 .item {padding:32px}
 .program--view .ui-list__card.congressperson__list .obj.col2 .item .thm--box{position:relative; transform:translate(0,0); left:0; margin:0 auto }

}

/* 소개박스 */
.ui-introbox {overflow: hidden; border:1px solid #aabac8; border-radius:0 0 30px 30px;background-color:#fff;position:relative}
.ui-introbox:before {content:"";position: absolute;right: -10px;top: -10px;width: 195px;height: 223px;background:url(http://djys.v3.acego.net/images/kor/common/gnb_bg.jpg)no-repeat;/* z-index:-1; *//* border: 1px solid; */background-size: 100%;transform: rotate(180deg);}
.ui-introbox .inner {padding: 3% 4%;overflow: hidden;padding-bottom: 150px;padding-top: 50px;}
.ui-introbox .inner > strong{display:block;margin-bottom:22px;}
.ui-introbox .inner > strong em{position: relative;display: inline-block;font-size: 24px;padding: 0 2px;font-family: 'score';color: #00274e;z-index:10}
.ui-introbox .inner > strong em:before{content:'';position:absolute;bottom: 1px;left:0;width:100%;height:19px;background-color:#d2e5f0;z-index:-1;}
.ui-introbox .inner ul > li > strong{color:#000}
.ui-introbox .bottom {position:absolute;bottom:0;left:0;padding:20px;width:100%;background-color:#e6edf8; overflow: hidden;text-align:center}
.ui-introbox .bottom .btn{margin:0;}

@media screen and (max-width:640px){
 .ui-introbox .inner { padding-bottom:250px}
 .ui-introbox .inner  strong em:before{display:none;}
 .ui-introbox .inner .bottom .btn{width:100%; margin-bottom:7px}
}

/* 00.list/view */

@media screen and (max-width:689px){

 .ui-list__card .obj.col1 .item .card--body{ padding-right: 105px;}

}


/* 05. 교육프로그램 list / view / 신청 / 조회 */
/* 검색 */
.program_search {padding:50px; background:#f1f3f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.program_search .inner {margin-bottom:15px;}
.program_search .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.program_search .inner .box {float:left; position:relative; padding-left:75px;}
.program_search .inner .box.box01 {margin-right: 2%;width: 23.5%;}
.program_search .inner .box.box02 {width: 74%;}
.program_search .inner .box.box02:after{content:"";display:block;clear:both;visibility:hidden;}
.program_search .inner .box.box02 input {float:left; width:47%; min-width:auto; background:#fff url('/site/common/img/calendar_icon01.png') no-repeat 95% center;}
.program_search .inner .box.box02 .mid {float:left;width:6%; line-height:40px; font-size:20px; font-weight:500; text-align:center;}
.program_search .inner .box.box03 {width:74%}
.program_search .inner .box.box03_a {width:100%}
.program_search .inner .box.box04 {margin-right: 2%;width: 24%;}
.program_search .inner .box.box04_b {margin-right:4%; width:45%;}
.program_search .inner .box.box_last {margin-right:0;}
.program_search .inner .box .tit {position:absolute;top:0;left:0;line-height:40px;font-size:16px;color:#1f1f1f;font-weight: bold;}
.program_search .inner .box select,
.program_search .inner .box input {width:100%;height:40px;line-height:40px;background:#fff;border:1px solid #fff;font-size: 14px;color:#252525;}
.program_search .inner .box select{padding-left: 10px;padding-right: 30px;background-image:url(/pcms/common/images/ir/arrow-select.png);background-repeat:no-repeat;background-position: 99% 50%;}

.pro_btn {}
.pro_btn .pro_btn {display:inline-block; vertical-align:top; padding-left:25px; padding-right: 50px; min-width:165px; height:50px; line-height:50px; color:#fff; text-align: left; font-size:15px; font-weight:400; cursor:pointer;}
.pro_btn .pro_btn.pro_btn01 {background:#3a4760 url('/site/common/img/right_arrow_icon01.png') no-repeat 90% center;}
.pro_btn .pro_btn.pro_btn02 {background: #6d7584 url('/site/common/img/right_arrow_icon01.png') no-repeat 90% center;}

.detail_btn-box {position:relative;}
.detail_btn-box a {display:block; position:absolute;left:50%; margin-left:-70px; width:140px; padding:10px 15px 10px 50px;color:#fff;}
.detail_btn-box .open_detail_btn {background:#777 url(/lifelongedu/img/sub01/sub01_0102_icon03.png) no-repeat 20px center;}
.detail_btn-box .close_detail_btn {background:#777 url(/lifelongedu/img/sub01/sub01_0102_icon04.png) no-repeat 20px center;}

@media screen and (max-width:767px){
 .program_search{padding:20px;}
 .program_search .inner .box{float:none;width:100% !important;margin-bottom:10px;}
}

@media screen and (max-width:456px){
 .pro_btn .pro_btn.pro_btn02{margin-top:5px}
}

/*강좌신청 리스트 페이지 */
.program_con {margin:50px -1% 0;}
.program_con:after{content:"";display:block;clear:both;visibility:hidden;}
.program_con a:hover .col,
.program_con a:focus .col,
.program_con a:hover .col .inner,
.program_con a:focus .col .inner {border:1px solid #bbb;}
.program_con a:hover .col.col2,
.program_con a:focus .col.col2,
.program_con a:hover .col.col2 .inner,
.program_con a:focus .col.col2 .inner {border:1px solid #05a4e9;}
.program_con .col {float:left; margin:0 1% 20px;width:48%; border:1px solid transparent;}
.program_con .col .inner {position:relative; padding:50px 55px; min-height:475px; border:1px solid #ddd; border-top:1px solid #68696b;}
.program_con .col .inner .accept {position: absolute;top:0; right:0; padding-top:20px; width:90px; height:85px; text-align:center;}

/* 접수상태 컬러리스트 */
.program_con .col .inner .accept.accept01{background:#d5403c;}/*접수예정*/
.program_con .col .inner .accept.accept02{background:#4175c8;}/*접수중*/
.program_con .col .inner .accept.accept03{ background:#0aa699;}/*접수마감*/

.program_con .col .inner .accept.accept04{background:#a8b5c5;}/*교육중*/
.program_con .col .inner .accept.accept05{background:#223b62;} /*교육종료*/
.program_con .col .inner .accept.accept06{background:#ff8400;} /*대기자신청*/

.program_con .col .inner .accept span {display:block;color:#fff;font-size: 15px; font-weight:400;}
.program_con .col .inner .accept em {display:block; color:#ffe761;font-size: 15px; font-weight:400;}
.program_con .col .inner .in_top {padding-right: 50px;}
.program_con .col .inner .cate {margin-bottom:10px;line-height:30px;font-size:16px;color: #93713e;font-weight:500;}
.program_con .col .inner .cate span {display:inline-block;vertical-align:top;margin-right:5px;width:30px;height:30px;background: url('/site/common/img/class_icon01.png') no-repeat;}

.program_con .col .inner .cate.cate01 span {background-position:0 0;}/*정보화교육*/
.program_con .col .inner .cate.cate02 span {background-position:-30px 0;}/*평생교육*/
.program_con .col .inner .cate.cate03 span {background-position:-60px 0;}/*면동문화강좌교육*/
.program_con .col .inner .cate.cate04 span {background-position:-90px 0;}/*농업인교육*/
.program_con .col .inner .cate.cate05 span {background-position:-120px 0;}/*보건교육*/

/*.program_con .col .inner .cate.cate06 span {background-position:-150px 0;}성인문해*/
.program_con .col .inner .tit {overflow:hidden; font-size:20px; color:#1e1e1e;font-weight:500;text-overflow: ellipsis;}
.program_con .col .inner .tit .cond {display:inline-block;position:absolute;top:87px;right:10px;margin:4px 0 0 0;padding:0 10px;height:24px; line-height:22px; font-size:14px; border:1px solid #777; border-radius:20px;}



@media only screen and (max-width:1200px) {
 .program_con .col .inner .tit {height: auto;}
}

@media screen and (max-width:779px){

 .program_con .col .inner .in_top { padding-right: 69px;}

}

@media screen and (max-width:767px){
 .program_con .col{float:none;width:100%;}

}

@media screen and (max-width:410px){
 .program_con .col .inner{padding:50px 32px;}

}

.program_con .list_con_w {}
.program_con .list_con_w:after{content:"";display:block;clear:both;visibility:hidden;}
.program_con .list_con_w .list_con {width:100%;}
.program_con .list_con_w .list_con li {position:relative;margin-top:5px; padding-left:100px; font-size:15px;line-height: 22px;}
.program_con .list_con_w .list_con li span {display:inline-block; position: absolute; top:0; left:0; font-weight:500;color:#666; }
.program_con .list_con_w .list_con li:after {display: block; content: "";position:absolute; top:6px; left:80px; width:1px; height:11px; background:#cecece;}
.program_con .list_con_w .list_con li em {display:inline-block; color:#888; font-weight:300; }
.program_con .list_con_w .list_con li em b {display:inline-block; font-weight:300; color:#888;}

/* 강좌신청 뷰페이지 */

/* 상세페이지 */
.program_con.program_view {margin:0;}
.program_con.program_view .col {margin: 0 0 20px 0; width:100%;}
.program_con.program_view .col .inner { min-height:auto; }
.program_con.program_view .col .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.program_con.program_view .col .inner .cate {display:inline-block;margin-right:20px;vertical-align: top;}
.program_con.program_view .col .inner .tit {display:inline-block;}
.program_con.program_view .col .inner .in_top{position:relative}
.program_con.program_view .col .inner .in_top .cond.cond2{ position: absolute; right: 91%; top: -28px;}
.program_con.program_view .col .inner .edu_tit{font-size:17px; padding-left:30px}
.program_con.program_view .list_con_w {margin-top:20px; padding-top:20px;  border-top:1px dashed #ddd;}
.program_con.program_view .list_con_w:after{content:"";display:block;clear:both;visibility:hidden;}
.program_con.program_view .list_con_w .list_con {float:left;width:50%;}
.program_con.program_view .list_con_w .list_con li {position:relative; padding-left:111px;}
.program_con.program_view .list_con_w .list_con li:before {display: block;content: "";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background: #93713e;}
.program_con.program_view .list_con_w .list_con li:after {left:91px;}
.program_con.program_view .list_con_w .list_con li span {left:11px;}

@media screen and (max-width:767px){
 .program_con.program_view .list_con_w .list_con{width:100%;}
}

@media screen and (max-width:533px){

 .program_con.program_view .col .inner .edu_tit{padding-left:0px}
}

@media screen and (max-width:428px){

 .program_con .col .inner .tit{padding-right: 21px;}

}

@media screen and (max-width:335px){

 .program_con .col .inner .tit{padding-right: 21px;}

}

@media screen and (max-width:324px){

 .program_con .col .inner .tit{padding-right: 10px;}

}

/* 06.chart + list */
.program--search .form-group{display:flex; align-content: center; flex-wrap:wrap}
.program--search .form-group .col-sm-2{width:auto; padding:0 10px 0 0}
.program--search .form-group .col-sm-2 .btn.btn-file{padding:8px 12px}
.chart_wrap .chart{border:1px solid #dbdbdb; border-radius: 5px;}



@media screen and (max-width:676px){

 .program--search .form-group{margin-bottom:0}

}

@media screen and (max-width:430px){

 .program--search .form-group{display:flex;justify-content:center}

}


@media screen and (max-width:446px){

 .program--search .form-group{flex-direction:column}
 .program--search .form-group .col-sm-2 *{margin:0}
 .program--search .form-group .col-sm-2{margin:2px 0;padding:0 5px}
 .program--search .form-group .col-sm-2,.program--search .form-group .col-sm-2 .btn.btn-file{width:100%}

}

/* 접수상태 컬러리스트 */
.program_con .col .inner .accept.stats1{background-color:#d5403c}/*접수대기*/
.program_con .col .inner .accept.stats2{background-color:#0aa699}/*접수중*/
.program_con .col .inner .accept.stats3{background-color:#a8b5c5}/*접수종료*/
.program_con .col .inner .accept.stats4{background-color:#223b62}/*접수보류*/
.program_con .col .inner .accept.stats5{background-color:#ff8400}/*접수연기*/
.program_con .col .inner .accept.stats6{background-color:#ec332e}/*접수취소*/

/* 강좌 신청 프로그램 안내 텍스트 */
h3.pr_h3 {margin:40px 0 5px;padding: 0 0 0 20px;font-size: 20px;line-height: 1.6;font-weight: 600;color: #0d1218;}
h3.pr_h3:before {left: 0;top: 1px;width: 17px;height: 25px;background: url(/common/img/h2-bul.png);}
.check_txt {position:relative; padding-left:22px; font-size:16px; color:#e24343; font-weight:400;}
.check_txt span {display:block;position:absolute; left:2px; top:6px; width:14px; height:14px; background:url(/lifelongedu/img/sub01/sub01_0102_icon06.png)no-repeat;}

/* 강좌신청 테이블 스타일 */
/* table style */
.tbl_basic{table-layout: auto;}
table caption{position:relative;height:0;font-size:0;line-height:0;}
.tbl_basic{width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;font-size: 16px}
.tbl_basic th,
.tbl_basic td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic th:first-child{border-left:none}
/*.tbl_basic td:first-child{border-left:1px solid #d2d2d2;}*/
.tbl_basic td:first-child{border-left:none;}

.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #d2d2d2;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th,
.tbl_basic tfoot td{background-image:none;background: #f2f6f9;}
.tbl_basic tbody th{color:#333;}
.tbl_basic thead th{color:#333;background:#fafafa;}

.tbl_basic{border-top-color:#121212;}
.tbl_basic th,
.tbl_basic td{border-left-color:#d2d2d2;border-bottom-color:#d2d2d2;}
.tbl_basic tbody th{background-color: #fafafa;}

.tbl_basic td a.t_link,
.tbl_basic th a.t_link{color: #4a89dc; text-decoration: underline;}

/* 반응형테이블 */
@media(max-width:767px){

 .tbl_basic.response,
 .tbl_basic.response thead,
 .tbl_basic.response tbody,
 .tbl_basic.response tr,
 .tbl_basic.response th,
 .tbl_basic.response td{display:block;border-width:1px 0;text-align: center;}
 .tbl_basic.response th{border-bottom-width:0}

 .form-half input[type="text"],.tbl_basic tr td select{width:100%}
}

/*form 스타일*/
/* form, input set */
input,textarea,select{font-size:1em;/*font-family:Nanum Gothic;*/vertical-align:baseline;vertical-align:middle;/* font-family: 'nsk','Dotum','arial','sans-serif'; */}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:100px;width:auto;height:24px;padding:4px 5px;margin:0;border:1px solid #adadad;border-top-color:#adadad}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

:root input[type="file"]{margin-bottom:5px;padding:0 5px 0 0;border:none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:none;color:#928881}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top;width:100%;height:200px;}
select{height:28px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea{margin:0;border:1px solid #ddd;color:#666;vertical-align:middle}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{line-height:24px; height:34px}

input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{background:#f3f3f3;color:#928881}
[class^="form-"] input[type="text"],[class^="form-"] input[type="password"]{width:100%;min-width:50px;height:38px;padding:0 5px;line-height:38px;}
[class^="form-"] select{width:100%;height:38px;line-height:33px; padding-left:5px}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

.form-inline input[type="text"].form-control {width:auto;}
.form-half select,.form-half input[type="text"],.form-half input[type="password"]{width:50%}
.form-w40 input[type="text"]{width:40%}
.form-w30 input[type="text"]{width:30%}
.form-w20 input[type="text"]{width:20%}
.form-w10 input[type="text"]{width:10%}
.form-w5 input[type="text"]{width:5%}
.form-tel{overflow:hidden}
.form-tel div{float:left;width:150px}
.form-tel div.mid{width:4%;text-align:center;line-height:40px}
.form-tel div input,.form-tel div select{text-align:center;text-indent:0}
.form-tel.width75p{width:75%}
.form-max>*:first-child{margin-top:0}
.form-mail>*,
.form-birthday>*,
.form-max>*{margin-top:5px}
.form-max span input[type="radio"]{margin:0 5px 0 10px}
.form-max span:first-child input[type="radio"]{margin-left:0}
.form-max .post{width:100%;overflow:hidden}
.form-max .post input{width:31%;float:left;}
.form-max .post .form_find{float:left;margin-left:5px;}
.form-max .adress_detail{width:100%;}
.form-max .adress_detail input[type="text"]{margin-top:5px}
.form-max .adress_detail input[type="text"]:first-child{margin-top:0}
.form_find{display:inline-block;padding:5px 10px;border:1px solid #ddd}
.form-mail{overflow:hidden}
.form-mail div{float:left;width:150px;margin-top:0}
.form-mail div.mid{width:5%;text-align:center;line-height:40px}
.form-mail div.last{margin-left:1%;width:150px;margin-top: 0px}
.form-mail label.skip {position:absolute;}

.form-birthday{}
.form-birthday:after{content:"";display:block;clear:both}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}

.form-period:after,
.form-period div:after{display:block;content:"";clear:both;visibility:hidden;}
.form-period div{float:left;width:46%;}
.form-period div.mid{width:8%;line-height:40px;text-align:center;}
.form-period div select{float:left;width:49%;}
.form-period div select:first-child{margin-right:2%;}

.form-radio label{display:inline-block}
.form-radio input[type="radio"],
.form-radio input[type="checkbox"]{position:relative;top:-1px}


.form-radio .etc{margin:10px 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type="text"]{width:300px}

.form-radio.clear_width label{width:auto}

.form-radio.block label{display:block;}
.form-radio.block .text-indent{margin:5px 0 10px 20px;}
.form-radio.block .text-indent label{margin-left:10px;}

@media screen and (max-width:767px){
 .form-radio label{width:auto;padding:3px}
 .form-tel div{float:left;width:28%}
 .form-tel div.mid{width:8%;text-align:center;line-height:40px}
 .form-mail div{width:31%}
 .form-mail div.mid{width:5%}
 .form-mail div.last{width:32%}
 .form-half select, .form-half input[type="text"], .form-half input[type="password"] {width:100%;}


}


/* 나의강좌정보 */

.com_top2{ display:inline-block; width:100%; min-height:362px; border:8px solid #eef1f3; position:relative;}
.com_top2 .inner{ display:inline-block; width:100%; padding:70px 300px 70px 100px;}
.com_top2 .inner .top_icon{ position:absolute; top:54px; right:55px; width:365px; height:222px; background:url('/site/common/img/com_top_icon_ir.png') no-repeat; font-size:0; text-indent:-9999px;}
.com_top2 .inner .top_icon.icon1{ background-position:-1px -1px;}
.com_top2 .inner .top_icon.icon2{ background-position:-369px -1px;}
.com_top2 .inner .top_icon.icon3{ background-position:-737px -1px;}
.com_top2 .inner .txtwrap{ display:inline-block; width:100%;}
.com_top2 .inner .txtwrap .tit_inner{ display:inline-block; margin-bottom:10px; font-size:27px; color:#232323; line-height:30px; font-weight:700;}
.com_top2 .inner .txtwrap .check{ position:relative; padding-left:20px; color:#cb1212;}
.com_top2 .inner .txtwrap .check:before{ position:absolute; top:5px; left:2px; width:15px; height:13px; background:url(../../../images/common/com_top_icon_ir.png) no-repeat -1105px -1px; content:"";}
.com_top2 .inner .pro_btn{ margin-top:40px;}
.com_top2 .inner .pro_btn .pro_btn.pro_btn02{ margin:0 0 5px; padding:0 30px; width:auto; background-image:none; background-color:#3a4760; text-align:center;}
@media only screen and (max-width:900px){
 .com_top2{ min-height:auto;}
 .com_top2 .inner{ padding:40px;}
 .com_top2 .inner .top_icon{ display:none;}
 .com_top2 .inner .pro_btn .pro_btn.pro_btn02{ margin:1px 0;}
}
/* 본인인증페이지 */
.ui-certification{padding:30px;background-color:#fff;border:none;border-top:3px solid #4a66bd;border-bottom:1px solid #ddd;}
.ui-certification .item{float:left;width:50%;padding:10px 40px;border-left:1px solid #d7d7d7;}
.ui-certification .item:first-child{border-left:none;}
.ui-certification .item .icon{display:block;width:113px;height:113px;margin:0 auto 10px;background:url(/pcms/common/images/ir/ir-certification.png);}
.ui-certification .item .icon1{background-position:0 0}
.ui-certification .item .icon2{background-position:-110px 0}
.ui-certification .item strong{margin-bottom:20px;color:#222;font-size:20px;font-weight:bold;line-height:1.3;}
.ui-certification .item .text-box{height:96px;margin-bottom:25px;font-size:15px;line-height:20px;}
.ui-certification .item .text-box p em{color:#2253a5;}

/* 본인인증 버튼 */
.ui-certification .item .btn { min-width: unset; padding: 9px 62px 9px 14px; border-color: #6b7c8e; border-color: #132f5a; background-color: #132f5a; color: #fff; text-align: left; font-weight: 400; }
.ui-certification .item .btn-primary,.ui-certification .item .btn-primary:link,.ui-certification .item .btn-primary:visited {border-color: #132f5a;background-color: #132f5a;color: #fff}
.ui-certification .item .btn-primary.focus,.ui-certification .item .btn-primary:focus, .ui-certification .item .btn-primary:hover {background-color: #fff;border-color: #132f5a;color: #132f5a}



/* 나의신청정보조회 탑박스  */

.ui-topbox{overflow: visible;padding: 7px;border: 1px solid #d3d5db;border-width: 1px 0;box-shadow: 0px 2px 0 #f1f3f7;border-radius: 0 0 45px 0;}
.ui-topbox .inner {min-height: 190px;padding:35px 35px 35px 190px;border-radius: 0 0 45px 0;}
.ui-topbox.type1:before {display:block;position:absolute;left:0;top: 0;content:'';width: 100%;height: 30px;background: url('/site/common/img/topbox-bg.png'); z-index: -1;}
.ui-topbox:after {display:block;position:absolute;left:0;top: 76px;bottom: 0;content:'';width: 100%;height: auto;border: 1px solid #d3d5db;border-width: 0 1px;border-radius: 0 0 45px 0;clear: none;visibility: visible;}
.ui-topbox.type1 .ir-icon {top:35px;left:35px;background-color: #eaedf7;background-image: url(/site/common/img/ir-icon__md.png);}
.ui-topbox .inner {padding:35px 35px 35px 200px;}
.ui-topbox .inner .h-box {font-size: 20px;font-weight:bold;color: #131313;}
.ui-topbox .inner .h-box em{margin-left:10px;font-size:15px;color:#716f6f;}
.ui-topbox .inner .h-box em i{color:#cf2a4d}
.ui-topbox .inner .border{border-top: 1px dashed #cccccc;}
.ui-topbox.type1:after{display:none}
.ui-topbox.type1 .inner{border:0}
.ui-topbox.type1 .inner:before,.ui-topbox.type1 .inner:after{display:none}

@media screen and (max-width: 767px){
 .com_top{ min-height:auto;}
 .com_top .inner{ padding:30px 30px;}
 .com_top .inner .top_icon{ display:none;}
}

/* 나의강좌 신청확인 탑박스*/

.com_top{ display:inline-block; width:100%; min-height:198px; background-color:#f1f3f4;}
.com_top .inner{ display:inline-block; width:100%; padding:44px 50px 44px 200px; position:relative;}
.com_top .inner .top_icon{ position:absolute; top:44px; left:50px; width:110px; height:110px; border-radius:50%; background:url(/site/common/img/top_icon.png) no-repeat #fff; font-size:0; text-indent:-9999px;}
.com_top .inner .top_icon.icon1{ background-position:-2px -116px;}
.com_top .inner .top_icon.icon2{ background-position:-115px -116px;}
.com_top .inner .top_icon.icon3{ background-position:-228px -116px;}
.com_top .inner .top_icon.icon4{ background-position:-341px -116px;}
.com_top .inner .top_icon.icon5{ background-position:-454px -116px;}
.com_top .inner .top_icon.icon6{ background-position:-567px -116px;}
.com_top .inner .txtwrap{ display:inline-block; width:100%;}
.com_top .inner .txtwrap .tit_inner{ display:inline-block; margin-bottom:10px; font-size:20px; color:#2c3aa9; line-height:24px; font-weight:700;}
@media (max-width: 767px){
 .com_top{ min-height:auto;}
 .com_top .inner{ padding:30px 30px;}
 .com_top .inner .top_icon{ display:none;}
}

/* search form */

.search_my {position:relative; margin-bottom:30px;padding:15px 20px 15px 320px; border:1px solid #ddd; background:#fff; font-size:15px; color:#777;}
.search_my:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.search_my .total {position:absolute; top:23px; left:20px;}
.search_my .total .inner {position:relative;  padding-left:20px;}
.search_my .total .inner span {display:block; position:absolute; top:5px; left:0; width:10px; height:12px; background:url(/lifelongedu/img/sub01/sub01_0103_icon01.gif) no-repeat;}
.search_my .total .inner strong {margin-right:3px;color: #93713e;font-weight:400;}
.search_my .searchbox {text-align:right;}
.search_my .searchbox label {line-height:38px; margin-right:10px;}
.search_my .searchbox select,
.search_my .searchbox input {width:180px; height:38px; margin-right:5px; padding:0 5px; border:1px solid #ddd;}
.search_my .searchbox .search_btn1 {display:inline-block;width:87px; height:38px; line-height:38px; background:#3a4760; text-align:center; color:#fff;}
@media only screen and (max-width:1000px){
 .search_my {padding:25px 20px;}
 .search_my .total {position:static;}
 .search_my .searchbox {margin-top:15px;text-align:left;}
 .search_my .searchbox select,
 .search_my .searchbox input {width:40%;margin-right:1%;}
 .search_my .searchbox .search_btn1 {width:15%; max-width:90px;margin:0;}

 .search_my.search_my2 {padding:15px 20px 15px 320px; }
 .search_my.search_my2 .total {position:absolute;}
 .search_my.search_my2 .searchbox {margin-top:0;text-align:right;}
}

@media only screen and (max-width:750px){
 .search_my.search_my2 {padding:25px 20px;}
 .search_my.search_my2 .total {position:static;}
 .search_my.search_my2 .searchbox {margin-top:15px;text-align:left;}
 .search_my.search_my2 .searchbox label {width:20%; min-width:50px;}
 .search_my.search_my2 .searchbox input,
 .search_my.search_my2 .searchbox select {width: 60%;margin-right:1%;}
 .search_my.search_my2 .searchbox .search_btn1 {width:20%; max-width:90px;margin:0;}
}
@media only screen and (max-width:480px){
 .search_my .searchbox select,
 .search_my .searchbox input {width:100%;margin-bottom:5px;}
 .search_my .searchbox .search_btn1 {width:100%; max-width:100%;}
}
@media only screen and (max-width:400px){
 .search_my.search_my2 .searchbox label {width:100%;}
 .search_my.search_my2 .searchbox select,
 .search_my.search_my2 .searchbox input {width:100%;margin-bottom:5px;}
 .search_my.search_my2 .searchbox .search_btn1 {width:100%; max-width:100%;}
}

/* 나의강좌정보 신청조회 버튼 */
.table tr td .btn{padding:5px; font-size:8px; letter-spacing:-0.08em;     min-width: 50px;}

/* 테이블 반응형 */
@media only screen and (max-width:767px){
 .flip-scroll .table thead th,.flip-scroll td,.flip-scroll th{border-bottom:0;}
 .flip-scroll .cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
 .flip-scroll table{border-collapse:collapse;border-spacing:0;display:block;position:relative;width:100%;}
 .flip-scroll td,.flip-scroll th{margin:0;vertical-align:top;}
 .flip-scroll thead{display:block;float:left;}
 .flip-scroll tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;}
 .flip-scroll thead tr{display:block;}
 .flip-scroll th{display:block;text-align:right;border-left:0;}
 .flip-scroll tbody tr{display:inline-block;vertical-align:top;}
 .flip-scroll td{display:block;min-height:1.25em;text-align:left;border-left:0;border-right:0;}
 .flip-scroll tbody tr{border-left:1px solid #babcbf;}
 .flip-scroll td:last-child,.flip-scroll th:last-child{border-bottom:1px solid #babcbf;}
 .no-more-tables{width:100%;overflow:hidden;border-top: none;}
 .no-more-tables .table-default colgroup,.no-more-tables .table-default thead th{display:none;}
 .no-more-tables .table-default tbody tr{display:block;padding:10px;border-bottom:1px solid #d9d9d9;}
 .no-more-tables .table-default tbody tr:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
 .no-more-tables .table-default tbody tr:nth-child(odd){background:#f8f8f8;}
 .no-more-tables .table-default tbody td{display:block;width:100%;padding:5px 10px;border:none;text-align:left;box-sizing:border-box;word-break:keep-all;word-wrap:break-word;border-bottom:1px dashed #ccc;}
 .no-more-tables .table-default tbody tr td:last-child{border-bottom:none;}
 .no-more-tables .table-default [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;min-width:15%;margin-right:15px;padding-right:10px;font-size:16px;font-weight:bold;color:#222;border-right:1px solid #ccc;}
 .no-more-tables .table-default .checkbox{display:none;}
 .table-form tr{display:block;border-bottom:1px solid #eff2f7;padding:15px;}
 .table-form td,.table-form th{border-bottom:none;display:block;width:100%;padding:3px 10px!important;box-sizing:border-box;text-align:left;}
 .table-form tbody tr th label{padding:0 15px;font-weight:700;}
 .table-form tr:last-child{border:none;padding-bottom:0;}
 .text-sm-left{text-align:left;}
 .text-sm-center{text-align:center;}
 .text-sm-right{text-align:right;}
}

/* 스크롤이미지 */
.table_scroll { display:none; }
@media only screen and (max-width: 767px) {
 .table_scroll { display:block; }
 .scl_x { width: 100%;  overflow-x: scroll; }
 .scl_x .tbl_basic { width: 768px; }
}

/* 00 작성폼 실무자연락처 날짜 이메일 추가스타일 */
.flx{display:flex}

.form-horizontal.bucket-form .form-group .form-inline.flx{align-items:center;}
.form-horizontal.bucket-form .form-group .form-inline.flx [class^=form-control]{width:20%}
.form-horizontal.bucket-form .form-group .form-inline.flx span{margin:0 5px}
#emailSel{margin-left: 5px;}
.form-horizontal.bucket-form .form-group.select select{width:100%}




.table-default,
.board_list{position:relative;width: 100%;margin: 5px 0 15px 0;border-top: none;text-align: center;border-top:2px solid #7a7d96;}
.table-default thead th,
.board_list thead th{position:relative;padding:15px 11px;border-bottom:1px solid #e5e7ee;background:#fff;color:#363c5a;text-align:center;font-weight: bold;vertical-align:middle;word-break:keep-all;}
.table-default thead th:before,
.board_list thead th:before{display:block;content:'';position:absolute;left:0;top: 50%;bottom:0;width:1px;height:14px;background-color:#c5c9d6;transform: translate(0, -50%);}
.table-default thead tr:first-child th,
.board_list thead tr:first-child th{background-color: #fff;}
.table-default thead tr:first-child th:first-child:before,
.board_list thead tr:first-child th:first-child:before{display:none}
.table-default tbody th{background-color:transparent;position:relative;border-right:none !important}
.table-default tbody th[rowspan]{color:#363c5a;}
.table-default td[rowspan],
.table-default th[rowspan] {border-right: 1px solid #d2d2d2;}
.board_list td,
.board_list th,
.table-default td,
.table-default th{border-bottom:1px solid #e5e7ee;border-right: none;border-left: none;}
.table-default td.subject button,
.table-default td.subject a{display: inline-block;color: #333;width: 100%;text-align: center;font-weight: bold;padding:12px 30px;}
.table td.subject,
.table-default td.subject{position: relative;padding-left: 20px;}

.table-default td.subject .ir-bbs-new{position:absolute;top: 14px;left:0;}
.table td.subject,
.table-default td.subject{}
.table-default .left{text-align:left;}
.table td.subject,
.table-default td.subject,
.table-default td.subject a
.table-default td.subject button{text-align:left;}
.table .nodata__tr td{text-align:center}

.table-default td.atchFileId,
.table-default td.atchFileId a
.table-default td.atchFileId button{text-align:center;}

.table-default td.atchFileId .btn.btn-file.btn-not-ico{width:20px;/* border: 1px solid; */max-width: none;font-size: 0;padding: 0;min-width: auto;}


@media only screen and (max-width:768px){
 .no-more-tables .table-default,
 .board_list {width:100%;overflow:hidden;border-top:2px solid #151515;border-collapse: separate;}
 .board_list colgroup,
 .board_list thead th,
 .no-more-tables .table-default colgroup,
 .no-more-tables .table-default thead th{display:none;}
 .no-more-tables .table-default tbody tr{display:block;padding:10px;border-bottom:1px solid #d9d9d9;}
 .no-more-tables .table-default tbody tr:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
 .no-more-tables .table-default tbody tr:nth-child(odd){background:#f8f8f8;}
 .no-more-tables .table-default tbody td{display:block;width:100%;padding:5px 10px;border:none;text-align:left;box-sizing:border-box;word-break:keep-all;word-wrap:break-word;border-bottom:1px dashed #ccc;}
 .no-more-tables .table-default tbody tr td:last-child{border-bottom:none;}
 .no-more-tables .table-default td.subject[data-cell-header]:before,
 .no-more-tables .table-default [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;min-width:15%;margin-right:15px;padding-right:10px;font-size:16px;font-weight:bold;color:#222;border-right:1px solid #ccc;}
 .no-more-tables .table-default .checkbox{display:none;}
 .board_list.table tbody td[data-cell-header]:before,
 .board_list.table tbody td.subject[data-cell-header]:before{display:none}
 .board_list.table tbody tr{position:relative;padding-left:70px;text-align: left;}
 .board_list.table tbody td{border-bottom:none;display:none;width: auto;background: transparent;}
 .board_list.table tbody td:first-child{display:inline-block;position:absolute;left: 5px;top: 20px;width: 55px;padding: 5px 0;text-align:center;background: transparent;}
 .board_list.table tbody td.title,
 .board_list.table tbody td.inq_cnt,
 .board_list.table tbody td.wrt,
 .board_list.table tbody td.reg_date,
 .board_list.table tbody td.mo-show{display:inline-block;position:relative;padding: 0 15px 0 0;margin: 0 15px 0 0;}
 .board_list.table tbody td.title a{width:auto;/* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 1; */text-overflow: ellipsis;overflow: hidden;line-height: 1.6;height: 28px;/* display: block; */padding: 1px 0 0;white-space: nowrap;overflow: hidden;display: block;color: #000;font-weight: bold;}
 .board_list.table tbody td.title{padding:0;}
 .board_list.table tbody td.inq_cnt:before,
 .board_list.table tbody td.wrt:before,
 .board_list.table tbody td.reg_date:before,
 .board_list.table tbody td.mo-show:before{content:'';position:absolute;top: 7px;right:0;width:1px;height:10px;border-right: 1px solid #ddd;display:inline-block;margin:0;min-width:auto;}
 .board_list.table tbody td.numbers{width: 100%;display:block;padding: 0;font-weight: bold;font-size: 13px;}
 .board_list.table tbody td.title{width: 100%;padding-left:0px;}
 .board_list.table tbody td[colspan]:first-child{position: static;width: 100%;text-align: left;}
 .program--search .search--btn span{width:100%}
 .table-default.table tbody td.mo-show.td-tel,
 .board_list.table tbody td.mo-show.td-tel{}
 .table-default td.subject .ir-bbs-new{top:5px;}
}




.suggestion_wrap {position:relative;background: #e6f3ff; border-radius:20px;padding: 70px;}
.suggestion_wrap:after {content:''; position:absolute;width: 433px;height: 233px; background:url(/scmayor/chief/img/sub/sub0301_img01.png) no-repeat center;background-size: contain;top: 80px;right: 50px;}
.suggestion_wrap .suggestion_cont .txt > * {color: #555;}
.suggestion_wrap .suggestion_cont .txt p:first-child {font-family:GmarketSansMedium;font-size:1.3rem;margin-bottom: 10px;}
.suggestion_wrap .suggestion_cont .txt p:first-child,
.suggestion_wrap .suggestion_cont .txt p:first-child strong,
#conts .suggestion_wrap .suggestion_cont .txt p:first-child span {font-family: 'gmarket'; font-size:2rem;line-height: 1.3;color: #122454; letter-spacing:-0.09em; font-weight:600;}
.suggestion_wrap .suggestion_cont .txt p .point1 {color: #2d59ce !important; font-family: 'gmarket'; letter-spacing:-0.05em;}
.suggestion_wrap .suggestion_cont .txt p:last-child strong {color:#000;}
.suggestion_wrap .suggestion_cont .btn_box {margin-top:50px;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn {position:relative; margin-right:.3rem; display:inline-block;  width: 175px;font-size: 1.1rem;font-weight: 400;text-align: center; color:#fff;border-radius: 10px;background: #1b44b3;padding: 10px 25px;overflow: hidden;transition: all 0.3s;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn:hover {background: #092c87;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn:after {display:none;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn .stitle{font-size:18px;  letter-spacing:-0.06em; display:block; margin-bottom:3px; font-family: 'gmarket'; color:#fff; position:relative;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn .stext{font-size:13px; letter-spacing:-0.1em; display:block; line-height:18px; margin-top:3px; color:#efefef;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn .stitle:after{ border-bottom:1px solid #ddd; opacity: 0.2;}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn.bg01{background:#493da1}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn.bg02{background:#05a359}
.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn.bg03{background:#35b1b3}
@media all and (max-width:1300px){
	.suggestion_wrap:after {right:0;}
}

@media all and (max-width:1200px){
	.suggestion_wrap:after {width:40%;}
}

@media all and (max-width:840px){
	.suggestion_wrap {padding: 300px 50px 50px;}
	.suggestion_wrap:after {top: -10px; right:auto; left:50%; margin-left:-20%;}
	.suggestion_wrap .suggestion_cont .txt p {text-align:center;}
	.suggestion_wrap .suggestion_cont .btn_box {text-align:center;}
}

@media all and (max-width:768px){
	.suggestion_wrap {padding: 300px 40px 30px;}
	.suggestion_wrap:after {width: 320px;height: 280px;top: 10px;margin-left: -160px;}
	.suggestion_wrap .suggestion_cont .txt p br {display:none;}
}

@media all and (max-width:640px){
	.suggestion_wrap .suggestion_cont .txt p:first-child, .suggestion_wrap .suggestion_cont .txt p:first-child strong, .suggestion_wrap .suggestion_cont .txt p:first-child span {font-size: 1.5rem !important;}
	.btn_box a{width:100% !important; margin-top:10px;}
}

@media all and (max-width:460px){
	.suggestion_wrap {padding: 230px 20px 20px;}
	.suggestion_wrap:after {width: 260px;margin-left: -130px;top: -20px;}
	.suggestion_wrap .suggestion_cont .txt p,
	.suggestion_wrap .suggestion_cont .txt p strong {font-size:1.1rem;}
	.suggestion_wrap .suggestion_cont .btn_box {margin-top:30px;}
	.suggestion_wrap .suggestion_cont .btn_box .suggestion_btn {width:26%; font-size:1rem;text-align: center;padding: 15px;}
}

@media all and (max-width:380px){
	.suggestion_wrap .suggestion_cont .txt p:first-child,
	.suggestion_wrap .suggestion_cont .txt p:first-child strong,
	.suggestion_wrap .suggestion_cont .txt p:first-child span {font-size: 1.3rem !important;}
}



.yearbox {
	position: relative;
	width: 100%;
	min-height: 630px;
	padding-left: 440px;
	margin: 30px 10px 80px;
}
.yearbox.yearbox2 {
	min-height: auto;
}
.yearbox.yearbox2 .head {
	top: 18px;
}
.yearbox .head {
	position: absolute;
	left: 0;
	top: 160px;
	width: 300px;
	height: 100%;
}
.yearbox .head:after {
	content: "";
	display: block;
	position: absolute;
	right: -90px;
	top: -30px;
	z-index: 0;
	width: 213px;
	height: 210px;
	background: url(/images/home/sub04/yearbox_simbol.png) no-repeat center center;
}
.yearbox .head strong {
	display: block;
	position: relative;
	z-index: 10;
	line-height: 35px;
	padding-bottom: 30px;
	font-weight: 600;
	font-size: 37px;
	color: #353535;
	letter-spacing: -0.09em;
	    font-family: 'gmarket';
}
.yearbox .head strong span{color:#256de5;   font-family: 'gmarket';}
.yearbox .head p {
	position: relative;
	z-index: 10;
	margin: 20px 0 90px 0;
	font-size:17px;
	letter-spacing:-0.06em;
}
.yearbox .head p span {
	display: inline-block;
	position: relative;
	line-height: 34px;
	font-weight: 400;
	font-size: 24px;
	color: #33373b;
}
.yearbox .head p span:last-child {
	color: #777;
	line-height: 31px;
	letter-spacing: -0.06em;
	font-size: 20px;
}
.yearbox .head strong:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #42478f;
	position: absolute;
	left: 0%;
	bottom: 0;
	margin-left: 5px;
}
.yearbox .head p span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background-color: #33373b;
}
.yearbox .head p span:last-child:after {
	display: none;
}
.yearbox .head .boxs img {
	display: block;
	width: 100%;
}
 .yearbox .head .boxs img:not(:nth-child(1)) {
margin-top:15px;
}
.yearbox .midd {
}
.yearbox .midd>ol {
	position: relative;
}
.yearbox .midd>ol:before {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ddd;
}
.yearbox .midd>ol>li {
	position: relative;
}
 .yearbox .midd>ol>li:not(:nth-child(1)) {
padding-top:20px;
}
.yearbox .midd>ol>li>strong {
	display: block;
	position: relative;
	line-height: 24px;
	padding: 5px 0 5px 50px;
	font-size: 18px;
	color: #42478f;
	background-color: #fff;
	font-weight: 700;
	  font-family: 'gmarket';
}
.yearbox .midd>ol>li>strong:before, .yearbox .midd>ol>li>strong:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 24px;
	height: 24px;
	background-color: #256de5;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.yearbox .midd>ol>li>strong:before {
	opacity: 0.1;
}
.yearbox .midd>ol>li>strong:after {
	transform: scale(0.3);
}
.yearbox .midd>ol>li>ol {
	padding-bottom: 20px;
	margin: 10px 0 0 50px;
}
.yearbox .midd>ol>li:not(:last-child)>ol {
	border-bottom: 1px dashed #ddd;
}
.yearbox .midd>ol>li>ol>li {
	position: relative;
	padding-left: 0px;
	margin: 5px 0;
}
.yearbox .midd>ol>li>ol>li>strong {
	display: block;
	line-height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	color: #596068;
}
.yearbox .midd>ol>li>ol>li>p {
	line-height: 26px;
	margin: 0;
	font-size: 17px;
	color: #596068;
}

@media all and (max-width: 900px) {
.yearbox {
	padding-left: 320px;
}
}
 @media all and (max-width: 700px) {
.yearbox {
	padding-left: 0;
	margin: 40px 0;
}
.yearbox .head {
	position: relative;
	width: auto;
	top:0;
}
.yearbox .head p {
	width: 260px;
	margin-bottom: 30px;
}
.yearbox .head .boxs img {
	display: inline-block;
	width: auto;
	height: 161px;
	vertical-align: top;
}
 .yearbox .head .boxs img:not(:nth-child(1)) {
margin-top:0;
}
 .yearbox .head .boxs img:not(:nth-child(3)) {
margin-top:10px;
}
 .yearbox .head .boxs img:not(:nth-child(4)) {
margin-top:10px;
}
.yearbox .midd {
	margin-top: 40px;
}
 }
 
  @media all and (max-width: 600px) {
.yearbox .head .boxs:after {
	content: "";
	display: block;
	clear: both;
}
.yearbox .head .boxs img {
	display: block;
	float: left;
	width: 49%;
	height: auto;
}
.yearbox .head .boxs img:nth-child(2) {
	float: right;
}
.yearbox .head .boxs img:nth-child(3) {
	float: right;
}
}
 @media all and (max-width: 500px) {
.yearbox {
	padding-left: 0;
	margin: 0px 0;
}
.yearbox .head strong {
	line-height: 35px;
	font-size: 28px;
}
.yearbox .head p {
	margin: 15px 0 20px 0;
}
.yearbox .head p span {
	line-height: 29px;
	font-size: 20px;
}
.yearbox .midd {
	margin-top: 20px;
}
.yearbox .midd>ol>li>strong {
	padding-left: 40px;
	font-size: 16px;
}
.yearbox .midd>ol>li>ol {
	margin-left: 40px;
}
.yearbox .midd>ol>li>ol>li>strong,  .yearbox .midd>ol>li>ol>li>p {
	font-size: 15px;
	line-height: 20px;
}
.yearbox .head p span:last-child {
	font-size: 17px;
}

}