/*common*/
.layout {position: relative; padding: 0 30px; margin: 0 auto; width: 1395px;}


/*header*/
header {padding: 66px 0 115px; box-sizing: border-box; width: 100%; height: 450px;}
header h1 {font-family: "Jost", "돋움","Dotum",sans-serif; font-size: 72px; font-weight: 700; line-height: 1; }
header h2 {margin-top: 70px; font-family: "Jost", "돋움","Dotum",sans-serif; font-size: 60px; font-weight: 400; line-height: 1 }


/*main*/
#content {padding: 50px 0 50px; width: 100%; background-color: #f4f4f4}
#content .tit {margin-bottom: 7px; display: inline-block; font-size: 20px; font-style: italic; font-weight: 700 ; border-bottom: 2px solid #000}
#content article>a {display: inline-block; margin: 30px 47px 0 0; width: 325px; height: 417px; background-color: #fff}
#content article>a:hover {text-decoration: none}
#content article>a>img {width: 100%; height: 324px;}
#content article>a .txt {padding: 25px 30px; font-size: 18px; font-weight: 600}
#content article>a .txt .en {display: inline-block; margin-left: 14px; font-family: "Jost","돋움","Dotum",sans-serif; font-weight: 700;}


/*sub*/
#content.sub {position: relative; padding: 65px 0 200px}
#content.sub .tit {border-bottom: none; font-family: "Noto Sans Korean"; font-size: 18px; font-style: normal}
#content.sub .tit .home{margin-right: 20px; border-bottom: 2px solid #000; font-family: "Jost"; font-weight: 700; font-size: 20px; font-style: italic}
#content.sub .tit .home:hover, #content.sub .tit .home:focus, #content.sub .tit .home:active {text-decoration: none}
#content.sub .tit>span {display: inline-block; margin-left: 15px; font-family: "Noto Sans Korean";}
#content.sub .contact {position: absolute; right: 50px; top: 40px; font-size: 18px; font-weight: 600}
#content.sub .contact .eng {margin-right: 30px; font-family: "Jost"; font-size: 20px; font-weight: 700; letter-spacing: -1.8px}

#content.sub article {margin-top: 48px}
#content.sub article>dl {zoom : 1}
#content.sub article>dl:after {clear: both; content: ''; display: block}
#content.sub article>dl>dt {float: left; margin-right: 30px; width: 325px; height: 390px;}
#content.sub article>dl>dt>img {width: 100%; height: 325px}
#content.sub article>dl>dt .download {display: inline-block; padding: 18px 0; width: 100%; box-sizing: border-box; text-align: center; font-size: 20px; font-family: "Jost","돋움","Dotum",sans-serif; background-color: #fff; font-weight: 700}
#content.sub article>dl>dt .download:after {content: ''; display: inline-block; margin: 0 0 4px 12px; width: 20px; height: 9px; background: url(../img/down_arrow.png) no-repeat}
#content.sub article>dl>dd {float: left; width: 750px}
#content.sub article>dl>dd .txt {margin-bottom: 54px; font-size: 28px; font-weight: 600; word-break: keep-all}
#content.sub article>dl>dd .h4_tit {font-size: 20px; font-weight: 700; font-family: "Jost"; padding-left: 2px}
#content.sub article>dl>dd .h4_tit + ul {margin: 15px 0 80px}
#content.sub article>dl>dd .h4_tit + ul:last-child {margin-bottom: 0}
#content.sub article>dl>dd .h4_tit + ul>li {font-size: 24px; line-height: 1.3}




/*footer*/
footer {padding: 42px 50px 0 50px; box-sizing: border-box; width: 100%; height: 220px; background-color: #000; zoom : 1}
footer:after {clear: both; content: ''; display: block}
footer .copy {float: left; margin-left: 75px; color: #fff; font-size: 16px; font-family: "Jost","돋움","Dotum",sans-serif; letter-spacing: 0}
footer .select {float: right; position: relative; margin-right: 54px; width: 200px; height: 40px; border: none; border-bottom: 1px solid #fff; background-color: #000; background: url(../img/arrow.png) no-repeat 98% 50%; cursor: pointer}
footer .select>p {color: #fff; font-family: "Jost","돋움","Dotum",sans-serif; font-size: 16px; height: 40px; line-height: 40px}
footer .select .select_list {position: absolute; top: -160px; left: -5px; display: none; width: 103%; background-color: #000}
footer .select .select_list>li {padding: 13px 5px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #000;}
footer .select .select_list>li>a {font-size: 16px; color: #fff}
footer .select.active .select_list {display: block}


@media screen and (max-width : 640px){
	
	/*common*/
	body {min-width: 100%}
	.layout {padding: 0 15px; box-sizing: border-box; width: 100%;}
	
	
	/*header*/
	header {padding: 30px 0 65px; height: auto}
	header h1 {font-size: 40px;}
	header h2 {margin-top: 30px; font-size: 30px}
	
	
	/*content*/
	#content {padding: 30px 0 40px}
	#content article>a {margin: 15px 0 0 0; width: 100%; height: auto}
	#content article>a>img {width: 100%; height: 100%}
	#content article>a .txt {padding: 15px; text-align: center}
	
	
	/*footer*/
	footer {padding: 15px; height: auto}
	footer .copy {float: none; margin: 0; text-align: center; font-size: 14px}
	footer .select {float: none; margin: 15px auto 0; width: 120px; height: 30px}
	footer .select>p {height: 30px; line-height: 30px; font-size: 14px}
	footer .select .select_list>li>a {font-size: 13px}
	
	
	/*sub*/
	#content.sub {padding: 30px 0 100px}
	#content.sub .tit {font-size: 14px}
	#content.sub .tit .home {margin-right: 10px; font-size: 16px;}
	#content.sub .tit>span {margin-left: 5px}
	#content.sub .contact {right: auto; left: 15px; top: 57px; font-size: 14px}
	#content.sub .contact .eng {margin-right: 40px; font-size: 16px}
	#content.sub article {width: 100%}
	#content.sub article>dl>dt {float: none; width: 100%; height: auto}
	#content.sub article>dl>dt>img {height: auto}
	#content.sub article>dl>dt .download {padding: 9px 0; font-size: 14px}
	#content.sub article>dl>dt .download:after {margin-bottom: 2px}
	#content.sub article>dl>dd {float: none; margin-top: 15px; width: 100%}
	#content.sub article>dl>dd .txt {margin-bottom: 32px; font-size: 16px}
	#content.sub article>dl>dd .h4_tit {font-size: 16px}
	#content.sub article>dl>dd .h4_tit + ul {margin: 5px 0 40px}
	#content.sub article>dl>dd .h4_tit + ul>li {font-size: 13px}
	
	
	
	
	
	
}