@charset "UTF-8";
a:link{color:#555;text-decoration:none}
a:visited{color:#555;text-decoration:none}
a:hover{color:#555;text-decoration:none}
a:focus{text-decoration:underline}
a:active{color:#555;text-decoration:none}
button,input,optgroup,select,textarea{border-width:0}
/*! 레이아웃 공통 */
body,html{position:relative;height:100%}
#wrapper{position:relative;width:100%;}
body{overflow-x:hidden;background-color:#fff;color:#888;font-size:16px;line-height:18px;font-weight:500;letter-spacing:-.025em;font-family:'GmarketSans',sans-serif;word-wrap:break-word;-webkit-text-size-adjust:none}
.wrap{position:relative;width:960px;margin-right:auto;margin-left:auto}

/*! 본문바로가기  */
.accessibility{position:relative;overflow:hidden;z-index:3000;width:100%}
.accessibility a{display:block;overflow:hidden;z-index:3000;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:active,#accessibility a:hover,.accessibility a:focus{width:auto;height:30px;margin:0;padding:8px 0;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff}

/* header */
#header {position:relative;padding-top: 90px;padding-bottom:62px;text-align:center;}

/* #header:after {display:block; position:absolute; top:0; left:50%; z-index:-10; width:1007px; height:591px; margin-left:-899px; background:url('/intro/images/intro_bg.png') no-repeat center / contain;} */
#header .logo {width:183px; height:62px; margin:0 auto 43px; background:url('/site/ct_intro/images/logo.png') no-repeat center / contain; font-size:0; line-height:0;}
#header .intro_title {font-size:42px; color:#222; line-height:42px; font-weight:600;}
#header .intro_title .em_tit01{color:#0059a8;}
#header .intro_title .em_tit02{color:#f97b00;}
#header .intro_title br{display:none;}
#header .intro_subtitle {margin-top:21px; font-size:17px; color:#797979; line-height:25px; word-break:keep-all;}
#header .ki_pass {position:absolute; right:25px; bottom:9px; padding-bottom:8px; padding-left:50px; font-size:17px; color:#222; line-height:21px; text-align:left;}
#header .ki_pass:before {display:block; position:absolute; top:0; left:0; width:41px; height:40px; background:url('/intro/images/intro_sprite.png') no-repeat left top / 602.43% 2060%;}
#header .ki_pass:after {display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#f26539;}
#header .ki_pass em {display:block; color:#f26539;}
#header .ki_pass em:after {display:inline-block; width:15px; height:9px; margin-left:11px; background:url('/intro/images/intro_sprite.png') no-repeat left 6.13% / 1646.66% 9155.55%;}
@media all and (max-width:1000px){
    #header {padding-top:70px;}
    #header:before {height:450px;}
    #header:after {width:801px; height:470px; margin-left:-639px;}
    #header .logo {margin-bottom:23px;}
    #header .ki_pass {bottom:129px;}
} 
@media all and (max-width:720px){
    #header .intro_title {font-size:30px; line-height:30px;}
}
@media all and (max-width:640px){
    #header {padding-top:70px;}
    #header .logo {width:153px; height:52px;}
    #header .intro_title {font-size:21px; line-height:22px;}
    #header .intro_subtitle {margin-top:8px; font-size:14px; line-height:16px;}
    #header .ki_pass {position:relative; right:auto; bottom:auto; margin-top:15px;}
}

.con_back{width:100%; background:#f5fbfd; padding:30px 0;}
#container{width:960px; margin:0 auto;}

/* intro box */
.intro_list {width:100%; height:auto;display:inline-block;}
.intro_box {float:left; width:100%; margin: 0 0 18px;}
.intro_box:last-child {margin: 0px;}
.btn_box{display:inline-block; float:left;width:calc((100% / 3) - 20px); height:250px; margin-right:30px; margin-bottom:18px;}
.btn_box:nth-child(3n){margin-right:0px;}
.btn_box:nth-child(4), .btn_box:nth-child(5), .btn_box:nth-child(6){margin-bottom:0px;}
.btn_box a{border-radius:15px;background-color:#fff;text-align:center;transition:0.2s; border:1px solid #d2d2d2;}

.btn_box a:hover{border:3px solid #00549d;}
.box_photo{width:100%; height:153px;}
.box_photo img{width:100%;height:100%; border-radius:15px;}
.intro_anchor {display:block;position:relative;height:100%;padding: 10px;transition:0.2s;}

.btn_box .intro_anchor:before {display:none;position:absolute;right:0;left:0;margin:0 auto;background:url('/site/ct_intro/images/n1.jpg') no-repeat;transition:top 0.5s;width: 170px;height: 114px;top: 11px;border-radius: 10px;background-position: 50% 50%;background-size: cover;}
.btn_box .title {font-size:22px;font-weight:700;transition:0.5s;color:#000;margin: 15px 0 10px;}
.btn_box .subtitle {padding: 6px 25px 3px;color:#fff;transition:0.5s;font-weight: 400;font-size: 0.9em;display: inline-block;background: #0059a8;border-radius: 50px;}


@media all and (max-width:1000px){
	.wrap{width:100%;padding:0 20px;}
	.con_back{width:100%;padding:30px 20px;}
	#container{width:100%;}
	.btn_box:nth-child(4), .btn_box:nth-child(5){margin-bottom:18px;}
}

@media all and (max-width:720px){
	.btn_box{width:100%; height:175px;}
	.box_photo{max-width:250px; display:inline-block; float:left;}
	.txt_box{display:inline-block;margin-top:32px;}
	.main_txt{width:100%; height:175px;}
	#header .intro_title br{display:block;}
}

@media all and (max-width:490px){
	.btn_box{width:100%; height:250px;}
	.box_photo{max-width:250px; display:inline-block; float:none;}
	.txt_box{display:block;margin-top:10px;}
	.main_txt{width:100%; height:250px;}
}

/* footer */
.footer{display:-ms-inline-flexbox; padding:50px 20px 0; width:100%;}
.footer .wrap{font-size:16px;font-weight:400; color:#353535; padding-left:290px;position:relative;}
.footer .wrap:before{display:block; position:absolute; width:195px; height:60px; left:21%; top:0; background-size:100%; background:url(/site/ct_intro/images/logo.png) no-repeat;background-size:contain;}
.footer .wrap .foot_logo{display:none;width:195px; height:60px;background:url(/site/ct_intro/images/logo.png) no-repeat;background-size:contain;}
.footer .wrap .addres{margin-left:auto;margin-right:auto; text-align:center;line-height:24px;}

@media all and (max-width:1000px){
	.footer{padding:40px 20px 0;}
	.footer .wrap{font-size:14px;padding-left:0px;padding-right:0;}
	.footer .wrap:before{display:none;left:40%; top:-85px;}
	.footer .wrap .foot_logo{display:block; margin:0 auto 20px;}
}
@media all and (max-width:640px){
	.footer .wrap:before{left:29%;}
}