@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* PC 모드 CSS */

html, body { height:100%; }
body { overflow-y:scroll; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, a, span, tr, td, dd, dt{ list-style:none; font-family:'NanumSquareRound','맑은 고딕','malgun gothic','Nanum Gothic','돋움', 'Dotum', '굴림', 'Gulim', 'Verdana', 'sans-serif'; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */



		/*sub1페이지*/

		.sub1_thumb { display:block; width:451px; height:543px; margin-top:50px; float:left; }
		.sub1_thumb div.sub1_box { position:relative; top:419px; left:227px; display:inline-block; width:140px; height:137px; background:url('../img/sub1_box_img.jpg'); z-index:22; padding:30px; }
		.sub1_thumb div.sub1_box span { font-size:14px; color:#ffe62a; display:block; text-align:center; }

		.sub1_text { display:inline-block; width:475px; height:520px; float:left; margin:50px 0 0 30px; }
		.sub1_text .sub1_title1 { display:block; font-size:35px; color:#72a938; font-weight:600; letter-spacing:-1px; }
		.sub1_text .sub1_title2 { display:inline-block; margin-top:30px; font-size:15px; line-height:25px; letter-spacing:-1px; }



		/*sub1-2-1페이지*/

		#container {
			margin:0 auto;
			text-align:left;
		}
		.tab {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		/* Float the list items side by side */
		.tab li {
			float: left;
		}
		/* Style the links inside the list items */
		.tab li a {
			display: inline-block;
			width:445px;
			color:#808080;
			text-align: center;
			text-decoration: none;
			padding:20px 16px;
			font-size: 18px;
			border:1px solid #E4E4E4;
			border-collapse:collapse;
			transition:0.3s;
			font-family:'NanumSquareRound'.'맑은 고딕','malgun gothic','Nanum Gothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif;
		}
		/* Style the tab content */
		.tabcontent /*내용부분*/{
			background-color:#fff;
			padding: 6px 12px;
			color:#444; 
			font-size:16px;
			font-family:'NanumSquareRound','맑은 고딕','malgun gothic','Nanum Gothic','돋움', Dotum, '굴림', Gulim, Verdana, sans-serif;
		}
		ul.tab li.current /*탭부분*/{
			background-color:#8ac65d;
		}
		ul.tab li.current a /*탭부분*/{
			color:#fff;
		}
		.tabcontent.current {
			display: block;
		}

		 h3{color:#13356d; font-size:26px; margin-top:50px; font-weight:400;}
		.history_month{color:#222; font-size:16px; margin-right:10px; font-weight:600;} 
		.history_cont{}
		.history_cont_wrap { position:relative; display:block; height:455px; margin-bottom:36px; }
		.history_cont_wrap:before{position:absolute; content:''; width:9px; height:9px; background:url('../img/icon_h4.png')no-repeat; left:-4.5px; top:3.5em;}

		.history_cont_wrap .sub2-1_title1 { display:inline-block; float:left; width:150px; font-size:27px; color:#3c3c3c; font-weight:600; padding:20px 0; }
		.history_cont_wrap .sub2-1_textbox { display:inline-block; float:left; width:700px; padding-left:86px; }
		.history_cont_wrap .sub2-1_textbox span { display:block; line-height:23px; padding:20px 0; }
		.history_cont_wrap .sub2-1_imgbox { display:inline-block; float:left; text-align:center; padding:8px; }
		.history_cont_wrap .sub2-1_imgbox span { display:block; }
		.history_cont_wrap .sub2-1_textbox table { width:700px; height:160px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-spacing:0; }
		.history_cont_wrap .sub2-1_textbox table tr td.sub1-2_bg_td { background:#f1f3f6; font-size:16px; font-weight:bold; width:130px; text-align:center; } 
		.history_cont_wrap .sub2-1_textbox table tr td { text-align:left; font-size:14px; line-height:20px; padding:15px; }

		.se2_outputarea a:link{list-style:none !important;}
		.se2_outputarea ul li{list-style:none !important;}



		/*sub3페이지*/

		.historyArea {background:url("../img/bg_history2.gif") 50% bottom repeat-y; margin-top:75px; }
		.historyArea dl {background:url("../img/historypoint.gif") 50% 0px no-repeat;}
		.historyArea dl.hl {float:none;padding-right:520px; text-align: right; } /* 2017-07-26 변경 */
		.historyArea dl.hr {float:none;padding-left:520px; text-align: left; } /* 2017-07-26 변경 */
		.historyArea dl dd {margin-top:15px;}
		.historyArea dl .listSt07 li {padding-right:10px; background:url("../img/bg_listSt02.gif") right 10px no-repeat; line-height:26px; }
		.historyArea dl.last {background:url("../img/historypointlast.gif") 50% 5px no-repeat;}

		.historyArea .mat30 dd { margin:0; }
		.historyArea .mat30 dd ul { padding:0; }