@charset "utf-8";
/* ----------------------------------------
 * Create by jinwoo
 * Created : 2018 v01
 --------------------------------------- */
/* ==========================================================================
   Base styles & import
   ========================================================================== */
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);

Reset
html{overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea{font:normal 15px/1 'Nanum Gothic','돋움',Dotum, sans-serif; color:#666666;}

body{text-align:left; word-break:break-word;}
html{}
html,body {}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none;}outline-width:0;outline:none;
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}
input[type=radio] {margin-top:0;}
input[type='text']:focus,input[type='password']:focus {background:#fbfae7 ;}
*{box-sizing: border-box;}

select {border:1px solid #bcc1c2}
strong {font-family:ngb;}
strong.line {border-bottom:1px solid #353535}
.skip, .blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}

font color
.fc-red {color: #ec5a4b;}
.fc-blue {color: #4a6596;}
Mobile Form Default
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}
input[type=text], input[type=password]{border: 1px solid #bcc1c2;height: 34px;line-height: 34px;padding: 0 10px 0 10px;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{border: 1px solid #bcc1c2;height: 34px;line-height: 34px;padding: 0 10px 0 10px;}

.header
.header_d .header_box .header_box_w{position: relative;height:70px;padding-right:0;max-width:1280px;margin:0 auto;z-index:52;}


container
.container_w{position: relative;max-width:1280px;width:100%;min-width:320px; margin:0 auto;background: transparent;}

.leftHeader{display: block;transition:all 0.5s ease;}

.leftHeader{position: absolute;left: 0;top:0; width: 230px;z-index: 40;background: #fff; overflow: hidden; height: 100%;}
.leftHeader .h2Box{display:table; width: 100%;background: #fff;padding-left:0;padding-top:0;height: 160px; }
.leftHeader .h2Box p{display: none;}
.leftHeader .h2Box h2{display:table-cell; vertical-align:middle; height: 124px;padding:0 10px; text-align: center; font-weight: 600; font-size: 26px; color: #d81f25;border:1px solid #ccc;}
.leftHeader .gnbList{background: #fff;padding-bottom: 0;padding-top:0;}


.content{position: relative;clear: both;overflow: hidden;padding: 0 0 60px 40px;min-height: 800px;margin-left: 230px;background: #fff;transition:all 0.5s ease;}


.h3Box{padding-top:0;padding-bottom:0;border:1px solid red;clear: both;overflow: hidden;}
.h3Box h3{padding-top:0;float:left; text-align: left;font-weight:700;font-size: 36px;color:#000000;}
.navigation{float:right}
.navigation li.first{width:13px;height:12px;margin-left:0;margin-right:12px;text-indent: -9999em;background:url('images/design_common/ic_home.png') no-repeat center center;}
.navigation li{display: inline-block;float:left;padding-left:15px;font-size:14px;color:#636363;margin-right:12px;background:url('images/design_common/ic_gt.png') no-repeat left center;}
.navigation:after{clear:both;overflow:hidden;}
.navigation li.last{margin-right:0;}



footer
footer{width:100%;}
.footer_wrap{position: relative; max-width:1280px;margin:0 auto;padding:30px 0 80px 20px;}





Skip
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}
 */
/* margin/padding 유틸은 1user/common/css/common.css 로 일원화(중복 제거) */

/* width (1user/common/css/common.css 와 중복되는 값 제거, ptfol 고유값만 유지) */
.wid40{width:40px;}
.wid275{width:275px;}

.wid5p{width:5%;}
.wid15p{width:15%;}
.wid25p{width:25%;}
.wid45p{width:45%;}
.wid55p{width:55%;}
.wid65p{width:65%;}
.wid75p{width:75%;}
.wid85p{width:85%;}
.wid95p{width:95%;}

/* swid (1user/common/css/common.css 와 중복되는 값 제거, ptfol 고유값만 유지) */
.swid80{min-width:80px}
.swid120{min-width:120px}
.swid140{min-width:139px}

.swid15p{min-width:15%}
.swid25p{min-width:25%}
.swid35p{min-width:35%}
.swid45p{min-width:45%}
.swid55p{min-width:55%}
.swid65p{min-width:65%}
.swid75p{min-width:75%}
.swid85p{min-width:85%}
.swid95p{min-width:95%}

/* ul 정렬 */
.ul_inblock li{display: inline-block;padding-right:20px;letter-spacing: -0.5px;}
.ul_inblock li.first.last{padding-right:0;}
.ul_block li{display:block;}

/* 색상 */
.col_red{color:#db464d;}
.col_blue{color:#103ea6;}


/*TEXT*/
h3{font-size: 26px;font-weight: 700;color:#333333;}
h4{font-size: 20px;font-weight: 700;color:#333333;}
h4:BEFORE{	display: inline-block;margin-right:10px; width:3px;height:13px;content: "";background:#d91f26;vertical-align: unset;}
.h4_style{font-size: 20px;font-weight: 700;color:#333333;}
.h4_style:BEFORE{	display: inline-block;margin-right:10px; width:3px;height:13px;content: "";background:#d91f26;vertical-align: unset;}
h5{font-size: 18px;font-weight: 700;color:#333333;}
.h5_style{font-size: 18px;font-weight: 700;color:#333333;}

/* button */
.btn_wrap{text-align: center;clear:both;overflow:hidden;padding-top:30px;}
.btn_wrap a + a{margin-left:20px;}
.btn_wrap .btn01{min-width:80px;}

.btn01{padding:11px 5px;font-weight:700; display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:16px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
.btn01:active{transform:scale(0.95)}
.btn01:hover{opacity:0.8;}
.btn01.col01{color:#303030; background:#fff;border:1px solid #868686;}
.btn01.col02{color: #fff;background:#d81f25; border:1px solid #d81f25;}
.btn01.col03{color: #fff;background:#afb8c0;border:1px solid #afb8c0; }
.btn01.col04{color:#fff;background:#848c93; border:1px solid #848c93;}
.btn01.col05,a.btn01:disabled{color: #999999;background:#e1e1e1;border:1px solid #e1e1e1;cursor: context-menu;transform:none;}
.btn01.col06{color:#fff;background:#ef8d31; border:1px solid #ef8d31;}
.btn01.col07{color: #fff;background:#103ea6; border:1px solid #103ea6;}
.btn01.file_btn{color: #333333;background:#fafafa; border:1px solid #e1e1e1;border-radius:2px;}

.table a.btn02{padding:7px 5px;font-weight:700; display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:14px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
.table a.btn02:active{transform:scale(0.95)}
.table a.btn02:hover{opacity:0.8;}
.table a.col01{color:#333333; background:#fafafa;border:1px solid #e1e1e1;}
.table a.col02{color: #fff;background:#103ea6; border:1px solid #103ea6;}
.table a.col03{color: #fff;background:#cccccc;border:1px solid #cccccc; }
.table a.col04{color:#fff;background:#d81f25; border:1px solid #d81f25;}
.table a.col05{color:#fff;background:#848c93; border:1px solid #848c93;}
.table a.col06{color:#fff;background:#ef8d31; border:1px solid #ef8d31;}
.table a.col07{color:#103ea6;background:#ffffff; border:1px solid #e1e1e1;}
.table a + a{margin-left:4px;}


.table_top_wrap a.btn01.col04{padding:6px 12px;color:#fff;font-size:14px;letter-spacing:-0.5px; background:#666666;border:1px solid #666666; }

/* tab style */
/* .tabType01 {width:100%;margin-bottom:30px;padding-bottom:0; overflow: hidden;}
.tabType01 ul{display:block; clear:both;}
.tabType01 ul li {display: table; float:left; text-align:center;box-sizing:border-box;margin-right:8px;}
.tabType01 ul li:LAST-CHILD{margin-right:0;}
.tabType01 ul li a{display:table-cell; margin-left:-2px; height:40px; vertical-align:middle;padding:0 30px; color:#fff; font-size:14px;font-weight:700; border-radius: 20px;background: #afb8c0; transition:all 0.5s ease;}
.tabType01 ul li a:hover,
.tabType01 ul li.on a {background: #d91f26;} */

 /* 안내 박스 */
/*.guide_wrap + .tab_wrap{padding-top:30px;}
.guide_wrap{position:relative; border:1px solid #e1e1e1;background: #fff;padding:26px;}
.guide_wrap > ul{clear:both;overflow:hidden;}
.guide_wrap > ul > li{padding-left:34px;padding-top:1px;padding-bottom:13px;font-size:15px;background: url('images/common/ic_guide.png') no-repeat 0 0;line-height:1.4em;}
.guide_wrap >  ul > li:LAST-CHILD{padding-bottom:0;}
.guide_wrap >  ul > li ul{padding-top:5px;}
.guide_wrap >  ul > li ul li{padding-top:5px;padding-left:10px;}
.guide_wrap.bgno{}
.guide_wrap.bgno > ul > li{background: none;padding-left:0;padding-top:0;} */



/* ul정렬*/
.ul_list{clear: both;overflow: hidden;}
.ul_list li{display:block;float:left;padding-right:10px;}
.ul_list li:LAST-CHILD{padding-right:0;}
.ul_list2{clear: both;overflow: hidden;}
.ul_list2 li{display:block;padding-top:10px;}
.ul_list2 li:FIRST-CHILD{padding-top:0;}

/* 개인정보동의박스 */
.terms_wrap{padding-top:20px;}
.terms_wrap .terms_title{ padding-bottom:20px;color:#333333;font-size:16px;font-weight:700;}
.terms_wrap .terms_box{padding:26px;line-height: 1.4em;border:1px solid #e1e1e1;background:#fafafa; }
.terms_wrap .terms_chk{padding-top:10px;text-align: right;color:#333333;line-height: 1.2em;}

/* 페이징 */
.tab_bottom{padding-top:20px;clear: both;overflow: hidden;}
.tab_bottom p{color:#666666;}
.tab_bottom p span{display: inline-block;color:#333333;font-size:15px;font-weight: 700;line-height: 1;}


/* .pageList {padding-top:30px;}
.pageList {text-align:center;display: block;transition:all 0.5s ease;}
.pageList li{display: inline-block;margin:0 1px}
.pageList li a{display: block;width:40px;height:40px;font-weight:700; margin:0 0;line-height:40px; font-size:16px; color:#999999;}
.pageList li.on a{ color:#4356b7;}
.pageList li a:hover{color:#4356b7;}
.pageList li.first_btn{margin-right:-2px;}
.pageList li.last_btn{margin-left:-2px;}
.pageList li.first_btn a{width:40px; height:40px;text-indent: -9999em;background:#fff url('images/common/paging01.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
.pageList li.prev_btn a{width:40px;height:40px;text-indent: -9999em;background:#fff url('images/common/paging02.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
.pageList li.next_btn a{width:40px;height:40px;text-indent: -9999em;background:#fff url('images/common/paging03.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
.pageList li.last_btn a{width:40px;height:40px;text-indent: -9999em;background:#fff url('images/common/paging04.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
 */

.m_btn_wrap{display: none;padding-top:10px;transition:all 0.5s ease;}
.m_btn_wrap .btn01{display:block; width:100%;}



/* 팝업 */
.ui-widget{}

/* .dialog_wrap{padding:10px;border:1px solid #ccc;}
.popup_bg{overflow:hidden; position:fixed; top:0px; left:0px; bottom:0; right:0; z-index:49; background:#000; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.ui-widget.ui-widget-content{padding:0;}
.ui-dialog .ui-dialog-titlebar{text-align:left; padding: 16px 30px;background: #d91f26;}
.ui-dialog .ui-dialog-title{font-size:18px;font-weight:700;color:#fff;margin:0;}
.ui-dialog h4{font-size:24px;font-weight:400;margin-top:0;}
.ui-widget-content{color:#333333;}
.ui-dialog .ui-dialog-buttonpane{text-align: center;border:none;margin-top:20px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;min-width:90px;}
.ui-widget .ui-widget{font-size:13px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{}
.ui-dialog .ui-dialog-buttonpane button{background:#ffffff;font-size:16px; border:1px solid #323942;font-weight:400;color:#37343f;margin:0 0 0 20px;border-radius:3px;}
.ui-dialog .ui-dialog-buttonpane button:first-child{margin-left:0;}
.ui-dialog .ui-dialog-buttonpane button:hover{background:#eef9f2 !important; border:1px solid #4bb980 !important;color:#4bb980;}
.ui-dialog .ui-dialog-buttonpane button.col02{background:#009fd9;color:#fff;border:1px solid #009fd9;}
.ui-dialog .ui-dialog-buttonpane button.col03{background:#8d9caf;color:#fff;border:1px solid #8d9caf;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0;}
.ui-button.ui-corner-all{display:inline-block;padding:12.5px 5px; text-align:center;line-height:1;color: #fff;background: #ffffff;border: 1px solid #323942;background: ;}
.ui-dialog .ui-dialog-titlebar-close{height:16px;width:16px;min-width:16px;right:20px;top: 17px;background:url('images/common/pop_close.png') no-repeat center center;border:none;}
.ui-dialog .ui-dialog-titlebar-close:hover{}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{display: none;}
.ui-widget.ui-widget-content{border:none;}
.ui-widget-header{border:none;}
.ui-dialog .ui-dialog-content{padding:30px 30px 5px 30px;}
.ui-widget-overlay{background:#000 !important; opacity:0.8;}
.ui-dialog-buttonset .ui-button{min-width:90px;}
.ui-dialog textarea{min-height:80px;}
.ui-dialog .table_wrap table tbody td .td_box{min-height:80px;}
.ui-dialog .table.t_input .file_input_textbox{width:288px;}
.ui-dialog  .search_form select{min-width:100px;}

.ui-dialog .ui-dialog-buttonpane .di_btn_close{padding:9px 5px 9px;min-width:80px;height: 40px;background:#8190a8; border:1px solid #8190a8;color:#fff;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close:hover{background:#8190a8 !important; border:1px solid #8190a8 !important;color:#fff !important;;opacity: 0.8;}

.ui-dialog .ui-dialog-buttonpane .di_btn_conf {padding:9px 5px 9px;color:#fff;min-width:80px;height: 40px;background:#d91f26; border:1px solid #d91f26;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover {background:#d91f26  !important; border:1px solid #d91f26  !important;color:#fff !important;;opacity: 0.8;}

.ui-dialog .ui-dialog-buttonpane .di_btn_del {padding:9px 5px 9px;color:#ffffff;min-width:80px;height: 40px;background:#ec5a4b; border:1px solid #ec5a4b;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del:hover {background:#ec5a4b  !important; border:1px solid #ec5a4b  !important;color:#ffffff !important;;opacity: 0.8;}


.ui-dialog .ui-dialog-buttonpane button + button{margin-left:20px;} */

/* 검색 박스 */
.search_wrap{}
.search_box{background: #fafafa;border:1px solid #e2e2e2;padding:36px 50px 26px 50px;}
.search_box ul{clear: both;overflow: hidden;}
.search_box ul li{float:left;padding-right:40px;padding-bottom:10px;}
.search_box ul li:nth-last-child(2){padding-right:4px;}
.search_box ul li dl{display: table;}
.search_box ul li dl dt{display: table-cell;font-size:15px;color:#333333;font-weight:700; padding-right:10px; vertical-align: middle;}
.search_box ul li dl dd{}
.search_box a.btn01{vertical-align:middle; padding:11px 5px;font-weight:400;display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:15px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
.search_box a.btn01 + .btn01{margin-left:10px;}
.search_box a.btn01:active{transform:scale(0.95)}
.search_box a.btn01:hover{opacity:0.8;}
.search_box a.btn01.col02{padding:11.5px 26px; color: #fff;background:#d81f25; border:1px solid #d81f25;}
.search_box a.btn01.col02 span{padding-left:20px; background:url('images/common/btn_search.png') 0 1px no-repeat;}
.search_box a.btn01.col03{padding:9px 5px;color: #fff;background:#afb8c0;border:1px solid #afb8c0;}
.search_box a.btn01.col03 span{display:inline-block;width:20px;height:20px; background:url('images/common/btn_reset.png') 0 center no-repeat;text-indent: -9999em;}
.search_box a.btn01.col04{padding:11.5px 5px;color:#fff;background:#666666;border:1px solid #666666; }
.search_box a.btn01.col09{padding:11.5px 5px;color:#333333;background:#fafafa;border:1px solid #e1e1e1; }
.search_box select{height:40px;}
.search_box input{height:40px;}

/* 테이블 */
.search_wrap + .tab_wrap{padding-top:40px;}
.tab_wrap{}
.tableType01{border-top: 2px solid #666666; width:100%;}
.tableType01.scroll_x{overflow-x:auto; }
.tableType01 table {table-layout: fixed;width:100%;}
.tableType01 table thead th{padding:12px 5px;font-size:15px; font-weight:700;color: #333333;background: #fafafa;text-align: center;}
.tableType01 table td{font-size: 14px;text-align:center; color:#4e4e4e; border-left: none;padding: 19px 5px 19px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.tableType01 table td.title a{color:#103ea6;}
.tableType01 table td.title a{padding-bottom:1px;border-bottom:1px solid #103ea6;}
.tableType01 table td.title a:hover{color:#009fd9 !important;border-bottom:1px solid #009fd9;}

.tableType01 table tbody td .ic_file{display: inline-block;text-indent: -9999em;width:15px;height:16px;background:url('images/design_common/ic_flie.gif') no-repeat 0 center;}
.tableType01 table tbody td .ic_lock{display: inline-block;text-indent: -9999em;width:16px;height:18px;background:url('images/common/ic_lock.png') no-repeat 0 center;margin-left:10px;}
.tableType01 table tbody td .ic_new{display: inline-block;text-indent: -9999em;width:16px;height:18px;background:url('images/common/ic_new.png') no-repeat 0 center;margin-left:10px;}



.tableType02 table {table-layout: fixed;width:100%;}

.tableType03 table {table-layout: fixed;width:100%;}

.tableType04 table {table-layout: fixed;width:100%;}

.tableType04 table tbody tr th{background: }


table .th_wid30{width:160px;}
table .th_wid70{width:*;}


.scrollbar{height:310px;padding:40px;padding-right:10px;background:#E7E9EC;line-height:1.6;box-sizing:border-box}

@media only screen and (max-width:1280px){
	.content{padding: 0 20px 0 20px;
	

	
}


@media only screen and (max-width:1024px){
	.leftHeader{display: none;}
	
	.content{padding: 0 20px 0 20px;min-height: 600px;margin-left: 0;}
	
	/* 검색 박스 */
	.search_box{background: #fafafa;border:1px solid #e2e2e2;padding:20px 20px 10px 20px;}
	
	/* .pageList {display: none;} */
	.m_btn_wrap{display: block;}
	
	table .th_wid30{width:130px;}
	table .th_wid70{width:*;}
	
	
}

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

	
	
	.search_box ul li{width:100%;padding-right: 0;}	
	.search_box ul li:nth-last-child(2){padding-right:0;}	
	.search_box ul li dl{width:100%;}
	.search_box ul li dl dt{width:35%; display: table-cell;text-align:center;  font-size:15px;color:#333333;font-weight:700; padding-right:10px; vertical-align: middle;}
	.search_box ul li dl dd{width:100%;}
	.search_box ul li dl dd input{width:100%;}	
	.search_box ul li dl dd .select{display:block; width:100%;}
	.search_box ul li dl dd select{width:100%;}
	.search_box ul li .btn01{width:49%;}	
	.search_box a.btn01 + .btn01{margin-left:2%;}
}
@media only screen and (max-width:420px){


}
@media only screen and (max-width:380px){


}
@media only screen and (max-width:360px){

	
}