@charset "utf-8";

#container{display:block; overflow:hidden; width:100%;}

.main_visual{width:100%; margin:0 auto; padding:0; position:relative; height:746px;}
.main_visual .bx-wrapper{box-shadow:none;}
#visual_images{}
#visual_images li{float:left; width:100%; height:746px; text-align:center; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main_visual .bx-controls{display:none;}

.startup_box{z-index:9999;width:760px; position:absolute; top:74px; margin:0 auto; left:0; right:0; text-align:center;}
.startup_box ul{display:block; margin-top:47px;}
.startup_box > ul > li{float:left; padding-left:5px;}
.startup_box > ul > li:first-child{padding-left:0;}
.startup_box ul li a{display:block; position:relative; width:250px; height:354px; background-size:100%; background-repeat:no-repeat; background-position:center; transition: background 0.5s;}

.startup_box ul li.st_btn01 a{background-image:url("../images/main/btn-banner-2-1.png");}
.startup_box ul li.st_btn02 a{background-image:url("../images/main/btn-banner-3-1.png");}
.startup_box ul li.st_btn03 a{background-image:url("../images/main/btn-banner-1-1.png");}
.startup_box ul li.st_btn01 a:hover{background-image:url("../images/main/btn-banner-2-2.png");}
.startup_box ul li.st_btn02 a:hover{background-image:url("../images/main/btn-banner-3-2.png");}
.startup_box ul li.st_btn03 a:hover{background-image:url("../images/main/btn-banner-1-2.png");}



