@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/intro/igy/font/nanum.eot');
    src:url('/intro/igy/font/nanum.eot?#iefix') format('embedded-opentype'), url('/intro/igy/font/nanum.woff') format('woff'), url('/intro/igy/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}
@font-face {
    font-family:'NanumBold';
    src:url('/intro/igy/font/nanum_bold.eot');
    src:url('/intro/igy/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/intro/igy/font/nanum_bold.woff') format('woff'), url('/intro/igy/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

/* 본고딕 */
@font-face {
    font-family: 'NotoT';
    src: url(/intro/igy/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot);
    src: url(/intro/igy/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/intro/igy/font/NotoSansKR/NotoSansKR-Thin-Hestia.woff) format('woff'),
    	 url(/intro/igy/font/NotoSansKR/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

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

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

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

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

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

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

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:'NotoB';}
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_wrap{width:100%;text-align:center;font-family:'NotoR';letter-spacing:-1px;}



.intro_wrap .tit01{margin: 10px 0 50px 0;}
.intro_wrap .tit01 img {max-width:100%;}

.intro_wrap .tit01 span{font-size: 45px;font-weight: bold;color:#e01f55;}
.intro_wrap .tit01 span.tit02{color:#000;}


.intro_wrap .container{position: relative;overflow: hidden;background: url(../images/wrap_bg.png) #cadeef no-repeat 0% 100%; background-size:cover;}
.intro_wrap .main_content {position:relative;z-index:2;width:100%;max-width:1000px;min-height: 750px;margin:0 auto;}
.intro_wrap .container h1 { margin-top:100px; }



/*컨텐츠박스 01*/
.guidance_box01 {position:relative; width:48%; height:410px ;margin:80px 1% 0;float: left;  display:block;}
.guidance_box01 .title_box {width: 100%;height: 410px;border-radius: 30px;overflow:hidden;background: url(../images/img_01.png) 100% 100% no-repeat #67c6ee;box-shadow: 3px 4px 5px rgba(0,0,0,.18);}
.guidance_box01 .title_box .title { padding:35px 50px 0; float:left; width:40%}
.guidance_box01 .title_box .arrow {position: absolute;padding: 220px 50px 0;}
.guidance_box01 .title_box .title h3 {margin-top:10px;font-size:45px;color: #3265bd;text-align:left;letter-spacing:-0.1em;font-weight: bold;}
.guidance_box01 .title_box .title p {margin-top:5px;font-size:25px;color: #000;text-align:left;letter-spacing:-0.1em;}
.guidance_box01 .title_box .title_dc01 {height: 85px;color:#263a61;font-size:18px;text-align:left;margin-left: 45%;}
.guidance_box01 .title_box .title_dc01 p {padding-top: 25px;}


/*컨텐츠박스 02*/
.guidance_box02 {position:relative; width:48%; height:410px ;margin:80px 1% 0;float: right;  display:block;}
.guidance_box02 .title_box {width: 100%;height: 410px;border-radius: 30px;overflow:hidden;background: url(../images/img_02.png) 100% 100% no-repeat #ffc548;box-shadow: 3px 4px 5px rgba(0,0,0,.18);}
.guidance_box02 .title_box .title { padding:35px 50px 0; float:left; width:40%}
.guidance_box02 .title_box .arrow {position: absolute;padding: 220px 50px 0;}
.guidance_box02 .title_box .title h3 {margin-top:10px;font-size:45px;color: #ed5456;text-align:left;letter-spacing:-0.1em;font-weight: bold;}
.guidance_box02 .title_box .title p {margin-top:5px;font-size:25px;color: #000;text-align:left;letter-spacing:-0.1em;}
.guidance_box02 .title_box .title_dc01 {height: 85px;color:#263a61;font-size:18px;text-align:left;margin-left: 45%;}
.guidance_box02 .title_box .title_dc01 p {padding-top: 25px;}

/* 200403 */
.num_intro {clear:both;text-align:left;padding:20px 50px;color: #000;font-size:18px;}
.num_intro p { margin-bottom:5px; letter-spacing:-0.3px}
.pc_yellow {color: #fdf7b8;font-weight: bold;}





@media (max-width:1340px) {

	
	
}

@media (max-width:1080px) {

.intro_wrap .main_content {max-width:100%;}
	
/*컨텐츠박스 01*/
.guidance_box01 { position:relative; width:96%; margin:20px 2%;  height:100%;}
.guidance_box01 .title_box {width: 100%; height:100%; border-radius: 10px; overflow:hidden; background:url(../images/img_01.png) 100% 100% no-repeat #67c6ee; background-size:20%;}
.guidance_box01 .title_box .title {padding:20px 50px;width: 35%;}	
.guidance_box01 .title_box .arrow {padding:60px 260px 0;}

/*컨텐츠박스 02*/
.guidance_box02 { position:relative; width:96%; margin:30px 2%;  height:100%;}
.guidance_box02 .title_box {width: 100%; height:100%; border-radius: 10px; overflow:hidden; background:url(../images/img_02.png) 100% 100% no-repeat #ffc548; background-size:20%;}
.guidance_box02 .title_box .title {padding:20px 50px;width: 35%;}	
.guidance_box02 .title_box .arrow {padding:60px 260px 0;}


/*.guidance_box02 {float:none;}*/
.intro_wrap .container h1 { margin-top:30px; }
.intro_wrap .container h1 > a > img {max-width:100%;}
	
}

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


	

	

	
}

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


.guidance_box01 .title_box .title h3 { font-size:30px; margin-top:25px; }
.guidance_box01 .title_box .title p {font-size: 16px;}
.guidance_box01 .title_box .arrow {padding: 60px 200px 0;}


.guidance_box02 .title_box .title h3 { font-size:30px; margin-top:25px; }
.guidance_box02 .title_box .title p {font-size: 16px;}
.guidance_box02 .title_box .arrow {padding: 60px 200px 0;}
	
}


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

.num_intro {font-size:15px;}

.guidance_box01 .title_box .title {width: 45%;}	
.guidance_box01 .title_box .arrow {padding: 60px 190px 0;}

.guidance_box02 .title_box .title {width:45%;}
.guidance_box02 .title_box .arrow {padding: 60px 190px 0;}
	
}