@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,400,600); /* font-family:'Titillium Web';thin은 font-weight:200, Regular은 font-weight:400, Semibold는 font-weight:600 */
/* layout */
body, table, th, td,
textarea, button, input[type="button"] {
	font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:15px;
	color:#666;
}
/* ===================================
	공통클래스
 =================================== */
body { background-color:#fff; }
button{cursor:pointer; padding:0; margin:0px; border:0px}
input[type="button"]{cursor:pointer;}
#wrap {overflow:hidden; width:100%; } 
.area{ width:1400px; margin:0px auto; }

.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.font-nanum{font-family:"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.font-nanumbarun{font-family:NanumBarunGothic,"Nanum Barun Gothic","나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
table {width:100%; border:0px; margin:0;padding:0; border-collapse:collapse;border:0;border-spacing:0;}
.material-icons{vertical-align:middle;}

.line1400 {border-bottom: 1px solid #c7c7c7; width: 95%; margin:0px auto;}

/* ========*/

html {overflow-y:scroll;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin:0;	padding:0;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}


a {
	color:#666;
	text-decoration:none;
	border:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
a:hover {
	color:#333;
}

button {text-transform:none; vertical-align:middle;}
button, [type='button'], [type='reset'], [type='submit'] {background:none; cursor:pointer;}

/* space set */
.mg_l5{margin-left:5px}
.mg_l10{margin-left:10px}
.mg_l13{margin-left:13px}
.mg_l15{margin-left:15px}
.mg_l20{margin-left:20px}
.mg_l25{margin-left:25px}
.mg_l30{margin-left:30px}

.mg_b5{margin-bottom:5px!important}
.mg_b10{margin-bottom:10px!important}
.mg_b15{margin-bottom:15px!important}
.mg_b20{margin-bottom:20px!important}
.mg_b25{margin-bottom:25px!important}
.mg_b30{margin-bottom:30px!important}
.mg_b35{margin-bottom:35px!important}
.mg_b40{margin-bottom:40px!important}
.mg_b45{margin-bottom:45px!important}
.mg_b50{margin-bottom:50px!important}
.mg_b70{margin-bottom:70px!important}


.mg_t5{margin-top:5px!important}
.mg_t10{margin-top:10px!important}
.mg_t15{margin-top:10px!important}
.mg_t20{margin-top:20px!important}
.mg_t25{margin-top:25px!important}
.mg_t30{margin-top:30px;}



/* width set */
.w_10{width:10px}
.w_30{width:30px}
.w_40{width:40px}
.w_50{width:50px}
.w_60{width:60px}
.w_70{width:70px}
.w_80{width:80px}
.w_90{width:90px}
.w_100{width:100px}
.w_110{width:110px}
.w_120{width:120px}
.w_130{width:130px}
.w_150{width:150px}
.w_160{width:160px}
.w_180{width:180px}
.w_200{width:200px!important}
.w_250{width:250px!important}
.w_300{width:300px!important}
.w_350{width:350px!important}
.w_400{width:400px!important}
.w_500{width:500px!important}
.w_600{width:600px!important}

.wps_5{width:5%}
.wps_10{width:10%}
.wps_15{width:15%}
.wps_16{width:16%}
.wps_20{width:20%}
.wps_25{width:25%}
.wps_28{width:28%}
.wps_30{width:30%}
.wps_35{width:35%}
.wps_40{width:40%}
.wps_43{width:43%}
.wps_45{width:45%}
.wps_50{width:50%}
.wps_55{width:55%}
.wps_60{width:60%}
.wps_65{width:65%}
.wps_70{width:70%}
.wps_75{width:75%}
.wps_80{width:80%}
.wps_85{width:85%}
.wps_90{width:90%}
.wps_95{width:95%}
.wps_100{width:100%}




/* table style */
table caption{text-indent:-100000px;font-size:0;line-height:0;}
.tbl_basic{display:table;margin-bottom:10px;width:100%;border-top:1px solid transparent;border-bottom:1px solid transparent;border-collapse:separate;border-collapse:collapse; font-size:14px; text-align: center; margin-top:10px;}
.tbl_basic th,
.tbl_basic td{padding:15px 10px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#666;}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{color:#333;}
.tbl_basic thead th{color:#333;font-size:14px;background:#f7f7f7;}
.tbl_basic th[rowspan],
.tbl_basic td[rowspan]{border-right:1px solid #ddd;}
.tbl_basic th:last-child,
.tbl_basic td:last-child{border-right:none;}
.tbl_basic{border-top-color:#a4a4a4;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;}
.tbl_basic tbody th{background-color:#f9f9f9;}
.tbl_basic tbody input[type='text']{border:1px solid #ccc; height:28px;}

.tbl_basic.tbl_type1{border-top-color:#a4a4a4;border-bottom-color:#ddd;border-collapse:separate;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{background-color:#f5f5f5;border-bottom-color:#ccc;}
.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#a4a4a4;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{color:#333}
/*.tbl_basic.tbl_type2 thead th,*/
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

.tbl_basic td.border-left{border-left:1px solid #ccc;}

.fr {float:right;}
.fl {float:left;}

.table-box{ overflow:hidden}




@media all and (max-width:780px) {
	
		
	.table-box{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:90px;}
	.table-box:after{width:100%; ; height:80px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#eceff1; z-index:-1}
	.table-box:before{width:360px;background:url(/common/img/sg/sub/mobile-scroll.png) no-repeat; height:60px; position:absolute;margin-left:-180px; left:50% ; top:15px;font-size:15px; letter-spacing:-0.05em; color:#555; display:block; content:"좌우로 스크롤 하시면 자세히 보실 수 있습니다"; box-sizing:border-box; line-height:60px; padding-left:60px;}
	.table-box table, .table-box .scroll{width:600px !important}
	
}
@media all and (max-width:480px) {
	
.table-box:before{width:260px;background-position:10px 0;background-size:30px auto; padding-left:60px ; padding-right:20px; font-size:14px;; line-height:120%; padding-top:5px; margin-left:-130px;}
}




.clr{clear: both;}