.startup_box ul li a dl{position:relative; color:#000; z-index:100;}
.startup_box ul li a dl dt{font-size:25px; padding-top:170px; color:#000; margin-bottom:5px;}
.startup_box ul li a dl dd{color:#78706c; letter-spacing:-1px; font-size:14px;}
.startup_box ul li a:hover dl dt{color:#fff;}
.startup_box ul li a:hover dl dd{color:#fff;}

.startup_box ul li.st_btn04 .wrap {width:250px;height:355px;padding:0 10px;background:#00c4a3;box-sizing:border-box;}
.startup_box ul li.st_btn04 ul {margin-top:0;}
.startup_box ul li.st_btn04 ul li {float:none;height:58px;padding-top:18px;border-bottom:1px solid #fff;font-size:14px;text-align:left;}
.startup_box ul li.st_btn04 ul li:last-child {border-bottom:none;}
.startup_box ul li.st_btn04 ul li .title {padding-left:5px; width:80px; letter-spacing:-0.025em;color:#fff; float:left;}
.startup_box ul li.st_btn04 ul li .title.n5 {margin-top:-8px;}
.startup_box ul li.st_btn04 ul li .data {padding-right:10px;font-size:18px;text-align:right;line-height:1;color:#f56a12;}
.startup_box ul li.st_btn04 ul li .data span {padding-left:5px;color:#fff; letter-spacing:-0.5px;}
.quick_box{position:relative; width:100%; margin-top:-138px; z-index:99999; height:138px; background:rgba(0, 196, 163, 0.8); color:#fff; font-family:"notokr-light";}
.quick_box .owl-carousel{margin:0 auto; padding-top:25px; width:680px;}
.quick_box .owl-carousel .items {padding-left: 20px; padding-right:85px; background-repeat:no-repeat; background-position:right; background-size:77px; width:270px; min-height:77px;}
.quick_box .owl-carousel .items a{display:block; position:relative;}
.quick_box .owl-carousel .quick-bg1{background-image:url("../images/main/img-idea.png");}
.quick_box .owl-carousel .quick-bg2{background-image:url("../images/main/img-policy.png");}



.quick_box .title{display:block; font-size:20px; line-height:35px; font-family:"notokr-medium"; margin-bottom:3px;}
.quick_box .detail{display:block; font-size:12px; line-height:1.5;}
.quick_box .more{display:block; line-height:23px; position:absolute; top:7px; right:0; font-size:13px;}

.main_con_wrap .main_content{display:block; margin:0 auto; width:1020px;}
.main_content .board_box{display:block; font-size:15px; padding-top:60px; font-family:"notokr-light";}
h3.title{font-size:20px; padding-left:13px; margin-bottom:10px; color:#000;font-family:"notokr-regular";}
.board_box .notice, .board_box .education{position:relative; width:510px; padding:0 40px 0 34px; float:left; box-sizing:border-box;}
.board_box .notice ul, .board_box .education ul{}
.board_box ul li{position:relative; padding:3px 0 3px 11px;}
.board_box ul li:before {content:"•"; display:block; position:absolute; top:5px; left:0; font-size:11px; color: #000;}
.board_box ul li span.subject{display:block; margin-right:80px;}
.board_box ul li span.subject a{display:block; width:100%; color:#000; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-family: 'notokr-medium';}
.board_box ul li span.date{position:absolute; right:0; top:5px; color:#5a5a5a; font-family:"notokr-light";}
.board_box .notice span.more, .board_box .education span.more{position:absolute; top:4px; right:40px;}

.banner_zone{position:relative; margin-top: 50px; border:1px solid #dcdcdc; box-sizing:border-box; background:#fff; padding:35px 0 40px 0;}
.banner_zone h3.title{position:absolute; top:45px; left:20px; font-size:14px; text-align:center;}
.banner_zone .owl-carousel{display:block; width:100%; padding-left:125px; box-sizing:border-box;}
.banner_zone .owl-carousel .owl-nav.disabled{display:block;}
.banner_zone .owl-carousel .owl-nav .owl-prev{position:absolute; left:29px; top:57px; display:inline-block; width:32px; height:29px; line-height:29px; text-indent:-9999px; background:url('../images/main/banner_prev.gif') no-repeat;}
.banner_zone .owl-carousel .owl-nav .owl-next{position:absolute; left:61px; top:57px; display:inline-block; width:31px; height:39px; line-height:29px; text-indent:-9999px; background:url('../images/main/banner_next.gif') no-repeat;}
.banner_zone .owl-carousel .owl-item img{width:auto;}

.span_br{display:block;}

#mask {position:absolute; z-index:10000; background-color:#000; display:none; left:0; top:0;}

.window{display: none; position:absolute; left:0; right:0; text-align:center; top:50px; margin:0 auto; width:860px; height:1269px; z-index:20000; }
.pop{position:relative; width:860px;height:1269px;text-align:center;vertical-align:middle;}
.pop .pop_ani{position:absolute; left:0; top:150px;}

.chatbot-box{width:94%; background:#fff; padding:3%; position:relative;}
.chatbot-box .chatbot-content{width:100%; margin:0 auto; position:relative;}
.chatbot-content .chatbot-header{background:#746c68; border-top-left-radius:15px; border-top-right-radius:15px;}
.chatbot-content .chatbot-header h1{font-size:18px; color:#fff; padding:10px 0 10px 25px;}
.chatbot-content .title{background:#fbd669; color:#1e1e1e; padding:15px 20px; font-size:16px;}
.chatbot-content .title p.ment{font-family:"notokr-medium"; font-size:18px; padding-bottom:8px;}
.chatbot-content .item-box{background:#9bbad8; padding:30px 20px; position:relative;}
.chatbot-content .item-box strong{color:#0572ee;}
.chatbot-content .item-box .chat-box{display:block; padding-left:84px; background:url("../images/main/character_icon.png") no-repeat left top; }
.chatbot-content .item-box .chat-box p{display:inline-block; padding:10px 15px; background:#fff; font-size:16px; border-radius:8px;}
.chatbot-content .item-box .part-select{text-align:right; padding:15px 84px 15px 0; background:url("../images/main/character_icon2.png") no-repeat right center;}
.chatbot-content .item-box .part-select select{height:33px; border:1px solid #a49c7b; background: url("../images/sub/select_arrow01.gif") no-repeat right 8px center #fef5d4;}
.chatbot-content .item-box .part-select .btn-next{height:31px; padding:0 15px; background:#695504; color:#fff;}
.chatbot-content .item-box .part-select p{display:inline-block; padding:10px 15px; background:#fcdf70; border-radius:8px;}
.chatbot-content .item-box .part-select #mtinKeyword{height:31px; padding:0 15px; background:#fef5d4;}

.result-item{margin-top:30px;}
span#count-text{color:#ff0000;}
.result-item ul li{width:46%; margin:2%; float:left; position:relative; border:1px solid #ccc; background:#fff;}
.result-item ul li .pic{position:absolute; top:10px; left:10px; width:90px; height:110px;}
.result-item ul li .photo img{width:90px; height:110px;}
.result-item ul li .photo .photo_bg{position:absolute; top:0; left:0; display:block; width:100%; height:100%;}
.result-item ul li .info{position:relative; width:100%; padding:15px 10px 10px 115px; height:130px;}
.info h4{display:block; font-size:20px; font-weight:bold;}
.info .btn{padding-top:15px;}
.info .btn .chat_btn01{float: left; width: 49%; border: 1px solid #2263bb; background: #2263bb; color: #fff; padding: 4px 0; text-align:center;}
.info .btn .chat_btn02{float:right; width:49%; background:#0e8d86; border:1px solid #0e8d86; color:#fff; padding:4px 0; text-align:center;}
.row02{position:relative; border-top:1px solid #4e5459; padding:10px 10px 0 10px; margin:0 10px;}
.row02 h5{display:block; background:url("../images/sub/con_bu01.gif") 0 8px no-repeat; padding-left:10px; font-weight:bold; font-size:15px;}
.row02 span{display:block; padding-left:10px; min-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.chatbot-footer{background:#5e88b7; text-align:center; padding:10px 0;}
.chatbot-footer #btn_restart{border:0; padding:0;}
.join-info{background:#e5e8ee; padding:10px 20px; border-bottom-left-radius:15px; border-bottom-right-radius:15px; position:relative;}
.join-info p.mem_info{padding:10px 120px 10px 55px; background:url("../images/main/caution_icon.png") left center no-repeat;}
.join-info p.mem_btn{position:absolute; right:20px; top:38%;}
.join-info p.mem_btn a{background:#8e8e8e; padding:10px 20px; color:#fff;border-radius:3px;}

@media only screen and (max-width:1020px){
	.main_visual, #visual_images li{height:630px;}
	.startup_box{top:60px; width:100%;}
	.startup_box > ul{position:relative; z-index:9999; width:94%; margin:60px auto 0;}
	.startup_box > ul:after{content:""; clear:both; float:none; display:block;}
	.startup_box > ul > li{width:32%; padding-left:0; margin-left:1%;}
	.startup_box > ul > li a{width:100%;}
	.startup_box > ul > li a dl dd{display:none;}
	.startup_box > ul > li a dl dt span{display:block; color:#333;}
	.startup_box > ul > li a dl dt{padding-top:183px; text-align:center;}
	.startup_box ul > li.st_btn04 {width:100%;margin-top:25px;margin-left:0; padding:0 6px;}
	.startup_box ul > li.st_btn04 .wrap {width:100%;height:auto; padding:0;}
	.startup_box ul li.st_btn04 ul li{padding-top:6px;}
	.startup_box ul li.st_btn04 ul li .title{float:none; padding-left:7px; width:auto; text-align:left;}
	.startup_box ul li.st_btn04 ul li .title.n4, .startup_box ul li.st_btn04 ul li .title.n5{margin-top:0;}
	.startup_box ul > li.st_btn04 .wrap ul {overflow:hidden;}
	.startup_box ul > li.st_btn04 .wrap ul li {float:left;width:16%;border-bottom:none;border-right:1px solid #fff; background:none;}
	.startup_box ul > li.st_btn04 .wrap ul li:last-child {width:20%; border-right:none;}
	.startup_box ul > li.st_btn04 ul li .data {padding-right:5px; margin-top:5px;}

	.quick_box{margin-top:-80px; height:210px; z-index:9998;}
	.quick_box .owl-item .items{background:none;}
	.quick_box .owl-carousel{width:100%;}
	.quick_box .owl-carousel .owl-item{ text-align:center; width:50%; }
	.quick_box .title{font-size:24px; margin-bottom:10px;}
	.quick_box .detail{font-size:18px; line-height:22px; margin-bottom:20px;}
	.quick_box .more{position:static; border:1px solid #fff; display:inline-block; padding:6px 25px; font-size:18px;}
	.quick_box .owl-carousel .items{margin:0; padding:0; width:auto;}
	.quick_box .owl-nav{margin-top:-133px; position:relative; }
	.quick_box .owl-nav .owl-prev, .quick_box .owl-nav .owl-next {position:absolute; top:0; background-repeat: no-repeat; height:133px; width:78px; font-size:0;}
	.quick_box .owl-nav .owl-prev{left:0; background-image:url("../images/main/info_arrow_left.png"); background-position: left center;}
	.quick_box .owl-nav .owl-next{right:0; background-image:url("../images/main/info_arrow_right.png"); background-position: right center;}
	.quick_box .owl-item.active:first-child{padding-left:1000px;}

	.main_con_wrap .main_content{width:100%;}

	.banner_zone{clear:both; margin-top:20px;}

	.main_content .board_box{width:96%; margin:0 auto;}
	.board_box .notice, .board_box .education{width:50%;}
}
@media only screen and (max-width:1000px){
	.bx-wrapper{margin-bottom:0px;}
	.startup_box ul > li.st_btn04 {margin-top:25px;}
	.quick_box {margin-top:0;}
}
@media only screen and (max-width:860px){
	.window{width:100%;}
	.pop{width:90%; margin:0 auto; }
	.pop img{ height:auto; width:auto; max-width:100%; }
}
@media only screen and (max-width:820px){
	.main_content .board_box {padding-top:40px;}
	.board_box .notice, .board_box .education{width:100%; float:none;}
	.board_box .education{margin-top:30px;}
}
@media only screen and (max-width:600px){
	.board_box .notice, .board_box .education {padding: 0 10px;}
	.board_box .notice span.more, .board_box .education span.more {right: 10px;}
	.banner_zone{width:96%; margin:0 auto; border:none; padding:35px 0 0 0;}
	.banner_zone .owl-carousel{padding-left:0; margin-top:50px; border:1px solid #dcdcdc; padding:30px 20px 30px 5%; background:#fff; position:relative;}
	.banner_zone .owl-carousel .owl-nav{position:absolute; right:0; top:0;}
	.span_br{display:inline-block; padding-right:10px;}
	.banner_zone h3.title{left:0; padding-left:0; font-size:20px;}
	.banner_zone .owl-carousel .owl-nav .owl-prev{top:-40px; left:-64px;}
	.banner_zone .owl-carousel .owl-nav .owl-next{top:-40px; left:-32px;}
}
@media (min-width:750px) and (max-width:850px){
	.main_visual, #visual_images li{height:610px;}
	.startup_box ul li a{height:300px;}
	.startup_box ul li a dl dt{padding-top:155px;  font-size:19.5px;}
	.startup_box ul li.st_btn01 .back{height:300px;}
	.startup_box ul li.st_btn04 ul li {padding-top:10px;font-size:11px;}
	.startup_box ul li.st_btn04 ul li .data {padding-top:18px;font-size:14px;}
}
@media (min-width:650px) and (max-width:749px){
	.main_visual, #visual_images li{height:550px;}
	.startup_box ul li a{height:270px;}
	.startup_box ul li a dl dt{padding-top:140px; font-size:20px;}
	.startup_box ul li.st_btn01 .back{height:270px;}
	.startup_box ul li.st_btn01 a{background-size:120%; }
	.startup_box ul li.st_btn02 a{background-size:120%;}
	.startup_box ul li.st_btn03 a{background-size:120%;}
}
@media (min-width:600px) and (max-width:649px){
	.main_visual, #visual_images li{height:510px;}
	.startup_box ul li a{height:240px;}
	.startup_box ul li a dl dt{padding-top:120px; font-size:18px;}
	.startup_box ul li.st_btn01 .back{height:240px;}
	.startup_box ul li.st_btn01 a{background-size:120%; }
	.startup_box ul li.st_btn02 a{background-size:120%;}
	.startup_box ul li.st_btn03 a{background-size:120%;}
}
@media only screen and (max-width:650px){
	.quick_box{height:320px;}
	.quick_box .owl-carousel{padding-top:130px;}
	.quick_box .title{font-size:20px;}
	.quick_box .detail{font-size:15px;}
	.quick_box .more{padding:6px 25px; font-size:16px;}
}
@media (min-width:550px) and (max-width:599px){
	.main_visual{height:500px;}
	.startup_box ul li a{height:240px;}
	.startup_box ul li a dl dt{padding-top:120px; font-size:17px;}
	.startup_box ul li.st_btn01 .back{height:240px;}
	.startup_box ul li.st_btn01 a{background-size:130%; }
	.startup_box ul li.st_btn02 a{background-size:130%;}
	.startup_box ul li.st_btn03 a{background-size:130%;}
	.quick_box{margin-top:-77px;}

	.startup_box ul li.st_btn04 ul li {height:55px;}
	.startup_box ul li.st_btn04 {margin-top:10px;}
	.startup_box ul li.st_btn04 ul li {padding-top:10px;font-size:11px;}
	.startup_box ul li.st_btn04 ul li .title {padding-left:10px;background:none !important;}
	.startup_box ul li.st_btn04 ul li .data {padding-top:6px;font-size:14px;}
}
@media (min-width:500px) and (max-width:549px){
	.main_visual{height:440px;}
	.startup_box{top:80px;}
	.startup_box ul{margin-top:70px;}
	.startup_box ul li a{height:200px;}
	.startup_box ul li a dl dt{padding-top:105px; font-size:16px;}
	.startup_box ul li.st_btn01 .back{height:240px;}
	.startup_box ul li.st_btn01 a{background-size:125%; }
	.startup_box ul li.st_btn02 a{background-size:125%;}
	.startup_box ul li.st_btn03 a{background-size:125%;}
	.startup_box p img{width:80%;}
	.quick_box{margin-top:-130px; height:310px;}
}
@media only screen and (max-width:499px){
	.main_visual{height:430px;}
	.startup_box ul li a{height:180px;}
	.startup_box ul li a dl dt{padding-top:90px; font-size:15px;}
	.startup_box ul li.st_btn01 .back{height:180px;}
	.startup_box ul li.st_btn01 a{background-size:120%; }
	.startup_box ul li.st_btn02 a{background-size:120%;}
	.startup_box ul li.st_btn03 a{background-size:120%;}
	.startup_box p img{width:80%;}
	.quick_box{margin-top:-150px; height:310px;}
	.startup_box p img{width:80%;}
	.startup_box{top:40px;}
	.startup_box ul{margin-top:40px;}
}
@media only screen and (max-width:490px){
	.board_box ul li span.date{display:none;}
	.board_box ul li span.subject{margin-right:0; }
}
@media only screen and (max-width:380px){
	.startup_box ul li a dl dt{font-size:13px;}
	.quick_box {height:280px;}
	.quick_box .owl-carousel {padding-top:110px;}
}
@media screen and (max-width:860px) {
	.startup_box ul li.st_btn04 ul li {padding-top:10px;font-size:11px;}
	.startup_box ul li.st_btn04 ul li .data {padding-top:0;font-size:16px;}
}
@media screen and (max-width:749px) {
	.startup_box ul li.st_btn04 ul li {height:55px;}
	.startup_box ul li.st_btn04 {margin-top:10.5px;}
	.startup_box ul li.st_btn04 ul li .title {padding-left:10px;}
	.startup_box ul li.st_btn04 ul li .title.n1 {background:none;}
	.startup_box ul li.st_btn04 ul li .title.n2 {background:none;}
	.startup_box ul li.st_btn04 ul li .title.n3 {background:none;}
	.startup_box ul li.st_btn04 ul li .title.n4 {background:none;}
	.startup_box ul li.st_btn04 ul li .title.n5 {background:none;}
}
@media screen and (max-width:676px) {
	.main_visual, #visual_images li{height:480px;}
	.startup_box ul li.st_btn04 ul li {height:35px;}
	.startup_box ul > li.st_btn04 .wrap ul li {width:50% !important;border-right:none;border-bottom:1px solid #fff;}
	.startup_box ul li.st_btn04 ul li .title, 	.startup_box ul li.st_btn04 ul li .data {float:left;width:50%;box-sizing:border-box;}
	.startup_box ul li.st_btn04 ul li .data {padding-top:0; margin-top:0; font-size:15px;}
	.startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(5), .startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(6) {border-bottom:none;}
}
@media screen and (max-width:649px) {
	.quick_box {height:210px;}
	.quick_box .owl-carousel {padding:30px 0;}
	.quick_box .owl-nav {margin-top:-125px;}
}
@media screen and (max-width:599px) {
	.quick_box {margin-top:0;}
}
@media screen and (max-width:500px) {
	.main_visual, #visual_images li {height:360px;}
	.startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(odd) {width:45% !important;}
	.startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(even) {width:55% !important;}
}
@media screen and (max-width:460px) {
	.startup_box ul > li.st_btn04 .wrap ul li {float:none;}
	.startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(odd), .startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(even) {width:100% !important;}
	.startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(5){border-bottom: 1px solid #fff;}
	.startup_box ul > li.st_btn04 .wrap ul li:nth-of-type(6){border-bottom:none;}
	.startup_box ul li.st_btn04 ul li .title {padding-left:5px;}
}