@charset "utf-8";
* {margin: 0; padding: 0; box-sizing: border-box;}


/* CSS Document */

/* 폰트 */
@font-face {
    font-family: 'NotoT';
    src: url(../font/NotoSansKR/NotoSansKR-Thin.eot);
    src: url(../font/NotoSansKR/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff');
}

@font-face {
    font-family: 'NotoL';
    src: url(../font/NotoSansKR/NotoSansKR-Light.eot);
    src: url(../font/NotoSansKR/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff');
}

@font-face {
    font-family: 'NotoDL';
    src: url(../font/NotoSansKR/NotoSansKR-DemiLight.eot); 
    src: url(../font/NotoSansKR/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
		 url(../font/NotoSansKR/NotoSansKR-DemiLight.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-DemiLight.woff) format('woff');
}

@font-face {
    font-family: 'NotoR';
    src: url(../font/NotoSansKR/NotoSansKR-Regular.eot);
    src: url(../font/NotoSansKR/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoM';
    src: url(../font/NotoSansKR/NotoSansKR-Medium.eot);
   	src: url(../font/NotoSansKR/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoB';
    src: url(../font/NotoSansKR/NotoSansKR-Bold.eot);
    src: url(../font/NotoSansKR/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff');
}

@font-face {
    font-family: 'NotoBK';
    src: url(../font/NotoSansKR/NotoSansKR-Black.eot);
    src: url(../font/NotoSansKR/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
		 url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff');
}

@font-face {
  font-family: 'S-Core';
  font-weight:100;
  src: url('../font/S-core/S-CoreDream-1Thin.eot');
  src: url('../font/S-core/S-CoreDream-1Thin.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-1Thin.svg#S-CoreDream-1Thin') format('svg'),
       url('../font/S-core/S-CoreDream-1Thin.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-1Thin.woff') format('woff'),
       url('../font/S-core/S-CoreDream-1Thin.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:200;
  src: url('../font/S-core/S-CoreDream-2ExtraLight.eot');
  src: url('../font/S-core/S-CoreDream-2ExtraLight.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-2ExtraLight.svg#S-CoreDream-2ExtraLight') format('svg'),
       url('../font/S-core/S-CoreDream-2ExtraLight.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-2ExtraLight.woff') format('woff'),
       url('../font/S-core/S-CoreDream-2ExtraLight.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:300;
  src: url('../font/S-core/S-CoreDream-3Light.eot');
  src: url('../font/S-core/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-3Light.svg#S-CoreDream-3Light') format('svg'),
       url('../font/S-core/S-CoreDream-3Light.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-3Light.woff') format('woff'),
       url('../font/S-core/S-CoreDream-3Light.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:400;
   src: url('../font/S-core/S-CoreDream-4Regular.eot');
  src: url('../font/S-core/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-4Regular.svg#S-CoreDream-4Regular') format('svg'),
       url('../font/S-core/S-CoreDream-4Regular.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-4Regular.woff') format('woff'),
       url('../font/S-core/S-CoreDream-4Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:500;
  src: url('../font/S-core/S-CoreDream-5Medium.eot');
  src: url('../font/S-core/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-5Medium.svg#S-CoreDream-5Medium') format('svg'),
       url('../font/S-core/S-CoreDream-5Medium.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-5Medium.woff') format('woff'),
       url('../font/S-core/S-CoreDream-5Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-Core';
  font-weight:600;
  src: url('../font/S-core/S-CoreDream-6Bold.eot');
  src: url('../font/S-core/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-6Bold.svg#S-CoreDream-6Bold') format('svg'),
       url('../font/S-core/S-CoreDream-6Bold.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-6Bold.woff') format('woff'),
       url('../font/S-core/S-CoreDream-6Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:700;
  src: url('../font/S-core/S-CoreDream-7ExtraBold.eot');
  src: url('../font/S-core/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-7ExtraBold.svg#S-CoreDream-7ExtraBold') format('svg'),
       url('../font/S-core/S-CoreDream-7ExtraBold.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-7ExtraBold.woff') format('woff'),
       url('../font/S-core/S-CoreDream-7ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:800;
  src: url('../font/S-core/S-CoreDream-8Heavy.eot');
  src: url('../font/S-core/S-CoreDream-8Heavy.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-8Heavy.svg#S-CoreDream-8Heavy') format('svg'),
       url('../font/S-core/S-CoreDream-8Heavy.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-8Heavy.woff') format('woff'),
       url('../font/S-core/S-CoreDream-8Heavy.woff2') format('woff2');
}
@font-face {
  font-family: 'S-Core';
  font-weight:900;
  src: url('../font/S-core/S-CoreDream-9Black.eot');
  src: url('../font/S-core/S-CoreDream-9Black.eot?#iefix') format('embedded-opentype'),
       url('../font/S-core/S-CoreDream-9Black.svg#S-CoreDream-9Black') format('svg'),
       url('../font/S-core/S-CoreDream-9Black.ttf') format('truetype'),
       url('../font/S-core/S-CoreDream-9Black.woff') format('woff'),
       url('../font/S-core/S-CoreDream-9Black.woff2') format('woff2');
}

/* 폰트 */



body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:14px; line-height:1.267em}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
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, font, 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, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'S-Core';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}



/* 헤더 */

#intro .header{height: 90px; display: none;} 
#intro .header .layout {width: 90%; margin: 0 auto; position: relative; height: 100%;}
#intro .header h1{margin:0 auto; text-align:center; line-height: 90px;}
#intro #intro.wrap .container h2 {text-align: center;color: #fff;font-size: 33px;padding: 40px 0 40px;text-shadow: 3px 3px 3px #333;}



#intro{position:relative;width:100%;background:url(../images/bg.jpg)no-repeat;background-size:cover;overflow:hidden;}
#wrap{width: 100%;margin:0 auto;position:relative;}
#wrap .content{width: 1238px;height: 934px;line-height:18px;margin: 60px auto 0;background: url(../images/intro_bg5.png) left top no-repeat;position:  relative;left: 60px;padding: 185px 160px;}

.title {font-size: 40px; font-weight: bold; color: #295193;}
.Tbox{position: relative;overflow: hidden;width: 950px; margin-top: 40px;/* margin: 0 auto; *//* top: 30%; */}


.test_box {float: left;width: 50%;}
.test_box::after {content: ''; display: block; clear: both;}
.test_box.test01 {width: 40%;margin-right: 2%;}
.test_box.test02 {width: 40%;/* min-height: 370px; */}
.test_box .list01 {min-height: 350px;background:#1555af;}
.test_box .list01:hover {background:#0d3c80}
.test_box .list01 a {display: block; width: 100%; height: 100%;}
.test_box .list01 a span{text-align: center; display: block; color: #fff; font-size: 1.25rem; font-family: 'S-Core'; line-height: 3;}
.test_box .list01 p {text-align: center;padding: 50px 0 20px;}
.test_box .list01 h3 {text-align: center;color: #fff;font-size: 40px;margin: 10px 0;}

.test_box .list02 {min-height: 350px;background:#769caf;margin-top: 0;/* padding-top: 25px; */}
.test_box .list02 p {text-align: center;padding: 50px 0 20px;}
.test_box .list02:hover {background:#0d5e86}
.test_box .list02 a {display: block;width: 100%;height: 100%; margin-top: 0px;}
.test_box .list02 a span{text-align: center;display: block;color: #fff;font-size: 1.25rem;font-family: 'S-Core';line-height: 3;}

.test_box .list02 h3 {text-align: center;color: #fff;font-size: 40px;margin: 10px 0;/* background: url(../images/ico_02.png) no-repeat left; *//* line-height: 3; */}

.test_box .list03 {background:#285491;min-height: 164px;margin-top: 20px;padding-top: 25px;}
.test_box .list03:hover {background:#0e356a}
.test_box .list03 a {display: block;width: 100%;height: 100%;background: url(../images/ico03.png) no-repeat left;background-position: 20px;margin-top: 0px;/* overflow: hidden; */padding-top: 10px;}
.test_box .list03 a span{text-align: left;display: block;color: #fff;padding-left: 120px;font-size: 1.25rem;font-family: 'S-Core';}

.test_box .list03 h3 {text-align: left;color: #fff;font-size: 23px;/* margin: 30px 0; *//* background: url(../images/ico_02.png) no-repeat left; */line-height: 3;display: block;padding-left: 120px;}

.col_yel {color: rgb(255, 208, 0) !important;}
@media screen and (max-width:1400px) {	
			
	
    
}


@media screen and (min-width:1200px) and (max-width:1399px) {
}



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

@media screen and (max-width:900px) {
    #intro .header{display: block;} 
    
    
    #wrap .content{width: 95%;margin: 0 auto;left: 0; background:none; height: 100%; padding: 20px 20px;}
    .title {font-size: 30px; text-align: center;} 
    .top_txt {max-width: none;}
    .Tbox {width:100%;}
     .test_box.test01 {width:48%;}
     .test_box.test02 {width:50%;}



}


@media screen and (max-width:700px) {
    
    
    
    
   .test_box.test01 {width:100%;}
   .test_box .list01 p {text-align: center;padding: 20px 0 20px;}
     .test_box.test02 {width:100%; margin-top:30px;}
     .test_box .list01,  .test_box .list02 {min-height: auto;}
     .test_box .list01 h3,  .test_box .list02 h3 {font-size: 1.5rem;}
     .test_box .list01 a span , .test_box .list02 a span {font-size: 1rem;}
     .test_box .list02 p{text-align: center; padding: 20px 0 20px;}
     .test_box .list03 h3,.test_box .list03 a span{text-align:center; padding-left:0}


}


@media screen and (max-width:640px) {
		
	/*상단텍스트*/
	.intro_wrap .container h2{font-size:20px;}
    .ipsi_box .cont_box .cont_tit {font-size: 20px;}
    .ipsi_box .cont_box .cont_txt {padding: 20px 20px;}
}

@media screen and (max-width:480px) {
		
  .title {font-size: 24px; text-align: center;} 
}


@media screen and (max-width:380px) {
	
    .ipsi_box .list01 h3 {font-size: 20px;}
    
    .intro_wrap .header ul li {font-size: 15px;}
    .intro_wrap .link_box ul li a {padding: 3px 0px 0px 10px; font-variant-caps: 15px;}
    .intro_wrap .link_box ul li::before {right: 0px;width: 40px;height: 40px;background-size: 40px 40px;}
    .intro_wrap .link_box ul li a img {width: 40px;}
    .list_box > div h3 {font-size: 18px;}
    .list_box > div .list_btn a {font-size: 15px;}
    .ipsi_box .cont_box .cont_txt dl dd {font-size: 14px;}
    
}