@charset "utf-8";

/* ************** font ************** */
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard ExtraLight'), url('./font/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./font/Pretendard-ExtraLight.subset.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Light'), url('./font/Pretendard-Light.subset.woff2') format('woff2'), url('./font/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Regular'), url('./font/Pretendard-Regular.subset.woff2') format('woff2'), url('./font/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Medium'), url('./font/Pretendard-Medium.subset.woff2') format('woff2'), url('./font/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard SemiBold'), url('./font/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./font/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Bold'), url('./font/Pretendard-Bold.subset.woff2') format('woff2'), url('./font/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard ExtraBold'), url('./font/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./font/Pretendard-ExtraBold.subset.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Black'), url('./font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/* ************** reset ************** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{-webkit-font-smoothing:antialiased;font-family:'Pretendard', sans-serif;font-size:18px;font-weight:400;color:#333;word-break:keep-all;word-wrap:break-word;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='submit'],input[type='button'],button{cursor:pointer;overflow:visible;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#383838;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}
table table{width:auto;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}

/* ************** size ************** */
.w10{width:10px}.w15{width:15px}.w20{width:20px}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w40{width:40px}.w45{width:45px}.w50{width:50px}
.w55{width:55px}.w60{width:60px}.w65{width:65px}.w70{width:70px}.w75{width:75px}.w80{width:80px}.w85{width:85px}.w90{width:90px}.w95{width:95px}.w100{width:100px}
.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}
.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w265{width:265px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}
.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w450{width:450px}
.w1p{width:1%}.w2p{width:2%}.w3p{width:3%}.w4p{width:4%}.w5p{width:5%}.w6p{width:6%}.w7p{width:7%}.w8p{width:8%}.w9p{width:9%}.w10p{width:10%}
.w11p{width:11%}.w12p{width:12%}.w13p{width:13%}.w14p{width:14%}.w15p{width:15%}.w16p{width:16%}.w17p{width:17%}.w18p{width:18%}.w19p{width:19%}.w20p{width:20%}
.w21p{width:21%}.w22p{width:22%}.w23p{width:23%}.w24p{width:24%}.w25p{width:25%}.w26p{width:26%}.w27p{width:27%}.w28p{width:28%}.w29p{width:29%}.w30p{width:30%}
.w31p{width:31%}.w32p{width:32%}.w33p{width:33%}.w34p{width:34%}.w35p{width:35%}.w36p{width:36%}.w37p{width:37%}.w38p{width:38%}.w39p{width:39%}.w40p{width:40%}
.w41p{width:41%}.w42p{width:42%}.w43p{width:43%}.w44p{width:44%}.w45p{width:45%}.w46p{width:46%}.w47p{width:47%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}
.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h100{height:100px}.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400{height:400px}.h450{height:450px}.h500{height:500px}
.pt100{padding-top:100px;}

/* ************** common ************** */
.inner{position:relative;margin:0 auto;width:1500px;box-sizing:border-box;}
.sound-only{display:block !important;position:absolute !important;top:-9999px !important;}
.txt-left{text-align:left !important;}
.txt-center{text-align:center !important;}
.txt-right{text-align:right !important;}
.va-top{vertical-align:top !important;}
.va-middle{vertical-align:middle !important;}
.va-bottom{vertical-align:bottom !important;}
.alink:hover{text-decoration:underline;}
.keep-all{word-break:keep-all !important;}
.tab-only,
.mobile-only{display:none;}
.font-bold{font-weight:700;}

