@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0 !important;}
.bullet-item .bullet-list.none::before {display: none;}

.bg-gray {background:#fafafa;}
.bg-blue {background:#f7faff; overflow: hidden;}
.content-wrap  {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.subsec-pd  {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.contitbx {margin-bottom: clamp(20px, calc( 20 / var(--inner) * 100vw ), 20px);}
.contitbx .contit {font-size:clamp(22px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: bold;}


.sub1_1-wrap {overflow: hidden;}
.sub1_1bg {background: url(../images/sub/sub1_1-logo.png) no-repeat right bottom clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px); background-size: clamp(200px, calc( 449 / var(--inner) * 100vw ), 449px) auto;}
.sub1_1-wrap .flxWrap {align-items: center;}
.sub1_1-wrap .imgbx {flex: 1 0 43%; max-width: 43%; margin-right:  clamp(20px, calc( 85 / var(--inner) * 100vw ), 85px);}
.sub1_1-wrap .txtbx {flex: 1 0 auto; width: 1%; letter-spacing: -0.5px;}
.sub1_1-wrap .cate {display: block; font-size:  clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600; color: #a9a9a9;}
.sub1_1-wrap .tit {padding-top:  clamp(16px, calc( 32 / var(--inner) * 100vw ), 32px); font-size:  clamp(24px, calc( 36 / var(--inner) * 100vw ), 36px); line-height: 1.4; font-weight: 400;}
.sub1_1-wrap .decbx {padding-top:  clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px);}
.sub1_1-wrap .dec {line-height: 1.625; color: #454545;}
.sub1_1-wrap .dec + .dec {padding-top:  clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.sub1_1-wrap .dec.last {display:flex;align-items:center;}

.circle-list {display: flex; flex-wrap: wrap; justify-content: center;}
.circle-item {margin-right: -10px;}
.circle-item:last-child {margin-right: 0;}
.circle-item .circle {position: relative; width: clamp(210px, calc( 300 / var(--inner) * 100vw ), 300px); height: clamp(210px, calc( 300 / var(--inner) * 100vw ), 300px); border-radius: 50%; color: #fff;} 
.circle-item .circle.bg1 {background: #696969;}
.circle-item .circle.bg2 {background: var(--color-primary);}
.circle-item .circle.bg3 {background: var(--color-secondary);}
.circle-item .circle .txtbx {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.circle-item .circle .txtbx .txt1 {font-size:  clamp(16px, calc( 28 / var(--inner) * 100vw ), 28px); line-height: 1.2;}
.circle-item .circle .txtbx .txt2 { padding-top: 8px; font-size:  clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); letter-spacing: 3px;}
.circle-item .circle .bottomtxt {font-size:  clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}
.circle-item .bottomtxt {padding: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) 10px 0; text-align: center; font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px) ; font-weight: 500; line-height: 1.5;}

.sub1action-list {display: flex; flex-wrap: wrap; margin:-20px;}
.sub1action-item {flex:1 0 25%; max-width: 25%; padding:20px;}
.sub1action-item .textbx {padding-top:clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px); text-align: center;}
.sub1action-item .textbx .num {display: block;font-weight: 700; color: var(--color-secondary);}
.sub1action-item .textbx .dec {padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:  clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; }

.ciwrap .topimg {display: flex; align-items: center; justify-content: center; margin-bottom:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); background: url(../images/sub/cibg.jpg) no-repeat center center; background-size: cover; height: clamp(250px, calc( 498 / var(--inner) * 100vw ), 498px);}
.ciwrap .topimg img {width: clamp(150px, calc( 327 / var(--inner) * 100vw ), 327px);}
.ciwrap .cicont + .cicont {padding-top:clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px);}
.ciwrap .cicont .titbx {flex:1 0 clamp(200px, calc( 320 / var(--inner) * 100vw ), 320px); max-width: clamp(200px, calc( 320 / var(--inner) * 100vw ), 320px); font-size: clamp(22px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: bold;} 
.ciwrap .cicont .infobx {flex:1 0 auto; width: 1%;}
.ciwrap .cicont .text {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545; line-height: 1.7;}
.color-list {display: flex; flex-wrap: wrap; margin:-10px;}
.color-item {flex:1 0 50%; max-width: 50%; padding:10px;}
.color-item .inner {display: flex; align-items: flex-end; padding: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); height:clamp(150px, calc( 210 / var(--inner) * 100vw ), 210px); color: #fff;}
.color-item .inner.bg1 {background:var(--color-primary);}
.color-item .inner.bg2 {background:var(--color-secondary);}
.color-item .colortxt {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); line-height: 1.7;}


.member-list {display: flex; flex-wrap: wrap; padding:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(30px, calc( 95 / var(--inner) * 100vw ), 95px);border: 1px solid #ddd;} 
.member-item {flex: 1 0 33.33%;max-width: 33.33%;}
.member-item:not(:first-child) {padding-left: clamp(30px, calc( 150 / var(--inner) * 100vw ), 150px); position: relative;}
.member-item:not(:first-child)::before {position: absolute; content:''; left:0; top:50%; transform: translateY(-50%); width:1px; height:clamp(150px, calc( 250 / var(--inner) * 100vw ), 250px); background:#ddd;}
.member-item:nth-child(2) {left: -5%;}
.member-item .bullet-list {padding-left: 10px; margin-top: 20px ;}
.member-item .bullet-list:first-child {margin-top: 0;}

.sub2sec .flxWrap {align-items: center;}
.sub2sec .flxWrap .imgbx {flex:1 0 46%; max-width: 46%; margin-right: clamp(20px, calc( 65 / var(--inner) * 100vw ), 65px);}
.sub2sec .flxWrap .textbx {flex:1 0 auto; width: 1%;}
.sub2sec .flxWrap .textbx .title {font-size: clamp(22px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: bold;}
.sub2sec .flxWrap .textbx .desc {padding-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.6;}

.contlist + .contlist {margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.contlist .flxWrap {align-items: center;}
.contlist .imgbx {flex:1 0 48%; max-width: 48%; margin-right: clamp(15px, calc( 65 / var(--inner) * 100vw ), 65px);}
.contlist .textbx {flex:1 0 auto; width: 1%;}
.contlist .textbx .num {display: block; font-size: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px); font-weight: 600; color: #e8ecf6; line-height: 1;font-weight: 900;}
.contlist .textbx .title {margin-top: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold;}
.contlist .textbx .bullet-item {margin-top: clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px);}
.contlist .textbx .bullet-list { padding-left: 10px; font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.contlist .textbx .target-list {margin-top: 20px;}
.contlist .textbx .target-item a {display: block; font-weight: 600; color: #9c9c9c;}
.contlist .textbx .target-item:not(:first-child) {margin-top: 10px;}
.contlist:nth-child(even) .flxWrap {flex-direction: row-reverse;}
.contlist:nth-child(even) .flxWrap .imgbx {margin-right: 0; margin-left: clamp(15px, calc( 65 / var(--inner) * 100vw ), 65px);}
.contlist:nth-child(even) .flxWrap .textbx {text-align: right;}

.radioformbx {display: flex; align-items: center; flex-wrap: wrap;margin:0 -15px;}
.radioformbx.center {justify-content: center;}
.radioformbx .item  {padding: 15px;}
.radioformbx .item.flx {display: flex; align-items: center; }
.radioformbx .item.flx .radiobox {margin-right: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.form-wrap .flxWrap {align-items: center;}
.form-wrap .flxWrap + .flxWrap {margin-top: 13px;}
.form-wrap .flxWrap.center {justify-content: center;}
.form-wrap .flxWrap .unit {margin-left: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);color: #505050; font-weight: 400;}
.form-wrap .intxt {padding-bottom: 10px; font-size: clamp(13px, calc( 15 / var(--inner) * 100vw ), 15px); color: #505050;font-weight: 400; line-height: 1.53;}
.form-wrap .qtext {color: #242424; font-weight: 500;}
.form-wrap .btn-pack.large {min-width:clamp(130px, calc( 190 / var(--inner) * 100vw ), 190px); height: clamp(42px, calc( 60 / var(--inner) * 100vw ), 60px); line-height: clamp(40px, calc( 58 / var(--inner) * 100vw ), 58px); text-align: left; font-size: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500;border-radius: 30px; background-color:var(--color-primary); background-image: url(../images/sub/form-right.png); background-repeat: no-repeat; background-position: right clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) center; background-size:auto clamp(7px, calc( 12 / var(--inner) * 100vw ), 12px);} 

.process-list + .process-list {padding-top: 20px;}
.process-list {display: flex; flex-wrap: wrap; margin: -20px;}
.process-item {flex: 1 0 25%; max-width: 25%; padding:20px;}
.process-item .inner {padding:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px) clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); height:clamp(160px, calc( 244 / var(--inner) * 100vw ), 244px); background: #fafafa;}
.process-item .num {display: inline-flex; align-items: center; justify-content:center; width: clamp(35px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(35px, calc( 48 / var(--inner) * 100vw ), 48px); border-radius: 50%; color: #fff; font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); font-weight: 600;}
.process-item:nth-child(odd) .num {background: var(--color-primary);}
.process-item:nth-child(even) .num {background: #992234;}
.process-item .text {display: block; padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-size: clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 600; line-height: 1.54;}
.process-item .small {font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.process-item:not(:last-child) {position: relative;}
.process-item:not(:last-child):after {position: absolute; content: ''; right: -8px; top: 50%; transform: translateY(-50%); width: clamp(16px, calc( 21 / var(--inner) * 100vw ), 21px); height: clamp(20px, calc( 25 / var(--inner) * 100vw ), 25px); background: url(../images/sub/pross-right.png) no-repeat center center; background-size: contain;}
.processwarning {padding-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); text-align: right; font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #dc1f00;}

.semintrobg {padding: clamp(60px, calc( 130 / var(--inner) * 100vw ), 130px) 20px; background: url(../images/sub/semintrobg.jpg) no-repeat center center; background-size: cover; text-align: center; color: #fff;}
.semintrobg .tit {font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: 700;}
.semintrobg .text {padding-top: clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px); font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); line-height: 1.5;}

.seminumlist {display: flex; flex-wrap: wrap; margin: -20px;}
.seminumitem {flex: 1 0 50%; max-width: 50%; padding:20px;}
.seminumitem .inner {padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0; border-bottom: 1px solid #ddd; height: 100%;}
.seminumitem .num {display: block; font-size: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px); font-weight: 900; color: #e8ecf6; line-height: 1;}
.seminumitem .dec {padding-top: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; line-height: 1.6;}

.schedule-search {margin-bottom:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.schedule-search .inputbx {position: relative; max-width: 900px; margin:0 auto; overflow:hidden; border-radius: 36px;}
.schedule-search .inputbx .input {padding-right: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); width: 100%; height: clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px);border-radius: 36px;}
.schedule-search .inputbx .btn-search {position: absolute; right: 0; top: 0; width: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); height: 100%; background:url(../images/sub/search.png) no-repeat left center; background-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px) auto; text-indent: -9999px; border: 0;}

.tabswrap {margin-bottom:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.tablist {display: flex; justify-content: center; flex-wrap: wrap; margin:-5px;}
.tabitem {flex:1 0 clamp(200px, calc( 260 / var(--inner) * 100vw ), 260px); max-width: clamp(200px, calc( 260 / var(--inner) * 100vw ), 260px); padding:5px;}
.tabitem .tablink {display:flex; align-items: center; justify-content: center; padding:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); height: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); border-radius: 8px; background: #f7f7f7; font-weight: 600; }
.tabitem .tablink.active {color: #fff; background: var(--color-primary);}