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

body{font-family:'NotoSans','돋움',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:'NotoSans';}
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:'NotoSans';letter-spacing:-1px; }

.header{position: relative;width: 100%;/*background: #cadeef;*/float: left;}
.header .header_wrap {position: relative;width: 100%;margin: 0 auto;}

.header .header_wrap h1 {position:relative;margin: 0 auto;}
.header .header_wrap h1 a img {max-width:100%;}


.intro_wrap .container{position: relative;min-height: 920px;overflow: hidden;background: url(/images/web/ncrc/intro_bg.png) #ddf4fb no-repeat center;padding-top: 30px;}
.intro_wrap .main_content {position:relative;z-index:2;width:100%;max-width:1275px;height:auto;margin:0 auto;overflow: hidden;}
/*박스*/


.intro_wrap .container .box{position: relative; height: auto; width: 32%; float: left; margin: 30px 1% 30px 0;}
.intro_wrap .container .btnBox01{margin-left: 0;}
.intro_wrap .container .box ul.list_box {position: relative;max-width: 100%; min-height: 650px; border-radius:20px;background: rgba(255,255,255,0.8);box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);float: left;padding: 0 30px;}
.intro_wrap .container .box ul li {width: 100%;height: 60px;float:left;border-radius: 25px;font-size: 18px;font-family: "NotoSans";line-height: 60px; margin-top: 20px;}

.intro_wrap .container .box ul li:first-child{background: #356cc9; margin-top:45px}
.intro_wrap .container .box ul li:nth-child(2n){background: #115387;}
.intro_wrap .container .box ul li:nth-child(2n):hover{background:#2a3952;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; }
.intro_wrap .container .box ul li:nth-child(2n-1){background: #356cc9;}
.intro_wrap .container .box ul li:nth-child(2n-1):hover{background:#1262e6;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; }


.intro_wrap .container .box ul li a{color: #fff;} 
.intro_wrap .container .box ul li a:hover{text-decoration: underline;}

.intro_wrap .container .box p{font-size:23px;height: 70px; line-height: 70px;font-family:'NotoSans';letter-spacing:-1px;margin: 0 0 10px;color: #fff; text-align: center; padding-left:10%; border-radius: 20px;}/*210127*/

.intro_wrap .container .box p.tit01{background: #ed8b1c url(/images/web/ncrc/ico_01.png) no-repeat 38%;}/*210127*/ /*#fca746 기존배경색상 bsy*/
.intro_wrap .container .box p.tit02{background: #b679c9 url(/images/web/ncrc/ico_02.png) no-repeat 38%;}/*210127*/
.intro_wrap .container .box p.tit03{background: #ec5151 url(/images/web/ncrc/ico_03.png) no-repeat 38%;}/*210127*/ /*#fc6e6e 기존배경색상 bsy*/

.intro_wrap .container .btnBox04{position: relative; clear: both; width: 100%; position: relative; height: 100px; border-radius: 25px; background: #1f8254;}
.intro_wrap .container .btnBox04 a{display: block;  color: #fff; font-size: 23px; line-height: 100px; text-align: left; padding-left:45px; }
.intro_wrap .container .btnBox04 a:hover{text-decoration: underline;}
.intro_wrap .container .btnBox04 i{margin-left: 20px;}
.intro_wrap .container .btnBox04 a:hover i{margin-left: 25px; -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;}

.intro_wrap .container .btnBox04 img{position: absolute; display: block; right: 1.5%; top: -65px;}





@media (max-width:1340px) {

	.header {width:100%;}
    .intro_wrap .header .header_wrap {width: 95%;}
	.intro_wrap .main_content {width:95%;}

}



@media (max-width:1080px) {


}


@media screen and (max-width:890px) {
    .intro_wrap .container{background: #ddf4fb;}
	.intro_wrap .main_content {width:90%; }
    .intro_wrap .container .box{width: 100%; margin: 30px auto;}
    .intro_wrap .container .btnBox01{margin-top: 70px;}
    .intro_wrap .container .box ul.list_box{width: 93%; margin: 0 auto;  padding: 0 3%;}
    .intro_wrap .container .btnBox03{margin-bottom: 70px;}
    .intro_wrap .container .btnBox04{margin-bottom: 70px;}



}

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



}

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

}

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

.intro_wrap .container .btnBox04 a{font-size: 20px; }

}

@media screen and (max-width:480px) {
 .intro_wrap .container .btnBox04 a{font-size: 18px;}
    .intro_wrap .container .btnBox04 img{display: none;}
    .intro_wrap .container .btnBox04 i{margin-left: 10px;}
.intro_wrap .container .btnBox04 a:hover i{margin-left: 15px; -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;}

}

@media screen and (max-width:340px) {
 .intro_wrap .container .btnBox04 a{font-size: 18px;padding-left:15px; }
    .intro_wrap .container .btnBox04 i{margin-left: 10px;}
.intro_wrap .container .btnBox04 a:hover i{margin-left: 15px; -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;}
}