@charset "utf-8";

#inc01{display:flex;flex-flow:column;gap:100px;padding:175px 100px}
#inc01 .item{display:flex}
#inc01 .item .cont{display:flex;flex-flow:column;width:50%;padding:75px 10%}
#inc01 .item .cont .tit{display:flex;align-items:center;margin-bottom:35px;font-size:40px;font-weight:900;line-height:1;color:#111}
#inc01 .item .cont .tit span{margin-left:15px;font-size:30px;font-weight:600;white-space:nowrap}

/* #inc01 .item .cont .tit{display:flex;align-items:center;margin-bottom:35px;font-size:42px;font-weight:900;line-height:1;color:#111} */
/* rmh12 */
#inc01 .item .cont .tit{display:flex;align-items:center;margin-bottom:35px;font-size:40px;font-weight:900;line-height:1;color:#111}
#inc01 .item .cont .tit span{margin-left:15px;font-size:30px;font-weight:600;white-space:nowrap}

#inc01 .item .cont div{word-break:keep-all;line-height:1.8;padding-bottom:15px}
#inc01 .item .cont a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s}
#inc01 .item .cont a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#inc01 .item .cont a:hover{border-color:transparent;color:#fff}
#inc01 .item .cont a:hover:before{width:100%}
#inc01 .item .cont a span{margin:0 0 2px 15px}
#inc01 .item .img_box{overflow:hidden;position:relative;width:50%}
/* #inc01 .item .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--primary);transition:all 1.2s var(--easing)} */
#inc01 .item .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff;transition:all 1.2s var(--easing)}
#inc01 .item .img_box .img{opacity:0;overflow:hidden;position:relative;width:0;transition:all 1.8s var(--easing) .3s}
#inc01 .item .img_box.on:before{width:100%}
#inc01 .item .img_box.on .img{opacity:1;width:100%}
#inc01 .item.reverse .img_box{order:-1}

/* rmh12 */
#inc01 .item .cont6{display:flex;flex-flow:column;width:60%;padding:25px 2%}
#inc01 .item .cont6 .tit{display:flex;align-items:center;margin-bottom:35px;font-size:44px;font-weight:900;line-height:1;color:#111}
#inc01 .item .cont6 .tit span{margin-left:15px;font-size:36px;font-weight:600;white-space:nowrap}
#inc01 .item .cont6 div{font-size:24px;word-break:keep-all;line-height:1.8;padding-bottom:15px}
#inc01 .item .cont6 a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s}
#inc01 .item .cont6 a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#inc01 .item .cont6 a:hover{border-color:transparent;color:#fff}
#inc01 .item .cont6 a:hover:before{width:100%}
#inc01 .item .cont6 a span{ font-size:20px;margin:0 0 2px 15px}

#inc01 .item .cont4{display:flex;flex-flow:column;width:40%;padding:25px 2%}
#inc01 .item .cont4 .tit{display:flex;align-items:center;margin-bottom:35px;font-size:40px;font-weight:900;line-height:1;color:#111}
#inc01 .item .cont4 .tit span{margin-left:15px;font-size:36px;font-weight:600;white-space:nowrap}
#inc01 .item .cont4 div{word-break:keep-all;line-height:1.8;padding-bottom:15px}
#inc01 .item .cont4 a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s}
#inc01 .item .cont4 a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#inc01 .item .cont4 a:hover{border-color:transparent;color:#fff}
#inc01 .item .cont4 a:hover:before{width:100%}
#inc01 .item .cont4 a span{margin:0 0 2px 15px}



/* body width설정 */
#sb10{display:flex;flex-flow:column;gap:100px;padding:175px 300px; width: 100%;min-width:1200px;}
#sb10 .item{display:flex}
#sb10 .item .cont{display:flex;flex-flow:column;width:50%;padding:75px 10%}
/* #sb10 .item .cont .tit{display:flex;align-items:center;margin-bottom:35px;font-size:40px;font-weight:900;line-height:1;color:#111} */
/* #sb10 .item .cont .tit span{margin-left:15px;font-size:30px;font-weight:600;white-space:nowrap} */

#sb10 .item .cont .tit{display:flex;align-items:center;margin-bottom:35px;font-size:34px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont .tit span{margin-left:15px;font-size:26px;font-weight:600;white-space:nowrap}

#sb10 .item .cont .tit2{display:flex;align-items:center;margin-bottom:35px;font-size:20px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont .tit2 span{margin-left:15px;font-size:18px;font-weight:600;white-space:nowrap}

#sb10 .item .cont div{word-break:keep-all;line-height:1.8;padding-bottom:15px}
#sb10 .item .cont a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s}
#sb10 .item .cont a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#sb10 .item .cont a:hover{border-color:transparent;color:#fff}
#sb10 .item .cont a:hover:before{width:100%}
#sb10 .item .cont a span{margin:0 0 2px 15px}
#sb10 .item .img_box{overflow:hidden;position:relative;width:50%}
/* #sb10 .item .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--primary);transition:all 1.2s var(--easing)} */
#sb10 .item .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff;transition:all 1.2s var(--easing)}
#sb10 .item .img_box .img{opacity:0;overflow:hidden;position:relative;width:0;transition:all 1.8s var(--easing) .3s}
#sb10 .item .img_box.on:before{width:100%}
#sb10 .item .img_box.on .img{opacity:1;width:100%}
#sb10 .item.reverse .img_box{order:-1}


