@charset "utf-8";

/* 컨텐츠 박스 공통 */
.content-wrap {padding-top:110px; min-height: 90%; }
.content-wrap .content-title {width: 100%; height:40px; line-height: 40px; background:#0084ff; color: #fff; font-size:14.5px; letter-spacing: -0.5px; text-align: center; }
.content-wrap .content-box {margin-top:10px; border-top:1px solid #d7dade; background:#fff; padding: 10px;  border-bottom:1px solid #d7dade;}
.content-wrap .content-box > .title {position:relative;font-size: 15px; font-weight: bold; margin-bottom:10px; padding-left: 10px;}
.content-wrap .content-box > .title:after {content:'';display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background:#0084ff;}


/*헤더*/
.header-wrap .gnb { background: #fff; height:40px; }
.header-wrap .gnb>ul {height:40px;}
.header-wrap .gnb>ul>li>a {color: #333;}
.header-wrap .gnb>ul>li>a.select {color: #0084ff;}
@media all and (min-width : 375px )
{
	.header-wrap .gnb { text-align: center; }
}
.content-wrap .depth02 {width:100%; height:40px; line-height: 40px; background:#0084ff;}
.content-wrap .depth02 li {display: inline-block; height:100%; font-size:13px; letter-spacing: -0.5px; text-align: center;}
.content-wrap .depth02 li.select {background:#1e7dd6;}
.content-wrap .depth02 li a {color:#fff; display: inline-block; width:100%; height:100%; font-size: 13px; padding:0 15px;}

/* 고정 영역 높이 */
.line-01 {height:40px !important;}
.line-02 {height:40px !important;}
.line-03 {height:58px !important;}
.line-04 {height:77px !important;}
.line-05 {height:96px !important;}
.line-06 {height:115px !important;}
.line-07 {height:134px !important;}
.line-08 {height:153px !important;}
.line-09 {height:172px !important;}
.line-10 {height:191px !important;}


/**************** 너비 컴포넌트 percentage width *********************/
.w-40pct { width: 40% !important; }
.w-50pct { width: 50% !important; }
.w-100pct { width: 100% !important; }


/**************** 너비 컴포넌트 px width *********************/
.w-40px { width: 40px !important; }
.w-50px { width: 50px !important; }
.w-60px { width: 60px !important; }
.w-70px { width: 70px !important; }
.w-80px { width: 80px !important; }
.w-90px { width: 90px !important; }
.w-100px { width: 100px !important; }
.w-200px { width: 200px !important; }
.w-300px { width: 300px !important; }
.w-400px { width: 400px !important; }



/* 테이블 */
.normal-table { position: relative; margin-top: 10px;}
.normal-table table { width: 100%; font-size: 13px; border-top: 2px solid #3d5a7c; table-layout: fixed; text-align: center; border-right: 1px solid #dee3eb; }
.normal-table table tr th { vertical-align: middle; padding: 8px; font-weight: bold; text-align: center; background: #f2f2f2; border-bottom: 1px solid #dee3eb; }
.normal-table table tr td { vertical-align: middle;  padding: 8px; border-left: 1px solid #dee3eb; border-bottom: 1px solid #dee3eb;}
.normal-table table tr td.txt-left { text-align: left; }
.normal-table table tr td .a-link {text-decoration: underline; color: #4679c9;}
.normal-table table thead tr { background: #ECECEC; border-top: 2px solid #3d5a7c; }