/* ==============================공통 css=======================*/


/* sub_visual */

.sub_visual{ width: 100%; height: 410px;}
.sub_visual_txt{max-width: 1080px; margin: 0 auto; padding-top: 203px;} /*06-20*/
.sub_visual_icon{display:none;}/*07_05*/
.sub_visual_icon img{ display: block;  margin: 0 auto; }
.sub_visual_txt p{text-align: center; font-size: 15px; color: #fff; font-weight: normal; }
.sub_visual_txt p.sub_visual_title{font-size: 45px;margin-top:20px;}
/* 2017-08-19 */
.no_background{background:none !important;}

.clean_bg{background: url(../../res/imgs/sub/sub_visual01.jpg) no-repeat center; height: 410px; }

.precon_bg01{ background: url(../../res/imgs/sub/sub_visual02_01.jpg) no-repeat center; height: 410px;}
.precon_bg02{ background: url(../../res/imgs/sub/sub_visual02_02.jpg) no-repeat center; height: 410px;}

.agent_bg{ background: url(../../res/imgs/sub/sub_visual03.jpg) no-repeat center; height: 410px;}

.scanner_bg{ background: url(../../res/imgs/sub/sub_visual04.jpg) no-repeat center; height: 410px;}

.seller_bg01{ background: url(../../res/imgs/sub/sub_visual05.jpg) no-repeat center; height: 410px;}

.customer_bg{ background: url(../../res/imgs/sub/sub_visual06.jpg) no-repeat center; height: 410px;}

.membership_bg{background: url(../../res/imgs/sub/sub_visual07.jpg) no-repeat center; height: 410px; }

.mb_law_bg{background: url(../../res/imgs/sub/sub_visual08_01.jpg) no-repeat center; height: 410px; }

.find_bg{background: url(../../res/imgs/sub/sub_visual08_02.jpg) no-repeat center; height: 410px; }

.pyramid_membership_bg{background: url(../../res/imgs/pyramid/sub_visual01.jpg) no-repeat center; height: 410px; }






@media screen and (min-width:320px) and (max-width:767px) {
    
	.sub_visual{ height: 180px;}
	.sub_visual_txt{padding-top: 58px;}
	.sub_visual_txt p{font-size: 13px;  letter-spacing: -1px; line-height: 24px;  }
	.sub_visual_txt p.sub_visual_title{font-size: 24px; padding-top: 10px;}
	
	
.clean_bg{background: url(../../res/imgs/sub/sub_visual01.jpg) no-repeat center; height: 280px; background-size: cover; }

.precon_bg01{ background: url(../../res/imgs/sub/sub_visual02_01.jpg) no-repeat center; height: 280px; background-size: cover;}
.precon_bg02{ background: url(../../res/imgs/sub/sub_visual02_02.jpg) no-repeat center; height: 280px; background-size: cover;}

.agent_bg{ background: url(../../res/imgs/sub/sub_visual03.jpg) no-repeat center; height: 280px; background-size: cover;}

.scanner_bg{ background: url(../../res/imgs/sub/sub_visual04.jpg) no-repeat center; height: 280px; background-size: cover;}

.seller_bg01{ background: url(../../res/imgs/sub/sub_visual05.jpg) no-repeat center; height: 280px; background-size: cover;}

.customer_bg{ background: url(../../res/imgs/sub/sub_visual06.jpg) no-repeat center; height: 280px; background-size: cover;}

.membership_bg{background: url(../../res/imgs/sub/sub_visual07.jpg) no-repeat center; height: 280px; background-size: cover;}

.mb_law_bg{background: url(../../res/imgs/sub/sub_visual08_01.jpg) no-repeat center; height: 280px; background-size: cover; }
	
.find_bg{background: url(../../res/imgs/sub/sub_visual08_02.jpg) no-repeat center; height: 280px; background-size: cover; }

.pyramid_membership_bg{background: url(../../res/imgs/pyramid/sub_visual01.jpg) no-repeat center; height: 280px; background-size: cover; }
	
	
	.sub_visual_txt{padding-top: 120px;}
    .sub_visual{height: 280px;}
    
    
}


/* lnb */

.lnb_wrap{ max-width: 200px; height: auto; width: 18%;}
#left-menu {background-color: #fff; }
.lnb-head{height: 120px; background: url(../imgs/sub/left_top_bg.jpg) no-repeat center;}
.lnb-head p{font-size: 25px; color: #fff; text-align: center; padding-top: 47px; letter-spacing: -1px;}
.lnb-list{  background-color: #fff;  height: auto; }
.lnb-list ul li a.list-group-item{background: none; padding: 0;}
.lnb-list ul{border: 1px solid #d4d3d3; padding-top: 5px;padding-bottom:5px;}
.lnb-list ul li{padding:0 16px;   }


.lnb-list ul li:last-child .last-menu{ border-bottom: none;}
.last-sub  {border-top: 1px solid #d4d3d3;}



.lnb-list ul li a{ font-size: 14px; color: #777777; border: none; border-bottom: 1px solid #d4d3d3; height: 43px; line-height: 43px; position: relative; letter-spacing: -1px; }

.lnb-list ul li a .lnb-btn{ background: url(../imgs/sub/left_menu_btn.png) center; display: block; width: 14px; height: 14px;  position: absolute; top: 15px; right: 0;}

.sub-menu{background-color: #f4f4f4;  }
.lnb-list ul li .sub-menu .sm-detail{border-bottom: none; font-size: 14px; padding-left: 10px; height: 35px; line-height: 35px;    }
.lnb-list ul li .sub-menu .sm-detail:hover, .lnb-list ul li .sub-menu .sm-detail:focus{text-decoration: underline;}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{ color: #777; background: none; text-decoration: underline;}


@media screen and (min-width:320px) and (max-width:991px) {
	
	.lnb_wrap{display: none;}

}


/* ==================================================sub_contents_wrap */

.sub-contents-wrap{max-width: 1080px; margin: 0 auto; background-color: #fff; padding: 40px 0; }

.sub-contents{ padding-left: 50px; max-width: 880px; min-height: 600px; width: 82%; }
.sub-con-title{width: 100%;}
.sub-con-title p{ color: #202020; font-size: 25px;}
.sub-con-title span{display: block; float: right; font-size: 14px; color: #777;}
.sub-con-title span img{vertical-align: middle; padding: 0 7.5px;}

/* 06-20 추가 */
.txt-paragraph{ margin-top: 40px;}
.txt-paragraph img{vertical-align: middle; margin-right: 10px;}
.txt-paragraph dl dt{font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.5px; }
.txt-paragraph dl dd{ font-size: 14px; color: #666; line-height: 28px;  padding-left: 30px; letter-spacing: -0.5px;background-image:url(../../res/imgs/sub/con-sm-dot.png);background-repeat:no-repeat;background-position:15px 15px;}
.txt-paragraph dl dd > img{display:none;}
.txt-paragraph dl dd .txt-black > img {display:none;}
.txt-paragraph dl dd .txt-black{color: #333; font-weight: 500; margin-right: 3px;}
.txt-paragraph dl dd .text-primary{font-size: 13px; line-height: 18px; display: block; padding-left: 70px;}

@media screen and (min-width:320px) and (max-width:992px) {
    
	.sub-contents{ padding-left:0; width: 100%; }
}

@media screen and (min-width:460px) and (max-width:768px) {
    
	.sub-contents{ padding:0 10px; }   
}

@media screen and (min-width:320px) and (max-width:550px) {
    
    .sub-contents{ padding:0 10px; }
}

@media screen and (min-width:320px) and (max-width:568px) {
    
	.sub-con-title span{display: none;}    
}


/*==================================================== margin & padding */

.mgt5{margin-top: 5px;}
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgt40{margin-top: 40px;}
.mgt50{margin-top: 50px;}


.mgb10{margin-bottom: 10px;}
.mgb30{margin-bottom: 30px;}
.mgb50{margin-bottom: 50px;}

.mgl10{margin-left: 10px;}
.mgl30{margin-left: 30px;}

.pdl0{padding-left: 0px;}
.pdl10{padding-left: 10px;}
.pdl15{padding-left: 15px;}
.pdl20{padding-left: 20px;}
.pdb40{padding-bottom:40px;}
.pdlr20{padding:0 6%;}
.pd3{padding:3%;}

.fw500{font-weight: 500;}



/* =============================================Form_sytle*/

button,label,textarea,input{vertical-align: middle;outline:0; border: none; }

input[type='text'], input[type='password']{width: 96%; height: 25px; border: 1px solid #d4d3d3;  padding-left: 5px; font-size: 14px; }
input[type='radio'], input[type='checkbox'],input[type='text'] {margin-right:3px;vertical-align: middle;}
input[type='radio']{ width: 10px; height: 10px;  -webkit-appearance:radio; }
input[type='checkbox']{ width: 12px; height: 12px; vertical-align:middle; -webkit-appearance:checkbox;}

input:-ms-input-placeholder{color:#d4d3d3;}
input::-webkit-input-placeholder{color:#d4d3d3;}
input::-moz-placeholder{color:#d4d3d3;}
input:-moz-placeholder{color:#d4d3d3;}

input.small-inp{width: 25%;}
input.mid-inp{width: 40%;}
input.mid-inp02{width: 80%;}
input.mid-inp03{width: 71.6%;}
input.wide-inp{width: 99%; margin-top: 5px;}

select{height: 25px; border: 1px solid #d4d3d3; width: 28%; margin-right: 3px;  vertical-align: middle;   background:url("../imgs/sub/select_btn_arrow.png") right center content-box no-repeat; font-size: 13px; color: #555; padding-left: 5px;  }
select.wide-sl{ width: 90%;}
select.sm-sl{ width: 50%;}
select.sm-sl02{ width: 40%;}
select.md-sl{ width: 80%;}
select.md-sl02{ width: 60%;}

textarea{ width: 100%;  border: 1px solid #d4d3d3; padding: 30px; color: #666;  resize: none;}
label{font-weight: normal; vertical-align: middle;}


@media screen and  (min-width:980px) and  (max-width:1030px) {
    input.mid-inp03{width: 70.66%;}
}
/*
@media screen and  (min-width:775px) and  (max-width:979px) {
    input.mid-inp03{width: 89.66%;}
}
*/

@media screen and  (max-width:774px) {
     input.mid-inp03{width: 68%;}
}

@media screen and (min-width:320px) and (max-width:737px){
    input.mid-inp03{width: 49.7%;}
}




/*=========================================================Table Style */


table{width: 100%; border-collapse: collapse;}
table th, td{padding: 8px 0; color: #666; border: 1px solid #e6e6e6; font-size: 13px;}
table thead th{border-top: 2px solid #ffb600; text-align: center; font-weight: 500; background-color: #f3f7fa; }
table thead th:first-child{border-left: none;}
table thead th:last-child{border-right: none;}

table tbody td:first-child{border-left: none;}
table tbody td:last-child{border-right: none;}

table#APPOINT_TBL tbody td:last-child{border-right: 1px solid #e6e6e6;}
table#APPOINT_TBL tbody tr input[name="APPOINT_CD_NM"] {border: 0;margin-left: 0;padding-left: 0; text-align: center;  text-indent: 0; }
table#APPOINT_TBL tbody tr input[name="P_CODE"] {border: 0;margin-left: 0;padding-left: 0; text-align: center;  text-indent: 0; }
table#APPOINT_TBL tbody tr input[name="AGENT_NM"] {border: 0;margin-left: 0;padding-left: 0; text-align: left;  text-indent: 3px; }
table#APPOINT_TBL tbody tr input[name="AGENT_CD_NUM"] {    padding-left: 0px;margin-right: 0px;text-indent: 3px;}

table tbody td.bdl{border-left: 1px solid #e6e6e6;}

.list-table01 tbody td:last-child{padding-left: 10px; }

.table_bt_txt{ font-size: 14px; padding-top: 10px; color: #666;}
.table_bt_primary{ font-size: 13px; padding-top: 10px; color: #fc9d24; letter-spacing:-0.5px; line-height: 20px;}

.list-table01 thead th{border-top: 2px solid #ffb600 !important; text-align: center; font-weight: 500; background-color: #f3f7fa; }

.list-table02 tbody .brt-yellow{ border-top: 2px solid #ffb600;}
.list-table02 tbody th{ text-align: center; font-weight: 500; background-color: #f3f7fa; letter-spacing: -0.5px; }
.list-table02 tbody td{padding-left: 10px;}

.list-table03 tbody .brt-yellow{ border-top: 2px solid #ffb600;}
.list-table03 tbody th{ text-align: center; font-weight: 500; background-color: #f3f7fa; letter-spacing: -0.5px; }

.table_title{font-size:16px; color:#333; font-weight: bold}
.table_title02{font-size:16px; color:#548edc; font-weight: bold}



/*================================================ sub_contents : tab-menu */

.sub-tab-menu{margin-top: 35px;}
.mobile-tab{display: none;}
.mobile-tab>li>a{letter-spacing: -1px;}

.nav-pills>li{margin: 0; }
.nav-pills>li>a{border-radius: 0px; border: 1px solid #dadada; font-size: 13px; color: #777; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{color: #fff; background-color: #2c2f3e; border: 1px solid #2c2f3e; /*height: 40px;*/} /*2017-08-22수정*/
.nav-pills>li+li{margin-left: 0px;}

.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}


/*================================================ button */

button.yellow{ background-color: #ffb600; color: #fff;}
button.gray{ background-color: #626262; color: #fff;}
button.lightgray{ background-color: #f5f5f5; color: #666666; border: 1px solid #dadada;}

button.form-basic-btn{ padding: 4px 13px;}

.btn_bottom_wrap{ display: table; margin:50px auto;}
.btn_bottom_wrap button{text-align: center; margin-right: 10px; font-size: 14px; padding: 10px 25px;  letter-spacing: -0.5px;}

input[type=button].lightgray{ background-color: #f5f5f5; color: #666666; border: 1px solid #dadada;}
input[type=button].gray{ background-color: #626262; color: #fff;}
button.sky{ background-color: #62a8d5; color: #fff;} 
input[type=button].form-basic-btn{ padding: 3.5px 13px;}


@media screen and (min-width:320px) and (max-width:768px) {
    
    .btn_bottom_wrap{  margin:30px auto;  text-align: center;}
    .btn_bottom_wrap button{margin-right: 5px; font-size: 12px;  padding: 10px 15px;}
    

}

/*========================================================= text-color */

.dot-yellow{ color: #ffb600; margin-right: 5px;}
.dot-sky{ color: #62a8d5; margin-right: 5px;} 
.txt-primary02{ color: #fc9d24;}




/*=============================================표*/


.form01 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.form01 div{ color: #666; border: 1px solid #e6e6e6; font-size: 13px; padding: 10px 0; word-wrap: break-word;} 
.form01 .form-title01{ font-weight: 500; background-color: #f3f7fa; letter-spacing: -0.5px; color: #333;  border-left: none; padding-left:10px; align-items: center}
.form01 .form-title02{ font-weight: 500; background-color: #f3f7fa; letter-spacing: -0.5px; color: #333;  border-left: none; text-align: center;}
.form01 .form-contents{  letter-spacing: -0.5px; color: #666; padding-left: 10px;}

.form02 div{ color: #666; border: 1px solid #e6e6e6; font-size: 13px; padding: 10px 0; word-wrap: break-word;  }
.form02 .form-title{ font-weight: 500; background-color: #f3f7fa; letter-spacing: -0.5px; color: #333;  padding-left: 10px; border-left: none; align-items: center;}
.form02 .form-contents-wrap .form-title02{ border-left: none; background: #fff;    line-height: 26px; }
.form02 .form-contents{  letter-spacing: -0.5px; color: #666;    align-items: center; padding-left: 10px;}

.form02 .form-contents-wrap{padding: 0; border: none;}

.f-top{border-top: 2px solid #ffb600; }
.f-bottom div{border-top: none; border-left:none;border-right:none;}

.title-center{ justify-content: center;}
.bd-left{border-left: 1px solid #e6e6e6; }
.bd-right{border-right: 1px solid #e6e6e6 !important }


.bd-left-non{border-left: none}
.bd-right-non{border-right: none}

.form-remark{display: inline-block;}
.text-form{ color: #548edc; font-size: 12px; letter-spacing: -0.5px; display: block;}

.lh25{line-height: 25px}
.lh35{line-height: 35px}
.lh55{line-height: 55px}
.lh105{line-height: 105px} 
.lh145{line-height: 145px}

.form02 {
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form02 > [class*='col-'] {
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	
}
#marketDetailAgentInfo .colHeader{display: table;  border: 1px solid #e6e6e6;border-bottom: none;border-top: 2px solid #ffb600;}
#marketDetailAgentInfo .colHeaderList{display: table;  border: 1px solid #e6e6e6;}
#marketDetailAgentInfo .colHeader div,
#marketDetailAgentInfo .colHeaderList div{ float: none; display: table-cell;border:0;margin: 0; vertical-align: middle;}
#marketDetailAgentInfo .colHeaderList .readonly {border: 0;margin: 0 auto;  padding: 0; text-align: center;text-indent: 0;}
    
    
/* paging */
.pageNum{ margin-top:10px; text-align:center;}
.pageNum span{ padding:0 8px; background:url(../imgs/sub/bg_bar_pagenum.gif) left 0px no-repeat; line-height:18px;}
.nobg{background:none !important}



/*파일첨부버튼 : for div-form*/

.inp-pd{position:relative;padding:5px 10px 30px 10px !important;}
.inp-pd input{border-radius:0 5px 5px 0}
.inp-pd span{border-radius:5px 0 0 5px}
.file-area .btn-primary{background-color: #548edc; color: #fff; border: none; padding: 4px 13px; font-size: 12px; margin-top: 6px;}
.file-area .form-control{vertical-align: middle; padding-left: 10px; }
.form01 .input-group, .form02 .input-group {border-bottom:none;}
.form01 .input-group-btn span{margin:0 !important;} 
.form02 .input-group{width: 85%;}
.form02 .input-group-btn span{margin:0 !important;}
.file-text{position:absolute;top:40px;left:10px} 


.form02 .file-name{position: absolute; top: 10px; left: 10px;}
table .input-group-btn span{margin:0 !important;}
table .input-group{width: 85%;}




/* agree */

.agree_form pre{width: 100%; max-height: 300px; overflow: auto; background: none;}
.agree_form pre p{font-size: 12px;}
.agree_form p{ font-size: 16px; color: #333;}
.agree_checkbox{ margin-top: 17px;}
.agree_checkbox input{vertical-align: middle; margin-top: -3px;}
.agree_checkbox label{color: #666; font-weight: normal;}

.select_req{ margin-top: 50px;}

.nobb{border:none !important}
.nobb div{border-bottom:none;} 

.pre-scrollable div{border-bottom:none;}


/* 유통 */
.tong_list_box{margin-bottom:15px;}
.tong_list_box > .col-md-3{padding:0 7.5px;margin-bottom:10px;max-height:320px;}
.tong_list_box > .col-md-3 > a > p {height:40px;padding-top:15px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.tong_list_box > .col-md-3 > a > span{width:100%;text-align:center;display:inline-block;min-height:140px;max-height:280px;overflow:hidden;}
.tong_list_box > .col-md-3 > a > span > img{width:100%;height:100%;max-width:100%;max-height:100%;}
@media(max-width:768px){
	
}

@media(max-width:768px){
	.txt-paragraph dl dd .text-primary{padding-left:35px !important;}
}
@media(max-width:550px){
	.txt-paragraph dl dd .text-primary{padding-left:0 !important;}
}