@charset "utf-8";

/* content size */
#container{width:100%; height:auto; position:relative; z-index:1;}
.con_box1{width:90.4%; height:auto; box-sizing:border-box; margin:0 4.8%; position:relative; z-index:1;}
.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;}

/* location */
.visualNav{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:101;}
.visualNav::after{content:""; display:block; width:0; height:0; clear:both;}
.visualNav .inBox{width:50%; height:auto; position:relative; text-align:left; float:left;}
.visualNav .inBox + .inBox::before{content:""; display:block; width:1px; height:100%; background-color:rgba(255,255,255,.5); position:absolute; top:0; left:-0.5px; opacity:0.5; z-index:2;}
.visualNav .inBox .curPage{width:100%; height:40px; position:relative; padding:0 12%; background-color:#af8655; font-size:1em; font-weight:400; letter-spacing:-1.3px; line-height:40px; color:#fff;}
.visualNav .inBox .curPage .curArrow{display:block; width:9.5px; height:7.5px; position:absolute; top:50%; right:10%; margin-top:-3.75px; background-image:url("../img/sub/nav_arrow.png"); background-repeat:no-repeat; background-position:left bottom; background-size:9.5px; 15px;}
.visualNav .inBox .curPage.on .curArrow{background-position:left top;}
.visualNav .inBox .pageList{width:100%; height:auto; max-height:0; overflow:hidden; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; position:absolute; top:100%; left:0;}
.visualNav .inBox .pageList li{width:100%; height:auto; box-sizing:border-box; border-top:1px solid rgba(255,255,255,.5); background-color:#af8655;}
.visualNav .inBox .pageList li a{display:block; width:100%; height:auto; font-size:1em; font-weight:400; letter-spacing:-0.9px; color:#fff; line-height:35px; box-sizing:border-box; padding-left:12.8%;}
.visualNav .inBox .curPage.on + .pageList{max-height:800px;}
.navDummy{width:100%; height:40px; background-color:#fff; display:none;}

/* sub_visual */
#visual{width:100%; height:auto; box-sizing:border-box; z-index:2; position:relative; text-align:center; margin-bottom:57.5px;}
#visual .visualTitle{width:100%; height:auto; padding-top:57.5px; box-sizing:border-box; color:#fff; z-index:2; position:absolute; top:0; left:0;}
#visual .visualTitle.type2{color:#000;}
#visual .visualTitle.left{left:4.8%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); padding-top:0; text-align:left;}
#visual .visualTitle.center{top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); padding-top:0; text-align:center;}
/* #visual .visualTitle.line3{padding-top:160px;} */
#visual .visualTitle h2{font-family: 'Noto Serif KR'; font-size:1.434em; font-weight:300; letter-spacing:-1.5px; line-height:1.67;}
#visual .visualTitle h2.type2{font-size:2em; line-height:1.5545;}
#visual .visualTitle h2 strong{display:inline-block; font-size:1.583em; font-weight:600; line-height:1;}
#visual .visualTitle.left h2{text-indent:-0.4em;}
#visual .visualTitle.left h2 strong{text-indent:0;}
#visual .visualBottomText{width:100%; text-align:center; position:absolute; left:0; bottom:8%;}
#visual .visualBottomText p{font-size:0.866em; font-weight:400; letter-spacing:-1px; color:#fff; line-height:1.7;}
#visual img{width:100%; height:auto;}

/* 서브컨텐츠 */
.sectionTitle{width:100%; height:auto; box-sizing:border-box; position:relative; padding:25px 0; margin-bottom:35px; text-align:center;}
.sectionTitle::before{content:""; display:block; width:16px; height:12px; background:url("../img/sub/quotes_bg1.png") no-repeat center top; background-size:16px 12px; position:absolute; top:0; left:50%; margin-left:-8px;}
.sectionTitle::after{content:""; display:block; width:16px; height:12px; background:url("../img/sub/quotes_bg2.png") no-repeat center top; background-size:16px 12px; position:absolute; bottom:0; left:50%; margin-left:-8px;}
.sectionTitle h3{font-family: 'Noto Serif KR'; font-size:1.82em; font-weight:600; letter-spacing:-1.2px; color:#000; line-height:1.261; word-break:keep-all;}
.sectionTitle > strong{display:inline-block; vertical-align:top; font-size:1.34em; font-weight:700;}
.sectionTitle > strong span{font-weight:300;}

.caseBox{width:100%; height:auto; box-sizing:border-box; text-align:left; position:relative;}
.caseBox::after{content:""; display:block; width:0; height:0; clear:both;}
.caseBox + .caseBox{margin-top:30px;}
.caseBox .inBox{display:inline-block; vertical-align:top;}
.caseBox .inBox::after{content:""; display:block; width:0; height:0; clear:both;}
.caseBox .inBox .floatBox{display:inline-block; vertical-align:top; float:left;}
.caseBox .inlineImg{display:inline-block; vertical-align:top;}
.caseBox .inlineImg + .textBox{margin-top:25px;}
.caseBox .textBox{width:100%; height:auto; box-sizing:border-box; font-size:0.833em; letter-spacing:-0.8px; line-height:1.8; color:#000; word-break:keep-all; padding-left:4.8%; padding-right:4.8%;}
.caseBox .textBox strong{font-size:1.28em; font-weight:700; line-height:1.4;}
.caseBox img{width:100%; height:auto;}
.caseBox video{width:100%; height:auto;}
.caseBox .abBox{width:100%; height:auto; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.caseBox .perCentText{font-size:1.1em; font-weight:500; letter-spacing:-0.8px; line-height:1; margin-bottom:18px;}
.caseBox .perCentText strong{display:inline-block; font-size:2.363em; font-weight:900; color:#af8655;}

.linkBox{width:100%; height:auto; box-sizing:border-box; padding-left:4.8%; padding-right:4.8%;}
.linkBox a{display:inline-block; vertical-align:top; width:auto;/*  min-width:297px; */ height:35px; box-sizing:border-box; padding:0 15px; font-size:0.833em; font-weight:500; letter-spacing:-0.5px; line-height:35px; color:#fff; text-align:left; background-color:#000; overflow:hidden;}
.linkBox a img{display:inline-block; vertical-align:top; width:27px; height:5.5px; margin-top:14.75px; margin-left:15px; float:right;}
.linkBox .row{width:100%; height:auto; text-align:center;}
.linkBox .row + .row{margin-top:15px;}
.linkBox .row a{min-width:65%;}

.colorCheckList{width:100%; height:auto; box-sizing:border-box; text-align:left; padding:0 4.8%;}
.colorCheckList .listItem{width:100%; height:auto; box-sizing:border-box; font-size:1em; letter-spacing:-0.8px; line-height:1.3; color:#000; position:relative; padding-left:20px;}
.colorCheckList .listItem + .listItem{margin-top:12px;}
.colorCheckList .listItem img{display:inline-block; vertical-align:top; margin-top:1px; margin-right:3px; width:17px; height:18px; position:absolute; top:0; left:0;}
.colorCheckList .listItem strong{display:inline-block; vertical-align:top; font-weight:700; word-break:keep-all;}

.bottomText{font-family: 'Noto Serif KR'; font-size:0.833em; font-weight:600; letter-spacing:-1.2px; line-height:1.8; color:#a68865; text-align:center; padding-left:4.8%; padding-right:4.8%; word-break:keep-all;}
.bottomText.big{font-size:1em;}

.doctorArea{width:100%; height:auto; box-sizing:border-box; position:relative; overflow:hidden; padding-left:8%; padding-right:8%;}
.doctorArea .doctorPic{width:100%; height:auto; margin-bottom:24px;}
.doctorArea .doctorProfile{width:100%; height:auto; box-sizing:border-box; color:#000; text-align:left;}
.doctorArea .doctorProfile .title{font-family: 'Noto Serif KR'; font-size:1.281em; font-weight:600; letter-spacing:-0.8px; line-height:1;}
.doctorArea .doctorProfile .nameBox{margin-top:20px; letter-spacing:-1px;}
.doctorArea .doctorProfile .nameBox .name{display:inline-block; vertical-align:baseline; font-size:2.296em; font-weight:700; line-height:1; margin-right:5px;}
.doctorArea .doctorProfile .nameBox .engName{font-size:1.25em; font-weight:100;}
.doctorArea .doctorProfile .positionBox{width:100%; height:auto; overflow:hidden; margin-top:15px;}
.doctorArea .doctorProfile .positionBox span{display:inline-block; vertical-align:top; float:left; text-align:left; font-size:0.955em; letter-spacing:-0.8px; line-height:25px; color:#fff; padding:0 15px; background-color:#888581;}
.doctorArea .doctorProfile .positionBox span.position{width:80px; background-color:#575450; text-align:center;}
.doctorArea .doctorProfile .profileList{width:100%; height:auto; box-sizing:border-box; margin-top:35px;}
.doctorArea .doctorProfile .profileList .listItem{font-size:0.853em; font-weight:400; letter-spacing:-0.8px; line-height:1.4; word-break:keep-all;}
.doctorArea .doctorProfile .profileList .listItem + .listItem{margin-top:5px;}
.doctorArea .doctorProfile .profileList .listItem.mt15{margin-top:15px;}

.equipBox{display:table; width:100%; min-width:100%; max-width:none; table-layout:fixed;}
.equipBox .boxRow{display:table-row;}
.equipBox .itemCell{display:table-cell; vertical-align:top; text-align:center; padding-left:2%; padding-right:1%;}
.equipBox .boxRow .itemCell:last-child{padding-left:1%; padding-right:2%;}
.equipBox .itemCell img{display:block; margin:0 auto; width:171px; height:auto;}
.equipBox .itemCell p{font-size:0.833em; font-weight:400; letter-spacing:-1px; line-height:1.66; margin-top:18px; word-break:keep-all;}
.equipBox .itemCell p strong{font-weight:700;}

/* 둘러보기 */
.placeBox{width:100%; height:auto; margin:20px auto 0 auto;}
.placeBox .placeZoom{width:100%; height:auto; box-sizing:border-box; overflow:hidden; position:relative;}
.placeBox .placeZoom .zoom{width:100%; height:auto;}
.placeBox .placeZoom .zoom .slideItem{width:100%; height:auto;}
.placeBox .placeZoom .zoom .slideItem figure{display:block; width:100%; height:auto; position:relative;}
.placeBox .placeZoom .zoom .slideItem figure img{width:100%; height:auto;}
.placeBox .placeZoom .zoom .slideItem figure figcaption{display:inline-block; font-size:0.9em; font-weight:500; letter-spacing:-0.8px; line-height:1; color:#fff; box-sizing:border-box; padding:1em 2.5em; background-color:rgba(53,53,53,.9); position:absolute; top:0; left:0; z-index:5;}
.placeBox .placeZoom .placePrev{width:33px; height:33px; position:absolute; top:50%; left:10px; margin-top:-16.5px; z-index:10; background:url("../img/sub1/place_left_arrow.png") no-repeat center top; cursor:pointer; background-size:cover; display:none;}
.placeBox .placeZoom .placeNext{width:33px; height:33px; position:absolute; top:50%; right:10px; margin-top:-16.5px; z-index:10; background:url("../img/sub1/place_right_arrow.png") no-repeat center top; cursor:pointer; background-size:cover; display:none;}
.placeBox .placeThumb{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; height:auto; box-sizing:border-box; margin-top:10px; position:relative; font-size:0; text-align:left; -webkit-transform:none; transform:none; margin-bottom:-6.5px; overflow:hidden; padding:0 5px;}
.placeBox .placeThumb .swiper-pagination-bullet{width:calc(33.333% - 4px); height:auto; border-radius:0; background:none; margin-bottom:6px; opacity:1; position:relative;}
.placeBox .placeThumb .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:""; width:100%; height:100%; box-sizing:border-box; border:3px solid #c38e49; position:absolute; top:0; left:0; z-index:2;}

.processBox{width:100%; height:auto; box-sizing:border-box;}
.processBox .boxTable{display:table; width:100%; min-width:100%; max-width:none; table-layout:fixed;}
.processBox .boxTable + .boxTable{margin-top:20px;}
.processBox .boxTable .boxRow{display:table-row;}
.processBox .boxTable .itemCell{display:table-cell; vertical-align:middle; padding:22.5px 4.26% 40px 4.26%; text-align:center; background-color:#fff;}
.processBox .boxTable .itemCell.title{width:100%; background-color:#af8655; padding:14px 0;}
.processBox .boxTable .itemCell.title img{display:inline-block; vertical-align:middle;}
.processBox .boxTable .itemCell.title p{display:inline-block; vertical-align:middle; font-size:1.314em; font-weight:700; letter-spacing:-0.8px; color:#fff; line-height:1; margin-left:25px;}
.processBox .boxTable .itemCell ol{width:100%; height:auto; overflow:hidden; margin-bottom:-15px;}
.processBox .boxTable .itemCell ol li{display:inline-block; vertical-align:top; float:left; width:calc(50% - 27.5px); height:auto; border-radius:50%; position:relative; border:2px solid #af8655; text-align:center; margin-right:27.5px; margin-bottom:15px;}
.processBox .boxTable .itemCell ol li::before{content:""; display:block; width:100%; height:auto; position:relative; padding-top:100%;}
.processBox .boxTable .itemCell ol li::after{content:""; display:block; width:25.5px; height:12.5px; background:url("../img/sub1/circle_arrow.png") no-repeat center top; background-size:cover; position:absolute; top:50%; right:-25.5px; margin-top:-6.25px;}
.processBox .boxTable .itemCell ol li:last-child{margin-right:0;}
.processBox .boxTable .itemCell ol li:last-child::after{display:none;}
.processBox .boxTable .itemCell ol li .circle{width:100%; height:auto; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:2;}
.processBox .boxTable .itemCell ol li .pass{font-size:1em; font-weight:700; letter-spacing:-0.8px; color:#af8655; line-height:1; position:relative; padding-bottom:10px; margin-bottom:10px;}
.processBox .boxTable .itemCell ol li .pass::after{content:""; display:block; width:15px; height:2px; background-color:#e7dacc; position:absolute; bottom:0; left:50%; margin-left:-7.5px;}
.processBox .boxTable .itemCell ol li .textBox{width:100%; height:auto; padding-top:3.4em; position:relative; overflow:hidden;}
.processBox .boxTable .itemCell ol li .textBox .text{width:100%; height:auto; font-size:0.833em; font-weight:500; letter-spacing:-1px; color:#000; line-height:1.326; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

.surgeryHours{width:100%; height:auto; box-sizing:border-box; text-align:left; background-color:#f6f1eb; padding:35px 9.4% 40px 9.4%;}
.surgeryHours .callBox{width:100%; height:auto; box-sizing:border-box; font-family: 'Noto Serif KR'; color:#000;}
.surgeryHours .callBox .title{box-sizing:border-box; padding-left:45px; font-size:1.366em; font-weight:500; letter-spacing:-0.8px; line-height:33px; background:url("../img/sub1/call_icon.png") no-repeat left top; background-size:33px 33px;}
.surgeryHours .callBox strong{display:inline-block; vertical-align:top; font-size:2.643em; font-weight:600; letter-spacing:-0.9px; line-height:1; margin-top:15px; margin-left:4px;}
.surgeryHours .callBox a{color:inherit;}
.surgeryHours .timeBox{width:100%; height:auto; box-sizing:border-box; margin-top:33px;}
.surgeryHours .timeBox .title{box-sizing:border-box; padding-left:46px; font-size:1.366em; font-weight:500; letter-spacing:-0.8px; line-height:39px; background:url("../img/sub1/time_icon.png") no-repeat left top; background-size:35.5px 39px;}
.surgeryHours .timeBox .timeList{width:100%; height:auto; box-sizing:border-box; margin-top:24px;}
.surgeryHours .timeBox .timeList li{font-size:1.056em; font-weight:400; letter-spacing:-0.8px; color:#000; line-height:1;}
.surgeryHours .timeBox .timeList li + li{margin-top:10.5px;}
.surgeryHours .timeBox .timeList li.holiday{color:#d83d3d; font-weight:500;}
.surgeryHours .timeBox p{font-size:1.056em; color:#000; letter-spacing:-0.8px; line-height:1.681; margin-top:30px; word-break:keep-all;}
.surgeryHours .timeBox p strong{font-weight:500;}

.directionsInfoBox{width:100%; height:auto; box-sizing:border-box; margin-top:47.5px; text-align:center; padding-bottom:45px;}
.directionsInfoBox > .title{font-family: 'Noto Serif KR'; font-size:1.866em; font-weight:500; letter-spacing:-0.8px; line-height:1; margin-bottom:10px;}
.directionsInfoBox .address{font-size:0.95em; letter-spacing:-0.8px; margin-bottom:10px;}
.directionsInfoBox .address address{display:block; font-weight:400; margin-right:10px;}
.directionsInfoBox .address strong{display:inline-block; vertical-align:top; font-weight:700;}
.directionsInfoBox .mapBox{width:100%; height:auto; box-sizing:border-box; position:relative;}
.directionsInfoBox .mapBox .mapLinkBox{width:100%; height:40px;}
.directionsInfoBox .mapBox .mapLinkBox .base, .directionsInfoBox .mapBox .mapLinkBox a{display:inline-block; vertical-align:top; float:left; width:50%; height:40px; font-size:0.933em; font-weight:400; letter-spacing:-0.8px; color:#fff; line-height:40px;}
.directionsInfoBox .mapBox .mapLinkBox .base{background-color:#535353;}
.directionsInfoBox .mapBox .mapLinkBox a{background-color:#3aaa35;}
.directionsInfoBox .transportBox{width:100%; height:auto; box-sizing:border-box; margin-top:24.5px; padding-left:4.8%; padding-right:4.8%;}
.directionsInfoBox .transportBox .boxItem{width:100%; height:auto; box-sizing:border-box; overflow:hidden; text-align:left; letter-spacing:-0.8px;}
.directionsInfoBox .transportBox .boxItem + .boxItem{margin-top:21.5px;}
.directionsInfoBox .transportBox .boxItem .title{width:100%; height:auto; box-sizing:border-box; font-size:1.11em; font-weight:400; line-height:40px;}
.directionsInfoBox .transportBox .boxItem .title img{display:inline-block; vertical-align:top; margin-right:15px; width:40px; height:auto; margin-right:12.5px;}
.directionsInfoBox .transportBox .boxItem .infoBox{width:100%; height:auto; box-sizing:border-box; margin-top:4px; padding-left:52.5px;}
.directionsInfoBox .transportBox .boxItem .infoBox dl + dl{margin-top:11.5px;}
.directionsInfoBox .transportBox .boxItem .infoBox dl dt{display:inline-block; vertical-align:top; width:auto; height:32px; text-align:center; padding:0 15px; font-size:0.965em; font-weight:400; line-height:32px; border-radius:10px; color:#fff;}
.directionsInfoBox .transportBox .boxItem .infoBox dl dt.line7{background-color:#688816;}
.directionsInfoBox .transportBox .boxItem .infoBox dl dt.town{background-color:#3aaa35;}
.directionsInfoBox .transportBox .boxItem .infoBox dl dt.arterial{background-color:#0069b4;}
.directionsInfoBox .transportBox .boxItem .infoBox dl dd{font-size:0.833em; font-weight:400; line-height:1.4836; color:#2a261e; margin-top:6.5px; box-sizing:border-box;}

.bottomSns{width:100%; height:auto; box-sizing:border-box; padding:47.5px 0 40px 0; background-color:#f1ebe6;}
.bottomSns .con_box1 > .title{font-family: 'Noto Serif KR'; font-size:1.521em; font-weight:600; letter-spacing:-1.3px; line-height:1; color:#000; text-align:center; margin-bottom:25px;}
.bottomSns .con_box1 > .title span{color:#a4917e;}
.bottomSns .snsSlide{width:100%; height:auto; box-sizing:border-box; position:relative; padding-bottom:45px;}
.bottomSns .snsSlide .snsPager{width:100%; height:auto; font-size:0; bottom:0; text-align:center;}
.bottomSns .snsSlide .snsPager .swiper-pagination-bullet{width:10px; height:10px; background-color:#cbcbcb; opacity:1;}
.bottomSns .snsSlide .snsPager .swiper-pagination-bullet-active{background-color:#af8655;}
.bottomSns .snsList{width:100%; height:auto; box-sizing:border-box;}
.bottomSns .snsList .listItem{display:inline-block; vertical-align:top; width:calc(50% - 3px); height:auto; box-sizing:border-box; margin-right:6px;}
.bottomSns .snsList .listItem a{display:block; width:100%; height:auto;}
.bottomSns .snsList .listItem .thumbBox{width:100%; height:auto; box-sizing:border-box; position:relative;}
.bottomSns .snsList .listItem .thumbBox .thumb{width:100%; height:auto; overflow:hidden; position:relative; padding-top:75%;}
.bottomSns .snsList .listItem .thumbBox .thumb img{display:block; width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.bottomSns .snsList .listItem .thumbBox .category{display:inline-block; width:75px; height:28px; text-align:center; background-color:#af8655; color:#fff; font-family: 'Noto Serif KR'; font-size:0.76em; font-weight:500; letter-spacing:-0.1px; line-height:28px; box-shadow:3px -3px 8px rgba(0,0,0,.42); position:absolute; bottom:-20.5px; left:0; z-index:2; text-transform:capitalize;}
.bottomSns .snsList .listItem .textBox{width:100%; height:auto; text-align:left; box-sizing:border-box; margin-top:40px; letter-spacing:-0.8px;}


/* search_box */
.searchBox{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.searchBox .count{width:100%; height:auto; text-align:left; font-size:0.928em; font-weight:400; letter-spacing:-0.5px; color:#444; line-height:1; margin-bottom:12.5px;}
.searchBox .count span{color:#1b5970;}
.searchBox .searchInputBox{width:100%;}
.searchBox .searchInputBox .searchSel, .searchBox .searchInputBox .searchInp input[type="text"]{display:inline-block; vertical-align:top; float:left; box-sizing:border-box; height:40px; border:1px solid #ccc; font-size:15px; font-weight:500; letter-spacing:-0.5px; color:#333;}
.searchBox .searchInputBox .searchSel{width:25%; margin-right:7px; text-align:center;}
.searchBox .searchInputBox .searchInp{display:inline-block; vertical-align:top; float:left; overflow:hidden; width:calc(75% - 7px);}
.searchBox .searchInputBox .searchInp input[type="text"]{width:calc(100% - 40px); padding:0 5px;}
.searchBox .searchInputBox .searchInp button, .searchBox .searchInputBox .searchInp a{display:inline-block; vertical-align:top; float:left; width:40px; height:40px; background:#4d4d4d url("../img/sub/search_icon.png") no-repeat center; background-size:20px 20px;}

/* tbl_list */
.tbl_list{width:100%; height:auto; box-sizing:border-box; border-top:1px solid #dbdbdb; margin-top:20px;}
.tbl_list ul{width:100%; height:auto; box-sizing:border-box;}
.tbl_list ul li{width:100%; height:auto; box-sizing:border-box; padding:12px 3%; box-sizing:border-box; border-bottom:1px solid #dbdbdb; overflow:hidden; position:relative;}
.tbl_list ul li .textBox{display:inline-block; vertical-align:top; float:left; width:calc(100% - 80px);}
.tbl_list ul li .textBox .text1{font-size:0.833em; font-weight:300; margin-bottom:5px;}
.tbl_list ul li .textBox .text2{font-size:1em; font-weight:300; margin-bottom:5px;}
.tbl_list ul li .textBox .text2 a{display:inline-block; vertical-align:top; width:auto; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3; font-weight:700; color:#282828; box-sizing:border-box; padding-right:12.5px; background:url("/img/sub/board_lock.png") no-repeat right center; background-size:8.625px auto;}
.tbl_list ul li .textBox .text3{font-size:0.833em; font-weight:400;}
.tbl_list ul li .textBox span{display:inline-block; vertical-align:top; margin:0 5px;}
.tbl_list ul li .ans{display:inline-block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:3%;}
.tbl_list ul li .ans span{display:inline-block; width:60px; height:60px; border-radius:50%; box-sizing:border-box; border:1px solid #af8655; text-align:center; line-height:58px; letter-spacing:-1px; font-size:0.833em; color:#af8655;}
.tbl_list ul li .ans span.ans_ok{color:#fff; border-color:#af8655; background-color:#af8655;}
.tbl_list ul li.important_notice{background-color:#fcfcfc;}
.tbl_list ul li.important_notice span.notice_head{display:inline-block; padding:0 5px; background-color:#363a4a; color:#fff; line-height:20.8px; border-radius:2.5px; font-weight:600; font-size:15px;}

.noticeGallery{width:90.4%; height:auto; box-sizing:border-box; margin:0 auto;}
.noticeGallery .tabs{display:table; width:100%; min-width:100%; max-width:none; table-layout:fixed; margin-bottom:20px;}
.noticeGallery .tabs .tabsRow{display:table-row;}
.noticeGallery .tabs a, .noticeGallery .tabs button{display:table-cell; vertical-align:middle; width:auto; height:45px; text-align:center; font-size:1em; font-weight:400; letter-spacing:-1px; color:#000; background-color:#eee;}
.noticeGallery .tabs a.on, .noticeGallery .tabs button.on{color:#fff; background-color:#313131;}
.noticeGallery .galleryList{width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin-bottom:-30px;}
.noticeGallery .galleryList .listItem{display:inline-block; vertical-align:top; float:left; width:calc(50% - 10px); height:auto; box-sizing:border-box; margin-right:20px; margin-bottom:30px;}
.noticeGallery .galleryList .listItem:nth-child(2n){margin-right:0;}
.noticeGallery .galleryList .listItem a{display:block; width:100%; height:auto;}
.noticeGallery .galleryList .listItem .thumb{width:100%; height:auto; box-sizing:border-box; padding-top:106.93%; position:relative; overflow:hidden;}
.noticeGallery .galleryList .listItem .thumb img{display:block; width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.noticeGallery .galleryList .listItem .title{width:100%; height:2.8em; font-size:0.9em; font-weight:500; letter-spacing:-0.8px; line-height:1.4; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}

.caseGallery{width:90.4%; height:auto; box-sizing:border-box; margin:0 auto;}
.caseGallery .tabs{display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:20px;}
.caseGallery .tabs .tabsRow{display:-webkit-box;display:-ms-flexbox;display:flex; width:100%;}
.caseGallery .tabs .tabsRow + .tabsRow{margin-top:-1px;}
.caseGallery .tabs a{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center; width:calc(50% + 0.5px); height:40px; text-align:center; font-size:0.833em; font-weight:400; letter-spacing:-1px; color:#000; border:1px solid #dcdcdc;}
.caseGallery .tabs a + a{margin-left:-1px;}
.caseGallery .tabs a.on{color:#fff; background-color:#af8655;}
.caseGallery .tabs a span{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.caseGallery .galleryList{width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin-bottom:-20px;}
.caseGallery .galleryList .listItem{width:100%; height:auto; box-sizing:border-box; margin-bottom:20px; cursor:pointer; border:1px solid #dcdcdc;}
.caseGallery .galleryList .listItem > a{display:block; width:100%; height:auto;}
.caseGallery .galleryList .listItem .thumbBox{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.caseGallery .galleryList .listItem .thumb{width:50%; height:auto; position:relative; overflow:hidden; float:left; background-color:#f0eeee; position:relative;}
.caseGallery .galleryList .listItem .thumb::after{content:""; display:block; width:100%; height:auto; box-sizing:border-box; padding-top:95.774%;}
.caseGallery .galleryList .listItem .thumb > img{display:block; width:auto; height:auto; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0;}
.caseGallery .galleryList .listItem .thumb + .thumb > img{right:auto; left:0;}
.caseGallery .galleryList .listItem .thumb .loginLayer{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.85); z-index:3;}
.caseGallery .galleryList .listItem .thumb .loginLayer .layerTextBox{width:100%; height:100%; position:relative;}
.caseGallery .galleryList .listItem .thumb .loginLayer .layerText{width:100%; height:auto; text-align:center; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.caseGallery .galleryList .listItem .thumb .loginLayer .layerText .layerIcon img{display:inline-block; vertical-align:top;}
.caseGallery .galleryList .listItem .thumb .loginLayer .layerText .text{font-size:0.723em; font-weight:400; letter-spacing:-1px; color:#c5a682; line-height:1.444; box-sizing:border-box; margin-top:8px;}
.caseGallery .galleryList .listItem .thumb .loginLayer .layerText button{display:block; width:60px; height:auto; padding:10px 0; box-sizing:border-box; border-radius:5px; background-color:#af8655; font-size:0.682em; font-weight:400; letter-spacing:-1px; color:#fff; line-height:1; margin:10px auto 0 auto;}
.caseGallery .galleryList .listItem.type2 .thumb{width:100%; float:none;}
.caseGallery .galleryList .listItem.type2 .thumb::after{padding-top:24.5%;}
.caseGallery .galleryList .listItem.type2 .thumb > img{left:50%; right:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.caseGallery .galleryList .listItem.type2 .thumb + .thumb > img{left:50%;}
.caseGallery .galleryList .listItem.type2 .thumb .loginLayer .layerText .layerIcon{display:inline-block; vertical-align:top;}
.caseGallery .galleryList .listItem.type2 .thumb .loginLayer .layerText .text{display:inline-block; vertical-align:top; line-height:21px; padding:0; margin-top:0; margin-left:5px;}
.caseGallery .galleryList .listItem.type2 .thumb .loginLayer .layerText .text br{display:none;}
.caseGallery .galleryList .listItem.type2 .thumb .loginLayer .layerText button{margin:10px auto 0 auto;}
.caseGallery .galleryList .listItem .title{width:100%; height:auto; font-size:0.833em; font-weight:400; letter-spacing:-1px; line-height:1.2; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:12.5px 10px;}
.caseGallery .galleryList .no_content{width:100%; height:400px; text-align:center; font-size:30px; font-weight:700; letter-spacing:-1px; line-height:400px;}


.tbl_view{width:100%; overflow:hidden; border-top:2px solid #282828; position:relative;}
.tbl_view th{padding:10px 5px; font-weight:400; border:1px solid #dfdfdf; border-top:0; background-color:#f8f8f8; color:#474747; vertical-align:top; font-size:0.9em;}
.tbl_view td{padding:10px 5px; font-weight:400; border-bottom:1px solid #dfdfdf; color:#474747; vertical-align:top; font-size:0.833em; word-break:keep-all;}
.tbl_view tr .td_title{color:#000; font-weight:400;}
.tbl_view tr .txt_box{color:#000; font-weight:400; line-height:1.6; font-size:1em; min-height:200px; padding:0 10px 30px 10px;}
.tbl_view tr .txt_box .case_img_box{width:100%; height:auto; text-align:center; margin-bottom:20px; overflow:hidden;}
.tbl_view tr .txt_box .case_img_box > div{display:inline-block; vertical-align:top; float:left; width:50%;}
.tbl_view tr .txt_box .case_img_box > div img{display:block; width:auto; height:auto; max-width:100%;}
.tbl_view tr .txt_box .case_img_box > div p{font-size:15px; font-weight:700; letter-spacing:-0.5px; line-height:1; margin-top:10px;}
.tbl_view tr .txt_box .tb_tit2{font-weight:500;}
.tbl_view tr .txt_box .tb_cnt2{font-weight:400;}
.tbl_view tr .txt_box .tb_img2{width:70%; margin-bottom:30px;}
.tbl_view tr td img{max-width:100%;}
.tbl_view tr td .tb_cnt2{font-size:16px; color:#000; font-weight:400; line-height:1.6; padding:15px;}

/* 댓글폼 */
.qna_text dt{font-size:17px; font-weight:bold; color:#1f1f1f; margin-bottom:10px;}
.qna_text dd{padding:2px;}
.qna_text dd span.color_blue{ font-weight:bold;}
.qna_text dd span.font-bold{font-weight:700; font-size:15px;}
.qna_text_box{margin:20px 0 30px;}
.qna_text_box textarea{padding:10px; width:1160px; height:50px; border:1px solid #d8d8d8;}
.qna_text_box a{display:inline-block; width:100px; height:70px; text-align:center; line-height:70px; border:1px solid #7f7f7f; background-color:#f1f1f1; vertical-align:top; font-size:16px; font-weight:bold;}

.comment_box{font-size:15px; font-weight:400; padding:5px; line-height:1.6; margin-top:10px;}

.box_comment{width:100%; height:auto; box-sizing:border-box; border:1px solid #cdcdcd; padding:20px; margin-top:50px; background-color:#f6f6f6; letter-spacing:-0.5px; color:#282828; text-align:left;}
.box_comment .doctorComment{width:100%; height:auto; box-sizing:border-box;}
.box_comment .doctorComment .title{width:100%; height:auto; overflow:hidden; font-size:1em; font-weight:200; line-height:1.4; margin-bottom:10px;}
.box_comment .doctorComment .title .commentDate{float:right;}
.box_comment .doctorComment .textBox{width:100%; height:auto; box-sizing:border-box; background-color:#fff; padding:20px;}
.box_comment .doctorComment .textBox .inText{width:100%; height:250px; box-sizing:border-box; padding:10px; font-size:0.9em; font-weight:200; line-height:1.5; background-color:#f9f9f9; overflow-y:auto; border:1px solid #cdcdcd;}
.box_comment .writerComment{width:100%; height:auto; box-sizing:border-box; margin-top:20px;}
.box_comment .writerComment textarea{width:100%; height:250px; box-sizing:border-box; padding:10px; background-color:#fff; font-size:0.9em; font-weight:200; line-height:1.5; resize:none; border:1px solid #cdcdcd; color:#282828; font-family:inherit;}
.box_comment .commentBtnBox{width:100%; height:auto; box-sizing:border-box; text-align:right; margin-top:15px;}
.box_comment .commentBtnBox button, .box_comment .commentBtnBox a{display:inline-block; vertical-align:top; width:auto; height:45px; box-sizing:border-box; padding:0 10px; font-size:0.8em; font-weight:400; color:#fff; line-height:43px; margin-left:10px; text-align:center; border:1px solid #af8655;}
.box_comment .commentBtnBox .bgType1{background-color:#af8655;}
.box_comment .commentBtnBox .bgType2{background-color:#fff; color:#af8655;}

/* TXT PREV NEXT */
.txt_prev_next {border-bottom:1px solid #dadada; text-align:left;}
.txt_prev_next ul {border-top:1px solid #dadada; overflow:hidden;}
.txt_prev_next ul li {float:left; font-size:18px; padding-top:20px; padding-bottom:20px; width:120px;}
.txt_prev_next ul li a{color:#282828;}
.txt_prev_next ul li span{padding-left:7px; font-size:12px;}
.txt_prev_next ul li:first-child {padding-left:30px; padding-right:20px; color:#000000; background-color:#f6f6f6}
.txt_prev_next ul li+li {padding-left:15px; width:calc(100% - 120px);}


/* tbl_write */
.tblWrite{width:100%; height:auto;}
.tblWrite .writePrivacy{width:100%; height:auto; box-sizing:border-box; background-color:#fafafa; padding:15px 4.8%; margin-bottom:30px;}
.tblWrite .writePrivacy .title{font-size:1.2em; font-weight:400; letter-spacing:-1px; color:#000; line-height:1; text-align:center; margin-bottom:15px;}
.tblWrite .writePrivacy .inBox{width:100%; height:200px; box-sizing:border-box; border:1px solid #d2d2d2; background-color:#fff; padding:15px 2.5%; overflow-y:scroll; margin-bottom:10px; font-size:0.75em; font-weight:400; letter-spacing:-1px; line-height:1.4; color:#666;}
.tblWrite .writePrivacy input[type="checkbox"]{display:inline-block; vertical-align:top; box-sizing:border-box; width:15px; height:15px; border:1px solid #000; margin:0 10px 0 0;}
.tblWrite .writePrivacy input[type="checkbox"] + label{display:inline-block; vertical-align:top; font-size:14px; font-weight:400; letter-spacing:-1px; color:#000; line-height:15px;}
.tblWrite .writePrivacy input[type="checkbox"]:checked + label{font-weight:600;}
.tblWrite .writeRow{width:100%; height:auto; box-sizing:border-box; padding-left:4.8%; padding-right:4.8%;}
.tblWrite .writeRow::after{content:""; display:block; width:0; height:0; clear:both;}
.tblWrite .writeRow + .writeRow{margin-top:20px;}
.tblWrite .writeRow .inputBox{display:inline-block; vertical-align:top; width:100%; height:auto;}
.tblWrite .writeRow .inputBox > label{display:block; width:100%; font-size:1em; font-weight:500; letter-spacing:-1px; color:#000; line-height:16px; margin-bottom:1px;}
.tblWrite .writeRow .inputBox input[type="text"], .tblWrite .writeRow .inputBox input[type="number"], .tblWrite .writeRow .inputBox input[type="password"]{display:block; width:100%; height:40px; box-sizing:border-box; border:0px solid #080808; border-bottom-width:2px; font-family:inherit; font-size:0.9em; font-weight:300; letter-spacing:-1px; padding:5px 10px; outline:none;}
.tblWrite .writeRow .inputBox.full{width:100%; display:flex; flex-wrap:wrap; align-content:flex-start; margin-bottom:-10px;}
.tblWrite .writeRow .inputBox.full .checkItem{align-self:center; display:inline-block; vertical-align:top; width:25%; height:16px; text-align:left; margin-bottom:10px;}
.tblWrite .writeRow .inputBox.full .checkItem input[type="checkbox"]{display:inline-block; width:16px; height:16px; box-sizing:border-box; border:1px solid #080808; margin:0 5px 0 0;}
.tblWrite .writeRow .inputBox.full .checkItem input[type="checkbox"] + label{display:inline-block; font-size:0.75em; font-weight:400; letter-spacing:-0.5px; color:#000; line-height:16px;}
.tblWrite .writeRow .inputBox.full .checkItem input[type="checkbox"]:checked + label{font-weight:600;}
.tblWrite .writeRow .inputBox textarea{width:100%; height:300px; box-sizing:border-box; margin-top:10px;}
.tblWrite .writeRow .inputBox .fileBox{display:flex; align-items:center;}
.tblWrite .writeRow .inputBox .fileBox + .fileBox{margin-top:10px;}
.tblWrite .writeRow .inputBox .fileBox input[type="file"]{display:inline-block; width:auto; font-size:0.8em; margin-left:10px; flex-grow:1;}
/* .tblWrite .writeRow .inputBox + span{display:inline-block; vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-1px; color:#000; line-height:1; margin-top:40px;} */
.tblWrite .writeRow .caution{box-sizing:border-box; padding-left:2px; font-size:0.75em; font-weight:400; letter-spacing:-1px; color:#000; line-height:1.5; word-break:keep-all;}
.tblWrite .writeRow .caution + .caution{margin-top:5px;}
.tblWrite  input::-webkit-input-placeholder{font-family:inherit; font-size:0.9em; font-weight:300; letter-spacing:0; color:#828282;}
.tblWrite  input::-moz-placeholder{font-family:inherit; font-size:0.9em; font-weight:300; letter-spacing:0; color:#828282;}
.tblWrite  input:-ms-input-placeholder{font-family:inherit; font-size:0.9em; font-weight:300; letter-spacing:0; color:#828282;}
.tblWrite  input::-ms-input-placeholder{font-family:inherit; font-size:0.9em; font-weight:300; letter-spacing:0; color:#828282;}
.tblWrite  input::placeholder{font-family:inherit; font-size:0.9em; font-weight:300; letter-spacing:0; color:#828282;}

.tbl_write{width:100%; overflow:hidden; position:relative; font-size:0.9em; letter-spacing:-0.5px; color:#282828;}
.tbl_write table{width:100%; min-width:100%; max-width:none; table-layout:fixed;}
.tbl_write th{text-align:left; padding:10px; border-bottom:1px solid #dfdfdf; font-size:1em; font-weight:700; background-color:#f6f6f6; vertical-align:middle;}
.tbl_write td{text-align:left; padding:10px; border-bottom:1px solid #dfdfdf;}
.tbl_write tr:first-child th{border-top:1px solid #c1c1c1;}
.tbl_write tr:first-child td{border-top:1px solid #c1c1c1;}
.tbl_write tr:last-child th{border-bottom:1px solid #d6d6d6;}
.tbl_write tr:last-child td{border-bottom:1px solid #d6d6d6;}
.tbl_write td label{font-size:1em;}
.tbl_write td label span{font-size:1em; color:#797979; padding-left:5px;}
.tbl_write td .table_text{width:100%; height:auto; box-sizing:border-box; padding:10px 15px; border:1px solid #d8d8d8; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:1.6;}
.tbl_write td .inputNotice{width:100%; height:auto; box-sizing:border-box; padding:20px; background-color:#f8f8f8; text-align:left; font-size:0.9em; font-weight:200; letter-spacing:-0.5px; line-height:1.5; color:#1b5970;}
.tbl_write .privacyText{width:100%; height:350px; overflow-y:scroll; box-sizing:border-box; border:1px solid #cdcdcd; padding:10px; font-size:0.9em; font-weight:200; letter-spacing:-0.5px; line-height:1.65; color:#282828;}
.tbl_write .privacyText dt{font-size:1.2em; font-weight:700; margin:25px 0 15px 0;}
.tbl_write .privacyText dd{padding-left:30px; box-sizing:border-box;}
.tbl_write .privacyText table{width:100%; min-width:100%; max-width:none; table-layout:fixed; border-top:1px solid #444; margin-top:10px;}
.tbl_write .privacyText table th, .tbl_write .privacyText table td{border-bottom:1px solid #cdcdcd; text-align:center; font-size:1em; line-height:1.4;}
.tbl_write .privacyText table th{font-weight:700; padding:15px 0; background-color:#f8f8f8;}
.tbl_write .privacyText table td{font-weight:400; padding:8px 0;}
.tbl_write .privacyText table td + td{border-left:1px solid #cdcdcd;}


a.btn_p{float:right; padding:1px 6px 2px; font-size:13px; font-weight:400; border:1px solid #444; background-color:#fff; color:#444; -webkit-border-radius:5px; border-radius:5px;}

.privacy_box{padding:30px; border:1px solid #dbdbdb; background-color:#fff; text-align:left;}
.sectionTitle + .privacy_box{margin-top:50px;}
.privacy_box .text{font-size:0.9em; font-weight:400; letter-spacing:-0.5px; line-height:1.65; color:#282828; word-break:keep-all;}
.privacy_box .text dt{font-size:1.2em; font-weight:700; margin:25px 0 15px 0;}
.privacy_box .text dd{padding-left:30px; box-sizing:border-box;}
.privacy_box .text table{width:100%; min-width:100%; max-width:none; table-layout:fixed; border-top:1px solid #444; margin-top:10px;}
.privacy_box .text table th, .privacy_box .text table td{border-bottom:1px solid #cdcdcd; text-align:center; font-size:1em; line-height:1.4;}
.privacy_box .text table th{font-weight:700; padding:15px 0; background-color:#f8f8f8;}
.privacy_box .text table td{font-weight:400; padding:8px 0;}
.privacy_box .text table td + td{border-left:1px solid #cdcdcd;}

.input_box{width:100%; height:auto; box-sizing:border-box; text-align:left; overflow:hidden;}
.input_box input[type="radio"], .input_box input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:5.5px 5px 5.5px 0;}
.input_box label{display:inline-block; vertical-align:top; font-size:0.9em; font-weight:400; letter-spacing:-0.5px; color:#000; line-height:31px; margin-right:30px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.input_box input[type="radio"]:checked + label, .input_box input[type="checkbox"]:checked + label{font-weight:700;}

.inputBox{width:100%; height:auto; box-sizing:border-box; text-align:left;}
.inputBox::after{content:""; display:block; width:0; height:0; clear:both;}
.inputBox input[type="text"], .inputBox input[type="number"], .inputBox input[type="password"], .inputBox select{display:inline-block; vertical-align:top; box-sizing:border-box; height:40px; box-sizing:border-box; border:1px solid #dadada; background-color:#fff; font-size:1em; font-weight:400; padding:10px;}
.inputBox span, .inputBox label{display:inline-block; vertical-align:top; font-size:0.833em; font-weight:400; line-height:40px;}
.inputBox input[type="radio"], .inputBox input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; box-sizing:border-box; border:1px solid #dadada; margin:10px 5px;}
.inputBox input[type="checkbox"] + label{font-size:0.833em;}
.inputBox input[type="radio"]::checked + label, .inputBox input[type="checkbox"]::checked + label{font-weight:700;}
.inputBox textarea{width:100%; height:200px; box-sizing:border-box; border:1px solid #cdcdcd; padding:10px; resize:none;}
.inputBox.call input, .inputBox.call select, .inputBox.call span{float:left;}
.inputBox.call input, .inputBox.call select{width:calc(33.33% - 16px);}
/* .inputBox.call input + select, .inputBox.call input + input{margin-left:10px;} */
.inputBox.call span{width:24px; height:40px; text-align:center;}

/* password.html */
.pw_box{width:100%; box-sizing:border-box; border:1px solid #dbdbdb; background-color:#fdfdfd; padding:30px 5%;}
.pw_box div{text-align:center; overflow:hidden;}
.pw_box div label{display:inline-block; vertical-align:top; float:left; width:80px; height:40px; line-height:40px; font-size:1em; font-weight:400; color:#282828; vertical-align:middle;}
.pw_box div input{display:inline-block; vertical-align:top; float:left; width:calc(100% - 160px); height:40px; vertical-align:middle;}
.pw_box div a, .pw_box div button{display:inline-block; vertical-align:top; float:right; font-size:1em; width:70px; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#af8655; vertical-align:middle;}

/* login */
.sub_title1{width:100%; height:auto; box-sizing:border-box; text-align:center; margin-bottom:10px; padding-left:3.33%; padding-right:3.33%; word-break:keep-all;}
.sub_title1 h2{font-size:1.769em; font-weight:400; letter-spacing:-1.5px; color:#000000; line-height:1.152;}
.sub_title1 .board_sub_title{text-align:center; font-size:1. font-weight:500; letter-spacing:-0.065em; line-height:1.3; color:#000000; margin-top:15px;}

.login_box{width:100%; margin:35px auto 60px; border:1px solid #dbdbdb; box-sizing:border-box; padding:20px 5%; background-color:#fafafa;}
.login_box h3{font-size:1.5em; font-weight:400; text-align:center; line-height:0.8; margin-bottom:30px;}
.login_box h3 span{font-size:0.9em; font-weight:400;}
.login{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}
.login .inp_login{float:left; width:calc(100% - 95px);}
.login .inp_login div:nth-child(n+2){margin-top:8px;}
.login .inp_login input{height:38px; border:1px solid #d8d8d8; width:100%; font-size:13.5px; padding:5px 10px; box-sizing:border-box; border-radius: 3px;}
.login .btn_login{float:right;}
.login .btn_login button{display:inline-block; width:85px; height:84px; text-align:center; line-height:84px; background-color:#af8655; font-size:15px; font-weight:700; letter-spacing:-1px; color:#fff; border:1px solid #af8655; box-sizing:border-box; border-radius: 3px;}
.login .btn_login.find button{display: inline-block; width: 85px; height: 84px; text-align: center; line-height: 84px; background-color: #af8655; border-radius: 3px; font-size: 15px; font-weight: 400; letter-spacing: -1px; color: #fff; border: 1px solid #; box-sizing: border-box;}
.login_box .box_top_bottom{margin-top:30px; overflow:hidden; text-align:center;}
.login_box .box_top_bottom a{font-size:14px; font-weight:400; color:#666;}
.login_box .box_top_bottom span{font-size:12px; color:#bdbdbd; padding:0 15px; vertical-align:1px;}
.login_box .sns_login_box{display:block; width:100%; height:auto; box-sizing:border-box; overflow:hidden; margin:10px auto 0 auto;}
.login_box .sns_login_box .sns_login_list{width:100%; height:auto; box-sizing:border-box;}
.login_box .sns_login_box .sns_login_list li{width:100%; height:auto; margin-bottom:10px;}
.login_box .sns_login_box .sns_login_list li:last-child{margin-bottom:0;}
.login_box .sns_login_box .sns_login_list li .sns_login_btn{display:block; width:100%; height:40px; box-sizing:border-box; font-size:1em; font-weight:900; letter-spacing:-0.5px; text-align:center; line-height:40px; box-shadow:none; overflow:hidden; text-indent:-32px; border:0;}
.login_box .sns_login_box .sns_login_list li .sns_login_btn img{display:inline-block; vertical-align:top; width:30px; height:30px; margin-top:5px; margin-left:20px; float:left;}
.login_box .sns_login_box .sns_login_list li .sns_login_btn#facebook{color:#fff; background-color:#3b5998;}
.login_box .sns_login_box .sns_login_list li .sns_login_btn#google{color:#fff; background-color:#dc4a38;}
.login_box .sns_login_box .sns_login_list li .sns_login_btn#kakaotalk{color:#3c1e1e; background-color:#ffde00;}
.login_box .sns_login_box .sns_login_list li .sns_login_btn#naver{color:#fff; background-color:#00bf18;}
.login_box .box_bottom{margin-top:40px; overflow:hidden; text-align:center;}
.login_box .box_bottom a{font-size:16px; font-weight:400; color:#383a42;}
.login_box .box_bottom span{font-size:12px; color:#bdbdbd; padding:0 15px; vertical-align:1px;}

/* find_idpw */
.find_box{width:100%; height:auto; padding:15px 5%; background-color:#fafafa;}
.find_box + .find_box{margin-top:35px;}
.find_box dt{padding:0 3% 5px; font-size:16px; font-weight:700; letter-spacing:-1px;}

/* join */
.join_box{width:100%; height:auto; box-sizing:border-box; margin-top:35px; text-align:left;}
.join_box .tab{overflow:hidden; margin-bottom:30px;}
.join_box .tab li {width:33.33%; height:35px; font-size:14px; text-align:center; line-height:34px; float:left; font-weight:400; color:#282828; border:1px solid #c6c6c6; border-left:0; border-bottom:0; background-color:#f2f2f2; box-sizing:border-box;}
.join_box .tab li.f_bd{border-left:1px solid #c6c6c6; border-right:0;}
.join_box .tab .on{border-bottom:0; background-color:#af8655; color:#fff; font-weight:700; position:relative; z-index:1;}

.join_tit{padding:35px 0 25px; text-align:center; margin-top:-1px; border-top:1px solid #000; position:relative;}
.join_tit h3{font-size:35px; font-weight:700; margin-bottom:20px;}
.join_tit p{font-weight:400;}

.join_box .agreeBox{margin-top:30px;}
.join_box .agreeBox + .agreeBox{margin-top:50px;}
.join_box .agreeBox{margin-bottom:20px;}
.join_box .agreeBox .title{font-size:1.2em;; font-weight:700; margin-bottom:10px;}
.join_box .agreeBox .textBox{width:100%; height:300px; padding:10px; font-size:0.833em; font-weight:400; letter-spacing:-0.5px; color:#282828; border:1px solid #d6d6d6; box-sizing:border-box; overflow-y:scroll; line-height:1.5; word-break:keep-all;}
.join_box .agreeBox .textBox dt{font-size:1.1em; font-weight:700; margin:12.5px 0 7.5px 0;}
.join_box .agreeBox .textBox dd{padding-left:30px; box-sizing:border-box;}
.join_box .agreeBox .textBox table{width:100%; min-width:100%; max-width:none; table-layout:fixed; border-top:1px solid #444; margin-top:10px;}
.join_box .agreeBox .textBox table th, .join_box .agreeBox .textBox table td{border-bottom:1px solid #cdcdcd; text-align:center; font-size:1em; line-height:1.4;}
.join_box .agreeBox .textBox table th{font-weight:700; padding:7.5px 0; background-color:#f8f8f8;}
.join_box .agreeBox .textBox table td{font-weight:400; padding:5px 0; word-break:break-all;}
.join_box .agreeBox .textBox table td + td{border-left:1px solid #cdcdcd;}
.join_box .agreeBox .agree{background-color:#efefef; padding:10px;}
/* .join_box dd .agree input{display:inline-block; vertical}
.join_box dd .agree label{font-size:14px; color:#444; font-weight:400;}
.join_box .all_agree input{margin-right:7px; vertical-align:-1px;}
.join_box .all_agree label{font-size:14px; color:#444; font-weight:400;} */

.join_box .success{background-color:#f9f8f7; padding:35px 5%; border:1px solid #e6e6e6;}
.join_box .success p{text-align:center; font-size:1.25em; font-weight:400; line-height:1.3; letter-spacing:-1px;}
.join_box .success p span{color:#658916;}

.join_box .box_email_notice {overflow:hidden; border-bottom:1px solid #dbdbdb; padding:14px 14px 14px 14px}
.join_box .box_email_notice ul {background-color:#f2f2f4; -webkit-border-radius:3px; border-radius:3px; padding:10px 7px; font-size:13px; color:#606060}
.join_box .box_email_notice ul li+li {margin-top:4px}
.join_box .box_email_notice span {color:#3f56a6}

.join_box .join_success{margin-top:20px; padding:20px 5%; border:1px solid #c6c6c6; background-color:#f4f4f4;}
.join_box .join_success p{text-align:center; font-size:1.25em; font-weight:400; letter-spacing:-0.5px; line-height:1.6; word-break:keep-all;}

.caption_join{margin-bottom:10px; font-size:1.2em; font-weight:700; text-align:left;}

.no_content{width:100% !important; height:150px !important; text-align:center !important; font-size:1.2em; font-weight:700; letter-spacing:-1px; line-height:150px;}

.animateBox{opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
.animateBox.first, .animateBox.active{-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;}
.animateBox.first.delay2, .animateBox.active.delay2{-webkit-animation-delay:.2s; animation-delay:.2s;}
.animateBox.first.delay3, .animateBox.active.delay3{-webkit-animation-delay:.4s; animation-delay:.4s;}
.animateBox.first.delay4, .animateBox.active.delay4{-webkit-animation-delay:.6s; animation-delay:.6s;}

@-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);}
}