@charset "UTF-8";

/*
	AUTHOR : Lee.Hye.Jun
	E-MAIL : service@sibizi.com
	DATE : 2019.09.10
	EDIT : 2019.09.19
	File : css/main.css
*/

/* ===========================
		 	main
=========================== */
/*.main{}
.main_search{}*/
/*.main_search .search_list{}*/
.main_search .search_list>li{position: relative;overflow: hidden;height: 56px;margin-top: 5px;padding: 10px 44px 10px 163px;background: #fff;box-sizing: border-box;}
.main_search .search_list>li.on{overflow: auto;height: auto;padding: 10px 44px 25px 163px;}
.main_search .search_list>li:first-of-type{margin-top: 0;}
.main_search .search_list>li .tit{position: absolute;top: 21px;left: 30px;font-weight: bold;font-size: 14px;color: #888;}
.main_search .search_list>li .more{position: absolute;top: 16px;right: 20px;width: 24px;height: 24px;border-radius: 2px;background: #88949c;font-size: 0;}
.main_search .search_list>li .more:before{position: absolute;top: 11px;left: 8px;width: 8px;height: 2px;background: #fff;content: ''}
.main_search .search_list>li .more:after{position: absolute;top: 8px;left: 11px;width: 2px;height: 8px;background: #fff;transition: all 0.3s;content: '';}
.main_search .search_list>li .more.on:after{transform: rotate(90deg);transition: all 0.3s}
/*.main_search .search_list>li .btn_list{}*/
.main_search .search_list>li .btn_list li{display: inline-block;margin-right: 10px;}
.main_search .search_list>li .btn_list li:last-of-type{margin-right: 0;}
.main_search .search_list>li .btn_list li:nth-of-type(n+7){margin-top: 10px;}
/* justify-content 추가(react button은 justify content가 inherit 왼쪽 정렬), max-width 수정(버튼 크기가 맞지 않음)  - mangosystem 김근배 */
/* .main_search .search_list>li .btn_list li button{position: relative;min-width: 150px;height: 36px;padding: 0 40px 0 12px;border-radius: 4px;background: #eceff1;font-weight: 500;font-size: 14px;color: #88949c;text-align: left;box-sizing: border-box;} */
/* justify-content 수정 - mangosystem 김근배 */
.main_search .search_list>li .btn_list li button{position: relative;min-width: 158px;height: 36px;padding: 0 40px 0 12px;border-radius: 4px;background: #eceff1;font-weight: 500;font-size: 14px;color: #88949c;text-align: left;box-sizing: border-box; justify-content:flex-start;}
/* span 추가 (react button은 생성될때 span이 하나 더 생성됨) - mangosystem 김근배   */
.main_search .search_list>li .btn_list li button span span{position: absolute;top: 13px;right: 12px;font-family: "Roboto";font-weight: bold;font-size: 14px;color: #88949c;}
.main_search .search_list>li .btn_list li button.on{background: #ff4c66;color: #fff;}
/* justify-content 추가(react button은 justify content가 inherit) - mangosystem 김근배 */
/*.main_search .search_list>li .btn_list li button.on span{color: #fff;}*/
.main_search .search_list>li .btn_list li button.on span{color: #fff; justify-content: left;}
/*.main_search .search_list>li .region{}
.main_search .search_list>li .region .region_select{}*/
.main_search .search_list>li .region .region_select .select_basic{width: 180px;margin-right: 10px;font-weight: 500;}
.main_search .search_list>li .region .region_select .select_basic .disabled{color: #888;}
.main_search .search_list>li .region .region_select a.add_btn{display:inline-block;height:20px;margin-left:5px;padding-left:25px;background:url('../../img/add_btn.png') no-repeat;font-size:14px;font-weight:500;color:#88949c;line-height:20px;letter-spacing:-0.5px;} /* 십이지 2007 추가*/

/* Start : 20191022_추가 */
.main_search .search_list>li .region .region_select .region_add{margin-left: 10px;padding-left: 26px;background: url(../../img/region_add.png) no-repeat center left;font-weight: 500;font-size: 14px;line-height: 36px;color: #88949c;vertical-align: top;}
/* End : 20191022_추가 */
.main_search .search_list>li .region .region_list{margin-top: 21px;}
.main_search .search_list>li .region .region_list>li{display: inline-block;position: relative;margin-left: 18px;padding-left: 26px;font-size: 14px;line-height: 18px;color: #666;}
.main_search .search_list>li .region .region_list>li:first-of-type{margin-left: 0;}
.main_search .search_list>li .region .region_list>li .region_close{position: absolute;top: 0;left: 0;width: 18px;height: 18px;border-radius: 50%;background: url(../../img/region_close.png) no-repeat center center;font-size: 0;}
.main_search .search_list>li .region .region_list>li span{display: inline-block;font-size: 14px;line-height: 18px;color: #666;}
.main_layer{margin-top: 38px;}
.main_layer .layer_search{position: relative;margin-bottom: 18px;}
.main_layer .layer_search p{font-weight: 500;font-size: 16px;line-height: 34px;}
.main_layer .layer_search strong{font-weight: bold;font-size: 18px;}
/*.main_layer .layer_list{}*/
/* 20200122 - 십이지 수정(간격수정) - 시작*/
.main_layer .layer_list>li{display: inline-block;position: relative;width: 630px;min-height: 200px;padding: 20px 20px 20px 200px;margin-left: 20px;background: #fff;box-sizing: border-box;}
.main_layer .layer_list>li:nth-of-type(2n+1){margin-left: 0;}
.main_layer .layer_list>li:nth-of-type(n+3){margin-top: 20px;}
.main_layer .layer_list>li .img{position: absolute;top: 20px;left: 20px;width: 160px;height: 160px;border-radius: 4px;overflow: hidden;}
.main_layer .layer_list>li .txt{padding: 5px 0;}
.main_layer .layer_list>li .txt .subj{display: block;font-weight: 500;font-size: 14px;color: #ff4c66;}
.main_layer .layer_list>li .txt .tit{display: block;margin-top: 10px;font-weight: 500;font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
/* word-break, overflow, -webkit-line-clamp, -webkit-box-orient, vertical, height 추가(높이지정 및 줄바꿈, 말줄임표 추가) - mangosystem 김근배 */
/* .main_layer .layer_list>li .txt .desc{margin-top: 11px;font-size: 14px;line-height: 20px;color: #666;} */
.main_layer .layer_list>li .txt .desc{margin-top: 16px;font-size: 14px;line-height: 20px;color: #666; word-break:break-all; overflow:hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;display:-webkit-box; height:40px;}
.main_layer .layer_list>li .txt .info{margin-top: 16px;}
.main_layer .layer_list>li .txt .info>li{display: inline-block;position: relative;margin-right: 8px;padding-right: 8px;font-size: 13px;color: #666;}
.main_layer .layer_list>li .txt .info>li:after{position: absolute;top: 1px;right: 0;width: 1px;height: 12px;background: #d5d7d8;content: ''}
.main_layer .layer_list>li .txt .info>li:last-of-type{margin-right: 0;padding-right: 0;}
.main_layer .layer_list>li .txt .info>li:last-of-type:after{display: none;}
.main_layer .layer_list>li .txt .info>li img{vertical-align: top;}
.main_layer .layer_list>li .txt .info2{margin-top: 10px;}
.main_layer .layer_list>li .txt .info2 dt{display: inline-block;margin-left: 10px;font-weight: 500;font-size: 13px;color: #244579;}
.main_layer .layer_list>li .txt .info2 dt:first-of-type{margin-left: 0;}
.main_layer .layer_list>li .txt .info2 dd{display: inline-block;padding-left: 3px;font-weight: 500;font-size: 13px;color: #244579;}
/* 20200122 - 십이지 수정(간격수정) - 끝*/

/* 20200122 - 십이지 수정(더보기버튼추가) - 시작 */
.main_layer .layer_more{display: block;width: 200px;height: 34px;margin: 37px auto 0;padding: 0 23px;border: 1px solid #88949c;border-radius: 20px;background: url(../../img/layer_more.png) no-repeat center right 20px;font-weight: 500;font-size: 14px;line-height: 32px;color: #88949c;box-sizing: border-box;}
.main_layer .layer_more>a{font-weight: 500;font-size: 14px;line-height: 32px;color: #88949c;}
/* 20200122 - 십이지 수정(더보기버튼추가) - 끝 */

/*20200707 십이지 수정(더보기, 전체보기 새로 추가) - 시작*/
.main_layer .more_btn{margin-top:50px;text-align:center;}
.main_layer .more_btn a{display:inline-block;width:100px;height:38px;border:1px solid #7c8faf;border-radius:20px 0 0 20px;background:#7c8faf;font-size:13px;color:#fff;line-height:36px;letter-spacing:-0.5px;box-sizing:border-box;}
.main_layer .more_btn a.all{border-radius:0 20px 20px 0;background:none;color:#7c8faf;font-weight:500;}
.main_layer .more_btn a.all::after{content:'';display:inline-block;width:10px;height:10px;margin-left:7px;background:url(../../img/splus.png) no-repeat;}
/*20200707 십이지 수정(더보기, 전체보기 새로 추가) - 끝*/

.regis .regis_form .tbl_type2 table tbody tr td .category_add{margin-left: 10px;padding-left: 26px;background: url(../../img/region_add.png) no-repeat center left;font-weight: 500;font-size: 14px;line-height: 36px;color: #88949c;vertical-align: top;}
/* End : 20191022_추가 */
.regis .regis_form .tbl_type2 table tbody tr td .category_list{margin-top: 21px;}
.regis .regis_form .tbl_type2 table tbody tr td .category_list>li{display: inline-block;position: relative;margin-left: 18px;padding-left: 26px;font-size: 14px;line-height: 18px;color: #666;}
.regis .regis_form .tbl_type2 table tbody tr td .category_list>li:first-of-type{margin-left: 0;}
.regis .regis_form .tbl_type2 table tbody tr td .category_list>li .category_close{position: absolute;top: 0;left: 0;width: 18px;height: 18px;border-radius: 50%;background: url(../../img/region_close.png) no-repeat center center;font-size: 0;}
.regis .regis_form .tbl_type2 table tbody tr td .category_list>li span{display: inline-block;font-size: 14px;line-height: 18px;color: #666;}

/* 십이지 2007 추가 */
.main_layer .more_btn{margin-top:50px;text-align:center;}
.main_layer .more_btn a{display:inline-block;width:100px;height:38px;border:1px solid #7c8faf;border-radius:20px 0 0 20px;background:#7c8faf;font-size:13px;color:#fff;line-height:36px;letter-spacing:-0.5px;box-sizing:border-box;}
.main_layer .more_btn a.all{border-radius:0 20px 20px 0;background:none;color:#7c8faf;font-weight:500;}
.main_layer .more_btn a.all::after{content:'';display:inline-block;width:10px;height:10px;margin-left:7px;background:url(../../img/splus.png) no-repeat;}