@charset "euc-kr";

@font-face {
    font-family: 'Cafe24Danjunghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {scroll-behavior: smooth;}
a:visited { text-decoration:none; color:inherit; }
#connect_main { background:#F5EBE3; width:100%;}

/* ¸ÞÀÎ */
#connect_main .main_wrap { width:100%!important; height:740px; margin:0 auto; background:linear-gradient(
      to bottom,
      rgba(245, 235, 227, 0) 10%,
      rgba(245, 235, 227, 0.2) 25%,
      rgba(245, 235, 227, 0.5) 50%,
      rgba(245, 235, 227, 0.7) 75%,
      rgba(245, 235, 227, 1) 100%
    ), url('/connect/image/bg_mainobj.png') no-repeat center 40px; background-size:130%; position:relative; }
#connect_main .main_wrap .main_wrap_txt { width:100%; min-height:600px; margin:0 auto; padding:150px 10px 0; text-align:center; box-sizing:border-box}
#connect_main .main_wrap .main_wrap_txt li { display:flex; flex-direction:column; word-break:keep-all;}
#connect_main .main_wrap .main_wrap_txt h1 { margin:20px 0; font-size:4.5em; font-weight:400; font-family:'Cafe24Danjunghae'!important; line-height:1.1; display:inline-block; }
#connect_main .main_wrap .main_wrap_txt h1 span { color:#ff7333; }
#connect_main .main_wrap .main_wrap_txt p {width:80%; margin:0 auto; color:#444; font-size:1em; line-height:1.5; display:inline-block; }
#connect_main .main_warp .main_wrap_txt p span {display:inline-block; white-space:nowrap;}
#connect_main .main_wrap .main_wrap_txt h4 { margin:0; color:#666; font-size:1.3em; letter-spacing:-1px; display:inline-block; }
#connect_main .main_wrap .main_wrap_obj {width:100%; max-width:360px; height:580px; left:50%; margin-left:-180px; position:absolute; }
#connect_main .main_wrap .main_wrap_obj .bg_lamp { position:absolute; left:40px; bottom:0; animation: obj01 1.5s linear 0s infinite alternate;}
#connect_main .main_wrap .main_wrap_obj .bg_lamp img { width:70px; }
@keyframes obj01 {
	0% {transform: rotate(-3deg);}
	50% {transform: rotate(4deg);}
	100% {transform: rotate(-4deg);}
  }

#connect_main .main_wrap .main_wrap_obj .bg_pen { position:absolute; right:0px; top:60px; animation:obj02 1s linear 0s infinite alternate;}
#connect_main .main_wrap .main_wrap_obj .bg_pen img { width:88px; }
@keyframes obj02 {
	0% {transform: rotate(-3deg);}
	50% {transform: rotate(4deg);}
	100% {transform: rotate(-4deg);}
  }

#connect_main .main_wrap .main_wrap_obj .bg_note { position:absolute; left:20px; top:20px; animation:obj03 1s linear 0s infinite alternate;}
#connect_main .main_wrap .main_wrap_obj .bg_note img { width:92px; }
@keyframes obj03 {
	0% {transform: rotate(-3deg);}
	50% {transform: rotate(4deg);}
	100% {transform: rotate(-4deg);}
  }


/* ÄÁÅÙÃ÷ */
.content_back { position:relative; }
.content_back a { color:#fff }
.content_back li {line-height:1.4;}
#content_wrap_01, #content_wrap_03 { width:100%; height:730px; padding:0 10px; background:#ff7333; box-sizing:border-box}
#content_wrap_01 .cont_01, #content_wrap_03 .cont_03 { width:100%; margin:0 auto; position:relative; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; }
#content_wrap_01 .cont_01 > img, #content_wrap_03 .cont_03 > img { width:240px; margin-top:-80px; }
#content_wrap_01 .cont_01 ul, #content_wrap_03 .cont_03 ul { margin-top:50px; color:#fff; display:flex; flex-direction:column; word-break:keep-all;}
#content_wrap_01 .cont_01 ul *, #content_wrap_03 .cont_03 ul * { margin-bottom:20px; }
#content_wrap_01 .cont_01 ul h2, #content_wrap_03 .cont_03 ul h2 { margin-bottom:30px; font-size:30px; }
#content_wrap_01 .cont_01 ul h3, #content_wrap_03 .cont_03 ul h3 { margin-top:0; font-size:20px; line-height:1.4; }
#content_wrap_01 .cont_01 ul li:last-child, #content_wrap_03 .cont_03 ul li:last-child { width:180px; display:flex; align-items:center; }
#content_wrap_01 .cont_01 ul li:last-child p, #content_wrap_03 .cont_03 ul li:last-child p { font-size:16px; }

#content_wrap_02, #content_wrap_04 { width:100%; height:740px; padding:0 10px; background:#f2a61d; box-sizing:border-box}
#content_wrap_02 .cont_02, #content_wrap_04 .cont_04 { width:100%; margin:0 auto; position:relative; display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; }
#content_wrap_02 .cont_02 > img, #content_wrap_04 .cont_04 > img { width:240px; margin-top:-80px; }
#content_wrap_02 .cont_02 ul, #content_wrap_04 .cont_04 ul { margin-top:50px; color:#fff; display:flex; flex-direction:column; align-items:flex-end; text-align:right; word-break:keep-all;}
#content_wrap_02 .cont_02 ul *, #content_wrap_04 .cont_04 ul * { margin-bottom:20px; }
#content_wrap_02 .cont_02 ul h2, #content_wrap_04 .cont_04 ul h2 { margin-bottom:30px; font-size:30px; }
#content_wrap_02 .cont_02 ul h3, #content_wrap_04 .cont_04 ul h3 { margin-top:0; font-size:20px; line-height:1.4; }
#content_wrap_02 .cont_02 ul li:last-child, #content_wrap_04 .cont_04 ul li:last-child { width:180px; display:flex; align-items:center; justify-content:flex-end; }
#content_wrap_02 .cont_02 ul li:last-child p, #content_wrap_04 .cont_04 ul li:last-child p { font-size:16px; }

#connect_main .btm_wrap {width:100%; height:360px; margin-top:-10px; padding:0 10px; background:#F2A61D; color:#fff; text-align:center; box-sizing:border-box}
#connect_main .btm_wrap .txt { font-size:1.3em; font-weight:300; color:#efd0b7; line-height:1.5em;}
#connect_main .btm_wrap .txt:before {content: ""; display:inline-block; background-image:url('/connect/image/double_l.png'); background-repeat:no-repeat; background-size:30px; width:30px; height:30px;}


/*top¹öÆ°*/
#moveTopBtn { width:60px; color:#fff; background:#EFD0B7; border:1px solid #EFD0B7; border-radius:30px; line-height:60px; text-align:center; display:none; transition:all 0.4s ease-out 0s; position:fixed; right:2%; bottom:50px; z-index:999;}
#moveTopBtn:hover { color:#333; background:#fff; border:1px solid #333; }
.fa-chevron-up:before { content: "\f077"; }