<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* sub05_1 :: ��9�� ���쒕�援� �붿��� 誘몃옒�곸떊���� */
.sub05_1 .title_wrap {justify-content:center;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;.contents {margin-top:80px; width:100%;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;.contents&gt;img {width:100%;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul {display:flex; justify-content:space-between; margin-top:40px;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li {width:49%;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li&gt;a {display:flex; justify-content:center; align-items:center; width:100%; height:80px; border:1px solid #fff; border-radius:8px; transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:hover&gt;a {border:1px solid #b6ff1c; transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li&gt;a&gt;div {position:relative; padding-left:44px; font-weight:500; font-size:26px; transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:hover&gt;a&gt;div {color:#b6ff1c; transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li&gt;a&gt;div::before {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); background-size:cover; background-position:center; background-repeat:no-repeat; transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:nth-child(1)&gt;a&gt;div::before {width:24px; height:20px; background-image:url("/theme/dinno/img/file_icon.png");}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:nth-child(1):hover&gt;a&gt;div::before {background-image:url("/theme/dinno/img/file_hover_icon.png");}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:nth-child(2)&gt;a&gt;div::before {width:22px; height:19px; background-image:url("/theme/dinno/img/faq_icon.png"); transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:nth-child(2):hover&gt;a&gt;div::before {background-image:url("/theme/dinno/img/faq_hover_icon.png"); transition:all .3s;}
.sub05_1&gt;.wrap1520&gt;.sec2 {margin-top:160px;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article {position:relative; margin-top:70px;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.l_img {width:1100px; max-width:90%; border-radius:20px; overflow:hidden;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.l_img&gt;img {width:100%;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info {position:absolute; top:50%; right:0; width:620px; padding:25px; border-radius:12px; background:#282828; transform:translateY(-50%);}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul {display:flex; flex-direction:column; gap:25px; padding:60px 50px; border:1px solid #b6ff1c;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li,
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div {font-weight:700; font-size:24px;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li {display:flex;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div {position:relative;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div:first-child {margin-right:15px; padding-right:19px;}
.sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div:first-child::before {content:""; position:absolute; top:50%; right:0; width:4px; height:83%; background:#fff; transform:translateY(-50%);}




/* 諛섏쓳�� */
@media screen and (max-width:768px) {
  /* sub05_1 :: ��9�� ���쒕�援� �붿��� 誘몃옒�곸떊���� */
  .sub05_1 .title_wrap {align-items:center;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;.contents {margin-top:11.719vw;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;ul {flex-direction:column; gap:2.604vw; margin-top:6.510vw;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li {width:100%;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li&gt;a {height:13.021vw; border-radius:2.344vw;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li&gt;a&gt;div {padding-left:7.031vw; font-size:4.688vw;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:nth-child(1)&gt;a&gt;div::before {width:4.427vw; height:3.385vw;}
  .sub05_1&gt;.wrap1520&gt;.sec1&gt;ul&gt;li:nth-child(2)&gt;a&gt;div::before {width:4.167vw; height:3.516vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2 {margin-top:22.135vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article {margin-top:10.417vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.l_img {margin:0 auto; border-radius:2.604vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info {top:35%; padding:3.906vw; width:100%; border-radius:2.865vw; transform:none;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul {gap:3.906vw; padding:7.813vw 3.255vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li, 
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div {font-size:4.427vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div:first-child {margin-right:1.953vw; padding-right:2.474vw;}
  .sub05_1&gt;.wrap1520&gt;.sec2&gt;article&gt;.r_info&gt;ul&gt;li&gt;div:first-child::before {width:0.521vw;}
}</pre></body></html>