@charset "utf-8";

/* content size */
#container{margin:0 auto; width:100%; min-width:1200px;}
.con_box1{width:1200px; height:auto; box-sizing:border-box; margin:0 auto; position:relative; z-index:1; padding-left:16px;}
.con_box1::after{content:""; display:block; width:0; height:0; clear:both;}
.con_box2{width:100%; height:auto; box-sizing:border-box; position:relative;}
.con_box2::after{content:""; display:block; width:0; height:0; clear:both;}

/* background image */
.bgimg1::after{content:""; display:block; width:100%; height:397px; position:absolute; bottom:0; left:0; background-color:#f4eeeb; z-index:-1;}
.bgimg2{height:340px; background:#312dff url("../img/sub2/con4_5.jpg?ver=240724") no-repeat center top;}
.bgimg2 .con_box1{height:100%;}
.bgimg2 a{display:block; width:100%; height:100%; overflow:hidden; text-indent:-9999px;}

/* 서브컨텐츠 */
.subNav{width:100%; height:auto; font-size:16px; font-weight:400; color:#333; letter-spacing:-0.9px; line-height:1; padding-top:47px;}
.subNav img{display:inline-block; vertical-align:top; margin-right:5px;}
.subNav .dot{display:inline-block; vertical-align:top; width:5px; height:5px; border-radius:50%; background-color:#000; margin:5.5px 10px;}
.subNav .current{font-weight:500; color:#ff7231;}

.titleBox{width:100%; height:auto; box-sizing:border-box; margin-top:110px;}
.titleBox h2{font-family:Arial, 'Arial', 'Noto Sans KR'; font-size:5.825em; font-weight:900; letter-spacing:-0.6px; color:#f17330; line-height:0.875; -webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; text-transform:uppercase;}
.titleBox h2 + .titleText{margin-top:48.3px;}
.titleBox h2 span.fw1{font-family:'Noto Sans KR';}
.titleBox .titleText{width:100%; height:auto; box-sizing:border-box;}
.titleBox .titleText.top{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.2s; animation-delay:.2s;}
.titleBox .titleText span.subText{display:inline-block; vertical-align:top; font-size:1.9em; font-weight:400; letter-spacing:-1.4px; line-height:1.263;}
.titleBox .titleText h3{font-size:3.35em; font-weight:700; letter-spacing:-2.9px; line-height:1.264; white-space:nowrap;}
.titleBox .titleText h3.type2{font-size:3.2em; line-height:1.281;}
.titleBox .titleText h3 .colorType1{color:#f17330;}
.titleBox .titleText span + h3{margin-top:10px;}

.titleBox2{width:100%; height:auto; box-sizing:border-box; margin-top:110px;}
.titleBox2 h2{font-family:Arial, 'Arial', 'Noto Sans KR'; font-size:5.097em; font-weight:900; letter-spacing:-0.6px; color:#f17330; line-height:0.875; -webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; text-transform:uppercase;}
.titleBox2 h2 + .titleText{margin-top:15px;}
.titleBox2 h2 span{display:inline-block; vertical-align:top; font-size:0.624em; line-height:1.25; letter-spacing:-3px; margin-top:10px;}
.titleBox2 h2 span i{position:relative; font-style:normal;}
.titleBox2 h2 span i::before{content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f17330; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.titleBox2 .titleText{width:100%; height:auto; box-sizing:border-box; margin-top:30px;}
.titleBox2 .titleText.top{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.2s; animation-delay:.2s;}
.titleBox2 .titleText h3{font-size:3.417em; font-weight:700; letter-spacing:-2.9px; line-height:1.211;}


h4.subTitle{font-size:2.25em; font-weight:400; letter-spacing:-1.4px; line-height:1.444;}
h4.subTitle strong{font-weight:700;}
h4.subTitle strong span.underline{color:#f17330; text-underline-offset:10px; text-decoration-thickness:6px;}
h4.subTitle2{font-size:1.45em; font-weight:400; letter-spacing:-0.5px; line-height:1;}
h4.subTitle2 strong{display:inline-block; vertical-align:baseline; font-size:1.724em; font-weight:900; color:#f17330; margin-right:5px;}

@-webkit-keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}

.imgBox{width:100%; height:auto; box-sizing:border-box;}
.imgBox.line{border-bottom:1px solid #e5e5e5;}
.imgBox.line2{border-bottom:1px solid #000;}
.imgBox .inBox{display:inline-block; vertical-align:top;}
.imgBox .whiteCaption{width:100%; height:auto; box-sizing:border-box; font-size:0.8em; font-weight:400; letter-spacing:-0.9px; line-height:1.4375; padding:22.5px 35px; word-break:keep-all; background-color:#fff;}
.imgBox .flexBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; height:auto;}
.imgBox .flexBox img{display:inline-block;}
.imgBox .flexBox figcaption{display:inline-block; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; font-size:1em; font-weight:500; letter-spacing:-0.9px; line-height:1.35;}
.imgBox .flexBox figcaption.bottom{-ms-flex-item-align:end; align-self:flex-end;}
.imgBox .flexBox figcaption span{display:inline-block; vertical-align:top; font-size:0.7em; color:#f17330;}
.imgBox .flexBox .inTextBox{width:680px; text-align:left;}

.subText1{font-size:1.25em; font-weight:400; letter-spacing:-1.4px; line-height:1.656;}
.subText2{font-size:1.725em; font-weight:500; letter-spacing:-1.4px; line-height:1.273;}
.subText3{font-size:1.1em; font-weight:400; letter-spacing:-0.9px; line-height:1.5; word-break:keep-all;}

.linkBox{width:100%; height:auto; box-sizing:border-box;}
.linkBox a{display:inline-block; vertical-align:top; box-sizing:border-box; padding:28px 32px; text-align:left; font-size:1em; font-weight:500; letter-spacing:-1.4px; line-height:1; background-color:#f17330; box-shadow:17px 17px 13px rgba(59,49,43,.2); color:#fff;}
.linkBox a.type2{padding:28px 20px; background:#353434;}
.linkBox a.type2 strong{display:inline-block; vertical-align:top; font-weight:900;}
.linkBox a.type2 strong span{display:inline-block; vertical-align:top; position:relative;}
.linkBox a.type2 strong span::before{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; top:-9px; left:50%; transform:translateX(-50%);}
.linkBox a + a{margin-left:40px;}
.linkBox a img{display:inline-block; vertical-align:top; margin-top:1.5px; margin-left:85px;}
.linkBox a.type2 img{margin-left:12px;}

/* 브랜딩마케팅 사례 */
.caseBox{width:100%; height:auto; box-sizing:border-box; padding-top:76px; padding-bottom:64px; border-bottom:1px dotted #e4e4e4; position:relative;}
.caseBox:last-child{border-bottom:0;}
.caseBox + .caseBox{margin-top:34px;}
.caseBox .caseIcon{width:133px; height:133px; text-align:center; border-radius:50%; position:absolute; top:0; left:0; z-index:-1; background-color:#f17330; font-size:0.9685em; font-weight:700; letter-spacing:-0.1px; line-height:1.445; box-sizing:border-box; padding-top:17.5px; color:#fff;}
.caseBox .caseTitle{display:inline-block; vertical-align:top; margin-left:72px; padding-top:12px; padding-left:71px; font-size:1.6em; font-weight:700; letter-spacing:-0.9px; line-height:1.25; background:url("../img/sub/quotes.png") no-repeat left top;}
.caseBox .caseImgBox{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; height:auto; box-sizing:border-box; margin-top:33px;}
.caseBox .caseImgBox img{display:inline-block; -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0;}
.caseBox .caseImgBox .imgTextBox{display:inline-block; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; text-align:center;}
.caseBox .caseImgBox .imgTextBox .caseTitle2{display:inline-block; vertical-align:top; padding:15px 25px; background-color:#f7f3ea; position:relative; font-size:1.1em; font-weight:500; letter-spacing:-0.9px; line-height:30px; margin-bottom:45px;}
.caseBox .caseImgBox .imgTextBox .caseTitle2::after{content:""; display:block; width:16px; height:33px; background:url("../img/sub1/con2_1_arrow.png") no-repeat center top; position:absolute; top:100%; left:50%; margin-left:-8px;}
.caseBox .caseImgBox .imgTextBox .caseText{font-size:0.85em; font-weight:400; letter-spacing:-0.9px; line-height:1.47; color:#666;}
.caseBox .caseImgBox .imgTextBox .caseResult{font-size:27px; font-weight:700; letter-spacing:-0.9px; line-height:1.37; color:#010101;}
.caseBox.type2{padding-top:0; border-bottom:0; padding-bottom:0;}
.caseBox.type2 + .caseBox.type2{margin-top:100px;}
.caseBox.line{border-bottom:1px solid #dfdfdf; padding-bottom:100px !important;}

.caseBox2{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; height:auto; box-sizing:border-box; position:relative; padding-top:65px; padding-left:100px;}
.caseBox2:last-child{border-bottom:0;}
.caseBox2 + .caseBox2{margin-top:10px;}
.caseBox2 .caseIcon{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; width:133px; height:133px; text-align:center; border-radius:50%; position:absolute; top:0; left:0; z-index:-1; background-color:#f17330; font-size:0.9685em; font-weight:700; letter-spacing:-0.1px; line-height:1.445; box-sizing:border-box; color:#fff;}
.caseBox2 .caseImgBox{display:inline-block; vertical-align:top;}
.caseBox2 .caseImgBox figcaption{display:block; margin-top:10px; font-size:1em; font-weight:500; letter-spacing:-0.9px; line-height:1;}
.caseBox2 .caseImgBox figcaption span{display:inline-block; vertical-align:top; font-size:0.75em; color:#f17330;}
.caseBox2.line{border-bottom:1px solid #e5e5e5;}

.bottomlinkBox{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; height:auto;}
.bottomlinkBox .textBox{display:inline-block; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; font-size:1.95em; font-weight:500; letter-spacing:-0.6px; color:#fff; line-height:1.256; padding-left:30px; text-shadow:5px 5px 16px rgba(0,0,0,.57);}
.bottomlinkBox .link{display:inline-block; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; text-align:right;}
.bottomlinkBox .link a{display:inline-block; width:auto; min-width:233px; box-sizing:border-box; padding:21px 58px; border-radius:34px; background-color:#dc5e33; text-align:center; font-size:1.3em; font-weight:500; letter-spacing:-1.4px; color:#fff; line-height:1;}
.bottomlinkBox .link a + a{margin-left:30px;}
.bottomlinkBox.full{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.bottomlinkBox.full .textBox, .bottomlinkBox.full .link{display:block; width:100%; text-align:center;}
.bottomlinkBox.full .textBox{font-size:1.75em; line-height:1.4; padding-left:0; margin-bottom:20px;}

/* 클라이언트 */
.clientList{width:100%; height:auto; box-sizing:border-box; font-size:0; margin-bottom:-34px;}
.clientList .listItem{display:inline-block; vertical-align:top; width:262px; height:130px; box-sizing:border-box; margin-right:40px; margin-bottom:34px; position:relative; border:1px solid #e5e5e5;}
.clientList .listItem:nth-child(4n){margin-right:0;}
.clientList .listItem img{display:block; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}

/* 개원마케팅 */
.stepList{width:100%; height:auto; box-sizing:border-box; padding-right:40px;}
.stepList .listItem{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; height:auto;}
.stepList .listItem + .listItem{margin-top:20px;}
.stepList .listItem .step{display:inline-block; width:70px; text-align:center; position:relative; font-size:0.85em; font-weight:900; letter-spacing:-0.9px; line-height:1; color:#f17330; padding-top:5px;}
.stepList .listItem .step::after{content:""; display:block; width:2px; height:calc(100% - 39px); min-height:89px; border-left:2px dotted #f17330; position:absolute; bottom:0; left:50%; margin-left:-1px;}
.stepList .listItem .textBox{display:inline-block; width:auto; text-align:left; letter-spacing:-0.9px; box-sizing:border-box; padding-left:37px;}
.stepList .listItem .textBox dt{font-size:1.35em; font-weight:700; line-height:1;}
.stepList .listItem .textBox dt.type2{color:#f17330;}
.stepList .listItem .textBox dd{font-size:1em; font-weight:400; line-height:1.5; margin-top:12px; min-height:89px; box-sizing:border-box; padding-bottom:1.2em;}
.stepList .listItem .inImgBox{display:inline-block; -ms-flex-item-align:start; align-self:flex-start; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; text-align:right; font-size:0;}
.stepList .listItem .inImgBox img{display:inline-block; vertical-align:top; box-shadow:3px 3px 7px rgba(0,0,0,.42);}
.stepList .listItem .inImgBox img.noShadow{box-shadow:none;}
.stepList .listItem .inImgBox img + img{margin-left:13px;}
.stepList .listItem:last-child .step::after{display:none;}

/* 브랜딩 마케팅 패키지 */
.numberList{width:100%; height:auto; box-sizing:border-box;}
.numberList .listItem{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; height:auto;}
.numberList .listItem + .listItem{margin-top:45px;}
.numberList .listItem .number{display:inline-block; width:55px; -ms-flex-item-align:start; align-self:flex-start; font-size:2em; font-weight:500; letter-spacing:-0.9px; line-height:1; color:#f17330;}
.numberList .listItem .textBox{display:inline-block; -ms-flex-item-align:start; align-self:flex-start; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; text-align:left; letter-spacing:-0.9px;}
.numberList .listItem .textBox dt{font-size:1.35em; font-weight:700; line-height:1;}
.numberList .listItem .textBox dd{font-size:1em; font-weight:400; line-height:1.4; margin-top:9px;}
.numberList.type2 .listItem .number{color:#000; font-size:1.35em; font-weight:700; width:50px;}
.numberList.type2 .listItem .textBox dd{margin-top:20px;}
.numberList.type2 .listItem + .listItem{margin-top:40px;}

/* SNS콘텐츠 디자인 */
.dotList1{width:100%; height:auto; box-sizing:border-box;}
.dotList1 .listItem{width:100%; height:auto; box-sizing:border-box; position:relative;}
.dotList1 .listItem + .listItem{margin-top:40px;}
.dotList1 .listItem.inline{display:inline-block; vertical-align:top; width:auto;}
.dotList1 .listItem .title{width:100%; height:auto; box-sizing:border-box; position:relative; padding-left:30px; margin-top:50px; font-size:1.4em; font-weight:500; letter-spacing:-0.9px; line-height:39px;}
.dotList1 .listItem .title::before{content:""; display:block; width:16px; height:16px; border-radius:50%; background-color:#f17330; position:absolute; top:11.5px; left:0;}
.dotList1 .listItem .title.noCircle{padding-left:0;}
.dotList1 .listItem .title.noCircle::before{display:none;}
.dotList1 .listItem .title + img{display:block; margin-top:23.5px;}
.dotList1 .listItem .title + img.mt20{margin-top:14.5px;}
.dotList1 .listItem ul{width:100%; height:auto; box-sizing:border-box;}
.dotList1 .listItem ul li{width:100%; height:auto; box-sizing:border-box; position:relative; padding-left:15px; font-size:1.1em; font-weight:400; letter-spacing:-0.9px; line-height:1.59; word-break:keep-all;}
.dotList1 .listItem ul li::before{content:"-"; display:block; width:15px; height:auto; position:absolute; top:0; left:0;}
.dotList1 .listItem .abImg{position:absolute; bottom:0; left:0; margin-top:0; z-index:-1;}
.dotList1.type2 .listItem + .listItem{margin-top:60px;}

.dotList2{width:100%; height:auto; box-sizing:border-box;}
.dotList2.bgImg{background:url("../img/sub2/con7_7.jpg") no-repeat right bottom;}
.dotList2 .listItem{width:100%; height:auto; box-sizing:border-box; position:relative; padding-left:25px; font-size:1.1em; font-weight:400; letter-spacing:-0.9px; line-height:1.363;}
.dotList2 .listItem::before{content:""; display:block; width:16px; height:16px; border-radius:50%; background-color:#f17330; position:absolute; top:7px; left:0;}
.dotList2 .listItem + .listItem{margin-top:13px;}

.circleNumberList{width:100%; height:auto; box-sizing:border-box;}
.circleNumberList .listItem{width:100%; height:auto; box-sizing:border-box; position:relative; padding-left:57px;}
.circleNumberList .listItem + .listItem{margin-top:17px;}
.circleNumberList .listItem .number{display:block; width:39px; height:39px; border-radius:50%; background-color:#f17330; text-align:center; font-size:0.9em; font-weight:400; letter-spacing:-0.9px; line-height:39px; color:#fff; position:absolute; top:0; left:0;}
.circleNumberList .listItem .text{width:100%; height:auto; box-sizing:border-box; word-break:keep-all; font-size:1.1em; font-weight:400; letter-spacing:-0.9px; line-height:1.4; padding-top:4.1px; padding-bottom:4.1px;}
.circleNumberList .listItem .text strong{font-weight:700;}

/* 병원영상콘텐츠 */
.colorCheckList{width:100%; height:auto; box-sizing:border-box;}
.colorCheckList .listItem{width:100%; height:auto; box-sizing:border-box; padding-top:4px; padding-bottom:2px; padding-left:49px; background:url("../img/sub2/color_check_icon.png") no-repeat left top; font-size:1.1em; font-weight:400; letter-spacing:-0.9px; line-height:30px; word-break:keep-all;}
.colorCheckList .listItem + .listItem{margin-top:15px;}

/* 병원브랜딩마케팅강의 */
.weekList{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -ms-flex-line-pack:stretch; align-content:stretch;}
.weekList .listItem{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; width:50%; box-sizing:border-box; border-bottom:1px solid #c7c6c5; border-right:1px solid #c7c6c5; padding-bottom:30px;}
.weekList .listItem:nth-child(2n){border-right-color:transparent; padding-left:45px;}
.weekList .listItem:nth-child(3),.weekList .listItem:nth-child(4){border-bottom-color:transparent; padding-top:25px; padding-bottom:0;}
.weekList .listItem .week, .weekList .listItem .textBox{display:inline-block; -ms-flex-item-align:start; align-self:flex-start;}
.weekList .listItem .week{width:110px; height:51px; text-align:center; border-radius:25.5px; background-color:#f17330; font-size:1.44em; font-weight:700; letter-spacing:-0.9px; color:#fff; line-height:51px; margin-right:15px;}
.weekList .listItem .textBox{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.weekList .listItem .textBox dt{font-size:1.4em; font-weight:500; letter-spacing:-0.9px; line-height:51px;}
.weekList .listItem .textBox dd{margin-top:5px;}
.weekList .listItem .textBox dd ul{width:100%; height:auto; box-sizing:border-box;}
.weekList .listItem .textBox dd ul li{width:100%; height:auto; box-sizing:border-box; position:relative; padding-left:10px; font-size:1em; font-weight:400; letter-spacing:-0.9px; line-height:1.5;}
.weekList .listItem .textBox dd ul li::before{content:"-"; display:block; width:10px; height:auto; position:absolute; top:0; left:0;}

.processList{width:100%; height:auto;}
.processList .listItem{display:flex; align-items:flex-start;}
.processList .listItem + .listItem{margin-top:25px;}
.processList .listItem .number{display:inline-flex; justify-content:center; align-items:center; width:171px; height:73px; box-sizing:border-box; padding-bottom:13px; font-size:1.25em; font-weight:500; letter-spacing:-0.03em; color:#f17330; background:url("../img/sub2/con10_1.png") no-repeat center top; background-size:100% auto;}
.processList .listItem .inText{display:inline-block; width:calc(100% - 171px); box-sizing:border-box; padding-left:40px; color:#000; padding-top:3px;}
.processList .listItem .inText dt{font-size:1.2em; font-weight:500; letter-spacing:-0.03em; line-height:1;}
.processList .listItem .inText dd{font-size:1em; font-weight:300; letter-spacing:-0.03em; line-height:1; margin-top:10px;}
.processList .listItem:last-child .number{padding-bottom:0; overflow:hidden; height:60px;}

.emphasisText{display:inline-block; vertical-align:top; box-sizing:border-box; padding:7px 22px; border-radius:22px; font-size:1em; font-weight:400; letter-spacing:-0.9px; line-height:1.5; background-color:#eee;}

/* 상담하기 */
.noticeText{font-size:0.97em; font-weight:300; letter-spacing:-1.1px; line-height:1.357;}

.inputBox{width:100%; height:auto; box-sizing:border-box;}
.inputBox .inputRow{width:100%; height:auto; box-sizing:border-box;}
.inputBox .inputRow + .inputRow{margin-top:35px;}
.inputBox .inputRow.mt15{margin-top:15px;}
.inputBox .inputRow .inputItem1{display:inline-block; vertical-align:top; width:380px; height:auto;}
.inputBox .inputRow .inputItem1.full{width:840px;}
.inputBox .inputRow .inputItem1 + .inputItem1{margin-left:80px;}
.inputBox .inputRow .inputItem1 label{font-size:1.05em; font-weight:500; letter-spacing:-1.3px; line-height:1; margin-bottom:10px;}
.inputBox .inputRow .inputItem1 label span{font-size:0.8em;}
.inputBox .inputRow .inputItem1 input[type="text"]{display:block; width:100%; height:40px; box-sizing:border-box; padding:7px; border:0 solid #000; border-bottom-width:3px; font-family:inherit; font-size:1em; font-weight:400; outline:none;}
.inputBox .inputRow .inputItem1 textarea{display:block; width:100%; height:auto; box-sizing:border-box; border:3px solid #000; padding:20px; font-family:inherit; font-size:0.7em; font-weight:300; letter-spacing:-0.9px; line-height:1.3; resize:none; margin-top:15px;}
.inputBox .inputRow .inputItem1.fileBox{width:840px; position:relative; overflow:hidden;}
.inputBox .inputRow .inputItem1.fileBox input[type="file"]{width:0; height:0; border:0; padding:0; margin:0; overflow:hidden; position:absolute; top:-10px; left:-10px;}
.inputBox .inputRow .inputItem1.fileBox label{display:inline-block; vertical-align:top; width:140px; text-align:center; font-size:0.85em; font-weight:300; letter-spacing:-1.4px; line-height:39px; color:#fff; cursor:pointer; background-color:#535353;}
.inputBox .inputRow .inputItem2{width:935px; height:auto; box-sizing:border-box;}
.inputBox .inputRow .inputItem2 .title{font-size:1.05em; font-weight:500; letter-spacing:-1.3px; line-height:1; margin-bottom:25px;}
.inputBox .inputRow .inputItem2 .inputCheckBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-line-pack:start; align-content:flex-start; margin-bottom:-17px;}
.inputBox .inputRow .inputItem2 .inputCheckBox .boxItem{-ms-flex-preferred-size:25%; flex-basis:25%; margin-bottom:17px;}
.inputBox .inputRow .inputItem2 .inputCheckBox .boxItem.big{-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.inputBox .inputRow .inputItem2 .inputCheckBox .boxItem input[type="checkbox"], .inputBox .inputRow .inputItem2 .inputCheckBox .boxItem label{display:inline-block; vertical-align:top;}
.inputBox .inputRow .inputItem2 .inputCheckBox .boxItem input[type="checkbox"]{width:20px; height:20px; box-sizing:border-box; margin:0 5px 0 0;}
.inputBox .inputRow .inputItem2 .inputCheckBox .boxItem label{font-size:0.9em; font-weight:300; letter-spacing:-1.4px; line-height:20px;}
.inputBox .inputRow .inputItem2 .inputCheckBox .boxItem input[type="checkbox"]:checked + label{font-weight:700;}
.inputBox .submitBox{width:840px; height:auto; box-sizing:border-box; text-align:right; margin-top:75px;}
.inputBox .submitBox .privacy, .inputBox .submitBox .submitBtn{display:inline-block; vertical-align:top;}
.inputBox .submitBox .privacy{padding-top:27px; margin-right:35px; text-align:left;}
.inputBox .submitBox .privacy *{display:inline-block; vertical-align:top;}
.inputBox .submitBox .privacy input[type="checkbox"]{width:20px; height:20px; box-sizing:border-box; border:2px solid #535353; margin:0 5px 0 0;}
.inputBox .submitBox .privacy label{font-size:0.85em; font-weight:300; letter-spacing:-1.3px; line-height:20px;}
.inputBox .submitBox .privacy input[type="checkbox"]:checked + label{font-weight:700;}
.inputBox .submitBox .privacy button{font-size:0.85em; font-weight:300; letter-spacing:-1.3px; line-height:20px; padding:0 2px 3px 2px; border-bottom:1px solid #666; margin-left:1px; margin-top:2px;}
.inputBox .submitBox .submitBtn{width:205px; height:57px; text-align:center; background-color:#f17330; font-size:1.05em; font-weight:500; letter-spacing:-1.3px; color:#fff; line-height:57px;}

#layerPop{display:none; width:100%; height:100%; position:fixed; z-index:150; background-color:rgba(0,0,0,.7); top:0; left:0;}
#layerPop .popBox{width:614px; height:418px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-color:#eee;}
#layerPop .popBox .inBox{width:100%; height:100%; box-sizing:border-box; padding:30px; position:relative;}
#layerPop .popBox .inBox button{position:absolute; top:17px; left:15px; font-size:0;}
#layerPop .popBox .inBox .title{font-size:1.925em; font-weight:300; letter-spacing:-1.4px; line-height:1; margin-bottom:40px; text-align:center;}
#layerPop .popBox .inBox .text{width:100%; height:279.5px; overflow-y:scroll; font-size:0.75em; font-weight:300; letter-spacing:-1.4px; line-height:1.466; word-break:keep-all; box-sizing:border-box; padding-right:10px;}

.noticeBoard{width:1130px; height:auto; box-sizing:border-box; box-sizing:border-box; border-top:1px solid #d2d2d2;}
.noticeBoard .boardItem{width:100%; height:auto; box-sizing:border-box; border-bottom:1px solid #d2d2d2; padding:20px 0; overflow:hidden;}
.noticeBoard .boardItem .number, .noticeBoard .boardItem .textBox, .noticeBoard .boardItem .date{display:inline-block; vertical-align:top; float:left;}
.noticeBoard .boardItem .number{width:100px; text-align:center; font-size:0.85em; font-weight:400; letter-spacing:-0.9px; line-height:25px;}
.noticeBoard .boardItem .number .noticeIcon{display:inline-block; vertical-align:top; width:65px; height:30px; box-sizing:border-box; padding:2.5px 0; font-size:1em; font-weight:400; color:#fff; line-height:25px; background-color:#f17330; border-radius:0 0 10px 0;}
.noticeBoard .boardItem .textBox{width:810px; text-align:left; box-sizing:border-box; height:auto; padding-left:35px; font-size:0.85em; font-weight:400; letter-spacing:-0.9px; word-break:keep-all;}
.noticeBoard .boardItem .textBox .title{width:100%; line-height:25px; padding:2.5px 40px 2.5px 0; position:relative; cursor:pointer; font-weight:500;}
.noticeBoard .boardItem .textBox .title::after{content:""; display:block; width:16px; height:10px; background-image:url("../img/sub/notice_arrow.png"); background-repeat:no-repeat; background-size:16px auto; background-position:left bottom; position:absolute; top:10px; right:23px;}
.noticeBoard .boardItem .textBox .title.on::after{background-position:left top;}
.noticeBoard .boardItem .textBox .text{display:none; width:100%; height:auto; box-sizing:border-box; padding-right:40px; line-height:27px; margin-top:30px;}
.noticeBoard .boardItem .date{width:calc(100% - 910px); font-size:0.75em; font-weight:300; letter-spacing:-0.9px; line-height:30px; text-align:center;}
.noticeBoard .boardItem .date span{display:inline-block; vertical-align:top; margin:0 15px;}

/* 240307 */
.roundEdgeBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; padding:46.5px 35px 60px 60px; background:#fff; border-radius:30px; box-shadow:0 0 16px rgba(0,0,0,0.6); margin-top:60px; text-align:left;}
.roundEdgeBox h4{width:100%; height:auto; font-size:29px; font-weight:700; letter-spacing:-0.025em; line-height:40px; color:#000;}
.roundEdgeBox .inImgBox{display:flex; align-items:center; width:100%; height:auto; margin-top:25px;}
.roundEdgeBox .inImgBox img{display:inline-block; flex-shrink:0; margin-right:30px;}
.roundEdgeBox .inImgBox p{display:inline-block; flex-grow:1; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1.423; color:#000;}
.roundEdgeBox .inText{width:100%; height:auto; font-size:21px; font-weight:500; letter-spacing:-0.035em; line-height:1.469; color:#000; margin-top:31px; word-break:keep-all;}

.application{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; padding-left:10px; margin-top:30px;}
.application li{width:100%; height:auto;}
.application li dl{display:flex; align-items:flex-start; width:100%; height:auto; font-size:20px; letter-spacing:-0.025em; line-height:1.6; color:#000;}
.application li dl dt{display:inline-flex; justify-content:space-between; align-items:center; flex-shrink:0; width:96px; font-weight:700;}
.application li dl dt strong, .application li dl dt span{display:inline-block;}
.application li dl dd{display:inline-block; width:calc(100% - 96px); box-sizing:border-box; padding-left:10px; text-align:left;}
.application li dl dd span{display:inline-block; vertical-align:top; font-size:17px; font-weight:300; letter-spacing:-0.025em; line-height:1.3;}


/* 240326 */
.bgImg3{width:100%; height:300px; background:#000 url("/img/sub2/con8_10.jpg") no-repeat center center;}
.bgImg3 a{display:block; width:100%; height:100%;}