/* ***** form ***** */
input[type='text'],input[type='password'],input[type='number'],input[type='submit'], button, select, textarea{-webkit-appearance:none;appearance:none;font-family:'Pretendard', sans-serif;font-size:18px;color:#333;background:transparent;border:none;border-radius:0;box-sizing:border-box;}
input[type='text'],input[type='password'],input[type='number']{padding-left:10px;height:46px;max-width:100%;background:#fff;border:1px solid #c6c6c6;border-radius:10px;}
select{padding:0 30px 0 10px;min-width:80px;height:46px;max-width:100%;background:#fff url('/images/sti/common/ico_sel.png') no-repeat right 15px center / 12px auto;border:1px solid #c6c6c6;border-radius:10px;}
textarea{padding:5px;width:99.9%;background:#fff;border:1px solid #c6c6c6;resize:vertical;box-sizing:border-box;border-radius:10px;}
*:disabled{color:#3a3a3a !important;background:#f8f8f8 !important;}
*.disabled{color:#3a3a3a !important;background:#f8f8f8 !important;}
input.readonly{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type='text']:-moz-read-only{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type='text']:read-only{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type="checkbox"],
input[type="radio"]{-webkit-user-select:initial;user-select:initial;-webkit-appearance:none;appearance:none;position:relative;width:24px;min-height:30px;background:transparent !important;border:transparent !important;}
input[type="checkbox"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:url('/images/sti/common/ico_chk.png') no-repeat center;}
input[type="radio"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:url('/images/sti/common/ico_rdo.png') no-repeat center;}
input[type="checkbox"]:checked:before{background:url('/images/sti/common/ico_chk_on.png') no-repeat center;}
input[type="radio"]:checked:before{background:url('/images/sti/common/ico_rdo_on.png') no-repeat center;}
input[type="checkbox"] + label,
input[type="radio"] + label{margin-left:12px;line-height:30px;}
input[type='file']{padding:9px 5px 10px;border:1px solid #c6c6c6;box-sizing:border-box;}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus{outline-color:#da1b1b;}
label input[type="text"]{height:38px;}
input[type="checkbox"]:disabled:before,
input[type="radio"]:disabled:before{opacity:0.7;}
input[type="checkbox"]:disabled:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:#d9d9d9;opacity:0.3;}
input[type="radio"]:disabled:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:#d9d9d9;opacity:0.3;border-radius:50%;}
-webkit-input-placeholder{font-size:17px;color:#949494;}
-moz-placeholder{font-size:17px;color:#949494;}
-ms-input-placeholder{font-size:17px;color:#949494;}

/* ***** datepicker ***** */
input[type='text'].use-datepicker{}
.ui-datepicker-trigger{margin-left:10px;}
#ui-datepicker-div{display:none;width:200px;background:#fff;border:1px solid #c7c7c7;border-radius:7px;z-index:102 !important;box-sizing:border-box;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker th{padding:0;}
.ui-datepicker td a.ui-state-active{color:#fff;background:#4b4b4b;}
.ui-datepicker td a.ui-state-highlight{color:#4b4b4b;background:#dfdfdf;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;}
.ui-datepicker .ui-datepicker-title{margin:0;height:30px;line-height:30px;font-size:14px;font-weight:normal;color:#242424;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;width:20px;height:20px;line-height:26px;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:5px;background:url('/images/sti/common/ico_page_prev.png') no-repeat center;background-size:8px auto;}
.ui-datepicker .ui-datepicker-next{right:5px;background:url('/images/sti/common/ico_page_next.png') no-repeat center;background-size:8px auto;}
.ui-datepicker .ui-datepicker-year{margin-top:-1px;padding:0 15px 0 2px;min-width:inherit;width:70px;height:22px;background-position:right 5px center;background-size:12px auto;border-radius:2px;}
.ui-datepicker .ui-datepicker-month{margin-top:-1px;padding:0 15px 0 2px;min-width:inherit;width:50px;height:22px;background-position:right 5px center;background-size:12px auto;border-radius:2px;}

/* ***** list-con ***** */
.list-con{margin:10px 0;}
.list-con > li{position:relative;margin-bottom:1px;line-height:1.6em;text-align:left;}
.list-con > li:last-child{margin-bottom:0;}
.list-con.dot > li{padding-left:10px;}
.list-con.dot > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#383838;border-radius:50%;}
.list-con.square > li{padding-left:10px;}
.list-con.square > li:before{display:block;content:'';position:absolute;left:0;top:9px;width:5px;height:5px;background:#383838;}
.list-con.num > li{margin-bottom:5px;padding-left:20px;}
.list-con.num > li em{position:absolute;left:0;top:0;}
.list-con.line > li{padding-left:10px;}
.list-con.line > li:before{display:block;content:'';position:absolute;left:0;top:13px;width:6px;height:1px;background:#383838;}
.list-con.gap > li{margin-bottom:20px !important;}
.list-con.star > li{padding-left:12px;}
.list-con.star > li:before{display:block;content:'*';position:absolute;left:0;top:0;}
.list-con.refer > li{padding-left:20px;}
.list-con.refer > li:before{display:block;content:'※';position:absolute;left:0;top:0;}
.list-con.small > li{font-size:17px;}
.list-con .list-con{margin:3px 0 5px;}
.list-con.flex li{display:flex;}
.list-con.flex li span,
.list-con.flex li b{flex-shrink:0;margin-right:5px;}
.list-con > li b{font-weight:700;}

/* ***** layout ***** */
#skip a{display:block;position:fixed;left:0;top:-50px;width:200px;height:50px;line-height:50px;font-size:17px;color:#fff;text-align:center;background:#373290;}
#skip a:focus{top:0;z-index:9999;}

#wrap{overflow:hidden;}
#header{position:fixed;left:0;right:0;top:0;height:90px;background:#fff;z-index:100;}
#header > .inner{position:static;display:flex;gap:25px;height:100%;box-sizing:border-box;}
#header .logo{padding-top:33px;}
#header .logo a{display:block;width:305px;height:34px;text-indent:-9999px;background:url('/images/sti/common/logo.png') no-repeat center / contain;}
#gnb{width:100%;height:100%;margin-left:auto;transition:all 0.2s ease-out;}
#gnb h2.title{display:none;}
#gnb .menu{display:flex;justify-content:flex-end;max-width:100%;height:100%;text-align:center;transition:all 0.2s ease-out;}
#gnb .menu > li{position:relative;padding:35px 0 30px;height:100%;box-sizing:border-box;transition:all 0.2s ease-out;}
#gnb .menu > li > a{display:block;padding:0 20px;line-height:28px;font-weight:500;font-size:19px;color:#000;text-align:center;letter-spacing:-0.25px;}
#gnb .menu > li:hover{background-color:#da1b1b;}
#gnb .menu > li:hover > a{color:#fff;}
#gnb .menu > li.m1{width:210px;}
#gnb .menu > li.m2{width:220px;}
#gnb .menu > li.m3{width:160px;}
#gnb .menu > li.m4{width:150px;}
#gnb .dep2{display:none;position:absolute;left:0;top:90px;right:0;padding:10px 30px;text-align:center;}
#gnb .dep2 > li{margin-bottom:20px;}
#gnb .dep2 > li > a{display:inline-block;position:relative;font-weight:500;font-size:16px;color:#333;line-height:1.4em;opacity:1;position:relative;transition:all 0.2s ease-out;}
#gnb .dep3{display:none;}
#gnb .btn-menu-close{display:none;}

#header .right{margin:0 -10px 0 auto;display:flex;height:100%;padding-top:29px;box-sizing:border-box;}
#header .btn-srch{display:block;width:42px;height:42px;text-indent:-9999px;background:url('/images/sti/common/gnbicon_search.svg') no-repeat center / 22px auto;}
#header .btn-menu{display:none;width:42px;height:100%;text-indent:-9999px;background:url('/images/sti/common/gnbicon_menu.svg') no-repeat center / 22px auto;}
#header .top-srch{display:none;position:fixed;top:0;bottom:0;right:0;padding:84px 60px 84px 84px;background:#fff;transition-duration:0s;}
#header .top-srch.active{display:block;z-index:100;}
#header .top-srch .title{display:block;margin:65px 0 15px;position:relative;padding-top:45px;font-weight:700;font-size:42px;color:#000;}
#header .top-srch .title:before{content:'';position:absolute;left:0;top:0;width:14px;height:14px;background:#da1b1b;border-radius:50%;}
#header .top-srch p{margin-bottom:85px;font-weight:300;font-size:18px;color:#333;}
#header .top-srch .box{position:relative;padding:0 50px 0 0;width:480px;border-bottom:3px solid #000;text-align:left;box-sizing:border-box;}
#header .top-srch .box input[type="text"]{margin:0;width:100%;height:60px;font-size:20px;color:#333;border:none;}
#header .top-srch .box input::-webkit-input-placeholder{font-weight:600;font-size:21px;color:#333;}
#header .top-srch .box input:-ms-input-placeholder{font-weight:600;font-size:21px;color:#333;}
#header .top-srch .box .btn-top-srch{display:block;position:absolute;right:0;bottom:0;width:40px;height:60px;text-indent:-9999px;background:url('/images/sti/common/icon_search.svg') no-repeat center / 29px auto;}
#header .top-srch .btn-srch-close{position:absolute;top:84px;right:60px;width:30px;height:30px;text-indent:-9999px;background:url('/images/sti/common/ico_allmenu_close.png') no-repeat center;transition-duration:0.3s;}
#header .top-srch .btn-srch-close:hover{transform:rotate(90deg);}

#dim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:99;}
#dim.active{display:block;}

#header.open{height:470px;}
#header.open #gnb .menu > li.m1{width:310px;}
#header.open #gnb .menu > li.m2{width:255px;}
#header.open #gnb .menu > li.m3{width:175px;}
#header.open #gnb .menu > li.m4{width:170px;}
#header.open #gnb .menu > li{border-left:1px solid #eee;}
#header.open #gnb .menu > li:last-child{border-right:1px solid #eee;}

#header.open #gnb .dep2{display:block;}
#header.open #gnb .menu > li:hover .dep2 > li > a{color:#fff;}
#header.open #gnb .menu > li .dep2 > li > a:before{display:block;content:'';position:absolute;left:50%;bottom:-2px;width:0%;height:1px;background:#fff;transform:translateX(-50%);transition-duration:0.3s;}
#header.open #gnb .menu > li .dep2 > li > a:hover:before{width:100%;}

.scroll #header{box-shadow:10px 10px 10px rgba(0,0,0,0.1);}

#allmenu{display:none;}
#container{padding-top:90px;min-height:768px;}

#btnTop{display:block;position:fixed;right:60px;bottom:60px;width:44px;height:44px;text-indent:-9999px;background:#da1b1b url('/images/sti/common/icon_top.svg') no-repeat center / 8px auto;border-radius:50%;transform:scale(0);transition-duration:0.2s;z-index:99;}
#btnTop:before{content:'';position:absolute;left:-11px;right:-11px;top:-11px;bottom:-11px;background:rgba(218,27,27,0.35);border-radius:50%;}
#btnTop.active{transform:scale(1);}
#btnTop:hover{transform:scale(1.1);}

#footer{padding:40px 0 150px;background:#0e0e10;}
#footer .f-top{display:flex;align-items:center;gap:68px;margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.15);}
#footer .f-etc{display:flex;flex-wrap:wrap;gap:10px 45px;}
#footer .f-etc li{position:relative;margin-left:10px;padding-left:13px;font-size:17px;color:#fff;}
#footer .f-etc li:before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;background:#fff;border-radius:50%;}
#footer .f-etc li.privacy{color:#da1b1b;}
#footer .f-etc li.privacy:before{background:#da1b1b;}
#footer .f-etc li a{color:inherit;}
#footer .f-etc li a:hover{text-decoration:underline;}
#footer .f-link{display:flex;justify-content:center;align-items:center;margin-left:auto;padding:5px 10px;width:200px;height:44px;font-size:16px;color:#fff;text-align:center;border:1px solid rgba(255,255,255,0.2);border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
#footer .f-link:hover{border-color:#fff;}
#footer .f-btm{display:flex;gap:68px;}
#footer .f-btm p{font-size:16px;color:rgba(255,255,255,0.9);line-height:1.9em;}
#footer .f-btm p span{margin:0 14px;}
#footer .f-btm p span + span{margin:0 6px;}
#footer .f-logo{margin-left:auto;padding-top:5px;}

.tab-page{display:none;}
.tab-page.active{display:block;} 

/* ***** main ***** */
.swiper-wrapper .swiper-button-disabled{opacity:0.5;}

.title-area{margin-bottom:50px;text-align:center;}
.title-area h2{margin-bottom:13px;font-weight:700;font-size:36px;color:#000;line-height:1.3em;}
.title-area p{font-weight:400;font-size:16px;color:rgba(51,51,51,0.8);}

.main-section1{display:flex;flex-wrap:wrap;}
.main-section1 .col-grp{display:flex;width:calc(100% / 3);}
.main-section1 .col-grp > div{position:relative;width:50%;height:239px;background:#da1b1b;overflow:hidden;box-sizing:border-box;}
.main-section1 .col-grp:nth-child(-n+3) > div{height:249px;}
.main-section1 .col-grp > div.col1,
.main-section1 .col-grp > div.col17{display:flex;justify-content:center;align-items:center;padding:20px;text-align:center;background:rgba(218,27,27,0.95);}
.main-section1 .col-grp > div.col2{background:url('/images/sti/main/bg_mainsection1_2.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col4{background:url('/images/sti/main/bg_mainsection1_4.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col6{background:url('/images/sti/main/bg_mainsection1_6.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col7{background:url('/images/sti/main/bg_mainsection1_7.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col9{background:url('/images/sti/main/bg_mainsection1_9.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col11{background:url('/images/sti/main/bg_mainsection1_11.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col14{background:url('/images/sti/main/bg_mainsection1_14.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col16{background:url('/images/sti/main/bg_mainsection1_16.png') no-repeat center / cover;}
.main-section1 .col-grp > div.col18{background:url('/images/sti/main/bg_mainsection1_18.png') no-repeat center / cover;}
.main-section1 .title{display:flex;justify-content:center;align-items:center;padding:10px;height:100%;font-weight:500;font-size:22px;color:#fff;text-align:center;line-height:1.5em;box-sizing:border-box;}
.main-section1 .hover-box{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:0;bottom:-100%;background:#da1b1b;opacity:0;transition-duration:0.5s;z-index:-1;}
.main-section1 .hover-box a{display:block;padding:0 20px;width:214px;height:54px;line-height:54px;font-weight:400;font-size:21px;color:#fff;text-align:center;border-radius:30px;box-sizing:border-box;}
.main-section1 .hover-box a:hover{font-weight:600;color:#da1b1b;background:#fff;}
.main-section1 .col-grp > div:hover .hover-box,
.main-section1 .col-grp > div:focus .hover-box{bottom:0;opacity:1;z-index:2;}

.main-section2{padding:90px 0;}
.main-section2 .title-area{margin-bottom:35px;}
.main-section2 .title-area h2{font-weight:700;}
.main-section2 .main-srch{text-align:center;}
.main-section2 .main-srch .box{display:flex;justify-content:center;align-items:center;margin-bottom:28px;gap:3px;height:73px;}
.main-section2 .main-srch .box input[type="text"]{margin:0;padding:0 20px;width:1044px;height:100%;font-size:19px;border:3px solid #da1b1b;border-radius:10px;box-sizing:border-box;}
.main-section2 .main-srch .box .btn-srch{position:relative;flex-shrink:0;width:73px;height:100%;text-indent:-9999px;background:url('/images/sti/main/bg_srch.png') no-repeat center;}
.main-section2 .main-srch .box input::-webkit-input-placeholder{font-family:'Pretendard';font-weight:400;font-size:19px;color:#383838;}
.main-section2 .main-srch .box input:-ms-input-placeholder{font-family:'Pretendard';font-weight:400;font-size:19px;color:#383838;}
.main-section2 .tag-list{display:flex;justify-content:center;flex-wrap:wrap;}
.main-section2 .tag-list .title{margin-right:54px;padding-left:28px;font-weight:700;font-size:21px;color:#121212;background:url('/images/sti/main/ico_recommend.png') no-repeat left center / 18px auto;}
.main-section2 .tag-list a{margin:0 24px 10px 0;font-size:19px;color:#333;}
.main-section2 .tag-list a:last-child{margin-right:0;}
.main-section2 .tag-list a:hover{text-decoration:underline;}

.main-section3{padding:110px 0 130px;background:#faf9f5;}
#mainIssueSlider{position:relative;margin-top:-85px;padding-top:85px;}
#mainIssueSlider .swiper-btn{position:absolute;right:0;top:0;display:flex;align-items:center;}
#mainIssueSlider .swiper-btn > .swiper-pagination{position:static;display:flex;align-items:center;gap:2px;margin-right:15px;font-size:9px;color:#868686;}
#mainIssueSlider .swiper-btn > .swiper-pagination span{margin:0 2px;font-size:18.7px;}
#mainIssueSlider .swiper-btn > .swiper-pagination .swiper-pagination-current{font-weight:700;color:#333;}
#mainIssueSlider .swiper-btn > button{position:static;flex-shrink:0;margin:0 0 0 3px;width:36px;height:36px;text-indent:-9999px;background-color:#e6e5e2;background-repeat:no-repeat;background-position:center;background-size:6px auto !important;border:1px solid #e6e5e2;border-radius:50%;transition-duration:0.3s;box-sizing:border-box;}
#mainIssueSlider .swiper-btn > .swiper-button-prev{background-image:url('/images/sti/main/ico_prev.png');}
#mainIssueSlider .swiper-btn > .swiper-button-next{background-image:url('/images/sti/main/ico_next.png');}
#mainIssueSlider .swiper-btn > .swiper-button-prev:hover{background-color:#fff;border-color:#da1b1b;background-image:url('/images/sti/main/ico_prev_red.png');}
#mainIssueSlider .swiper-btn > .swiper-button-next:hover{background-color:#fff;border-color:#da1b1b;background-image:url('/images/sti/main/ico_next_red.png');}
#mainIssueSlider .swiper-slide{box-sizing:border-box;}
#mainIssueSlider .swiper-slide a{display:block;}
#mainIssueSlider .swiper-slide .img{position:relative;margin:0 auto;width:480px;height:480px;border-radius:20px;background:#0e0e10 url('/images/sti/common/img_noimage2.png') center no-repeat;overflow:hidden;box-sizing:border-box;}
#mainIssueSlider .swiper-slide .img img{transition-duration:0.3s;}
#mainIssueSlider .swiper-slide a:hover .img img{transform:scale(1.14);}
#mainIssueSlider .swiper-slide .title{position:absolute;left:45px;bottom:45px;font-weight:600;font-size:26px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.main-section4{padding:95px 0 140px;background:#0a0808;}
.main-section4 .title-area{margin-bottom:35px;}
.main-section4 .title-area h2{font-weight:700;color:#fff;}
.main-section4 .main-global{position:relative;width:1500px;height:780px;background:url('/images/sti/main/bg_mainsection3.png') no-repeat center top;}
.main-section4 .btn-explain{position:absolute;right:0;bottom:-70px;}

.btn-explain{display:inline-block;width:105px;height:48px;line-height:48px;font-size:17px;color:#fff;text-align:center;background:#da1b1b;border:1px solid #da1b1b;border-radius:30px;transition-duration:0.3s;}
.btn-explain img{display:none;}
.btn-explain:hover{background:transparent;border-color:rgba(255,255,255,0.7);}

.main-section5{padding:95px 0 88px;background:url('/images/sti/main/bg_mainsection5.png') no-repeat center / cover;overflow:hidden;}
.main-section5 .title-area{margin-bottom:50px;}
.main-section5 .title-area h2{color:#fff;}
.main-section5 .btn-more{display:block;position:absolute;right:0;top:0;width:36px;height:36px;text-indent:-9999px;background:url('/images/sti/main/ico_more_white.png') no-repeat center / 10px auto;border:1px solid rgba(255,255,255,0.23);border-radius:50%;transition-duration:0.3s;box-sizing:border-box;}
.main-section5 .btn-more:hover{border-color:#fff;}
.main-event{position:relative;}
.main-event:before{content:'';position:absolute;left:calc(50% - 0.5px);top:0;bottom:-1000px;border-left:1px solid rgba(255,255,255,0.4);}
.main-event > li{position:relative;height:96px;}
.main-event > li .con{display:block;width:calc(50% - 80px);}
.main-event > li:nth-child(odd) .con{margin-left:calc(50% + 80px);}
.main-event > li:nth-child(even) .con{text-align:right;}
.main-event > li i{display:block;position:relative;margin:0 auto;width:56px;height:56px;line-height:56px;text-align:center;background:#fff;border-radius:10px;}
.main-event > li i:before{content:'';position:absolute;left:-42px;top:27px;width:42px;border-top:1px solid #e7a3a3;}
.main-event > li i img{width:20px;}
.main-event > li:nth-child(odd) i:before{left:inherit;right:-42px;}
.main-event > li .con{display:block;margin-top:-40px;color:#fff;}
.main-event > li .info{margin-bottom:15px;font-size:17px;}
.main-event > li .info span{display:inline-block;position:relative;margin-right:10px;padding-right:10px;}
.main-event > li .info span:after{content:'';position:absolute;right:0;top:5px;height:10px;border-left:1px solid #d47373;}
.main-event > li .info span:last-child:after{display:none;}
.main-event > li .title{display:block;display:-webkit-box;font-weight:600;font-size:23px;max-height:64px;line-height:32px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}

.main-section6{padding:95px 0 145px;}
#mainDataSlider{margin-top:-85px;padding-top:85px;}
#mainDataSlider .swiper-btn{position:absolute;right:0;top:0;display:flex;align-items:center;}
#mainDataSlider .swiper-btn > .swiper-pagination{position:static;display:flex;align-items:center;gap:2px;margin-right:12px;font-size:9px;color:#868686;}
#mainDataSlider .swiper-btn > .swiper-pagination span{margin:0 2px;font-size:18.7px;}
#mainDataSlider .swiper-btn > .swiper-pagination .swiper-pagination-current{font-weight:700;color:#333;}
#mainDataSlider .swiper-btn > button{position:static;flex-shrink:0;margin:0 0 0 3px;width:36px;height:36px;text-indent:-9999px;background-color:#e6e5e2;background-repeat:no-repeat;background-position:center;background-size:6px auto !important;border:1px solid #e6e5e2;border-radius:50%;transition-duration:0.3s;box-sizing:border-box;}
#mainDataSlider .swiper-btn > .swiper-button-prev{background-image:url('/images/sti/main/ico_prev.png');}
#mainDataSlider .swiper-btn > .swiper-button-next{background-image:url('/images/sti/main/ico_next.png');}
#mainDataSlider .swiper-btn > .swiper-button-prev:hover{background-color:#fff;border-color:#da1b1b;background-image:url('/images/sti/main/ico_prev_red.png');}
#mainDataSlider .swiper-btn > .swiper-button-next:hover{background-color:#fff;border-color:#da1b1b;background-image:url('/images/sti/main/ico_next_red.png');}
#mainDataSlider .swiper-btn > .btn-more{display:block;flex-shrink:0;margin-left:14px;width:36px;height:36px;text-indent:-9999px;background:#fff url('/images/sti/main/ico_more.png') no-repeat center / 10px auto;border:1px solid #cdcdcd;border-radius:50%;transition-duration:0.3s;box-sizing:border-box;}
#mainDataSlider .swiper-btn > .btn-more:hover{border-color:#da1b1b;background-image:url('/images/sti/main/ico_more_red.png');}
#mainDataSlider .swiper-slide{position:relative;border-radius:20px;box-sizing:border-box;overflow:hidden;}
#mainDataSlider .swiper-slide .img{display:block;margin:0 auto 24px;width:350px;height:350px;background:#f5f5f5 url('/images/sti/common/img_noimage.png') center no-repeat;border-radius:20px;overflow:hidden;box-sizing:border-box;}
#mainDataSlider .swiper-slide .img img{transition-duration:0.3s;}
#mainDataSlider .swiper-slide a:hover .img img{transform:scale(1.14);}
#mainDataSlider .swiper-slide .cate{display:block;margin-bottom:2px;font-size:20px;color:#121212;line-height:1.4em;text-align:center;}
#mainDataSlider .swiper-slide .title{display:block;margin-bottom:17px;font-weight:400;font-size:20px;color:#121212;line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#mainDataSlider .swiper-slide .date{display:block;font-size:17px;color:#666;text-align:center;}
#mainDataSlider .swiper-slide a:hover .cate,
#mainDataSlider .swiper-slide a:hover .title,
#mainDataSlider .swiper-slide a:hover .date{color:#da1b1b;}

.btn-down{display:inline-flex;justify-content:center;align-items:center;margin:2px 3px;padding:10px 20px;min-width:161px;min-height:54px;line-height:1.1em;font-weight:300;font-size:17px;color:#fff;text-align:center;vertical-align:middle;background:#da1b1b;border:1px solid #da1b1b;border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
.btn-down:before{display:inline-block;content:'';margin-right:10px;width:21px;height:20px;background:url('/images/sti/sub/ico_down_white.png') no-repeat center / 21px auto;transition-duration:0.3s;}
.btn-down:hover{font-weight:500;color:#da1b1b;background:#fff;}
.btn-down:hover:before{background-image:url('/images/sti/sub/ico_down_red.png');}

.btn-link{display:inline-flex;justify-content:center;align-items:center;margin:2px 3px;padding:10px 35px;min-width:161px;min-height:54px;line-height:1.1em;font-weight:300;font-size:17px;color:#fff;text-align:center;vertical-align:middle;background:#da1b1b;border:1px solid #da1b1b;border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
.btn-link:before{display:inline-block;content:'';margin-right:10px;width:21px;height:20px;background:url('/images/sti/sub/ico_link_white.png') no-repeat center / 19px auto;transition-duration:0.3s;}
.btn-link:hover{font-weight:500;color:#da1b1b;background:#fff;}
.btn-link:hover:before{background-image:url('/images/sti/sub/ico_link_red.png');}

.btn-link2,
.link-btn{display:inline-block;margin:1px 5px;width:24px;height:24px;text-align:center;text-indent:-9999px;background:#ebebeb url('/images/sti/sub/ico_link2_black.png') no-repeat center / 12px auto;border:1px solid #ebebeb;border-radius:50%;box-sizing:border-box;transition-duration:0.3s;vertical-align:middle;}
a:hover .btn-link2,
a:hover .link-btn{background-color:#fff;background-image:url('/images/sti/sub/ico_link2_red.png');border-color:#da1b1b;}

/* 20251219 추가 */
.main-global-m{display:none;}

/* 20251226 추가 */
.main-event > li .info span{display:inline;line-height:1.3em;}