@charset "utf-8";

/* style */
header{position:fixed;top:0;left:0;width:100%;padding:0 30px;background:rgba(0,0,0,.75);z-index:1000}
header .header_wrap{display:flex;justify-content:space-between;align-items:center}
header .header_wrap h1{width:324px;height:61px;background:url(../images/robot/logo_v1.png) no-repeat;text-indent:-9999px}
header .header_wrap .gnb ul{display:flex}
header .header_wrap .gnb ul li{}
header .header_wrap .gnb ul li a{display:block;padding:38px 32px;color:#fff;font-family:'Cafe24S';font-size:24px;transition:all .3s}
header .header_wrap .gnb ul li a:hover{color:#000;background:#fff}

nav{display:none}
/*모바일슬라이딩메뉴*/
#menuToggle{display:block;position:relative;width:40px;padding:25px 20px 0 0;z-index:10000;-webkit-user-select:none;user-select:none}
#menuToggle li.mn a{position:relative;padding-bottom:6px;text-decoration:none;color:#000;transition:color 0.3s ease}
#menuToggle li.mn a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background-color:#000;transition:all .3s}
#menuToggle li.mn a:hover:after{width:100%}
#menuToggle li.mn a:hover{color:var(--white);transition:all 0.3s ease}
#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:20px;right:4px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease}
#menuToggle span:first-child{transform-origin:0% 0%}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%}
#menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-2px, -1px);background:#000}
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}
#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px)}
#menu{position:absolute;width:290px;height:100vh;top:0;right:-37px;margin:0 0 0 -230px;padding:50px 40px;padding-top:90px;background:#fff;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%, 0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0)}
#menu li.mn{padding:10px 0 15px;font-size:24px;font-family:'Cafe24S'}
#menu li.mm_btn{display:none;margin-top:10px}
#menu li.mm_btn.btn1{margin-top:30px}
#menu li.mm_btn a{display:block;position:relative;width:195px;height:60px;line-height:60px;padding-left:56px;color:#fff;font-size:18px;font-family:'SCDream';font-weight:500;background:#000;letter-spacing:-0.5px;transition:all .3s}
#menu li.mm_btn a:before{content:'';position:absolute;left:15px;top:13px;width:29px;height:31px;background:url(../images/robot/icon_naver.png) no-repeat}
#menu li.mm_btn a:hover{background:#03c75a}

#menuToggle input:checked ~ ul{transform:none}

@media screen and (max-width:1500px) {
	header .header_wrap .gnb ul li a{padding:38px 20px}
}
@media screen and (max-width:1300px) {
	header .header_wrap h1{width:250px;height:47px;background-size:100%}
	header .header_wrap .gnb ul li a{padding:38px 12px;font-size:20px;transform:rotate(0.03deg)}
}
@media screen and (max-width:1024px){
    header{position:fixed;z-index:9999}
    header .header_wrap{height:70px}
    header .gnb{display:none}
    nav{display:block;position:absolute;top:0;right:20px}
}
@media screen and (max-width:430px){
	hader{padding:0 20px}
    header .header_wrap h1{width:190px;height:36px}
}
main .container,
footer .container{position:relative;width:100%;max-width:1520px;margin:0 auto;padding:0 60px}
@media screen and (max-width:1024px) {
	main .container,
	footer .container{padding:0 20px 20px}
}
main .panels{scroll-margin-top:100px}
main .panels.panel0{background-image:linear-gradient(to top left, #5c6cfe, #5cc8fe)}
main .panels.panel1{background:#fff}
main .panels.panel2{background:#fff}
main .panels.panel3{background-image:linear-gradient(to right, #626fbf, #972ae6)}
main .panels.panel4{background:#f5f5f5}
main .panels.panel5{background:#fff}

@media screen and (max-width:1300px){
	main .panels{scroll-margin-top:96px}
}
@media screen and (max-width:1024px){
    main .panels{scroll-margin-top:70px}
}
.pagination{position:fixed;right:20px;top:50%;transform:translateY(-50%);font-size:1.4em;z-index:10}
.pagination a{display:block;position:relative;width:130px;height:26px;padding:0;margin-bottom:5px;color:white;font-size:14px}
.pagination a.active:after{box-shadow:inset 0 0 0 5px}
.pagination a .hover-text{position:absolute;right:15px;top:7px;padding-right:15px;opacity:0;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}
.pagination a:hover .hover-text{opacity:1}
.pagination a:after{-webkit-transition:box-shadow 0.5s ease;transition:box-shadow 0.5s ease;display:block;content:'';position:absolute;top:0;right:4px;bottom:0;width:10px;height:10px;margin:auto;border:1px solid;border-radius:50%}

h2{padding:55px 0 50px;color:#fff;font-family:'SCDream';font-weight:500;font-size:50px;text-align:center}
@media screen and (max-width:1024px){
    h2{padding:40px 0 30px;font-size:36px}
}
@media screen and (max-width:768px){
    h2{padding:30px 0 25px;font-size:30px}
}
main .notice{padding:100px 0 60px}
main .notice .container{position:inherit}
.notice .notice_img{text-align:center}
.notice .notice_img img{max-width:fit-content;width:100%}
.notice .notice_img.pc_ver{}
.notice .notice_img.mo_ver{display:none}

.notice .board-latest{display:flex;flex-wrap:wrap;position:relative;margin-top:30px}
.notice .board-header{width:315px;background:#fff}
.notice .board-header h2{padding:33px 0 0 33px;color:#24272e;font-size:26px;text-align:left}

.notice .board-list{width:calc(100% - 315px);padding:23px 33px;background:#24272e;line-height:38px}
.notice .board-list .list-item{display:flex;justify-content:space-between;color:#fff;font-family:'SCDream'}
.notice .board-list .list-item .list-tit{width:calc(100% - 200px);margin-top:0;font-weight:500;font-size:18px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}
.notice .board-list .list-item .list-tit:hover{color:#eeff95}
.notice .board-list .list-item .list-date{color:rgba(255,255,255,.7);font-weight:400;font-size:17px}

.notice .more-box{position:absolute;left:218px;top:107px}
.notice .more-box .btn-bore{padding:2px 10px;color:#fff;font-size:16px;font-family:'SCDream';background:#2546c1;border:1px solid #2546c1;border-radius:20px;transition:all .3s}
.notice .more-box .btn-bore:hover{color:#2546c1;background:#fff}

.notice .board-more{position:absolute;top:100px;left:0;right:0;width:100%;height:100%;padding:0 40px;background:rgba(0,0,0,.6);z-index:2}
.notice .board-more > div{position:relative;max-width:1400px;margin:0 auto;padding-top:40px}
.notice .board-more .board-more-content{height:calc(100vh - 200px);padding:25px;font-family:'SCDream';font-weight:400;background:#fff;border-radius:20px}

.notice .board-more .list_top{margin-bottom:5px}
.notice .board-more .list_top form{display:flex;justify-content:space-between;flex-wrap:wrap}
.notice .board-more .list_top form .srch_box{display:flex}
.notice .board-more .list_top form .srch_box .selectbox select{width:65px;height:30px;padding-left:8px}
.notice .board-more .list_top form .srch_box .wrt_box{display:flex}
.notice .board-more .list_top form .srch_box .wrt_box .b_srch_txt{height:30px;border:1px solid #bcbcbc;transition:all .3s}
.notice .board-more .list_top form .srch_box .wrt_box .b_go_btn{width:30px;height:30px;background:#5c6cfe url(../images/robot/icon_search.svg) no-repeat center / 60%}

.notice .board-more .cont_block{height:calc(100% - 100px);overflow-y:scroll}
.notice .board-more .cont_block table.skin_list{width:100%;border-top:2px solid #000}
.notice .board-more .cont_block table.skin_list tr{border-bottom:1px solid #aaa}
.notice .board-more .cont_block table.skin_list tr th,
.notice .board-more .cont_block table.skin_list tr td{padding:15px 5px;font-size:18px;text-align:center}
.notice .board-more .cont_block table.skin_list tr th{font-weight:700}
.notice .board-more .cont_block table.skin_list tr td.b_notice a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition:all .3s}
.notice .board-more .cont_block table.skin_list tr td.b_notice a:hover{background:rgba(92,157,254,.15)}
.notice .board-more .cont_block table.skin_list tr td.text_bold{font-weight:500}
.notice .board-more .cont_block table.skin_list tr td.text_bold img{vertical-align:baseline}

.notice .board-more .basic_viewWrap{height:calc(100vh - 250px);overflow-y:scroll}
.notice .board-more .table_view .skin_view{width:100%;border-top:2px solid #000}
.notice .board-more .table_view .skin_view colgroup col:nth-child(1){width:15%}
.notice .board-more .table_view .skin_view colgroup col:nth-child(2){width:35%}
.notice .board-more .table_view .skin_view colgroup col:nth-child(3){width:15%}
.notice .board-more .table_view .skin_view colgroup col:nth-child(4){width:35%}
.notice .board-more .table_view .skin_view tr{border-bottom:1px solid #aaa}
.notice .board-more .table_view .skin_view tr th,
.notice .board-more .table_view .skin_view tr td{padding:15px 5px;font-size:18px;line-height:20px}
.notice .board-more .table_view .skin_view tr th{background:#f5f5f5}
.notice .board-more .table_view .skin_view .view_cont .view_box{padding:20px;font-family:auto;line-height:normal}
.notice .board-more .table_view .skin_view .view_cont .view_box img{width:100%;max-width:fit-content}
.notice .board-more .table_view .btnArea{text-align:center}
.notice .board-more .table_view .btnArea .btn01{padding:10px 30px;border-radius:50px;transition:all .3s}
.notice .board-more .table_view .btnArea .btn01:hover{color:#fff;background:#5c6cfe}

.notice .board-more .paging{margin-top:15px;text-align:center}
.notice .board-more .paging .num a{display:inline-block;width:30px;height:30px;font-family:'SCDream';font-weight:400;font-size:16px;line-height:30px}
.notice .board-more .paging .num a.on{color:#fff;background:#000;border-radius:50%}

.notice .board-more .btn-box{position:absolute;top:0;right:0}
.notice .board-more .btn-box .btn-close{width:50px;height:50px;color:#fff;font-family:'SCDream';font-weight:400;font-size:40px;line-height:40px;background:#444;border:1px solid #fff;border-radius:50px;text-align:center;transition:all .3s}
.notice .board-more .btn-box .btn-close:hover{color:#5c6cfe;background:#fff;border:1px solid #5c6cfe}


.notice .board-more .cont_block::-webkit-scrollbar,
.notice .board-more .basic_viewWrap::-webkit-scrollbar{width:7px;height:7px}
.notice .board-more .cont_block::-webkit-scrollbar-thumb,
.notice .board-more .basic_viewWrap::-webkit-scrollbar-thumb{background-color:rgba(92,108,254,.4);border-radius:20px}
.notice .board-more .cont_block::-webkit-scrollbar-track,
.notice .board-more .basic_viewWrap::-webkit-scrollbar-track{background-color:rgba(92,108,254,.1);border-radius:20px}
.notice .board-more .cont_block::-webkit-scrollbar-thumb:hover,
.notice .board-more .basic_viewWrap::-webkit-scrollbar-thumb:hover{}

@media screen and (max-width:1300px) {
    .notice .board-more{top:96px}
}
@media screen and (max-width:1024px) {
	main .notice{padding:70px 0 0}
    .notice .board-header{width:215px}
    .notice .board-list{width:calc(100% - 215px)}
    .notice .more-box{left:33px}
    
    .notice .board-more{top:70px}
    .notice .board-more .board-more-content{height:627px}
    .notice .board-more .cont_block{height:500px}
    .notice .board-more .basic_viewWrap{height:577px}
}
@media screen and (max-width:768px) {
	.notice .container{position:inherit}
    
    .notice .board-latest{margin-top:15px}
    .notice .board-header{width:100%}
    .notice .board-header h2{padding:20px 0 15px 24px}
    .notice .board-list{width:100%;padding:18px 23px;line-height:32px}
    .notice .board-list .list-item .list-tit{width:calc(100% - 120px);font-weight:400;font-size:16px}
    .notice .board-list .list-item .list-date{font-weight:200;font-size:15px}
    .notice .more-box{left:auto;right:24px;top:16px}
    
    .notice .board-more{top:0;left:0;width:100%;padding:0;z-index:11111}
    .notice .board-more > div{padding-top:0}
    .notice .board-more .board-more-content{height:100vh;margin:0 auto;padding:50px 25px 25px;border-radius:0}
    .notice .board-more .cont_block{height:calc(100vh - 220px)}
    .notice .board-more .basic_viewWrap{height:calc(100vh - 75px)}
    .notice .board-more .cont_block table.skin_list colgroup col:nth-child(3),
    .notice .board-more .cont_block table.skin_list colgroup col:nth-child(5),
    .notice .board-more .cont_block table.skin_list tr td:nth-child(3)
    .notice .board-more .cont_block table.skin_list tr th:nth-child(3),
    .notice .board-more .cont_block table.skin_list tr td:nth-child(3),
    .notice .board-more .cont_block table.skin_list tr th:nth-child(5),
    .notice .board-more .cont_block table.skin_list tr td:nth-child(5){display:none}
    .notice .board-more .cont_block table.skin_list tr th,
    .notice .board-more .cont_block table.skin_list tr td{font-size:16px}
    
    .notice .board-more .btn-box{top:10px;right:20px}
    .notice .board-more .btn-box .btn-close{width:35px;height:35px;font-size:30px;line-height:25px}
    
    .notice .board-more .cont_block table,
    .notice .board-more .cont_block thead,
    .notice .board-more .cont_block th,
    .notice .board-more .cont_block td,
    .notice .board-more .cont_block tr{display:block}
    .notice .board-more .cont_block table{border-top:none!important}
	.notice .board-more .cont_block thead tr{position:absolute;top:-9999px;left:-9999px}
    .notice .board-more .cont_block tbody{display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd!important}
	.notice .board-more .cont_block tr{width:100%!important;border:none;border-bottom:1px solid #ddd!important;margin:0 10px 0 0;padding:6px 10px 10px}
	.notice .board-more .cont_block td{position:relative;border-left:none!important;padding:4px 0 2px 4px!important;text-align:left!important}
	.notice .board-more .cont_block table.skin_list tr td.b_notice a{overflow:inherit;text-overflow:inherit;display:block;-webkit-line-clamp:none;-webkit-box-orient:inherit;line-height:22px}
    .notice .board-more .cont_block table.skin_list tr td.number{font-size:0}
    .notice .board-more .cont_block table.skin_list tr td.number span{display:inline-block;margin-left:5px;vertical-align:bottom;font-size:15px;font-weight:300}
    .notice .board-more .cont_block table.skin_list tr td.r_line_none2{color:#888;font-size:15px;font-weight:300!important}
    
	.notice .board-more .cont_block td:nth-of-type(1):before{content:""}
	.notice .board-more .cont_block td:nth-of-type(2):before{content:""}
	.notice .board-more .cont_block td:nth-of-type(3):before{content:""}
	.notice .board-more .cont_block td:nth-of-type(4):before{content:""}
	.notice .board-more .cont_block td:nth-of-type(5):before{content:""}
	
    .notice .board-more .table_view .skin_view colgroup col:nth-child(1){width:20%}
    .notice .board-more .table_view .skin_view colgroup col:nth-child(2){width:30%}
    .notice .board-more .table_view .skin_view colgroup col:nth-child(3){width:20%}
    .notice .board-more .table_view .skin_view colgroup col:nth-child(4){width:30%}
	.notice .board-more .table_view .skin_view tr th,
	.notice .board-more .table_view .skin_view tr td{font-size:16px}
}
@media screen and (max-width:550px) {
    .notice .notice_img.pc_ver{display:none}
    .notice .notice_img.mo_ver{display:block;padding:12px 0 7px}
    .notice .board-list{line-height:26px}
    .notice .board-list .list-item{flex-wrap:wrap;border-bottom:1px solid rgba(255, 255, 255, .2);margin-bottom:13px;padding-bottom:13px}
    .notice .board-list .list-item:nth-child(3){border-bottom:0;margin-bottom:0;padding-bottom:0}
    .notice .board-list .list-item .list-tit,
    .notice .board-list .list-item .list-date{width:100%}
    
}
@media screen and (max-width:300px) {
	.notice .board-more .list_top form .board_count,
	.notice .board-more .list_top form .srch_box{width:100%}
}
/* //리스트 테이블 반응형 */

main .intro{padding-top:0}
.intro .container{max-width:1920px;margin:0 auto;padding:0}
/*.intro .container .cont_img{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/robot/img_intro_1.jpg) no-repeat 50% 50% / cover}
.intro .container .cont_txt{position:relative;width:50%;background:#fff;z-index:1}*/
.intro .container .cont_txt{position:relative;background:#fff;z-index:1}
.intro .container .cont_txt .cont_txt_inner h2{padding:70px 0 44px 50px;color:#000;text-align:left}
.intro .container .cont_txt .cont_txt_inner p{padding:0 50px 60px;color:#000;font-family:'SCDream';font-weight:400;font-size:20px;line-height:34px;word-break:keep-all}
.intro .container .cont_img_img{display:block}
.intro .container .cont_img_img img{width:100%}

@media screen and (max-width:1280px) {
	.intro .container .cont_txt{width:100%}
    .intro .container .cont_txt .cont_txt_inner h2{padding:40px 20px 30px 20px}
    .intro .container .cont_txt .cont_txt_inner p{padding:0 20px 30px;font-size:18px;line-height:26px}
}
main .guide{display:flex;flex-wrap:wrap}
.guide h2{width:100%;color:#000}
.guide > div{display:flex;flex-wrap:wrap}
.guide > div > h3{padding-right:80px;color:#000;font-family:'SCDream';font-weight:600;font-size:40px}
.guide > div > p,
.guide > div > ul > li,
.guide > div > dl > dt,
.guide > div > dl > dd{color:#000;font-family:'SCDream';font-weight:400;font-size:40px}
.guide .g_box1{width:50%;padding:50px 40px 50px 100px;background:#1dc28a}
.guide .g_box1 p{}
.guide .g_box2{width:50%;padding:50px 40px 16px 100px;background:#f9dc66}
.guide .g_box1 p span,
.guide .g_box2 p span{display:block;margin-top:10px;font-size:24px}
.guide .g_box3{width:100%;padding:50px 40px 50px 100px;background:#e4e7ef}
.guide .g_box3 ul li{position:relative;margin-bottom:20px;padding-left:20px;font-size:26px}
.guide .g_box3 ul li:last-child{margin-bottom:0}
.guide .g_box3 ul li:before{content:'';position:absolute;left:0;top:10px;width:8px;height:3px;background:#000}
.guide .g_box4{width:50%;padding:50px 0 50px 100px;background:#fff}
.guide .g_box4 h3{width:100%;margin-bottom:40px}
.guide .g_box4 p{width:100%}
.guide .g_box4 p img{width:100%}
.guide .g_box5{width:50%;padding:50px 40px 50px 100px;background:#fff}
.guide .g_box5 h3{width:100%;margin-bottom:40px}
.guide .g_box5 dl{display:flex;flex-wrap:wrap;align-items:end;width:100%;border:1px solid #000}
.guide .g_box5 dl dt{width:130px;padding:40px 0;font-weight:500;font-size:36px;font-style:italic;text-align:center;border-bottom:1px solid #000}
.guide .g_box5 dl dd{width:calc(100% - 130px);padding:39px 0;font-size:26px;border-bottom:1px solid #000}
.guide .g_box5 dl dt:nth-child(5),
.guide .g_box5 dl dd:nth-child(6){border-bottom:0}
@media screen and (min-width:1921px) {
	.guide .g_box1{justify-content:flex-end;padding:50px 0 50px 0}
	.guide .g_box2{justify-content:flex-start;padding:50px 0 16px 100px}
	.guide .g_box3{justify-content:center;padding:50px 0 50px 0}
	.guide .g_box4{justify-content:flex-end;padding:50px 0 50px 0}
	.guide .g_box5{justify-content:flex-start;padding:50px 0 50px 100px}
	.guide .g_box1 p,
	.guide .g_box2 p{width:630px}
	.guide .g_box3 ul{width:1490px}
	.guide .g_box4 h3,
	.guide .g_box4 p,
	.guide .g_box5 h3,
	.guide .g_box5 dl{width:860px}
}
@media screen and (max-width:1690px) {
	.guide > div > h3{padding-right:40px;font-size:34px}
	.guide > div > p,
	.guide > div > ul > li,
	.guide > div > dl > dt,
	.guide > div > dl > dd{font-size:34px}
	.guide .g_box1 p span,
    .guide .g_box2 p span{font-size:18px}
	.guide .g_box3 ul li{margin-bottom:10px;font-size:21px;line-height:30px}
	.guide .g_box3 ul li:before{top:12px}
	.guide .g_box1{padding:50px 0 40px 50px}
	.guide .g_box2{padding:50px 0 40px 50px}
	.guide .g_box3{padding:50px 0 50px 50px}
	.guide .g_box4{padding:50px 0 50px 50px}
	.guide .g_box5{padding:50px 40px 50px 50px}
	.guide .g_box5 dl dt{width:100px;padding:35px 0;font-size:30px}
	.guide .g_box5 dl dd{width:calc(100% - 100px);padding:34px 0;font-size:22px}
}
@media screen and (max-width:1430px) {
	.guide .g_box4{width:100%;padding:50px 40px 50px 50px;border-bottom:1px solid #ddd}
	.guide .g_box5{width:100%}
}
@media screen and (max-width:1150px) {
	.guide > div > h3{width:100%;margin-bottom:20px}
	.guide .g_box3 ul{margin-left:10px}
}
@media screen and (max-width:768px) {
	.guide > div > h3{padding-right:0;font-size:26px}
	.guide > div > p,
	.guide > div > ul > li,
	.guide > div > dl > dt,
	.guide > div > dl > dd{font-size:26px}
	.guide .g_box2 p span{font-size:18px}
	.guide .g_box3 ul li{font-size:18px;line-height:26px}
	.guide .g_box1,
	.guide .g_box2{width:100%}
	.guide .g_box1,
	.guide .g_box2,
	.guide .g_box3,
	.guide .g_box4,
	.guide .g_box5{padding:30px 20px}
	.guide .g_box4 h3,
	.guide .g_box5 h3{margin-bottom:20px}
	.guide .g_box5 dl{align-items:normal}
	.guide .g_box5 dl dt{width:80px;padding:30px 0;font-size:22px}
	.guide .g_box5 dl dd{width:calc(100% - 80px);padding:30px 0 22px;font-size:18px;line-height:24px}
}

main .experience{padding-bottom:60px;font-family:'SCDream'}
.tab_box{position:relative;width:100%;margin:0}
.tab_box ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.tab_box ul li{width:16%}
.tab_box ul.tab_type3 li{width:32.5%}
.tab_box ul.cont li{width:auto}
.tab_box ul li a{display:block;height:58px;color:#fff;font-size:20px;font-weight:500;background:rgba(255,255,255,.2);border-radius:50px;line-height:58px;text-align:center}
.tab_box ul li.active a{color:#666ac2;font-size:22px;font-weight:600;background:#fff}

.tab_box .tab_content-wrapper{}
.tab_box .tab_content{display:none}
.tab_box .tab_content.active{display:block}
.tab_box .tab_content .cnt_top{display:flex;flex-wrap:wrap;margin:45px 0}
.tab_box .tab_content .cnt_top h3{width:275px;color:#fff;font-size:36px;font-weight:600;line-height:50px}
.tab_box .tab_content .cnt_top p{width:calc(100% - 275px);color:#fff;font-size:20px;font-weight:300;line-height:36px}
.tab_box .tab_content .cnt_list{display:flex;justify-content:left;flex-wrap:wrap}
.tab_box .tab_content .cnt_list.cnt_type5 .list_item{width:calc(20% - 12px);margin-right:15px}
.tab_box .tab_content .cnt_list.cnt_type3 .list_item{width:calc(33.333% - 12px);margin-right:15px}
.tab_box .tab_content .cnt_list.cnt_type5 .list_item:nth-child(5){margin-right:0}
.tab_box .tab_content .cnt_list.cnt_type3 .list_item:nth-child(3n){margin-right:0}
.tab_box .tab_content .cnt_list .list_item p.img{text-align:center}
.tab_box .tab_content .cnt_list .list_item p.img img{width:100%;border-radius:20px}
.tab_box .tab_content .cnt_list .list_item p.txt{margin-top:15px;padding-left:7px;color:#fff;font-size:18px;margin-bottom:20px;line-height:27px;word-break:keep-all}
.tab_box .tab_content .cnt_list .list_item p.txt strong{display:block;color:#ffea00;font-size:24px;margin-bottom:7px}
@media screen and (max-width:1300px) {
	main .experience{padding-bottom:80px}
	.tab_box ul li a{font-size:18px;letter-spacing:-1px}
	.tab_box ul li.active a{font-size:20px}
	.tab_box .tab_content .cnt_list .list_item p.txt{font-size:17px;line-height:28px}
	.tab_box .tab_content .cnt_list .list_item p.txt strong{font-size:20px}
}
@media screen and (max-width:1024px) {
	main .experience{padding-bottom:0}
	.tab_box ul li a{height:50px;line-height:50px}
	.tab_box .tab_content .cnt_top{margin:25px 0 30px}
	.tab_box .tab_content .cnt_top h3{width:240px;font-size:30px;line-height:38px;letter-spacing:-1px}
	.tab_box .tab_content .cnt_top p{width:calc(100% - 240px);font-size:18px;line-height:30px}
	.tab_box .tab_content .cnt_list .list_item{width:calc(32.9% - 8px);margin-bottom:20px}
	.tab_box .tab_content .cnt_list .list_item:nth-child(3n){margin-right:0}
}
@media screen and (max-width:768px) {
	.experience .container{padding:20px 20px 10px}
	.tab_box ul li a{font-size:17px}
	.tab_box ul li.active a{font-size:18px}
	.tab_box .tab_content .cnt_top h3{width:100%;margin-bottom:10px}
	.tab_box .tab_content .cnt_top p{width:100%}
	.tab_box .tab_content .cnt_list.cnt_type3 .list_item{width:calc(50% - 12px)}
    .tab_box .tab_content .cnt_list.cnt_type3 .list_item:nth-child(3n){margin-right:15px}
    .tab_box .tab_content .cnt_list.cnt_type3 .list_item:nth-child(2n){margin-right:0}
}
@media screen and (max-width:550px) {
	.tab_box ul li a{height:auto;padding:10px 0;line-height:20px;border-radius:10px}
	.tab_box ul li a span{display:block}
	.tab_box .tab_content .cnt_top h3{font-size:26px}
	.tab_box .tab_content .cnt_top p{font-size:16px;line-height:26px}
	.tab_box .tab_content .cnt_list .list_item:nth-child(3n){margin-right:15px}
	.tab_box .tab_content .cnt_list .list_item:nth-child(2n){margin-right:0}
	.tab_box .tab_content .cnt_list .list_item p.txt{font-size:16px}
	.tab_box .tab_content .cnt_list .list_item p.txt strong{font-size:18px}
}
@media screen and (max-width:360px) {
	.tab_box ul li a,
	.tab_box ul li.active a{font-size:16px}
}
main .booking{}
.booking h2{color:#000}
.booking .container{display:flex;flex-wrap:wrap;padding-bottom:60px;font-family:'SCDream'}
.booking .container .title_box{width:305px}
.booking .container .title_box h3{margin-bottom:30px;font-size:38px;font-weight:600}
.booking .container .title_box a{display:block;position:relative;width:195px;height:65px;line-height:65px;padding-left:56px;color:#fff;font-size:18px;font-weight:500;background-image:linear-gradient(to right, #5496c3 0%, #d26fa9 50%, #da7274 100%);border-radius:20px;letter-spacing:-0.5px}
.booking .container .title_box a:before{content:'';position:absolute;left:18px;top:15px;width:29px;height:31px;background:url(../images/robot/icon_naver.png) no-repeat}
.booking .container .cont_box{width:calc(100% - 305px)}
.booking .container .cont_box p{padding-bottom:25px;color:#e13e73;font-size:22px;font-weight:400;line-height:26px;border-bottom:1px solid #000}
.booking .container .cont_box p span{display:block;margin-top:5px;color:#000;font-weight:300;font-size:19px}
.booking .container .cont_box dl{display:flex;flex-wrap:wrap;font-size:20px;line-height:24px}
.booking .container .cont_box dl dt{position:relative;width:110px;padding:24px 0;font-weight:600}
.booking .container .cont_box dl dd{position:relative;width:calc(100% - 110px);padding:24px 0;font-weight:300}
.booking .container .cont_box dl dt:after,
.booking .container .cont_box dl dd:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(0,0,0,.1)}
@media screen and (max-width:1024px) {
	.booking .container .title_box{width:240px}
	.booking .container .title_box h3{font-size:30px;letter-spacing:-1px}
	.booking .container .cont_box{width:calc(100% - 240px)}
	.booking .container .cont_box p{font-size:18px;line-height:24px}
	.booking .container .cont_box p span{font-size:16px}
	.booking .container .cont_box dl{font-size:18px}
	.booking .container .cont_box dl dt{width:90px;padding:16px 0}
	.booking .container .cont_box dl dd{width:calc(100% - 90px);padding:16px 0}
}
@media screen and (max-width:768px) {
	.booking .container .title_box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}
	.booking .container .title_box h3{margin-bottom:0}
	.booking .container .cont_box p{padding-bottom:15px}
	.booking .container .title_box a{height:50px;line-height:50px;border-radius:50px}
    .booking .container .title_box a:before{top:8px}
	.booking .container .cont_box{width:100%}
}
@media screen and (max-width: 550px) {
    .booking .container .title_box h3{font-size:26px}
    .booking .container .title_box a{width:170px;height:40px;line-height:40px;padding-left:45px;font-size:16px}
    .booking .container .cont_box p{font-size:17px}
	.booking .container .cont_box p span{font-size:15px}
	.booking .container .cont_box dl{font-size:16px}
	.booking .container .title_box a:before{width:21px;height:23px;background-size:100%}
}
@media screen and (max-width: 360px) {
    .booking .container .title_box h3,
    .booking .container .title_box a{width:100%}
    .booking .container .title_box a{margin-top:20px;padding-left:27px;text-align:center}
    .booking .container .title_box a:before{left:calc(50% - 70px)}
    .booking .container.bk2 .title_box a:before{left:calc(50% - 63px)}
}

main .contactus{padding-bottom:150px}
.contactus h2{color:#000}
.contactus .map_box{border-bottom:1px solid #e0e0e0}
.contactus .map_box .map{width:100%!important}
.contactus .map_txt{margin-top:50px}
.contactus .map_txt ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.contactus .map_txt ul li{width:31%}
.contactus .map_txt ul li a{display:block;padding:67px 0 10px;color:#000;font-family:'SCDream';font-weight:500;font-size:18px;text-align:center;border:1px dashed #5e5e5e;transition:all .3s}
.contactus .map_txt ul li:nth-child(1) a{background:url(../images/robot/icon_cu01.png) no-repeat center 10px}
.contactus .map_txt ul li:nth-child(2) a{background:url(../images/robot/icon_cu02.png) no-repeat center 10px}
.contactus .map_txt ul li:nth-child(3) a{background:url(../images/robot/icon_cu03.png) no-repeat center 10px}
.contactus .map_txt ul li a:hover{color:#fff}
.contactus .map_txt ul li:nth-child(1) a:hover{background:#646ec0 url(../images/robot/icon_cu01_on.png) no-repeat center 10px}
.contactus .map_txt ul li:nth-child(2) a:hover{background:#646ec0 url(../images/robot/icon_cu02_on.png) no-repeat center 10px}
.contactus .map_txt ul li:nth-child(3) a:hover{background:#646ec0 url(../images/robot/icon_cu03_on.png) no-repeat center 10px}
@media screen and (max-width:1024px) {
	main .contactus{padding-bottom:60px}
}
@media screen and (max-width:600px) {
	.contactus .map_txt ul li{width:100%;margin-bottom:10px}
}
footer{position:relative;padding:30px;color:#fff;font-weight:200;line-height:26px;background:#333;text-align:center}
footer .top{position:absolute;top:-93px;right:0}

@media screen and (max-width:300px) {
	body,
	header{width:299px}
}