#sVisual{position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 15px; border-radius: 40px; height: 470px;} #sVisual .sv-wrap{position: relative; width:100%; margin: 0 auto; height: 100%; border-radius: 40px; overflow: hidden;} #sVisual .scroll_wr{top: auto; bottom: 50px;} #sVisual .snu-roll{position:relative;display: inline-flex;width: 126px;height: 126px;justify-content: center;align-items: center;font-size: 34px;font-weight: normal;color:#f78f1e;} #sVisual .snu-roll:after{content:"";width: 126px;height: 126px;background:url("/images/main/roll_fip_w.png") no-repeat;background-size: 100%;position:absolute;left: 50%;top: 50%;transform:translate(-50%, -50%) rotate(0deg);animation:rot 8s linear infinite;z-index: 0;} @keyframes rot{ 100%{transform: translate(-50%, -50%) rotate(360deg);} } #sVisual .svWrap{position:relative;overflow: hidden;width: 100%;height: 100%; box-shadow: inset 10px 0px 100px 0 rgb(0 0 0 / 3%);} #sVisual .svWrap .sv-img{width: 100%;height:100%;position: relative;height: 100%;top: 0;left: 0;opacity: 0.6;} #sVisual .svWrap .sv-img0{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img1{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img2{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img3{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img4{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img5{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img6{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .svWrap .sv-img7{background: url("/images/main/visual-bg.png") no-repeat 50% bottom; background-size:100%; overflow: hidden;background-attachment: fixed;} #sVisual .sub-tit{font-size: 130px;font-weight: bold;line-height: 1;color:#000;position: absolute;bottom: -12px;max-width:1420px;width:90%;text-align: right;left:50%;transform: translate(-50%, 0%);font-family: "Playfair Display", sans-serif;} #sVisual .slogan{position: absolute; width: 90%; top: 170px; z-index: 10; left: 50%; transform: translateX(-50%); word-break: keep-all; max-width: 1420px;} #sVisual .slogan .big-tit{} #sVisual .slogan .big-tit big{display: block; text-align: center;} #sVisual .slogan .big-tit big span{font-size: 70px;color: #000;font-family: "Sora", sans-serif;font-weight: 800;letter-spacing: -1px;word-spacing:-5px;text-transform: uppercase;} #sVisual .slogan .big-tit big strong{position: relative; display: inline-block; font-size: 42px; font-weight: 700; color: #000;} #sVisual .slogan .big-tit small{display: block; margin-bottom: 20px; font-weight: 700; font-size: 24px; text-align: center; color: #2b65fe; text-transform: uppercase;} /* 서브공통 */ .sContWrap{position:relative;width:100%;height:100%;min-height:500px;/*overflow: hidden;*/} .sContWrap:after{display:block; content:""; clear:both;} .sCont{width: 95%; max-width: 1420px; min-height: 500px; margin: 0 auto; position: relative; word-break: keep-all; padding: 70px 0;} .sCont .sCont-title{display: block; padding: 0px 0 60px; color: #000; font-size: 36px; line-height: 1.6; font-weight: 700; letter-spacing: -.5px; text-align: center;} .sCont h2.sTit{font-weight: 700; font-size: 34px; text-align: center; color: #222;} .btn_confirm {display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;gap: 1%;padding: 20px 0 10px;} .btn_close_01{background: #2b65fe; color: #fff; border: none; padding: 20px 30px;font-size: 18px; word-break: keep-all; transition:all 0.4s ease;} .btn_close_01:hover{background: #002da3;} .btn_close_01 a{font-weight: 600; color: #fff; word-break: keep-all;} .btn_close_02{background: none; color: #666; border: 1px solid #eee; padding: 20px 30px;font-size: 18px; word-break: keep-all; transition:all 0.4s ease;} .btn_close_02:hover{border: 1px solid #bbb;} .sub-board-bottom{padding-bottom: 100px;} @media (max-width: 1400px){ .sCont .sCont-title{font-size: 30px;} .sCont h2.sTit{font-size: 28px;} #sVisual{height: 320px;} #sVisual .slogan{top: 92px;} #sVisual .slogan .big-tit small{margin-bottom: 10px; font-size: 20px;} #sVisual .slogan .big-tit big strong{font-size: 36px;} #sVisual .scroll_wr{bottom: 34px; right: 40px; width: 95px; height: 95px; line-height: 95px;} #sVisual .scroll_wr::before{top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px;} #sVisual .scroll_wr img{width: 25px; height: 25px;} #sVisual .sv-wrap{border-radius: 20px;} } @media (max-width: 1200px){ .sCont{padding: 40px 0;} .sCont h2.sTit{font-size: 26px;} #sVisual{height: 300px;} #sVisual .slogan .big-tit small{font-size: 17px;} #sVisual .slogan .big-tit big strong{font-size: 32px;} } @media (max-width: 1000px){ .sCont .sCont-title{font-size: 24px;} .sCont h2.sTit{font-size: 24px;} #sVisual{height: 270px;} #sVisual .slogan .big-tit small{font-size: 16px;} #sVisual .slogan .big-tit big strong{font-size: 28px;} } @media (max-width: 740px){ .sCont{padding: 20px 0;} .sCont h2.sTit{font-size: 22px;} .sCont .sCont-title{padding-bottom: 0; font-size: 22px; line-height: 1.2; margin: 0 auto 30px;} #sVisual .slogan{top: 80px;} #sVisual .slogan .big-tit small{font-size: 14px;} #sVisual .slogan .big-tit big strong{font-size: 24px;} .btn_close_01,.btn_close_01{padding: 15px;} .btn_close_01 a,.btn_close_02 a{font-size: 16px;} } @media (max-width: 500px){ .sCont{width: 100%; padding: 20px;} .sCont h2.sTit{font-size: 20px;} .sCont .sCont-title{font-size: 20px;} #sVisual .sv-wrap{border-radius: 10px;} } /* 서브네비 */ .sub_menu{position: absolute; bottom: 40px; width: 100%; text-align: center; z-index: 10;} .sub_menu .vNav{display: inline-block; width: auto; margin:0 auto; height: 60px; box-sizing:border-box;} .sub_menu .vNav ul{position: relative; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; align-items: flex-end; border-radius: 100px; background: #f0f2f4; padding: 0 60px; gap: 60px;} .sub_menu .vNav ul li{position:relative;display:inline-block;height: 100%;} .sub_menu .vNav ul li a{display: flex; position: relative; height: 100%; font-size: 20px; line-height: 1.3; color: rgba(0,0,0,0.5); letter-spacing: -0.015em; font-weight: 700; text-decoration: none; align-items: center; border: 0;} .sub_menu .vNav ul li a i{margin:0 0 3px 5px;} .sub_menu .vNav ul li a:hover{transition:.3s; color: #2b65fe;} .sub_menu .vNav ul li > a{transition:all ease .3s;} .sub_menu .vNav ul li a span{position: relative;} .sub_menu .line{opacity:0; display:inline-block; z-index:1; position:absolute; left:0; top:-1px; width:100px; height:2px; background:none;} .sub_menu .m_sub_menu{position:relative; z-index:990;} .sub_menu .m_sub_menu .btn_s_menu{border:0; width:100%; height:40px; background:rgba(0,0,0,0.4);} .sub_menu .m_sub_menu .btn_s_menu > span{color:#fff;} .sub_menu .m_sub_menu .s_menu{display:none; padding:2%; box-shadow:0px 40px 40px 0px rgb(0 0 0 / 15%); background:#fff; opacity:0.95;} .sub_menu .m_sub_menu .s_menu li{} .sub_menu .m_sub_menu .s_menu li a{display:block; padding:1.5%; width:100%; text-align: center; font-size:15px; color:#000;} .sub_menu .m_sub_menu i{color:#fff;} .sub_menu #page0{display:none;} @media (max-width: 1400px){ .sub_menu{bottom: 20px;} .sub_menu .vNav {height: 50px;} .sub_menu .vNav ul {padding: 0 40px; gap: 30px;} .sub_menu .vNav ul li a {font-size: 16px;} } @media (max-width: 1200px){ .sub_menu .vNav{height: 45px;} .sub_menu .vNav ul{} } @media (max-width: 1000px){ .sub_menu .vNav{height: 42px;} .sub_menu .vNav ul{height: auto; row-gap: 5px; padding: 8px 30px;} .sub_menu .vNav ul li a{font-size: 15px;} } @media (max-width: 740px){ .sub_menu{} .sub_menu .vNav{display: block; width: 95%; margin: 0 auto 10px;} .sub_menu .vNav ul{gap: 20px; row-gap: 5px;} } @media (max-width: 500px){ .sub_menu .vNav ul{gap: 12px; row-gap: 5px; padding: 8px 20px; border-radius: 10px;} .sub_menu .vNav ul li a{font-size: 14px;} } .s-navi{display:none; position:relative; min-height:45px; margin-top:15px;} .lnb{position:relative; width:95%; margin:0 auto; z-index: 10;} .lnb .lnb-map{max-width:1400px; margin:0 auto;} .lnb .lnb-map:after{content: ''; display: block; clear: both;} .lnb .lnb-map li a{display: block;} .lnb .lnb-map > li{float:left; width:435px; border-right:1px solid rgba(255,255,255,0.15);} .lnb .lnb-map > li:nth-last-of-type(1){width:435px;} .lnb .lnb-map > li > a{height:60px;} .lnb .lnb-map li.depth{position:relative;} .lnb .lnb-map li:first-child a span{background:#01348b; border-radius:10px 0 0 10px;} .lnb .lnb-map li:last-child a span{border-radius:0 10px 10px 0;} .lnb .lnb-map li.depth ul{display: none; position: absolute; top:60px; left:0; border-radius:0 0 10px 10px; width:100%; padding:20px 10%; background:#1654bf; z-index:100; box-shadow:15px 15px 20px 0 gba(0,0,0,.1);} .lnb .lnb-map li.depth ul li a{display:block; padding:7px 0; font-size:16px; color:rgba(255,255,255,.6);} .lnb .lnb-map li.depth ul li a:hover{color:#fff;} .lnb .lnb-map li a:after{/*arrow*/ transform: rotate(135deg); top:50%; margin-top:-7px; right:10%; width:8px; height:8px; border-top:2px solid #222; border-right:2px solid #222; display:inline-block; position:absolute; content:""; transition:.1s ease-out; } .lnb .lnb-map li:first-child a:after{border-top:2px solid #fff; border-right:2px solid #fff;} .lnb .lnb-map li.depth ul li a:hover{} .lnb .lnb-map li.depth a span{background:#fff; float:left; width:100%; font-size:18px; color:#222; height:60px; line-height:1; display:flex; font-weight:normal; padding:0 20% 0 10%; transition:.1s ease-out; align-items:center;} .lnb .lnb-map li:first-child.depth a span{background:#01348b; color:#fff;} .lnb .lnb-map li.depth a.menu_active{box-shadow:15px 15px 20px 0 rgba(0,0,0,.1);} .lnb .lnb-map li a.menu_active:after{border-color:#fff;} .lnb .lnb-map li.depth a.menu_active span{position:relative; background:#1654bf; color:#fff;} .lnb .lnb-map li:first-child a.menu_active span{border-radius:10px 0 0 0;} .lnb .lnb-map li:last-child a.menu_active span{border-radius:0 10px 0 0;} .lnb .lnb-map li.depth ul.moreMenu li a{position: relative; word-break: keep-all;} .lnb .lnb-map li.depth ul.moreMenu li a:after{display:none;} .lnb .lnb-map li.depth ul.moreMenu li a.active{color:#fff;} .lnb .lnb-map li.depth ul.moreMenu li a.active:after{opacity: 1;} .lnb .lnb-map li.depth ul.moreMenu li a:hover:after{opacity: 1;} @media (max-width: 1000px){ .lnb .lnb-map > li{width:50%;} .lnb .lnb-map > li:nth-last-of-type(1){width:50%;} } @media (max-width: 740px){ .lnb{} .lnb .lnb-map > li > a{height:45px;} .lnb .lnb-map li.depth a span{font-size: 16px;height:45px;} .lnb .lnb-map li.depth ul{top:44px; padding:0 10% 10%;} .lnb .lnb-map li.depth ul li a{font-size: 15px;} .lnb .lnb-map li.depth a.menu_active span:before{top:-5px; height:5px;} } @media (max-width: 540px){ .lnb .lnb-map > li{width:50%;} .lnb .lnb-map li.depth:nth-child(3){display:none;} } @media (max-width: 360px){ .lnb .lnb-map li.depth a span{font-size:13px;} } #sMap .table_wr .table_wrap_view{width: 100%;} #sMap .table_wr table tbody tr th p{font-weight: 600; font-size: 20px; color: #222;} #sMap .table_wr table tbody tr th .mobile_txt{display: none;} #sMap .table_wr table tbody tr td{vertical-align: middle; text-align: center;} #sMap .table_wr table tbody tr td p{text-align: center;} /* 테이블 디자인 */ .s_con table{width: 100%; text-align: center; border-top: 2px solid #000; border-spacing: 0;} .s_con table thead tr th{height: 66px; padding: 10px 20px; background: #fafafa; border-bottom: 1px solid #afafaf;} .s_con table thead tr th h5{line-height: 20px; font-size: 18px; font-weight: 500!important; color: #555; word-break: keep-all;} .s_con table tbody tr th{border-bottom: 1px solid #ededed;} .s_con table tbody tr:last-child th{border-bottom: 0;} .s_con table tbody tr th p{font-weight: 500; font-size: 18px; color: #222; word-break: keep-all;} .s_con table tbody tr td{height: 50px; padding: 30px 20px; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ededed; border-left: 1px solid #ededed;} .s_con table tbody tr td.exfirst{font-weight: 500; color: #222; border-left: none;} .s_con table tbody tr td p{font-weight: 500; font-size: 18px; text-align: left; word-break: keep-all;} .s_con table tbody tr td p i{margin-left: 3px; font-size: 18px;} .s_con table tbody tr td p b{font-weight: 500; word-break: keep-all;} .s_con table tbody tr td p a{display: inline-block; color: #222; text-align: left; word-break: keep-all; transition: all .6s;} .s_con table tbody tr td p a i{margin-right: 4px;} .s_con table tbody tr td p a:hover{color: #2b65fe;} .s_con table tbody tr td span{font-weight: 500; font-size: 18px; word-break: keep-all;} .s_con table tbody tr td ul li p{position: relative; padding: 2px 0 2px 14px; text-align: left;} .s_con table tbody tr td ul li p:after{content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #cdcdcd;} .s_con table .blnone{border-left: none!important;} .s_con table.twoline thead tr th{border-left: 1px solid #e8e8e8;} .s_con table.twoline thead tr th.bbe8e8{border-bottom: 1px solid #e8e8e8;} .s_con .table_wrap{position: relative; margin: 20px 0;} .s_con .table_wrap .table_prev_mo{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 2; cursor: pointer;} .s_con .table_wrap .table_prev_mo ul{position: absolute; top: 100px; left: 50%; display: flex; justify-content: center; width: 100%; transform: translateX(-50%);} .s_con .table_wrap .table_prev_mo ul:after{content: ''; display: block; clear: both;} .s_con .table_wrap .table_prev_mo ul li{} .s_con .table_wrap .table_prev_mo ul li p{font-size: 18px; color: #fff;} .s_con .table_wrap .table_prev_mo ul li i{margin: 3px 0 0 5px; font-size: 18px; color: #fff; animation: prevarrow .5s ease-in infinite alternate;} @media (max-width: 1200px){ .s_con table tbody tr td p{font-size: 16px;} .s_con table thead tr th h5{font-size: 16px;} .s_con table tbody tr td span{font-size: 16px;} } @media (max-width: 991px){ .s_con .table_wrap{width: 100%; overflow-x: auto; padding-bottom: 20px;} .s_con .table_wrap table{width: 991px!important;} .s_con .table_wrap .table_prev_mo{display: block;} } @media (max-width: 740px){ .s_con table thead tr th h5{font-size: 14px;} .s_con table tbody tr th p{font-size: 16px;} .s_con table tbody tr td{padding: 20px 10px;} .s_con table tbody tr td p{font-size: 14px;} } @media (max-width: 450px){ .s_con .table_wrap .table_prev_mo ul li p{font-size: 15px;} .s_con table tbody tr th p{font-size: 15px;} .s_con table tbody tr td{padding: 15px 5px;} .s_con table tbody tr td p{font-size: 15px;} .s_con table tbody tr td span{font-size: 15px;} } /* 도트 리스트 */ .s_con .dott_list{} .s_con .dott_list{} .s_con .dott_list li{position: relative; margin-bottom: 15px; padding-left: 20px; font-size: 20px; letter-spacing: -0.5px; line-height: 1.5; word-break: keep-all; color: #333; text-align: left;} .s_con .dott_list li::before{content:''; position: absolute; top: 9px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background: #bbb;} .s_con .dott_list li:last-child{margin-bottom: 0;} .s_con .dott_list li i{color: #bbb; margin-right: 5px;} .s_con .dott_list li b{color: #111;} .s_con .dott_list li b.red{color: #1d4e88;} .s_con .dott_list li b.blue{color: #103868;} .s_con .dott_list li p{margin-bottom: 15px; font-weight: 500; font-size: 18px; letter-spacing: -0.5px; line-height: 1.5; color: #333; word-break: keep-all;} .s_con .dott_list li:last-child p{margin-bottom: 0;} @media (max-width: 740px){ .s_con .dott_list{padding: 20px;} .s_con .dott_list li{padding-left: 15px; font-size: 16px;} .s_con .dott_list li p{font-size: 16px;} } @media (max-width: 450px){ .s_con .dott_list{margin-top: 10px; } } /* 탭 메뉴_페이지이동O */ .pagetab{} .pagetab ul{display: flex; justify-content: center; gap: 0.5%;transition: all .6s;} .pagetab ul li{width: calc(33.3333% - 10px); display: table; height: 60px; text-align: center; cursor:pointer; border: 1px solid rgba(24,68,94,.4); background: #fff; transition: all .6s;} .pagetab ul li a{display: table-cell; width: 100%; height: 100%;vertical-align: middle; padding: 0 5px; font-weight: 500; font-size: 17px; line-height: 20px; text-align: center; color: #1d4e88; word-break: keep-all; transition: all .6s;} .pagetab ul li button{display: block; width: 100%; height: 100%; font-size: 16px; word-break: keep-all; background: none; border: none; transition: all .6s;} .pagetab ul li:hover{background: #1d4e88; border-color: #1d4e88;} .pagetab ul li:hover a, .pagetab ul li:hover button{color: #fff;} .pagetab ul li.active{background: #1d4e88; border-color: #1d4e88;} .pagetab ul li.active a{font-weight: 500; color: #fff;} .pagetab ul li button.active{background: #3a3a3a; border-color: #3a3a3a; font-weight: 500; color: #fff;} @media (max-width: 640px){ /* .pagetab{padding-bottom: 50px;} */ .pagetab ul li{height: 55px;} .pagetab ul li a{font-size: 14px; line-height: 18px;} } @media (max-width: 600px){ .pagetab ul{flex-wrap: wrap;} .pagetab ul li{flex: none; width: 100%; border-bottom: 0;} .pagetab ul li:last-child{border-bottom: 1px solid #eee;} } /* 탭 메뉴_페이지이동X */ .s_con .sub-tab{width: 100%; max-width: 1600px; margin: 0 auto; display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 50px; transition: all .6s;} .s_con .sub-tab li{width: calc(33.3333% - 10px); display: table; height: 60px; text-align: center; cursor:pointer; border: 1px solid rgba(24,68,94,.4); background: #fff; transition: all .6s;} .s_con .sub-tab li:first-child span{border-left:none;} .s_con .sub-tab li span{display: table-cell; width: 100%; height: 100%;vertical-align: middle; padding: 0 5px; font-weight: 500; font-size: 17px; line-height: 20px; text-align: center; color: #1d4e88; word-break: keep-all; transition: all .6s;} .s_con .sub-tab li:hover{background: #1d4e88; border-color: #1d4e88;} .s_con .sub-tab li:hover span{color: #fff;} .s_con .sub-tab li.active{background: #1d4e88; border-color: #1d4e88;} .s_con .sub-tab li.active span{font-weight: 500; color: #fff;} .s_con .tabcontent{display:none;} @media (max-width: 740px){ .s_con .sub-tab{margin-bottom: 40px;} .s_con .sub-tab li{width:30%;} .s_con .sub-tab li span{font-size:16px; padding:10px 10px 8px 10px;} .s_con .sub-tab li.active span{font-size:16px;} } @media (max-width: 510px){ .s_con .sub-tab li{flex: auto; width: 100%; height: 55px;} .s_con .sub-tab li span{font-size: 14px; line-height: 18px;} .s_con .sub-tab li.active span{font-size: 14px; line-height: 18px;} } /* sub1_1 : 인사말 */ #sAbout{position: relative; width: 100%;} .sAbout::before{content: ''; position: absolute; top: 300px; left: -8%; display: block; width: 382px; height: 382px; background: url('../images/sub/about_grad.png') no-repeat 0 0/contain; opacity: .6; z-index: -1;} #sAbout .part1{position: relative; z-index: -1;} #sAbout .part1 h2{font-weight: 800; font-size: 40px; color: #222; line-height: 1.25;} #sAbout .part1 h2 b{font-weight: 800; color: #2b65fe;} #sAbout .part1 .top_txt{position: relative; max-width: 1400px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; z-index:1;} #sAbout .part1 .top_txt .img_wr{display: flex; gap: 15px; margin-right: 15%;} #sAbout .part1 .top_txt .img_wr .img_box{position: relative; width: 100%; max-width: 400px;} #sAbout .part1 .top_txt .img_wr .img_box img.prof{width: 100%;} #sAbout .part1 .top_txt .img_wr .img_box .deco_wr{} #sAbout .part1 .top_txt .img_wr .img_box .deco_wr img{position: absolute;} #sAbout .part1 .top_txt .img_wr .img_box .deco_wr img.deco01{animation: up_down 5s infinite ease; bottom: -36px; right: -38%; width: 260px;} #sAbout .part1 .top_txt .img_wr .img_box .deco_wr img.deco02{animation: up_down 4s .4s infinite ease; top: 28px; left: 8%; width: 25px;} #sAbout .part1 .top_txt .img_wr .img_box .deco_wr img.deco03{animation: up_down 3s .8s infinite ease; top: 116px; right: 2%; width: 50px;} #sAbout .part1 .top_txt .img_wr .txt_box{position: absolute; right: -38%; top: 200px;} #sAbout .part1 .top_txt .img_wr .txt_box p.lab{font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #1d4e88;} #sAbout .part1 .top_txt .img_wr .txt_box p.posi{margin-top: 5px; font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #555;} #sAbout .part1 .top_txt .img_wr .txt_box p.name{margin-top: 5px; font-size: 22px; font-weight: 700; letter-spacing: 5px; color: #222;} #sAbout .part2 {width: 100%; padding: 70px 0; display: flex; justify-content: space-evenly; line-height: 1.35; background: rgba(255,255,255,.4); backdrop-filter : blur(8px);} #sAbout .part2 .rtTxt{display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto;} #sAbout .part2 .rtTxt .box{width: 48%;} #sAbout .part2 h3 {font-size: 22px; margin-top: 50px; text-align: right; color: #333;} #sAbout .part2 h3 span{margin-top: 15px; padding-right: 6px; font-family: 'KimJeongCheolHandwriting', sans-serif; font-size: 30px; font-weight: 700; word-break: keep-all; color: #333;} #sAbout .part2 p + p {margin-top: 30px;} #sAbout .part2 p{font-size: 20px; line-height: 1.5; text-align: justify; word-break: keep-all; color: #333;} @media (max-width: 1400px){ #sAbout .part1 h2{font-size: 34px;} #sAbout .part2{padding: 40px 0;} #sAbout .part2 p{font-size: 17px;} #sAbout .part2 h3{font-size: 18px;} #sAbout .part2 h3 span{font-size: 26px;} } @media (max-width: 1000px){ #sAbout .part1 h2{font-size: 30px;} #sAbout .part2{padding: 20px 0;} #sAbout .part2 p{font-size: 16px;} #sAbout .part2 .rtTxt{flex-wrap: wrap; row-gap: 30px;} #sAbout .part2 .rtTxt .box{width: 100%;} } @media (max-width: 740px){ #sAbout .part1 h2{font-size: 24px;} } @media (max-width: 500px){ #sAbout .part1 h2{font-size: 22px;} #sAbout .part2 p{font-size: 15px; word-break: break-all;} #sAbout .part2 h3{margin-bottom: 30px; font-size: 16px;} #sAbout .part2 h3 span{font-size: 24px;} } /* sub1_2 : 기관소개 */ #sCenter{} #sCenter p.txt{margin: 0 auto; font-weight: 700; font-size: 36px; line-height: 1.3; color: rgb(0, 0, 0, .2); position: relative; width: max-content; background: linear-gradient(to right, #222, #222) no-repeat; -webkit-background-clip: text; background-clip: text; background-size: 0%; transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s; transition:all 0.4s ease;} #sCenter p.txt b{font-weight: 700; color: #2b65fe;} #sCenter .dott_line_wr{position: relative;} #sCenter .dott_line_wr .d_line_box{display: flex; justify-content: center; align-items: center; gap: 280px;} #sCenter .dott_line_wr .d_line_box .txt_box{} #sCenter .dott_line_wr .d_line_box .txt_box h3{margin-bottom: 30px; font-weight: 800; font-size: 68px; line-height: 1; color: #222;} #sCenter .dott_line_wr .d_line_box .txt_box h3 b{font-weight: 800; color: #2b65fe;} #sCenter .dott_line_wr .d_line_box .txt_box p.txt{width: auto; font-weight: 600; font-size: 30px;} #sCenter .dott_line_wr .d_line_box .img_box{} #sCenter .dott_line_wr .d_line_box .img_box img{} #sCenter .dott_line_wr #mission{padding-top: 70px;} #sCenter .dott_line_wr #mission .txt_box h3, #sCenter .dott_line_wr #mission .txt_box p.txt{text-align: right;} #sCenter .dott_line_wr #vision{padding-top: 100px;} #sCenter .dott_line_wr #vision .txt_box h3, #sCenter .dott_line_wr #vision .txt_box p.txt{text-align: left;} #sCenter .dott_line_wr .line-wrap{position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;} #sCenter .dott_line_wr .line-wrap svg{display: block; width: 171px; height: 1135px;} #sCenter .part2{padding-top: 180px;} #sCenter .next_wr{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; width: 100%; max-width: 1600px; margin: 0 auto; padding: 40px 0;} #sCenter .next_wr .next{width: calc(50% - 10px); padding: 40px; background: #f5f9ff; border-radius: 30px;} #sCenter .next_wr .next .tit{position: relative; padding-bottom: 40px;} #sCenter .next_wr .next .tit::before{content: ''; position: absolute; bottom: 20px; left: 0; display: block; width: 100%; height: 1px; background: #0069ff; opacity: .2;} #sCenter .next_wr .next .tit h4{margin-top: 10px; padding-right: 50px; font-weight: 700; font-size: 24px; color: #222;} #sCenter .next_wr .next .tit > img{position: absolute; top: -15px; right: 0; width: 40px;} #sCenter .next_wr .next p{font-weight: 500; font-size: 18px; line-height: 1.3; color: #555;} @media (max-width: 1820px){ #sCenter .next_wr{padding: 70px 40px;} } @media (max-width: 1600px){ #sCenter .next_wr .next{padding: 30px; border-radius: 20px;} #sCenter .next_wr .next .tit h4{font-size: 20px;} #sCenter .next_wr .next p{font-size: 16px;} #sCenter .dott_line_wr{width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 40px;} #sCenter .dott_line_wr .d_line_box .img_box img{width: 300px;} #sCenter .dott_line_wr .d_line_box .txt_box h3{margin-bottom: 20px; font-size: 52px;} #sCenter .dott_line_wr .d_line_box .txt_box p.txt{font-size: 25px;} #sCenter .dott_line_wr .line-wrap svg{width: 132px; height: 860px;} } @media (max-width: 1400px){ } @media (max-width: 1200px){ #sCenter .next_wr{gap: 10px;} #sCenter .next_wr .next{padding: 30px 20px;} #sCenter .next_wr .next .tit h4{font-size: 17px;} #sCenter .next_wr .next p{font-size: 15px;} } @media (max-width: 1000px){ #sCenter .next_wr{flex-wrap: wrap; padding: 30px 20px;} #sCenter .next_wr .next{width: calc(50% - 5px); padding: 20px; border-radius: 15px;} #sCenter .next_wr .next .tit h4 br{display: none;} #sCenter .next_wr .next .tit > img{top: -10px; width: 35px;} #sCenter .dott_line_wr .d_line_box{justify-content: center; gap: 150px;} #sCenter .dott_line_wr .d_line_box .img_box img{width: 200px;} #sCenter .dott_line_wr .d_line_box .txt_box h3{margin-bottom: 10px; font-size: 38px;} #sCenter .dott_line_wr .d_line_box .txt_box p.txt{font-size: 20px;} #sCenter .dott_line_wr #mission .img_box{padding-right: 60px;} #sCenter .dott_line_wr #vision .img_box{padding-left: 60px;} #sCenter .dott_line_wr .line-wrap svg{width: 88px; height: 570px;} #sCenter .part2{padding-top: 70px;} } @media (max-width: 740px){ #sCenter .next_wr .next{width: 100%;} #sCenter .next_wr .next .dott_list{padding: 0;} #sCenter .dott_line_wr .d_line_box{gap: 95px;} #sCenter .dott_line_wr .d_line_box .txt_box h3{font-size: 26px;} #sCenter .dott_line_wr .d_line_box .txt_box p.txt{font-size: 16px;} #sCenter .dott_line_wr .d_line_box .img_box img{width: 150px;} #sCenter .dott_line_wr .line-wrap svg{width: 65px; height: 412px;} #sCenter .dott_line_wr #mission{padding-top: 40px;} #sCenter .dott_line_wr #vision{padding-top: 50px;} } @media (max-width: 600px){ #sCenter .dott_line_wr{padding: 0;} #sCenter .dott_line_wr .d_line_box{justify-content: space-between;} #sCenter .dott_line_wr .d_line_box .img_box img{width: 100px;} #sCenter .dott_line_wr .d_line_box .txt_box h3{font-size: 20px;} #sCenter .dott_line_wr .d_line_box .txt_box p.txt br{display: none;} #sCenter .dott_line_wr .line-wrap svg{width: 48px; height: 315px;} } @media (max-width: 500px){ #sCenter .next_wr{padding: 40px 0;} #sCenter .dott_line_wr .d_line_box{gap: 0;} #sCenter .dott_line_wr .d_line_box .img_box img{width: 85px;} #sCenter .dott_line_wr .d_line_box .txt_box{width: calc(100% - 85px); padding-right: 50px;} #sCenter .dott_line_wr .line-wrap svg{width: 35px; height: 235px;} #sCenter .dott_line_wr #mission{padding-top: 0;} #sCenter .dott_line_wr #mission .txt_box h3, #sCenter .dott_line_wr #mission .txt_box p.txt{text-align: left;} #sCenter .dott_line_wr #mission .img_box{padding-right: 0;} #sCenter .dott_line_wr #vision{flex-direction: row-reverse;} #sCenter .dott_line_wr #vision .img_box{padding-left: 0;} #sCenter .dott_line_wr .line-wrap{left: auto; right: 100px; transform: translateX(0);} } @media (max-width: 440px){ #sCenter .circle_wr{margin: -120px 0; transform: scale(0.4);} #sCenter .circle_wr .right .r_box p{font-size: 22px;} #sCenter .circle_wr .left .l_box p{font-size: 19px;} #sCenter .circle_wr .center h3{font-size: 23px;} #sCenter .dott_line_wr .line-wrap{right: 52px;} #sCenter .dott_line_wr .line-wrap svg{width: 33px; height: 215px;} #sCenter .dott_line_wr .d_line_box .txt_box{width: calc(100% - 50px); padding-right: 20px;} #sCenter .dott_line_wr .d_line_box .img_box img{width: 50px;} } /* sub1_3 : 창업지원 협의체 소개 */ #sMap{width: 100%; max-width: 1600px; margin: 0 auto;} #sMap .top_wr{display: flex; justify-content: space-between; gap: 40px;} #sMap .list_wr{width: calc(100% - 900px);} #sMap .list_wr ul{display: flex; flex-wrap: wrap; gap: 10px; width: 100%;} #sMap .list_wr ul li{width: calc(50% - 10px);} #sMap .list_wr ul li a{display: inline-block; width: 100%; padding: 20px 15px; font-weight: 500; font-size: 20px; text-align: center; color: #222; border: 2px solid rgba(72,147,254,.4); border-radius: 10px; transition:all 0.4s ease;} #sMap .list_wr ul li a:hover{border: 2px solid rgba(72,147,254,1);} #sMap .map_wr{position: relative; width: 100%; max-width: 900px;} #sMap .map_wr .map_img{width: 100%; max-width: 1000px; margin: 70px auto 0;} #sMap .map_wr .map_img img{width: 100%;} #sMap .map_wr .map_txt{} #sMap .map_wr .map_txt .map_img{} #sMap .map_wr .map_txt .map_img img{} #sMap .map_wr .map_txt .mtxt{position: absolute;} #sMap .map_wr .map_txt .mtxt01{bottom: 86px; right: 283px;} #sMap .map_wr .map_txt .mtxt02{top: 225px; right: 210px;} #sMap .map_wr .map_txt .mtxt03{bottom: 106px; right: 162px;} #sMap .map_wr .map_txt .mtxt04{top: 298px; left: 173px;} #sMap .map_wr .map_txt .mtxt05{top: 316px; left: 142px;} #sMap .map_wr .map_txt .mtxt06{top: 248px; left: 103px;} #sMap .map_wr .map_txt .mtxt .loca{width: 30px; height: 42px;} #sMap .map_wr .map_txt .mtxt .loca img{width: 100%;} #sMap .map_wr .map_txt .mtxt ul{position: absolute; display: none; width: 200px; background: #fff; border-radius: 15px; box-shadow: 0px 0px 10px rgba(32, 36, 84, .18); z-index: 1;} #sMap .map_wr .map_txt .mtxt01 ul{top: 50%; right: 40px; transform: translateY(-50%);} #sMap .map_wr .map_txt .mtxt02 ul{top: 50px; left: -40px;} #sMap .map_wr .map_txt .mtxt03 ul{top: 50px; left: -40px;} #sMap .map_wr .map_txt .mtxt04 ul{top: 50%; left: 40px; transform: translateY(-50%);} #sMap .map_wr .map_txt .mtxt05 ul{top: 50px; left: -40px;} #sMap .map_wr .map_txt .mtxt06 ul{top: -50px; left: -40px;} #sMap .map_wr .map_txt .mtxt ul li{border-bottom: 1px dotted #ddd;} #sMap .map_wr .map_txt .mtxt ul li:last-child{border-bottom: 0;} #sMap .map_wr .map_txt .mtxt ul li a{display: inline-block; padding: 12px 15px; font-size: 16px; color: #333; transition:all 0.4s ease;} #sMap .map_wr .map_txt .mtxt ul li a:hover{color: #2b65fe;} #sMap .table_wr{position: relative; margin-top: 40px; z-index: -1;} #sMap .table_wr .table_wrap_view{width: 100%;} #sMap .table_wr table tbody tr th p{font-weight: 600; font-size: 20px; color: #222;} #sMap .table_wr table tbody tr th .mobile_txt{display: none;} #sMap .table_wr table tbody tr td{vertical-align: middle; text-align: center;} #sMap .table_wr table tbody tr td p{text-align: center;} @keyframes sparkle { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(2); } } .loca.sparkle { animation: sparkle 1s ease-in-out infinite; } @media (max-width: 1820px){ #sMap{padding: 0 40px;} } @media (max-width: 1600px){ #sMap .list_wr ul li a{padding: 12px 10px; font-size: 16px; border-radius: 8px;} } @media (max-width: 1500px){ #sMap .top_wr{align-items: center;} #sMap .list_wr{width: calc(100% - 600px);} #sMap .map_wr{max-width: 600px;} #sMap .map_wr .map_txt .mtxt .loca{width: 22px; height: 32px;} #sMap .map_wr .map_txt .mtxt01{bottom: 24px; right: 184px;} #sMap .map_wr .map_txt .mtxt02{top: 170px; right: 140px;} #sMap .map_wr .map_txt .mtxt03{bottom: 42px; right: 107px;} #sMap .map_wr .map_txt .mtxt04{top: 220px; left: 114px;} #sMap .map_wr .map_txt .mtxt05{top: 232px; left: 92px;} #sMap .map_wr .map_txt .mtxt06{top: 186px; left: 65px;} } @media (max-width: 1200px){ #sMap .top_wr{flex-wrap: wrap; justify-content: center;} #sMap .list_wr{width: 100%;} #sMap .list_wr ul{gap: 6px;} #sMap .list_wr ul li{width: calc(50% - 5px);} #sMap .list_wr ul li a{padding: 8px 10px; font-size: 15px;} #sMap .map_wr{width: 100%; max-width: 400px;} #sMap .map_wr .map_img{margin: 20px auto 0;} #sMap .map_wr .map_txt .mtxt .loca{width: 20px; height: 30px;} #sMap .map_wr .map_txt .mtxt ul{border-radius: 10px;} #sMap .map_wr .map_txt .mtxt ul li a{padding: 10px; font-size: 14px;} #sMap .map_wr .map_txt .mtxt01{bottom: 15px; right: 122px;} #sMap .map_wr .map_txt .mtxt02{top: 80px; right: 88px;} #sMap .map_wr .map_txt .mtxt03{bottom: 25px; right: 68px;} #sMap .map_wr .map_txt .mtxt04{top: 114px; left: 84px;} #sMap .map_wr .map_txt .mtxt05{top: 126px; left: 58px;} #sMap .map_wr .map_txt .mtxt06{top: 90px; left: 42px;} #sMap .table_wr table tbody tr th p{font-size: 17px;} } @media (max-width: 991px){ #sMap .table_wr{width: 100%; overflow-x: inherit; padding-bottom: 20px;} #sMap .table_wr table{width: 100% !important;} #sMap .table_wr .table_prev_mo{display: none;} #sMap .table_wr table tbody tr th p{font-size: 15px;} } @media (max-width: 700px){ #sMap .table_wr table thead tr th:nth-child(2), #sMap .table_wr table thead tr th:nth-child(3), #sMap .table_wr table thead tr th:nth-child(4), #sMap .table_wr table tbody tr td:nth-child(2), #sMap .table_wr table tbody tr td:nth-child(3), #sMap .table_wr table tbody tr td:nth-child(4){display: none;} #sMap .table_wr table tbody tr th{padding: 15px; text-align: left;} #sMap .table_wr table tbody tr th > p{margin-bottom: 10px; font-weight: 700; font-size: 20px;} #sMap .table_wr table tbody tr th .mobile_txt{display: block;} #sMap .table_wr table tbody tr th .mobile_txt dl + dl{margin-top: 8px;} #sMap .table_wr table tbody tr th .mobile_txt dl dt{font-weight: 700; font-size: 16px; color: #222;} #sMap .table_wr table tbody tr th .mobile_txt dl dt i{margin-right: 3px; font-size: 14px; color: #2b65fe;} #sMap .table_wr table tbody tr th .mobile_txt dl dd{margin-top: 5px; font-weight: 500; font-size: 16px; color: #555;} #sMap .table_wr table tbody tr th .mobile_txt dl dd a{word-break: break-all;} } @media (max-width: 500px){ #sMap{padding: 0;} #sMap .list_wr ul li a{font-size: 14px;} #sMap .map_wr{max-width: 300px;} #sMap .map_wr .map_txt .mtxt ul{width: 180px;} #sMap .map_wr .map_txt .mtxt .loca{width: 15px; height: 22px;} #sMap .map_wr .map_txt .mtxt01{bottom: 15px; right: 92px;} #sMap .map_wr .map_txt .mtxt02{top: 64px; right: 70px;} #sMap .map_wr .map_txt .mtxt03{bottom: 20px; right: 52px;} #sMap .map_wr .map_txt .mtxt04{top: 90px; left: 58px;} #sMap .map_wr .map_txt .mtxt05{top: 98px; left: 42px;} #sMap .map_wr .map_txt .mtxt06{top: 72px; left: 32px;} #sMap .table_wr table tbody tr th > p{font-size: 16px;} #sMap .table_wr table tbody tr th .mobile_txt dl dt{font-size: 14px;} #sMap .table_wr table tbody tr th .mobile_txt dl dd{font-size: 14px;} } @media (max-width: 420px){ #sMap .list_wr ul li a{padding: 8px 5px; font-size: 12px;} #sMap .map_wr .map_txt .mtxt ul{width: 152px;} #sMap .map_wr .map_txt .mtxt ul li a{font-size: 12px;} } @media (max-width: 340px){ #sMap .list_wr ul li{width: 100%;} } /* sub1_3_a~ : 창업지원 협의체 소개 detail */ #sMap_detail{width: 100%; max-width: 1400px; margin: 0 auto;} #sMap_detail h2.sTit{margin-top: 70px;} #sMap_detail .top_tit_wr{display: flex; gap: 5%; padding: 40px 0;} #sMap_detail .top_tit_wr h2{padding: 0 0 40px 40px; color: #222; font-size: 52px; line-height: 1.6; font-weight: 700;} #sMap_detail .top_tit_wr .center_info{width: calc(100% - 570px);} #sMap_detail .top_tit_wr .center_info.w100{width: 100%;} #sMap_detail .top_tit_wr .info_box{padding: 40px; border-radius: 40px; background: #f5f9ff;} #sMap_detail .top_tit_wr .info_box dl{} #sMap_detail .top_tit_wr .info_box dl + dl{margin-top: 10px;} #sMap_detail .top_tit_wr .info_box dl dt{display: flex; align-items: center; margin-bottom: 10px; font-weight: 600; font-size: 20px;} #sMap_detail .top_tit_wr .info_box dl dt i{margin-right: 10px; color: #2b65fe;} #sMap_detail .top_tit_wr .info_box dl dt p{} #sMap_detail .top_tit_wr .info_box dl dd{display: inline-block; width: 100%; padding: 12px 20px; background: rgba(255,255,255,.8); border-radius: 100px; font-weight: 500; font-size: 20px; color: #555;} #sMap_detail .top_tit_wr .info_box dl dd a{color: #555; transition:all 0.4s ease;} #sMap_detail .top_tit_wr .info_box dl dd a:hover{color: #222;} #sMap_detail .top_tit_wr .info_box dl dd a:hover i{color: #2b65fe;} /* 시설사진 슬라이드 */ #sMap_detail .top_tit_wr .center_img{width: 100%; max-width: 570px;} #sMap_detail .center_img{} #sMap_detail .center_img .gallery-top{} #sMap_detail .center_img .thumbBx {/* max-width : 1300px; margin : 0 auto; */} #sMap_detail .center_img .thumbBx li{float : left;margin-bottom : 20px;} #sMap_detail .center_img .thumbBx li:last-child {margin-right : 0;} #sMap_detail .center_img .thumbBx li img {width : 100%; height:auto;} #sMap_detail .center_img .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;} #sMap_detail .center_img .swiper-container .imgBx{text-align:center;} #sMap_detail .center_img .swiper-container .imgBx .swiper-slide {border-radius:10px; overflow:hidden; height: auto; overflow:hidden; max-height: 720px;} #sMap_detail .center_img .swiper-container .imgBx .swiper-slide img{width:100%;} #sMap_detail .center_img .swiper-container {width: 100%;} #sMap_detail .center_img .gallery-thumbs {box-sizing: border-box; padding: 10px 0;} #sMap_detail .center_img .gallery-thumbs img{height: auto;} #sMap_detail .center_img .gallery-thumbs .swiper-slide {position:relative;border-radius:10px; overflow:hidden; text-align:center;height: 100%; opacity: 0.5;} #sMap_detail .center_img .gallery-thumbs .swiper-slide .subj{font-size: 13px;position: absolute;bottom: 0;color:#fff;background:none; display: block; width: 100%; left: 0; padding:6px 10px;} #sMap_detail .center_img .gallery-thumbs .swiper-slide-thumb-active .subj{font-size: 13px; position: absolute;bottom: 0;color:#fff; background: rgba(0, 0, 0, 0.5411764705882353); display: block; width: 100%; left: 0; padding:6px 10px;} #sMap_detail .center_img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;color:#fff;} #sMap_detail .center_img .gallery-thumbs .swiper-slide .ssw_btn{position: absolute; font-size: 13px !important; height: 30px !important; line-height: 30px !important; background: #a8967b !important; top: 45%; left: 50%; transform: translate(-50%, -50%);} #sMap_detail .center_img .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:20px;} #sMap_detail .center_img .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:20px;} #sMap_detail .table_wr{margin-top: 50px;} #sMap_detail .table_wr table tbody tr td{padding: 20px;} #sMap_detail .stup_wr{} #sMap_detail .stup_wr .stup{display: flex; align-items: center; gap: 40px; padding: 20px; border-bottom: 2px dotted #eee;} #sMap_detail .stup_wr .stup .tit_box{width: 220px; padding: 40px 40px; background: #f5f9ff; border-radius: 25px;} #sMap_detail .stup_wr .stup .tit_box h3{font-weight: 600; font-size: 22px; text-align: center; color: #222;} #sMap_detail .stup_wr .stup .txt_box{width: calc(100% - 220px);} #sMap_detail .stup_wr .stup .txt_box p{font-weight: 500; font-size: 18px; letter-spacing: -0.5px; line-height: 1.5; color: #333; word-break: keep-all;} #sMap_detail .stup_wr .stup .txt_box p span{display: block; margin-bottom: 10px; transform: translateX(-20px); font-size: 18px;} #sMap_detail .stup_wr .stup .txt_box p i{margin-right: 5px; color: #2b65fe;} #sMap_detail .stup_wr .stup .txt_box p a{color: #111; transition:all 0.4s ease;} #sMap_detail .stup_wr .stup .txt_box p a:hover{color: #555;} @media (max-width : 1020px) { #sMap_detail .center_img .swiper-container .imgBx .swiper-slide img{height:auto;} } @media (max-width : 800px) { #sMap_detail .center_img .thumbBx li {font-size : 18px;} #sMap_detail .center_img .gallery-top ul li iframe {height : 300px;} } @media (max-width : 600px) { #sMap_detail .center_img .thumbBx li {font-size : 16px;} #sMap_detail .center_img .gallery-thumbs .swiper-slide .subj{display:none;} } @media (max-width : 400px) { #sMap_detail .center_img .thumbBx li {font-size : 14px;} } /* 애니메이션 */ .focus-in-expand { -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes focus-in-expand { 0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } /* sub1_4 : 조직도 */ #sChart{width: 100%; max-width: 1600px; margin: 0 auto;} #sChart .sub-tab{justify-content: center;} #sChart .sub-tab li span{font-size: 18px;} #sChart h2.sTit{margin-bottom: 40px;} #sChart table tbody td.td_name{text-align: center;} #sChart table tbody td.td_name p{text-align: center;} #sChart table tbody td.td_name p small{display: block;} #sChart table tbody td.homepage p{font-size: 15px;} #sChart table tbody td.homepage p a{word-break: break-all;} #sChart table tbody td .detail_btn{display: inline-block; margin-top: 10px; padding: 5px 8px; border: 1px solid #2b65fe; font-weight: 600; font-size: 14px; color: #2b65fe; background: none; border-radius: 0; transition:all 0.4s ease;} #sChart table tbody td .detail_btn:hover{background: #2b65fe; color: #fff;} #sChart table tbody td .detail_btn i.arrow{display: inline-block; transition: transform 0.3s ease;} #sChart table tbody td .detail_btn i.arrow.up{transform: scaleY(-1);} #sChart table tbody .detail_row{overflow: hidden; max-height: 0; opacity: 0; transition: all 0.3s ease; pointer-events: none;} #sChart table tbody .detail_row.active{max-height: 3000px; /* 충분히 크게 설정 */ opacity: 1; pointer-events: auto;} #sChart table tbody .detail_row p.bott_txt{margin-top: 10px; font-size: 16px;} #sChart table tbody .detail_row td{display: none;} #sChart table tbody .detail_row td.active{display: table-cell;} #sChart table tbody .detail_row td > h3{position: relative; padding-left: 20px; font-weight: 600; font-size: 24px; text-align: left; color: #222;} #sChart table tbody .detail_row td h3::before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 3px; height: 28px; background: #2b65fe; z-index: -1;} #sChart table tbody .detail_row td h4{display: flex; align-items: center; gap: 10px; margin: 20px 0 10px; text-align: left;} #sChart table tbody .detail_row td h4 span.num{display: inline-block; padding: 5px 8px; font-size: 14px; color: #fff; background: #222;} #sChart table tbody .detail_row td h4 p{font-weight: 600; font-size: 22px; text-align: left; color: #222;} #sChart table tbody .detail_row td ul{} #sChart table tbody .detail_row td ul li{} #sChart table tbody .detail_row td ul li b{font-weight: 600; font-size: 18px; color: #222;} #sChart table tbody .detail_row td ul li span{display: block; padding: 5px 0; line-height: 1.4;} #sChart table tbody .detail_row td table thead tr th{height: auto;} #sChart table tbody .detail_row td table thead tr th h5{font-size: 16px;} #sChart table tbody .detail_row td table tbody tr th{border-bottom: 1px solid #ededed;} #sChart table tbody .detail_row td table tbody tr th p{text-align: center;} #sChart table tbody .detail_row td table tbody tr td{padding: 10px 15px;} #sChart table tbody .detail_row td table tbody tr td p{font-size: 16px; text-align: center;} @media (max-width: 1820px) { #sChart{padding: 0 40px;} } @media (max-width: 1200px) { #sChart table tbody .detail_row td > h3{padding-left: 15px; font-size: 20px;} #sChart table tbody .detail_row td h3::before{top: 2px; height: 20px;} #sChart table tbody .detail_row td h4 span.num{padding: 3px 5px;} #sChart table tbody .detail_row td h4 p{font-size: 18px;} } @media (max-width: 740px) { #sChart .sub-tab li span{font-size: 16px;} } @media (max-width: 500px) { #sChart{padding: 0;} } /* sub1_5 : 찾아오시는 길 */ #sContact { position: relative; word-break: keep-all; } #sContact .map-wrap { position: relative; padding: 0 50px; } #sContact iframe { overflow: hidden; position: relative; border-radius: 20px; } #sContact .map-info { position: relative; display: flex; margin-top: 3.85%; } #sContact .map-info .left { width: 30.76%; } #sContact .map-info .map-tit {} #sContact .map-info .map-tit big { display: block; font-size: 50px; font-weight: 700; letter-spacing: -0.5px; color: #222; transition: all 0.4s ease; } #sContact .map-info .map-tit big strong { font-weight: 700; color: #2b65fe; } #sContact .map-info .map-tit small { display: block; font-weight: 400; font-size: 20px; line-height: 1.3; letter-spacing: -0.025em; color: #999; font-weight: 600; margin-top: 5px; transition: all 0.4s ease; } #sContact .map-info .right { width: calc(100% - 30.76%); font-size: 18px; line-height: 1.8; color: #535353; letter-spacing: -0.025em; transition: all 0.4s ease; } #sContact .map-info .map-txt dl { font-weight: 500; font-size: 20px; line-height: 1.6; padding: 15px 0; transition: all 0.4s ease; } #sContact .map-info .map-txt dl:first-child { padding: 0 0 15px; } #sContact .map-info .map-txt dl+dl {} #sContact .map-info .map-txt dt { position: relative; margin-bottom: 10px; padding-left: 15px; font-weight: 700; font-size: 24px; color: #333; line-height: 1; text-align: left; border-left: 3px solid #337590; } #sContact .map-info .map-txt dd { display: flex; padding: 3px 0; font-weight: 400; color: #333; word-break: keep-all !important; } #sContact .map-info .map-txt dd span {display: inline-block; width: 140px; font-size: 16px; font-weight: 600; color: #222; word-break: keep-all; } #sContact .map-info .map-txt dd span img{width: 18px; margin: -3px 5px 0 0; filter: invert(28%) sepia(97%) saturate(1873%) hue-rotate(218deg) brightness(101%) contrast(107%);} #sContact .map-info .map-txt dd p { width: calc(100% - 120px); word-break: keep-all !important; font-weight: 500; font-size: 18px; } #sContact .map-info .map-txt dd a { font-size: 18px; color: #333; transition: all 0.5s ease;} #sContact .map-info .map-txt dd a:hover{color: #222;} #sContact .map-info .map-txt dd.mail{padding-bottom: 10px;} #sContact .map-info .map-txt dd.mail span img{width: 17px;} #sContact .map-info .map-txt dd.traffic{display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1);} #sContact .map-info .map-txt dd.traffic ul{margin-top: 5px;} #sContact .map-info .map-txt dd.traffic ul li{display: flex; align-items: center; gap: 5px; } #sContact .map-info .map-txt dd.traffic ul li > span{display: inline-block; width: 20px; height: 20px; font-weight: 600; font-size: 14px; text-align: center; line-height: 20px; color: #fff;} #sContact .map-info .map-txt dd.traffic ul li > span.type{background: #222;} #sContact .map-info .map-txt dd.traffic ul li > span.subw{background: #37b42d; border-radius: 50%; font-size: 12px;} #sContact .map-info .map-txt dd.traffic ul li p{margin-left: 3px;} #sContact .map-info .map-link { display: flex; margin-top: 20px; gap: 20px; } #sContact .map-info .map-link>li { width: 50%; } #sContact .map-info .map-link>li a { display: flex; align-items: center; justify-content: center; padding: 0 26px; height: 58px; border: 2px solid rgba(72,147,254,.2); font-size: 18px; font-weight: 500; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; transition: all 0.5s ease; } #sContact .map-info .map-link>li:first-child a {} #sContact .map-info .map-link>li:nth-child(2) a {} #sContact .map-info .map-link>li a:hover { border-color: rgba(72,147,254,6); } #sContact .map-info .map-link>li .icon { display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: center/contain no-repeat; margin-right: 10px; } #sContact .map-info .map-link>li .icon.icon-n { background-image: url("/images/sub/loca_naver.png"); } #sContact .map-info .map-link>li .icon.icon-k { background-image: url("/images/sub/loca_kakao.png"); } #sContact .map-info .loca_link { margin-top: 40px; } #sContact .map-info .loca_link a { display: flex; align-items: center; justify-content: center; padding: 0 26px; height: 58px; border: 1px solid #ddd; font-size: 18px; font-weight: 500; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #042f35; box-sizing: border-box; border-radius: 8px; transition: all 0.5s ease; } #sContact .map-info .loca_link a span { margin-left: 6px; } #sContact .map-info .loca_link a i { transition: all 0.5s ease; } #sContact .map-info .loca_link a:hover i { color: #9cecd8; } @media (max-width: 1240px) { #sContact .map-info { margin-top: 40px; padding-bottom: 80px; flex-direction: column; align-items: center; } #sContact .map-info .left { width: 100%; text-align: center; margin-bottom: 20px; } #sContact .map-info .left br { display: none; } #sContact .map-info .map-tit big{font-size: 34px;} #sContact .map-info .map-tit small { margin-top: 5px; } #sContact .map-info .map-txt dd span{width: 100px;} #sContact .map-info .map-txt dd p{width: calc(100% - 100px);} #sContact .map-info .map-txt dd.traffic ul li{align-items: flex-start;} #sContact .map-info .right { width: 100%; } } @media (max-width: 740px) { #sContact .map-wrap { padding: 0; } #sContact .map-info .left { margin-bottom: 20px; } #sContact .map-info .map-tit big { font-size: 25px; } #sContact .map-info .map-tit small { display: block; font-size: 19px; } #sContact .map-info .map-txt dl { font-size: 16px; line-height: 1.5; } #sContact .map-info .map-txt dt { width: 100px; padding-left: 25px; } #sContact .map-info .map-txt .stat dt { padding-left: 15px; font-size: 20px; } #sContact .map-info .map-txt dt i { font-size: 18px; top: 2px; } #sContact .map-info .map-txt dd { width: 100%; } #sContact .map-info .map-link { margin-top: 10px; gap: 10px; flex-direction: column; align-items: center; } #sContact .map-info .map-txt dd span {width: 90px; font-size: 14px; } #sContact .map-info .map-txt dd p {width: calc(100% - 90px); font-size: 14px; } #sContact .map-info .map-txt dd a { font-size: 14px; } #sContact .map-info .map-txt dd.traffic ul li > span{margin-top: 5px; font-size: 12px;} #sContact .map-info .map-link>li { width: 100%; } #sContact .map-info .map-link>li a{height: 48px; font-size: 16px;} #sContact .map-info .map-link>li .icon{width: 22px; height: 22px;} } @media (max-width: 450px) { #sContact .map-wrap { padding: 0; } #sContact iframe { height: 300px; border-radius: 20px; } #sContact .map-info { margin-top: 20px;} #sContact .map-info .map-txt dd { flex-wrap: wrap; } #sContact .map-info .map-txt dd span { width: 100%; } #sContact .map-info .map-txt dd p { width: 100%; } #sContact .map-info .map-tit big { font-size: 22px; } #sContact .map-info .map-tit big br { display: none; } #sContact .map-info .map-tit small { font-weight: 500; font-size: 16px; } } /* sub2_1 : 창업절차 */ #sProc{} #sProc > div + div{margin-top: 50px;} #sProc h2.sTit{margin-bottom: 40px; color: #222; font-size: 52px; text-align: left; line-height: 1.6; font-weight: 700;} #sProc h2.sTit b{font-weight: 700; color: #2b65fe;} #sProc h3.left_tit{position: relative; margin-bottom: 20px; padding: 0 20px 10px; font-weight: 700; font-size: 26px; color: #222; border-bottom: 1px solid #cdcdcd;} #sProc h3.left_tit::before{content: ''; position: absolute; top: 10px; left: 0; display: block; width: 8px; height: 8px; background: #2b65fe; z-index: -1;} #sProc p.txt{font-weight: 500; font-size: 18px; line-height: 1.4; color: #222;} #sProc p.txt span{display: block; margin-top: 5px; padding: 5px 0; font-size: 17px; line-height: 1.5; color: #555;} #sProc ul.color_info{display: flex; justify-content: flex-end; gap: 20px; margin-bottom: 15px; padding-right: 10px;} #sProc ul.color_info li{display: flex; align-items: center; gap: 10px;} #sProc ul.color_info li .circle{width: 15px; height: 15px; border-radius: 50%;} #sProc ul.color_info li.blue .circle{background: #2b65fe;} #sProc ul.color_info li.red .circle{background: #ff4757;} #sProc ul.color_info li p{font-weight: 500; font-size: 17px; cursor: default; color: #222;} #sProc .proce_wr{} #sProc .proce_wr ul{display: flex; flex-wrap: wrap; gap: 30px;} #sProc .proce_wr ul li{position: relative; width: calc(33.3333% - 20px); padding: 20px 30px; background: #f8f8f8; border-radius: 15px;} #sProc .proce_wr ul li::before{content: ''; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); display: block; width: 8px; height: 13px; background: url('../images/sub/proce_arrow.png') no-repeat 0 0/contain; opacity: .3;} #sProc .proce_wr ul li:nth-child(3n)::before, #sProc .proce_wr ul li:last-child::before{display: none;} #sProc .proce_wr ul li .top_wr{position: relative; padding-right: 50px;} #sProc .proce_wr ul li .top_wr span.num{display: block; width: 30px; height: 30px; margin-bottom: 6px; font-weight: 600; font-size: 14px; text-align: center; line-height: 30px; color: #fff; border-radius: 50%;} #sProc .proce_wr ul li .top_wr img{position: absolute; top: 0; right: 0; width: 40px;} #sProc .proce_wr ul li .top_wr h4{margin-bottom: 20px; font-weight: 700; font-size: 22px; color: #222;} #sProc .proce_wr ul li > p{font-weight: 500; font-size: 18px; color: #555;} #sProc .proce_wr ul li .bot_wr{display: block; width: 100%; margin-top: 20px; padding: 8px 20px; background: #fff; border-radius: 100px;} #sProc .proce_wr ul li .bot_wr h5{font-weight: 600; font-size: 16px; text-align: center; color: #444;} #sProc .proce_wr ul li.blue .top_wr span.num{background: #2b65fe;} #sProc .proce_wr ul li.red .top_wr span.num{background: #ff4757;} #sProc .proce_wr ul li.blue .bot_wr{border: 1px solid rgba(43,101,254,.3);} #sProc .proce_wr ul li.red .bot_wr{border: 1px solid rgba(255,71,87,.3);} #sProc .link_btn_wr{} #sProc .link_btn_wr a{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 354px; gap: 10px; padding: 10px 20px; border-radius: 100px; background: #000; transition:all 0.4s ease;} #sProc .link_btn_wr a:hover{background: #2b65fe;} #sProc .link_btn_wr a p{font-weight: 600; font-size: 18px; color: #fff;} #sProc .link_btn_wr a .icon{display: block; width: 40px; height: 40px; background: #fff; border-radius: 50%; text-align: center; line-height: 40px;} #sProc .link_btn_wr a .icon img{width: 20px;} #sProc .cont_wr{} #sProc .cont_wr dl{display: flex; align-items: center; gap: 10px; margin-bottom: 10px;} #sProc .cont_wr dl dt{width: 100px; padding: 5px 10px; font-weight: 500; font-size: 18px; text-align: center; color: #2b65fe; border: 1px solid #2b65fe; border-radius: 8px;} #sProc .cont_wr dl dd{font-weight: 500; font-size: 20px; color: #222;} #sProc .cont_wr dl dd a{color: #222; transition: all 0.5s ease;} #sProc .cont_wr dl dd a:hover{color: #2b65fe;} @media (max-width: 1400px) { #sProc h2.sTit{font-size: 42px;} #sProc h3.left_tit{padding: 0 15px 8px; font-size: 24px;} #sProc h3.left_tit::before{width: 6px; height: 6px;} #sProc p.txt{font-size: 16px;} #sProc p.txt span{font-size: 15px;} #sProc .proce_wr ul{row-gap: 15px;} #sProc .proce_wr ul li{padding: 20px 25px; border-radius: 12px;} #sProc .proce_wr ul li .top_wr span.num{font-size: 14px;} #sProc .proce_wr ul li .top_wr h4{font-size: 20px;} #sProc .proce_wr ul li .top_wr img{width: 30px;} #sProc .proce_wr ul li > p{font-size: 16px;} #sProc .cont_wr dl dt{border-radius: 5px; font-size: 17px;} #sProc .cont_wr dl dd{font-size: 17px;} } @media (max-width: 1000px) { #sProc h2.sTit{font-size: 34px;} #sProc .proce_wr ul li{border-radius: 10px;} #sProc .proce_wr ul li .top_wr h4{margin-bottom: 10px; font-size: 18px;} #sProc .proce_wr ul li .top_wr img{width: 25px;} #sProc .proce_wr ul li > p{font-size: 15px;} } @media (max-width: 740px) { #sProc h2.sTit{font-size: 32px;} #sProc .proce_wr ul{gap: 20px; row-gap: 10px;} #sProc .proce_wr ul li{width: calc(50% - 10px);} #sProc .proce_wr ul li::before{right: -14px; width: 7px;} #sProc .proce_wr ul li:nth-child(3n)::before{display: block;} #sProc .proce_wr ul li:nth-child(2n)::before{display: none;} #sProc .proce_wr ul li .top_wr h4{font-size: 17px;} #sProc .cont_wr dl dt{font-size: 16px;} #sProc .cont_wr dl dd{font-size: 16px;} } @media (max-width: 500px) { #sProc h2.sTit{font-size: 28px;} #sProc h3.left_tit{font-size: 20px;} #sProc ul.color_info{justify-content: center; flex-wrap: wrap; gap: 10px;} #sProc ul.color_info li{gap: 6px;} #sProc ul.color_info li .circle{width: 10px; height: 10px;} #sProc ul.color_info li p{font-size: 16px;} #sProc .proce_wr ul li::before{display: none !important;} #sProc .proce_wr ul li{width: 100%; padding: 20px;} #sProc .proce_wr ul li .top_wr img{width: 22px;} #sProc .proce_wr ul li .bot_wr{margin-top: 10px; padding: 6px 10px;} #sProc .proce_wr ul li .bot_wr h5{font-size: 14px;} #sProc .cont_wr dl dt{width: 82px; font-size: 14px;} #sProc .cont_wr dl dd{font-size: 15px;} #sProc .link_btn_wr a{max-width: 274px; padding: 6px 15px;} #sProc .link_btn_wr a p{font-size: 14px;} #sProc .link_btn_wr a .icon{width: 32px; height: 32px; line-height: 32px;} #sProc .link_btn_wr a .icon img{width: 14px;} } /* sub3_2 동문창업네트워크 행사 */ #sNetw .admin_menu{} #sNetw .admin_menu a{display: flex; align-items: center; gap: 10px; width: 120px; margin: 0 auto 40px; padding: 8px 10px; border: 1px solid #2b65fe; font-weight: 500; font-size: 16px; color: #2b65fe; transition:all 0.4s ease;} #sNetw .admin_menu a:hover{background: #2b65fe; color: #fff;} #sNetw .sConf_info{} #sNetw .sConf_info h2.tit{margin-bottom: 20px; font-size: 46px; font-weight: 700; letter-spacing: -0.5px; word-break: keep-all;} #sNetw .sConf_info h2.tit span.eng{display: block; margin-top: 10px; font-weight: 600; font-size: 18px; color: #555;} #sNetw .sConf_info .ttpart{} #sNetw .sConf_info .rtTxt{margin-bottom: 30px;} #sNetw .sConf_info .rtTxt h3.tit{font-weight: 700; font-size: 24px; color: #222;} #sNetw .sConf_info .rtTxt h3.tit.welcome{text-align: center;} #sNetw .sConf_info .ttpart .r_top_con{display: block; margin-top: 40px; padding: 20px 30px; background: #f5f9ff; border-radius: 25px;/* border: 1px solid #eee; */} #sNetw .sConf_info .ttpart .r_top_con dl{position: relative; display: flex; align-items: center; width: 100%;} #sNetw .sConf_info .ttpart .r_top_con dl dt{width: 40px; padding: 10px 15px; font-size: 18px; font-weight: 700; letter-spacing: -0.5px; color: #222; word-break: keep-all; } #sNetw .sConf_info .ttpart .r_top_con dl dd{width: calc(100% - 40px); margin-left: 10px; padding: 10px 15px; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color: #555; word-break: keep-all;} #sNetw .sConf_info .ttpart .r_top_con dl.file dd i{font-size: 22px; transform: translateY(4px); transition:all 0.4s ease;} #sNetw .sConf_info .ttpart .r_top_con dl.file dd a{font-weight: 600; color: #333; transition:all 0.4s ease;} #sNetw .sConf_info .ttpart .r_top_con dl.file dd:hover i{color: #2b65fe;} #sNetw .sConf_info .ttpart .r_top_con dl.file dd:hover a{color: #2b65fe;} #sNetw .sConf_info .ttpart .r_con .r_con_txt{margin-top: 20px; padding: 30px; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.5; color: #333; word-break: keep-all;} #sNetw .sConf_info .ttpart .r_con .r_con_txt p{font-size: 18px; font-weight: 500; text-align: center; line-height: 1.5; color: #333; word-break: keep-all;} #sNetw .sConf_info .ttpart .invit td{display: flex; align-items: center;} #sNetw .sConf_info .ttpart .invit td p{} #sNetw .sConf_info .ttpart .invit td a.view_invit_download{margin-left: 15px; padding: 15px; font-weight: 500; font-size: 16px; color: #fff !important; text-decoration: none !important; background: #2b65fe; transition:all 0.4s ease;} #sNetw .sConf_info .ttpart .invit td a.view_invit_download:hover{background: #252525;} #sNetw .sConf_info table tbody tr td{height: auto;} #sNetw .sConf_info .ttpart .dott_list{margin-top: 0;} #sNetw .sConf_info .ttpart .dott_list li{margin-bottom: 10px; font-weight: 400; font-size: 18px; text-align: left; list-style: none !important;} #sNetw .sConf_info .ttpart .dott_list li:last-child{margin-bottom: 0;} #sNetw .sConf_info .ttpart .dott_list li a{color: #333; transition:all 0.4s ease;} #sNetw .sConf_info .ttpart .dott_list li a:hover{color: #888;} #sNetw .sConf_info .bo_v_img{width: 100%; max-width: 1200px; margin: 30px auto 0; text-align: center;} #sNetw .sConf_info .bo_v_img img{width: 100%;} #sNetw .sConf_info .bott_txt{margin: 30px 0; font-size: 18px; font-weight: 400; letter-spacing: -0.5px; text-align: center;} #sNetw .sConf_info .bott_txt p{margin-bottom: 15px;} #sNetw .sConf_info .btn_close_01{background: #2b65fe; color: #fff; border: none; padding: 0; font-size: 18px; word-break: keep-all; transition:all 0.4s ease;} #sNetw .sConf_info .btn_close_01:hover{background: #252525;} #sNetw .sConf_info .btn_close_01 a{display: inline-block; padding: 20px 30px; font-weight: 600; color: #fff; word-break: keep-all;} #sNetw .sConf_info .btn_close_02{background: none; color: #666; border: 1px solid #eee; padding: 20px 30px;font-size: 18px; word-break: keep-all; transition:all 0.4s ease;} #sNetw .sConf_info .btn_close_02:hover{border: 1px solid #bbb;} #sNetw .sConf_info .btn_confirm{text-align: center !important;} @media (max-width: 1050px){ #sNetw .sConf_info h2.tit{font-size: 38px;} #sNetw .sConf_info h2.tit span.eng{font-size: 17px;} #sNetw .sConf_info .ttpart .r_top_con dl dt{font-size: 16px;} #sNetw .sConf_info .ttpart .r_top_con dl dd{font-size: 16px;} } @media (max-width: 991px){ #sNetw .sConf_info h2.tit{font-size: 32px;} #sNetw .sConf_info h2.tit span.eng{font-size: 16px;} #sNetw .sConf_info .table_wrap table{width: 100% !important;} #sNetw .sConf_info table tbody tr th p{font-size: 16px;} #sNetw .sConf_info table tbody tr td{padding: 10px;} #sNetw .sConf_info table tbody tr td p b{font-size: 16px;} #sNetw .sConf_info .ttpart .r_top_con{margin-top: 20px; padding: 10px; border-radius: 15px; border-radius: 15px;} #sNetw .sConf_info .ttpart .r_top_con dl dt{padding: 5px;} #sNetw .sConf_info .ttpart .r_top_con dl dd{padding: 5px;} #sNetw .sConf_info .ttpart .dott_list li{margin-bottom: 5px; font-size: 16px;} #sNetw .sConf_info .ttpart .invit td a.view_invit_download{padding: 10px; font-size: 14px;} #sNetw .sConf_info .bott_txt{font-size: 16px;} #sNetw .sConf_info .btn_close_02{padding: 15px 20px; font-size: 16px;} } @media (max-width: 740px){ #sNetw .sConf_info h2.tit{margin-bottom: 10px; font-size: 24px;} #sNetw .sConf_info h2.tit span.eng{font-size: 14px;} #sNetw .sConf_info .ttpart .r_top_con{border-radius: 10px;} #sNetw .sConf_info .ttpart .r_top_con dl dt{font-size: 14px;} #sNetw .sConf_info .ttpart .r_top_con dl dd{width: calc(100% - 80px); margin-left: 0; font-size: 14px;} #sNetw .sConf_info .ttpart .r_con .r_con_txt{margin-top: 15px; padding: 20px; font-size: 16px;} #sNetw .sConf_info .ttpart .r_con .r_con_txt p{font-size: 16px;} #sNetw .sConf_info .ttpart .r_top_con dl.file dd i{font-size: 12px; transform: translateY(1px);} #sNetw .sConf_info .ttpart .r_top_con dl.file dd .bo_v_file_cnt{display: none;} #sNetw .sConf_info .btn_confirm a{font-size: 16px !important;} #sNetw .sConf_info .btn_close_01 a,.btn_close_02 a{font-size: 16px;} } @media (max-width: 500px){ #sNetw .sConf_info h2.tit{font-size: 20px;} } /* sub3_3 창업지원기금(LEAP) */ #sLeap{} #sLeap h3.tit{margin-bottom: 20px; font-weight: 700; font-size: 36px; text-align: center; color: #222;} #sLeap h4.blue_tit{} #sLeap .tit_wr{text-align: center;} #sLeap .tit_wr h3{font-size: 14px; font-weight: 600; letter-spacing: 2px; word-break: keep-all; color: #555;} #sLeap .tit_wr h2{/* display: inline-block; */ font-size: 100px; font-weight: 800; letter-spacing: 1px; word-break: keep-all; background: linear-gradient(to right top, #10eab0, #0f5dfb); color: transparent; -webkit-background-clip: text;} #sLeap .tit_wr span{font-size: 34px; font-weight: 700; letter-spacing: -.5px; word-break: keep-all; color: #222;} #sLeap .list_wr{margin-top: 40px; padding: 40px; background: #f5f9ff; border-radius: 40px;} #sLeap .list_wr h3.tit{font-weight: 600; font-size: 24px;} #sLeap .list_wr ul.logo_list{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;} #sLeap .list_wr ul.logo_list li{padding: 10px 15px; font-weight: 500; font-size: 16px; background: rgba(255,255,255,.6); border-radius: 100px; text-align: left; color: #555;} #sLeap .list_wr ul.logo_list li b{color: #002da3;} #sLeap .sponsor{margin-top: 70px;} #sLeap .sponsor h3.tit{font-weight: 600; font-size: 24px;} #sLeap .sponsor .sponsor_box{display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 40px;} #sLeap .sponsor .sponsor_box > div{display: flex; align-items: center; justify-content: center; width: 240px; height: 240px; border-radius: 50%; box-shadow: 0 3px 20px rgba(0,78,255,.1);} #sLeap .sponsor .sponsor_box .sponsor01 img{height: 54px;} #sLeap .sponsor .sponsor_box .sponsor02 img{height: 46px;} #sLeap .sponsor .sponsor_box .sponsor03 img{height: 36px;} #sLeap .prog_wr{} #sLeap .prog_wr h2{width: 100%; max-width: 800px; margin: 0 auto; padding: 180px 0; font-weight: 700; font-size: 46px; text-align: center; line-height: 1.3; color: rgb(0, 0, 0, .2); position: relative; width: max-content; background: linear-gradient(to right, #10eab0, #0f5dfb) no-repeat; -webkit-background-clip: text; background-clip: text; background-size: 0%; transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;} #sLeap .prog_wr h4.slog{position: relative; display: inline-block; margin: 20px 0 50px 0; font-weight: 700; font-size: 28px; color: #222; text-align: center; opacity: 0;} #sLeap .prog_wr h4.slog::before{content: ''; position: absolute; top: 0; left: -34px; display: block; width: 20px; height: 20px; background: url('../images/sub/comment_deco01.png') no-repeat 0 0/contain; z-index: -1;} #sLeap .prog_wr h4.slog::after{content: ''; position: absolute; top: 0; right: -34px; display: block; width: 20px; height: 20px; background: url('../images/sub/comment_deco02.png') no-repeat 0 0/contain; z-index: -1;} #sLeap .prog_wr h4.slog.animate{opacity: 1;} #sLeap .prog_wr h4.slog.animate .char {animation: text-active-animation 4s cubic-bezier(0.6, 0, 0.2, 1.5) both; animation-delay: calc(120ms * var(--char-index));} #sLeap .prog_wr h4.slog::before{opacity: 0; transform: translateY(-40px); transition:all 1s ease;} #sLeap .prog_wr h4.slog.in-view::before{opacity: .3; transform: translateY(0);} #sLeap .prog_wr h4.slog::after{opacity: 0; transform: translateY(40px); transition:all 1s ease;} #sLeap .prog_wr h4.slog.in-view::after{opacity: .3; transform: translateY(0);} @keyframes text-active-animation { 0% { opacity: 0; transform: translateY(50%) scale(0.8); } 20% { opacity: 1.0; transform: translateY(0px) scale(1); } 100% { opacity: 1.0; transform: translateY(0px) scale(1); } } #sLeap .prog_wr .support_wr{text-align: center;} #sLeap .prog_wr .support_wr .flex_wr{display: flex; justify-content: space-between;} #sLeap .prog_wr .support_wr dl{padding: 0 40px; text-align: center;} #sLeap .prog_wr .support_wr dl dt{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 270px; height: 270px; margin: 0 auto; border-radius: 50%; background: #fff; box-shadow: 0px 6px 18px 4px rgba(0, 0, 0, 0.04); z-index: 1;} #sLeap .prog_wr .support_wr dl dt img{width: 70px;} #sLeap .prog_wr .support_wr dl dt h5{margin-top: 15px; font-weight: 600; font-size: 22px; color: #222;} #sLeap .prog_wr .support_wr dl dd{} #sLeap .prog_wr .support_wr dl dd p{margin-top: 40px; font-weight: 500; font-size: 18px; line-height: 1.5; color: #333;} /* circle line img 시작 */ #sLeap .prog_wr .support_wr dl dt::before {content: ''; display: block; position: absolute; left: -1%; top: -3px; z-index: 2; background-size: contain; width: 103%; height: 103%; transition:all 0.4s ease;} #sLeap .prog_wr .support_wr dl.support01 dt::before {background: url('../images/sub/circle_line01.png') no-repeat center; background-size: contain; animation-delay: 0.5s;} #sLeap .prog_wr .support_wr dl.support02 dt::before { background: url('../images/sub/circle_line02.png') no-repeat center; background-size: contain; animation-delay: 0.8s;} #sLeap .prog_wr .support_wr dl.support03 dt::before {background: url('../images/sub/circle_line03.png') no-repeat center; background-size: contain; animation-delay: 1.2s;} #sLeap .prog_wr .support_wr dl.support01 dt:before {opacity: 0; transform: rotate(-60deg);} #sLeap .prog_wr .support_wr dl.support01.in-view dt:before{opacity: 1; transform: rotate(0deg); transition: all 1.5s ease;} #sLeap .prog_wr .support_wr dl.support02 dt:before {opacity: 0; transform: rotate(0deg);} #sLeap .prog_wr .support_wr dl.support02.in-view dt:before{opacity: 1; transform: rotate(60deg); transition: all 1.5s 0.2s ease;} #sLeap .prog_wr .support_wr dl.support03 dt:before{opacity: 0; transform: rotate(120deg);} #sLeap .prog_wr .support_wr dl.support03.in-view dt:before{opacity: 1; transform: rotate(180deg); transition: all 1.5s 0.4s ease;} /* circle line img 끝 */ #sLeap .event_wr{margin-top: 100px;} #sLeap .event_wr h4.blue_tit{font-weight: 700; font-size: 32px; line-height: 1.4; color: #222; text-align: center;} #sLeap .event_wr h4.blue_tit span{background: linear-gradient(to right top, #10eab0, #0f5dfb); color: transparent; -webkit-background-clip: text;} #sLeap .event_wr ul.dott_list{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 50px; padding: 40px; background: #f5f9ff; border-radius: 40px;} #sLeap .event_wr ul.dott_list li{display: flex; align-items: center; width: calc(50% - 7px); margin: 0; padding: 10px 25px; background: rgba(255,255,255,1); border-radius: 100px; font-weight: 600; font-size: 18px; color: #222; border: 2px solid #d6e5fb;} #sLeap .event_wr ul.dott_list li p{margin-bottom: 0;} #sLeap .event_wr ul.dott_list li:last-child{margin-bottom: 0;} #sLeap .event_wr ul.dott_list li::before{display: none;} #sLeap .thank_wr{margin-top: 70px;} #sLeap .thank_wr h3.tit{} #sLeap .thank_wr .thank{margin-bottom: 40px;} #sLeap .thank_wr h4.blue_tit{font-weight: 700; font-size: 26px; color: #002da3;} #sLeap .thank_wr ul.dott_list{margin-top: 20px;} #sLeap .thank_wr ul.dott_list li{font-weight: 500; color: #222;} #sLeap .thank_wr ul.dott_list li::before{top: 11px;} #sLeap .thank_wr p.bott_txt{margin-top: 15px; font-weight: 500; font-size: 18px; color: #555;} #sLeap .benefit_wr{} #sLeap .benefit_wr h3.tit{} #sLeap .benefit_wr h3.tit small{display: block; margin-top: 10px; font-weight: 500; font-size: 18px; color: #555;} #sLeap .benefit_wr .benefit_box{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 40px; padding: 40px; background: #f5f9ff; border-radius: 40px;} #sLeap .benefit_wr dl{width: calc(50% - 7px); padding: 30px 30px; background: #fff; border-radius: 20px;} #sLeap .benefit_wr dl dt{position: relative; margin-bottom: 30px; padding-left: 40px; font-weight: 700; font-size: 26px; color: #222;} #sLeap .benefit_wr dl dt::before{content: ''; position: absolute; top: -1px; left: 0; display: block; width: 30px; height: 30px; filter: invert(11%) sepia(67%) saturate(5473%) hue-rotate(220deg) brightness(95%) contrast(111%);} #sLeap .benefit_wr dl.benefit01 dt::before{background: url('../images/sub/proce_icon10.png') no-repeat 0 0/contain;} #sLeap .benefit_wr dl.benefit02 dt::before{background: url('../images/sub/proce_icon04.png') no-repeat 0 0/contain;} #sLeap .benefit_wr dl dd{font-weight: 500; font-size: 20px; letter-spacing: -0.5px; line-height: 1.5;color: #222;} #sLeap .apply_wr{margin-top: 70px; text-align: center;} #sLeap .apply_wr p{display: block; margin-top: 10px; font-weight: 500; font-size: 18px; color: #555;} #sLeap .apply_wr .btn_box{} #sLeap .apply_wr .btn_box a{display: inline-block; margin-top: 20px; padding: 20px 30px; font-weight: 600; font-size: 18px; color: #fff; word-break: keep-all; background: #2b65fe; transition: all 0.4s ease;} #sLeap .apply_wr .btn_box a:hover{background: #252525;} @media (max-width: 1400px){ #sLeap .tit_wr h2{font-size: 74px;} #sLeap .tit_wr span{font-size: 28px;} #sLeap .prog_wr h2{font-size: 35px;} #sLeap .prog_wr .support_wr dl dt{width: 200px; height: 200px;} #sLeap .prog_wr .support_wr dl dt img{width: 50px;} #sLeap .prog_wr .support_wr dl dt h5{font-size: 18px;} #sLeap .prog_wr .support_wr dl dd p{margin-top: 25px; font-size: 17px;} #sLeap .event_wr h4.blue_tit{font-size: 34px;} #sLeap .thank_wr h4.blue_tit{font-size: 26px;} } @media (max-width: 1000px){ #sLeap .sponsor .sponsor_box{flex-wrap: wrap; gap: 20px; row-gap: 0;} #sLeap .sponsor .sponsor_box > div{width: 180px; height: 180px;} #sLeap .sponsor .sponsor_box .sponsor01 img{height: 45px;} #sLeap .sponsor .sponsor_box .sponsor02 img{height: 40px;} #sLeap .sponsor .sponsor_box .sponsor03 img{height: 26px;} #sLeap .prog_wr h2{width: auto; font-size: 30px;} #sLeap .prog_wr .support_wr .flex_wr{flex-wrap: wrap; row-gap: 40px;} #sLeap .prog_wr .support_wr dl{width: 50%;} #sLeap .event_wr h4.blue_tit{font-size: 30px;} #sLeap .event_wr ul.dott_list{padding: 20px; border-radius: 20px;} #sLeap .thank_wr h4.blue_tit{font-size: 24px;} #sLeap .thank_wr ul.dott_list li{font-size: 18px;} #sLeap .thank_wr p.bott_txt{font-size: 18px;} #sLeap .benefit_wr .benefit_box{padding: 20px; border-radius: 20px;} #sLeap .benefit_wr dl{padding: 18px 20px; border-radius: 15px;} #sLeap .benefit_wr dl dt{margin-bottom: 12px; padding-left: 34px; font-size: 22px;} #sLeap .benefit_wr dl dt::before{top: 1px; width: 24px; height: 24px;} #sLeap .benefit_wr dl dd{font-size: 17px;} } @media (max-width: 740px){ #sLeap h3.tit{font-size: 30px;} #sLeap .tit_wr h2{font-size: 68px;} #sLeap .tit_wr span{font-size: 24px;} #sLeap .list_wr{border-radius: 20px; padding: 20px;} #sLeap .list_wr h3.tit{font-size: 22px;} #sLeap .list_wr ul.logo_list{gap: 10px;} #sLeap .list_wr ul.logo_list li{font-size: 14px;} #sLeap .prog_wr h2{padding: 150px 0; font-size: 28px;} #sLeap .prog_wr h4.slog{font-size: 24px;} #sLeap .prog_wr .support_wr dl{padding: 0 20px;} #sLeap .prog_wr .support_wr dl dt{width: 160px; height: 160px;} #sLeap .prog_wr .support_wr dl dt img{width: 38px;} #sLeap .prog_wr .support_wr dl dt h5{margin-top: 10px; font-size: 16px;} #sLeap .prog_wr .support_wr dl dd p{margin-top: 20px; font-size: 16px;} #sLeap .event_wr h4.blue_tit{font-size: 24px;} #sLeap .event_wr ul.dott_list{gap: 10px; padding: 15px;} #sLeap .event_wr ul.dott_list li{padding: 8px 15px; border-radius: 12px;} #sLeap .thank_wr h4.blue_tit{font-size: 22px;} #sLeap .thank_wr ul.dott_list li{font-size: 17px;} #sLeap .thank_wr p.bott_txt{font-size: 17px;} #sLeap .benefit_wr h3.tit small{font-size: 17px;} #sLeap .benefit_wr dl dt{margin-bottom: 10px; font-size: 18px;} #sLeap .benefit_wr dl dt::before{width: 20px; height: 20px;} #sLeap .benefit_wr dl dd{font-size: 16px;} } @media (max-width: 500px){ #sLeap h3.tit{font-size: 24px;} #sLeap .tit_wr h2{font-size: 50px;} #sLeap .tit_wr span{font-size: 20px;} #sLeap .list_wr h3.tit{font-size: 20px;} #sLeap .sponsor .sponsor_box > div{width: 150px; height: 150px;} #sLeap .sponsor .sponsor_box .sponsor01 img{height: 35px;} #sLeap .sponsor .sponsor_box .sponsor02 img{height: 32px;} #sLeap .sponsor .sponsor_box .sponsor03{margin-top: -10px;} #sLeap .sponsor .sponsor_box .sponsor03 img{height: 22px;} #sLeap .prog_wr h2{padding: 120px 0; font-size: 24px;} #sLeap .prog_wr h4.slog{font-size: 22px;} #sLeap .prog_wr .support_wr dl{width: 100%; padding: 0;} #sLeap .event_wr h4.blue_tit{font-size: 20px;} #sLeap .event_wr ul.dott_list li{width: 100%;} #sLeap .thank_wr h4.blue_tit{font-size: 20px;} #sLeap .thank_wr ul.dott_list li{font-size: 16px;} #sLeap .thank_wr p.bott_txt{font-size: 16px;} #sLeap .thank_wr ul.dott_list{padding: 0;} #sLeap .benefit_wr .benefit_box{gap: 10px; margin-top: 20px; padding: 12px;} #sLeap .benefit_wr h3.tit small{font-size: 16px;} #sLeap .benefit_wr dl{width: 100%;} #sLeap .apply_wr{padding-bottom: 50px;} #sLeap .apply_wr .btn_box a{padding: 15px 20px; font-size: 16px;} } @media (max-width: 400px){ #sLeap h3.tit{font-size: 22px;} #sLeap .sponsor .sponsor_box{gap: 10px;} #sLeap .sponsor .sponsor_box > div{width: 120px; height: 120px;} #sLeap .sponsor .sponsor_box .sponsor01 img{height: 32px;} #sLeap .sponsor .sponsor_box .sponsor02 img{height: 28px;} #sLeap .sponsor .sponsor_box .sponsor03 img{height: 19px;} #sLeap .prog_wr h2{padding: 100px 0; font-size: 20px;} #sLeap .prog_wr h4.slog{font-size: 17px;} #sLeap .prog_wr h4.slog::before{left: -22px; width: 12px; height: 11px;} #sLeap .prog_wr h4.slog::after{right: -22px; width: 12px; height: 11px;} #sLeap .event_wr h4.blue_tit{font-size: 18px;} #sLeap .thank_wr h4.blue_tit{font-size: 18px;} } /* sub4_1 창업캘린더 */ /* -------------------------------- Calendar-New -------------------------------- */ /* 상단 컨트롤 */ #Calendar-New{position:relative; padding-bottom:140px;} #Calendar-New .cal-top-box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;position: relative; padding-bottom: 25px;} #Calendar-New .cal-top-box .box{display: flex;flex-wrap: wrap;gap: 7px;} #Calendar-New .cal-top-box select {font-size:18px; font-weight:600; height:50px; width: 160px; padding:10px 15px; border-radius: 100px; border: 1px solid #E1E1E1; background: url("/images/common/arrow-down-s-line-b.png") no-repeat top 50% right 10px #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; } #Calendar-New .fc-toolbar-chunk .fc-today-button {width: 70px;height: 50px;padding: 0;border-radius: 100px;border: 1px solid #222;background:#222;font-size: 18px;font-weight: 500;color: #fff;opacity: 1;transition: 0.3s;} #Calendar-New .cal-top-box .type-box{} #Calendar-New .cal-top-box .type-list{display:flex; padding: 5px; border: 1px solid #cdcdcd; border-radius: 100px;} #Calendar-New .cal-top-box .type-list .active{} #Calendar-New .cal-top-box .type-list .type-box{display: block; text-align: center; font-size: 15px; font-weight: 500; line-height: 50px; width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box; color: #808080; transition:all 0.4s ease;} #Calendar-New .cal-top-box .type-list .type-box i{} #Calendar-New .cal-top-box .type-list .type-box img{width: 24px; opacity: .3; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); transition:all 0.4s ease;} #Calendar-New .cal-top-box .type-list .type-box span{display:none;} #Calendar-New .cal-top-box .type-list .active .type-box{color: #2b65fe; background: #2b65fe;} #Calendar-New .cal-top-box .type-list .active .type-box img{filter: none; opacity: 1;} #Calendar-New .cal-top-box .type-list .type-box:hover{opacity: 1;} #Calendar-New .cal-top-box .type-list .type-box:hover img{opacity: .8;} #Calendar-New .cal-top-box .ctrl {display: flex;gap: 5px;margin-left: 13px;} #Calendar-New .cal-top-box .ctrl a{width: 50px;height: 50px;display: flex;font-size: 28px;font-weight: normal;color: #fff;border-radius: 50%;background: #2b65fe;border: 1px solid #2b65fe;background-size: 10px auto;background-repeat: no-repeat;background-position: center center;justify-content: center;align-items: center;} #Calendar-New .cal-top-box .ctrl .prev{} #Calendar-New .cal-top-box .ctrl .next{} #Calendar-New .cal-top-box .ctrl span{display:none;} #Calendar-New .schedule-wrap{position:relative; background: #f8f8fa; padding: 40px 50px; border-radius: 30px;} #Calendar-New .calendar-wrap{display:flex;} /* 캘린더 우측 리스트 */ #Calendar-New .date-list{padding: 0 0 0 20px; width: 32.8%;} #Calendar-New .date-list .date-box{background: #f8f8fa; border-radius: 20px; position:relative;} #Calendar-New .date-list .list-title{padding: 20px 20px 12px; font-weight: 700; font-size: 18px; color: #222; line-height: 28px;} #Calendar-New .date-list .list-title i{margin-right: 5px; font-weight: 400; color: #2b65fe;} #Calendar-New .date-list .list-box{} #Calendar-New .date-list .list-box > ul{height: 100%; max-height: 675px; overflow-y: auto;} #Calendar-New .date-list .list-box > ul > li{display: flex;justify-content: space-between;padding: 18px 15px;font-size: 0;flex-wrap: wrap; background: #fff; border-radius: 12px; border: 1px solid #eee;} #Calendar-New .date-list .list-box > ul > li + li{margin-top: 10px;} #Calendar-New .date-list li p{width: 100%; font-size: 17px;font-weight: 700;color: #333;} #Calendar-New .date-list li span{display: block; width: 100%; padding-top: 3px; font-size: 14px;font-weight: 500;color: #888888;} /* 캘린더 리스트 */ #Calendar-New .calendar-list{position: relative;width: 100%;} #Calendar-New .calendar-list > dl{display:flex; border-radius: 30px; background: #fff; border: 1px solid #eee;} #Calendar-New .calendar-list > dl + dl{margin-top: 15px;} #Calendar-New .calendar-list > dl > dt{position: relative; width:20%;font-size:28px;font-weight:600;color:#222;text-align:center;display:flex; ;justify-content:center;align-items:center;} #Calendar-New .calendar-list > dl > dt::before{content:''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100%; height: 80%; border-right: 2px dotted #eee;} #Calendar-New .calendar-list > dl > dt p{position: relative;} #Calendar-New .calendar-list > dl > dt p span{display: inline-block; margin: 0 3px 0 2px; font-weight: 500; font-size: 17px; color: #666;} /* #Calendar-New .calendar-list > dl > dt p::before{content:'월'; position: absolute; bottom: 3px; right: -18px; width: 15px; height: 20px; } */ #Calendar-New .calendar-list > dl > dt small{margin-left: 3px; font-weight: 500; font-size: 20px; color: #555;} #Calendar-New .calendar-list > dl > dd{padding:40px;width: calc(100% - 20%);} #Calendar-New .calendar-list .cal-con-list{position:relative;/* min-height:150px; */display:inline-block;vertical-align:top;overflow:hidden;text-align:left;} #Calendar-New .calendar-list .cal-con-list > li{position:relative;box-sizing:border-box;display: flex; align-items: center; gap: 15px; font-size: 17px;} #Calendar-New .calendar-list .cal-con-list > li + li{margin-top:20px;} #Calendar-New .calendar-list .cal-con-list > li > strong{font-weight:600; font-size: 15px; text-align: center; color: #374258; width: 240px; display: inline-block; padding: 8px 12px; background: #f8f8fa; border-radius: 50px;} #Calendar-New .calendar-list .cal-con-list > li > p{position:relative; font-weight: 500; color: #333;} #Calendar-New .calendar-list .cal-con-list > li > p > em{border: 1px solid rgba(43,101,254,.4); color: #2b65fe;display: inline-block;margin: 0 0 0 5px;padding: 4px 6px;border-radius: 24px; font-style: normal; font-weight: 500;font-size: 13px;line-height: 1;} #Calendar-New .table-cir .m-block{display:none;} @media (max-width: 1700px) { } @media (max-width: 1200px){ #Calendar-New{padding-bottom: 70px;} #Calendar-New .schedule-wrap{padding: 30px; border-radius: 20px;} #Calendar-New .date-list .list-title{font-size: 16px;} #Calendar-New .date-list li p{font-size: 15px;} #Calendar-New .date-list .list-box > ul > li{padding: 12px 15px; border-radius: 8px;} } @media (max-width: 1000px){ #Calendar-New .date-list{width: 100%;} #Calendar-New .schedule-wrap{padding: 20px 30px;} #Calendar-New .cal-top-box{padding-bottom: 15px;} #Calendar-New .cal-top-box select{width: 120px; height: 40px; font-size: 16px;} #Calendar-New .cal-top-box .box{gap: 5px;} #Calendar-New .cal-top-box .type-list .type-box{width: 42px; height: 42px; line-height: 38px;} #Calendar-New .cal-top-box .type-list .type-box img{width: 20px;} #Calendar-New .fc-toolbar-chunk .fc-today-button{width: 58px; height: 40px; font-size: 15px;} #Calendar-New .cal-top-box .ctrl{align-items: center; margin-left: 5px;} #Calendar-New .cal-top-box .ctrl a{width: 40px; height: 40px; font-size: 24px;} } @media (max-width: 780px){ #Calendar-New{padding-bottom: 40px;} #Calendar-New .fc-toolbar-chunk .fc-today-button{width: 48px; height: 30px; margin-top: 3px; font-size: 13px;} #Calendar-New .cal-top-box{display: block; padding-bottom: 0;} #Calendar-New .cal-top-box .box{justify-content: center; width: 100%; margin-bottom: 30px;} #Calendar-New .cal-top-box .type-box{width: 100%;} #Calendar-New .cal-top-box .type-list{justify-content: center; gap: 5px; padding: 0; border-radius: 0; border: 0;} #Calendar-New .cal-top-box .type-list li{width: 50%; height: auto; border-radius: 0;} #Calendar-New .cal-top-box .type-list .type-box{display: flex; justify-content: center; align-items: center; gap: 5px; width: auto; height: auto; padding: 0 10px; border-radius: 0; } #Calendar-New .cal-top-box .type-list .type-box img{width: 16px;} #Calendar-New .cal-top-box .type-list .type-box span{display: inline-block; color: #666;} #Calendar-New .cal-top-box .type-list .active .type-box{background: #f8f8fa; border-radius: 10px 10px 0 0; color: #fff;} #Calendar-New .cal-top-box .type-list .active .type-box img{-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);} #Calendar-New .cal-top-box .type-list .active .type-box span{color: #222;} #Calendar-New .cal-top-box .type-list .type-box:hover span{color: #222;} #Calendar-New .cal-top-box select{background-size: 20px;} #Calendar-New .schedule-wrap{padding: 25px 20px; border-radius: 0 0 15px 15px;} #Calendar-New .date-list{padding: 0;} #Calendar-New .date-list .list-box > ul > li + li{margin-top: 6px;} #Calendar-New .date-list .list-title{padding: 30px 0 12px;} #Calendar-New .calendar-list > dl{display: block; border-radius: 15px;} #Calendar-New .calendar-list > dl > dt{width: 100%; padding: 10px; font-size: 24px;} #Calendar-New .calendar-list > dl > dt::before{width: 97%; height: 100%; border-right: 0; border-bottom: 2px dotted #eee;} #Calendar-New .calendar-list > dl > dd{width: 100%;} #Calendar-New .calendar-list .cal-con-list{width: 100%;} #Calendar-New .calendar-list .cal-con-list > li{display: block; text-align: center;} #Calendar-New .calendar-list .cal-con-list > li > strong{display: block; margin: 0 auto 12px;} } @media (max-width: 500px){ #Calendar-New .cal-top-box select{width: 100px; height: 38px; font-size: 14px;} #Calendar-New .cal-top-box .box{margin-bottom: 20px;} #Calendar-New .calendar-list > dl{border-radius: 10px;} #Calendar-New .calendar-list > dl > dt{font-size: 18px;} #Calendar-New .calendar-list > dl > dd{padding: 20px;} } /* 이름 검색창 */ .sch_bar_wr{position: absolute; top: -74px; right: 0;} /* 팝업 */ #table_cal{display: flex;} #table_cal .popcon{} #table_cal .popcon .popitem{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); visibility: hidden; opacity: 0; z-index: 888;} #table_cal .popcon .popitem.active{visibility: visible; opacity: 1;} #table_cal .popcon .popitem .conbox{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; height: auto; padding: 60px 40px; background: #fff; border-radius: 20px;} #table_cal .popcon .popitem .conbox .popimg{position:relative; width: 100%; max-width: 300px; display: inline-block; float: left;} #table_cal .popcon .popitem .conbox .popimg img{width: 100%;} #table_cal .popcon .popitem .conbox .poptxt{width: calc(100% - 300px); padding: 10px 0 0 40px; float: right;} #table_cal .popcon .popitem .conbox .poptxt h2{margin-bottom: 20px; font-size: 26px; font-weight: 700; color: #222; letter-spacing: -0.5px; transition: all 0.4s ease; } #table_cal .popcon .popitem .conbox .poptxt #btn_rev{bottom: 25px;} #table_cal .slick-slider ul.slick-dots{z-index:999} #table_cal .slick-slider ul.slick-dots{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start; z-index:999; top:235px; left:50%; transform:translate(-50%, 0%); border:0; display:inline-block !important; font-size:0; position:absolute;} #table_cal .slick-slider ul.slick-dots:after{content:""; display:block; clear:both;} #table_cal .slick-slider ul.slick-dots li{display:inline-block;} #table_cal .slick-slider ul.slick-dots li+li{margin-left:10px;} #table_cal .slick-slider ul.slick-dots li button{width:9px; height:9px; border-radius:50%; background:#e7e7e7; border:none; font-size:0;} #table_cal .slick-slider ul.slick-dots li.slick-active button{background:#1861fb; width:17px; height:9px; border-radius:4px;} #table_cal .popcon .popitem .conbox .poptxt .s_box_wr{padding: 20px 25px; background: #f8f8fa; border-radius: 20px; } #table_cal .popcon .popitem .conbox .poptxt .s_box{overflow: hidden; margin-bottom: 15px; font-size: 16px; letter-spacing: -0.5px;} #table_cal .popcon .popitem .conbox .poptxt .s_box i{float: left; color: #1861fb; margin-right: 5px;} #table_cal .popcon .popitem .conbox .poptxt .s_box h3{margin-bottom: 5px; font-weight: 600; color:#222;} #table_cal .popcon .popitem .conbox .poptxt .s_box p{font-weight: 500; line-height: 24px; color:#666;} #table_cal .popcon .popitem .conbox .poptxt .s_file a{display: flex; align-items: center; gap: 15px; padding: 10px 15px; border-radius: 10px; border: 1px solid rgba(43,101,254,.3); background: #fff; transition:all 0.4s ease;} #table_cal .popcon .popitem .conbox .poptxt .s_file a span.down_btn{display: block; width: 30px; height: 30px; background: #f5f5f5; border-radius: 50%; text-align: center; line-height: 30px; transition:all 0.4s ease;} #table_cal .popcon .popitem .conbox .poptxt .s_file a span.down_btn i{float: none; display: inline-block; margin-right: 0; transition:all 0.4s ease;} #table_cal .popcon .popitem .conbox .poptxt .s_file a strong{width: calc(100% - 30px); font-weight: 500; font-size: 14px; color: #444; line-height: 1.3;} #table_cal .popcon .popitem .conbox .poptxt .s_file a p{width: calc(100% - 30px); font-weight: 400; font-size: 14px; color: #444; line-height: 1.3;} #table_cal .popcon .popitem .conbox .poptxt .s_file a:hover{border-color: #2b65fe; } #table_cal .popcon .popitem .conbox .poptxt .s_file a:hover span.down_btn{background: #2b65fe;} #table_cal .popcon .popitem .conbox .poptxt .s_file a:hover span.down_btn i{color: #fff;} #table_cal .popcon .popitem .poptxt a.co_close{display: inline-block; position: absolute; top: 5px; right: 5px; width: 50px; height: 50px; font-size: 28px; color: #0f1b20; line-height: 50px; text-align: center; border: none; opacity: .4; transition:all 0.4s ease;} #table_cal .popcon .popitem .poptxt a.co_close span{position: absolute; font-size: 0; line-height: 0;} #table_cal .popcon .popitem .poptxt a.co_close:hover{opacity: 1;} #table_cal .popcon .popitem .detailTitle_wr{position: relative;} #table_cal .popcon .popitem .detailTitle_wr .detailTitle{font-size: 17px;} #table_cal .popcon .popitem .detailTitle_wr .v_more_btn{position: absolute; top: 5px; right: 10px; border-radius: 0; background: none; border: 0; font-weight: 500; font-size: 14px; color: #2b65fe;} #table_cal .popcon .popitem .detailContent{height: 300px; padding: 10px 20px; overflow-y: scroll; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; background: #f4f4f4;} #table_cal .popcon .popitem.event .poptxt{width: 100%; padding: 0;} #table_cal .popcon .popitem.event .conbox{padding: 60px 40px 40px;} #table_cal .popcon .popitem.event .conbox .poptxt h2{text-align: center;} /* 달력 디자인 */ .studio_cal{width:100%; background: #f8f8fa; /* border-radius: 30px; */} #table_cal table {width:100%;border-spacing:0;border-collapse:collapse;} #table_cal table caption {font-size:0;line-height:0;} #table_cal th {padding:8px 0px; border:1px solid #e6e6e6; color:#666; font-size: 15px; font-weight: 500; line-height:1.6em;height:0;text-align:center;background:#fff;} #table_cal th.red {color:#1861fb;} #table_cal th.blue {color:#1861fb;} #table_cal td {height:auto; font-size: 11px; vertical-align:top;} #table_cal td.gray {color:#999;} #table_cal td.null {background:#ffffff;} #table_cal td.blank{background: #fff;} #table_cal td p {margin:0;padding:0px 0px 0px 4px;line-height:1.6em;} #table_cal td .title_day {padding:0 0 5px;} #table_cal td .day {padding:0 0 5px 0;} #table_cal td span.open {color:#333;} #table_cal td span.close {color:#999;} #table_cal td h7{font-weight: 500; letter-spacing: -0.5px;} #table_cal ul {padding-left: 20px; margin:0; height:24px; border-bottom:0px solid #efefef; } #table_cal ul li { padding:0; margin:0; list-style:none; } #table_cal .m_list { padding:0px 0px 0px 4px ; height:auto; } #table_cal .member_list { list-style:none; padding:2px 0 0; } #table_cal .member_list a { color:#444444; } #table_cal .li_day { float:left; } #table_cal .td_day { padding:5px 0 0 5px; } #table_cal .td_day .td_day_left{position: relative; width: 100%; padding: 5px 8px; margin-bottom: 3px; z-index: 3;} #table_cal .td_day .td_day_left span{display: none;} #table_cal .td_day .td_day_left a{padding-right: 15px; font-weight: 500; font-size: 14px; letter-spacing: -0.3px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #table_cal .td_day .td_day_left img{position: absolute; top: 50%; right: 5px; transform: translateY(-50%);} #table_cal .td_day .td_day_left .td_day_left_BG{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; opacity: 0.2; z-index: -1; transition:all 0.4s ease;} #table_cal .td_day .td_day_left:hover .td_day_left_BG{opacity: .1;} /* 예약가능 버튼 */ #table_cal .li_btn { float:right;} #table_cal .li_btn:hover { background:#00980E; border-radius:5px; } #table_cal .li_btn a { color:#008080;} #table_cal .li_btn a:hover { color:#ffffff;} #table_cal .li_closed { float:right;color:#ffffff;background:#dd6666;padding:1px 3px;border-radius:6px; }/* 정기휴무 */ #table_cal .li_closed2 { float:right;color:#ffffff;background:#888;padding:1px 3px;border-radius:6px; }/* 정기휴무 */ #table_cal .li_closed a { color:#ffffff; } #table_cal .sunday { color:red;} /* 일요일 날자 색상 */ #table_cal .sat { color:blue;} /* 토요일 날자 색상 */ #table_cal .sunday_td { background:#FFF9F9; } /* 일요일 배경색 색상 */ #table_cal .sat_td { background:#F9F9FF; } /* 토요일 배경색 색상 */ #table_cal .gray {color:#999; float:left;} /* 최소예약일 이전 날자 색상 */ #table_cal .today_td { height:120px; background:#FFFFB0 !important; } /*오늘 배경색 색상 */ #table_cal .booking_list { padding:4px 10px; } /* 버튼 */ /* 달력 상단 ( 이전달, 오늘날짜로, 다음달 ) 버튼 */ #table_cal .prev_text { cursor:pointer; font-size:12px; color:#888;font-family:'Noto Sans KR', sans-serif; font-weight:normal; background:#f7f7f7; padding:5px 12px; border-radius:5px; vertical-align:middle; letter-spacing:1px;} #table_cal .prev_text:hover { transition:all 0.2s; color:#fff; background:#29c1e6; vertical-align:middle; } #table_cal .next_text { cursor:pointer; font-size:12px; color:#888; font-family:'Noto Sans KR', sans-serif; font-weight:normal; background:#f7f7f7; padding:5px 12px; border-radius:5px; vertical-align:middle; letter-spacing:1px; } #table_cal .next_text:hover { transition:all 0.2s; color:#fff; background:#29c1e6; vertical-align:middle; } #table_cal .center_today { margin:0px 15px; font-family:'Noto Sans KR', sans-serif; cursor:pointer; vertical-align:middle; } #table_cal .center_today:hover { color:#37d4b7; transition:all 0.3s;} #table_cal .top_msg { float:left; width:70%; height:30px; line-height:20px; } @media all and (max-width: 640px){ #table_cal .title { padding:0 0 15px 0; font-size:1.5em; font-weight:bold; text-align:center; } /* 달력 상단 ( 이전달, 오늘날짜로, 다음달 ) 버튼 */ #table_cal .prev_text { padding:5px 10px; letter-spacing:-.5px; } #table_cal .prev_text:hover { font-size:12px; padding:5px 10px; } #table_cal .next_text { padding:5px 10px; letter-spacing:-.5px;} #table_cal .next_text:hover { padding:5px 10px; } #table_cal .center_today { margin:0px 10px; } } @media all and (max-width: 360px){ #table_cal .prev_text { padding:5px 7px; } #table_cal .prev_text:hover { padding:5px 7px; } #table_cal .next_text { padding:5px 7px; } #table_cal .next_text:hover { padding:5px 7px; } #table_cal .center_today { margin:0px 7px; font-size:14px; } } @media (max-width: 1700px) { .studio_cal{width:100%; margin-bottom: 20px;} #table_cal ul{overflow-y: visible !important;} } @media (max-width: 1200px){ #table_cal .popcon .popitem .conbox{width: 80%; padding: 45px 40px; border-radius: 15px;} #table_cal .popcon .popitem .conbox .popimg{max-width: 240px;} #table_cal .popcon .popitem .conbox .poptxt{width: calc(100% - 240px); margin-bottom: 15px; padding: 0 0 0 30px;} #table_cal .popcon .popitem .conbox .poptxt h2{font-size: 24px;} #table_cal .slick-slider ul.slick-dots{top: 180px;} #table_cal .popcon .popitem .poptxt a.co_close{font-size: 24px;} } @media (max-width: 1000px){ .studio_cal{float: none !important; max-width: none; width:100%;} #table_cal .popcon .popitem .conbox{top: 50px; transform: translate(-50%, 0);} #table_cal .popcon .popitem .conbox .poptxt{width: 100%; padding: 0;} #table_cal .popcon .popitem .conbox .poptxt h2{font-size: 22px;} #table_cal .popcon .popitem .conbox .popimg{float: none; display: block; max-width: 220px; margin: 0 auto 20px;} #table_cal .slick-slider ul.slick-dots{top: 210px} } @media (max-width: 780px){ #table_cal{display: block; margin-top: 0 !important;} #table_cal .slick-slider ul.slick-dots{top: 157px;} #table_cal ul{padding-left: 0;} .studio_cal{overflow-x: auto;} #table_cal table{width: 780px !important;} } @media (max-width: 480px){ #table_cal .popcon .popitem .conbox{width: 90%; padding: 45px 20px;} #table_cal .popcon .popitem .conbox .popimg{max-width: 180px;} #table_cal .popcon .popitem .conbox .poptxt h2{font-size: 18px;} #table_cal .popcon .popitem .conbox .poptxt .s_box_wr{padding: 20px; border-radius: 12px;} #table_cal .popcon .popitem .conbox .poptxt .s_box h3{font-size: 15px;} #table_cal .popcon .popitem .conbox .poptxt .s_box p{font-size: 15px;} #table_cal .slick-slider ul.slick-dots{top: 124px;} } .ico_txt{position:relative;margin-bottom:40px;} .ico_txt li{display: block; padding: 10px 20px; float: left; margin-right: 5px; list-style: none; border: 1px solid #f1f1f1; font-size: 15px; letter-spacing: -0.2px; font-weight: 500;} .ico_txt .ca_subj{font-size: 17px;font-weight: 700; position: relative;top: 3px;padding-right:7px;} .ico_txt span b{color: #39d6b7;} .ico_txt select#item_no {-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;color: #fff; font-size: 13px; border: 1px solid #39d6b7;padding: 6px;border-radius:5px; background: #39d6b7;} .ico_txt select#item_no option{background:#fff; color:#555;} .ico_txt span img{width:18px;} .ico_txt .ico_wr{position:absolute;right:0;top:20px;} .ico_txt .ico_wr p{display:inline-block;font-size:14px;font-weight: 500;color:#333;letter-spacing: -0.2px; margin-left:8px;} .ico_txt .ico_wr p i{margin-right:2px;} .ico_txt .ico_wr p img{margin-right:2px;} a.btn01{position: absolute; top: -15px; left: 0; margin-top: 2px;padding: 7px; color: #fff; border: 1px solid #3b3c3f; background: #4b545e; } a.btn01 i {margin-right:2px;} a.btn02{margin-right:5px;} @media (max-width: 1800px){ .ico_txt li{padding: 9px 15px; font-size: 14px; letter-spacing: -0.2px; font-weight: 500;} } @media (max-width: 1600px){ .ico_txt{padding: 40px 0 50px 0 !important;} .ico_txt .ico_wr{left: 0; top: 100px;} } @media (max-width: 1500px){ .ico_txt .ico_wr{ top: 100px;} .ico_txt li{margin-bottom: 5px;} } @media (max-width: 1320px){ .ico_txt li{padding: 7px 13px; font-size: 13px;} } @media (max-width: 604px){ .ico_txt .ico_wr{top: 90px;} .ico_txt .ca_subj{padding-right: 0;} } @media (max-width: 480px){ .ico_txt .ico_wr{ top: 130px;} } @media (max-width: 420px){ .ico_txt .ico_wr p{font-size: 12px;} a.btn01 {font-size: 12px; top: -10px;} } #bo_w .textBox{position:relative;width:100%;margin-top:50px;padding:30px;background:#fafafa;border:solid 1px #e8e8e8;} #bo_w .textBox h1{font-size: 18px; letter-spacing: -0.2px; color: #333;} #bo_w .textBox h4{margin-top:30px;/*padding-left:10px;*/font-size:24px;color:#0054a7;} #bo_w .textBox h5{margin-top:30px;font-size:16px;padding-left:10px;background:url(/images/sub/ico_sq.gif) no-repeat 0 5px;} #bo_w .textBox p{margin-top:20px;font-size:14px;} #bo_w .textBox .bpad20{background: #fff; color: #555; border: 1px solid #eee;} #bo_w .textBox .bpad20 dd{font-family: 'Pretendard', sans-serif; font-weight: 400; line-height: 1.2;} #bo_w .textBox .agree_box{overflow: hidden;} #bo_w .textBox .agree_box p{font-family: 'Pretendard', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.2px; margin-bottom: 15px; color: #333;} #bo_w .textBox .agree_box .radio_box{float: right;} #bo_w .textBox .agree_box input{font-family: 'Pretendard', sans-serif; font-weight: 500;font-size: 16px; color: #333;} #bo_w .textBox .agree_box label{font-family: 'Pretendard', sans-serif; font-weight: 500;font-size: 16px; margin-right: 10px; color: #333;} #bo_w .textBox .type01{margin-top:20px;} #bo_w .textBox .type01 li{margin-top:15px;font-size:14px;} #bo_w .textBox .type01 li span{font-weight:500;} #bo_w .textBox .type02{margin-top:20px;} #bo_w .textBox .type02 li{margin-top:15px;padding-left:10px;font-size:14px;background:url(/images/sub/ico_sq.gif) no-repeat 0 5px;background-size:5px 1px;} #bo_w .textBox .guideTbl{position:relative;width:100%;margin-top:20px;border-top:solid 1px #555;} #bo_w .textBox .guideTbl thead th{padding:20px 15px;border:solid 1px #ddd;border-top:0;border-left:0;} #bo_w .textBox .guideTbl tbody td{padding:20px 15px;text-align:center;border:solid 1px #e8e8e8;border-left:0;background:#fff;} #bo_w .textBox .guideTbl .last{border-right:0;} #bo_w .textBox dl{margin-top:10px;padding:10px 20px !important;} #bo_w .textBox dl dt{padding:8px 0 10px;font-size:14px;font-weight:500;} #bo_w .textBox dl dt span{color:#ff0000;} #bo_w .textBox dl dd{padding:8px 0;font-size:14px;} #bo_w .textBox{position:relative;width:100%;margin-top:50px;padding:30px;background:#fafafa;border:solid 1px #e8e8e8;} #bo_w .textBox h4{margin-top:30px;/*padding-left:10px;*/font-size:24px;color:#0054a7;} #bo_w .textBox h5{margin-top:30px;font-size:16px;padding-left:10px;background:url(/images/sub/ico_sq.gif) no-repeat 0 5px;} #bo_w .textBox p{margin-top:20px;font-size:14px;} #bo_w .textBox .type01{margin-top:20px;} #bo_w .textBox .type01 li{margin-top:15px;font-size:14px;} #bo_w .textBox .type01 li span{font-weight:500;} #bo_w .textBox .type02{margin-top:20px;} #bo_w .textBox .type02 li{margin-top:15px;padding-left:10px;font-size:14px;background:url(/images/sub/ico_sq.gif) no-repeat 0 5px;background-size:5px 1px;} #bo_w .textBox .guideTbl{position:relative;width:100%;margin-top:20px;border-top:solid 1px #555;} #bo_w .textBox .guideTbl thead th{padding:20px 15px;border:solid 1px #ddd;border-top:0;border-left:0;} #bo_w .textBox .guideTbl tbody td{padding:20px 15px;text-align:center;border:solid 1px #e8e8e8;border-left:0;background:#fff;} #bo_w .textBox .guideTbl .last{border-right:0;} #bo_w .textBox dl{margin-top:10px;padding-left:10px;} #bo_w .textBox dl dt{padding:8px 0 10px;font-size:14px;font-weight:500;} #bo_w .textBox dl dt span{color:#ff0000;} #bo_w .textBox dl dd{padding-top:8px;font-size:14px;} @media (max-width: 740px) { #bo_w .txt{font-size:13px;line-height:125%;} #bo_w .reserve > div{padding:10px 5px 11px;} #bo_w .reserve > div.box{height:125px;} #bo_w .reserve > div.box > br{display:block;} #bo_w .reserve > div > label{font-size:13px;line-height:125%;} #bo_w .reserve > div > input.text{max-width:100%;} #bo_w .reserve > div > .select{width:100%;font-size:12px;} #bo_w .reserve > div > .time{margin-bottom:2px;font-size:12px;} #bo_w .btnBox .btn_reserve{width:140px;height:40px;font-size:14px;} #bo_w .textBox{margin-top:40px;padding:25px 20px;} #bo_w .textBox h1{font-size: 16px;} #bo_w .textBox h4{margin-top:30px;font-size:18px;} #bo_w .textBox h5{margin-top:20px;font-size:14px;} #bo_w .textBox p{margin-top:10px;font-size:13px;line-height:125%;} #bo_w .textBox .agree_box p{font-size: 14px;} #bo_w .textBox .agree_box label{font-size: 14px;} #bo_w .textBox ul{margin-top:10px;} #bo_w .textBox ul li{margin-top:8px;font-size:13px;line-height:125%;} #bo_w .textBox .guideTbl{margin-top:10px;} #bo_w .textBox .guideTbl thead th{padding:10px 5px;font-size:13px;} #bo_w .textBox .guideTbl tbody td{padding:10px 5px;line-height:125%;} #bo_w .textBox dl{margin-top:10px;padding-left:5px;} #bo_w .textBox dl dt{font-size:13px;} #bo_w .textBox dl dd{padding:7px 0;font-size:13px;line-height:125%;} } @media (max-width: 640px) { #bo_w .textBox h4{margin-top:30px;font-size:16px;} } .programView_wrap{display: flex; gap: 15px; max-width: 1200px; margin: 80px auto 0; } .prog_all_wr{display: flex; padding: 30px 30px 50px 30px; background: #f9f9f9; border-radius: 15px;} #programView{width: 100%; /* max-width: 500px; */ transition:all 0.4s ease;} .programInfo{} .programInfo .infoIMG{width: 100%; max-width: 300px; margin: 0 auto;} .programInfo .infoIMG img{border: 1px solid #eee; width: 100%; } .programInfo .infoTxt{width: 100%;} .programInfo .infoTxt .category{display: inline-block; background: #2b65fe; font-weight: 600; font-size: 16px; color: #fff; padding: 7px 12px; border-radius: 50px; transition:all 0.4s ease;} .programInfo .infoTxt .title{font-size: 24px; margin: 20px 0 12px; font-family: 'Paperlogy', sans-serif; font-weight:400; letter-spacing: -0.5px; transition:all 0.4s ease;} .programInfo .infoTxt .title span{font-size: 22px; color:#777; margin-left:10px; transition:all 0.4s ease;} .programInfo .infoTxt .list{padding-left: .2rem;border-top: 1px solid #ddd;} .programInfo .infoTxt .list dl{display: flex; align-items: flex-start; font-size: 1.05em; margin-top:14px; padding-top:17px; border-top:1px solid #ddd; transition:all 0.4s ease;} .programInfo .infoTxt .list dl:first-child{padding-top:0; border-top:none;} .programInfo .infoTxt .list dl dt{flex-shrink:0; font-size: 16px; width:80px; line-height: 1.4; color: #333;font-weight: 600;padding-left: .2rem; transition:all 0.4s ease;} .programInfo .infoTxt .list dl dd{color: #666; font-size: 16px; font-weight: 500; line-height:1.4; transition:all 0.4s ease;} .programInfo .infoTxt .list dl dd span{display: block;} .programInfo .infoTxt .btnWr{text-align: center;margin-top: .3rem;} .programInfo .infoTxt .applyBtn{font-size: 19.8px; border: 1px solid #aaa;color: #666;display: inline-block;padding:10px 25px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .programInfo .infoTxt .applyBtn:hover{background:var(--color-point);color: #fff;border-color:var(--color-point);} .programDetail{margin-top: 2rem;} .programInfo .detailTitle_wr{position: relative;} .programInfo .detailTitle_wr .v_more_btn{position: absolute; top: 5px; right: 10px; border-radius: 0; background: none; border: 0; font-weight: 500; font-size: 15px; color: #2b65fe;} .programDetail .detailContent{padding: .5rem;} .programDetail .detailContent img{max-width:100%;} .detailTitle{border-bottom: 2px solid #000; font-weight: 600; font-size: 24px; color: #222; padding-bottom: .5rem;} @media (max-width: 1200px) { #programView{max-width: 400px;} .programInfo{padding: 20px 20px 40px 20px; background: #f9f9f9; border-radius: 12px;} .programInfo .infoIMG{max-width: 240px;} .programInfo .infoTxt{} .programInfo .infoTxt .category{font-size: 14px;} .programInfo .infoTxt .title{margin: 10px 0 12px;} .programInfo .detailTitle_wr .v_more_btn{font-size: 14px;} .detailTitle{font-size: 18px;} } @media (max-width: 1000px) { .prog_all_wr{display: block;} #programView{max-width: none;} .programInfo{display: flex; padding: 10px 0 0;} .programInfo .infoIMG{max-width: 240px; padding-right: 0;} .programInfo .infoTxt{width: calc(100% - 240px); padding-left: 30px;} .programInfo .infoTxt .category{padding: 6px 10px; font-size: 15px;} .programInfo .infoTxt .list dl{margin-top: 10px; padding-top: 10px;} .programInfo .infoTxt .list dl dt{font-size: 15px; } .programInfo .infoTxt .list dl dd{font-size: 15px;} .programInfo .detailTitle_wr .v_more_btn{font-size: 14px;} .detailTitle{font-size: 20px;} } @media (max-width: 850px){ #programView{padding: 0;} .programInfo > div{width: 100%;} #bo_v_img{margin: 0 auto;} .programInfo .infoIMG{margin: 0 auto;} .programInfo .infoTxt{width: 100% !important;} .programInfo .infoTxt .title{font-size: 20px;} .programInfo .infoTxt .list dl dt{width: 65px; font-size: 14px;} .programInfo .infoTxt .list dl dd{font-size: 14px;} .detailTitle{font-size: 18px;} } @media (max-width: 720px){ .programView_wrap{flex-wrap: wrap; gap: 5px;} #programView{width: 100%;} .programInfo{flex-wrap: wrap; } .programInfo .infoIMG{max-width: 180px;} .programInfo .infoTxt{padding-left: 0;} } @media (max-width: 500px){ #programView{margin: 0 auto 0; padding: 0;} .programInfo .infoTxt{border-radius: 10px} .programInfo .infoTxt .title{font-size: 18px;} .programInfo .infoTxt .list dl dt{width: 55px;} #wr_person{margin-left: 10px;} #wr_content{margin: 0; padding-top: 8px;} .detailTitle{font-size: 17px !important;} /* #programView{margin: 80px auto 10px;} */ } /* 상단 날짜 */ .date_wrap{display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 20px;} .date_wrap .date_tit{font-size: 28px; font-weight: 700;} .cal_btn{display: inline-block; width: 35px; height: 35px; font-size: 16px; color: #fff; background: #475265; border: 1px solid #475265; border-radius: 50%; text-align: center; line-height: 35px;} .cal_btn a{padding: 0 !important; color: #fff; font-weight: 500; font-size: 24px; letter-spacing: -0.2px;} .date_top{position: relative; max-width: 530px; margin: 0 auto; text-align: center;} .date_top h2{font-size: 35px; color: #333;} .date_top .date_btn_wrap{width: 100%; position: absolute; top: 3px; left: 0;z-index:1;} .date_top .date_btn_wrap span.date_btn{overflow: hidden; display: block; padding: 10px 17px; font-size: 16px; color: #999; border: 1px solid #cdcdcd; border-radius: 25px;} .date_top .date_btn_wrap span.prev_Btn{float: left;} .date_top .date_btn_wrap span.next_Btn{float: right;} @media (max-width: 1200px){ .date_wrap{gap: 25px; margin-bottom: 0;} .date_wrap .date_tit{font-size: 24px !important;} .cal_btn{width: 30px; height: 30px; line-height: 30px;} .cal_btn a{font-size: 20px; line-height: 28px;} } @media (max-width: 1000px){ .date_wrap{gap: 16px;} .date_wrap .date_tit{font-size: 20px !important;} .cal_btn{width: 25px; height: 25px; line-height: 24px; } .cal_btn a{font-size: 17px; line-height: 20px;} } @media (max-width: 480px){ .date_wrap{gap: 14px;} .date_wrap .date_tit{font-size: 18px !important;} } #rev_btn{width: 100%; /* position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); */} .btn_rev{display: block; width: 230px; margin: 10px auto 0; height: 50px; line-height: 50px; font-size: 20px; background: #2b65fe; border-radius: 6px; border: 0; font-weight: 500; color: #fff; transition:all 0.4s ease;} .btn_rev i {font-size: 22px; transform: translateY(4px);)} .btn_rev:hover{background: #002da3;} #rev_view_area .scrollY{overflow-y: scroll;} @media (max-width: 1700px) { .Detail_wrap_view2{overflow: hidden; margin-top: 0; width:90% !important; height: auto !important; padding: 15px 2% 50px !important; } /* .Detail_wrap_view2{float: none !important; width:90% !important; height: auto !important; margin: 40px auto !important; padding: 2% 2% 100px !important} */ .Detail_wrap_view{display: flex; flex-wrap: wrap; height: auto; } .Detail_wrap_view > div{width: 23%; margin-right: 15px;} .Detail_wrap_view .Detail_list{height: 300px; margin-top: 16px;} .Detail_wrap_view .Detail_list.scrollY{overflow-y: scroll;} .rev_list_wrap.active{margin-bottom: 15px;} #rev_btn{bottom: 35px;} } @media (max-width: 1200px) { .btn_rev{width: 180px; height: 45px; line-height: 45px; font-size: 17px;} } @media (max-width: 1000px){ .Detail_wrap_view > div{width: 45%;} } @media (max-width: 800px){ .Detail_wrap_view2{padding: 20px 2% 60px !important} .Detail_wrap_view > div{width: 47%; margin-right: 10px;} } @media (max-width: 450px){ .Detail_wrap_view{padding: 15px 10px 0 10px;} .Detail_wrap_view > div:nth-child(even){margin-right: 0px;} .Detail_wrap_view .rev_list li span{font-size: 13px;} .Detail_wrap_view .rev_list li span.r_date{font-size: 11px;} #rev_btn{width: 180px;} .btn_rev{width: 180px; margin: 10px auto 0; height:45px; line-height: 45px; font-size:1.1em;} .btn_rev i {font-size: 20px; transform: translateY(4px);)} } @media (max-width: 430px){ .Detail_wrap_view > div{width: 100%;} } .chk_rev input, .chk_rev progress {accent-color: red;} .plusBtn{ margin:5px 0 5px 0;width: 100%; height: 20px; font-size: 12px; line-height: 20px; color: #999; background: #ddd;border-radius: 5%; text-align: center;} .list_cate {float:left;width:50px;text-align:center;margin-left:5px;} .rev_checkbox{padding:0 10px 0 0;} .rev_checkbox input[type="checkbox"]:disabled label {color: #cdcdcd;} /* -------------------------------- 프로그램 신청-New -------------------------------- */ #Program-New{display: flex; gap: 50px;} /* 프로그램 정보 */ #Program-New .prog_info{width: 400px;} #Program-New .prog_info h2.tit{margin-bottom: 20px; font-size: 28px; font-weight: 700; color: #222; letter-spacing: -0.5px; transition: all 0.4s ease;} #Program-New .prog_info .img_box{width: 100%; max-width: 200px; margin: 0 auto;} #Program-New .prog_info .img_box img{width: 100%;} #Program-New .prog_info .txt_box{margin-top: 30px;} #Program-New .prog_info .txt_box .s_box_wr{} #Program-New .prog_info .txt_box .s_box_wr .s_box{overflow: hidden; margin-bottom: 15px; font-size: 16px; letter-spacing: -0.5px;} #Program-New .prog_info .txt_box .s_box_wr .s_box i{float: left; color: #1861fb; margin-right: 5px;} #Program-New .prog_info .txt_box .s_box_wr .s_box p{margin-top: 5px; font-weight: 500; font-size: 17px; line-height: 1.4; color:#666;} #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a{display: flex; align-items: center; gap: 15px; margin-top: 6px; padding: 10px 15px; border-radius: 6px; border: 1px solid rgba(43,101,254,.3); background: #fff; transition:all 0.4s ease;} #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a span.down_btn{display: block; width: 30px; height: 30px; background: #f5f5f5; border-radius: 50%; text-align: center; line-height: 30px; transition:all 0.4s ease;} #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a span.down_btn i{float: none; display: inline-block; margin-right: 0; transition:all 0.4s ease;} #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a p{width: calc(100% - 30px); font-weight: 400; font-size: 14px; color: #444; line-height: 1.3;} #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a:hover{border-color: #2b65fe; } #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a:hover span.down_btn{background: #2b65fe;} #Program-New .prog_info .txt_box .s_box_wr .s_box.s_file a:hover span.down_btn i{color: #fff;} #Program-New .prog_info .txt_box .detailTitle_wr{position: relative;} #Program-New .prog_info .txt_box .detailTitle_wr .detailTitle{font-size: 17px;} #Program-New .prog_info .txt_box .detailTitle_wr .v_more_btn{position: absolute; top: 5px; right: 10px; border-radius: 0; background: none; border: 0; font-weight: 500; font-size: 14px; color: #2b65fe;} #Program-New .prog_info .txt_box .detailContent{height: 300px; padding: 10px 20px; overflow-y: scroll; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; background: #f8f8fa;} /* 신청정보 입력 */ #Program-New .prog_write{width: calc(100% - 400px); padding: 25px 30px 40px; background: #f8f8fa; border-radius: 20px;} #Program-New .prog_write .write_div{padding: 25px 0; border-bottom: 1px solid #eee;} #Program-New .prog_write .write_div > label{display: block; margin-bottom: 15px; padding-left: 10px; font-weight: 600; font-size: 20px; color: #222;} #Program-New .prog_write .write_div > label p{} #Program-New .prog_write .write_div > label strong.req{display: inline-block; margin-left: 5px; font-weight: 600; color: #2b65fe;} #Program-New .prog_write .write_div input{} #Program-New .prog_write .write_div ul{display: flex; flex-wrap: wrap; gap: 5px;} #Program-New .prog_write .write_div ul li label{display: flex; align-items: center; gap: 5px; padding: 12px 15px; border: 1px solid #eee; border-radius: 10px; background: #fff;} #Program-New .prog_write .write_div ul li span{font-weight: 500; font-size: 16px; color: #222;} #Program-New .prog_write .w_txt_box{} #Program-New .prog_write .w_txt_box > label{} #Program-New .prog_write .w_txt_box input{width: 100%; height: 40px; padding: 0 15px; border: 0; border-radius: 50px; font-size: 16px; border: 1px solid #eee; background: #fff;} #Program-New .prog_write .w_file_box input{width: 100%; height: 50px; padding: 0 15px; border: 0; border-radius: 50px; font-size: 16px; line-height: 50px; border: 1px solid #eee; background: #fff;} /* view 페이지 */ #Program-New.view_page{display: block;} #Program-New.view_page .prog_info{display: flex; flex-wrap: wrap; width: 100%;} #Program-New.view_page .prog_info h2.tit{width: 100%; margin-bottom: 30px;} #Program-New.view_page .prog_info .img_box{margin: 0;} #Program-New.view_page .prog_info .txt_box{width: calc(100% - 200px); margin: 10px 0 50px; padding-left: 40px;} #Program-New.view_page .prog_write{width: 100%; margin-bottom: 40px; padding: 25px 30px;} #Program-New.view_page .prog_write .v_tit_wr{position: relative; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #cdcdcd;} #Program-New.view_page .prog_write .v_tit_wr span.num{display: inline-block; width: 25px; height: 25px; margin-right: 10px; background: #2b65fe; font-weight: 600; font-size: 13px; text-align: center; line-height: 25px; color: #fff;} #Program-New.view_page .prog_write .v_tit_wr h3.v_tit{font-size: 24px; font-weight: 700; color: #222; letter-spacing: -0.5px;} #Program-New.view_page .prog_write .v_tit_wr small{font-weight: 500; font-size: 17px; color: #888;} #Program-New.view_page .prog_write .v_tit_wr small b{font-weight: 600; color: #555;} #Program-New.view_page .prog_write .write_div{padding: 20px 0;} #Program-New.view_page .prog_write .write_div > label{padding-left: 0;} #Program-New.view_page .prog_write .write_div > p{font-weight: 500; font-size: 18px; color: #444;} #Program-New.view_page .prog_write .write_div ul li{display: flex; align-items: center; gap: 5px; padding: 12px 15px; border: 1px solid #eee; border-radius: 10px; background: #fff;} #Program-New.view_page .prog_write .write_div ul li p{font-weight: 500; font-size: 16px; color: #444;} #Program-New.view_page .prog_write .w_cont p{font-weight: 500; font-size: 16px; line-height: 1.5; color: #444;} #Program-New.view_page .user_info{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px;} #Program-New.view_page .user_info dl{width: calc(100%/2 - 10px); padding: 10px 20px; background: rgba(255,255,255,.6); border-radius: 10px; border: 1px solid #eee;} #Program-New.view_page .user_info dl dt{font-weight: 600; font-size: 16px; line-height: 1.5; color: #222;} #Program-New.view_page .user_info dl dd{font-weight: 500; font-size: 17px; line-height: 1.5; color: #444;} #Program-New.view_page .user_info dl dd p{display: inline-block;} @media (max-width: 1200px){ #Program-New .prog_info{width: 300px;} #Program-New .prog_info h2.tit{font-size: 24px;} #Program-New .prog_write{width: calc(100% - 300px);} #Program-New .prog_write .write_div > label{margin-bottom: 10px; font-size: 18px;} #Program-New .prog_write .write_div ul li label{padding: 10px; border-radius: 5px;} #Program-New .prog_write .write_div ul li span{font-size: 15px;} #Program-New .prog_write .w_file_box input{font-size: 14px;} #Program-New.view_page .prog_write .v_tit_wr h3.v_tit{font-size: 22px;} #Program-New.view_page .prog_write .v_tit_wr small{display: block; margin-top: 5px; font-size: 15px;} #Program-New.view_page .user_info dl{padding: 6px 12px;} #Program-New.view_page .user_info dl dt{font-size: 14px;} #Program-New.view_page .user_info dl dd{font-size: 15px;} } @media (max-width: 780px){ #Program-New{display: block;} #Program-New .prog_info{display: flex; flex-wrap: wrap; width: 100%; padding: 0 20px;} #Program-New .prog_info h2.tit{width: 100%; font-size: 22px;} #Program-New .prog_info .img_box{max-width: 180px;} #Program-New .prog_info .txt_box{width: calc(100% - 180px); margin-top: 0; padding: 10px 0 40px 25px;} #Program-New .prog_write{width: 100%; padding: 0 20px 30px; border-radius: 15px;} #Program-New .prog_write .write_div > label{font-size: 16px;} #Program-New.view_page .prog_info{display: block;} #Program-New.view_page .prog_info .img_box{margin: 0 auto;} #Program-New.view_page .prog_info .txt_box{width: 100%; padding-left: 0;} } @media (max-width: 500px){ #Program-New .prog_info{display: block; padding: 0;} #Program-New .prog_info h2.tit{font-size: 20px;} #Program-New .prog_info .img_box{max-width: 140px;} #Program-New .prog_info .txt_box{width: 100%; padding: 20px 0 40px;} #Program-New .prog_info .txt_box .s_box_wr .s_box p{font-size: 16px;} #Program-New.view_page .prog_write{padding: 25px 20px;} #Program-New.view_page .prog_write .v_tit_wr h3.v_tit{font-size: 18px;} #Program-New.view_page .prog_write .v_tit_wr span.num{width: 20px; height: 20px; margin-right: 6px; line-height: 20px; font-size: 10px;} #Program-New.view_page .prog_write .v_tit_wr small{font-size: 14px;} #Program-New.view_page .prog_write .write_div ul li{padding: 6px 12px; border-radius: 5px;} #Program-New.view_page .prog_write .write_div ul li p{font-size: 14px;} #Program-New.view_page .prog_write .write_div > p{font-size: 16px;} #Program-New.view_page .prog_write .w_cont p{font-size: 15px;} #Program-New.view_page .user_info dl{width: 100%;} } /* -------------------------------- 개인정보취급방침 -------------------------------- */ #privacy-policy{line-height: 1.6;} #privacy-policy div.pp_box{margin-bottom: 70px;} #privacy-policy div.pp_box:last-child{margin-bottom: 0;} #privacy-policy p + dl{margin-top: 20px;} #privacy-policy h2{display:block; margin: 50px 0; font-weight: 700; font-size: 32px; text-align: center;} #privacy-policy h3.tit{display:block; margin:0 0 10px; font-weight: 700; font-size: 28px; text-align: left;} #privacy-policy p{margin: 0; font-weight: 500; font-size: 18px; color: #333;} #privacy-policy .dott_list li{font-size: 18px;} #privacy-policy dl + dl{margin-top: 20px;} #privacy-policy dt{font-size: 20px; display:inline-block;width:100%;color:#2b65fe;line-height:inherit;font-weight:700;margin: 0px 0 10px;} #privacy-policy dd{font-weight: 500; font-size: 18px; color: #333;} @media (max-width: 500px){ #privacy-policy h2{font-size: 20px;} #privacy-policy h3.tit{font-size: 18px;} #privacy-policy p{font-size: 16px;} #privacy-policy dt{font-size: 17px;} #privacy-policy dd{font-size: 16px;} #privacy-policy .dott_list li{font-size: 16px;} } /* -------------------------------- 이메일무단수집거부 -------------------------------- */ #nonMail{padding-bottom: 80px;} #nonMail .contTit-s{margin-top:50px;} #nonMail .ui-topbox .txtwrap p{/*margin:30px 0 0;*/} #nonMail .ui-ftbox .inner{text-align:center;} .ui-topbox{overflow:hidden;position:relative;padding:3px;background:#f1f3f6;border:none;border-radius: 0;word-break: keep-all;border-radius: 25px;} .ui-topbox .inner{position:relative;min-height: 185px;background:#fff;padding:30px 60px 30px 205px;border-radius: 22px;z-index:3;display:flex;align-items:center;} .ui-topbox .inner.img-inner{padding-left:320px; min-height:300px;} .ui-topbox .img{top:35px; left:40px; width:230px; height:230px; display:block; position:absolute;} .ui-topbox .img15{background:url("/images/sub/img_15.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .img-step{background:url("/images/sub/img_steps.png") no-repeat 50% 50%; background-size:100%;} .ui-topbox .icon{top:40px;left:60px;width:105px;height:105px;background-color: #2b65fe;display: flex;font-size: 40px;line-height: 74px;color: #fff;border-radius:50%;position:absolute;justify-content: center;align-items: center;} .ui-topbox .ico-15{background:url("/images/sub/2469996.png") no-repeat 50% 50% #2b65fe; background-size:60%;} .ui-topbox .ico-pro{background:url("/images/sub/3976516.png") no-repeat 50% 50% #2b65fe;background-size: 60%;} .ui-topbox .ico-pro-d{background:url("/images/sub/2470035.png") no-repeat 50% 50% #2b65fe;background-size: 50%;} .ui-topbox .ico-mail{background:url("/images/sub/4663958.png") no-repeat 50% 50% #2b65fe; background-size:60%;} .ui-topbox .txtwrap{position:relative;width: 100%;display: block;} .ui-topbox .txtwrap > p{font-size: 18px;line-height:1.6;color:#8d8d8d;} .ui-topbox .txtwrap p + p{margin-top:15px;} .ui-topbox .txtwrap .tit-wrap{display:flex;align-items:flex-end;flex-wrap:wrap;margin: auto;font-size: 32px;line-height:1.6;color: #333;font-family:'GmarketSansBold';letter-spacing: 0;} .ui-topbox .txtwrap .tit-wrap > strong{color: #00ffd5;font-weight:normal;} .ui-topbox .txtwrap p > strong{color: #2b65fe;font-weight: bold;} .ui-topbox .txtwrap p > b{color: #222;font-weight:600;} .ui-topbox .txtwrap strong.logo-img{margin-right:15px; background:url("/images/common/logo_c.png") 0 0 no-repeat; display:inline-block; width:230px; height:36px; background-size:230px; text-indent:-9999px;} .ui-ftbox{overflow:hidden;position:relative;background:#fafafa;border:1px solid #eaeaea;margin-top:40px;border-radius: 25px;} .ui-ftbox .inner{position:relative; padding:30px;} .ui-ftbox .btn-black{transition:.2s ease-out;text-align:center;display: inline-flex;background: #2b65fe;border-radius: 50px;padding:15px 30px;color:#fff;font-weight: 500;gap: 10px;font-size: 17px;align-items: center;justify-content: center;} .ui-ftbox .btn-black:hover{background:#222;} @media (max-width: 1024px){ .ui-topbox .inner.img-inner{padding-left:30px; flex-direction:column;} .ui-topbox .img15, .ui-topbox .img-step{position:relative; width:280px; height:280px; left:auto; top:auto; margin-bottom:20px;} .ui-topbox .inner.img-inner .tit-wrap{ justify-content:center; margin-bottom:10px;} } @media (max-width: 740px){ .ui-topbox {border-radius: 15px;} .ui-topbox:before {border-radius: 15px 15px 0 0;} .ui-topbox:after {border-radius: 10px 0 0 0;} .ui-topbox .inner{padding: 15px;min-height:auto;border-radius: 11px;} .ui-topbox .inner.img-inner{padding:20px 20px;} .ui-topbox .img15, .ui-topbox .img-step{width:200px; height:200px;} .ui-topbox .icon{display:none;} .ui-topbox .txtwrap .tit-wrap{display:block; font-size:22px; line-height:1.2;} .ui-topbox .txtwrap strong.logo-img{display:block; margin-right:0; width:180px; height:29px; background-size:100%; margin-bottom:10px;} .ui-topbox .txtwrap p{font-size:14px;} } @media (max-width: 500px){ #nonMail{padding-bottom: 0;} .ui-ftbox .btn-black{font-size: 14px;} } /* sub4_2 회원가입 약관 */ /* 공통 */ .sRegi_form .step_box{position: relative; display: inline-block; margin: 30px auto 0;} .sRegi_form .step_box::before{content:''; position: absolute; top: 35px; left: 80px; display: block; width: 300px; height: 1px; background: #cdcdcd; z-index: -1;} .sRegi_form .step_box .step{display: inline-block; margin-right: 40px; text-align: center;} .sRegi_form .step_box .step:last-child{margin-right: 0;} .sRegi_form .step_box .step .icon{display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 0 auto; border-radius: 50%; background: #f4f4f4;} .sRegi_form .step_box .step .icon img{width: 30px; opacity: .3;} .sRegi_form .step_box .step p{margin-top: 10px; font-size: 18px; font-weight: 600; letter-spacing: -0.5px; color: #999;} .sRegi_form .step_box .step.active .icon img{filter :brightness(0) invert(1);opacity: 1;} .sRegi_form .step_box .step.active .icon{background: #2b65fe;} .sRegi_form p.agree_txt{display: block; margin-bottom: 30px; padding: 15px 30px; font-size: 20px; font-weight: 600; text-align: center; letter-spacing: -0.5px; color: #fff; background: #252525; word-break: keep-all;} .sRegi_form p.agree_txt .red{color: #2b65fe;} .sRegi_form .table_wrap h4.t_tit{margin-bottom: 15px; font-size: 20px; font-weight: 700; text-align: left; letter-spacing: -0.5px; color: #333;} .sRegi_form .table_wrap h4.t_tit span.num{display: inline-block; margin-right: 8px; padding: 2px 8px; background: #252525; color: #fff;} .sRegi_form .bott_txt{margin-top: 10px; font-weight: 500; font-size: 16px; letter-spacing: -0.5px; color: #999; word-break: keep-all;} .sRegi_form .bott_txt p{margin-bottom: 15px; word-break: keep-all;} .sRegi_form .bott_txt span.date{color: #888;} /* sub4_2_1 회원가입: 1단계 약관확인 */ .sRegi_form .part1{max-width: 1400px; margin: 0 auto; text-align: center;} .sRegi_form .part1 h3.tit{text-align: left;} .sRegi_form .part2{width: 100%; margin-top: 50px; padding: 50px 20px 80px; background: #f9f9f9;} .sRegi_form .part3{width: 100%; padding: 0 20px 80px; background: #f9f9f9;} .sRegi_form .register{max-width: 1400px; margin: 0 auto; padding: 50px 60px; background: #fff; box-shadow: 5px 5px 20px rgba(0,0,0,.1);} .sRegi_form .register .dott_list{margin-bottom: 30px; } .sRegi_form .register section{position: relative; margin-bottom: 30px;} .sRegi_form .register section h2{margin-bottom: 10px; padding: 15px 20px;font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; color: #222; border: 1px solid #555;} .sRegi_form .register section h2 span.requ{display: inline-block; padding-left: 5px; font-size: 16px; color: #2b65fe;} .sRegi_form .register section textarea{width: 100%; height: 300px; padding: 20px; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; color: #666; word-break: keep-all; border: 1px solid #cdcdcd} .sRegi_form .register section .fregister_agree{position: absolute; top: 20px; right: 20px;} .sRegi_form .register section .fregister_agree .selec_chk{width: 16px !important; height: 16px !important;} .sRegi_form .register #fregister_chkall{padding: 15px 20px;font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.5px; text-align: center; color: #222; border: 1px solid #555; word-break: keep-all;} .sRegi_form .register #fregister_chkall .selec_chk{margin-left: 15px; width: 16px !important; height: 16px !important;} /* sub4_2_2 회원가입: 2단계 회원정보 입력 */ .sRegi_form .reqTable{max-width: 1400px; margin: 0 auto; padding: 50px 60px; background: #fff; box-shadow: 5px 5px 20px rgba(0,0,0,.1);} .sRegi_form .reqTable .dott_list{padding: 20px 30px;} .sRegi_form .reqTable .dott_list li{margin-bottom: 5px; font-weight: 500; font-size: 16px;} .reqTable tr td{padding:15px 25px; background:#fff; border-bottom:1px solid #e2e3e5; flex:1 1 75%; text-align:left; font-size: 16px; font-weight: 500;} .reqTable tr td:first-child p {font-size: 16px; font-weight: 500; text-align: center;} .reqTable tr td:first-child p span.reqP{color:#2b65fe;} .reqTable tr td > div {display: inline-block;} .reqTable tr td > div.check_list{display: flex; flex-wrap: wrap; gap: 10px;} .reqTable tr td > div.check_list input{margin-right: 5px;} .reqTable tr td .rc_input {width: 40%;height: 40px !important;padding-left: 10px;border: 1px solid #e2e3e5;margin-bottom: 10px; font-size: 16px;} .reqTable tr td input.id_button, .reqTable tr td input.email_button, .reqTable tr td input.add_button {display: inline-block; padding: 5px 20px; height: 38px; font-size: 15px; font-weight: 400; text-align: center;margin-left: 10px; color: #fff; background: #252525; border: none;margin-bottom: 10px;} .reqTable tr td input.add_input {width: 100%;} input, button {margin: 0; padding: 0; font-family: 'Noto Sans KR','Malgun Gothic', dotum, sans-serif; font-size: 14px;} /* request input */ .reqTable textarea {width: 100% !important; height: 150px !important; padding: 10px !important; overflow-y: scroll; border: 1px solid #ddd; } .reqTable #reg_mb_id, .reqTable #reg_mb_password{width: 300px;} .reqTable #reg_mb_password_re{width: 300px;} .reqTable #reg_mb_nick{width: 300px;} .reqTable #reg_mb_name{width: 300px;} .reqTable p.idtip{font-weight: 400; font-size: 15px; color: #888;} .reqTable .reqInput, .reqTable .reqSelect {font-size: 16px; line-height: inherit; height: 38px; padding: 0 10px; border: 1px solid #ddd; margin-bottom: 10px;} .reqTable .w100{width: 100%;} .degree .dip {width:32.8%; margin-bottom: 0;} /* request info */ .reqInfo {margin-bottom: 35px;} .reqInfo > p {font-weight: 600; text-align: center; font-size: 1.7rem; margin-bottom: 25px;} .reqInfo .reqInfo-inner {width: 90%; margin-left: 5%; padding: 40px 30px; background: #f5f5f5; height: 300px; overflow-y: scroll;} .reqInfo .reqInfo-inner ol li {list-style: normal;} .reqInfo .reqInfo-inner li {color:#888;line-height: 1.35; font-size: 95%;} .reqInfo .reqInfo-inner p {color: #666; line-height: 1.4; font-size: 0.98rem;} .reqInfo .reqInfo-inner a {display: inline-block; color:inherit;} .reqInfo .reqInfo-agree {text-align: right; width: 90%; margin: 15px 5% 0 auto;} input.frm_file {width: 100%;} /* radio box */ .reqTable .radio_box{display: flex;} .reqTable .radio_box label{display: flex; align-items: center; margin-right: 20px;} .reqTable .radio_box label:last-child{margin-right: 0;} .reqTable .radio_box label input{width: 16px !important; height: 16px !important;} .reqTable .radio_box label span{padding-left: 10px; font-size: 18px; font-weight: 500;} /* sub4_2_3 회원가입: 3단계 가입완료 */ .sRegi_form .reqComp_top{text-align: center;} .sRegi_form .reqComp_top img{width: 50px; margin-bottom: 20px;} .sRegi_form .reqComp_top h3{margin-bottom: 15px; font-size: 30px; font-weight: 700; letter-spacing: -0.5px; color: #333;} .sRegi_form .reqComp_top p{margin-bottom: 10px; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #666;} .s_con table tbody tr td.type span{display: inline-block; padding: 10px 15px; background: #2b65fe; color: #fff; font-weight: 600; border-radius: 5px;} .s_con table tbody tr td.type2 span{display: inline-block; padding: 10px 15px; background: #103868; color: #fff; font-weight: 600; border-radius: 5px;} .sRegi_form .reqComp .info_box .table_wrap table tbody .tdPw .radio_box, .sRegi_form .reqComp .info_box .table_wrap table tbody .tdMail .radio_box{flex-wrap: wrap; margin-top: 10px;} .sRegi_form .reqComp .info_box .table_wrap table tbody .tdMail .email_now p{display: inline-block; margin-top:8px;} .sRegi_form .reqComp .info_box .table_wrap table tbody .tdPw .pw_edit, .sRegi_form .reqComp .info_box .table_wrap table tbody .tdMail .email_edit{width: 100%; margin-top: 15px; padding: 20px 30px; background: #f9f9f9;} .sRegi_form .reqComp .info_box .table_wrap table tbody .tdMail .email_edit .reqInput{width: 180px;} .sRegi_form .reqComp .info_box .table_wrap table tbody .tdPw .pw_edit .dott_list, .sRegi_form .reqComp .info_box .table_wrap table tbody .tdMail .email_edit .dott_list{margin-top: 0; padding: 0;} /* sub4_2_4 회원정보 : 비밀번호 확인 */ .sRegi_form .pw_box{max-width: 1000px; margin: 0 auto 50px;} .sRegi_form .pw_box .pw_txtbox{margin: 20px 0;} .sRegi_form .pw_box .pw_txtbox > p{margin-bottom: 50px; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #666; word-break: keep-all;} .sRegi_form .pw_box .pw_txtbox .pw_form{display: flex; justify-content: center; align-items: center;} .sRegi_form .pw_box .pw_txtbox .pw_form p.pw_tit{margin-right: 20px; font-size: 20px; font-weight: 600;} .sRegi_form .pw_box .pw_txtbox .pw_form .reqInput{font-size: 18px; line-height: inherit; width: 300px; height: 38px; padding: 0 10px; border: 1px solid #ddd;} .sRegi_form .pw_box .dott_list li{text-align: left; font-size: 18px;} @media (max-width: 1800px){ .sRegi_form .part1 h3.tit{margin-left: 20px;} } @media (max-width: 991px){ .sRegi_form .table_wrap table{width: 100% !important;} .sRegi_form .reqTable tr td:first-child p{font-size: 16px;} .sRegi_form .reqTable .reqInput, .sRegi_form .reqTable .reqSelect{width: 100% !important;} .sRegi_form table tbody tr td{padding: 20px 10px;} .sRegi_form .reqTable .radio_box label span{font-size: 16px;} .sRegi_form .reqTable .radio_box{flex-wrap: wrap; gap: 5px;} .sRegi_form .reqTable .radio_box label{width: 100%; margin-right: 0;} .sRegi_form table tbody tr td.degree .reqInput{margin-bottom: 5px;} .sRegi_form table tbody tr td.degree .reqInput:last-child{margin-bottom: 0;} .sRegi_form .reqTable #reg_mb_zip{width: 110px !important;} .sRegi_form button.btn_frmline{width: 80px; height: 38px; font-size: 14px;} .sRegi_form .reqComp_top h3{font-size: 25px;} .sConf_pub .reqComp_top h3{font-size: 25px;} } @media (max-width: 767px){ .sRegi_form .step_box::before{top: 25px; left: 40px; width: 260px;} .sRegi_form .step_box .step{margin-right: 20px;} .sRegi_form .step_box .step p{font-size: 16px;} .sRegi_form .step_box .step .icon{width: 50px; height: 50px;} .sRegi_form .step_box .step .icon img{width: 21px;} .sRegi_form .register{padding: 30px;} .sRegi_form p.agree_txt{font-size: 18px;} .sRegi_form .register section h2{font-size: 18px;} .sRegi_form .register #fregister_chkall{font-size: 18px;} .sRegi_form .reqTable{padding: 30px;} .sRegi_form .reqTable .dott_list{padding: 15px 10px;} .sRegi_form .reqTable .dott_list li{font-size: 14px;} .sRegi_form .reqTable tr td{font-size: 16px !important; word-break: keep-all;} .sRegi_form .bott_txt{font-size: 16px;} .sRegi_form .reqComp_top h3{font-size: 23px;} .sRegi_form .btn_close_01, .sRegi_form .btn_close_02{padding: 15px 20px; font-size: 16px;} .sRegi_form .reqComp_top{padding-bottom: 20px;} .sRegi_form .reqComp_top h3{margin-bottom: 5px;} .sRegi_form .reqComp .info_box{padding-top: 0;} .sRegi_form p.info_txt{padding: 20px 10px; font-size: 16px;} .sRegi_form .pw_box .pw_txtbox > p{font-size: 16px;} .sRegi_form .pw_box .pw_txtbox .pw_form{flex-wrap: wrap;} .sRegi_form .pw_box .pw_txtbox .pw_form p.pw_tit{margin-right: 0; margin-bottom: 10px; font-size: 18px;} .sRegi_form .pw_box .pw_txtbox .pw_form .reqInput{width: 90%;} .sRegi_form .pw_box .dott_list li{font-size: 16px;} .sConf_pub .reqTable tr td.tdTel .reqSelect{margin: 0 !important;} .sConf_pub table tbody tr td{padding: 20px 5px;} .sConf_pub .reqTable .radio_box{flex-wrap: wrap; gap: 5px;} .sConf_pub .reqTable .radio_box label{width: 100%;} .sConf_pub .reqTable .radio_box label span{font-size: 16px;} .sConf_pub .reqComp_top h3{font-size: 23px;} .sConf_pub .reqComp_top p{font-size: 16px;} } @media (max-width: 450px){ .sRegi_form .step_box{width: 90%;} .sRegi_form .step_box::before{display: none;} .sRegi_form .step_box .step{display: flex; justify-content: center; align-items: center; margin-right: 0; margin-bottom: 5px;} .sRegi_form .step_box .step .icon{width: 45px; height: 45px; margin: 0;} .sRegi_form .step_box .step p{margin: 0 0 0 10px;} .sRegi_form .part2{margin-top: 20px; padding: 30px 20px 40px;} .sRegi_form .register{padding: 20px;} .sRegi_form p.agree_txt{font-size: 16px;} .sRegi_form .register section h2{padding: 10px; font-size: 16px;} .sRegi_form .register section .fregister_agree{top: 10px;} .sRegi_form .register section .fregister_agree .selec_chk{width: 14px !important; height: 14px !important;} .sRegi_form .register #fregister_chkall{padding: 10px; font-size: 16px;} .sRegi_form .register #fregister_chkall .selec_chk{width: 14px !important; height: 14px !important;} .sRegi_form .reqTable{padding: 20px;} .sRegi_form .reqTable tr td:first-child p{font-size: 14px;} .sRegi_form .reqTable #reg_mb_zip{width: 80px !important;} .sRegi_form button.btn_frmline{width: 55px; height: 38px; font-size: 12px;} #captcha.m_captcha audio{width: 125px !important;} .sRegi_form .reqComp_top h3{font-size: 20px;} .sRegi_form .reqComp .info_box .table_wrap table tbody tr td{padding: 10px; font-size: 14px !important} .sRegi_form .dott_list{padding: 15px 10px;} .sRegi_form .dott_list li{margin-bottom: 5px;} .sConf_pub .reqTable tr td:first-child p{font-size: 14px;} .sConf_pub .table_wrap table tbody tr td .auth_txt .reqInput{width:100px !important;} .sConf_pub .author-field .reqInput{width:100px !important;} .sConf_pub .reqComp_top h3{font-size: 20px;} } /* sub4_2_5 회원정보 : 탈퇴 */ .sRegi_form .reqDlet .dott_list{margin-top: 0;} .sRegi_form .reqDlet .dott_list li{font-size: 18px;} .sRegi_form .reqDlet .contact{padding: 15px 20px; border: 1px solid #555;} .sRegi_form .reqDlet .contact p{font-size: 20px; font-weight: 700; letter-spacing: -0.5px; text-align: center; color: #222; word-break: keep-all;} .sRegi_form .reqDlet .contact p a{color: #222; word-break: keep-all; transition:all 0.4s ease;} .sRegi_form .reqDlet .contact p a:hover{color:#2b65fe;} /* sub4_2_1 회원가입: 1단계 약관확인 */ .sRegi_agree{max-width: 1400px; margin: 0 auto; padding: 50px 60px;} .sRegi_agree .part1{} .sRegi_agree .part1 .top_txt{margin-bottom: 30px;} .sRegi_agree .part1 .top_txt p{margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.5px; color: #333;} .sRegi_agree .part1 .top_txt p span.red{color: #2b65fe;} .sRegi_agree .part1 .rtTxt{margin-bottom: 30px;} .sRegi_agree .part1 .rtTxt:last-child{margin-bottom: 0;} .sRegi_agree .part1 .rtTxt h3.tit{margin-bottom: 10px;} .sRegi_agree .part1 .rtTxt p{margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.5px; color: #333; word-break: keep-all;} .sRegi_agree .part1 .rtTxt .dott_list{margin-bottom: 10px; padding: 20px; background: #f9f9f9; } .sRegi_agree .part1 .rtTxt .dott_list li{margin-bottom: 3px; font-size: 18px;} @media (max-width: 767px){ .sRegi_agree{padding: 30px 20px;} .sRegi_agree .part1 .top_txt p{font-size: 16px;} .sRegi_agree .part1 .rtTxt p{font-size: 16px;} .sRegi_agree .part1 .rtTxt .dott_list li{font-size: 16px;} } @media (max-width: 450px){ .sRegi_agree .part1 .rtTxt .dott_list{padding: 20px 15px; } } /* 마이페이지 */ #Mypage{position: relative;min-height: 500px; padding-bottom:140px;} #Mypage .mypage-wrap{display: flex;width: 100%;} #Mypage .mypage-wrap .left-cont{width: 240px; position:relative; padding-right:24px;} #Mypage .profile{display: flex; width: 100%; gap: 16px; flex-direction: column; align-items: center;} #Mypage .profile .img{ width: 80px; height: 80px; text-align: center; overflow: hidden; border: 1px solid #dde2e6; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background:url("/images/common/profile_img.png") #ededed; } #Mypage .profile .img img{max-width:100%;} #Mypage .profile .tit{font-size: 18px;font-weight: normal;line-height: 1.5;display: flex;position: relative;align-items: center;padding: 0;max-width: 100%;color: #888;} #Mypage .profile .tit b{margin-right: 5px; font-weight: 700; font-size: 22px; color: #222;} #Mypage .profile .sub-tit{font-size: 16px;position: relative;border-radius: 100px;width:120px;line-height: 1;text-align: center;min-height: 32px;display:flex;background-color: #345ad5;color: #fff;font-weight: 700;justify-content: center;align-items: center;} #Mypage .profile .modi-btn{display:flex;line-height: 1;font-size: 15px;letter-spacing: -.5px;font-weight: 500;color: #495057;justify-content: center;align-items: center;} #Mypage .profile .modi-btn > i{font-weight: 100;font-size: 24px;color: #2b65fe;} #Mypage .log-out{margin-top: 32px; border-top: 1px solid #f2f4f6; padding-top: 32px;} #Mypage .log-out p{font-size: 16px;font-weight: 400;line-height: 1.5;margin-bottom: 16px;text-align: center;color: #495057;} #Mypage .log-out p b{position: relative; font-weight: 600; color: #222;} #Mypage .log-out p b::before{content:''; position: absolute; bottom: -4px; left: 0; display: block; width: 100%; height: 1px; background: #2b65fe;} #Mypage .log-out a{transition:.3s; width:100%;display: flex;background:#fff; border: 1px solid #bbb; padding: 9px 15px;height: 40px;font-weight: 500;font-size: 16px; color: #222; align-items: center;justify-content: center;border-radius: 100px;} #Mypage .log-out a i{margin-left: 5px; color: #2b65fe;} #Mypage .log-out a:hover{border-color: #222; background-color: #222; color: #fff;} #Mypage .mypage-wrap .right-cont{width: calc(100% - 240px);position:relative; padding-left:24px;} #Mypage .mypage-wrap .right-cont:before{content:"";width:1px;height:100%;display:block;background: #f2f4f6;position:absolute;left:0;top:0;} #Mypage .modi-cont{position:relative;} #Mypage .modi-cont .modi-tit{font-size: 22px; letter-spacing: -.5px; color: #222; font-weight: bold; margin-bottom: 15px; display: block;} #Mypage .modi-cont .modi-box{border-radius: 20px;background-color: #f8f8fa;overflow: hidden;display: flex;flex-wrap: wrap;position: relative; gap: 10px;padding: 30px;} #Mypage .modi-cont .modi-box dl{width: calc(50% - 5px); box-sizing: border-box; display: flex; padding: 10px 15px; background: #fff; border-radius: 8px; border: 1px solid #eee;} #Mypage .modi-cont .modi-box dl + dl{} #Mypage .modi-cont .modi-box dl > dt{color: #666;font-weight: 500; font-size: 15px;/* margin-bottom: 5px; */width: 115px;} #Mypage .modi-cont .modi-box dl > dd{position: relative;font-size: 16px;line-height: 1.4;color: #333;width: calc(100% - 115px);} #Mypage .modi-cont .modi-box dl > dd b{font-weight: 600;} #Mypage .modi-cont .modi-box dl > dt > i{} #Mypage .modi-cont .modi-box .txt-color{} #Mypage .status-list{width: 100%;display: flex;flex-direction: column;gap: 10px;} #Mypage .status-list > li{} #Mypage .status-list .st-item{background: #fff;border-radius: 15px;position: relative;padding: 15px 30px; border: 1px solid #eee;} #Mypage .status-list .st-item a{font-size: 17px;font-weight: 600;color: #000;} #Mypage .status-list .st-item i{position: absolute;right: 20px;transform: translateY(-50%);top: 50%;color: #959595;font-size: 24px;font-weight: normal;} #Mypage .info-situ{display: inline-block;} #Mypage .info-situ .situBox{color:#fff;} #Mypage .com-btn{border:0; background:none; font-weight:600;} #Mypage .com-btn i{font-weight:normal;} #Mypage .com-btn:hover{text-decoration:underline;} #Mypage .m-print{transition:.3s;display:block;text-align:center;background:#fff;border:1px solid #345ad5;color:#345ad5;margin-top:10px;font-size: 20px;font-weight: bold;padding: 20px 40px;border-radius:100px;} #Mypage .m-print i{font-weight:normal;} #Mypage .m-print:hover{background:rgb(52 90 213 / 10%);} #Mypage .icon-complete{font-size: 13px; position: relative; padding: 5px 10px; border-radius: 100px; line-height: 1; text-align: center; display: inline-flex; background-color: #63718f; color: #fff; font-weight: 500; justify-content: center; align-items: center;} #Mypage .modi-cont .modi-box .st-dl-wr{display:block;margin-top: 10px;} #Mypage .modi-cont .modi-box .st-dl{display:flex;align-items: flex-start;} #Mypage .modi-cont .modi-box .st-dl dt{font-size:15px;color:#777;font-weight:600;width: 70px;line-height: 1.5;} #Mypage .modi-cont .modi-box .st-dl dd{font-size:15px;color: #333;line-height: 1.5;font-weight:500;} #Mypage .modi-cont .modi-box .st-dl dd a{} @media (max-width: 1300px){ } @media (max-width: 1240px){ #Mypage .modi-cont .modi-box {flex-direction: column;} #Mypage .modi-cont .modi-box dl{width: 100%;} } @media (max-width: 1170px){ } @media (max-width: 1024px){ } @media (max-width: 767px){ #Mypage .mypage-wrap{padding:30px 0;} #Mypage .mypage-wrap {flex-direction: column; align-items: center;} #Mypage .mypage-wrap .left-cont {width: 100%; padding-right: 0;} #Mypage .mypage-wrap .right-cont {width: 100%; padding-left: 0; margin-top: 40px;} #Mypage .mypage-wrap .right-cont:before{display:none;} #Mypage .modi-cont .modi-box{padding:15px; border-radius:10px;} #Mypage .modi-cont .modi-box dl {width: 100%;} #Mypage .modi-cont .modi-box dl > dt, #Mypage .modi-cont .modi-box dl > dd{font-size:16px;} } @media (max-width: 640px){ } @media (max-width: 520px){ #Mypage .modi-cont .modi-box dl {width:100%; flex-direction: column; gap: 7px;} #Mypage .modi-cont .modi-box dl > dd{width:100%;} }