@charset "UTF-8";
/* 공통 */


/*ui 구분선*/
#cnt_00_00_ui .wsize{ border-bottom: 6px solid #bedff4; }



/* new ico */
.ico_need{display:inline-block; margin:0 4px; font-size:0; text-indent:-999px; width:6px; height:6px; vertical-align:middle; background: url(/images/common/ico_need.png) no-repeat center center;}
.ico_new{ display: inline-block; width:21px; height:21px; line-height:21px; margin:0 5px; font-size:12px; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; background:#f26522; border-radius: 50%; vertical-align: middle;}
.ico_file{display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(/images/common/ico_file_common.png) no-repeat center center; background-size: contain; vertical-align: middle;}

@media screen and (max-width:768px){
	.ico_new{width: 14px; height: 14px; line-height: 14px; font-size: 10px; margin: 0 2px;}
	/*.ico_file{width: 18px; height: 18px; background-position: 5px -35px}*/
}


/*서브 탭메뉴*/
.sub_tabmenu_area{ margin-top: 50px;}
.sub_tabmenu_area .tab_list{ width: 100%; }
.sub_tabmenu_area .tab_list > li{ float: left; width: 20%;  border: 1px solid #dddddd; margin-left: -1px; margin-top: -1px;}
.sub_tabmenu_area .tab_list.num4 > li{  width: 25%;}
.sub_tabmenu_area .tab_list.num3 > li{  width: 33.33%;}
.sub_tabmenu_area .tab_list.num2 > li{  width: 50%;}

.sub_tabmenu_area .tab_list > li a{ position: relative; display:block; padding: 0px 50px 0 30px; height: 50px; font-size: 17px; text-align: left; font-weight: 400; color: #333; transition: background-color 0.3s linear; }
.sub_tabmenu_area .tab_list > li a:after{ content: ""; position: absolute; top: 14px; right: 15px; width: 20px; height: 20px; background: url(/images/common/ico_tab_arrow.png) no-repeat center 9px;}
.sub_tabmenu_area .tab_list > li a:before{ content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.sub_tabmenu_area .tab_list > li a span{ display: inline-block; vertical-align: middle;}
.sub_tabmenu_area .tab_list > li a:hover{background: #032268; color: #fff; }
.sub_tabmenu_area .tab_list > li a:hover:after{ background-position: center -37px;}
.sub_tabmenu_area .tab_list > li.on a{ background: #032268; color: #fff;}
.sub_tabmenu_area .tab_list > li.on a:after{ background-position: center -37px;}

@media screen and (max-width:1300px){     
    .sub_tabmenu_area .tab_list > li{ width: 33.33%; }    
    .sub_tabmenu_area .tab_list.num4 > li{  width: 33.33%;}
    .sub_tabmenu_area .tab_list.num3 > li{  width: 33.33%;}    
    .sub_tabmenu_area .tab_list > li a{ padding: 0px 50px 0 20px; height: 50px; font-size: 15px;}
    .sub_tabmenu_area .tab_list > li a span{  }
}
@media screen and (max-width:1200px){            
      
}
@media screen and ( max-width:768px){
    .sub_tabmenu_area{ margin-top: 30px;}
    .sub_tabmenu_area .tab_list > li{ width: 50%; }    
    .sub_tabmenu_area .tab_list.num4 > li{  width: 50%;}
    .sub_tabmenu_area .tab_list.num3 > li{  width: 50%;} 
    .sub_tabmenu_area .tab_list > li a{ padding: 0px 50px 0 15px; height: 36px; font-size: 14px;}
    .sub_tabmenu_area .tab_list > li a:after{  top: 7px; right: 10px;}
    .sub_tabmenu_area .tab_list > li a span{   }
}









/* 본문글 - 타이틀 */
.headding1{ display: block; position: relative; margin:0 0 20px; line-height:1.4; font-size:23px; font-weight: 500; color: #333;}
.headding2{ display: block; position: relative; margin:20px 0 10px; line-height:1.4; font-size:18px; font-weight:500; letter-spacing: -0.05em; color: #333;}
.headding3{ display: block; position: relative; margin:20px 0 5px; line-height:1.4; font-size:15px; font-weight:400; color: #000;}

/*headding + ico*/
.headding1.ico1{ position: relative; padding-left: 35px;}
.headding1.ico1:before{content:""; display:block; position:absolute; top:8px; left:0; width:27px; height:16px; background:url(/images/common/ico_h1.png) no-repeat;}

.headding2.ico1{ position: relative; padding-left: 20px; }
.headding2.ico1:before{content:""; display:block; position:absolute; top:6px; left:0; width:14px; height:14px; background:url(/images/common/bullet_headding1.png) no-repeat;}

.headding3.ico1{ position: relative; padding-left: 20px; }
.headding3.ico1:before{content:""; display:block; position:absolute; top:4px; left:0; width:14px; height:14px; background:url(/images/common/bullet_headding1.png) no-repeat;}

/*본문 - ptxt*/
.ptxt{ line-height: 1.6; margin-bottom: 5px;}

/* 본문 - 목록 */
.ul_list{ margin-bottom: 5px;}
.ul_list > li{position:relative; padding:2px 0 2px 13px; line-height: 1.6;}
.ul_list.pd_none > li{padding-left:0;}

.ul_list.dot1{}
.ul_list.dot1 > li{position:relative; padding:2px 0 2px 13px; line-height: 1.6;}
.ul_list.dot1 > li:before{content:""; display:block; position:absolute; top:7px; left:1px; width:13px; height:15px; background: url(/images/common/ico_dot_1.png)no-repeat 0 center;  }

.ul_list.dot2{}
.ul_list.dot2 > li{position:relative; padding:2px 0 2px 13px; line-height: 1.6;}
.ul_list.dot2 > li:before{content:""; display:block; position:absolute; top:7px; left:1px; width:13px; height:15px; background: url(/images/common/ico_dot_2.png)no-repeat 0 center;  }

.ul_list.number{}
.ul_list.number > li{ list-style:decimal; position:relative; padding:0 0 2px 0px; line-height: 1.4;}

@media screen and ( max-width:768px){ 
    .headding1{  margin:0 0 10px; font-size:20px;}
    .headding2{  margin:0 0 8px; font-size:16px; }
    .headding3{  margin:0 0 5px; font-size:15px; }   
}




/* 페이지 상단 안내상자 */
.page_guide{position:relative; width:100%; min-height:140px; margin:0 0 35px; padding: 35px; background: #e9f2ff; }
.page_guide .tit{display:block; margin:0 0 15px; font-size:18px; color: #333; font-weight: 500; line-height: 1.4; word-break:keep-all;}
.page_guide.ico1{ padding-left:220px; }
.page_guide.ico1:before{content:""; display:block; position:absolute; top:40px; left:80px; width:76px; height:76px; background:url(/images/common/ico_info1.png) no-repeat;}

@media screen and ( max-width:1070px){    
    .page_guide.ico1{ padding-left:20%; }
    .page_guide.ico1:before{ left:5%;}  
}
@media screen and ( max-width:768px){     
    .page_guide{  margin:0 0 20px; padding: 14px !important; }
    .page_guide .tit{ font-size:16px; }
    .page_guide.ico1{ padding-left:0px; }
    .page_guide.ico1:before{display:none;} 
}


/* 본문 속 안내 상자 */
.info_box{position:relative; width:100%; margin:0 0 35px; padding: 30px;}
.info_box .tit{display:block; margin:0 0 15px; font-size:18px; font-weight: 500; color: #333; word-break:keep-all;}
.info_box,
.info_box.bg_white{border:1px solid #dfe3ec; background: #fff; }
.info_box.bg_gray{border:1px solid #d9d9d9; background: #f9f9f9; }
.info_box.bg_blue{border:1px solid #cad5e8; background: #f4f7fc; }

@media screen and ( max-width:768px){     
    .info_box{ margin:0 0 20px; padding: 14px; }
    .info_box .tit{ margin:0 0 15px; font-size:16px; }
    
}


/*본문 속 탭메뉴*/
.inner_tabmenu{ padding: 30px;  border: solid 1px #d9d9d9;  background-color: #f9f9f9;}
.inner_tabmenu ul{ font-size: 0; margin-top: -8px; margin-left: -8px;}
.inner_tabmenu ul > li{ display: inline-block; width: 20%; padding-left: 8px; padding-top: 8px;}
.inner_tabmenu ul > li > a{ display: block; width: 100%; height: 42px; padding: 0px 10px; border: 1px solid #d9d9d9; background: #fff;  font-size: 15px; color: #333; text-align: center;}
.inner_tabmenu ul > li > a:before{ content: ""; display: inline-block; width: 0;height: 100%; vertical-align: middle; }
.inner_tabmenu ul > li > a > span{ display: inline-block; vertical-align: middle;}
.inner_tabmenu ul > li.on > a{ background: #032268; border-color: #032268; color: #fff; font-weight: 500;}

@media screen and ( max-width:768px){     
    .inner_tabmenu{ padding: 10px; }
    .inner_tabmenu ul > li{  width: 33.33%; padding-left: 4px; padding-top: 4px;}
    .inner_tabmenu ul > li > a{  height: 38px;  font-size: 14px;}
    
}



/* 일반 테이블 - 본문글 속 테이블 */

.table_guide{display:none; padding:0 0 5px; font-size:13px; color:#fc4b05; text-align:right;}
.table_wrap{overflow-x:auto; width:100%; margin:0 0 30px 0;}


.normal_table{border-top:1px solid #333;}
.normal_table table{}
.normal_table table th,
.normal_table table td{border:1px solid #d9d9d9; }
.normal_table table tr:first-child td,
.normal_table table tr:first-child th{border-top:none; }

.normal_table table th:last-child,
.normal_table table td:last-child{border-right:none;}
.normal_table table th:first-child,
.normal_table table td:first-child{border-left:none;}

.normal_table table{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center;}
.normal_table table thead th{padding:14px 14px; background:#f5f6f7; font-size: 15px; line-height: 1.4; color:#333;  font-weight: 400}
.normal_table table tbody th,
.normal_table table tfoot th{ padding:12px 14px; font-size: 15px; line-height: 1.4; background:#f5f6f7; color: #333; font-weight: 400;}
.normal_table table td{padding:12px 14px; font-size: 14px; line-height: 1.5; word-break:break-all; color: #666;}
/*.normal_table table.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}*/

@media screen and ( max-width:768px){     
    .table_guide{ font-size: 13px;}
    .normal_table table thead th{padding:8px 8px; font-size: 14px; }
    .normal_table table tbody th,
    .normal_table table tfoot th{padding:8px 8px; font-size: 14px; }
    .normal_table table td{padding:8px 8px; font-size: 13px; }    
}
@media screen and (max-width:568px){
	.table_guide{display:block;}
	.table_wrap > .normal_table{width:567px;}
}



/* form 데이터 테이블 - 입력폼테이블, 마이페이지 데이터 리스트 */
.write_guide{padding:0 0 10px; text-align:right; line-height: 1em;}
.form_table{border-top:1px solid #333;}
.form_table table{}
.form_table table th,
.form_table table td{border:1px solid #d9d9d9; }
.form_table table tr:first-child td,
.form_table table tr:first-child th{border-top:none; }

.form_table table th:last-child,
.form_table table td:last-child{border-right:none;}
.form_table table th:first-child,
.form_table table td:first-child{border-left:none;}

.form_table table{clear:both; width:100%; border-collapse:collapse; table-layout:fixed;}
.form_table table thead th{padding:14px 14px; background:#f5f6f7; color:#333; font-size: 15px; line-height: 1.4; font-weight: 400; }
.form_table table tbody th,
.form_table table tfoot th{padding:12px 14px; font-size: 15px; line-height: 1.4; background:#f5f6f7; color: #333; font-weight: 400; }
.form_table table td{padding:12px 14px; font-size: 14px; line-height: 1.5; word-break:normal; color: #666; }

.form_table table td.list_none{ padding:40px 0;}

/*별점주기*/
.star_point{}
.star_point .star{ width: 30px; height: 29px; background: url(/images/board/star_off.png) no-repeat 0 0; }
.star_point .star.on{ background-image: url(/images/board/star_on.png);}

/*별점표현(후기글)*/
.point_view_box{ display: inline-block; position: relative; top: -2px; width: 100px; height: 18px; margin-right: 10px; background: url(/images/board/star_off_bg.png) no-repeat 0 0; vertical-align: middle;   }
.point_view_box .point_active_bar{ position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: url(/images/board/star_on_bg.png) no-repeat 0 0;}


/*모달레이어 속 form_table 재정의[s]*/
.modal_popup .form_table table thead th{ padding:8px 8px;}
.modal_popup .form_table table tbody th,
.modal_popup .form_table table tfoot th{padding:8px 8px; }
.modal_popup .form_table table td{padding:8px 8px; font-size: 14px;}
/*모달레이어 속 form_table 재정의[e]*/

.form_table table.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media screen and ( max-width:1070px){     
    .form_table table col:nth-child(1){ width: 25%;}
    .form_table table col:nth-child(3){ width: 25%;}
    /*.form_table table col:first-child{ width: 25%;}*/
    
    /*.smDataCellView -- form_table을 모바일에서 data-cell을 이용해 목록 처리, 아래로 내리기*/
    .form_table.smDataCellView colgroup{ display: none;}
    .form_table.smDataCellView thead{ display: none;}
    .form_table.smDataCellView thead + tbody > tr{ display: block; width: 100%; margin-bottom: 15px; border: 4px solid #e4e4e4; padding: 15px;}
    .form_table.smDataCellView thead + tbody > tr:first-child{ margin-top: 15px; }
    .form_table.smDataCellView thead + tbody > tr > td { border: none;}
    .form_table.smDataCellView thead + tbody > tr > td { position: relative; display: block; padding:6px 0px 6px 90px;  text-align: left; min-height:34px;}
    .form_table.smDataCellView thead + tbody > tr > td + td { border-top: 1px solid #dddddd;}
    .form_table.smDataCellView thead + tbody > tr > td:before{content:attr(data-cell-header); position: absolute; top: 6px; left: 0; display:inline-block; width: 90px; vertical-align:middle; color:#000; font-size: 13px; font-weight: 500; letter-spacing: -0.08em;}
    .form_table.smDataCellView thead + tbody > tr > td.list_none{  padding:20px 0; text-align: center;}
    
    /*.smMultiColBreak -- 4단, 6단, 등등 col이 여러개인 form_table 모바일에서 --> 모두 2단으로 보이게 처리*/
    .form_table.smMultiColBreak{}
    .form_table.smMultiColBreak colgroup{ display: none;}
    .form_table.smMultiColBreak tbody th{ display: none; }
    .form_table.smMultiColBreak tbody td{ display: block; position: relative; height: auto; padding-left: 30%; border: none; border-bottom: 1px solid #d9d9d9; min-height:35px;}        
    .form_table.smMultiColBreak tbody td:before{content:attr(data-cell-header); position: absolute; top: 0; left: 0; display:inline-block; width: 25%; height: 100%; padding-top: 10px; padding-left: 8px; color:#000; background: #f5f6f7; font-size: 13px; font-weight: 400; letter-spacing: -0.08em; box-sizing: border-box; line-height: 1em;}
/*    .form_table.smMultiColBreak colgroup{ display: none;}
    .form_table.smMultiColBreak tbody th{ display: inline-block; width: 30%; border: none; border-bottom: 1px solid #d9d9d9;}
    .form_table.smMultiColBreak tbody td{ display: inline-block; width: 70%; border: none; border-bottom: 1px solid #d9d9d9;}    */
    
}
@media screen and ( max-width:768px){     
    .write_guide{ font-size: 13px;}    
    
    .form_table table thead th{padding:8px 8px; font-size: 14px; letter-spacing: -0.05em; }
    .form_table table tbody th,
    .form_table table tfoot th{padding:8px 8px; font-size: 14px; letter-spacing: -0.05em; }
    .form_table table td{padding:8px 8px; font-size: 13px; }    
    
}
@media screen and (max-width:568px){
	.table_guide{display:block;}
	.table_wrap > .normal_table{width:567px;}
}







/* label */
.label{ display: inline-block; padding: 6px 7px; min-width: 64px;  border: 1px solid #d9d9d9; border-radius: 25px; font-size: 13px; line-height: 1em; text-align: center; letter-spacing: -0.05em; }
.label.bg_white{border-color:#fff; background: #fff; }
.label.bg_white.blue{ border-color: #cbd6f0; }
.label.bg_white.red{ border-color: #fdb9c5; }
.label.bg_white.black{ border-color: #d8d8d8; }

.label.bg_blue{ border-color:#425e9c; background: #425e9c;}
.label.bg_gray{ border-color:#6e6e76; background: #6e6e76;}
.label.bg_red{ border-color:#df2e4b; background: #df2e4b;}
.label.bg_green{ border-color:#028182; background: #028182;}

@media screen and ( max-width:768px){     
    .label{ padding: 3px 6px; min-width:inherit;  font-size: 12px;  }
}



/*btn 기본btn은 md를 기준으로 세팅됨*/ 
.btn{ display: inline-block; /*padding: 9px 15px; min-width: 95px; height: 35px;*/ border: 1px solid #0053b3; text-align: center; font-size: 14px; line-height: 1em; font-weight: 400; color: #0053b3; vertical-align: middle; background-color: #fff; transition: all 0.2s; text-decoration: none !important;}
.btn span{ vertical-align: top;}

.btn.lg{ padding: 15px 20px; min-width: 170px; height: 50px; font-size: 17px; }
.btn.md{ padding: 9px 15px; min-width: 95px; height: 35px; font-size: 14px; }/*기준btn*/
.btn.md2{ padding: 5px 5px; min-width: 35px; height: 35px; font-size: 14px; }
.btn.sm{ padding: 5px 15px; min-width: 95px; height: 26px; font-size: 13px; }
.btn.no_width{ min-width: 0;} /*사용자가 꾸미기 위한 용도*/
.btn.free_type{ min-width: 0; height: auto; padding: 0; } /*사용자가 꾸미기 위한 용도*/

.btn.bg_blue{ background:#425e9c; color: #fff;}
.btn.bg_gray{ background:#6e6e76; border-color:#6e6e76; color: #fff;}
.btn.bg_red{ background:#df2e4b; border-color:#df2e4b; color: #fff;}
.btn.bg_green{ background:#028182; border-color:#028182; color: #fff;}

/*hover*/
.btn:hover{ background-color: #eff7ff; color: #233b72;}
.btn.bg_blue:hover{ background:#032369; border-color:#032369; color: #fff; text-decoration: none;}
.btn.bg_gray:hover{ background:#232329; border-color:#232329; color: #fff; text-decoration: none;}
.btn.bg_red:hover{ background:#880016; border-color:#880016; color: #fff; text-decoration: none;}
.btn.bg_green:hover{ background:#025e5f; border-color:#025e5f; color: #fff; text-decoration: none;}



/*btn-ico*/
.btn > .ico{ display: inline-block; margin-top: -4px; margin-left: 5px; width: 13px; height: 13px; vertical-align: middle;}
.btn.lg > .ico{  margin-top: -4px; margin-left: 5px; }
.btn.md > .ico{  margin-top: -2px; margin-left: 5px; }
.btn.sm > .ico{  margin-top: -2px; margin-left: 5px; }

.btn > .ico.ico_download{ background: url(/images/common/btn_ico_download.png) no-repeat 0 0;}
.btn > .ico.ico_download.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_list{ background: url(/images/common/btn_ico_list.png) no-repeat 0 0;}
.btn > .ico.ico_list.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_newwin{ background: url(/images/common/btn_ico_newwin.png) no-repeat 0 0;}
.btn > .ico.ico_newwin.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_arrow{ background: url(/images/common/btn_ico_arrow.png) no-repeat 0 0;}
.btn > .ico.ico_arrow.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_modify{ background: url(/images/common/btn_ico_modify.png) no-repeat 0 0;}
.btn > .ico.ico_modify.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_delete{ background: url(/images/common/btn_ico_delete.png) no-repeat 0 0;}
.btn > .ico.ico_delete.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_save{ background: url(/images/common/btn_ico_save.png) no-repeat 0 0;}
.btn > .ico.ico_save.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_reload{ background: url(/images/common/btn_ico_reload.png) no-repeat 0 0;}
.btn > .ico.ico_reload.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_research{ background: url(/images/common/btn_ico_research.png) no-repeat 0 0;}
.btn > .ico.ico_research.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_plus{ background: url(/images/common/btn_ico_plus.png) no-repeat 0 0;}
.btn > .ico.ico_plus.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_minus{ background: url(/images/common/btn_ico_minus.png) no-repeat 0 0;}
.btn > .ico.ico_minus.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_check{ background: url(/images/common/btn_ico_check.png) no-repeat 0 0;}
.btn > .ico.ico_check.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_cancle{ background: url(/images/common/btn_ico_cancle.png) no-repeat 0 0;}
.btn > .ico.ico_cancle.ico_white{ background-position:0 -43px;}

.btn > .ico.ico_go{ background: url(/images/common/btn_ico_go.png) no-repeat 0 0;}
.btn > .ico.ico_go.ico_white{ background-position:0 -43px;}

/*btn_group*/
.btn_group{ margin-top: 50px; font-size: 0px;}
.btn_group:after{ content: ""; display: block; clear: both;}
.btn + .btn{ margin-left: 5px;}

/*문장속 링크*/
.underline{display: inline-block; padding-bottom: 0.05em; border-bottom: 1px dashed #666;  text-decoration: none; }
a.link_txt { display: inline-block; padding-bottom: 0.05em; border-bottom: 1px dashed #0067b3; color: #0067b3; text-decoration: none; word-break: keep-all;}
a.link_txt:hover { color: #0067b3; }
a.link_txt.ico:after { content: ""; display: inline-block; width: 13px; height: 13px; margin-top: -2px; margin-left: 3px; background: url(/images/common/btn_ico_arrow.png) no-repeat 0 0; vertical-align:middle;}
a.link_txt[target="_blank"]:after { background: url(/images/common/btn_ico_newwin.png) no-repeat 0 0;}


@media screen and ( max-width:768px){     
    .btn{ margin: 0 2px 0px 2px !important;}
    .btn.lg{ padding: 14px 10px; min-width: 100px; height: 45px; font-size: 14px; }    
    .btn.md{ padding: 9px 15px; min-width: 80px; height: 35px; font-size: 13px; }/*기준btn*/
    .btn.sm{ padding: 5px 15px; min-width: 60px; height: 26px; font-size: 12px; }

    /*btn_group*/
    .btn_group { margin-top: 30px; text-align: center;}
    .btn_group .floatL,
    .btn_group .floatR{ float: none; display: inline-block;}
    /*.btn + .btn{ margin-left: 0px;}*/
}












/* list_top */
.list_top{width: 100%; margin: 0 0 15px; }
/*게시판검색*/
.list_top .list_search{ float: right;}
.list_top .list_search .innerWrap { display: inline-block; position: relative; width: 270px; padding-right: 60px; }
/*input인경우*/
.list_top .list_search .innerWrap .sch_txt{ width: 100%;}
.list_top .list_search .innerWrap .sch_btn{ position: absolute; top: 0; right: 0; width: 60px; height: 35px; background: #344769;}
.list_top .list_search .innerWrap .sch_btn:before { content: ""; position: relative; top: 2px; display: inline-block; width: 22px; height: 20px; background: url(/images/common/ico_board_sch.png) no-repeat center center;}
/*select인경우*/
.list_top .list_search .innerWrap > select{ width: 100%;}
.list_top .list_search .innerWrap > .accept_btn{ position: absolute; top: 0; right: 0; width: 60px; height: 35px; background: #344769; color: #fff;}
/*.list_top .list_search .innerWrap > .accept_btn:before {  content: ""; position: relative; top: 2px; display: inline-block;  width: 22px; height: 20px; background: url(/images/common/ico_board_sch.png) no-repeat center center;}*/














/*게시물수*/
.list_top .list_num{ float: left; position: relative; margin-top: 10px; padding-left: 25px;}
.list_top .list_num:before{content: ""; position: absolute; top: -1px; left: 0; width: 20px; height: 20px; background: url(/images/common/ico_board_1.png) no-repeat 0 0;}
.list_top .list_num .t_num em,
.list_top .list_num .t_page em{ font-weight: 400; color: #0067b3;}
.list_top .list_num .t_page { position: relative; display: inline-block; padding-left: 10px; margin-left: 10px;}
.list_top .list_num .t_page:before { content: ""; position: absolute; top: 0px; left: 0; width: 1px; height: 16px; background: #d9d9d9;}

@media screen and ( max-width:1070px){        
  
}
@media screen and ( max-width:768px){             
    .list_top .list_search{ float: none; margin-bottom: 20px;}
    .list_top .list_search select{ width: 100%; margin-bottom: 4px;}
    .list_top .list_search .innerWrap { width: 100%; margin-bottom: 4px;}       
        
    .list_top .list_num{ float: none; margin-top: 10px;}  
}



/* board_list - table_type*/
.board_list {border-top:1px solid #d9d9d9;}
.board_list > table thead th{border-bottom:1px solid #d9d9d9; }
.board_list > table tbody td{border-bottom:1px solid #d9d9d9; }

.board_list > table{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center;}
.board_list > table thead th{padding:15px 10px; height: 60px; box-sizing: border-box; background:#f5f6f7; font-size: 16px; color:#333; font-weight: 500}
.board_list > table tbody td{padding:14px 10px; height: 60px; word-break:break-all; line-height: 1.4; font-size: 15px; color: #666;}

.board_list > table tbody span.notice{display:inline-block; height:23px; line-height:23px; padding:0 10px; border-radius:12px; color:#fff; background:#494a4e; font-size: 14px;}


.board_list > table tbody td.sbj{text-align:left;}
.board_list > table tbody td.sbj *{display:inline-block; vertical-align:middle;}
.board_list > table tbody td.sbj a{display:block; text-decoration:none;  }
.board_list > table tbody td.sbj a:hover em,
.board_list > table tbody td.sbj a:focus em{text-decoration:underline;}
/*제목 안줄임*/
.board_list > table tbody td.sbj a .sbj_txt{  display:inline; font-size: 18px; font-weight: 500; color: #333; }
/*제목 줄임 .ellipsis 붙임*/
.board_list.ellipsis > table tbody td.sbj a .sbj_txt{  
    display:inline-block; max-width:100%; padding:0 45px 0 0; margin:0 -45px 0 0; 
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board_list > table tbody td.sbj a .sbj_txt.notice_txt{ }
/*목록이 없는경우*/
.board_list > table tbody td.list_none{ padding: 40px 0;}


@media screen and ( max-width:1200px){    
    .board_list > table tbody span.notice{height:18px; line-height:18px; padding:0 5px;font-size: 12px;}
}

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

}
@media screen and ( max-width:768px){   
    /*col*/
    .board_list > table col{ display: none;}
    .board_list > table col.smView{ display: table-column;}    
    .board_list > table col.smView.date{ width: 16%;}    
    /*td*/
    .board_list > table tbody td{ display: none;}
    .board_list > table tbody td.smView{ display: table-cell;}
        
    
    .board_list {border-top:1px solid #333;}
    .board_list > table thead {display: none;}    

    .board_list > table tbody td{padding:8px 8px; height: 40px; font-size: 14px;}
    .board_list > table tbody span.notice{ height:16px; line-height:16px; padding:0 4px;  font-size: 12px;}
    .board_list > table tbody td.date{ font-size: 12px; letter-spacing: -0.05em;}    
    
    .board_list > table tbody td.sbj a .sbj_txt{ font-size: 15px; letter-spacing: -0.05em;}
    /*목록이 없는경우*/
    .board_list > table tbody td.list_none{ display: table-cell;  padding: 40px 0;}
    
    
}







/*blog_list*/
.blog_list {}
.blog_list > ul { border-top: 1px solid #d9d9d9;}
.blog_list > ul > li { position:relative; min-height: 175px; padding: 25px; border-bottom: 1px solid #d9d9d9; }
.blog_list > ul > li > a {display:block; width: 100%; text-decoration: none;}
.blog_list > ul > li > a:hover .infoA .sbj_txt  {text-decoration: underline;}
.blog_list > ul > li > a:hover .infoA .txt  {text-decoration: underline;}

.blog_list > ul > li .leftA { position:absolute; left:20px; top:20px; width:220px; height: 133px; overflow: hidden; text-align: center; border: 1px solid #e0e0e0; 
    background-size: contain;  
    background-color: #fff; 
    background-repeat: no-repeat; 
    background-position: center center;  }
.blog_list > ul > li .leftA img { position: absolute; left: -5000px; height: 0px; width: 0px; }

.blog_list > ul > li .infoA {width:100%; display:block; padding:0px 0px 0 260px; background:#fff; }
.blog_list > ul > li .infoA .sbj { }
.blog_list > ul > li .infoA .sbj *{display:inline-block; vertical-align:middle;}
/*제목 안줄임*/
.blog_list > ul > li .infoA .sbj .sbj_txt { display:inline; font-size:18px; line-height: 1.4;  color:#333; font-weight: 500; letter-spacing: -0.05em; }
/*제목 줄임 .ellipsis 붙임*/
.blog_list.ellipsis > ul > li .infoA .sbj .sbj_txt { 
    display:inline-block; max-width:100%; padding:0 40px 0 0; margin:0 -40px 0 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.blog_list > ul > li .infoA .txt { display:block; margin-top:10px;  max-height: 3.2em; overflow: hidden; line-height:1.6;  letter-spacing:-0.05em; color:#666; }

.blog_list > ul > li .infoA .share_info { display: block; margin-top: 15px;}
.blog_list > ul > li .infoA .share_info > span { position: relative; display: inline-block; padding-right: 8px; }
.blog_list > ul > li .infoA .share_info > span + span { padding-left: 8px;}
.blog_list > ul > li .infoA .share_info > span + span:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 16px; background: #d9d9d9;}
.blog_list > ul > li .infoA .share_info > span > em { display: inline-block; padding-right: 5px; font-weight: 400; color: #333;}

.blog_list > ul > li .infoA .etc_info { display: block; margin-top: 15px;}
.blog_list > ul > li .infoA .etc_info > span { position: relative; display: inline-block; padding-right: 8px; }
.blog_list > ul > li .infoA .etc_info > span + span { padding-left: 8px;}
.blog_list > ul > li .infoA .etc_info > span + span:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 16px; background: #d9d9d9;}
.blog_list > ul > li .infoA .etc_info > span > em { display: inline-block; padding-right: 5px; font-weight: 400; color: #333;}

.blog_list > ul > li.list_none { text-align: center; padding-top: 80px; }

@media screen and ( max-width:1070px){    
  
}
@media screen and ( max-width:768px){         
    
    .blog_list > ul > li { border-bottom: 1px solid #d9d9d9; padding: 10px 10px 20px 10px; }
    .blog_list > ul > li+li { border-bottom: 1px solid #d9d9d9; padding-top: 20px; }
    .blog_list > ul > li > a {min-height: 100%; }    

    .blog_list > ul > li .leftA { position:static; width:100%; height: 170px;  }
    .blog_list > ul > li .leftA img{ display: none;}
    
    .blog_list > ul > li .infoA { padding:10px 0 10px;}    
    .blog_list > ul > li .infoA .sbj .sbj_txt { font-size:16px; letter-spacing: -0.05em;}
    
    
.blog_list > ul > li .infoA .share_info {  display: block; margin-top: 8px; font-size: 13px;}
.blog_list > ul > li .infoA .share_info > span {  display:block; padding-right: 8px; }
.blog_list > ul > li .infoA .share_info > span + span { margin-top: 10px; padding-left: 0;}
.blog_list > ul > li .infoA .share_info > span + span:before { display: none;}
    
    
    .blog_list > ul > li .infoA .etc_info { font-size: 13px; margin-top: 14px;}
    .blog_list > ul > li .infoA .etc_info > span {  padding-right: 4px;}
    .blog_list > ul > li .infoA .etc_info .num{ display: none;}
    .blog_list > ul > li .infoA .etc_info .hit{ }
    .blog_list > ul > li .infoA .etc_info .writer{}
    .blog_list > ul > li .infoA .etc_info .date{}
    
}


/*blog_list - none_photo 사진없는 목록*/
.blog_list.none_photo > ul > li .infoA {padding:0px 0px 0 0px; background:#fff; }

@media screen and ( max-width:768px){       
    .blog_list > ul > li .infoA { padding:10px 0 10px;}    

}




/* faq - list */
.faq_list{width: 100%; position:relative; border-top:1px solid #d9d9d9;}
.faq_list .list_none{ text-align: center; padding: 60px 0; border-bottom: 1px solid #d9d9d9;}
.faq_list dl{border-bottom: 1px solid #d9d9d9;}
.faq_list dt{position:relative; width:100%; cursor: pointer;}
.faq_list dt:before{content:'Q'; display:block; position:absolute; top:24px; left:30px; font-size:30px; color:#999999; font-weight:700;}
.faq_list dt.on:before{color:#425e9c; }
.faq_list dt:after{content:''; display:block; position:absolute; top:20px; right:30px; transform:rotate(180deg); background:url(/images/common/faq_arrow.png) no-repeat center center; transition:0.3s; width: 30px; height: 30px;}
.faq_list dt.on:after{transform:rotate(0deg);}
.faq_list dt a{display: block; padding:22px 100px 22px 130px; font-size: 18px; color: #333; line-height:1.4; font-weight:500; }
.faq_list dt.on a{ color: #425e9c; text-decoration: underline;}
.faq_list dd{position:relative; padding:25px 25px 30px 130px; color:#666; line-height: 1.8; text-align:justify; background:#f9f9f9;}
.faq_list dd:before{content:'A'; display:block; position:absolute; top:18px; left:32px; font-size:30px; color:#425e9c; font-weight:700;}
.faq_list dd img{ max-width: 100%; }

@media screen and ( max-width:1070px){    
  
}
@media screen and ( max-width:768px){         
    
    .faq_list{width: 100%; position:relative; border-top:1px solid #d9d9d9;}
    .faq_list dl{border-bottom: 1px solid #d9d9d9;}
    .faq_list dt{position:relative; width:100%; cursor: pointer;}
    
    .faq_list dt:before{ position:absolute; top:12px; left:5px; font-size:22px; }
    .faq_list dt:after{ position:absolute; top:12px; right:5px; width: 16px; height: 16px; background-size: cover;}
        
    .faq_list dt a{ padding:10px 40px 10px 40px; font-size: 15px;  letter-spacing: -0.05em; }
    
    .faq_list dd{ padding:25px 40px 30px 40px; }
    .faq_list dd:before{ position:absolute; top:18px; left:5px; font-size:22px;}
    
}








/* page_nav */
.page_nav{clear:both; width:100%; margin:50px 0 50px; text-align:center; font-size: 0;}
.page_nav a{ position: relative; display:inline-block; width:37px; height:37px; line-height:37px; margin:0 1px 5px 0; border:1px solid #e0e0e0; font-size:15px; vertical-align:middle; text-align:center; transition:0.3s; background: #fff;}

.page_nav .start,
.page_nav .prev,
.page_nav .next,
.page_nav .last,
.page_nav .end{font-size:0; text-indent:-999px; background:url(/images/board/ico_board.png) no-repeat; background-color: #fff;}
.page_nav .start{background-position:14px -67px;}
.page_nav .prev{background-position:14px -116px;}
.page_nav .next{background-position:16px -167px;}
.page_nav .last{background-position:14px -215px;}
.page_nav .end{background-position:14px -215px;}

.page_nav a:hover,
.page_nav a:focus {border:1px solid #0b397f; background-color:#f5faff; text-decoration: none;}
.page_nav a.on{color:#fff; font-weight:bold; background:#0b397f; border:1px solid #0b397f;}

.page_nav a.on:before,
.page_nav a:hover:before,
.page_nav a:focus:before{ content: ""; display: inline-block;  width: 10px; height: 1px; background: #fff; position: absolute; bottom: 6px; left: 50%; margin-left: -5px;}

.page_nav a:hover:before,
.page_nav a:focus:before{background: #0b397f;}
.page_nav .on,
.page_nav .on:hover,
.page_nav .on:focus{color:#fff; font-weight:bold; background:#0b397f; border:1px solid #0b397f; text-decoration: none;}

@media screen and ( max-width:1070px){    
  
}
@media screen and ( max-width:768px){             
    .page_nav{ margin:30px 0 30px;}
    .page_nav a{width:37px; height:37px; line-height:37px; margin:0 1px 5px 0;  font-size:15px; }

}




/* board_view*/
.board_view{ }
.board_view .view_head{ width:100%; border-bottom:1px solid #ddd; text-align: center;}
.board_view .view_head .tit{display:block; padding:0 20px 25px; line-height:130%; font-size:32px; font-weight:500; color:#333;}

.board_view .view_head .share_info{ padding-bottom: 15px;}
.board_view .view_head .share_info li{ position: relative; display:inline-block; line-height:1em; padding: 0 15px; }
.board_view .view_head .share_info li+li:before{ content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 1px;  height: 16px; background: #d9d9d9;}
.board_view .view_head .share_info li em{ display: inline-block; margin-right:10px; font-weight: 400; color: #333;}

.board_view .view_head .author{ padding-bottom: 25px;}
.board_view .view_head .author li{ position: relative; display:inline-block; line-height:1em; padding: 0 15px; }
.board_view .view_head .author li+li:before{ content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 1px;  height: 16px; background: #d9d9d9;}
.board_view .view_head .author li em{ display: inline-block; margin-right:10px; font-weight: 400; color: #333;}

.board_view .view_body{}
.board_view .view_body .img{ padding:30px 0 32px; text-align:center;}
.board_view .view_body .img img{ display: inline-block; margin-bottom: 40px; max-width: 100%;}
.board_view .view_body .txt{  padding: 40px; line-height:180%; }
.board_view .view_body .txt img{ display: block; margin-bottom: 40px; max-width: 100%;}

/*첨부파일*/
.add_file_list{position:relative; width:100%; padding:20px 20px 30px 158px; background:#f5f6f7; box-sizing:border-box; border-top: 1px solid #ddd;}
.add_file_list .tit{position:absolute; left:50px; top:20px;  font-weight:400; color:#333;}
.add_file_list .list{}
.add_file_list .list li+li{ margin-top:10px;}
.add_file_list .list li .download,
.add_file_list .list li .link_txt{ vertical-align: middle;}
.add_file_list .list li .download{ text-decoration: none;}
.add_file_list .list li .download:before{ content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(/images/common/ico_file_common.png) no-repeat center center; background-size: contain; vertical-align: middle; }
.add_file_list .list li .download:hover em{ text-decoration: underline; color: #333;}
.add_file_list .list li .download em,
.add_file_list .list li .download span{ vertical-align: middle;}
.add_file_list .list li  .txtByte{ display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 13px; color: #909090;}


/* 이전글 다음글 */
.board_prev_next {margin:0 0 40px; border-top:1px solid #d3d4d8;}
.board_prev_next dl{overflow:hidden; width:100%; padding:12px 0 12px; border-bottom:1px solid #d3d4d8;}
.board_prev_next dt{position:relative; float:left; width:139px; margin:0 19px 0 0; font-weight:400; color:#333;}
.board_prev_next dt:before,
.board_prev_next dt:after{content:""; display:inline-block; vertical-align:middle;}
.board_prev_next dt:before{width:58px; height:15px; margin:3px 0 0 0; background:url(/images/board/ico_board.png) no-repeat 20px -379px; }
.board_prev_next dt:after{position:absolute; top:2px; right:0; width:1px; height:15px; background:#c5c5c8;}
.board_prev_next .next dt:before{background-position:20px -423px;}
.board_prev_next dd {position:relative; width:100%; padding:0 110px 0 156px; box-sizing:border-box;}
.board_prev_next dd .tit {display:block;}
.board_prev_next dd .tit a{display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.board_prev_next dd .date{position:absolute; right:35px; top:0; }


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

}
@media screen and ( max-width:768px){             
    /* board_view*/
    .board_view .view_head{ }
    .board_view .view_head .tit{ padding:0 10px 15px; font-size:24px;}
    
.board_view .view_head .share_info{}
.board_view .view_head .share_info li{ display:block; font-size: 13px;}
.board_view .view_head .share_info li+li{ margin-top: 8px; }
.board_view .view_head .share_info li+li:before{ display: none; text-align: center;}
.board_view .view_head .share_info li em{ display: inline-block; margin-right:10px; font-weight: 400; color: #333;}    
    
    .board_view .view_head .author{ padding-bottom: 15px;}
    .board_view .view_head .author li{ font-size: 13px; padding: 0 5px; margin-bottom: 5px; letter-spacing: -0.05em;}    
    .board_view .view_head .author li em{ margin-right:5px; }
    
    .board_view .view_body{}
    .board_view .view_body img{ margin-bottom: 15px; max-width: 100%;}
    .board_view .view_body .img{ padding:15px 0 15px; text-align:center;}
    .board_view .view_body .txt{  padding: 15px; padding-bottom: 30px; line-height:180%; }

    /*첨부파일*/
    .add_file_list{ padding:15px;}
    .add_file_list .tit{ display: none;}
    .add_file_list .list li .download .txt{ font-size: 13px; }    
    .add_file_list .list li .download:before{ width: 14px; height: 14px; margin-right: 2px; }    
    .add_file_list .list li .txtByte{ margin-left: 0px; margin-right: 5px; font-size: 12px;}


    /* 이전글 다음글 */
    .board_prev_next {margin:0 0 30px; }   
    .board_prev_next dt{float:left; width:40px; margin:0 0px 0 0;}
    .board_prev_next dt>span{ display: none;}
    .board_prev_next dt:before{content:""; display:inline-block; vertical-align:middle; width:100%; height:15px; margin:3px 0 0 0; background:url(/images/board/ico_board.png) no-repeat center -379px; }
    .board_prev_next .next dt:before{background-position:center -423px;}
    .board_prev_next dt:after{content:""; display:none;}

    .board_prev_next dd {position:relative; width:100%; padding:0 55px 0 50px; box-sizing:border-box;}
    .board_prev_next dd .tit {display:block;}
    .board_prev_next dd .tit a{display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
    .board_prev_next dd .date{ right:5px;  font-size: 12px; }

}



/*첨부파일 업로드*/
.add_file_upload{}
.add_file_upload > li{}
.add_file_upload > li > input[type="file"]{}
.add_file_upload > li > .btn.upload{ min-width: 50px; padding-left: 6px; padding-right: 6px; }
.add_file_upload > li > .cur_list{ margin: 5px 0px 25px 10px;}
.add_file_upload > li > .cur_list > li{ margin-top: 5px;}
.add_file_upload > li > .cur_list > li > .f_name{ font-size: 13px; vertical-align: middle; padding-right: 5px; line-height: 1em;}
.add_file_upload > li > .cur_list > li > .f_del{ display: inline-block; position: relative; top: 2px; padding: 5px 8px; width: 22px; height: 22px; vertical-align: middle; border: 1px solid #ffb2b2; line-height: 1em; background: url(/images/common/ico_btn.png) no-repeat center 5px; }







/*쓰기 폼 관련*/
.ipt_xxsm{ width: 45px;}
.ipt_xsm{ width: 70px;}
.ipt_sm{ width: 100px;}
.ipt_md{ width: 150px;}
.ipt_lg{ width: 230px;}
.ipt_xlg{ width: 320px;}
.ipt_xxlg{ width: 420px;}

/* .ul_form */
.ul_form{display:inline-block; vertical-align:middle;}
.ul_form:after{ content: ""; display: block; clear: both;}
.ul_form > li{ display: inline-block; margin:0 3px 0 0; vertical-align: middle;}
.ul_form > li > label{ display: inline-block; padding:0 3px; }
.ul_form > li > input[type="checkbox"] + label, 
.ul_form > li > input[type="radio"] + label{ display: inline-block; margin: 0 15px 0 0;  padding:0 0px;}

/* .col_form*/
.col_form{ width: 100%;}
.col_form:after{ content: ""; display: block; clear: both;}
.col_form > li{ float: left; width: auto;}
.col_form > li+li{ padding-left: 5px;}
.col_form.col_2 > li{ width: 50%;}
.col_form.col_3 > li{ width: 33.33%;}
.col_form.col_4 > li{ width: 25%;}
.col_form.col_5 > li{ width: 20%;}

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

    .ipt_xxsm{ width: 35px;}
    .ipt_xsm{ width: 60px;}
    .ipt_sm{ width: 90px;}
    .ipt_md{ width: 140px;}
    .ipt_lg{ width: 200px;}
    .ipt_xlg{ width: 310px;}    
    
    .ul_form{display:block;}
	.ul_form > li{ width: 100%;  margin:4px 0;  }
	.ul_form > li > label{ display: block; margin-bottom: 5px; padding: 0;}	
	.ul_form > li > input[type="checkbox"] + label, 
    .ul_form > li > input[type="radio"] + label{ display: inline-block; margin: 0 15px 0 0;  padding:0 0px;}
    
}

/* datepicker */
.hasDatepicker {background:url("/images/board/btn_calendar.png") no-repeat 101% 50%;}






/* ===========================   모달팝업  ==============================*/

/*모달레이어 기본*/
.modal_mask{display:none; z-index:100; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
/*.modal_mask{display:none; z-index:100; position:fixed; top:0; left:0; right: 0; bottom: 0; background:rgba(0,0,0,0.5);}*/
.modal_popup{display:none; z-index:200; position:absolute; top:-2000px; left:50%; width:600px; margin-left: -300px; background:#fff;}

/*모달 헤더*/
.modal_popup .modal_head{ position: relative; overflow:hidden; min-height: 50px; background: #2f6ab6; }
.modal_popup .modal_head:before{ content: ""; display: block; position: absolute; top: -100px; left: -100px;  width: 500px; height: 400px; background:rgba(12, 56, 114, 0.5); transform: rotate(45deg); }
.modal_popup .modal_head .tit{ position: relative; max-width: 90%; margin: 0 auto; padding: 20px 15% 20px 0 ; /* border: 1px solid red; */line-height: 1.4em; color: #fff; font-size: 24px; }
/*상단 닫기버튼*/
.modal_popup .modal_head .close{display:block; position:absolute; z-index: 1; top:15px; right:20px; width:30px; height:30px; font-size:0; text-indent:-999px; opacity:.7;}
.modal_popup .modal_head .close:hover{ opacity:1;}
.modal_popup .modal_head .close:before,
.modal_popup .modal_head .close:after{content:''; display:block; width:30px; height:3px; position:absolute; top:50%; left:0; background:#fff; transform:rotate(45deg); transform-origin:50% 50%; }
.modal_popup .modal_head .close:after{transform:rotate(-45deg);}

/*모달 컨텐츠*/
.modal_popup .modal_con_area{position: relative; max-width: 90%; margin: 0 auto; margin-top: 30px; border-bottom:1px solid #ddd;}
.modal_popup .modal_con_area:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); }
.modal_popup .modal_con_area > .con_inner{ min-height: 200px; max-height: 400px; overflow-y: scroll; padding-bottom: 40px; }
.modal_popup .modal_con_area > .con_inner .tit_txt_1{padding:0 0 18px 18px; font-size:120%; font-weight:bold; color:#3e454f; background:url(/images/common/ico_arrow01.gif) no-repeat 0 2px;}


/*모달 하단 버튼 영역*/
.modal_popup .modal_foot{ padding-bottom: 40px;}
.modal_popup .modal_foot .btn_group{ margin-top: 20px;}


@media screen and (max-width:630px){
	.modal_popup{   width:94%; margin-left: -46%;}
    .modal_popup .modal_head .tit{ font-size: 18px; }  
}


/* ===========================   모달포토  ==============================*/

/*모달포토레이어 기본*/
.modal_photo{display:none; z-index:200; position:absolute; top:-2000px; left:50%; width:900px;  margin-left: -450px; background:#fff;}
/*.modal_photo{ z-index:200; position:absolute;  left:50%; height: 200px; width:900px; margin-left: -450px; background:#fff;}*/


/*상단 닫기버튼*/
.modal_photo .close{display:block; position:absolute; top:-40px; right:0px; width:40px; height:40px; font-size:0; text-indent:-999px; background: #000;}
.modal_photo .close:before,
.modal_photo .close:after{content:''; display:block; width:30px; height:3px; 
                          position:absolute; top:50%; left:5px; background:#fff; transform:rotate(45deg); transform-origin:50% 50%; }
.modal_photo .close:after{transform:rotate(-45deg);}

/*모달 컨텐츠*/
.modal_photo .photo_inner{ text-align: center;}
.modal_photo .photo_inner img{ /*max-width: 100%; height: auto;*/}

/*모달 하단 버튼 영역*/
.modal_photo .modal_foot{ padding-bottom: 40px;}
.modal_photo .modal_foot .btn_group{ margin-top: 20px;}

@media screen and (max-width:1070px){
	.modal_photo{  left:50% !important; width:94% !important; margin-left: -47% !important;}
    
}




/*로딩중 처리중*/
.loading_screen{ display: none; z-index:200; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); text-align: center;}
.loading_screen.active{ display: block; }

.load-wrapp {
    position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);
    width: 200px;
    height: 100px;    
    padding: 20px 20px 20px;
    border-radius: 40px;
    text-align: center;
    /*background-color: #d8d8d8;*/
    background: #fff;
}
.load-wrapp p {padding: 0 0 15px; font-size: 16px; font-weight: bold; color: #056ec0;}
.load-wrapp .line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
}
.load-wrapp .load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-wrapp .load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-wrapp .load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}






/*로그인*/
.login_tab{ margin-bottom: 40px; border-bottom: 1px solid #d9d9d9; }
.login_tab li{ float: left; width: 50%;}
.login_tab li > a{ position: relative; display: inline-block; width: 100%; height: 50px; line-height: 50px; padding: 0 10px; text-align: center; font-size: 18px; font-weight: 500; color: #333;}
.login_tab li > a:hover{ background: #f7f7f7;}
.login_tab li.on > a{}
.login_tab li.on > a:before{ content: ""; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 3px; background: #082e59;}



/*본인인증 버튼 공통*/
.certi_btn_box{ width: 100%;}
.certi_btn_box .list{ margin-left: -50px; margin-top: 20px; overflow: hidden;}
.certi_btn_box .list li{ float: left;  width: 50%;  padding-left: 50px;}
.certi_btn_box .list li .inner{ text-align: center; min-height: 340px; padding: 20px; border: 1px solid #ddd; background-color: #fff;}
.certi_btn_box .list li .inner:before{ content: ""; display: block; width: 106px; height: 106px; margin: 0 auto; margin-bottom: 20px; background: url(/images/common/certi_ico.png) no-repeat; background-size: auto 106px;}
.certi_btn_box .list li .inner .ti{ font-size: 23px; font-weight: 500; line-height: 1.4em; color: #333; letter-spacing: -0.05em;}
.certi_btn_box .list li .inner .txt{ margin-top: 20px; margin-bottom: 10px; min-height: 70px; letter-spacing: -0.05em; line-height: 1.4em; word-break: keep-all;}
.certi_btn_box .list li.link1 .inner:before{ background-position: 18px 0;}
.certi_btn_box .list li.link2 .inner:before{ background-position: -192px 0;}
.certi_btn_box .list li.link3 .inner:before{ background-position: -380px 0;}
@media screen and (max-width:1070px){

}
@media screen and (max-width:768px){    
    .certi_btn_box .list{ margin-left: -10px;}
    .certi_btn_box .list li{  padding-left: 10px;}
    .certi_btn_box .list li .inner{ padding: 20px 10px;}
    .certi_btn_box .list li .inner:before{ width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px; background-size: cover; }
    .certi_btn_box .list li .inner .ti{  font-size: 18px; }        
    .certi_btn_box .list li .inner .txt{  margin-top: 5px; margin-bottom: 10px; font-size: 13px;}        
    .certi_btn_box .list li.link2 .inner:before{ background-position: -145px 0;} 
    .certi_btn_box .list li.link3 .inner:before{ background-position: -290px 0;}
}




/*회원가입 step*/
.join_step_box{ max-width: 70%; margin: 0 auto; }
.join_step_box .list{ position: relative; font-size: 0; width: 100%; }
.join_step_box .list:before{ content: ""; position: absolute; top: 65px; left: 50%; margin-left: -40%; width: 80%; height: 1px; background: url(/images/common/join_step_dot.png) repeat-x 0 0;}
.join_step_box .list > li{ position: relative; display: inline-block; width: 25%; text-align: center; }
.join_step_box .list > li > span{ display: inline-block; width: 130px; height: 130px; font-size: 15px; color: #666; text-align: center; background: url(/images/common/join_step_bg.png) no-repeat 0 0;}
.join_step_box .list > li > span:before{ content: ""; display: block; width: 51px; height: 51px; margin:20px auto 10px; background: url(/images/common/join_step_ico.png) no-repeat;  background-size:356px auto; }
.join_step_box .list > li.st1 > span:before{ background-position: 5px 0; }
.join_step_box .list > li.st2 > span:before{ background-position: -96px 0; }
.join_step_box .list > li.st3 > span:before{ background-position: -200px 0; }
.join_step_box .list > li.st4 > span:before{ background-position: -300px 0; }
.join_step_box .list > li.on > span{ color: #fff; background-position: 0 -180px; }
.join_step_box .list > li.st1.on > span:before{ background-position: 5px -97px; }
.join_step_box .list > li.st2.on > span:before{ background-position: -96px -97px; }
.join_step_box .list > li.st3.on > span:before{ background-position: -200px -97px; }
.join_step_box .list > li.st4.on > span:before{ background-position: -300px -97px; }

@media screen and (max-width:1070px){
    .join_step_box{ max-width: 100%; margin: 0 auto; }
}
@media screen and (max-width:768px){    
    .join_step_box .list:before{ top: 42px; }
    .join_step_box .list > li > span{ padding-top: 35px; width: 80px; height: 80px; font-size: 12px; background-size: cover;}
    .join_step_box .list > li > span:before{ display: none;}    
    .join_step_box .list > li.on > span{ color: #fff; background-position: 0 -111px; }    
}
@media screen and (max-width:440px){    
    .join_step_box .list:before{ top: 28px; }
    .join_step_box .list > li > span{ padding-top: 23px; width: 60px; height: 60px; font-size: 12px;}    
    .join_step_box .list > li.on > span{ color: #fff; background-position: 0 -83px; }    
}



/*약관동의*/
.agree_box{ }
.agree_box .ti{ font-size: 23px; line-height: 1em; margin-bottom: 15px; }
.agree_box .item .txt_box{ position: relative; line-height: 1.4em; letter-spacing: -0.05em;}
/*.agree_box .item .txt_box:after{ content: ""; position: absolute; bottom: 20px; left: 0; width: 100%; height: 40px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); }*/
.agree_box .item + .item{ margin-top: 50px;}
.agree_box .item .txt_box .inner{ height: 280px; overflow-y:auto; overflow-x:hidden; padding-bottom: 40px;}
.agree_box .txt_box{ margin-bottom: 0px;}
.agree_box .radio_box{ padding: 10px 30px 10px; text-align: right; background: #ededed; color: #000; }

@media screen and (max-width:768px){    
    .agree_box .ti{ font-size: 18px;  margin-bottom: 10px; } 
    .agree_box .item .txt_box:after{ bottom: 10px;  }
    .agree_box .item .txt_box .inner{ height: 200px; overflow-y:auto; overflow-x:hidden;}
}





/*예약날짜 선택 달력*/
.calendarBox .cal_header{ position: relative; padding: 8px 0; text-align: center; }

.calendarBox .cal_header .calnav_prev,
.calendarBox .cal_header .calnav_next{ position: absolute; top: 10px; display: block; width: 30px; height: 30px; text-indent: -99999px; font-size: 0; }
.calendarBox .cal_header .calnav_prev{background: url(/images/common/cal_prev.png)no-repeat center center; left: 5%;}
.calendarBox .cal_header .calnav_next{background: url(/images/common/cal_next.png)no-repeat center center; right: 5%;}
.calendarBox .cal_header .submit_btn{ padding-left: 5px; padding-right: 5px; min-width: 60px;}
.calendarBox .cal_header .submit_btn{ padding-left: 5px; padding-right: 5px; min-width: 60px;}

.calendarBox .calendar{width: 100%;}
.calendarBox .calendar thead{border-top: 1px solid #ddd;}
.calendarBox .calendar thead .sun{color: #e30000;}
.calendarBox .calendar thead .sat{color: #0e6ed2;}
.calendarBox .calendar thead th{ text-align: center; font-weight: 400; padding: 8px 2px;}

.calendarBox .calendar tbody td{text-align: center; padding: 1px;}
.calendarBox .calendar tbody td{}
.calendarBox .calendar tbody td a{display: block; position: relative; min-height: 45px; border: 1px solid #e4e4e4; background-color: #fff; text-align: center;}
.calendarBox .calendar tbody td a:hover,
.calendarBox .calendar tbody td a:focus{text-decoration: none;}
.calendarBox .calendar tbody td a > .num{ display:inline-block; position: relative; top: 2px; padding: 2px 3px;}
.calendarBox .calendar tbody td a > .hide_date{ text-indent: -999999px; font-size: 0; line-height: 0; height: 0; letter-spacing: -0.05em;}
.calendarBox .calendar tbody td a > .state{ display: block; position: relative; top: 4px; width: 100%; margin: 0 auto; padding: 0px 3px; font-size: 13px; letter-spacing: -0.05em;  color: #757575;}
.calendarBox .calendar tbody td a > .state > i{ vertical-align: top;}
.calendarBox .calendar tbody td a.today{}
.calendarBox .calendar tbody td a.today > .num{ background:#ea1c7b; border-radius: 4px; color: #fff;}
/*.calendarBox .calendar tbody td a.today{}
.calendarBox .calendar tbody td a.today:before{ content: ""; position: absolute; bottom: 8px; left: 50%; margin-left: -4px; width: 8px; height: 8px; background: #ea1c7b; border-radius: 8px;}*/
.calendarBox .calendar tbody a.disable{cursor: default; background: url(/images/common/pat_disable.png); background-color: #f6f6f9;}
.calendarBox .calendar tbody a.able{background-color: #fff;  font-weight: 400; color: #333;}
.calendarBox .calendar tbody a.able.selected{ background: #3367d6; border-color:#425e9c; color: #fff;}  /* 선택 */
.calendarBox .calendar tbody a.able.selected > span{ color: #fff;}  /* 선택 */

.calendarBox .marker_info{ margin-top: 15px;}
.calendarBox .marker_info .marker{ margin-right: 15px; font-size: 13px;}
.calendarBox .marker_info .marker:before{ content: ""; position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 3px; border: 1px solid #e4e4e4; vertical-align: middle;}

.calendarBox .marker_info .marker.today:before{ border: none; width: 8px; height: 8px; background: #ea1c7b; border-radius: 8px;}
.calendarBox .marker_info .marker.able:before{ background: #fff; top: -1px;}
.calendarBox .marker_info .marker.disable:before{background: url(/images/common/pat_disable.png); background-color: #f6f6f9;  top: -1px;}
.calendarBox .marker_info .marker.selected:before{background: #3367d6; border-color: #3367d6;  top: -1px;} /*선택*/

@media screen and (max-width:1070px){
   
}
@media screen and (max-width:768px){        
    .calendarBox .marker_info{ margin-top: 8px;}
    .calendarBox .marker_info .marker{ margin-right: 8px; font-size: 12px;}
    .calendarBox .marker_info .marker:before{ width: 12px; height: 12px;  }
    
    .calendarBox .calendar tbody td a > .state{ top: 2px;  padding: 0px; font-size: 11px; letter-spacing: -0.08em; }

}
@media screen and (max-width:440px){    
    .calendarBox .cal_header .calnav_prev{ left: -3%;}
    .calendarBox .cal_header .calnav_next{ right: -3%;}    
    
    .calendarBox .calendar tbody td a{min-height: 38px;}
    .calendarBox .calendar tbody td a .num{ font-size: 13px;}
    .calendarBox .calendar tbody td a > .state > i{ display: none;}
}




/*----선택한 예약 시작일 종료일*/
.start_end_date{ width: 100%; }
.start_end_date .list{ border: 3px solid #d9d9d9; padding: 6px;}
.start_end_date .list > li{ float: left; width: 50%; }
.start_end_date .list > li > label{ display: inline-block; width: 40%; text-align: right; padding-right: 10px;}
.start_end_date .list > li > input{ display: inline-block; width: 60%; text-align:center; padding-left: 5px; padding-right: 5px;}
@media screen and ( max-width:440px){
    .start_end_date .list > li > label{ width: 35%; padding-right: 3px; font-size: 12px;}
    .start_end_date .list > li > input{ width: 65%; }
}




/*----예약 시간선택*/
.reg_time_list{ margin-bottom: 30px;}
.reg_time_list .head .select_date{}
.reg_time_list .list{ border-top: 1px solid #333; border-bottom: none;}
.reg_time_list .list:after{ content: ""; display: block; clear: both;}
.reg_time_list .list > li{ float: left; width: 50%; border: 1px solid #d9d9d9; border-top: none;}
.reg_time_list .list > li:nth-child(2n){ border-left: none;}
.reg_time_list .list > li > a{ display: block; padding: 10px; text-align: center; }
.reg_time_list .list > li > a span{ display: inline-block;}
.reg_time_list .list > li > a.able span{text-decoration: none;}
.reg_time_list .list > li > a.able .txt_a{ color: #0067b3;}
.reg_time_list .list > li > a.able .txt_b{ color: #0067b3; letter-spacing: -0.05em;}
.reg_time_list .list > li > a.able .txt_b > .count{ color: #df2e4b; font-weight: 500;}
.reg_time_list .list > li > a.able.selected { background: #3367d6;} /*선택*/
.reg_time_list .list > li > a.able.selected .txt_a,
.reg_time_list .list > li > a.able.selected .txt_b,
.reg_time_list .list > li > a.able.selected .txt_b > .count{ color: #fff;}
.reg_time_list .list > li > a.disable{ cursor:default; background: url(/images/common/pat_disable.png); background-color: #f6f6f9;}
.reg_time_list .list > li > a.disable span{ text-decoration: line-through; }
.reg_time_list .list > li .txt_a{ margin-right: 10px;}
.reg_time_list .list > li .txt_b{ }

@media screen and (max-width:768px){    
    .reg_time_list .list > li > a{  padding: 10px 5px; font-size: 13px;}
}
@media screen and (max-width:440px){        
    .reg_time_list .head .select_date{ font-size: 13px;}
    .reg_time_list .list > li > a{  padding: 8px 5px; font-size: 13px;}
    .reg_time_list .list > li > a .txt_a{ width: 100%;}
}







/*예약 step*/
.reg_step_box{ max-width: 70%; margin: 0 auto;   }
.reg_step_box .list{ position: relative; font-size: 0; width: 100%; }
.reg_step_box .list > li{ position: relative; display: inline-block; width: 33.33%; text-align: center; vertical-align: middle; }
.reg_step_box .list > li > span{ display: inline-block; width: 260px; height: 80px; padding: 28px; border: 2px dashed #435e9b; border-radius: 80px;  font-size: 23px; color: #435e9b; text-align: center; font-weight: 500; }
.reg_step_box .list > li.on > span{ color: #fff; background: #032268;  border: 2px dashed #032268;}

@media screen and (max-width:1070px){
    .reg_step_box{ max-width: 100%; margin: 0 auto; }
}
@media screen and (max-width:768px){        
    .reg_step_box .list > li > span{  width: 140px; height: 64px; padding: 3px;  font-size: 16px; }
    .reg_step_box .list > li > span > i{ display: block; margin-bottom: 3px;}
}
@media screen and (max-width:440px){    
    .reg_step_box .list > li > span{  width: 90px; height: 64px; padding: 3px;  font-size: 14px; }    
}