@charset "utf-8";
@import url('./base.css');
.tp .pageSetting{font-size: 10px;}
.tp .pageSetting .w30{width: 30%;}
.tp .pageSetting{font-family: "Malgun Gothic", sans-serif; font-weight:400; letter-spacing: -.25px; color: #1f1f1f;}
.tp .pageSetting a.link{text-decoration: underline; color: initial;}
.tp .pageSetting a.link:hover{text-decoration: underline; color: initial;}
.tp .pageSetting a:active, a:focus , a{outline: none !important;}
.tp .pageSetting table a{color: #1f1f1f; display: inline-block; position: relative; vertical-align: top;}
.tp .pageSetting table a:after{content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px; background: #ccc;}
.tp .pageSetting table a.btnTypeDef{vertical-align: middle;}
.tp .pageSetting table a.btnTypeDef:after{content: none;}
.tp .pageSetting table input{border-radius: 0; border: 1px solid #ccc; background: #fff;}
.tp .pageSetting table label{font-size: 14px; color: #1f1f1f;}
.tp .pageSetting table label.label100{width: 100%;}
.tp .pageSetting .pageSetTbl tbody + tbody + tbody{display: none;}

/* 파일 찾기 */
 /* 업로드 인풋 */
.tp .pageSetting .common_upload[type=file]{position: absolute; opacity: 0; filter: alpha(opacity=0); left: 0; top: 0;}
.tp .pageSetting .common_upload_wrap .input_val{margin-bottom: 0; height: 40px; line-height: 22px; width: 100%; border: 1px solid #dbdbdb; font-weight: 300; padding-left: 10px; font-size: 16px;}
.tp .pageSetting .common_upload_wrap .searchBtn{margin: 0; position: absolute; right: 0; top: 50%; margin-top: -15px;}
.tp .pageSetting .common_upload_wrap .searchBtn:before{color: #fff;}
.tp .pageSetting .common_upload_wrap label{width: 100%; display: block; position: relative; padding-right: 130px; overflow: hidden;}
.tp .pageSetting .upload_noti{padding: 12px 0 0;}
.tp .pageSetting .upload_noti li{padding: 4px 0; position: relative; color: #666;}
.tp .pageSetting .upload_noti li.last{padding-bottom: 0;}
.tp .pageSetting .upload_noti li:before{content: ''; display: inline-block; vertical-align: middle; margin-right: 8px ; width: 2px; height: 2px; background: #ccc;}
.menu_board_form .form-group{margin-left: 0; margin-right: 0;}



/* 버튼 */
.tp .pageSetting .btnTypeDef{padding: 0 20px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; padding-top: 3px; padding-bottom: 3px; color: #fff; min-width: 90px; cursor: pointer; text-decoration: none; font-weight: 400;}
.tp .pageSetting .btnTypeDef:hover{text-decoration: none;}
.tp .pageSetting .btnTypeDef{background: #9f9b9b; border: 2px solid #9f9b9b;}
.tp .pageSetting .btnTypeDef{background: #879ca7; border: 2px solid #879ca7; color: #fff;}
.tp .pageSetting .btnTypePrm{background: #292c34; color: #fff; border: 2px solid #292c34;}
.tp .pageSetting .btnTypePrmCan{background: #fff; color: #292c34; border: 2px solid #292c34;}
.tp .pageSetting .btnTypePrm.lg,
.tp .pageSetting .btnTypePrmCan.lg{min-width: 141px; padding-top: 15px; padding-bottom: 16px; font-size: 18px;}
.tp .pageSetting .btnTypeDef:hover, .btnTypeDef:focus{color: #fff;}
.tp .pageSetting .btnTypePrmCan:hover, .btnTypePrmCan:focus{color: #292c34;}
.tp .pageSetting .text-right a + a{margin-left: 10px;}
.tp .pageSetting .btnTypeDef .btn_txt{font-style: normal; vertical-align: middle; line-height: normal;}
.tp .pageSetting .btnTypeDef i{margin-left: 5px; vertical-align: middle; margin-top: 1px;}
.tp .pageSetting .btnTypeDef i.fa-plus-square{color: #9f9b9b;}
.tp .pageSetting a.txtLink{color: #1f1f1f; display: inline-block; position: relative; vertical-align: top;}
.tp .pageSetting a.txtLink:after{content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px; background: #ccc;}
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
/* 메인컬러 & 서브컬러 & 포인트컬러 */
.fTypeEn{font-family: 'Roboto', sans-serif !important; font-weight: 300;}
.mBg{background: #292c34 !important;}
.sBg{background: #9f9b9b !important;}
.pBg{background: #c13130 !important;}
.mColor{color: #292c34 !important;}
.sColor{color: #9f9b9b !important;}
.pColor{color: #c13130 !important;}
.tp .pageSetting body{font-weight: 400;}
.tp .pageSetting b, strong, th{font-weight: 500 !important;}
.headTxt01{font-size: 50px !important; font-weight: 400;}
.headTxt02{font-size: 14px !important;}
.headTxt03{font-size: 12px !important; font-weight: normal;}
.headTxt04{font-size: 11px !important;}
/* 인풋 관련 & select 사이즈조절 */
.tp .pageSetting input[type=text], .tp .pageSetting select, .cst_select .cst_selectbox, .cst_select .cst_options li a{padding: 10px 22px; height: 40px; line-height: 18px; font-size: initial; color: #1f1f1f;}
.tp .pageSetting .cst_select .cst_selectbox{padding-right: 44px; min-width: 100%;}
.tp .pageSetting table .cst_select a,
.tp .pageSetting table .cst_select a:hover{text-decoration: none;}
.cst_select .cst_selectbox:after{padding-top: 10px;}
.cst_radiobox.active:before{background: #666;}
.cst_checkbox{position: relative;}
.cst_checkbox.active:before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/common/plugin/syworks.design.library/center/images/admin/common/chk_chk.png) no-repeat center center; margin-top: 0;}

/* 컨텐츠 관련 */
.tp .pageSetting .panel{border-width: 0px; border-color: transparent !important; box-shadow: none; -webkit-box-shadow: none; margin-bottom: 10px;}
.tp .pageSetting .panel .table{margin-bottom: 0;}
.tp .pageSetting .panel-heading, .tp .pageSetting_con .panel-body{background-color: transparent !important; border-bottom: none; padding: 0; position: relative;}
.tp .pageSetting .panel-title > h4{margin-top: 0; margin-bottom: 0; color: inherit; font-size: 22px;}
.tp .pageSetting .panel-top-tbl{margin-bottom: 10px;}
.tp .pageSetting .panel_tit_type01 h3{margin: 0; color: inherit; font-size: inherit; font-weight: 300; margin-bottom: -2px;}
.tp .pageSetting .panel_tit_type02{position: relative; margin-bottom: 10px;}
.tp .pageSetting .panel_tit_type02 h4{position: absolute; left: 0; top: 3px; color: inherit;}
.tp .pageSetting .panel_tit_type03{margin-bottom: 10px;}
.tp .pageSetting .panel_tit_type04{position: relative; margin-bottom: 10px;}
.tp .pageSetting .panel_tit_type04 h3{position: absolute; left: 0; top: 5px; margin: 0; color: inherit; font-size: 16px; font-weight: 300;}
.tp .pageSetting .text-right{position: relative;}
.tp .pageSetting .text-right .previBtn{position: absolute; left: 0; top: 0;}
.tp .pageSetting .panel-info > .panel-heading{position: relative;}
 /* 테이블 관련 */
.tp .pageSetting .table{border-top: 2px solid #1f1f1f; border-collapse: collapse;}
.tp .pageSetting .table > tbody + tbody{border-top: none;}
.ie .tp .pageSetting .table.tleft{border-collapse: inherit;}
.tp .pageSetting .table th,
.tp .pageSetting .table td{background: #fff; padding: 20px 10px; vertical-align: middle;}
.tp .pageSetting .table th{padding: 25px 10px;}
.tp .pageSetting .table > thead th{border-bottom: 1px solid #ececec; font-weight: 400; font-size: 14px; text-align: left; padding-left: 30px;}
.tp .pageSetting .table > thead td{border-bottom: 1px solid #ececec; font-size: 14px; text-align: left; padding-left: 30px;}
.tp .pageSetting .table > tbody td{border-bottom: 1px solid #ececec;color: #3a434c; border-top: none; padding: 16px 10px;}
.tp .pageSetting .table > tbody th{border-bottom: 1px solid #ececec; background: #fff; font-size: 14px; text-align: left; position: relative; padding: 7px 5px;}
.tp .pageSetting .table > tfoot th{border-bottom: 1px solid #ececec; background: #fff; font-size: 14px; text-align: left; position: relative; padding: 7px 5px;}
.tp .pageSetting .table > tfoot td{border-bottom: 1px solid #ececec;color: #3a434c; border-top: none; padding: 16px 10px;}
.tp .pageSetting .table.tleft > tbody th,
.tp .pageSetting .table.tleft > tbody td,
.tp .pageSetting .table.tleft > tfoot th,
.tp .pageSetting .table.tleft > tfoot td{padding-left: 30px; border-top: none; text-align: left;}
.tp .pageSetting .table.tleft > tbody td,
.tp .pageSetting .table.tleft > tfoot td{padding-right:  40px;}
.tp .pageSetting .table.tleft > tfoot th,
.tp .pageSetting .table.tleft > tfoot td{text-align: left;}
.tp .pageSetting .panel-title span, .comments-title span{}
.tp .pageSetting .panel-title{padding: 0 15px;}
.tp .pageSetting .panel-title > h4{margin-top: 0; margin-bottom: 0; color: inherit; font-size: 22px;     font-weight: 500;     color: #292c34 !important;}
.tp .pageSetting .required:after{content: ''; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; vertical-align: middle; background: #c13130; margin-left: 5px;}
.tp .pageSetting .table th.required:after{content: ''; }
.tabMinHei{min-height: 40px; line-height: 40px;}
.tp .pageSetting .w380{width: 380px;}
.tp .pageSetting .w430{width: 433px;}
.tp .pageSetting .w550{width: 550px;}



 /* 폼 랩핑 */
.tp .pageSetting .form_group_chk{position: relative; margin-bottom: 14px;}
.tp .pageSetting .form_group_chk.last{margin-bottom: 0;}
.tp .pageSetting .form_group_chk  .form-group{padding-left: 94px;}
.tp .pageSetting .form_group_chk  .checkbox_wrap{position: absolute; left: 0; top: 50%; margin-top: -20px; margin-right: 10px;}
.tp .pageSetting .form_group_chk .sns_name{text-indent: -999em; display: inline-block; width: 40px; height: 40px; background: no-repeat left top; vertical-align: middle; margin-left: 11px;}
.tp .pageSetting .form_group_chk.facebook .sns_name{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/sns_facebook.png);}
.tp .pageSetting .form_group_chk.twitter .sns_name{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/sns_twitter.png);}


/* 테이블 관련 */
.tp .pageSet_panel,
.tp .pageSet_panel:hover{border: none; }
.tp .pageSet_tbl .table{border-top: 2px solid #1f1f1f; border-collapse: collapse; font-size: 16px;}
.ie .tp .pageSet_tbl .table.tleft{border-collapse: inherit;}
.tp .pageSet_tbl .table th,
.tp .pageSet_tbl .table td{background: #fff; padding: 20px 10px; vertical-align: middle;}
.tp .pageSet_tbl .table th{padding: 25px 10px;}
.tp .pageSet_tbl .table > thead th{border-bottom: 1px solid #1f1f1f;font-weight: 400;}
.tp .pageSet_tbl .table > tbody td{border-bottom: 1px solid #ececec;color: #3a434c; border-top: none; padding: 16px 10px;}
.tp .pageSet_tbl .table > tbody th{border-bottom: 1px solid #ececec; background: #fff; font-size: 16px; text-align: left; position: relative; padding: 10px 10px;}
.tp .pageSet_tbl .table.tleft > tbody th,
.tp .pageSet_tbl .table.tleft > tbody td{padding-left: 40px; border-top: none;}
.tp .pageSet_tbl .table.tleft > tbody td{padding-right:  40px;}
.tp .pageSet_tbl .panel-title span, .comments-title span{}
.tp .pageSet_tbl .required:after{content: ''; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; vertical-align: middle; background: #c13130; margin-left: 5px;}
.tp .pageSet_tbl .table th.required:after{content: ''; }
.tabMinHei{min-height: 40px; line-height: 40px;}



/* 검색바 */
.tp .searchType1 .navbar-collapse{text-align: center;}
.tp .searchType1 .navbar-default{background: #fff; border-bottom: 1px solid #ccc; padding: 20px 0; border-radius: 0;}
.tp .searchType1 .navbar-form{padding: 0; margin: 0; display: inline-block; float: none !important; text-align: left;}
.tp .searchType1 .navbar-header{display: none;}
.tp .searchType1 .navbar-form > .form-group{margin-right: 10px; vertical-align: top;}
.tp .searchType1 .form_search{position: relative; width: 300px; display: inline-block; vertical-align: top;}
.tp .searchType1 .form_search .form-group, .searchType1 .form_search .form-control{width: 100%;}
.tp .searchType1 .form_search .form-control{padding-right: 60px;}
.tp .searchType1 .form_search .searchBtn, .searchType1 .form_search .searchRemove{position: absolute; top: 0; background: none; border: none; height: 100%; padding: 0; width: 30px;}
.tp .searchType1 .form_search .searchBtn{right: 0; text-align: left; }
.tp .searchType1 .form_search .searchRemove{right: 40px; color: #ccc; text-align: right; display: none;}
.tp .searchType1 .form_search .searchRemove.active{display: inline-block;}
.tp .searchType1.one .form_search{width: 570px;}





/* jstl_checkbox 체크박스 */
.tp .pageSetting ul.jstl_checkbox li{display: inline-block; margin: 10px; margin-left: 0; margin-right: 0;}
/* jstl_radio 라디오 */
.tp .pageSetting ul.jstl_radio li{padding: 8px 0;}
.tp .pageSetting ul.jstl_radio li.first{padding-top: 0;}
.tp .pageSetting ul.jstl_radio li.last{padding-bottom: 0;}
.tp .pageSetting ul.jstl_radio.inline li,
.tp .pageSetting ul.jstl_radio .sort_tbl_input{display: inline-block; margin-right: 10px;}
.tp .pageSetting ul.jstl_radio .sort_tbl_input input{display: inline-block; width: 120px; margin-left: 5px;}
.tp .pageSetting ul.jstl_radio .sort_tbl_input label{margin-right: 35px;}
.tp .pageSetting .al_txt{font-size: 12px; color: #666; margin: 3px 0 ;}











/** 테스트 */
a:focus, select:focus{outline: 1px dotted gray !important;     outline: -webkit-focus-ring-color auto 5px !important;}
button:focus{}