.tabDepth>a, .lastDepth>a, .depth3>a, .depth3>a>span:before, .faq_list>li .q, .faq_list>li .q>.bul, #mVisual .visualRoll .slider>div, #mVisual .vTxtArea .ii, #mVisual .slick-dots>li button, #mVisual .slick-dots>li button:before, #mVisual .vTxt .ii, #mVisual .iconMenu .inConts>a, .mSolution .mSolutionBox .mSolution_txt .btns>a, .mQuick>* .btns>a, #mRoute .routeMap #routeBtn>a, #mAbout .linkAbout>a .thumb img, .mProduct>.list a>.lay, .cont_img .btns>a, #com-area .imgbox{transition: all .3s ease-out; transform-origin: 50% 50%;} .historyArea .history_box>.logo>span, .historyArea .history_box>.list:before, #mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;} #mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;} /*[s] All Style */ .bg_thumb_box{width:100%; height:100%; background-repeat: no-repeat; background-position: center center; box-sizing: border-box;} img.bg_thumb{opacity: 0;} img.ofi{width:100%; height:100%; object-fit:cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center;';} .tbLayout{width:100%; display:table;} .tbLayout.fixed{table-layout: fixed;} .tbLayout>*{display:table-cell; vertical-align: middle; box-sizing: border-box;} .tbLayout.vat>.td{vertical-align: top;} .tbLayout.full{width:1920px; margin-left:-960px; position: relative; left:50%;} .nTable{width:100%; border-top:2px solid #333; font-size:0; line-height:0;} .nTable>table{width:100%; border-spacing:0; table-layout : fixed;} .nTable>table th, .nTable>table td{padding:3rem 4.5rem; background-color: #fff; border-bottom:1px solid #dadada; font-size:1.7rem; line-height:1.5; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;} .nTable>table th{height:5rem; padding:0; border-right:1px solid #dadada; font-size:1.8rem; color: #333; text-align: center;} .nTable>table>thead>tr>th{background-color: #f8f9fb; font-weight: 500;} .nTable>table>tbody>tr>th{} .nTable>table .inT{margin-right:2rem; display:inline-block;} .nTable>table .transportation{} .nTable>table .transportation>li{padding-left:7.5rem; position: relative;} .nTable>table .transportation>li+li{margin-top:2rem;} .nTable>table .transportation>li>p{font-weight: bold; font-size:1.8rem; line-height:3rem; color: #333; position: absolute; left:0; top:0;} .nTable>table .transportation>li>dl{display: flex; justify-content: space-between;} .nTable>table .transportation>li>dl+dl{margin-top:1rem;} .nTable>table .transportation>li>dl>dt{padding-right:1rem; white-space: nowrap;} .nTable>table .transportation>li>dl>dt>span{padding:0 0.8rem; background-color: #a2133f; font-size:1.5rem; line-height:3rem; color: #fff; display:inline-block; border-radius:3px;} .nTable>table .transportation>li>dl>dt.g>span{background-color: #48a824;} .nTable>table .transportation>li>dl>dt.b>span{background-color: #205cc0;} .nTable>table .transportation>li>dl>dt.h>span{background-color: #2faebd;} .nTable>table .transportation>li>dl>dt.r>span{background-color: #da352d;} .nTable>table .transportation>li>dl>dd{width:100%;} .nTable>table .transportation>li>dl>dd .inT{margin-right:1.5rem; font-size:1.6rem; line-height:3rem;} .nTable.en>table .transportation>li{padding-left:8.5rem;} .nTable>table .tit{padding-bottom:0.5rem; font-weight: 400; color: #1b1b1b;} .nTable>table ul.bul{} .nTable>table ul.bul>li{font-weight: 300; font-size:1.7rem; line-height:1.6; color: #666;} .nTable>table .icon{width:14.5rem; margin:0 auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left;} .nTable>table .icon>dt{width:5.8rem;} .nTable>table .icon .i01{width:3.3rem;} .nTable>table .icon .i02{width:3.8rem;} .nTable>table .icon .i03{width:3.5rem;} .nTable>table .icon .i04{width:2.7rem;} .nTable>table .icon .i05{width:3.4rem;} .nTable>table .icon .i06{width:3.6rem;} .nTable.small{margin-top:1.5rem; border:1px solid #2f3334; overflow:hidden;} .nTable.small>table{width:calc(100% + 3px); margin:-1px; background-color: #bcbcbc; border-spacing:1px;} .nTable.small>table th, .nTable.small>table td{padding:10px; border:none; font-weight: 400; font-size:15px; line-height:20px; color: #595959; text-align: center;} .nTable.small>table>thead>tr>th{background-color: #e9e9e9; font-size:16px; color: #262626;} .nTable.small>table>tbody>tr>th{width:auto; border-right:none;} .nTable +.nTable{margin-top:40px;} .tabDepth{width:100%; margin-bottom:35px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden;} .tabDepth>a{width:19rem; height:46px; background-color: #fdfdfd; border:1px solid #e2e2e2; font-size:18px; line-height:1.2; color: #737373; display:inline-block; vertical-align: top; box-sizing: border-box;} .tabDepth>a+a{margin-left:-1px;} .tabDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .tabDepth>a:hover, .tabDepth>a.active{background-color: #1b54aa; border-color:#1b54aa; color: #fff; z-index:2;} .depth3{width:100%; margin-bottom:70px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; position: relative;} .depth3:before{content: ""; width: 100%; height: 1px; background-color: #b0b0b0; display: inline-block; position:absolute; left: 0; top:50%;} .depth3>a{width:260px; height:54px; min-height:5.4rem; background-color: #1952a7; border:1px solid #0c3879; font-size:19px; line-height:1.2; color: #fff; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative; z-index:2;} .depth3>a+a{margin-left:-1px;} .depth3>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); word-break:keep-all; word-wrap:break-word;} .depth3>a>span:before{content: ""; width: 0; height:2.1rem; margin-top:0.2rem; background:url("../img/bul_d3.png") no-repeat left top; background-size: 2.1rem; display: inline-block; vertical-align: top; position: relative; left:-3.1rem; opacity: 0;} .depth3>a:hover, .depth3>a.active{background-color: #0091db; border-color:#0086cb; z-index:3;} .depth3>a:hover>span:before, .depth3>a.active>span:before{width: 3.1rem; left:0rem; opacity: 1;} .lastDepth{width:100%; margin-bottom:50px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between; } .lastDepth>a{width:100%; height:60px; background-color: #fff; border:1px solid #d3d3d3; font-size:18px; line-height:1.2; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;} .lastDepth>a+a{margin-left:-1px;} .lastDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lastDepth>a:hover, .lastDepth>a.active{background-color: #f192a6; border-color:#f192a6; color: #fff; z-index:2;} .lastDepthConts{font-size:0; line-height:0; display:none; overflow:hidden;} .groupTit{padding-bottom:3.5rem;} .groupTit .step{padding-bottom:1rem; font-weight: bold; font-size:2.2rem; line-height:1; color: #23abaf;} h4.txt{font-weight: bold; font-size:2.6rem; line-height:1; color: #1b1b1b;} .nTxt{padding-top:2.5rem; font-size:1.7rem; line-height:2.6rem; color: #888;} ul.bul{} ul.bul>li{padding-left:1rem; font-size:1.8rem; line-height:3.2rem; color: #333; position: relative;} ul.bul>li:before{content: "-"; position:absolute; left: 0; top:0px;} ul.star{} ul.star>li{padding-left:2.2rem; font-size:1.7rem; line-height:3.2rem; color: #666; position: relative;} ul.star>li:before{content: "※"; position:absolute; left: 0.4rem; top:0px;} ul.etc{} ul.etc>li{padding-left:3.3rem; font-size:1.7rem; line-height:3.2rem; color: #666; position: relative;} ul.etc>li:before{content: attr(data-title); position:absolute; left: 0; top:0px;} h4.line{margin-bottom:50px; padding-top:2.2rem; font-size:2rem; line-height:1; color: #636363; text-align: center; letter-spacing: -0.03em; position: relative;} h4.line:before{content: ""; width: 2.1rem; height: 0.2rem; background-color: #3a3a3a; display: block; position:absolute; left:50%; top:0; transform: translateX(-50%);} h4.line>strong{font-weight: bold; font-size:4rem; color: #000; display:block;} h4.line>p{padding-top:0.9rem;} h4.line.mt{margin-top:8rem;} h5.bul{margin:6rem 0 2.5rem; padding-left:2.2rem; font-weight: 500; font-size:2.4rem; line-height:1; color: #000; letter-spacing: -0.03em; position: relative;} h5.bul:before{content: ""; width: 1.4rem; height: 1.4rem; border:0.3rem solid #1952a7; display: block; position:absolute; left:0; top:0.5rem; border-radius:999px;} h5.bul .more{padding:0.5rem 1rem; border:1px solid #dadada; font-weight: 400; font-size:1.4rem; color: #666; position: absolute; right:0; top:-0.2rem; display:inline-block;} h6.bul{margin-top:3.5rem;padding:0 0 1rem 1rem; font-weight: 500; font-size:2rem; line-height:1; color: #1b1b1b; letter-spacing: -0.03em; position: relative;} h6.bul:before{content: "-"; position:absolute; left:0; top:0;} h5.bul + .nTxt{margin-top:-1rem;} .f0{font-size:0; line-height:0; text-align: center;} .scrollTb{display:inline-block; font-size:0; line-height:0; } .scrollTb img{max-width:none;} .nTable.scrollTb{padding-bottom:2rem;} .scroll_info{width:100%; padding:2rem 0; font-size:0; line-height:0; position: relative; display:none;} .scroll_info:before{content:"← scroll →"; margin-top:-1rem; font-size:2rem; line-height:1; color: #ff0000; display:inline-block; position: absolute; left:44%; top:50%; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;} @keyframes scrollMove { from {color: #ff0000; left:42%;} to {color: #006cb7; left:46%;} } .wideFrame{height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative;} .wideFrame>video, .wideFrame>iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .wideKakao{width: 100%; margin: 0 auto; position: relative;} .wideKakao>.root_daum_roughmap{width: 100%; padding-bottom: 56.25%;} .wideKakao>.root_daum_roughmap .wrap_map{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .wideKakao .hide {display: none;} .admGo{font-size:0; line-height:0; position: relative; z-index:7;} .admGo>a{padding:10px 20px; background-color:#f00; font-size:16px; line-height:1.2; color:#fff; display:inline-block; position:absolute; left:0; bottom:0;} .admGos{padding:0.5rem 1rem; background-color:#f00; font-size:1.6rem; line-height:1.2; color:#fff; display:inline-block; position: absolute; right:0; top:0; z-index:7;} .arrBtn{padding:0 1.8rem; border:0.2rem solid #fff; font-size:16px; line-height:4rem; color: #fff; display:inline-block; border-radius:99px;} .arrBtn>span{padding-right:6rem; background: url("../img/main/arr_mBtns_w.png") no-repeat right center; background-size:3.1rem; display:inline-block;} .arrBtn.black{border-color:#333; color: #333;} .arrBtn.black>span{background-image: url("../img/main/arr_mBtns.png");} select.base{width:100%; height:4rem; padding:0 4rem 0 2rem; background:#fff url('/theme/prix/img/bg_select_arr_m.png') no-repeat right center; background-size:3.3rem; border:1px solid #666; font-weight: 400; font-size:1.5rem; line-height:3.8rem; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:5px; box-sizing:border-box;} select.base::-ms-expand{display:none;} .fw_6{font-weight:600 !important;} .fw_7{font-weight:700 !important;} .bk_t{color:#111 !important;} .point_y{color: #f1aa00 !important;} /*[e] All Style */ /*[s] Main Popup Style */ #hd_pop {z-index:101;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; border:1px solid #333; position:absolute; display:block; overflow:hidden; box-sizing:border-box;} .hd_pops img{width:100%} .hd_pops_con{} .hd_pops_footer{padding:0; background-color:#333; font-size:1.4rem; color:#fff; text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button{padding:1rem; border:0; color:#fff} .hd_pops_footer .hd_pops_reject{text-align:left} .hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0} /*[e] Main Popup Style */ /*[s] Main Style */ .mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none; animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate; } @keyframes scrollDown { from {bottom:50px; opacity:1;} to {bottom:30px; opacity:0.5} } .mTitle{margin-bottom:7rem; color: #fff; text-align: center;} .mTitle>dt{margin-bottom:3.5rem; padding-bottom:4rem; background: url("../img/line_white.png") no-repeat center bottom; background-size: 7.8rem; font-family:"S-CoreDream-9Black"; font-size:4.8rem; line-height:1;} .mTitle>dd{font-family: 'S-CoreDream-4Regular'; font-size:2rem; line-height:1.6;} .mTitle.black{color: #111;} .mTitle.black>dt{background-image: url("../img/line_black.png");} /* visual */ #main-visual, #main-visual .main-slider, #main-visual .main-slider .slick-slide, #main-visual .main-slider .slide-media, #main-visual .main-slider .mobile_in{height:1030px !important;} #main-visual .main-slider .mobile_in{width: 242vw; position: relative; left:50%; transform: translateX(-50%);} #main-visual .main-slider .mobile_in video, #main-visual .main-slider .mobile_in iframe{width:100% !important; height:110% !important; position: absolute; left:0 !important; top:0 !important; transform: translate(0%, 0%);} #main-visual{width:100%; margin-bottom: 5rem; background:#36465d url('/theme/prix/img/loading.gif') no-repeat center center; background-size: contain; font-size:0; line-height:0; position: relative; overflow:hidden;} #main-visual .main-slider{width: 100%; background-color:#36465d; position: relative; opacity: 0; visibility: hidden; transition:all 3s ease;} #main-visual .main-slider.slick-initialized{opacity: 1; visibility: visible;} #main-visual .main-slider .slick-slide{position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;} #main-visual .main-slider .slick-slide:before{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .3; z-index: 1;} #main-visual .main-slider video {width: auto; height: auto; min-width: 100%; min-height: 100%; display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);} #main-visual .main-slider iframe {position: relative; pointer-events: none;} #main-visual .main-slider figure {height: 100%; margin:0; position: relative;} #main-visual .main-slider .slide-image {height: 100%; background-size: cover; background-position: center; opacity: 0; transition:all .8s ease;} #main-visual .main-slider .slide-image{opacity: 1;} #main-visual .main-slider .image-entity {width: 100%; opacity: 0; visibility: hidden;} #main-visual .main-slider .loading {width: 100%; position: absolute; left: 0; top: 44%;} #main-visual .main-slider .slide-media {background-repeat: no-repeat; background-position: center center; background-size: cover; animation:slideOut .4s cubic-bezier(0.4, 0.29, 0.01, 1);} #main-visual .main-slider .caption{position: absolute; left: 5%; top: 44%; text-align: center; padding: 20px; border: 3px solid; color: #fff; margin: 0; font-size: 40px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; transition:all .3s ease; transform:translateY(100px); -webkit-backface-visibility: hidden; backface-visibility: hidden;} #main-visual .main-slider .slick-active{z-index: 1;} #main-visual .main-slider .slick-active .slide-media{animation:slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);} #main-visual .main-slider .slick-active .caption{opacity: 1; transform:translateY(0); transition:all .7s cubic-bezier(0.32, 0.34, 0, 1.62) .6s;} #main-visual .slick-arrow{width:47px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;} #main-visual .slick-prev{background-image: url("../img/main/btn_slick_prev.png"); left:100px;} #main-visual .slick-next{background-image: url("../img/main/btn_slick_next.png"); right:100px;} #main-visual .slick-arrow:hover{opacity:1;} #main-visual .controll{width:260px; padding-top:0; margin-left:-130px; position: absolute; left: 50%; bottom: 5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;} #main-visual .controll .dot{display:inline-block; vertical-align: middle;} #main-visual .controll .auto{display:inline-block; vertical-align: middle;} #main-visual .controll .auto{padding-left:10px;} #main-visual .controll .auto button{width:27px; height:27px; background:transparent url("../img/btn_slick_pause.png") no-repeat left top; border:none;} #main-visual .controll .auto button.off{background-image:url("../img/btn_slick_play.png");} #main-visual .slick-dots{display:flex; flex-wrap: nowrap; justify-content: flex-start;} #main-visual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;} #main-visual .slick-dots>li+li{margin-left:0;} #main-visual .dot_Line, #main-visual .dot_Line>dt, #main-visual .dot_Line>dd .line{transition: all .3s ease-out; transform-origin: 50% 50%;} #main-visual .dot_Line>dd .line>span{} #main-visual .vTxt.first .dot_Line>dd .line>span{} #main-visual .dot_Line{padding-right:10px; box-sizing: border-box; position: relative;} #main-visual .dot_Line>dt{font-weight: 500; font-size:15px; line-height:1; color: rgba(255,255,255,0.3); white-space: nowrap;} #main-visual .dot_Line>dd{position: absolute; left:27px; right:10px; top:50%;} #main-visual .dot_Line>dd .line{width:100%; height:2px; background-color: rgba(255,255,255,0.3); display:inline-block; vertical-align: middle; position: relative; overflow:hidden;} #main-visual .dot_Line>dd .line>span{width:100%; height:2px; background-color: rgba(255,255,255,1); display:inline-block; position: absolute; left:-100%; top:0;} #main-visual .slick-dots>li.slick-active .dot_Line{padding-right:120px;} #main-visual .slick-dots>li.slick-active .dot_Line>dt{color: rgba(255,255,255,1);} #main-visual .slick-dots>li.slick-active .dot_Line>dd .line{width:100%;} #main-visual .slick-dots>li.slick-active .dot_Line>dd .line>span{} @keyframes slideIn { from { filter:blur(15px); } to { filter:blur(0); } } @keyframes slideOut { from { filter:blur(0); } to { filter:blur(15px); } } /* visual */ #mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;} #mVisual .visualRoll{white-space: nowrap;} #mVisual .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} #mVisual .visualRoll .slider img{width:100%; max-width:none; height:100vh; max-height:80rem; object-fit: cover;} #mVisual .slick-arrow{width:35px; height:63px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer; opacity:1;} #mVisual .slick-prev{background-image: url("../img/main/btn_slick_prev.png"); left:4.25%;} #mVisual .slick-next{background-image: url("../img/main/btn_slick_next.png"); right:4.25%;} #mVisual .slick-arrow:hover{opacity:1;} #mVisual .vTxtArea{width:100%; height:100%; max-width:1400px; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:5; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;} #mVisual .vTxtArea .vTxt_in{width:100%; padding-bottom:15rem; position: relative;} #mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;} #mVisual .vTxt .ii{top:50px; text-align: center; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;} #mVisual .vTxt .i01{-webkit-transition-delay: .4s; transition-delay: .4s;} #mVisual .vTxt .i02{-webkit-transition-delay: .45s; transition-delay: .45s;} #mVisual .vTxt .i03{-webkit-transition-delay: .5s; transition-delay: .5s;} #mVisual .vTxt .i04{-webkit-transition-delay: .55s; transition-delay: .55s;} #mVisual .vTxt .i05{-webkit-transition-delay: .6s; transition-delay: .6s;} #mVisual .vTxt .i06{-webkit-transition-delay: .65s; transition-delay: .65s;} #mVisual .vTxt .i07{-webkit-transition-delay: .7s; transition-delay: .7s;} #mVisual .vTxt .ii.logo{} #mVisual .vTxt .ii.logo.i01{} #mVisual .vTxt .ii.logo.i01 img{height:16.4rem;} #mVisual .vTxt .ii.logo.i02{margin-top:2rem;} #mVisual .vTxt .ii.logo.i02 img{height:4.7rem;} #mVisual .vTxt .ii.tit{font-weight: bold; font-size:6.8rem; line-height:1; color: #f8f8f8; text-shadow:0 0 10px rgba(0,0,0,0.5);} #mVisual .vTxt .ii.txt{padding-top:3rem; font-family: 'S-CoreDream-3Light'; font-size:2rem; line-height:1.7; color: rgba(255,255,255,1);} #mVisual .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:4rem; z-index:7; display:none !important;} #mVisual .slick-dots>li{display:inline-block; vertical-align: top;} #mVisual .slick-dots>li+li{margin-left:1.5rem;} #mVisual .slick-dots>li button{width:2rem !important; height:2rem; margin:0; padding:0; background-color:#cdcdcc; border:none; font-size:0; line-height:0; cursor: pointer; box-sizing: border-box; border-radius:99px;} #mVisual .slick-dots>li.slick-active button{background-color:#7cb741; } #mVisual .vTxt.active{position: static; top:0px;} #mVisual .vTxt.active .ii{top:0px; opacity:1;} /* 메뉴 소개 */ #menu_introduction{width:100%; padding:12rem 0 13rem; position: relative;} #menu_introduction:before{content: ""; width: 50%; height: 100%; background-color: #7cb640; display:block; position:absolute; left: 0; top:0px;} #menu_introduction .inConts{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; z-index:2;} #menu_introduction .inConts .mTitle{width:34.64%; margin-bottom:0; text-align: left;} #menu_introduction .inConts .mTitle>dt{background-position: left bottom;} #menu_introduction .inConts .photo_list{width:65.36%;} #menu_introduction .slickArr{margin-top:4.5rem; position: relative;} #menu_introduction .slick-arrow{width:6rem; height:6rem; background-color: transparent; border:1px solid #fff; font-family: 'Noto Sans KR'; font-size:2.2rem; line-height:1; color: #fff; text-align: center; display:inline-block; vertical-align: top; cursor: pointer; opacity:1; border-radius:99px;} #menu_introduction .slick-prev{} #menu_introduction .slick-next{margin-left:1.2rem;} #menu_introduction .slick-arrow:hover{background-color: #fff; color: #7cb640;} /* 메뉴 갤러리 */ #menu_gallery{width:100%; height:93.9rem; background: url("../img/main/bg_menuGallery.jpg") no-repeat center top; background-size: cover; display: flex; flex-direction: row; align-items: center; justify-content: center;} #menu_gallery .menu_in{width:100%;} #menu_gallery .swiper-button{width:162px; height:32px; background-color: transparent; background-repeat: no-repeat; border:none; font-size:1.7rem; line-height:3.2rem; color: #fff; position: absolute; left:50%; top:50%; z-index:7; transform: translate(-50%, -50%); cursor: pointer; opacity:1;} #menu_gallery .swiper-button-prev{background-image: url("../img/main/btn_slick_prev2.png"); background-position: right top; margin-left:-350px; text-align: left; justify-content: flex-start;} #menu_gallery .swiper-button-next{background-image: url("../img/main/btn_slick_next2.png"); background-position: left top; margin-left:350px; text-align: right; justify-content: flex-end;} #menu_gallery .swiper-button:after{display:none !important;} #menu_gallery .performanceSlide{padding-top:3.5rem;} #menu_gallery .performanceSlide .swiper-wrapper{} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide{width:50rem; transform: scale(0.76) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide .thumb:before{content: ""; background-color:rgba(0,0,0,0.5); display:block; position:absolute; left: 0; top:0px; right: 0; bottom:0px; z-index:2;} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-prev{transform: translateX(-50px) scale(0.76) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-next{transform: translateX(50px) scale(0.76) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-active{transform: scale(1.2) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-active .thumb:before{background-color:rgba(0,0,0,0);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-active .gall_cont .area .in_area .title{top:0rem; opacity:1;} #menu_gallery .swiper-pagination{display:none !important;} /* 창업문의 */ #startup_inquiry{padding:16rem 0; background:#f8f8f8 url("../img/main/bg_startup_inq.png") no-repeat -5px bottom; position: relative;} #startup_inquiry .startup_info{margin-bottom:7rem; text-align: center; display: flex; justify-content: center;} #startup_inquiry .startup_info>dl{padding:0 4rem;} #startup_inquiry .startup_info>dl>dt{} #startup_inquiry .startup_info>dl>dt>span{width:3.8rem; height:3.8rem; background-color: #7cb741; font-size:1.8rem; line-height:3.8rem; color: #fff; border-radius:99px; display:inline-block;} #startup_inquiry .startup_info>dl>dd{min-width:32rem; min-height:7.6rem; margin-top:-1.9rem; padding:2rem 4rem; background-color: #f8f8f8; border:2px solid #e5e5e5; font-size:2.2rem; line-height:1.4; color: #222; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius:99px;} #startup_inquiry .startup_map{width:100%; text-align: center; border-radius:20px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.1);} #startup_inquiry .startup_map .img{width:37%; background-color: #7cb741;} #startup_inquiry .startup_map .store{width:63%;} #startup_inquiry .startup_map .store select, #startup_inquiry .startup_map .store input[type=text], #startup_inquiry .startup_map .store input[type=submit]{width:100%; height:4.9rem; padding:0 1.5rem; background-color: #fff; border:2px solid #ededed; font-size:1.6rem; line-height:4.5rem; color: #888; display:inline-block; vertical-align: top; border-radius:4px;} #startup_inquiry .startup_map .store select{padding:0 6rem 0 1.5rem; background-image: url('/theme/prix/img/board/bg_select.svg'); background-repeat: no-repeat; background-position:calc(100% - 1rem) center; background-size: 1.7rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #startup_inquiry .startup_map .store select::-ms-expand{display:none;} #startup_inquiry .startup_map .store input[type=text]{width:100%; border-right:none; border-radius:4px 0 0 4px;} #startup_inquiry .startup_map .store input[type=submit]{width:5.5rem; padding:0; background:#aaa url('/theme/prix/img/btn_search.png') no-repeat center center; background-size: 1.9rem; border-left:none; font-size:0; line-height:0; border-radius:0 4px 4px 0; cursor: pointer;} #startup_inquiry .startup_map .store select + select{margin-left:2rem;} #startup_inquiry .startup_map .store .tit{padding-bottom:3.5rem; font-size:2.8rem; line-height:1; color: #111;} #startup_inquiry .startup_map .store .form{width:73%; margin:0 auto;} #startup_inquiry .startup_map .store .form_re{padding:1rem 0; display: flex; justify-content: space-between;} /* videobox */ .videobox{position:relative; height:100vh;} .videobox video{width:100%; height:100%; object-fit: cover;} .videobox .videotext{position:absolute; top:28rem; left:50%; transform:translateX(-50%); width:146rem; text-align:right;} .videobox .videotext h2{font-size:5rem; color:#fff; letter-spacing:normal !important;} /* hornor */ #hPage{position:relative;} #hPage .visualRoll .slider>.inConts{display:table; position:relative; max-width:146rem; padding:18rem 3rem;} #hPage .visualRoll .slider>.inConts .tbc{position:relative; min-height:768px;} #hPage .visualRoll .slider>.inConts .tbc .imgbox{display:flex; position:relative;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox{position:relative; width:10rem; height:62.3rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num{position:absolute; top:50%; left:50%; z-index:1; width:60rem; height:10rem; text-align:right; transform:translate(-50%,-50%) rotate(-90deg); transform-origin:center;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div{display:inline-block; margin:0 0.5rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div:nth-child(2){margin:0 2rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div h2{height:5rem; font-size:4rem; font-weight:700; color:#fff; font-style:italic;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div p{margin-top:1rem; font-size:1.6rem; color:#ccc; font-style:italic;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img{position:relative;} /* #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .img01{padding:50% 0 0 50%;} */ #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .box{margin-top:3rem; font-size:1.6rem; color:#ccc; font-style:italic;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .box strong{margin-left:2rem; color:#14aec5;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .text{position:absolute; top:45rem; left:3.5rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .text h2{font-size:3.5rem; font-weight:700; color:#fff;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .text p{font-size:2.5rem; color:#fff;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img>p{position:absolute; top:2rem; right:-85%; z-index:4;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img>p>span{font-size:20px; color:#fff; letter-spacing: 10px !important; position: relative; display:inline-block;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img>p>span:before{content: ""; width:10rem; height: 1px; background-color: #0eabc2; display: inline-block; position:absolute; right: 105%; top:50%; transform:translateY(-50%);} #hPage .visualRoll .slider>.inConts .tbc .tabbox{position:absolute; top:70%; left:50%; z-index:4; width:42rem; min-height:30rem; margin-left:3rem; transform:translateX(-50%) translateZ(0); padding:1rem 0;} #hPage .visualRoll .slider>.inConts .tbc .tabbox:before{content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#14aec5/* background:rgba(14,194,187,0.9) */;} #hPage .visualRoll .slider.bg02>.inConts .tbc .tabbox:before{background:rgba(14,194,112,0.9);} #hPage .visualRoll .slider.bg03>.inConts .tbc .tabbox:before{background:rgba(14,126,194,0.9);} #hPage .visualRoll .slider.bg04>.inConts .tbc .tabbox:before{background:rgba(209,146,11,0.9);} #hPage .visualRoll .slider>.inConts .tbc .tabbox h2{padding:2rem 2rem; font-size:1.6rem; color:#fff;} #hPage .visualRoll .slider>.inConts .tbc .tabbox h2 strong{display:block; font-size:2.5rem;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li>span{display:block; padding:1rem 3rem; font-size:1.6rem; color:#fff; cursor:pointer;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li div, #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li strong{display:none; position:absolute; top:-10rem; left:0; z-index:-2; width:69.6rem;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li:first-child div, #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li:first-child strong{display:block;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li>span.on{background:#032725;} #hPage .bx-controls-direction>a{font-weight: 100; font-size:12px; line-height:28px; color: #fff; display:inline-block; position: absolute; top:50%; z-index:7;} #hPage .bx-controls-direction>a.bx-prev{padding-left:30px; background: url('../img/main/icon_bx_prev.png') no-repeat left center; left:10%;} #hPage .bx-controls-direction>a.bx-next{padding-right:30px; background: url('../img/main/icon_bx_next.png') no-repeat right center; left:85%;} #hPage .visualRoll .slider.active>.inConts .tbc .ii{opacity:1; filter:blur(0px);} #hPage .visualRoll .slider.active>.inConts .tbc .imgbox .img .img01{padding:0;} #hPage .visualRoll .slider.active>.inConts .tbc .tabbox{top:34rem;} #hPage .visualRoll .slider.active>.inConts .tbc .tabbox ul li div, #hPage .visualRoll .slider.active>.inConts .tbc .tabbox ul li strong{top:-25rem; left:8rem;} #hPage .visualRoll .slider>.inConts .tbc .ii{opacity: 0; -webkit-transition: 1s; transition: 1s; filter:blur(50px);} #hPage .visualRoll .slider>.inConts .tbc .tabbox.i03{-webkit-transition-delay: .2s; transition-delay: .2s;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img div.i01{-webkit-transition-delay: .25s; transition-delay: .25s;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li div.i02, #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li strong.i02{-webkit-transition-delay: .3s; transition-delay: .3s;} #hPage.new{padding-top:15rem; position:relative;} #hPage.new .visualRoll .slider>.inConts{display:table; position:relative; max-width:128.5rem; padding:6rem 3rem 0;} #hPage.new .visualRoll .slider>.inConts .tbc{position:relative; /*min-height:768px;*/ display:flex; align-items:flex-start;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox{display:flex; position:relative;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox{position:relative; width:10rem; height:62.3rem;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox .num{position:absolute; top:50%; left:50%; z-index:1; width:60rem; height:10rem; text-align:right; transform:translate(-50%,-50%) rotate(-90deg); transform-origin:center;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div{display:inline-block; margin:0 0.5rem;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div:nth-child(2){margin:0 2rem;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div h2{height:5rem; font-size:4rem; font-weight:700; color:#fff; font-style:italic;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div p{margin-top:1rem; font-size:1.6rem; color:#ccc; font-style:italic;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img{position:relative;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .img01{/*padding:50% 0 0 50%;*/ max-width:50rem; width:100%; height:100%; aspect-ratio:500/628; overflow:hidden;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .img01 img{width:100%; height:100%; object-fit:contain; aspect-ratio:500/628;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .box{display:none; margin-top:3rem; font-size:1.6rem; color:#ccc; font-style:italic;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .box strong{margin-left:2rem; color:#14aec5;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .text{position:absolute; top:45rem; left:3.5rem;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .text h2{font-size:3.5rem; font-weight:700; color:#fff;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .text p{font-size:2.5rem; color:#fff;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img>p{position:absolute; top:2rem; right:-85%; z-index:4;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img>p>span{font-size:20px; color:#fff; letter-spacing: 10px !important; position: relative; display:inline-block;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img>p>span:before{content: ""; width:10rem; height: 1px; background-color: #0eabc2; display: inline-block; position:absolute; right: 105%; top:50%; transform:translateY(-50%);} #hPage.new .visualRoll .slider>.inConts .tbc .cont_area{position:relative; margin-top:6.4rem; max-width:70rem; width:55%; margin-left:-4rem;} #hPage.new .visualRoll .slider>.inConts .tbc .intro_box{padding:9rem 9rem 13.5rem; min-height:60rem; background-color:rgba(27, 27, 27, 0.70); position:relative;} #hPage.new .visualRoll .slider>.inConts .tbc .intro_box h2{font-size:3.6rem; line-height:1.3; font-weight:700; color:#fff} #hPage.new .visualRoll .slider>.inConts .tbc .intro_box .intro_cont{margin-top:6rem; font-size:2.6rem; line-height:1.5; font-weight:700; color:#fff} #hPage.new .visualRoll .slider>.inConts .tbc .intro_box .intro_cont > span{font-size:1.8rem;} #hPage.new .visualRoll .slider>.inConts .tbc .intro_box .chg_btn{position:absolute; left:9rem; bottom:7.5rem; z-index:1} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox{display:none; position:absolute; top:0; left:0; width:100%; min-height:auto; height:100%; margin-left:0; transform:translateX(0%) translateZ(0); padding:5rem 4rem 13.5rem; background-color:#222;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox:before{display:none;} #hPage.new .visualRoll .slider.bg02>.inConts .tbc .tabbox:before{background:rgba(14,194,112,0.9);} #hPage.new .visualRoll .slider.bg03>.inConts .tbc .tabbox:before{background:rgba(14,126,194,0.9);} #hPage.new .visualRoll .slider.bg04>.inConts .tbc .tabbox:before{background:rgba(209,146,11,0.9);} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox h2{padding:0 0 1.3rem; font-size:1.6rem; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.10)} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox h2 strong{display:block; font-size:3rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox h2 strong span{display:block} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul{margin-top:2rem; max-height:26rem; overflow-y:auto;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul::-webkit-scrollbar{width:1.5rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul::-webkit-scrollbar-track{background-color: #111; border-radius: 1rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul::-webkit-scrollbar-thumb{background-color:#474747; border-radius:1rem; border:0.5rem solid #111} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li>span{display:block; padding:1rem 1.5rem; font-size:2.2rem; color:#fff; cursor:pointer;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li div, #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li strong{display:none !important; position:absolute; top:-10rem; left:0; z-index:-2; width:69.6rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li:first-child div, #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li:first-child strong{display:block;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li>span.on{background:#474747;} #hPage.new .visualRoll .slider>.inConts .tbc .chg_btn{min-width:16rem; padding:1.7rem; font-size:2rem; line-height:1.3; font-weight:500; color:#fff; text-align:center; border:1px solid #fff; border-radius:999rem; background-color:rgba(255, 255, 255, 0.10); position:absolute; left:4rem; bottom:7.5rem;} #hPage.new .bx-controls-direction>a{display: none!important; font-weight: 100; font-size:12px; line-height:28px; color: #fff; display:inline-block; position: absolute; top:50%; z-index:7;} #hPage.new .bx-controls-direction>a.bx-prev{padding-left:30px; background: url('../img/main/icon_bx_prev.png') no-repeat left center; left:10%;} #hPage.new .bx-controls-direction>a.bx-next{padding-right:30px; background: url('../img/main/icon_bx_next.png') no-repeat right center; left:85%;} #hPage.new .bx-viewport{overflow:visible!important;} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .ii.img01, #hPage.new .visualRoll .slider.active>.inConts .tbc .ii{opacity:1; filter:blur(0px);} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .imgbox .img .img01{opacity:0.5;} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .imgbox .img .img01, #hPage.new .visualRoll .slider.active>.inConts .tbc .imgbox .img .img01{padding:0;} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .tabbox, #hPage.new .visualRoll .slider.active>.inConts .tbc .tabbox{top:0;} #hPage.new .visualRoll .slider.active>.inConts .tbc .tabbox ul li div, #hPage.new .visualRoll .slider.active>.inConts .tbc .tabbox ul li strong{display:none !important; top:-25rem; left:8rem;} #hPage.new .visualRoll .slider>.inConts .tbc .ii{opacity: 0; -webkit-transition: 1s; transition: 1s; filter:blur(50px);} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox.i03{-webkit-transition-delay: .2s; transition-delay: .2s;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img div.i01{-webkit-transition-delay: .25s; transition-delay: .25s;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li div.i02, #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li strong.i02{-webkit-transition-delay: .3s; transition-delay: .3s;} #hPage.new .control_box{display:flex; align-items:center; justify-content:flex-end; max-width:120rem; width:100%; position:absolute; left:50%; bottom:23rem; transform:translateX(-50%);} #hPage.new .control_box .bx_prev{width:2.6rem; height:0.9rem; background: url("../img/main/icon_bx_prev.png") no-repeat left center / cover; cursor:pointer;} #hPage.new .control_box .bx_next{width:2.6rem; height:0.9rem; background: url("../img/main/icon_bx_next.png") no-repeat left center / cover; cursor:pointer;} #hPage.new .control_box p{padding:0 1rem; font-size:1.8rem; font-weight:600; color:#fff; line-height:1.4;} #hPage.new .control_box p span, #hPage.new .control_box p strong{font-style:italic;} #hPage.new .control_box p strong{color:#14aec5} @media only screen and (max-width : 1790px){ #hPage .bx-controls-direction>a.bx-next{left:91%;} .core #coreSlider .bx-controls-direction>a.bx-next{left:88%;} } @media only screen and (max-width : 1590px){ #hPage .bx-controls-direction>a.bx-next{left:91%;} #hPage .rollNum{left:5.11%; top:200px;} .core #coreSlider .bx-controls-direction>a.bx-next{left:91%;} .core #coreSlider .rollNum{left:5.11%; top:200px;} } @media only screen and (max-width : 1024px){ #hPage .bx-controls-direction>a{top:33%;} #hPage .bx-controls-direction>a.bx-prev{left:10%; width:60px; height:60px; padding-left:0; font-size:0; border-radius:50%; background:rgba(0,0,0,0.5) url(../img/main/icon_bx_prev.png) no-repeat center;} #hPage .bx-controls-direction>a.bx-next{left:80%; width:60px; height:60px; padding-right:0; font-size:0; border-radius:50%; background:rgba(0,0,0,0.5) url(../img/main/icon_bx_next.png) no-repeat center;} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .ii.img01{opacity:1; filter:blur(50px);} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .imgbox .img .img01{opacity:0; padding:50% 0 0 50%} #hPage.new .visualRoll .slider.active+.slider>.inConts .tbc .tabbox{top:70%;} .core #coreSlider .bx-controls-direction{display:none;} } /* team */ .team{} .team .inConts .main_title4{margin-top:8rem; position:relative; padding-left:12rem; font-size:20px; color:#fff; letter-spacing: 10px !important;} .team .inConts .main_title4:before{content: ""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:9rem; height: 1px; background-color: #0eabc2;} /* .team .inConts .main_title{font-size:4rem; line-height:1.25;} */ .team .inConts .main_title .en_tit{display:block; margin-top:2rem; font-size:4.6rem; line-height:6rem;} .team .inConts .main_title2{margin-top:7.5rem;} .team .inConts .main_title3{margin-top:7rem;} .team .inConts .membox{display:flex; flex-wrap:wrap; margin-top:5rem;} .team .inConts .membox .list{display:flex; flex-wrap:wrap; width:50%; height:73rem;} .team .inConts .membox .list .mem{display:block; position:relative; transform:translateZ(0); width:100%; height:100%; overflow:hidden;} .team .inConts .membox .list .mem:before{content:""; position:absolute; top:0; left:0; z-index:-2; width:100%; height:100%; transition:all 0.3s;} .team .inConts .membox .list .mem:after{content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.3s;} .team .inConts .membox .list .mem02{width:50%; height:50%;} .team .inConts .membox .list .mem04{width:100%; height:50%;} .team .inConts .membox .list .mem h3{position:absolute; top:50%; right:-100%; transform:translateY(-50%); width:100%; padding-top:1rem; font-size:2rem; font-weight:700; color:#fff; text-align:center; transition:all 0.3s;} .team .inConts .membox .list .mem h3:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:2.5rem; border-top:1px solid #fff;} .team .inConts .membox .list .mem div{position:absolute; bottom:2rem; left:-100%; padding-right:4rem; font-size:1.5rem; color:#fff; font-style:italic; transition:all 0.3s;} .team .inConts .membox .list .mem div:before{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:3rem; border-top:1px solid #fff;} .team .inConts .membox .list .mem01:before{background:url(../img/main/img_team01.jpg) no-repeat center / cover;} /* .team .inConts .membox .list .mem02:before{background:url(../img/main/img_team02.jpg) no-repeat center / cover;} */ /* .team .inConts .membox .list .mem03:before{background:url(../img/main/img_team03.jpg) no-repeat center / cover;} */ .team .inConts .membox .list .mem04:before{background:url(../img/main/img_team04.jpg) no-repeat center / cover;} .team .inConts .membox .list .cleo:before{background:url(../img/main/img_team_cleo_250904.jpg) no-repeat center / cover;} .team .inConts .membox .list .kelly:before{background:url(../img/main/img_team_kelly_250904.jpg) no-repeat center / cover;} .team .inConts .membox .list .elizabeth:before{background:url(../img/main/img_team_elizabeth.jpg) no-repeat center / cover; background-color:#ddd;} .team .inConts .membox .list .sherri:before{background:url(../img/main/img_team_sherri_250904.jpg) no-repeat center / cover;} .team .inConts .membox .list .jane:before{background:url(../img/main/img_team_jane_250904.jpg) no-repeat center / cover;} .team .inConts .membox .list .mem:hover h3{right:0;} .team .inConts .membox .list .mem:hover:before{filter:blur(3px);} .team .inConts .membox .list .mem:hover:after{background:rgba(0,0,0,0.7)} .team .inConts .membox .list .mem:hover div{left:2rem;} /* core */ .core{padding:12rem 0; background:url('../img/main/img_core_bg.jpg') no-repeat center / cover;} .core .inConts h2{position:relative; padding-bottom:3rem; font-size:2rem; color:#fff; text-align:center; letter-spacing:10px !important;} .core .inConts h2:before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:9rem; border-top:1px solid #00fff0;} .core .inConts .tbc{padding:0 12.4rem;} .core .inConts .tbc .list{display:flex; flex-wrap:wrap;} .core .inConts .tbc .list .box{padding-top:13rem;} .core .inConts .tbc .list>li{width: 288px;} .core .inConts .tbc #swiper-container{padding-bottom:10rem; overflow:hidden;} .core .inConts .tbc #swiper-container .list{flex-wrap:nowrap;} .core .inConts .tbc #swiper-container .list>li{transform:translateY(50%); opacity:0; -webkit-transition: 0.1s; transition:all 0.1s; } .core .inConts .tbc #swiper-container .list>li.on{transform:translateY(0); opacity:1; -webkit-transition: 1.5s; transition:all 1s;} .core .inConts .tbc #swiper-container .list>li:nth-child(1), .core .inConts .tbc #swiper-container .list>li:nth-child(2), .core .inConts .tbc #swiper-container .list>li:nth-child(3), .core .inConts .tbc #swiper-container .list>li:nth-child(4), .core .inConts .tbc #swiper-container .list>li:nth-child(5), .core .inConts .tbc #swiper-container .list>li:nth-child(6), .core .inConts .tbc #swiper-container .list>li:nth-child(7), .core .inConts .tbc #swiper-container .list>li:nth-child(8){-webkit-transition-delay:2s; transition-delay:2s;} .core .inConts .tbc #swiper-container .list>li:nth-child(1).on{-webkit-transition-delay:1.3s; transition-delay:1.3s;} .core .inConts .tbc #swiper-container .list>li:nth-child(2).on{-webkit-transition-delay:1.4s; transition-delay:1.4s;} .core .inConts .tbc #swiper-container .list>li:nth-child(3).on{-webkit-transition-delay:1.5s; transition-delay:1.5s;} .core .inConts .tbc #swiper-container .list>li:nth-child(4).on{-webkit-transition-delay:1.6s; transition-delay:1.6s;} .core .inConts .tbc #swiper-container .list>li:nth-child(5).on{-webkit-transition-delay:1.7s; transition-delay:1.7s;} .core .inConts .tbc #swiper-container .list>li:nth-child(6).on{-webkit-transition-delay:1.8s; transition-delay:1.8s;} .core .inConts .tbc #swiper-container .list>li:nth-child(7).on{-webkit-transition-delay:1.9s; transition-delay:1.9s;} .core .inConts .tbc #swiper-container .list>li:nth-child(8).on{-webkit-transition-delay:2s; transition-delay:2s;} .core .inConts .tbc #swiper-container .swiper-button{font-weight: 100; font-size:12px; line-height:28px; color: #fff; position: absolute; top:50%; z-index:7;} .core .inConts .tbc #swiper-container .swiper-button-prev{padding-left:50px; background: url('../img/main/icon_bx_prev.png') no-repeat left center; left:-1%;} .core .inConts .tbc #swiper-container .swiper-button-next{padding-right:50px; background: url('../img/main/icon_bx_next.png') no-repeat right center; right:-1%;} .core .inConts .tbc #swiper-container .swiper-button-prev:after, .core .inConts .tbc #swiper-container .swiper-button-next:after{display:none;} .core .inConts .tbc #swiper-container .swiper-button-next.swiper-button-disabled, .core .inConts .tbc #swiper-container .swiper-button-prev.swiper-button-disabled{display:none;} @media only screen and (max-width : 1790px){ .core .inConts .tbc #swiper-container .swiper-button-next{right:1%;} .core .inConts .tbc #swiper-container .swiper-button-prev{left:1%;} } @media only screen and (max-width : 1590px){ .core .inConts .tbc #swiper-container .swiper-button-next{right:3%;} .core .inConts .tbc #swiper-container .swiper-button-prev{left:3%;} } @media only screen and (max-width : 1480px){ .core .inConts .tbc #swiper-container .list>li{transform:translateY(0) !important; opacity:1 !important; -webkit-transition: 0s; transition:all 0s;} } @media only screen and (max-width : 1024px){ .core .inConts .tbc #swiper-container .swiper-button{top:33%;} .core .inConts .tbc #swiper-container .swiper-button-prev{left:10%; width:60px; height:60px; padding-left:0; font-size:0; border-radius:50%; background:rgba(0,0,0,0.5) url(../img/main/icon_bx_prev.png) no-repeat center;} .core .inConts .tbc #swiper-container .swiper-button-next{left:80%; width:60px; height:60px; padding-right:0; font-size:0; border-radius:50%; background:rgba(0,0,0,0.5) url(../img/main/icon_bx_next.png) no-repeat center;} .core .inConts .tbc #swiper-container .swiper-button{display:none;} } .core .inConts .tbc #swiper-container .swiper-pagination{text-align:center;} .core .inConts .tbc #swiper-container .swiper-pagination-bullet{display:inline-block; width:20px; height:20px; margin:0 10px; font-size:0; border:1px solid #fff; border-radius:50%; opacity:1;} .core .inConts .tbc #swiper-container .swiper-pagination-bullet-active{border-color:#14aec5; background:#14aec5;} .core .inConts .tbc .list>li .polygon{width: 288px; height: 163px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; position: relative; display:block; box-sizing:border-box; cursor: default;} .core .inConts .tbc .list>li .polygon .line{width: 288px; height: 329px; padding-top:7rem; text-align:center; background-repeat: no-repeat; background-position: center center; position: absolute; left:-3px; top:-83px; z-index:4; display:block;} .core .inConts .tbc .list>li .polygon:before, .core .inConts .tbc .list>li .polygon:after {content: ""; width: 203px; height: 203px; background-color: #101010; position: absolute; left: 42px; z-index: 1; box-sizing:border-box; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); } .core .inConts .tbc .list>li .polygon:before {border-top: solid 1px #fff; border-right: solid 1px #fff; top: -102px;} .core .inConts .tbc .list>li .polygon:after {border-bottom: solid 1px #fff; border-left: solid 1px #fff; bottom: -102px;} .core .inConts .tbc .list>li .polygon .icon{display:table; width:100%; height:10rem;} .core .inConts .tbc .list>li .polygon .icon div{display:table-cell; vertical-align:middle;} .core .inConts .tbc .list>li .polygon p{margin-top:1rem; font-size:1.8rem; color:#fff; line-height:2.4rem;} .core .inConts .tbc .list>li .textbox{margin-top:12rem;} .core .inConts .tbc .list>li .textbox p{font-size:1.6rem; color:#fff;} .core .inConts .tbc .list>li .textbox h3{margin:2rem 0; font-size:1.8rem; color: #14aec5;} .core .inConts .tbc .list>li .textbox ul li{margin-bottom:1rem; font-size:15px; color:#ccc;} #coreSlider .bx-controls-direction>a{font-weight: 100; font-size:12px; line-height:28px; color: #fff; display:inline-block; position: absolute; top:50%; z-index:7;} #coreSlider .bx-controls-direction>a.bx-prev{padding-left:30px; background: url('../img/main/icon_bx_prev.png') no-repeat left center; left:-1%;} #coreSlider .bx-controls-direction>a.bx-next{padding-right:30px; background: url('../img/main/icon_bx_next.png') no-repeat right center; left:101%;} #coreSlider .bx-controls{margin-top:10rem;} #coreSlider .bx-pager{text-align:center;} #coreSlider .bx-pager .bx-pager-item{display:inline-block; margin:0 10px;} #coreSlider .bx-pager .bx-pager-item .bx-pager-link{display:block; width:20px; height:20px; font-size:0; border:1px solid #fff; border-radius:50%;} #coreSlider .bx-pager .bx-pager-item .bx-pager-link.active{border-color:#00fff0; background:#00fff0;} /* banner */ .banner{} .banner .inConts .tbc{text-align:center;} .banner .inConts .tbc .mTitle{/* transform:translateY(200px); opacity:0; transition:all 1s; */font-size:8rem; color:#fff; line-height:12rem;} .banner .inConts .tbc .mTitle.on{/* transform:translateY(0); opacity:1; */} .banner .inConts .tbc .list{display:inline-block; max-width:108rem; margin-top:5rem;} .banner .inConts .tbc .list>ul{display:flex; flex-wrap:wrap; justify-content:space-between;} .banner .inConts .tbc .list>ul>li{position: relative; width:17rem; height:80px; margin-bottom:15px;} .banner .inConts .tbc .list>ul>li div{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; width:100%; transition:all 0.5s;} .banner .inConts .tbc .list>ul>li div:nth-child(2){opacity:0;} .banner .inConts .tbc .list>ul>li:hover div:nth-child(1){opacity:0;} .banner .inConts .tbc .list>ul>li:hover div:nth-child(2){opacity:1; transform:translate(-50%, -50%) scale(1.3);} /* online */ .online{background-color: #111; font-size:0; line-height:0; position: relative;} .online .inConts .tbc{padding-left:13rem; padding-top:18rem;} .online .ocArea{display:flex; flex-wrap:wrap; justify-content:space-between; padding:5rem 0 12rem; overflow:hidden;} .online .ocArea select, .online .ocArea input[type=text], .online .ocArea input[type=file], .online .ocArea textarea{width:100%; height:50px; padding:0 20px; background-color: #56565a; border:none; font-weight: 100; font-size:15px; line-height:50px; color: #ccc; box-sizing:border-box; display:inline-block; vertical-align: top;} .online .ocArea select{padding-right:34px; background:#56565a url('../img/main/btn_goBtm.png') no-repeat 95% center; font-size:13px; line-height:42px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .online .ocArea select::-ms-expand{display:none;} .online .ocArea *::-ms-input-placeholder{color:#b7b7b7;} .online .ocArea *::-webkit-input-placeholder{color:#b7b7b7;} .online .ocArea *::-moz-placeholder{color:#b7b7b7;} .online .ocArea>.leftArea{width:42rem;} .online .ocArea>.leftArea .infoArea{width:35rem; padding:2rem 2.5rem; border:1px solid #333; box-sizing:border-box;} .online .ocArea>.leftArea select{margin-bottom:2rem;} .online .ocArea>.leftArea .text p{margin-bottom:2rem; font-size:15px; line-height:22px; color: #fff;} .online .ocArea>.leftArea .text p:nth-of-type(1){font-family: 'Noto Serif' !important;font-size:20px;line-height:28px} .online .ocArea>.leftArea .btn{padding-top:20px;} .online .ocArea>.leftArea .btn>a{padding:10px 20px;border:1px solid #c4d502; font-weight: 100; font-size:15px; line-height:30px; color: #c4d502; font-weight:400; text-align: center; display:block;} .online .ocArea>.leftArea .btn>a+a{margin-top:5px;} .online .ocArea>.rightArea{width:82.8rem; float:right; overflow:hidden;} .online .ocArea>.rightArea .formArea{margin:-20px 0 0 -20px;} .online .ocArea>.rightArea .formArea>p{width:100%; margin:20px 0 0 20px; font-weight: 300; font-size:18px; line-height:1; color: #fff; box-sizing:border-box;} .online .ocArea>.rightArea .formArea>p:nth-of-type(1){color: #00fff0;} .online .ocArea>.rightArea .formArea .bo_w_flie{width:100%; height:50px; margin:2rem 0 0 2rem; padding:0 20px; background-color: #56565a; border:none; font-weight: 100; font-size:15px; line-height:50px; color: #b7b7b7; box-sizing:border-box; display:inline-block; vertical-align: top; position: relative; cursor: pointer;} .online .ocArea>.rightArea .formArea input[type=file]{opacity: 0; position: absolute; left:0; top:0;} .online .ocArea>.rightArea .formArea input[type=text], .online .ocArea>.rightArea .formArea select{max-width:403px; margin:10px 0 0 2rem;} .online .ocArea>.rightArea .formArea textarea{height:130px; margin:10px 0 0 2rem; padding:20px; line-height:1.4;} .online .ocArea>.rightArea .formArea .checkBox{display:inline-block; max-width:403px; height:50px; margin:10px 0 0 2rem; padding-top:10px;} .online .ocArea>.rightArea .formArea .checkBox p label{margin-right:10px; color:#fff;} .online .ocArea>.rightArea .formArea .checkbox{display:inline-block; position:relative; width:100%; max-width:403px; height:50px; margin:10px 0 0 2rem;} .online .ocArea>.rightArea .formArea .checkbox>span{display:block; width:100%; height:100%; padding-left:20px; font-size:15px; font-weight:100; color:#ccc; line-height:50px; background:#56565a; cursor:pointer;} .online .ocArea>.rightArea .formArea .checkbox .ck{display:none; position:absolute; top:50px; left:0; z-index: 1; width:100%; padding:10px 20px; background:#333;} .online .ocArea>.rightArea .formArea .checkbox .ck p{padding:5px 0;} .online .ocArea>.rightArea .formArea .checkbox .ck p label{position:relative; margin-right:10px; padding-right:26px; font-size:16px; color:#fff; line-height: normal; cursor:pointer;} .online .ocArea>.rightArea .formArea .checkbox .ck p label:before, .online .ocArea>.rightArea .formArea .checkbox .ck p label:after{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:20px; height:20px; border:1px solid #dedede; background:#fff;} .online .ocArea>.rightArea .formArea .checkbox .ck p label:after{border:none; background:url("../img/board/check.svg") no-repeat left top / cover; opacity:0.3;} .online .ocArea>.rightArea .formArea .checkbox .ck p input[type="checkbox"]:checked+label:before{border-color:#000;} .online .ocArea>.rightArea .formArea .checkbox .ck p input[type="checkbox"]:checked+label:after{opacity:1;} .online .ocArea>.rightArea .formArea .box{margin:2rem 0 0 2rem; padding:10px 20px 20px 0; border:1px solid #00fff0; display:block;} .online .ocArea>.rightArea .formArea .box input[type=text]{max-width:786px;} .online .ocArea>.rightArea .formArea .box input.small[type=text]{max-width:383px;} .online .ocArea>.rightArea .btns{margin:25px 0 0 20px; display: flex; justify-content: space-between;} .online .ocArea>.rightArea .btns button{width:450px; height:60px; background-color: #115451; border:none; font-weight: 100; font-size:15px; line-height:1; color: #29faf2; text-align: center; display:inline-block; box-sizing:border-box; cursor: pointer;} .online .ocArea>.rightArea .btns label.check{padding-top:20px; font-weight: 100; font-size:13px; line-height:18px; color: #b7b7b7; position: relative; display:inline-block; cursor: pointer;} .online .ocArea>.rightArea .btns input[type=checkbox]{width:18px; height:18px; background-color: #fff; border:1px solid #666; display:inline-block; vertical-align: top; box-sizing:border-box; -webkit-appearance: checkbox; appearance: checkbox;} .notice{} .notice .inConts .tbc{padding:18rem 0;} .notice .inConts .tbc h2{position:relative; padding-bottom:3rem; font-size:2rem; color:#fff; text-align:center; letter-spacing:10px !important;} .notice .inConts .tbc h2:before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:9rem; border-top:1px solid #00fff0;} .notice .inConts .tbc .list{display:flex; flex-wrap:wrap; justify-content: space-between;} .notice .inConts .tbc .list li{width:49%; margin-bottom:3rem;} .notice .inConts .tbc .list .gall_cont{display:flex; align-items: center;} .notice .inConts .tbc .list .gall_cont .thumb{width:40%;} .notice .inConts .tbc .list .gall_cont .area{width:60%; padding-left:3rem;} .notice .inConts .tbc .list .gall_cont .area .in_area .title{font-size:2rem; font-weight:500; color:#fff; line-height:3rem;} .notice .inConts .tbc .list .gall_cont .area .in_area .subtitle{margin-top:2rem; font-size:1.6rem; font-weight:300; color:#fff; line-height:3rem;} .notice .inConts .tbc .more{margin-top:10rem; text-align:center;} .notice .inConts .tbc .more a{display:inline-block; width:20rem; height:5rem; font-size:20px; font-weight:500; color:#00fff0; line-height:4.8rem; border:1px solid #00fff0; transition:all 0.3s;} .notice .inConts .tbc .more a:hover{color:#000; background:#00fff0;} /*[e] Main Style */ /*[s] Sub Style */ /* HISTORY */ .historyArea{font-size:0; line-height:0; position: relative;} .historyArea:before{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color: rgba(221,221,221,0.8); display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:10rem;} .historyArea>li{text-align: right; position: relative; z-index:2;} .historyArea .txt_wrap{width:50%; padding:0 4rem; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;} .historyArea .txt_wrap:before{content: ""; width: 2.4rem; height:2.4rem; background-color:#333; border:4px solid #fff; display: inline-block; position:absolute; left: -1.2rem; top:1rem; border-radius:999px; box-sizing: border-box;} .historyArea .txt_wrap>strong{font-weight: 500; font-size:3.6rem; line-height:1; color: #333; display:block;} .historyArea .txt_wrap>ul{margin:2rem 0 4rem;} .historyArea .txt_wrap>ul>li{margin-top:1rem; padding-left:1.2rem; font-size:1.6rem; line-height:1.6; color: #666; position: relative;} .historyArea .txt_wrap>ul>li:before{content: "-"; position:absolute; left: 0; top:0px;} .historyArea>li:nth-child(even){text-align: left;} .historyArea>li:nth-child(even) .txt_wrap{text-align: right;} .historyArea>li:nth-child(even) .txt_wrap:before{left:auto; right: -1.2rem;} .historyArea>li:nth-child(even) .txt_wrap>ul>li{padding:0 1.2rem 0 0;} .historyArea>li:nth-child(even) .txt_wrap>ul>li:before{left:auto; right:0;} .historyArea.month .txt_wrap>ul>li{padding-left:4.3rem;} .historyArea.month .txt_wrap>ul>li:before{content: attr(data-month)"월"; color: #333;} .historyArea.month>li:nth-child(even) .txt_wrap>ul>li{padding:0 4.3rem 0 0;} .historyArea.admin .txt_wrap>ul>li{padding:0 3rem !important;} .historyArea.admin .txt_wrap>ul>li:before{display:none;} .historyArea.admin .txt_wrap>ul>li .checkIn.noTxt{position: absolute; left:0; top:0rem;} .historyArea.admin>li:nth-child(even) .txt_wrap>ul>li .checkIn.noTxt{left:auto; right:0;} .etc_clause{width:90%; margin:0 auto; padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; font-size:0; line-height:0; text-align: center; box-sizing:border-box; border-radius:10px; position: relative;} .etc_clause:before, .etc_clause:after{content:"";position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:100px / 10px;} .etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);} .etc_clause .logo{margin:0;} .etc_clause .logo img{} .etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;} .etc_clause .txt>span{font-weight: 400; color: #1b1b1b;} .etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;} .etc_select{width:90%; margin:0 auto 2rem;} .etc_select select.base{width:17rem;} /* sub menu */ /* .com_menu{height:50px;} */ .com_menu ul{max-width:128rem; margin:0 auto; text-align:center;} .com_menu ul li{display:inline-block; margin:0 2rem;} .com_menu ul li a{display:block; height:50px; position:relative; padding-right:30px; font-size:16px; color:#666; line-height:50px;} .com_menu ul li a:before{content:""; display:none; position:absolute; right:10px; top:50%; transform:translateY(-50%) rotate(-45deg); transform-origin:right bottom; width:2px; height:10px; margin-top:-1px; background:#00319c;} .com_menu ul li a:after{content:""; display:none; position:absolute; right:10px; top:50%; transform:translateY(-50%) rotate(45deg); transform-origin:right bottom; width:2px; height:10px; background:#00319c;} .com_menu .box.on{position:fixed; top:9.5rem; left:0; z-index: 7; width:100%; background:rgba(255,255,255,0.9);} .com_menu ul li.on a{font-weight:700; color:#00319c;} .com_menu ul li.on a:before, .com_menu ul li.on a:after{display:block;} /* program menu */ .program_menu.on11 ul.tab_line01 li:nth-child(1) a, .program_menu.on6 ul.tab_line01 li:nth-child(2) a, .program_menu.on13 ul.tab_line01 li:nth-child(3) a, .program_menu.on4 ul.tab_line03 li:nth-child(1) a, .program_menu.on7 ul.tab_line03 li:nth-child(2) a, .program_menu.on5 ul.tab_line03 li:nth-child(3) a, .program_menu.on8 ul.tab_line03 li:nth-child(4) a, .program_menu.on14 ul.tab_line04 li:nth-child(1) a, .program_menu.on15 ul.tab_line04 li:nth-child(2) a, .program_menu.on12 ul:not(.tab_line01, .tab_line03) li:nth-child(1) a, .program_menu.on2 ul:not(.tab_line01, .tab_line03) li:nth-child(2) a, .program_menu.on8 ul:not(.tab_line01, .tab_line03) li:nth-child(3) a, .program_menu.on9 ul:not(.tab_line01, .tab_line03) li:nth-child(4) a, .program_menu.on3 ul:not(.tab_line01, .tab_line03) li:nth-child(5) a{font-weight:700; color:#00319c;} .program_menu.on11 ul.tab_line01 li:nth-child(1) a:before, .program_menu.on11 ul.tab_line01 li:nth-child(1) a:after, .program_menu.on6 ul.tab_line01 li:nth-child(2) a:before, .program_menu.on6 ul.tab_line01 li:nth-child(2) a:after, .program_menu.on13 ul.tab_line01 li:nth-child(3) a:before, .program_menu.on13 ul.tab_line01 li:nth-child(3) a:after, .program_menu.on4 ul.tab_line03 li:nth-child(1) a:before, .program_menu.on4 ul.tab_line03 li:nth-child(1) a:after, .program_menu.on7 ul.tab_line03 li:nth-child(2) a:before, .program_menu.on7 ul.tab_line03 li:nth-child(2) a:after, .program_menu.on5 ul.tab_line03 li:nth-child(3) a:before, .program_menu.on5 ul.tab_line03 li:nth-child(3) a:after, .program_menu.on8 ul.tab_line03 li:nth-child(4) a:before, .program_menu.on8 ul.tab_line03 li:nth-child(4) a:after, .program_menu.on14 ul.tab_line04 li:nth-child(1) a:before, .program_menu.on14 ul.tab_line04 li:nth-child(1) a:after, .program_menu.on15 ul.tab_line04 li:nth-child(2) a:before, .program_menu.on15 ul.tab_line04 li:nth-child(2) a:after, .program_menu.on12 ul:not(.tab_line01, .tab_line03) li:nth-child(1) a:before, .program_menu.on12 ul:not(.tab_line01, .tab_line03) li:nth-child(1) a:after, .program_menu.on2 ul:not(.tab_line01, .tab_line03) li:nth-child(2) a:before, .program_menu.on2 ul:not(.tab_line01, .tab_line03) li:nth-child(2) a:after, .program_menu.on8 ul:not(.tab_line01, .tab_line03) li:nth-child(3) a:before, .program_menu.on8 ul:not(.tab_line01, .tab_line03) li:nth-child(3) a:after, .program_menu.on9 ul:not(.tab_line01, .tab_line03) li:nth-child(4) a:before, .program_menu.on9 ul:not(.tab_line01, .tab_line03) li:nth-child(4) a:after, .program_menu.on3 ul:not(.tab_line01, .tab_line03) li:nth-child(5) a:before, .program_menu.on3 ul:not(.tab_line01, .tab_line03) li:nth-child(5) a:after{display:block;} #container .inConts{max-width:134rem;} #company .pin-spacer{} #company #com-area{padding:12rem 0 !important;} #company #com-area .inConts{position:relative; overflow:hidden; display:flex;} #company #com-area .inConts .textbox{width:76.4rem; border-right:1px solid #ddd;} #company #com-area .inConts .textbox ul li{margin-bottom:3rem; padding-bottom:5rem; font-size:1.7rem; color:#333; border-bottom:1px solid #ddd;} #company #com-area .inConts .textbox ul li:last-child{border-bottom:none;} #company #com-area .inConts .textbox ul li h4{margin-bottom:4rem; font-size:2rem; line-height:1.3; font-weight:700; color:#111;} #company #com-area .inConts .textbox ul li p+p{margin-top:2rem;} #company #com-area .inConts .textbox ul li strong{display:block; margin-bottom:1.5rem; font-size:1.7rem; color:#333;} #company #com-area .inConts .imgbox{/*position:absolute; top:0; right:3rem;*/ width:calc(100% - 76.4rem); height:auto; padding-left:5rem;} #company #com-area .inConts .textbox div{display:none;} #company #com-area .inConts .imgbox .img{margin-bottom:3rem; padding-bottom:5rem; border-bottom:1px solid #ddd;} #company #com-area .inConts .imgbox .img .txt_box{margin-bottom:2rem;} #company #com-area .inConts .imgbox .img .txt_box strong{font-size:2.5rem; line-height:1.4; color:#111; font-weight:600;} #company #com-area .inConts .imgbox .img .txt_box p{margin-top:1rem; font-size:1.7rem; line-height:1.6; color:#333;} /* #company #com-area .inConts .imgbox .img p{margin-top:1rem; font-size:1.7rem; font-weight:300; color:#666; font-style:italic;} */ #company #history-area{padding:12rem 0; background:#f5f5f5; overflow:hidden; position:relative;} #company #history-area .inConts{position:relative;} #company #history-area .inConts>ul{width:51.6rem; height:69.4rem; margin:0 0 0 auto; padding-top:11rem; overflow-y:scroll; -ms-overflow-style: none !important; /* IE and Edge */ scrollbar-width: none !important; /* Firefox */} #company #history-area .inConts>ul::-webkit-scrollbar{display: none !important; /* Chrome, Safari, Opera*/} #company #history-area .inConts>ul>li{height:69.4rem;} #company #history-area .inConts>ul>li div{display:none; position:absolute; top:0; left:5.5rem;} #company #history-area .inConts>ul>li h2{font-size:4rem; font-weight:700; color:#111;} #company #history-area .inConts>ul>li ul li{margin-left:20px; font-size:1.7rem; color:#333; list-style:disc;} #company #history-area .inConts>ul>li:first-child div{display:block;} #company #history-area .inConts .history_trigger{width:100%; overflow:hidden; position: relative; display:flex; justify-content:space-between;} #company #history-area .inConts .trigger_img{width:66rem; height:495px;}/* transform: translate(0px, 0px) !important; */ #company #history-area .inConts .trigger_img>div{position: absolute; left:0; top:50%; opacity: 0; visibility: hidden;} #company #history-area .inConts .trigger_img>div:first-child{opacity:1; visibility: visible;} #company #history-area .inConts .trigger_ul{width:51.6rem; float:right; margin:0 0 0 0; overflow:hidden; position: relative; z-index:3; transition: all .3s ease-out; transform-origin: 50% 50%;} #company #history-area .inConts .trigger_ul .trigger_li{height:495px; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start; -ms-flex-align:center;} #company #history-area .inConts .trigger_ul .trigger_li>*{width:100%;} /*#company #history-area .inConts .trigger_ul .trigger_li+.trigger_li{margin-top:10rem;}*/ #company #history-area .inConts .trigger_ul .trigger_li div{display:none; position:absolute; top:0; left:5.5rem; display:none;} #company #history-area .inConts .trigger_ul .trigger_li h2{font-size:4rem; font-weight:700; color:#111;} #company #history-area .inConts .trigger_ul .trigger_li ul li{margin-left:20px; font-size:1.7rem; color:#333; list-style:disc;} #company #history-area .inConts .trigger_ul .trigger_li p{font-size:1.7rem; font-weight:700; color:#333; line-height:2.4rem;} #company #history-area{padding-top:12rem; background:#f5f5f5;} #company #history-area .inConts{position:relative;} #company #history-area .swiper-container{overflow:hidden;} #company #history-area .swiper-wrapper{width:100%; height:69.4rem; margin:0 0 0 auto; padding-top:11rem;} #company #history-area .swiper-slide{padding-left:82.4rem; height:69.4rem;} #company #history-area .swiper-slide div{position:absolute; top:0; left:0; opacity: 0; transition: all .3s ease-out; transform-origin: 50% 50%;} #company #history-area .swiper-slide h2{font-size:4rem; font-weight:700; color:#111;} #company #history-area .swiper-slide ul li{margin-left:20px; font-size:1.7rem; color:#333; list-style:disc;} #company #history-area .swiper-slide:first-child div{opacity: 1;} #company #history-area .swiper-slide.swiper-slide-active div{opacity: 1;} #company #manpower-area{padding:10rem 0 20rem; background:url(../img/sub/img_company_manpowerbg.jpg) no-repeat center / cover;} #company #manpower-area .title p{margin-top:2rem;} #company #manpower-area .inConts .sbox{display:flex; margin-top:7rem;} #company #manpower-area .inConts .sbox.tt{display:flex; margin-top:7rem; flex-wrap:wrap;} #company #manpower-area .inConts .sbox .box{position:relative; width:25%; height:52.8rem; transform:translateZ(0);} #company #manpower-area .inConts .sbox.tt .box{position:relative; width:calc(100% / 3); height:52.8rem; transform:translateZ(0);} #company #manpower-area .inConts .sbox .box:before{content:""; position:absolute; top:0; left:0; z-index:-2; width:100%; height:100%; background:url(../img/sub/img_company_manpower01.jpg) no-repeat center top / cover;} #company #manpower-area .inConts .sbox .box:nth-child(2):before{background:url(../img/sub/img_company_manpower02.jpg) no-repeat center top / cover;} #company #manpower-area .inConts .sbox .box.sherri:before{background:url(../img/sub/img_company_manpower_sherri.jpg) no-repeat center top / cover;} #company #manpower-area .inConts .sbox .box.jane:before{background:url(../img/sub/img_company_manpower_jane.jpg) no-repeat center top / cover;} #company #manpower-area .inConts .sbox .box.kelly:before{background:url(../img/sub/img_company_manpower_kelly.jpg) no-repeat center top / cover;} #company #manpower-area .inConts .sbox .box.elizabeth:before{background:url(../img/sub/img_company_manpower_elizabeth.jpg) no-repeat center top / cover;} /* #company #manpower-area .inConts .sbox .box:nth-child(3):before{background:url(../img/sub/img_company_manpower03.jpg) no-repeat center top / cover;} */ /* #company #manpower-area .inConts .sbox .box:nth-child(4):before{background:url(../img/sub/img_company_manpower04.jpg) no-repeat center top / cover;} */ #company #manpower-area .inConts .sbox .box:after{content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.5s; opacity:1;} #company #manpower-area .inConts .sbox .box:hover:after{opacity:0;} #company #manpower-area .inConts .sbox .box h4, #company #manpower-area .inConts .sbox .box h5, #company #manpower-area .inConts .sbox .box h6{position:absolute; left:0; padding:0 2rem; line-height:normal;} #company #manpower-area .inConts .sbox .box h4{position:absolute; top:29rem; font-size:2.2rem; color:#00fff0;} #company #manpower-area .inConts .sbox .box h5{position:absolute; top:32.5rem; font-size:1.8rem; color:#fff;} #company #manpower-area .inConts .sbox .box h6{position:absolute; top:42rem; font-size:1.6rem; color:#ccc;} #company #facts-area{padding:10rem 0 14rem; background:url(../img/sub/img_company_facts_bg.jpg) no-repeat center / cover;} #company .inConts .title{text-align:center;} #company .inConts .title h2{font-size:4rem; font-weight:700; color:#fff;} #company .inConts .title h3{margin:3rem 0 2rem; font-size:2.2rem; color:#fff;} #company .inConts .title p{font-size:1.7rem; color:#fff; line-height:2.5rem;} #company #facts-area .inConts .sbox{position:relative; margin-top:7rem; text-align:center;} #company #facts-area .inConts .sbox .img1{display:inline-block;} #company #facts-area .inConts .sbox .img2{position:absolute; top:8rem; right:-2rem;} #company #facts-area .inConts .sbox .facts-num{display:flex; flex-wrap:wrap; justify-content:space-between; position:absolute; top:50%; left:0; transform:translateY(-50%); width:33rem; text-align:left;} #company #facts-area .inConts .sbox .facts-num li{display:inline-block; width:16.5rem;} #company #facts-area .inConts .sbox .facts-num li span{display:block; position:relative; margin-bottom:10px; padding-bottom:10px; font-size:1.6rem; color:#fff;} #company #facts-area .inConts .sbox .facts-num li span:before{content:""; position:absolute; bottom:0; left:0; width:9rem; border-bottom:1px solid #fff;} #company #facts-area .inConts .sbox .facts-num li p{font-size:3.5rem; font-weight:700; color:#fff; font-style:italic;} #company #masters-area{padding:10rem 0 7rem; background:url(../img/sub/img_company_masters_bg.jpg) no-repeat center / cover;} #company #masters-area .inConts .hexagonTab{display:flex; flex-wrap:wrap; margin-top:7rem;} #company #masters-area .inConts .hexagonTab .hexagon{width:100px; min-width:100px; height:112px; cursor: default;} #company #masters-area .inConts .hexagonTab.why>div{width:33.3%; margin-bottom:7rem;} #company #masters-area .inConts .hexagonTab.why .hexagon{margin:0 auto; position: relative; z-index:2;} #company #masters-area .inConts .hexagonTab.why .text{text-align: center;} #company #masters-area .inConts .hexagonTab.why .text>dt{padding:20px 0 15px; font-weight: 500; font-size:2rem; line-height:2.6rem; color: #fff;} #company #masters-area .inConts .hexagonTab.why .text>dd{font-size:1.5rem; line-height:1.9rem; color: #fff;} #company #masters-area .inConts .hexagonTab .hexagon-in2{position:relative; background:linear-gradient(#1ed2c7, #00fff0);} #company #masters-area .inConts .hexagonTab .hexagon-in2:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%;} #company #masters-area .inConts .hexagonTab .bg_why01:before{background:url('../img/sub/img_company_masters_icon01.png') no-repeat center;} #company #masters-area .inConts .hexagonTab .bg_why02:before{background:url('../img/sub/img_company_masters_icon02.png') no-repeat center;} #company #masters-area .inConts .hexagonTab .bg_why03:before{background:url('../img/sub/img_company_masters_icon03.png') no-repeat center;} #company #masters-area .inConts .hexagonTab .bg_why04:before{background:url('../img/sub/img_company_masters_icon04.png') no-repeat center;} #company #masters-area .inConts .hexagonTab .bg_why05:before{background:url('../img/sub/img_company_masters_icon05.png') no-repeat center;} #company #masters-area .inConts .hexagonTab .bg_why06:before{background:url('../img/sub/img_company_masters_icon06.png') no-repeat center;} /*[s] 육각형*/ .hexagonTab{width:100%; font-size:0; line-height:0; overflow:hidden; display:table;} .hexagonTab>*{display:table-cell; vertical-align:middle;} .hexagonTab .hexagon{width: 100px; height: 110px; overflow: hidden; visibility: hidden; display:block; border-radius:10px; cursor: pointer; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); animation-duration: 1s; animation-name: hexagon01; animation-timing-function:ease-in-out; } @keyframes hexagon01 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } } .hexagonTab .hexagon-in1 {width: 100%;height: 100%; overflow: hidden; border-radius:10px; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); animation-duration: 1s; animation-name: hexagon02; animation-timing-function:ease-in-out; } @keyframes hexagon02 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } } .hexagonTab .hexagon-in2 {width: 100%; height: 100%; font-size:15px; line-height:90px;color: #fff; letter-spacing: -2px; text-align: center; background:linear-gradient(#1ed2c7, #00fff0); overflow: hidden; border-radius:10px; visibility: visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); animation-duration: 1s; animation-name: hexagon03; animation-timing-function:ease-in-out; } .hexagonTab .hexagon-in2.fsmall{letter-spacing:-1px;font-size:13px;} .hexagonTab .hexagon-in2.fsmall .vs{font-size:11px;} @keyframes hexagon03 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } } /*[e] 육각형*/ #company #works-area{padding:10rem 0; background:url(../img/sub/img_company_works_bg.jpg) no-repeat center / cover;} #company #works-area .inConts .sbox{margin-top:13rem; text-align:center;} #company #works-area .inConts .sbox ul li{display:inline-block; vertical-align:top; position:relative; width:21rem; height:21rem; margin-right:5rem; margin-bottom:5rem; padding-top:5rem; background:rgba(0,0,0,0.7);} #company #works-area .inConts .sbox ul li:before{content:""; position:absolute; top:50%; right:-35px; transform:rotate(45deg); transform-origin:right top; width:20px; height:2px; background:#fff;} #company #works-area .inConts .sbox ul li:after{content:""; position:absolute; top:50%; right:-35px; transform:rotate(-45deg); transform-origin:right top; width:20px; height:2px; background:#fff;} #company #works-area .inConts .sbox ul li h3{font-size:1.6rem; color:#fff;} #company #works-area .inConts .sbox ul li h2{margin:1rem 0; font-size:1.8rem; color:#00fff0;} #company #works-area .inConts .sbox ul li p{font-size:1.5rem; color:#ccc;} #company #works-area .inConts .sbox ul li:nth-child(5){margin-right:0;} #company #works-area .inConts .sbox ul li:nth-child(5):before, #company #works-area .inConts .sbox ul li:nth-child(5):after{display:none;} #company #works-area .inConts .sbox ul li:last-child{margin-right:0;} #company #works-area .inConts .sbox ul li:last-child:before, #company #works-area .inConts .sbox ul li:last-child:after{display:none;} #company #location-area{padding:10rem 0; background:url(../img/sub/img_company_location_bg.jpg) no-repeat center / cover;} #company #location-area .inConts .sbox{margin-top:4rem; text-align:center;} #company #location-area .inConts .sbox .tab{display:inline-block; height:5.5rem;} #company #location-area .inConts .sbox .tab li{float:left; width:15rem; height:5.5rem; font-size:1.6rem; color:#ccc; line-height:5.5rem; border-right:1px solid #333; background:#262626; cursor:pointer;} #company #location-area .inConts .sbox .tab li.on{color:#00fff0;} #company #location-area .inConts .sbox .map{margin-top:2rem; text-align:center;} #company #location-area .inConts .sbox .map .box{display:inline-block;} #company #location-area .inConts .sbox .map .box div{display:none;} #company #location-area .inConts .sbox .map .box div:first-child{display:block;} #company #location-area .inConts .sbox .map .box div table{margin-top:20px;} #company #location-area .inConts .sbox .map .box div table th, #company #location-area .inConts .sbox .map .box div table td{font-size:15px; color:#ccc; text-align:left;} #company #location-area .inConts .sbox .map .box div table th{padding-right:20px; color:#00fff0;} #program .program-box{padding:12rem 0;} #program .program-box .inConts{display:flex; flex-wrap:wrap;} #program .program-box .inConts .intro_sect{margin-bottom:10rem; padding:5rem 1.4rem 4.6rem 2.5rem; width:100%; border:1px solid #dadada} #program .program-box .inConts .intro_sect h3{font-size:2rem; line-height:1.3; font-weight:700; color:#111;} #program .program-box .inConts .intro_sect p{margin-top:3rem; font-size:1.7rem; line-height:1.6; color:#333;} #program .program-box .inConts .textbox{width:76.4rem; border-right:2px dotted #ddd;} #program .program-box .inConts .textbox>ul>li{margin-bottom:3rem; padding:0 4rem 5rem 0; font-size:1.7rem; color:#333; border-bottom:2px dotted #ddd;} #program .program-box .inConts .textbox>ul>li h3{margin-bottom:1rem; font-size:2.5rem; font-weight:700; color:#14aec5;} #program .program-box .inConts .textbox>ul>li h4{font-size:2rem; font-weight:700; line-height:1.6; color:#14aec5;} #program .program-box .inConts .textbox>ul>li h5{font-size:1.5rem; font-weight:700; line-height:1.6; margin-bottom:1.5rem; color:#111;} #program .program-box .inConts .textbox>ul>li p{font-size:1.7rem; color:#333; line-height:3rem;} #program .program-box .inConts .textbox>ul>li h4+p{margin-top:1rem;} #program .program-box .inConts .textbox>ul>li p+p{margin-top:3rem;} #program .program-box .inConts .textbox>ul>li i{display:block; font-size:1.6rem; color:#999;} #program .program-box .inConts .textbox>ul>li>i{margin-top:1rem;} #program .program-box .inConts .textbox>ul>li .btn{margin-top:1rem; text-align:right;} #program .program-box .inConts .textbox>ul>li .btn span{display:inline-block; font-size:1.5rem; color:#666; cursor:pointer;} #program .program-box .inConts .textbox>ul>li .btn img{margin-right:10px;} #program .program-box .inConts .textbox>ul>li .imgpop{display:none; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.6);} #program .program-box .inConts .textbox ul li .imgpop .box{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden;} #program .program-box .inConts .textbox ul li .imgpop .box .img{display:none; width:1200px; padding:5rem 3rem; background:#fff; overflow-x:auto;} #program .program-box .inConts .textbox ul li .imgpop .box .close{text-align:right;} #program .program-box .inConts .textbox ul li .imgpop .box .close span{font-size:30px; font-weight:300; color:#fff; cursor:pointer;} #program .program-box .inConts .textbox>ul>li .text{margin-bottom:2rem;} #program .program-box .inConts .textbox>ul>li .text:last-child{margin-bottom:0;} #program .program-box .inConts .textbox>ul>li .text h4{margin-bottom:1rem; font-size:1.7rem; font-weight:500; color:#111;} #program .program-box .inConts .textbox>ul>li .stext{margin-top:3.5rem;} #program .program-box .inConts .textbox>ul>li .stext h5{margin-bottom:1.5rem; font-size:1.7rem; font-weight:700; color:#14aec5} #program .program-box .inConts .textbox>ul>li .stext p+h5{margin-top:2.5rem;} #program .program-box .inConts .textbox>ul>li .stext p+p{margin-top:1.3rem;} #program .program-box .inConts .textbox>ul>li ul{margin-top:1rem;} #program .program-box .inConts .textbox>ul>li ul li{font-size:1.7rem; color:#333; line-height:3rem; list-style:decimal inside;} #program .program-box .inConts .textbox .num_li{counter-reset:num_li;} #program .program-box .inConts .textbox .num_li > *{counter-increment:num_li;} #program .program-box .inConts .textbox .num_li > *::before{content:counter(num_li); display:inline-block;} #program .program-box .inConts .textbox .table_cont{margin-top:1.5rem;} #program .program-box .inConts .textbox .table_cont h4{color:#111; margin-bottom:1.5rem;} #program .program-box .inConts .textbox .table_cont+.table_cont{margin-top:4rem;} #program .program-box .inConts .textbox .table_box table{width:100%; table-layout:fixed; border-collapse:collapse;} #program .program-box .inConts .textbox .table_box table tr{} #program .program-box .inConts .textbox .table_box table th{padding:1.6rem 1.6rem 1.7rem; font-size:1.7rem; line-height:1.6; color:#fff; font-weight:500; text-align:center; background-color:#f1aa00; border:1px solid #E9E9E9;} #program .program-box .inConts .textbox .table_box table td{padding:1.2rem 1.1rem 1.1rem; font-size:1.7rem; line-height:1.6; font-weight:400; color:#222; border:1px solid #e9e9e9;} #program .program-box .inConts .textbox .table_box table td:first-child{padding-left:5rem;} #program .program-box .inConts .textbox .table_box+.table_box{margin-top:5rem;} #program .program-box .inConts .textbox .thanksgiving_plan{margin-top:1.5rem; padding:3rem 2.5rem; background-color:#F3FBFC; display:flex; flex-wrap:wrap; gap:3rem 2.8rem;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box{width:calc(50% - 1.4rem);} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dl{font-size:1.5rem; color:#333} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dl+dl{margin-top:3rem;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dt{font-weight:700; line-height:1.3;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dd{margin-top:1rem; line-height:1.4;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dd p{margin-top:0; display:flex; font-size:1.5rem;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dd p span{margin-right:1rem; white-space:nowrap;} #program .program-box .inConts .textbox .img_info_box{margin-top:1.5rem;} #program .program-box .inConts .textbox .img_info_box dl{margin-top:3rem;} #program .program-box .inConts .textbox .img_info_box dt{color:#333; line-height:1.3;} #program .program-box .inConts .textbox .img_info_box dt em{display:inline-block; margin-right:1rem; font-size:2.2rem; font-weight:600; font-style:normal;} #program .program-box .inConts .textbox .img_info_box dt span{font-size:1.7rem;} #program .program-box .inConts .textbox .img_info_box dd{margin-top:2rem;} #program .program-box .inConts .textbox .img_info_box dd.border_box{padding:1rem; border:1px solid #ddd} #program .program-box .inConts .textbox .grade_area{margin-top:7rem;} #program .program-box .inConts .textbox .grade_area .grade_box{margin-top:1.5rem;} #program .program-box .inConts .textbox .grade_area .grade_li{display:flex; flex-wrap:wrap; gap:1rem;} #program .program-box .inConts .textbox .grade_area .grade_li + .grade_li{margin-top:1rem;} #program .program-box .inConts .textbox .grade_area .grade_li > *{min-height:18rem; border-radius:1rem; overflow:hidden;} #program .program-box .inConts .textbox .grade_area .grade_li h5{margin-bottom:0; flex:1 0 19.5rem; padding:2.5rem; width:19.5rem; font-size:2rem; line-height:1.3; color:#fff; background-color:#168FA1; display:flex; align-items:center;} #program .program-box .inConts .textbox .grade_area .grade_li em{flex:1 0 19.5rem; padding:1.5rem; width:19.5rem; font-size:1.6rem; line-height:1.4; font-weight:500; color:#fff; font-style:normal; background-color:#14AEC5; border:1px solid #ddd; display:flex; align-content:center; flex-wrap:wrap;} #program .program-box .inConts .textbox .grade_area .grade_li em span{font-size:1.4rem;} #program .program-box .inConts .textbox .grade_area .grade_li ul{flex:1 0 32.4rem; margin:0; padding:1.8rem 0 1.8rem 2rem; background-color:#E8F7FA; border:1px solid #ddd; display:flex; flex-direction:column; justify-content:center;} #program .program-box .inConts .textbox .grade_area .grade_li ul li{padding-left:0.8rem; font-size:1.6rem; line-height:1.5; color:#666; list-style:none; position:relative;} #program .program-box .inConts .textbox .grade_area .grade_li ul li::before{content:""; display:block; width:0.3rem; height:0.3rem; border-radius:50%; background-color:#333; position:absolute; left:0; top:1.1rem;} #program .program-box .inConts .textbox .border_li_box{margin-top:1.5rem; padding:3rem 1.5rem; border:1px solid #14AEC5; display:flex; flex-wrap:wrap; gap:0 1rem;} #program .program-box .inConts .textbox .border_li_box ul{width:calc(50% - 0.5rem); margin:0;} #program .program-box .inConts .textbox .border_li_box ul > li{list-style:none;} #program .program-box .inConts .imgbox{width:calc(100% - 76.4rem);} #program .program-box .inConts .imgbox>div{border-bottom:2px dotted #ddd;} #program .program-box .inConts .imgbox>div:last-child{border-bottom:none;} #program .program-box .inConts .imgbox .text{padding:3rem 0 3rem 5rem;} #program .program-box .inConts .imgbox .img{padding:4rem 0 4rem 5rem;} #program .program-box .inConts .imgbox .text h5{font-size:1.7rem; color:#666;} #program .program-box .inConts .imgbox .text h5 strong{font-size:2.5rem; color:#14aec5;} #program .program-box .inConts .imgbox .text h5 em{margin:2.3rem 0 2rem; display:block; font-size:2rem; line-height:1.3; font-weight:600; font-style:normal; color:#333} #program .program-box .inConts .imgbox .text h5 span{font-size:1.7rem; font-weight:300; color:#666;} #program .program-box .inConts .imgbox .text h5 p{margin-top:1rem} #program .program-box .inConts .imgbox .text h6, #program .program-box .inConts .imgbox .text h6 span{font-size:1.7rem; font-weight:300; color:#666;} #program .program-box .inConts .imgbox .text h6 strong{font-size:2.5rem; color:#111;} #program .program-box .inConts .imgbox .img p{margin-top:1rem; font-size:1.7rem; font-weight:300; color:#666; font-style:italic;} #program .program-box .inConts .imgbox .text .img_box{margin-top:2rem;} #program .program-box .inConts .imgbox .text .img_box img{width:100%} #program #program-area01 .inConts .imgbox .text:nth-child(3){padding:3rem 0 26rem 5rem;} #program #program-area02 .inConts.graphbox{display:block;} #program #program-area02 .inConts.graphbox .graph{display:flex; justify-content:center; padding-top:10rem;} #program #program-area02 .inConts.graphbox .graph .list{width:300px; text-align:center;} #program #program-area02 .inConts.graphbox .graph .list .progress{display:inline-block; width:150px; height:150px;} #program #program-area02 .inConts.graphbox .graph .list h2{margin:1rem 0; font-size:3.5rem; font-weight:700; color:#00319c;} #program #program-area02 .inConts.graphbox .graph .list p{font-size:1.6rem; color:#111;} #program #program-area03 .progress-area{padding:7rem 0; background-color:#f7f7f7;} #program #program-area03 .progress-area h5{width:100%; font-size:2.5rem; line-height:1.4; color:#000; font-weight:600; text-align:center;} #program #program-area03 .progress-area ul{margin-top:5rem; display:flex; flex-wrap:wrap; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} #program #program-area03 .progress-area ul li{padding:2.5rem 1.3rem 3.3rem; width:calc(100% / 3);} #program #program-area03 .progress-area ul li+li{border-left:1px solid #d9d9d9;} #program #program-area03 .progress-area ul li .cont_box{margin-top:2.5rem;} #program #program-area03 .progress-area ul li .cont_box em{font-style:normal; font-size:2.3rem; line-height:1.3; font-weight:700; color:#111;} #program #program-area03 .progress-area ul li .cont_box p{margin-top:2.5rem; padding-top:1.5rem; font-size:1.6rem; line-height:1.5; font-weight:500; border-top:1px solid #d9d9d9;;} #program #program-area03 .presentation-area.inConts{display:block; text-align:center;} #program #program-area03 .presentation-area .title{margin-top:10rem; font-size:3rem; font-weight:700; color:#111;} #program #program-area03 .presentation-area .presentation{margin-top:4rem;} #program #program-area03 .presentation-area .presentation .pre_box1{display:flex; justify-content:space-between;} #program #program-area03 .presentation-area .presentation .pre_box1 .box{display:table; width:26rem; height:13rem; padding:0 1rem; border:1px solid #00319c; background:#f8f9fc; box-shadow:0 3px 10px rgba(3,3,3,0.15);} #program #program-area03 .presentation-area .presentation .pre_box1 .box div{display:table-cell; vertical-align:middle;} #program #program-area03 .presentation-area .presentation .pre_box1 .box div h5{font-size:1.7rem; font-weight:700; color:#00319c;} #program #program-area03 .presentation-area .presentation .pre_box1 .box div h6{font-size:1.6rem; color:#666;} #program #program-area03 .presentation-area .presentation .pre_box2{margin:10rem 0;} #program #program-area03 .presentation-area .presentation .pre_box2 .box{display:table; position:relative; width:20rem; height:20rem; margin:0 auto; border:1px solid #ccc; border-radius:50%; background:#1453de;} #program #program-area03 .presentation-area .presentation .pre_box2 .box:before{content:""; position:absolute; top:0; left:0; z-index: 1; width:100%; height:100%; border:15px solid #fff; border-radius:50%;} #program #program-area03 .presentation-area .presentation .pre_box2 .box strong{display:table-cell; vertical-align:middle; font-size:20px; color:#fefefe;} #program #program-area03 .presentation-area .presentation .pre_box2 .box span{position:absolute; left:50%; transform:translateX(-50%); width:28px; height:50px; background:#7291de;} #program #program-area03 .presentation-area .presentation .pre_box2 .box span.arrow1{top:-45px;} #program #program-area03 .presentation-area .presentation .pre_box2 .box span.arrow2{bottom:-45px;} #program #program-area03 .presentation-area .presentation .pre_box2 .box span:before{content:""; position:absolute; left:50%; transform:translateX(-50%); border:30px solid #7291de; border-left:25px solid transparent; border-right:25px solid transparent;} #program #program-area03 .presentation-area .presentation .pre_box2 .box span.arrow1:before{top:-25px; border-top:none;} #program #program-area03 .presentation-area .presentation .pre_box2 .box span.arrow2:before{bottom:-25px; border-bottom:none;} #program #program-area03 .presentation-area .presentation .pre_box3{display:flex; justify-content:space-between;} #program #program-area03 .presentation-area .presentation .pre_box3 .box{position:relative; width:35rem;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:before{content:""; position:absolute; top:0; left:50%; z-index: -1; height:100%; border-left:1px solid #ddd;} #program #program-area03 .presentation-area .presentation .pre_box3 .box div{display:table; width:100%; height:8rem; margin-bottom:1rem; padding:0 1rem; border:1px solid #ccc; background:#f7f7f7; box-shadow:0 3px 10px rgba(3,3,3,0.15);} #program #program-area03 .presentation-area .presentation .pre_box3 .box div span{display:table-cell; vertical-align:middle; font-size:1.6rem; color:#666; line-height:2rem;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:nth-child(1) div span{color:#111;} #program #program-area03 .presentation-area .presentation .pre_box3 .box div:nth-child(1) span{font-size:1.7rem; color:#fff;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:nth-child(3) div{text-align:left;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:nth-child(3) div:nth-child(1){text-align:center;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:nth-child(1) div:nth-child(1){background:#2761e1;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:nth-child(2) div:nth-child(1){background:#164cc5;} #program #program-area03 .presentation-area .presentation .pre_box3 .box:nth-child(3) div:nth-child(1){background:#073aab;} /* #program #program-area04 .inConts .imgbox .text:nth-child(2){padding:3rem 0 18rem 5rem;} */ #program #program-area05 .inConts .imgbox .text:nth-child(3){padding:3rem 0 18rem 5rem;} #program #program-area06 .inConts .textbox ul>li .img_box+h4{margin-top:2rem;} /* #program #program-area07 .inConts .imgbox .text:nth-child(4){padding:3rem 0 50rem 5rem;} */ #program #program-area07 .inConts .textbox>ul>li .text.mt40{margin-top:4rem;} #program #program-area07 .inConts .textbox>ul>li .text h4{margin-bottom:0;} #program #program-area07 .inConts .img_pop_box{margin-bottom:3rem;} #program #program-area07 .inConts .img_pop_box .img_box{display:block; position:relative} #program #program-area07 .inConts .img_pop_box .img_box::after{content:""; width:7rem; height:7rem; background:url("/img/img_pop_icon.png") no-repeat center/contain; position:absolute; right:1.5rem; bottom:1.5rem;} #program #program-area07 .inConts .img_pop_box .img_box .thumb{display:block; border:1px solid #ddd} #program #program-area08 .inConts .textbox>ul>li h2{margin-bottom:2rem; font-size:2.2rem; font-weight:700; color:#14aec5; line-height:1.3;} #program #program-area08 .inConts .textbox>ul>li h3{margin-bottom:2.5rem; line-height:1.3;} #program #program-area08 .inConts .textbox>ul>li ul li{list-style:none;} #program #program-area08 .inConts .textbox>ul>li ul li h4{font-size:1.7rem; font-weight:500; color:#14aec5;} #program #program-area08 .inConts .textbox>ul>li p{font-size:1.7rem; color:#333;} #program #program-area08 .inConts .textbox>ul>li .stext{margin-top:3rem;} #program #program-area08 .inConts .textbox>ul>li .stext h4{font-size:1.7rem; font-weight:700; color:#14aec5;} #program #program-area08 .inConts .textbox>ul>li .stext p+h4{margin-top:4.5rem;} #program #program-area08 .inConts .textbox>ul>li .stext h5{font-size:1.7rem; font-weight:700;} #program #program-area08 .inConts .textbox>ul>li .stext h6{font-size:1.7rem; color:#333;} #program #program-area08 .inConts .textbox>ul>li .stext p{margin-top:1rem; font-size:1.7rem; color:#333;} #program #program-area08 .inConts .textbox>ul>li .stext p em{font-weight:500; color:#14aec5; font-style:normal;} #program #program-area08 .inConts .textbox>ul>li .stext p.num_txt{padding-left:1.9rem;} #program #program-area08 .inConts .textbox>ul>li .stext .brk_r{margin-bottom:4.5rem;} #program #program-area08 .inConts .textbox>ul>li .stext .brk_r li{padding-left:2.1rem; position:relative;;} #program #program-area08 .inConts .textbox>ul>li .stext .brk_r li::before{content:counter(num_li)"."; font-weight:700; position:absolute; left:0; top:0;} #program #program-area08 .inConts .imgbox .text h5 strong{color:#14aec5} #program #program-area08 .inConts .imgbox .text h5 p{color:#333} #program #program-area09 .inConts .imgbox .text:nth-child(3){padding:3rem 0 10rem 5rem;} #program #program-area09 .program09_grade{margin-top:10rem;} #program #program-area09 .program09_grade .inConts{display:block;} #program #program-area09 .program09_grade .grade_tit{max-width:44rem; margin:0 auto; padding:2.8rem; font-size:3rem; line-height:1.3; font-weight:700; color:#fff; text-align:center; background-color:#2761e1; border:2rem solid #cadbff} #program #program-area09 .program09_grade .tabBox{margin-top:5rem; display:flex; gap:5rem; justify-content:space-between; flex-wrap:wrap;} #program #program-area09 .program09_grade .tabBox > li{width:calc((100% - 15.9rem) / 4);} #program #program-area09 .program09_grade .tabBox > li:nth-child(1) .grade_tab_tit{background-color:#2761e1;} #program #program-area09 .program09_grade .tabBox > li:nth-child(2) .grade_tab_tit{background-color:#164cc5;} #program #program-area09 .program09_grade .tabBox > li:nth-child(3) .grade_tab_tit{background-color:#073aab;} #program #program-area09 .program09_grade .tabBox > li:nth-child(4) .grade_tab_tit{background-color:#002372;} #program #program-area09 .program09_grade .grade_tab_tit{display:block; padding:2.8rem 3.5rem 2.8rem 2rem; width:100%; font-size:2.2rem; line-height:1.3; font-weight:600; color:#fff; position:relative;} #program #program-area09 .program09_grade .grade_tab_tit::after{content:""; display:block; margin-top:-1rem; width:2rem; height:2rem; background:url("/theme/prix/img/sub/grade_tab_tit_arrw.svg") no-repeat center/contain; position:absolute; right:1.5rem; top:50%; transition:all 0.3s ease-out;} #program #program-area09 .program09_grade .grade_list{display:none; padding-top:3.5rem; position:relative; z-index:2;} #program #program-area09 .program09_grade .grade_list::before{content:""; margin-left:-0.2rem; width:0.4rem; height:1.9rem; background:url("/theme/prix/img/sub/grade_list_line.png") no-repeat center/contain; position:absolute; left:50%; top:0.8rem; z-index:-1;} #program #program-area09 .program09_grade .grade_list ul{padding:2.5rem; border:0.2rem solid #2761e1; background-color:#fff;} #program #program-area09 .program09_grade .grade_list ul li{padding-left:1.6rem; font-size:2rem; line-height:1.3; font-weight:500; color:#666; position:relative;} #program #program-area09 .program09_grade .grade_list ul li::before{content:""; display:block; width:0.5rem; height:0.5rem; background-color:#666; border-radius:50%; position:absolute; left:0; top:1.1rem;} #program #program-area09 .program09_grade .grade_list ul li+li{margin-top:1rem;} #program #program-area09 .program09_grade .tabBox > li.active .grade_tab_tit::after{transform:rotate(180deg);} /* #program #program-area09 .program09_grade .tabBox > li.active .grade_list{display:block;} */ #program #program-area10 .inConts .textbox>ul>li{padding-right:2.8rem;} #program #program-area10 .inConts .textbox>ul>li h3{margin-bottom:2rem;} #program #program-area10 .inConts .textbox>ul>li h4+h4{margin-top:0.5rem;} #program #program-area10 .inConts .textbox>ul>li h4+p{margin-top:1rem;} #program #program-area10 .inConts .textbox>ul>li p+p{margin-top:1rem;} #program #program-area10 .inConts .imgbox .text .img_box{margin-top:2rem;} #program #program-area10 .inConts .imgbox .text .img_box img{width:100%;} #program #program-area10 .inConts .overview_int_wr{margin-bottom:10rem; width:100%; display: grid; grid-template-columns:25.5rem repeat(6, 1fr); grid-auto-rows:minmax(13.5rem, auto); border-right:2px dotted #14AEC5; border-top:2px dotted #14AEC5;} #program #program-area10 .inConts .overview_int_wr>div{padding:3.5rem 2rem; text-align:center; border-left:2px dotted #14AEC5; border-bottom:2px dotted #14AEC5; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center;} #program #program-area10 .inConts .overview_int_wr .txt_box em{display:block; font-size:2.6rem; line-height:1.3; font-weight:600; color:#14AEC5; font-style:normal;} #program #program-area10 .inConts .overview_int_wr .txt_box p{margin-top:0.5rem; font-size:1.6rem; line-height:1.3; font-weight:500; color:#555;} #program #program-area10 .inConts .overview_int_wr .box01{grid-row:span 4 / span 4; } #program #program-area10 .inConts .overview_int_wr .box02{grid-column:span 3 / span 3; grid-row:span 2 / span 2;} #program #program-area10 .inConts .overview_int_wr .box03{grid-column:span 3 / span 3; grid-row:span 2 / span 2; grid-column-start:5;} #program #program-area10 .inConts .overview_int_wr .box04{grid-column:span 2 / span 2; grid-column-start:2; grid-row-start:3;} #program #program-area10 .inConts .overview_int_wr .box05{grid-column:span 2 / span 2; grid-column-start:2; grid-row-start:4;} #program #program-area10 .inConts .overview_int_wr .box06{grid-column:span 2 / span 2; grid-row:span 2 / span 2; grid-column-start:4; grid-row-start:3;} #program #program-area10 .inConts .overview_int_wr .box07{grid-column:span 2 / span 2; grid-row:span 2 / span 2; grid-column-start:6; grid-row-start:3;} #program #program-area10 .inConts .overview_int_wr .box01{gap:5rem 0} #program #program-area10 .inConts .overview_int_wr .box01 .txt_box{margin-top:1.5rem;} #program #program-area10 .inConts .overview_int_wr .box02, #program #program-area10 .inConts .overview_int_wr .box03, #program #program-area10 .inConts .overview_int_wr .box04, #program #program-area10 .inConts .overview_int_wr .box05{text-align:left;} #program #program-area10 .inConts .overview_int_wr .box02, #program #program-area10 .inConts .overview_int_wr .box03{gap:0 4rem} #program #program-area10 .inConts .overview_int_wr .box04, #program #program-area10 .inConts .overview_int_wr .box05{gap:0 2rem} #program #program-area10 .inConts .overview_int_wr .box01 .ico_box img{width:18.5rem;} #program #program-area10 .inConts .overview_int_wr .box02 .ico_box img, #program #program-area10 .inConts .overview_int_wr .box03 .ico_box img{width:10rem;} #program #program-area10 .inConts .overview_int_wr .box04 .ico_box img, #program #program-area10 .inConts .overview_int_wr .box05 .ico_box img, #program #program-area10 .inConts .overview_int_wr .box06 .ico_box img, #program #program-area10 .inConts .overview_int_wr .box07 .ico_box img{height:7rem;} #program #program-area10 .inConts .overview_int_wr .box06 .txt_box, #program #program-area10 .inConts .overview_int_wr .box07 .txt_box{width:100%; margin-top:1rem;} #program #program-area10 .inConts .graph_li{display:flex; flex-wrap:wrap; border-left:2px dotted #14AEC5} #program #program-area10 .inConts .graph_li .gp_box{width:50%; padding:4rem; border-right:2px dotted #14AEC5;} #program #program-area10 .inConts .graph_li .gp_box .gp_img{text-align:center;} #program #program-area10 .inConts .graph_li .gp_box:nth-child(n + 3){border-top:2px dotted #14AEC5;} #program #program-area10 .inConts .graph_li .gp_box dl{margin-top:1.6rem;} #program #program-area10 .inConts .graph_li .gp_box dt{font-size:1.6rem; line-height:1.3; font-weight:500; color:#14AEC5; text-align:center;} #program #program-area10 .inConts .graph_li .gp_box dd{margin-top:0.3rem; display:flex; gap:1rem; align-items:center; justify-content:center;} #program #program-area10 .inConts .graph_li .gp_box dd p{margin-top:0; font-size:1.6rem; line-height:1.3; font-weight:500; color:#555; text-align:center;} #program #program-area10 .inConts .graph_li .gp_box dd p:nth-child(1){order:1;} #program #program-area10 .inConts .graph_li .gp_box dd p:nth-child(2){order:3;} #program #program-area10 .inConts .graph_li .gp_box:not(:last-child) dd::after{content:""; order:2; display:block; width:1.2rem; height:1rem; background:url("../img/r_tail_arrow.svg") no-repeat center / contain;} #program #program-area10 .inConts .imgbox .text .line_box{margin-top:3rem; padding:2.9rem 2.5rem; border:1px solid #14AEC5;} #program #program-area10 .inConts .imgbox .text .line_box ul li{font-size:1.6rem; line-height:1.6; color:#333;} #program #program-area13 .inConts .textbox>ul>li{padding-right:2.8rem;} #program #program-area13 .inConts .textbox .img_box{margin-top:3.5rem;} #program #program-area13 .inConts .textbox .img_box .img_tit{margin-bottom:1.8rem; font-size:1.7rem; line-height:1.6; color:#666; font-weight:700;} #program #program-area13 .inConts .textbox h4+h4{margin-top:1.5rem;} #program #program-area13 .inConts .textbox .row_layout{display:flex; gap:1rem;} #program #program-area13 .inConts .textbox .row_layout em{font-style:normal;line-height:1.6;} #program #program-area13 .inConts .textbox .row_layout ul{margin-top:0;} #program #program-area13 .inConts .textbox .row_layout ul li{margin-top:0; list-style:none; line-height:1.6;} #program #program-area13 .inConts .textbox .text{margin-bottom:4rem;} #program #program-area13 .inConts .textbox .text h4{font-weight:700;} #program #program-area14 .inConts .textbox>ul>li{padding-right:2.8rem;} /* #program #program-area14 .inConts .textbox h5{font-size:1.7rem; line-height:1.6; font-weight:600; color:#333} */ #program #program-area14 .inConts .textbox>ul>li>em{font-style:normal; display:block;} #program #program-area14 .inConts .textbox>ul>li>h4+em{margin-top:1rem;} #program #program-area14 .inConts .textbox>ul>li>em+p{margin-top:1rem;} #program #program-area14 .inConts .textbox .img_box .img_tit{margin-bottom:1.8rem; font-size:1.7rem; line-height:1.6; color:#666; font-weight:700;} #program #program-area14 .inConts .textbox .table_cont h4{color:#14aec5} #program #program-area14 .inConts .textbox .table_box table th{background-color:#D9C38C;} #program #program-area14 .inConts .textbox .table_cont+.table_cont .table_box table th{background-color:#C3B8F1;} #program #program-area14 .inConts .textbox .row_layout{display:flex; gap:1rem;} #program #program-area14 .inConts .textbox .row_layout em{font-style:normal;line-height:1.6;} #program #program-area14 .inConts .textbox .row_layout ul{margin-top:0;} #program #program-area14 .inConts .textbox .row_layout ul li{margin-top:0; list-style:none; line-height:1.6;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box{margin-top:1.5rem; display:flex; gap:1rem 1.6rem;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dl{width:calc((100% - 3.2rem)/3); display:flex; flex-direction:column;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dt{padding:1.4rem; font-size:2rem; line-height:1.3; font-weight:600; color:#fff; text-align:center; background-color:#168FA1; border-radius:1rem;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dd{flex:1; margin-top:1rem; padding:2rem 1.8rem; background-color:#E8F7FA; border:1px solid #ddd; border-radius:1rem;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dd p+p{margin-top:0;} #program #program-area14 .inConts .textbox .semi_tit{font-size:1.7rem; line-height:1.6; font-weight:600; color:#333;} #team-member #team-member-area01 .inConts .sbox{padding:15rem 0;} #team-member #team-member-area01 .inConts .sbox{display:flex; justify-content:space-between; align-items:flex-end;} #team-member #team-member-area01 .inConts .sbox .textbox{width:76.4rem;} #team-member #team-member-area01 .inConts .sbox .textbox h1{font-size:7rem; color:#111;} #team-member #team-member-area01 .inConts .sbox .textbox h2{margin-bottom:5rem; font-size:4rem; color:#111;} #team-member #team-member-area01 .inConts .sbox .textbox h5{margin-bottom:9rem; font-size:2.6rem; font-weight:600; color:#111; line-height:3.4rem;} #team-member #team-member-area01 .inConts .sbox .textbox h6{margin-bottom:5rem; font-size:1.7rem; color:#333; line-height:2.8rem;} #team-member #team-member-area01 .inConts .sbox .textbox .int_his{margin:2rem 0} #team-member #team-member-area01 .inConts .sbox .textbox .int_his li{font-size:1.8rem; line-height:1.3; font-weight:500; color:#111;} #team-member #team-member-area01 .inConts .sbox .textbox .int_his li+li{margin-top:1rem;} #team-member #team-member-area01 .inConts .sbox .textbox em{display:block; font-size:2.6rem; line-height:3.4rem; font-weight:600; color:#111; font-style:normal;} #team-member #team-member-area01 .inConts .sbox .textbox em+p{margin-top:2.5rem;} #team-member #team-member-area01 .inConts .sbox .textbox p{margin-top:4.5rem; font-size:1.8rem; color:#333; line-height:3rem;} #team-member #team-member-area01 .inConts .sbox .textbox p .bold{font-weight:700; color:#111;} #team-member #team-member-area01 .inConts .sbox .textbox p.fw_5{font-weight:500; color:#111} #team-member #team-member-area01 .inConts .sbox .textbox .sign{margin-top:2rem;} #team-member #team-member-area01 .inConts .sbox .imgbox .img+.img, #team-member #team-member-area01 .inConts .sbox .imgbox .img+.recent_5y_box{margin-top:5rem;} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box{border:1px solid #14AEC5} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box .tit_box{padding:2.7rem 2rem; font-size:2rem; line-height:1.3; font-weight:600; color:#fff; text-align:center; background-color:#14AEC5;} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box ul{padding:3rem 4.5rem} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box ul li{font-size:1.6rem; line-height:1.3; color:#111;} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box ul li+li{margin-top:0.5rem;} #team-member #team-member-area02{padding:15rem 0; background:#f5f5f5;} #team-member #team-member-area02 .inConts .title{position:relative; padding-bottom:2rem; font-size:5rem; color:#111;} #team-member #team-member-area02 .inConts .title:before{content:""; position:absolute; bottom:0; left:0; width:5rem; border-bottom:1px solid #111;} #team-member #team-member-area02 .inConts .sbox{display:flex; justify-content:space-between; margin-top:5rem;} #team-member #team-member-area02 .inConts .sbox .imgbox h5{margin-bottom:3rem; font-size:1.7rem; font-weight:700; color:#333;} #team-member #team-member-area02 .inConts .sbox .textbox{width:61rem; padding-top:5rem;} #team-member #team-member-area02 .inConts .sbox .textbox .box{margin-bottom:5rem;} #team-member #team-member-area02 .inConts .sbox .textbox .box h3{font-size:4rem; font-weight:700; color:#111;} #team-member #team-member-area02 .inConts .sbox .textbox .box ul{margin-top:2rem;} #team-member #team-member-area02 .inConts .sbox .imgbox ul li, #team-member #team-member-area02 .inConts .sbox .textbox .box ul li{margin-left:20px; font-size:1.7rem; color:#333; line-height:3rem; list-style:disc;} #team-member #team-member-area02 .inConts .sbox .textbox .box p{margin-top:1rem; font-size:1.7rem; color:#333; line-height:2.4rem;} #team-member.team-member02 #team-member-area01 .inConts .sbox{align-items:flex-start;} #team-member.team-member02 #team-member-area01 .inConts .sbox .textbox h5{margin-bottom:7rem;} #team-member.team-member02 #team-member-area01 .inConts .sbox .imgbox{padding-top:10rem;} #team-member.team-member02 #team-member-area02 .inConts .sbox02{margin-top:10rem;} #team-member.team-member03 #team-member-area01 .inConts .sbox{align-items:flex-start;} #team-member.team-member03 #team-member-area01 .inConts .sbox .imgbox{padding-top:10rem;} #team-member.team-member04 #team-member-area01 .inConts .sbox{align-items:flex-start;} #team-member.team-member04 #team-member-area01 .inConts .sbox .imgbox{padding-top:10rem;} #team-member.team-member06 #team-member-area01 .inConts .sbox{align-items:flex-start;} #team-member.team-member06 #team-member-area01 .inConts .sbox .textbox h2{margin-bottom:1.6rem; font-weight:500; line-height:1.4;} #team-member.team-member06 #team-member-area01 .inConts .sbox .textbox h2 span{font-size:3.6rem; line-height:1.3;} #team-member.team-member06 #team-member-area01 .inConts .sbox .textbox em{margin:2rem 0 6rem;} #team-member.team-member06 #team-member-area02 .imgbox > div{display:flex; flex-direction:column; gap:4.5rem;} #team-member.team-member06 #team-member-area02 .textbox{padding-top:0;} #team-member.team-member06 #team-member-area02 .textbox > h5{margin-bottom:5rem; font-size:1.7rem; font-weight:700; color:#333} #team-member.team-member07 #team-member-area01 .inConts .sbox{align-items:flex-start;} #team-member.team-member07 #team-member-area01 .inConts .sbox .textbox .hs_cont{margin-top:2rem; display:flex; gap:1rem 3rem; flex-wrap:wrap; font-size:2.6rem; font-weight:500; line-height:1.3; color:#111;} /* #team-member.team-member07 #team-member-area01 .inConts .sbox .textbox .hs_cont .en{max-width:43rem; width:100%;} */ #team-member.team-member07 #team-member-area01 .inConts .sbox .textbox .en_txt{margin-top:9rem;} #team-member.team-member07 #team-member-area01 .inConts .sbox .imgbox{display:flex; flex-direction:column; gap:4.5rem;} #team-member.team-member08{} #team-member.team-member08 #team-member-area01 .inConts .sbox{align-items:flex-start;} #team-member.team-member08 #team-member-area01 .inConts .sbox .textbox .int_his li{font-size:2.6rem;} #team-member.team-member08 #team-member-area01 .inConts .sbox .imgbox{display:flex; flex-direction:column; gap:4.5rem;} #team-member.team-member08 #team-member-area02 .inConts .sbox .textbox{width:100%;} #team-member.team-member08 #team-member-area02 .inConts .sbox .textbox ul li+li{margin-top:3rem;} #team-member.team-member08 #team-member-area02 .inConts .sbox .textbox ul li em{display:block; color:#111; line-height:1.3; font-weight:500; font-style:normal;} #team-member.team-member08 #team-member-area02 .inConts .sbox .textbox ul li p{line-height:1.3; margin-top:1rem;} /*[e] Sub Style */ /*[s] Plugin Style */ /* Layer Style */ /*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/ .layerCell{display:none;} .layerArea{width:0px; height:0px; background: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;} .layerArea.one, .layerArea.two{width:100%; height:100%; left:0%; top:0%;} .layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;} .layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;} .layerArea .closeLy:before, .layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;} .layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);} .layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);} .layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;} .layerArea .closeLy.type02:before, .layerArea .closeLy.type02:after{background-color: #676767;} .layerArea .layerIn{width:100%; height:100%; display: table; position:relative;} .layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;} .layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;} /* .layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;} .layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;} */ .layerArea .layerIn .layerBox .contLy{position: relative;} .downlay{width:100%; padding:10rem 0; border-radius:0 !important;} .downlay .closeLy{top:-5rem;} .downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;} .downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;} .downlay .title>strong{color: #23abaf;} .downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;} .downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;} .downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;} .downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;} .downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;} .downlay .utllBox .icon>p+p{margin-top:2rem;} .downlay .utllBox>.qr{border-left:1px solid #dadada;} .downlay .utllBox>.store img{width:16.8rem;} .downlay .utllBox>.qr img{width:15rem;} .formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;} .formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;} .formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;} .formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;} .formLay .textBox>span{color: #149699;} .formLay .launchingForm{margin-top:1rem;} .formLay .launchingForm>li{padding-top:4rem;} .formLay .launchingForm>li>dl{} .formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;} .formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;} .formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;} .formLay .launchingForm>li>dl .checkIn{} .formLay .launchingForm>li.two{display: flex; justify-content: space-between;} .formLay .launchingForm>li.two>dl{width:48%;} .formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;} .formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;} .formLay .btnArea{margin-top:6rem;} .privacylay{width:62rem; padding:7rem 5rem;} .privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;} .privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;} /* Img Over Bg Style */ #photo{width:960px;margin:0 auto; position:relative; overflow:hidden;} #photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; } #photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;} #photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;} #photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;} /* Notice One Line Style */ .mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;} .mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;} .mNoticeList>ul>li{height:60px; position: relative;} .mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;} .mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;} .mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;} .mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;} .mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;} /*[e] Plugin Style */ @media only screen and (max-width : 1600px){ /*[s] Main Style */ .videobox .videotext{width:100%; padding-right:8rem;} .online .inConts .tbc{padding-left:0;} /*[e] Main Style */ } @media only screen and (max-width : 1440px){ /*[s] Main Style */ #mVisual .vTxtArea{padding:0 2rem;} /*[e] Main Style */ #company #works-area .inConts .sbox ul li{width:18rem; height:18rem; padding-top:3rem;} /*[s] Sub Style */ } @media only screen and (max-width : 1320px){ /*[s] Main Style */ /* 창업문의 */ #startup_inquiry .startup_info>dl{padding:0 2rem;} /*[e] Main Style */ /*[s] Sub Style */ #company #com-area .inConts .textbox{width:60%;} #company #com-area .inConts .imgbox{width:40%;} #company #history-area .inConts>ul{width:50%} #company #history-area .inConts>ul>li div{width:40%;} #company #facts-area .inConts .sbox .img1{width:40%;} #company #facts-area .inConts .sbox .img2{width:30%;} #company #history-area .swiper-slide{padding-left:50%;} #company #history-area .swiper-slide div{width:40%;} #program .program-box .inConts .textbox{width:60%;} #program .program-box .inConts .imgbox{width:40%;} #program #program-area10 .inConts .overview_int_wr{grid-template-columns:repeat(6, 1fr)} #program #program-area10 .inConts .overview_int_wr .box01{grid-column:span 6 / span 6; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box02{grid-column:span 3 / span 3; grid-row:auto; grid-row-start:2;} #program #program-area10 .inConts .overview_int_wr .box03{grid-column:span 3 / span 3; grid-row:auto; grid-column-start:4; grid-row-start:2;} #program #program-area10 .inConts .overview_int_wr .box04{grid-column:span 2 / span 2; grid-row-start:3;} #program #program-area10 .inConts .overview_int_wr .box05{grid-column:span 2 / span 2; grid-column-start:1; grid-row-start:4;} #program #program-area10 .inConts .overview_int_wr .box06{grid-column:span 2 / span 2; grid-row:span 2 / span 2; grid-column-start:3; grid-row-start:3;} #program #program-area10 .inConts .overview_int_wr .box07{grid-column:span 2 / span 2; grid-row:span 2 / span 2; grid-column-start:5; grid-row-start:3;} #program #program-area10 .inConts .overview_int_wr .box01 .innr_box{width:50%;} /*[e] Sub Style */ } @media only screen and (max-width : 1280px){ } @media only screen and (max-width : 1240px){ .scroll_info{display:block;} .scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;} .scrollTb>*{width:1200px !important;} /*[s] Main Style */ /* 창업문의 */ #startup_inquiry .startup_info>dl{padding:0 1rem;} /*[e] Main Style */ /*[s] Sub Style */ .stackArea .stack_re>.textBox{padding-right:4rem;} .stackArea .stack_re:nth-child(even)>.textBox{padding:0 0 0 4rem;} #program #program-area02 .inConts.graphbox .graph .list{width:25%;} /*[e] Sub Style */ } @media only screen and (max-width : 1200px){ .scroll_info{display:block;} .scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;} .scrollTb>*{width:1200px;} /*[s] Sub Style */ #company #works-area .inConts .sbox ul li{width:15rem; height:15rem; padding-top:2rem;} #company #works-area .inConts .sbox ul li h2{margin:0;} #program .program-box .inConts .textbox ul li .imgpop .box{width:96%;} #program .program-box .inConts .textbox ul li .imgpop .box .img{width:100%;} #program .program-box .inConts .textbox ul li .imgpop .box .img img{max-width:none;} #program #program-area03 .presentation-area .presentation .pre_box1 .box{width:24%;} #program #program-area03 .presentation-area .presentation .pre_box3 .box{width:32%;} #program #program-area10 .inConts .graph_li .gp_box{width:100%;} #program #program-area10 .inConts .graph_li .gp_box+.gp_box{border-top:2px dotted #14AEC5;} /*[e] Sub Style */ } @media only screen and (max-width : 1024px){ /*[s] All Style */ .depth3{margin-bottom:6rem; display: flex; justify-content: space-between;} .depth3:before{display:none;} .depth3>a{width:100%; height:auto; padding:1rem 2rem;} .depth3>a+a{margin-left:-1px;} .depth3>a>span:before{display:none;} /*[e] All Style */ /*[s] Main Popup Style */ .hd_pops{position: absolute; left:2rem !important; top:2rem !important;} .hd_pops_con{width:auto !important;} /*[e] Main Popup Style */ /*[s] Main Style */ /* visual */ #mVisual .visualRoll .slider img{} #mVisual .slick-arrow{display:none !important;} #mVisual .slick-dots{display:block !important;} /* 메뉴 소개 */ #menu_introduction{padding:12rem 0 12rem;} #menu_introduction:before{ width: 100%; height: 62%;} #menu_introduction .inConts{display: block;} #menu_introduction .inConts .mTitle{width:100%; margin-bottom:6rem; text-align:center;} #menu_introduction .inConts .mTitle>dt{background-position: center bottom;} #menu_introduction .inConts .photo_list{width:100%;} #menu_introduction .slickArr{margin-top:0; position: static;} #menu_introduction .slick-arrow{background-color: #fff; border-color:#7cb640; color: #7cb640; position: absolute; top:66%; transform: translateY(-50%); z-index:7;} #menu_introduction .slick-prev{left:2rem;} #menu_introduction .slick-next{margin-left:0; right:2rem;} /* 메뉴 갤러리 */ #menu_gallery .swiper-button{font-size:0; line-height:0;} /* 창업문의 */ #startup_inquiry{padding:12rem 0; background-position: -16rem 10rem;} #startup_inquiry .startup_info{margin-bottom:6rem; justify-content: space-between;} #startup_inquiry .startup_info>dl{width:31%; padding:0rem;} #startup_inquiry .startup_info>dl>dt{} #startup_inquiry .startup_info>dl>dt>span{} #startup_inquiry .startup_info>dl>dd{width:100%; min-width:auto; min-height:14rem; padding:0; border-radius:5px;} #startup_inquiry .startup_map{padding:5.5rem 2rem 8rem; background-color: #fff; display: block;} #startup_inquiry .startup_map .img{display:none;} #startup_inquiry .startup_map .store{width:100%;} .videobox .videotext{padding-right:10rem;} .videobox .videotext div img{width:80%;} .videobox .videotext h2{font-size:4rem;} .videobox .videotext p{font-size:4rem; line-height:5rem;} #hPage .visualRoll .slider{padding-bottom:50rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox{display:block;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox{width:100%; height:auto;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num{position:static; width:auto; height:auto; transform:none;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img{margin-top:18rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img img{width:100%;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .box{position:absolute; top:-8rem; right:0; width:100%; text-align:right;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img>p{top:-13rem; right:auto; left:13rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img>p span{font-size:3rem; letter-spacing:1px !important;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .text{top:auto; bottom:3rem;} #hPage .visualRoll .slider>.inConts .tbc .tabbox{position:static; transform:translate(0) translateZ(0); width:100%; margin-left:0;} #hPage .visualRoll .slider>.inConts .tbc .tabbox h2{font-size:2rem;} #hPage .visualRoll .slider>.inConts .tbc .tabbox h2 strong{font-size:4rem;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li span{font-size:2.5rem;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li div, #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li strong{width:100%;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li div img, #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li strong img{width:100%;} #hPage .visualRoll .slider>.inConts .tbc .tabbox ul li:first-child strong{display:none;} #hPage .visualRoll .slider.active>.inConts .tbc .tabbox ul li div, #hPage .visualRoll .slider.active>.inConts .tbc .tabbox ul li .img02{top:100%; left:0;} #hPage.new .visualRoll .slider{padding-bottom:0; max-width:100vw;} #hPage.new .visualRoll .slider>.inConts{width:100%; padding-bottom:18rem;} #hPage.new .visualRoll .slider>.inConts .tbc{flex-direction:column;} #hPage.new .visualRoll .slider>.inConts .tbc .intro_box{padding-top:5rem;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox{display:block; width:100%;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox{width:100%; height:auto;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .numbox .num{position:static; width:auto; height:auto; transform:none;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img{margin-top:18rem;} /* #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img img{width:100%;} */ #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .img01{max-width:100%;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .box{display:none;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img>p{top:-13rem; right:auto; left:13rem;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img>p span{font-size:3rem; letter-spacing:1px !important;} #hPage.new .visualRoll .slider>.inConts .tbc .imgbox .img .text{top:auto; bottom:3rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox{position:absolute;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox h2{font-size:2rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox h2 strong{font-size:4rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li span{font-size:2.5rem;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li div, #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li strong{width:100%;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li div img, #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li strong img{width:100%;} #hPage.new .visualRoll .slider>.inConts .tbc .tabbox ul li:first-child strong{display:none;} #hPage.new .visualRoll .slider.active>.inConts .tbc .tabbox ul li div, #hPage.new .visualRoll .slider.active>.inConts .tbc .tabbox ul li .img02{top:100%; left:0;} #hPage.new .visualRoll .slider>.inConts .tbc .cont_area{margin:3rem 0 0; width:100%; max-width:none;} #hPage.new .control_box{justify-content:center; bottom:10rem;} .team .inConts h2{ letter-spacing:1px !important;} .team .inConts .membox{display:block;} .team .inConts .membox .list{width:100%;} .team .inConts .membox .list .mem h3{font-size:3rem;} .team .inConts .membox .list .mem div{font-size:2.5rem;} /* .team .inConts .membox .list .mem h3{right:0;} */ /* .team .inConts .membox .list .mem:before{filter:blur(3px);} */ /* .team .inConts .membox .list .mem:after{opacity:1;} */ /* .team .inConts .membox .list .mem div{left:2rem;} */ .core .inConts .tbc{padding:0;} .core .inConts h2{padding-left:12rem; padding-bottom:0; font-size:3rem; text-align:left;} .core .inConts h2:before{bottom:50%; left:0; transform:translate(0, -50%);} .banner .inConts .tbc .mTitle{font-size:4rem; line-height:5rem;} .online .ocArea>.rightArea{width:100%;} .online .ocArea>.rightArea .formArea{margin:0;} .online .ocArea>.rightArea .formArea .box{display:flex; flex-wrap:wrap; margin:2rem 0 0 0; padding:1rem 1rem 0 1rem;} .online .ocArea>.rightArea .formArea .box input[type=text]{margin:0 0 1rem 0;} .online .ocArea>.rightArea .formArea .box input[type=text]{max-width:100%;} .online .ocArea>.rightArea .formArea .box input.small[type=text]{max-width:49.5%;} .online .ocArea>.rightArea .formArea .box input[type=text]:first-child{margin-right:1%;} .online .ocArea>.rightArea .formArea input[type=text], .online .ocArea>.rightArea .formArea select{max-width:49%; margin:0 1% 1rem 0;} .online .ocArea>.rightArea .formArea textarea{margin:0;} .online .ocArea>.rightArea .formArea .bo_w_flie{margin:1rem 0 0 0;} .online .ocArea>.rightArea .btns{margin:2rem 0 0 0;} .online .ocArea>.rightArea .formArea>p{padding-bottom:2rem;} .online .ocArea>.rightArea .formArea .checkbox{max-width:49%; margin:0 1% 1rem 0;} .notice .inConts .tbc h2{padding-left:12rem; padding-bottom:0; font-size:3rem; text-align:left;} .notice .inConts .tbc h2:before{bottom:50%; left:0; transform:translate(0, -50%);} /*[e] Main Style */ /*[s] Sub Style */ .com_menu .box.on{top:7.7rem;} .com_menu .box ul li{margin:0 1rem;} #company #com-area .inConts .textbox{width:100%;} /* #company #com-area .inConts .imgbox{display:none !important;} */ #company #com-area .inConts .textbox ul li{margin-bottom:5rem; padding-bottom:5rem;} /* #company #com-area .inConts .textbox ul li:last-child{margin-bottom:0; padding-bottom:0;} */ #company #com-area .inConts .textbox ul li div{display:block; margin-top:5rem;} #company #com-area .inConts .textbox ul li div img{width:100%;} #company #com-area .inConts .textbox ul li div p{margin-top:1rem; font-style:italic;} #company #history-area .inConts .trigger_img{display:none;} #company #history-area .inConts .history_trigger{display:block;} #company #history-area .inConts .history_trigger .trigger_ul{width:100%; height:auto; padding-top:0;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li{height:auto; margin-bottom:10rem;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li div{display:block; position:static; width:100%; margin-bottom:3rem;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li div img{width:100%;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li h2{font-size:4rem;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li ul li{font-size:2.5rem;} #company #history-area .inConts>ul{width:100%; height:auto; padding-top:0;} #company #history-area .inConts>ul>li{height:auto; margin-bottom:10rem;} #company #history-area .inConts>ul>li div{display:block; position:static; width:100%; margin-bottom:3rem;} #company #history-area .inConts>ul>li div img{width:100%;} #company #history-area .inConts>ul>li h2{font-size:4rem;} #company #history-area .inConts>ul>li ul li{font-size:2.5rem;} #company #history-area{} #company #history-area .inConts{} #company #history-area .swiper-container{} #company #history-area .swiper-wrapper{width:100%; height:auto; padding-top:0; display:block;} #company #history-area .swiper-slide{height:auto; margin-bottom:10rem; padding:0;} #company #history-area .swiper-slide div{display:block; position:static; width:100%; margin-bottom:3rem; opacity: 1;} #company #history-area .swiper-slide div img{width:100%;} #company #history-area .swiper-slide h2{font-size:4rem;} #company #history-area .swiper-slide ul li{font-size:2.5rem;} #company #manpower-area .inConts .sbox.tt .box{width:50%;} #company #manpower-area .inConts .sbox .box h4, #company #manpower-area .inConts .sbox .box h5, #company #manpower-area .inConts .sbox .box h6{padding:0 1rem;} #company #manpower-area .inConts .sbox .box h4{top:20rem;} #company #manpower-area .inConts .sbox .box h5{top:23rem;} #company #manpower-area .inConts .sbox .box h6{top:35rem;} #company #works-area .inConts .sbox ul li{width:21rem; height:21rem; padding-top:5rem;} #company #works-area .inConts .sbox ul li:nth-child(5){margin-right:5rem;} #company #works-area .inConts .sbox ul li:nth-child(5):before, #company #works-area .inConts .sbox ul li:nth-child(5):after{display:block;} #company #works-area .inConts .sbox ul li:nth-child(3n){margin-right:0;} #company #works-area .inConts .sbox ul li:nth-child(3n):before, #company #works-area .inConts .sbox ul li:nth-child(3n):after{display:none;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box{width:100%;} #program .program-box .inConts .textbox .border_li_box ul{width:100%;} #program #program-area03 .progress-area ul li{width:100%;} #program #program-area03 .progress-area ul li .img_box img{width:100%;} #program #program-area03 .progress-area ul li .cont_box p{border:none; padding-top:0;} #program #program-area03 .progress-area ul li+li{border-left:none; border-top:1px solid #d9d9d9;} #program #program-area09 .program09_grade .tabBox > li{width:100%;} #program #program-area10 .inConts .overview_int_wr{grid-template-columns:repeat(2, 1fr);} #program #program-area10 .inConts .overview_int_wr .box01{grid-column:1 / span 2; grid-row:auto; justify-content:space-around;} #program #program-area10 .inConts .overview_int_wr .box02{grid-column:auto; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box03{grid-column:auto; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box04{grid-column:auto; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box05{grid-column:auto; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box06{grid-column:auto; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box07{grid-column:auto; grid-row:auto;} #program #program-area10 .inConts .overview_int_wr .box02, #program #program-area10 .inConts .overview_int_wr .box03, #program #program-area10 .inConts .overview_int_wr .box04, #program #program-area10 .inConts .overview_int_wr .box05{text-align:center;} #program #program-area10 .inConts .overview_int_wr .box02 .txt_box, #program #program-area10 .inConts .overview_int_wr .box03 .txt_box, #program #program-area10 .inConts .overview_int_wr .box04 .txt_box, #program #program-area10 .inConts .overview_int_wr .box05 .txt_box{width:100%; margin-top:1.5rem;} #program #program-area10 .inConts .overview_int_wr .box02 .txt_box{margin-top:0;} #program #program-area10 .inConts .overview_int_wr .box05 .ico_box{margin-right:-3.4rem;} #team-member #team-member-area01 .inConts .sbox .textbox{width:60%; padding-right:2rem;} #team-member #team-member-area01 .inConts .sbox .imgbox{width:40%;} #team-member #team-member-area02 .inConts .sbox .textbox{width:40%; padding-left:2rem;} #team-member #team-member-area02 .inConts .sbox .imgbox{width:60%;} /*[e] Sub Style */ } @media only screen and (max-width : 840px){ /*[s] All Style */ .nTable{} .nTable>table{} .nTable>table th, .nTable>table td{padding:3rem; font-size:2.2rem; line-height:3.2rem;} .nTable>table th{height:8rem; padding:0; font-size:2.4rem;} .nTable>table ul.bul>li{font-size:2rem; line-height:1.6;} .nTable>table .transportation>li{padding-left:0;} .nTable>table .transportation>li>p{padding-bottom:1rem; font-size:2.2rem; line-height:1; position: relative;} .nTable>table .transportation>li>dl>dt>span{font-size:2rem; line-height:4rem;} .nTable>table .transportation>li>dl>dd .inT{font-size:2rem; line-height:4rem;} .nTable +.nTable{margin-top:4rem;} .tabDepth{margin-bottom:3rem;} .tabDepth>a{height:5.2rem; font-size:2rem;} .depth3>a{font-size:2rem; line-height:1.4;} .groupTit{padding-bottom:4rem;} .groupTit .step{font-size:2.4rem;} h4.txt{font-size:3rem;} .nTxt{font-size:2rem; line-height:2.8rem;} ul.bul{} ul.bul>li{padding-left:1.5rem; font-size:2rem;} ul.star{} ul.star>li{padding-left:2.9rem; font-size:2rem;} ul.etc{} ul.etc>li{padding-left:4rem; font-size:2rem;} h4.line{margin-bottom:4rem;} h4.line.mt{margin-top:6rem;} h5.bul{margin:6rem 0 3rem; padding-left:2.6rem; font-size:2.8rem;} h5.bul:before{width: 1.8rem; height: 1.8rem; border-width:0.4rem;} h5.bul .more{padding:1rem 1.5rem; font-size:1.8rem; top:-0.7rem;} .scrollTb>*{width:120rem;} .nTable.scrollTb>*{width:840px !important;} .introduceArea .scrollTb>*{width:111.8rem;} .admGo{font-size:0; line-height:0; position: relative; z-index:7;} .admGo>a{padding:0.625rem 1.25rem; background-color:#f00; font-size:1.25rem; line-height:1.2; color:#fff; display:inline-block; position:absolute; left:0; bottom:0;} .admGos{font-size:1.8rem;} .arrBtn{font-size:2rem; line-height:4.6rem;} .arrBtn>span{padding-right:60px;} select.base{height:5rem; background-size:4.3rem; font-size:2rem; line-height:4.8rem;} /*[e] All Style */ /*[s] Main Popup Style */ .hd_pops{left:2rem !important; right:2rem !important;} .hd_pops_con{} /*[e] Main Popup Style */ /*[s] Main Style */ .mTitle{margin-bottom:5.5rem !important;} .mTitle>dt{margin-bottom:3rem; padding-bottom:3.5rem;} .mTitle>dd{font-size:2.2rem;} /* visual */ #main-visual, #main-visual .main-slider, #main-visual .main-slider .slick-slide, #main-visual .main-slider .slide-media, #main-visual .main-slider .mobile_in{height:70vh !important;} #main-visual .main-slider .mobile_in{width: 242vw;} #main-visual .main-slider .mobile_in video, #main-visual .main-slider .mobile_in iframe{height:100% !important;} /* visual */ #mVisual .visualRoll .slider img{max-height:70rem;} #mVisual .vTxtArea .vTxt_in{padding-bottom:0;} #mVisual .vTxt .ii.logo.i01 img{height:12rem;} #mVisual .vTxt .ii.logo.i02{margin-top:2rem;} #mVisual .vTxt .ii.logo.i02 img{height:3.6rem;} #mVisual .vTxt .ii.txt{padding-top:2.5rem; font-size:2.4rem;} #mVisual .slick-dots>li+li{margin-left:2rem;} #mVisual .slick-dots>li button{width:2.8rem !important; height:2.8rem;} /* 메뉴 소개 */ #menu_introduction .slick-arrow{width:6.5rem; height:6.5rem; font-size:2.6rem;} /* 메뉴 갤러리 */ #menu_gallery{height:auto; padding:12rem 0;} #menu_gallery .swiper-button{display:none !important;} #menu_gallery .performanceSlide{padding:3rem 2rem 0;} #menu_gallery .performanceSlide .swiper-wrapper{} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide{width:29rem; transform: scale(1) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide .thumb:before{display:none;} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-prev{transform: translateX(0) scale(1) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-next{transform: translateX(0) scale(1) rotate(.001deg);} #menu_gallery .performanceSlide .photo_list.mGallery ul.list li.swiper-slide-active{transform: scale(1) rotate(.001deg);} #menu_gallery .swiper-pagination {margin-top:4rem; position: static !important; display:block !important;} #menu_gallery .swiper-pagination .swiper-pagination-bullet{width:2.8rem; height:2.8rem; margin:0 0.7rem; background-color: #a0a0a0; border-radius:99px;} #menu_gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #7cb640;} /* 창업문의 */ #startup_inquiry{} #startup_inquiry .startup_info{} #startup_inquiry .startup_info>dl{} #startup_inquiry .startup_info>dl>dt{} #startup_inquiry .startup_info>dl>dt>span{} #startup_inquiry .startup_info>dl>dd{font-size:2.1rem;} #startup_inquiry .startup_map{} #startup_inquiry .startup_map .store{} #startup_inquiry .startup_map .store select, #startup_inquiry .startup_map .store input[type=text], #startup_inquiry .startup_map .store input[type=submit]{height:5.2rem; padding:0 2rem; border-width:1px; font-size:2.1rem; line-height:5rem;} #startup_inquiry .startup_map .store select{padding:0 6rem 0 2rem;} #startup_inquiry .startup_map .store input[type=submit]{font-size:0; line-height:0;} #startup_inquiry .startup_map .store .tit{font-size:3.2rem;} #startup_inquiry .startup_map .store .form{width:100%;} #startup_inquiry .startup_map .store .form_re{} .videobox .videotext{top:30rem; padding-right:3rem;} .videobox .videotext div img{width:300px;} .videobox .videotext h2{font-size:3rem;} .videobox .videotext p{font-size:3rem; line-height:4rem;} .core .inConts .tbc .list>li .polygon .line{padding-top:13rem;} .core .inConts .tbc .list>li .polygon p{margin-top:3rem; font-size:2.5rem; line-height:3.5rem;} .core .inConts .tbc .list>li .textbox p{font-size:2.5rem;} .core .inConts .tbc .list>li .textbox h3{font-size:3rem;} .core .inConts .tbc .list>li .textbox ul li{font-size:2.5rem;} .banner .inConts .tbc .list{display:block;} .banner .inConts .tbc .list>ul>li{width:33.3%; margin-bottom:20px;} .banner .inConts .tbc .list>ul>li div{filter:grayscale(0);} .online .ocArea>.leftArea .infoArea{display:none;} .online .ocArea>.rightArea .formArea>p{margin:0; padding-top:3rem; line-height:3.5rem;} .online .ocArea>.rightArea .formArea .box input.small[type=text], .online .ocArea>.rightArea .formArea input[type=text], .online .ocArea>.rightArea .formArea select{max-width:100%;} .online .ocArea>.rightArea .formArea .box input[type=text]:first-child{margin-right:0;} .online .ocArea>.rightArea .btns{display:block;} .online .ocArea>.rightArea .btns label.check{font-size:2rem; padding:10px 0 30px;} .online .ocArea>.rightArea .btns button{width:100%;} .online .ocArea>.rightArea .formArea .checkbox{max-width:100%;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .numbox .num div p{font-size:2.5rem;} #hPage .visualRoll .slider>.inConts .tbc .imgbox .img .box{font-size:2rem;} .notice .inConts .tbc .list li{width:100%;} .notice .inConts .tbc .list li a{} /*[e] Main Style */ /*[s] Sub Style */ /* HISTORY */ .historyArea{} .historyArea:before{margin-left:0; left: 0%;} .historyArea>li{} .historyArea .txt_wrap{width:100%; padding:0 0 0 4rem;} .historyArea .txt_wrap:before{width: 3rem; height:3rem; left: -1.2rem; top:0.5rem;} .historyArea .txt_wrap>strong{font-size:3.2rem;} .historyArea .txt_wrap>ul{} .historyArea .txt_wrap>ul>li{padding-left:1.2rem; font-size:2rem;} .historyArea>li:nth-child(even){text-align: left;} .historyArea>li:nth-child(even) .txt_wrap{text-align: left;} .historyArea>li:nth-child(even) .txt_wrap:before{left: -1.2rem; right:auto;} .historyArea>li:nth-child(even) .txt_wrap>ul>li{padding:0 0 0 1.2rem;} .historyArea>li:nth-child(even) .txt_wrap>ul>li:before{left:0; right:auto;} .historyArea.month .txt_wrap>ul>li{padding-left:5rem;} .historyArea.month .txt_wrap>ul>li:before{} .historyArea.month>li:nth-child(even) .txt_wrap>ul>li{padding:0 0 0 5rem;} .historyArea.admin .txt_wrap>ul>li{padding:0 5rem !important;} .historyArea.admin>li:nth-child(even) .txt_wrap>ul>li .checkIn.noTxt{left:0; right:auto;} .etc_clause{width:100%; margin:0 auto; padding:5rem 4rem; border-radius:1rem;} .etc_clause .logo{margin:0;} .etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;} .etc_clause .scroll{font-size:2rem;} .etc_select{width:100%;} .etc_select select.base{width:22rem;} .com_menu{display:none;} #company #com-area .inConts{display:block;} #company #com-area .inConts .textbox{width:100%; border-right:none;} #company #com-area .inConts .imgbox{width:100%;} #company #com-area .inConts .textbox ul li h4{font-size:3.8rem;} #company #com-area .inConts .textbox ul li{font-size:2.5rem; line-height:3.5rem;} #company #com-area .inConts .textbox ul li strong{font-size:3rem;} #company #com-area .inConts .textbox ul li div p{margin-top:1rem; font-size:2.5rem; font-weight:300; color:#666; font-style:italic;} #company #com-area .inConts .imgbox{padding-left:0rem;} #company #com-area .inConts .imgbox .img .txt_box strong{font-size:3.5rem;} #company #com-area .inConts .imgbox .img .txt_box p{font-size:2.5rem;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li h2{font-size:4rem;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li ul li{font-size:2.5rem;} #company #history-area .inConts .history_trigger .trigger_ul .trigger_li p{font-size:2.5rem; line-height:3.5rem;} #company #manpower-area .inConts .sbox .box:after{opacity:0;} #company #manpower-area .inConts .sbox .box h4{top:18rem; font-size:3rem;} #company #manpower-area .inConts .sbox .box h5{font-size:2.5rem;} #company #manpower-area .inConts .sbox .box h6{font-size:2rem;} #company .inConts .title h2{font-size:4rem;} #company .inConts .title h3{font-size:3rem;} #company .inConts .title p{font-size:2.5rem; line-height:3.5rem;} #company #facts-area .inConts .sbox{margin-top:10rem;} #company #facts-area .inConts .sbox .img1{width:100%;} #company #facts-area .inConts .sbox .img2{position:static; width:100%;} #company #facts-area .inConts .sbox .facts-num{position:static; transform:translateY(0); width:100%; margin:10rem 0;} #company #facts-area .inConts .sbox .facts-num li{width:25%;} #company #facts-area .inConts .sbox .facts-num li span{font-size:2rem;} #company #facts-area .inConts .sbox .facts-num li p{font-size:3rem;} #company #masters-area .inConts .hexagonTab.why>div{width:50%;} #company #masters-area .inConts .hexagonTab.why .text>dt{font-size:3rem; line-height:4rem;} #company #masters-area .inConts .hexagonTab.why .text>dd{font-size:2.5rem; line-height:3.5rem;} #company #works-area .inConts .sbox ul li{width:210px; height:210px; padding-top:50px;} #company #works-area .inConts .sbox ul li:before, #company #works-area .inConts .sbox ul li:after{right:-25px;} #company #works-area .inConts .sbox ul li:nth-child(5){margin-right:5rem;} #company #works-area .inConts .sbox ul li:nth-child(5):before, #company #works-area .inConts .sbox ul li:nth-child(5):after{display:block;} #company #works-area .inConts .sbox ul li:nth-child(3n){margin-right:0;} #company #works-area .inConts .sbox ul li:nth-child(3n):before, #company #works-area .inConts .sbox ul li:nth-child(3n):after{display:none;} #company #works-area .inConts .sbox ul li h3{font-size:2rem;} #company #works-area .inConts .sbox ul li h2{font-size:3rem;} #company #works-area .inConts .sbox ul li p{font-size:2.5rem;} #company #location-area .inConts .sbox .tab{display:block; height:70px;} #company #location-area .inConts .sbox .tab li{width:20%; height:auto; padding:10px 5px; font-size:2.5rem; line-height:normal;} #company #location-area .inConts .sbox .map .box div table th{padding-right:10px; font-size:2.5rem;} #program .program-box .inConts{display:block;} #program .program-box .inConts .textbox{border-right:none;} #program .program-box .inConts .textbox, #program .program-box .inConts .imgbox{width:100%;} #program .program-box .inConts .textbox>ul>li{padding-right:0;} #program .program-box .inConts .imgbox .text{padding-left:0 !important; padding-bottom:3rem !important;} #program .program-box .inConts .imgbox .img{padding-left:0;} #program .program-box .inConts .imgbox .img img{width:100%;} #program .program-box .inConts .textbox>ul>li h3{font-size:3rem; line-height:normal;} #program .program-box .inConts .textbox>ul>li h4{font-size:2.7rem;} #program .program-box .inConts .textbox>ul>li h5{font-size:2.2rem;} #program .program-box .inConts .textbox>ul>li p{font-size:2.5rem; line-height:3.5rem;} #program .program-box .inConts .textbox>ul>li .btn span{font-size:2.5rem;} #program .program-box .inConts .textbox .table_box table th{font-size:2.5rem;} #program .program-box .inConts .textbox .table_box table td{font-size:2.5rem;} #program .program-box .inConts .textbox .table_box table td:first-child{padding-left:1.1rem;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dt{font-size:2.5rem;} #program .program-box .inConts .textbox .thanksgiving_plan .li_box dd p{font-size:2rem;} #program .program-box .inConts .textbox .img_info_box dl{font-size:2.5rem;} #program .program-box .inConts .textbox .img_info_box dt em{font-size:3.2rem;} #program .program-box .inConts .textbox .img_info_box dt span{font-size:2.5rem;} #program .program-box .inConts .textbox .grade_area .grade_li > *{min-height:10rem;} #program .program-box .inConts .textbox .grade_area .grade_li h5{font-size:3rem; flex:1 0 100%; width:100%;} #program .program-box .inConts .textbox .grade_area .grade_li em{font-size:2.4rem; flex:1 0 100%; width:100%;} #program .program-box .inConts .textbox .grade_area .grade_li em span{width:100%;} #program .program-box .inConts .textbox .grade_area .grade_li ul{flex:1 0 100%; width:100%;} #program .program-box .inConts .textbox .grade_area .grade_li ul li{font-size:2.4rem;} #program .program-box .inConts .textbox .grade_area .grade_li ul li::before{top:1.8rem;} #program .program-box .inConts .imgbox .text h5, #program .program-box .inConts .imgbox .text h6{font-size:2.5rem;} #program .program-box .inConts .imgbox .text h5 strong, #program .program-box .inConts .imgbox .text h6 strong{font-size:3.5rem;} #program .program-box .inConts .imgbox .img p{font-size:2.5rem;} #program .program-box .inConts .intro_sect h3{font-size:3rem;} #program .program-box .inConts .intro_sect p{font-size:2.5rem;} #program #program-area02 .inConts.graphbox .graph{flex-wrap:wrap;} #program #program-area02 .inConts.graphbox .graph .list{width:50%; margin-bottom:30px; padding:0 5px;} #program #program-area02 .inConts.graphbox .graph .list h2{font-size:4rem;} #program #program-area02 .inConts.graphbox .graph .list p{font-size:2.5rem;} #program .program-box .inConts .textbox>ul>li ul li{margin-bottom:5px; font-size:2.5rem; line-height:3.5rem;} #program #program-area03 .progress-area{padding:10rem 0} #program #program-area03 .progress-area h5{font-size:3.5rem;} #program #program-area03 .progress-area ul li .cont_box em{font-size:2.8rem;} #program #program-area03 .progress-area ul li .cont_box p{font-size:2.2rem;} #program #program-area03 .presentation-area .presentation .pre_box1{flex-wrap:wrap;} #program #program-area03 .presentation-area .presentation .pre_box1 .box{width:49%; height:100px; margin-bottom:10px;} #program #program-area03 .presentation-area .presentation .pre_box1 .box div h5, #program #program-area03 .presentation-area .presentation .pre_box1 .box div h6{font-size:2.5rem;} #program #program-area03 .presentation-area .presentation .pre_box2{margin:100px 0;} #program #program-area03 .presentation-area .presentation .pre_box2 .box strong{font-size:2.5rem;} #program #program-area03 .presentation-area .presentation .pre_box3{flex-wrap:wrap;} #program #program-area03 .presentation-area .presentation .pre_box3 .box{width:100%; margin-bottom:20px;} #program #program-area03 .presentation-area .presentation .pre_box3 .box div{height:100px;} #program #program-area03 .presentation-area .presentation .pre_box3 .box div span{font-size:2.5rem; line-height:3rem;} #program #program-area03 .presentation-area .presentation .pre_box3 .box div:nth-child(1) span{font-size:3rem;} #program .program-box .inConts .textbox>ul>li .text h4{font-size:2.8rem;} #program .program-box .inConts .textbox>ul>li i{font-size:2rem;} #program #program-area08 .inConts .textbox>ul>li h2{font-size:3.5rem;} #program #program-area08 .inConts .textbox>ul>li ul li h4{font-size:2.8rem;} #program #program-area08 .inConts .textbox>ul>li ul li p{font-size:2.5rem;} #program #program-area08 .inConts .textbox>ul>li ul li .stext h5, #program #program-area08 .inConts .textbox>ul>li ul li .stext h6, #program #program-area08 .inConts .textbox>ul>li ul li .stext p{font-size:2.5rem;} #program #program-area08 .inConts .textbox>ul>li .stext h4{font-size:2.7rem;} #program #program-area08 .inConts .textbox>ul>li .stext p{font-size:2.5rem;} #program #program-area10 .inConts .overview_int_wr .txt_box em{font-size:3.6rem;} #program #program-area10 .inConts .overview_int_wr .txt_box p{font-size:2.4rem;} #program #program-area10 .inConts .graph_li .gp_box dt{font-size:2.4rem;} #program #program-area10 .inConts .graph_li .gp_box dd p{font-size:2.4rem;} #program #program-area10 .inConts .imgbox .text .line_box ul li{font-size:2.4rem;} #program #program-area13 .inConts .textbox>ul>li{padding-right:0;} #program #program-area13 .inConts .textbox .img_box .img_tit{font-size:2.5rem;} #program #program-area13 .inConts .textbox .row_layout em{font-size:2.5rem;} #program #program-area14 .inConts .textbox>ul>li{padding-right:0;} #program #program-area14 .inConts .textbox>ul>li>em{font-size:2.5rem;} #program #program-area14 .inConts .textbox .img_box .img_tit{font-size:2.5rem; margin-bottom:3rem;} #program #program-area14 .inConts .textbox .row_layout em{font-size:2.5rem;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box{flex-wrap:wrap;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dl{width:100%;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dt{font-size:3rem;} #program #program-area14 .inConts .textbox .grade_area_02 .grade_box dd p{font-size:2.4rem;} #program #program-area14 .inConts .textbox .semi_tit{font-size:2.5rem;} #team-member #team-member-area01 .inConts .sbox, #team-member #team-member-area02 .inConts .sbox{display:block;} #team-member #team-member-area02 .inConts .sbox{margin-top:10rem;} #team-member #team-member-area01 .inConts .sbox .textbox, #team-member #team-member-area01 .inConts .sbox .imgbox, #team-member #team-member-area02 .inConts .sbox .textbox, #team-member #team-member-area02 .inConts .sbox .imgbox{width:100%; padding:0;} #team-member #team-member-area01 .inConts .sbox .imgbox, #team-member #team-member-area02 .inConts .sbox .textbox{margin-top:5rem;} #team-member #team-member-area01 .inConts .sbox .imgbox img, #team-member #team-member-area02 .inConts .sbox .imgbox img{width:100%;} #team-member #team-member-area01 .inConts .sbox .textbox p{font-size:2.5rem; line-height:3.5rem;} #team-member #team-member-area02 .inConts .sbox .imgbox h5{font-size:2.5rem;} #team-member #team-member-area02 .inConts .sbox .imgbox ul li, #team-member #team-member-area02 .inConts .sbox .textbox .box ul li, #team-member #team-member-area02 .inConts .sbox .textbox .box p{font-size:2.5rem; line-height:3.5rem;} #team-member #team-member-area01 .inConts .sbox .textbox h5{font-size:2.8rem; line-height:4rem;} #team-member #team-member-area01 .inConts .sbox .textbox h6{font-size:2.5rem; line-height:3.5rem;} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box .tit_box{font-size:2.5rem;} #team-member #team-member-area01 .inConts .sbox .imgbox .recent_5y_box ul li{font-size:2.2rem;} /*[e] Sub Style */ } @media only screen and (max-width : 760px){ #company #manpower-area .inConts .sbox{flex-wrap:wrap;} #company #manpower-area .inConts .sbox .box{width:50%;} #company #works-area .inConts .sbox{padding:0 5%;} #company #works-area .inConts .sbox ul{text-align:left;} #company #works-area .inConts .sbox ul li{text-align:center;} #company #works-area .inConts .sbox ul li:nth-child(3n){margin-right:5rem;} #company #works-area .inConts .sbox ul li:nth-child(3n):before, #company #works-area .inConts .sbox ul li:nth-child(3n):after{display:block;} #company #works-area .inConts .sbox ul li:nth-child(2n){margin-right:0;} #company #works-area .inConts .sbox ul li:nth-child(2n):before, #company #works-area .inConts .sbox ul li:nth-child(2n):after{display:none;} #company #works-area .inConts .sbox ul li:last-child:before, #company #works-area .inConts .sbox ul li:last-child:after{display:none;} } @media only screen and (max-width : 600px){ #company #works-area .inConts .sbox{padding:0;} } @media only screen and (max-width : 520px){ #hPage .visualRoll .slider{padding-bottom:30rem;} .core .inConts .tbc .list>li{width:100%;} .core .inConts .tbc .list>li .polygon{margin:0 auto;} .core .inConts .tbc .list>li .textbox{margin-top:18rem;} .banner .inConts .tbc .list>ul>li{width:50%;} #company #facts-area .inConts .sbox .facts-num li{width:49%; margin-bottom:30px;} #company #facts-area .inConts .sbox .facts-num li span:before{width:80%;} #company #masters-area .inConts .hexagonTab{justify-content:space-between;} #company #masters-area .inConts .hexagonTab.why>div{width:49%;} #company #masters-area .inConts .hexagonTab.why .text{text-align:left;} #company #works-area .inConts .sbox ul li{width:43%; padding-top:30px;} #company #location-area .inConts .sbox .tab{display:flex; flex-wrap:wrap; justify-content:space-between; height:auto;} #company #location-area .inConts .sbox .tab li{float:none; width:49%; margin-bottom:5px; border:1px solid #fff;} #company #location-area .inConts .sbox .tab li.on{border-color:#00fff0;} #company #location-area .inConts .sbox .map .box div table th, #company #location-area .inConts .sbox .map .box div table td{display:block;} #company #location-area .inConts .sbox .map .box div table td{padding-bottom:10px;} #program #program-area10 .inConts .overview_int_wr{grid-template-columns:repeat(1, 1fr)} #program #program-area10 .inConts .overview_int_wr .box01{grid-column:auto} #program #program-area10 .inConts .overview_int_wr .box01 .innr_box{width:100%;} } @media only screen and (max-width : 400px){ #company #manpower-area .inConts .sbox .box{width:100%;} } /* transform: scale(1.1) 부분을 transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요 display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center; 맨 앞에 정렬 justify-content: flex-start; ​ 맨 끝에 정렬 justify-content: flex-end; 가운데 정렬 justify-content: center; 서로 같은 간격으로 박스들이 조정됨. justify-content: space-between;​ 컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨. justify-content: space-around; ​ * 수직으로 적용 align-items 컨테이너의 꼭대기로 정렬 justify-content: flex-start ​ 컨테이너의 바닥으로 정렬 flex-end​ 가운데로 정렬 center 컨테이너의 시작 위치에 정렬 baseline​ 컨테이너에 맞도록 늘린다. stretch .list_ol_01 {counter-reset:item; margin-bottom:10px;} .list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;} .list_ol_01 > li:last-child {margin-bottom: 0;} .list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;} -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px); transition: all .5s linear; transition: all .5s ease-out; transform:rotate(180deg); -webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear; -webkit-transition-delay: .8s; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: flex; justify-content: space-between; // 양쪽 끝 정렬 display: flex; justify-content: space-around; // 센터 정렬 display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기 active :first-child text-indent:-99999px; !important display:table; table-layout:fixed; display:table-row; display:table-cell; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-radius:2px; */