#sb10 .item .cont6s{display:flex;flex-flow:column;width:60%;padding:50px 5%;overflow-x: scroll;overflow-y: scroll;}
#sb10 .item .cont6s .tit{display:flex;align-items:center;margin-bottom:35px;font-size:34px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont6s .tit span{margin-left:15px;font-size:26px;font-weight:600;white-space:nowrap}

#sb10 .item .cont6s .tit1{font-size:28px;display:flex;align-items:center;margin-bottom:35px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont6s .tit2{font-size:24px;display:flex;align-items:center;margin-bottom:15px;line-height:1;color:#777}
#sb10 .item .cont6s .tit3{font-size:20px;margin:0 0 2px 15px;color:#777}
#sb10 .item .cont6s .tit4{font-size:16px;word-break:keep-all;line-height:1.8;padding-bottom:15px;color:#777}

#sb10 .item .cont6s div{font-size:20px;word-break:keep-all;line-height:1.8;padding-bottom:15px}
#sb10 .item .cont6s a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;line-height:58px;transition:all .4s}
#sb10 .item .cont6s a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#sb10 .item .cont6s a:hover{border-color:transparent;color:#fff}
#sb10 .item .cont6s a:hover:before{width:100%}
#sb10 .item .cont6s a span{ font-size:20px;margin:0 0 2px 15px}


/* rmh12 */
#sb10 .item .cont6{display:flex;flex-flow:column;width:60%;padding:50px 5%;}
#sb10 .item .cont6 .tit{display:flex;align-items:center;margin-bottom:35px;font-size:34px;font-weight:900;line-height:1;color:#86775D}
#sb10 .item .cont6 .tit span{margin-left:15px;font-size:26px;font-weight:600;white-space:nowrap}

#sb10 .item .cont6 .tit1{font-size:28px;display:flex;align-items:center;margin-bottom:35px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont6 .tit2{font-size:24px;display:flex;align-items:center;margin-bottom:15px;line-height:1;color:#777}
#sb10 .item .cont6 .tit3{font-size:20px;margin:0 0 2px 15px;color:#777}
#sb10 .item .cont6 .tit4{font-size:16px;word-break:keep-all;line-height:1.8;padding-bottom:15px;color:#777}

#sb10 .item .cont6 div{font-size:20px;word-break:keep-all;line-height:1.8;padding-bottom:15px}
#sb10 .item .cont6 a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#777;line-height:58px;transition:all .4s}
#sb10 .item .cont6 a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#sb10 .item .cont6 a:hover{border-color:transparent;color:#fff}
#sb10 .item .cont6 a:hover:before{width:100%}
#sb10 .item .cont6 a span{ font-size:20px;margin:0 0 2px 15px}

#sb10 .item .cont4{display:flex;flex-flow:column;width:40%;padding:50px 2%}
#sb10 .item .cont4 .tit{display:flex;align-items:center;margin-bottom:35px;font-size:40px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont4 .tit span{margin-left:15px;font-size:36px;font-weight:600;white-space:nowrap}
#sb10 .item .cont4 div{word-break:keep-all;line-height:1.8;padding-bottom:15px}
#sb10 .item .cont4 a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#777;line-height:58px;transition:all .4s}
#sb10 .item .cont4 a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#sb10 .item .cont4 a:hover{border-color:transparent;color:#fff}
#sb10 .item .cont4 a:hover:before{width:100%}
#sb10 .item .cont4 a span{margin:0 0 2px 15px}


#sb10 .item .cont5{display:flex;flex-flow:column;width:50%;padding:20px 1%;}
#sb10 .item .cont5 .tit{display:flex;align-items:center;margin-bottom:35px;font-size:34px;font-weight:900;line-height:1;color:#86775D}
#sb10 .item .cont5 .tit span{margin-left:15px;font-size:26px;font-weight:600;white-space:nowrap}

#sb10 .item .cont5 .tit1{font-size:28px;display:flex;align-items:center;margin-bottom:35px;font-weight:900;line-height:1;color:#111}
#sb10 .item .cont5 .tit2{font-size:24px;display:flex;align-items:center;margin-bottom:15px;line-height:1;color:#777}
#sb10 .item .cont5 .tit3{font-size:20px;margin:0 0 2px 15px;color:#777}
#sb10 .item .cont5 .tit4{font-size:16px;word-break:keep-all;line-height:1.8;padding-bottom:15px;color:#777}

#sb10 .item .cont5 div{font-size:20px;word-break:keep-all;line-height:1.8;padding-bottom:15px}
#sb10 .item .cont5 a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#777;line-height:58px;transition:all .4s}
#sb10 .item .cont5 a:before{display:block;content:"";position:absolute;left:0;z-index:-1;width:0;height:100%;border-color:var(--primary);color:#fff;background:var(--primary);transition:all .6s var(--easing)}
#sb10 .item .cont5 a:hover{border-color:transparent;color:#fff}
#sb10 .item .cont5 a:hover:before{width:100%}
#sb10 .item .cont5 a span{ font-size:20px;margin:0 0 2px 15px}