@media all and (max-width:1920px) and (min-width:769px) { } 
@media(max-width:768px) { } 
/*
폰트레벨
기본 크기 -3(8pt= 0.75em; )
기본 크기 -2(9pt= 0.85em; ) 
기본 크기 -1(10pt= 0.9em; )
기본 크기 0 (11pt= 1em; )
기본 크기 +1(12pt= 1.1em; )
기본 크기 +2(13pt= 1.15em; )
기본 크기 +3(15pt= 1.25em; )
기본 크기 +4(16pt= 1.45em; )
기본 크기 (30pt= 2.5em; )
*/

/* =============================================================================================================================================================================================================== */
/* =============================================================================================================================================================================================================== */
/* ===================================================================== */
/* 기본구조 */
html,body { position: relative; min-width:1024px; } 
html { } 
body { overflow-x:hidden !important; } 

.Wrap { } /* 퀵높이만큼아래여백삽입됨(style.js) */
.Wrap .Container { } 
.Wrap .Container .Content { } 
.Inner { display:block; position:relative; margin:auto; } 
.innerContainer { display:block; position:relative; } 

/* 글자줄임 */
.txt_line { 
 width: 850px; 
 padding: 0 5px; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 

.txt_multiline { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: box; 
 margin-top: 1px; 
 max-height: 130px; 
 overflow: hidden; 
 vertical-align: top; 
 text-overflow: ellipsis; 
 word-break: break-all; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 3
 }

/* ===================================================================== */
/* 기타맞춤세팅 */
img { max-width:100%; height:auto; } 
pre { white-space:pre-line; } 
b { font-weight:normal; font-family:'Pretendard',sans-serif; } 
a { position:relative; } 
strong { font-weight:600; } 
mark { background-color:#e2def2; } 
textarea { width:100%; line-height:1.6em; border:1px solid #dddddd; border-radius:5px; padding:0.8em; resize:none; } 
textarea:focus-within { border-color:#272727; } 
input:focus::-webkit-input-placeholder { color:transparent; } /* 클릭시placeholder사라짐 */

.textCenter { text-align:center;}
.border-top-0 {border-top:0 !important;}

/* ===================================================================== */
/* 테이블 */
table { width: 100%; table-layout: fixed; font-size: 0.9em; word-break: break-all; line-height: 1.2; } 
table caption { text-align:left; } 
table tr { position:relative; } 
table td,
table th { position:relative; padding:1em 0.5em; } 
table th { font-weight:normal; letter-spacing:-1px; text-align:left; } 
table th .Info_Warning { } /* 필수표시 */
table .InputBox { } 
table .InputBox select { } 
table .InputBox select option { } 
/* ------------------------------------------ */
table thead { } 
table thead tr { font-size:1.2em; } 
table thead th { } 
table thead td { } 
table tbody { } 
table tbody tr { border-top: 1px solid #ededed; } 
table tbody th { } 
table tbody td { } 
table tfoot { } 
table tfoot th { } 
table tfoot td { } 
/* ------------------------------------------ */
/* 구별 */
table .Title { display:block; width:98%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; } 
table .Title .Badge { font-size:0.85em; border-radius:3px; padding:3px 5px; } 
table .FileBox { display:block; } 
table .FileBox p { display:block; font-weight:bold; margin-bottom:1em; } 
table .FileBox input[type=file] { display:block; margin-bottom:1em; } 
table .Low { color:#a9a9a9; } /* 덜중요 */
/* ------------------------------------------ */
/* 색상교차 */
 table.Cross tbody tr:nth-child( odd ) { } /* 색상교차 홀수열 */
table.Cross tbody tr:nth-child( even ) { background-color:#f1f1f1; } /* 색상교차 짝수열 */
/* ------------------------------------------ */
/* 리스트타입 */
table.ListTable { line-height:1.4em; } 
table.table_line { border-top: 2px solid #000; border-bottom: 1px solid #000; } 
table.ListTable thead th { text-align:center; } 
table.ListTable tbody tr { } 
table.ListTable tbody th { } 
table.ListTable tbody td { text-align:center; } 
table.ListTable .Price { display:block; font-size:1.1em; font-weight:bold; text-align:right; } /* 가격 */
table.ListTable .Thumb { } 
table.ListTable .Thumb img { display:block; width:4em; } 
table.ListTable .Num { color:#666; } 
table.ListTable .Title { text-align:left; } 
table.ListTable .Title span { text-align:left; display:inline-table; vertical-align:middle; } 
table.ListTable .Title > div { display:inline-table; vertical-align:middle; } 
table.ListTable .Title:hover span { text-decoration:underline; } 
table.ListTable .Name { color:#666; } 
table.ListTable .Date { color:#666; } 
table.ListTable .Read { color:#666; } 
table.ListTable .Heart { color:#666; } 
table.ListTable .Badge { background:none; color:#9e9e9e; } 
table.ListTable .Badge > div { display:inline-table; vertical-align:middle; } 
table.ListTable .Badge > div.Badge01 { color:#ef6b6b; font-weight:600; } 
table.ListTable .Badge > div.Badge03 { color: #222222; } 
table.ListTable .Badge > div + div { margin-left:0.5em; } 
table.ListTable .Notice { background-color:#f9f9f9; } 
table.ListTable .Notice .Title { font-weight:600; } 
table.ListTable .Notice .Num span { padding:0.2em 0.5em; border:1px solid #444; color:#222; font-weight:500; font-size:0.93em; border-radius:4px; } 
/* 테이블형리스트 */
.ListTableBuild { } 
.ListTableBuild .List { display:block; position:relative; border-top:2px solid #272727; border-bottom:1px solid #f1f1f1; } 
.ListTableBuild .List li { display:block; position:relative; } 
.ListTableBuild .List li + li { border-top:1px solid #f1f1f1; } 
.tableBuildThum { display:block; position:relative; font-size:0.9em; line-height:1.4em; } 
.tableBuildThum a { display:block; position:relative; padding:15px 10px; } 
.tableBuildThum p { display:block; position:relative; color:#a1a1a1; font-weight:100; } 
.tableBuildThum p span { display:inline-block; } 
.tableBuildThum p span + span:before { content:"· "; } 
/* ------------------------------------------ */
/* 뷰타입 */
table.ViewTable { } 
table.ViewTable thead th { } 
table.ViewTable thead td { background:none; } 
table.ViewTable tbody th { text-align:center; vertical-align:top; } 
table.ViewTable pre { display:block; position:relative; } 
/* 뷰타입 - 테이블이아닌구조 */
.boardViewTable { display:block; position:relative; border-top: 2px solid #393939; border-bottom: 2px solid #393939; } 
.boardViewTable img { max-width:100%; } 
.boardViewTable dt { display:block; position:relative; border-bottom:1px solid #f5f5f5; padding:1.5em 1em; } 
.boardViewTable .Info .Title .Sort { font-weight:bold; } 
.boardViewTable .Info .Writer { display:inline-table; position:relative; color:#a1a1a1; font-size:0.85em; text-align:left; margin-top:1em; } /* 작성자정보 */
.boardViewTable .Info .Writer span { display:table-cell; } 
.boardViewTable .Info .Writer span + span { padding-left:1em; } 
.boardViewTable .Info .Writer .Name { } 
.boardViewTable .Info .Writer .Sort { } 
.boardViewTable .Info .Writer .Date { } 
.boardViewTable dd { display:block; position:relative; padding:2em; } 
.boardViewTable dd pre { padding:0px; white-space:normal; line-height:1.8em; } 
.boardViewTable pre + .Board_Commtext { margin-top:1em; } 
/* ------------------------------------------ */
/* 쓰기타입 */
table.WriteTable { } 
table.WriteTable thead th { text-align:left; } 
table.WriteTable tfoot tr { border-top: 1px solid #f1f1f1; } 
/* 쓰기타입 - 테이블이아닌구조 */

/* ------------------------------------------ */
/* 아무것도 */
table.BlandTable { } 
table.BlandTable td { text-align:left; } 
/* ------------------------------------------ */
/* 히위속한항목 */
table .Btn { border-collapse:initial; } 
table .CountBox { border-collapse:initial; } 
/* ------------------------------------------ */

.SelectBox { display: inline-block; font-size:1.05em; width: 8em; padding:0.4em 0.8em; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; vertical-align: middle; border-radius:5px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; background: url(/img/common/chevron-down.svg) no-repeat right 13px center; background-size: 11px; -moz-appearance: none; appearance: none; box-sizing: border-box; } 

/* 달력 토,일요일 색상 */
.ui-datepicker-calendar > tbody td:first-child a { color: #ff0000; } 
.ui-datepicker-calendar > tbody td:last-child a { color: #0000ff; } 

/* ===================================================================== */
/* ----------board-공통CSS---------- */
#boardArea li .notice_mark { position: absolute; top: 0; right: 0; display: block; font-size: 12pt; color: #ffffff; padding: 10px 15px; background-color: #333333; border-radius: 5px; } 

/* Btn */
.BtnBox { width: 124px; max-height: 40px; } 
.BtnBox .Btn { font-size: 18px; display: block; color: #ffffff; background-color: #dddddd; text-align: center; width: 100%; height: 100%; padding: 10px 0px; border-radius: 4px; } 
.confirm_btn { padding: 50px 0; } 
.confirm_btn .BtnBox .Btn { box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.2); } 

/* board-검색하기 */
.BoardSearch { position: relative; padding: 30px 0; } 
.BoardSearch fieldset { font-size: 0; height: 40px; } 
.BoardSearch fieldset label { position: relative; height: 40px; } 
.BoardSearch fieldset label * { height: 100%; font-size: 16px; } 
.BoardSearch fieldset select { 
 cursor: pointer; 
 border: 1.5px solid #96969E; 
 border-radius: 4px; 
 color: #96969E; 
 padding: 0 25px 0 5px; 
 appearance: none; -webkit-appearance: none; 
 background: url(/img/common/caret-down-fill.svg) no-repeat right 3px top 12px; 
 } 
.BoardSearch fieldset select::-ms-expand { display:none; } 
select::-ms-expand { display:none; } 
.BoardSearch .BtnBox .Btn{padding: 10px 0px; }

.BoardSearch fieldset input { max-width: 220px; width: 100%; padding: 0 45px 0 15px; border: 1.5px solid #96969E; border-radius: 4px; }
.BoardSearch fieldset button { position: absolute; top: auto; right: 0; vertical-align: middle; width: 40px; height: 40px; color: #ffffff; border-radius: 0 4px 4px 0; } 
.BoardSearch .SelectBox_cover select.SelectBox,.BoardSearch .SelectBox_cover > .form { vertical-align: middle; display: inline-block; height: 42px; font-size: 16px; } 
.BoardSearch .SelectBox_cover>div.form { position: relative; margin-left: 8px; } 

/* --input search X버튼 가리기-- */
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal { opacity: 0; position: absolute; right: 0; } 
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { opacity: 0; position: absolute; right: 0; } 
/* --input search X버튼 가리기-- */

/* board-페이지네이션 */
.BoardPage { } 
.BoardPage .List { font-size: 0; text-align: center; } 
.BoardPage .List li { display: inline-block; opacity: 0.5; } 
.BoardPage .List li a { display: block; font-size: 16px; padding: 5px 12px; font-weight: 600; } 
.BoardPage .List li.Active,
.BoardPage .List li:hover { opacity: 1; } 

.board_line { border-top: 2px solid #000; border-bottom: 1px solid #000; } 

.ViewsLike { display: flex; justify-content: space-between; position: relative; }
/* .ViewsLike .ViewHeart span:last-of-type { padding-left: 20px; } */
.ViewsLike .bi { padding-right: 5px; vertical-align: middle; }
.ViewsLike .btnDownFile {position:absolute;top:-5px;right:0;}
.ViewsLike .btnDownFile > a {color:#0d6efd;font-weight: bold;}

.three_dots_menu { position: relative; cursor: pointer; }
.three_dots_menu .three_dots_detail { display: none; width: 80px; position: absolute; z-index: 998; top: 15px; left: 15px; border-radius: 5px; border: 1px solid #ebebeb; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.1); }
.three_dots_menu .three_dots_detail a { display: block; text-align: center; padding: 10px 0; background-color: #ffffff; } 
.three_dots_menu .three_dots_detail a:hover { background-color: #dddddd; } 
.three_dots_menu .three_dots_detail.clickvisible { display: block; } 

/* 비밀글 모달 CSS*/
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; } 
.modal.clickvisible { display: block; } 
.modal_bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } 
.modal_con { max-width: 400px; width: 100%; height: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; background-color: #ffffff; width: 400px; border-radius: 10px; overflow: hidden; } 
.modal_con h2 { font-size: 18px; background-color: #333333; color: #ffffff; } 
.modal_con p { font-size: 16px; line-height: 1.3; } 
.modal_con input[type="password"] { width: 100%; line-height: 1.6em; border: 1px solid #dddddd; border-radius: 5px; padding: 0.5em; font-size: 16px; } 
.modal_con .EditorBtn { position: absolute; bottom: 1em; right: 1em; } 
.modal_con .closeBtn { font-size: 30px; color: #ffffff; position: absolute; top: 6px; right: 6px; cursor: pointer; } 

/* ===================================================================== */
/* Board */
/* --------------------------------------- */
#boardArea .imgCover { background-color: #D9D9D9; position: relative; overflow: hidden; height: 200px; border-radius: 10px; text-align: center; display: table; width: 100%; } 
#boardArea .imgCover img {width: 100%; height: 100%; max-height: 200px; object-fit:cover;}
#boardArea .Webzineimg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#boardArea .imgCover > div { position: relative; display: table-cell; width: 50%; overflow: hidden; } 
#boardArea.Surgery .imgCover img { max-width: 170px; width: 100%; max-height: 170px; height: 100%; object-fit:cover; } 
#boardArea.Surgery .imgCover > div span { position: absolute; bottom: 0; left: 0; background-color: #333333; color: #ffffff; width: 100%; max-height: 30px; text-align: center; } 
/* --------------------------------------- */

/* --Gallery-- */
.GalleryBox ul li { max-width: 350px; width: 100%; position: relative; } 
#boardArea.Gallery .Galleryimg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; } 
.GalleryBox ul .text_inner p { font-size: 16pt; padding-top: 10px; font-weight: 600; } 

/* --Webzine-- */
.WedzineBox .Wedzine_con { border-bottom: 1.5px solid #dddddd; } 
.WedzineBox .Wedzine_con a { width: 100%; display: table; table-layout:fixed; padding: 40px; } 
.WedzineBox .Wedzine_con a .text_inner { line-height: 1.2; } 
.WedzineBox .Wedzine_con a .text_inner .txt_area p { font-size: 14pt; line-height: 1.4; } 

#boardArea .security_con img { filter:blur(5px); } 
#boardArea .text_inner .Title { font-size: 18pt; font-weight: 600; } 
#boardArea.GalleryBox .text_inner .Title { font-size: 16pt; line-height:1.4em; } 
#boardArea .Badge { background: none; color:#9e9e9e; padding: 0; } 
#boardArea .Badge > div { display:inline-table; vertical-align:text-top; } 
#boardArea .Badge > div.Badge01 { color:#ef6b6b; font-weight:600; } 
#boardArea .Badge > div.Badge03 { background:#333333; color: #ffffff; font-size: 14px; padding: 3px 7px; border-radius: 5px; } 

#boardArea .Wedzine_left { width: 25%; display: table-cell; } 
#boardArea .Wedzine_right { width: 75%; display: table-cell; padding-left: 30px; vertical-align: top; } 
.Wedzine_right .txt_area { border-top: 1px solid #dddddd; margin-top: 15px; padding: 15px 0; } 

/* ===================================================================== */
/* BoardEditor */
#boardEditor .editorArea .upload_file .boxShape { padding: 0.5em; height: 48px; } 
#boardEditor .editorArea .pwd .boxShape { max-width: 400px; } 
.BoardEditor .BigTitle { display: none; } 
.BoardCommon .Inner { max-width: 1080px; width: 100%; margin-top: 50px; padding: 120px; background-color: #ffffff; border-radius: 15px; border: 1px solid #ebebeb; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.1); } 
.BoardEditor .InputBox { padding-bottom: 30px; } 
.BoardEditor .InputBox input { font-size: 32px; border: none; border-bottom: 1px solid #c7c7c7; } 
.editorArea .upload_file .selectbox2 select { appearance: none; -webkit-appearance: none; background: url(/img/common/caret-down-fill.svg) no-repeat right 10px top 17px; } 
.editorArea .captcha .captcha_Num { width: 160px; padding: 30px 0; text-align: center; background-color: #ededed; } 
.editorArea .captcha .captcha_text { width:250px; } 

/* --EditorBtn-- */
.EditorBtn li button { font-size: 16px; color: #fff; background-color: #D9D9D9; padding: 10px 30px; border-radius: 4px; } 
.EditorBtn li.Active button { background-color: rgb(rgb(137,149,251)); } 

/* --upload_file-- */
.BoardEditor .editorArea .bi { margin-right: 5px; } 
.BoardEditor .boxShape { width: 100%; line-height: 1.6em; border: 1px solid #dddddd; border-radius: 5px; padding: 0.8em; font-size: 16px; } 
.BoardEditor .upload_file .selectbox1 select { max-width: 50%; width: 100%; } 
.BoardEditor .upload_file .selectbox2 div select { max-width: 420px; width: 100%; } 
.BoardEditor .upload_file .selectbox3 div > div { max-width: 420px; width: 100%; } 
.BoardEditor .upload_file { font-size: 12pt; } 
.BoardEditor .upload_file p { font-size: 16pt; font-weight: 600; padding-bottom: 1rem; } 
.BoardEditor .filebox .file_btn { display: inline-block; color: #fff; background-color: #333333; padding: 10px 30px; border-radius: 4px; } 
.BoardEditor .filebox .desc { font-size: 14px; color: #666666; } 
.BoardEditor .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.BoardEditor .filebox .fileboxTxt_1 > span { display: inline-block; position: relative; padding: 10px; border: 1px solid #333333; border-radius: 4px; } 
.BoardEditor .filebox .fileboxTxt_1 .delete { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; } 
.BoardEditor .filebox .fileboxTxt_1 .bi-x-square-fill { margin: 0; } 
.BoardEditor .upload_file ul li~li { padding-top: 3rem; } 
.BoardEditor .upload_file .filebox .filebox_border { position: relative; display: inline-block; padding: 8px 30px 8px 8px; border:1px solid #dddddd; border-radius: 4px; } 
.BoardEditor .upload_file .filebox span { padding: 0; } 

/* ===================================================================== */
/* boardView */
.BoardView .BigTitle { position: relative; display: block; padding: 0; } 
.BoardView .BigTitle .Title01 { text-align: left; } 
.BoardView .Quick_small_menu li~li { margin-left: 5px; } 
.BoardView .Quick_small_menu li:hover a { color: #8995FB; font-weight: bold; } 
.BoardView .ViewsLike { justify-content: left; } 
.BoardView .ViewsLike li~li { margin-left: 20px; } 
.BoardView .BigTitle .three_dots_menu { position: absolute; top: 10px; right: 0; } 
.BoardView .three_dots_menu > i.bi-three-dots-vertical { padding: 5px; font-size: 20px; } 
.BoardView .EditorArea { padding: 30px 10px 60px; margin: 30px 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } 
.BoardView .EditorArea p { font-size: 13pt; line-height: 1.5; } 
.BoardView .EditorArea .EditorAreaImg_cover .EditorAreaImg { position: relative; width: 500px; height: inherit; } 
.BoardView .EditorArea .EditorAreaImg_cover .EditorAreaImg p { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 16px; font-weight: 300; color: #ffffff; background-color: #222222; width: 100%; text-align: right; padding: 5px 10px; } 
.BoardView .EditorArea .EditorAreaImg_cover .EditorAreaImg div { position: absolute; top: 0; left: 0; display: inline-block; font-size: 16px; color: #222222; background-color: #ffffff; border: 1px solid #222222; text-align: center; max-width: 150px; width: 100%; padding: 5px 0; } 
.BoardView .EditorArea .EditorAreaImg_cover .EditorAreaImg02 { background-color: #7A7A7A; border-left: 1.5px solid #ffffff; box-sizing: content-box; } 
.BoardView .EditorArea .EditorAreaImg_cover { position: relative; overflow: hidden; max-width: 1000px; width: 100%; height: 500px; background-color: #D9D9D9; margin: auto; text-align: center; } 
.BoardView .EditorArea .EditorAreaImg_cover img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover; } 
.BoardView .EditorArea .EditorAreaImg_cover .EditorAreaImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 500px; } 

/* --댓글영역-- */
.comment form { position: relative; margin-bottom: 30px; } 
.comment .form_btn { display: flex; align-items: center; font-size: 16px; justify-content: space-between; padding-top: 10px; } 
.comment .form_btn .number_count { display: flex; padding-left: 10px; } 
.comment .form_btn .BtnBox{width:90px;}
.comment_grp_single { position: relative; padding: 10px; margin: 20px 0; border-bottom: 1px solid #dddddd; } 
.comment .profile { display: flex; align-items: center; } 
.comment .profile img { border-radius: 50%; } 
.comment .profile .fw-bold { font-size: 18px; padding-left: 10px; } 
.comment .profile .fw-bold span { font-size: 13px; font-weight: normal; padding-left: 5px; color: #96969E; } 
.comment .profile_txt { font-size: 16px; padding: 15px 10px 10px; } 
.comment_grp_single .three_dots_menu { position: absolute; top: 10px; right: 10px; } 
.comment .BtnBox .Btn { background-color: #333333; } 

/* ===================================================================== */
/* resrve */
.reserve_box h2 { font-size: 18px; line-height: 1; padding-bottom: 16px; } 
.calendar_box .calendar { max-width: 545px; width: 100%; height: 300px; background-color: #efefef; padding: 24px; border-radius: 10px; } 

.BtnSection2 { padding-top: 100px; } 
.BtnSection .FormAgreeChk { margin-bottom: 30px; } 
.BtnSection .FormAgreeChk label { display: flex; } 
.BtnSection .FormAgreeChk label:first-child { padding-bottom: 5px; } 
.BtnSection .FormAgreeChk label input[type="checkbox"] { display: none; } 
.BtnSection .FormAgreeChk label input[type="checkbox"] + label { display: inline-block; width: 16px; height: 16px; border:1.5px solid #707070; border-radius: 3px; position: relative; } 
input[id="agree1"]:checked + label::after { content:'✔'; font-size: 16px; color: #222222; width: 16px; height: 16px; text-align: center; position: absolute; left: 0; top:0; } 
input[id="agree2"]:checked + label::after { content:'✔'; font-size: 16px; color: #222222; width: 16px; height: 16px; text-align: center; position: absolute; left: 0; top:0; } 

.BtnSection .BtnArea { text-align: center; font-size: 0; } 
.BtnSection1 .BtnArea { font-size: 0; } 
.BtnSection1 .BtnArea .BtnBg { margin: 0 10px; background-color: #ffffff; color: #222222; border: 1px solid #222222; } 
.BtnSection1 p { font-size: 18px; background-color: #F4F4F4; padding: 24px; margin-top: 30px; text-align: center; border-radius: 15px; color: #333333; } 
.BtnSection .BtnArea .BtnBg { display: inline-block; background-color: #222222; color: #ffffff; font-size: 18px; font-weight: 500; padding: 15px 0; max-width: 300px; width: 100%; border-radius: 5px; } 
.BtnSection .BtnArea .BtnBg01 { background-color: #dddddd; max-width: 200px; } 
.BtnSection .BtnArea .BtnBg:hover { opacity: 0.75; } 
.DayTimeSection,.InputSection { width: 100%; margin-top: 50px; padding: 45px; border-radius: 15px; border: 1px solid #ebebeb; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.1); } 
section .TopInfo { position: relative; width: 100%; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #333; } 
.ReservationArea .TopInfo .Info { font-size: 20px; font-weight: 600; } 
.InputSection .BigCont { position: relative; width: 95%; margin: 0 auto; } 
.InputSection .BigCont .Label { position: relative; display: flex; align-items: center; margin: 0 auto; } 
.InputSection .BigCont .Label label + label { margin-left: 1em; } 
.InputSection .BigCont .Label span { position: relative; width: 10%; font-size: 13pt; color: #333; font-weight: 600; line-height: 1; vertical-align: middle; } 
.InputSection .BigCont .Label .InputBox { width: 90%; } 
.InputSection .BigCont .Label input { font-family: 'SUIT'; width: 100%; height: 44px; border: 0; border-bottom: 1px solid #c3c3c3; font-size: 13pt; color: #000; } 
.InputSection .BigCont .Label + .Label { margin-top: 1em; } 
.InputSection .BigCont .Label.LabelFirst { margin-top: 1.5em; } 

/* [예약/상담] */
.price { letter-spacing: -1px; line-height: 1.2; } 
.price em { position: relative; display: inline-block; text-decoration: line-through; font-weight: 500; font-size: 12pt; } 
.price span { position: relative; display: block; margin-top: 0.3em; } 
.price span b { font-size: 19pt; font-weight: 600; margin-right: 3px; } 

.reservation .boxshape .bi { margin-right: 10px; } 
.reservation.reservation01 div.boxshape { color: #333333; padding: 50px; margin-top: 30px; background-color: #ffffff; border-radius: 15px; border: 1px solid #ebebeb; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.1); } 

.borer_point_color { border: 1px solid #8995FB !important; } 
.reservation { padding: 100px 0; } 
.reservation .Inner { max-width: 1300px; width: 100%; } 
.reservation .BigTitle { padding: 0 0 50px 0 !important; } 
.reservation .BigTitle .Title01 { font-size: 1.9em; } 
.reservation .BigTitle p { line-height: 1.2; font-size: 1.4em; padding-top: 40px; text-align: center; font-weight: 300; } 
.reservation .BigTitle p b { font-weight: bold; } 
.reservation .addition { font-size: 18px; } 

.reservation .addition .boxshape .Clinic { position: relative; display: table; width: 95%; margin: 0 auto; } 
.reservation .addition .Clinic_line { margin-top: 20px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; } 
/* .reservation .addition .boxshape table { width: 94%; margin: auto; } 
.reservation .addition .boxshape table tbody tr { border: none; font-size: 16px; } 
.reservation .addition .boxshape table tbody tr + tr { border-top: 1px solid #ededed; } 
.reservation .addition .boxshape table tbody tr td .bi { margin: 0; }  */


/* ================================================================================================= */
/* 예약날짜시간 */
.subtWrap:not(.PriceSideWrap) #dayTimeCommonDiv{position:relative; display:table-cell; width:100%;}
.ContactPop_With #dayTimeCommonDiv{position:relative; display:table; width:100%;}
#dayTimeCommonDiv .DayCont{position:relative; display:table-cell; width:50%;}
.ContactPop_With #dayTimeCommonDiv .DayCont{position:relative; display:inline-table; width:50%;}
#dayTimeCommonDiv .Info{position:relative; display:block; font-size:13pt; color:#333; font-weight:600; line-height:1; margin-bottom:1em;}
/* ---------------------------------------------- */
/* 예약날짜 */
#dayTimeCommonDiv .Left{}
#dayTimeCommonDiv .DayDate{position:relative; display:block; width:95%; padding:1.5em; border-radius:10px; background-color:#efefef;}
/* 달력 */
#dayTimeCommonDiv .DayDate.hasDatepicker *{}
#dayTimeCommonDiv .DayDate.hasDatepicker{}
/* 달력시작 */
#dayTimeCommonDiv .DayDate .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{width:100%; border-radius:0; padding:0; }
#dayTimeCommonDiv .DayDate .ui-datepicker{width:100%;}
#dayTimeCommonDiv .DayDate .ui-widget-content{border:none; background:none;}
/* 년도부분 */
#dayTimeCommonDiv .DayDate .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{padding:0; border-radius:0; margin-bottom:0.8em;}
#dayTimeCommonDiv .DayDate .ui-datepicker-header{background:none;}
#dayTimeCommonDiv .DayDate .ui-widget-header{ border:none;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title *{font-size:12pt; vertical-align:middle; font-weight:600;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title{background:none; margin:0; color:#1d1d1d; line-height:1;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title select.ui-datepicker-year,
#dayTimeCommonDiv .DayDate .ui-datepicker-title select.ui-datepicker-month{display:inline-block; width:auto; font-size:12pt; line-height:1; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/img/common/chevron-down.svg') no-repeat 98% center; padding-right:1em; background-size:14px;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title select.ui-datepicker-year{}
#dayTimeCommonDiv .DayDate .ui-datepicker-title select.ui-datepicker-month{margin-left:0.5em;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title select{height:auto; margin:0;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title select option{padding:2px;}
#dayTimeCommonDiv .DayDate .ui-datepicker-title span{font-weight:600;display:inline; }
/* 양쪽방향 */
#dayTimeCommonDiv .DayDate .ui-widget-content a{top:0; background-position:center;}
#dayTimeCommonDiv .DayDate .ui-widget-content a:hover{border:none;}
#dayTimeCommonDiv .DayDate .ui-widget-content a.ui-datepicker-next{background:url('/img/common/chevron-right.svg') no-repeat 98% center; background-size:14px; height:16px;}
#dayTimeCommonDiv .DayDate .ui-widget-content a.ui-datepicker-prev{background:url('/img/common/chevron-left.svg') no-repeat 98% center; background-size:14px; background-position:left; height:16px;}
#dayTimeCommonDiv .DayDate .ui-widget-content a span.ui-icon{display:none;}
/* 날짜부분 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar *{font-size:12pt; font-weight:500;}
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar{margin:0; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow:2px 2px 5px 0px #e5e5e5; border-collapse:inherit;}
/* 요일 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar thead{background-color:#f6f6f6;}
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar thead th{font-weight:600; padding:1em 0; line-height:1; text-align:center;}
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar thead th span{}
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar thead th.ui-datepicker-week-end{} /* 토일 */
/* 일자 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar tbody{}
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar tbody td{padding:0.4em 0;}
.subtWrap:not(.PriceSideWrap) #dayTimeCommonDiv .DayDate table.ui-datepicker-calendar td{margin:0px; border:4px solid #fff;}
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar a.ui-state-default{color:#333333; width:95%; margin:0 auto; line-height:1; text-align:center; border:none; background:none; border:1px solid rgba(255, 0, 0, .0); border-radius:100px; padding:0.3em 0;} /* 기본 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar a.ui-state-default:hover{border:1px solid #333333; transition-duration:.3s;} /* 오버시 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar a.ui-state-disabled{} /* 빈칸&비활성화 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar a.ui-state-default.ui-state-active{color:#ffffff; font-weight:bold; background-color:#333333;} /* 선택된상태 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar span.ui-state-default{color:#646464; line-height:1; text-align:center; font-weight:normal; border:none; background:none; padding:0.3em 0; width:95%; margin:0 auto; border:1px solid rgba(255, 0, 0, .0)} /* 비활성화 */
#dayTimeCommonDiv .DayDate table.ui-datepicker-calendar tr {border:0;}
/* ================================================================================================= */

/* ================================================================================================= */
/* 로딩중 202310 */
.LoadingArea{content:""; clear:both; position:absolute; left:0px; top:0px; width:100%; height:100%;  z-index:998;}
.LoadingArea .LoadingBg{position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(245, 245, 245, 0.85); z-index:998;}
.LoadingArea .SpinnerBox{position:absolute; top:50%; left:50%; margin-left:auto; width:100%; overflow:hidden;  z-index:999; transform:translate(-50%, -50%);}
.LoadingArea .Spinner {margin:0 auto; width:100%; text-align:center;}
.LoadingArea .Spinner > div {width:10px; height:10px; background-color:#333; border-radius:100%; display:inline-block; -webkit-animation:Bouncedelay 1.4s infinite ease-in-out both; animation:Bouncedelay 1.4s infinite ease-in-out both; margin:0 2px;}
.LoadingArea .Spinner .Bounce1{-webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.LoadingArea .Spinner .Bounce2{-webkit-animation-delay:-0.16s; animation-delay:-0.16s;}
.LoadingArea .Spinner span{display:block; font-size:12pt; margin-top:0.5em; color:#444;}

@-webkit-keyframes Bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes Bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}



.reservation .addition .BtnBox { max-width: 300px; width: 100%; max-height: 50px; } 
.reservation .addition .BtnBox .Btn { width: 300px; height: 50px; display: block; color: #333333; font-size: 18px; font-weight: 500; padding: 17px 0px; background-color: #ffffff; text-align: center; border: 1px solid #333333; border-radius: 5px; } 
.reservation .addition .BtnBox:hover .Btn { opacity: 0.75; } 
.reservation .addition p { text-align: center; background-color: #f4f4f4; padding: 20px; margin-top: 30px; border-radius: 15px; line-height: 24px; } 
.reservation .boxshape h2 { font-size: 20px; font-weight: 600; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #333; } 
.reservation .reserveArea .reserveDate .BigCont { width: 100%; display: table; table-layout: fixed; } 
.reservation .reserveArea .reserveDate .BigCont > .DayCont { display: table-cell; width: 50%; } 
.reservation .reserveArea .reserveDate .BigCont span { display: block; font-size: 18px; font-weight: 500; }
.reservation .reserveArea .reserveDate .DayDate { position: relative; display: block; width: 95%; padding: 20px; border-radius: 10px; background-color: #efefef; } 
.reservation .reserveArea .reserveDate .DayDate .calendar { background-color: #ffffff; border-radius: 10px; min-height: 14em; box-shadow: 2px 2px 5px 0px #e5e5e5; } 
.reservation .reserveArea .reserveDate .DayTime { width: 100%; padding: 20px; border-radius: 10px; background-color: #efefef; min-height: 7em; margin-bottom: 2%; overflow: hidden; } 
.reservation .reserveArea .reserveDate .TimeList:after { content: ""; clear: both; display: block; } 
.reservation .reserveArea .reserveDate .TimeList li { display: block; float: left; width: 20%; text-align: center; margin-top: 15px; } 
.reservation .reserveArea .reserveDate .TimeList li:nth-child(-n+5) { margin-top: 0; } 
.reservation .reserveArea .reserveDate .TimeList li.Impossible > label {background:#ccc;}
.reservation .reserveArea .reserveDate .TimeList label { display: block; width: 95%; margin: 0 auto; font-size: 11pt; line-height: 1; vertical-align: middle; border: 1px solid #ccc; transition: all 0.3s; border-radius: 50px; background-color: #ffffff; box-shadow: 2px 2px 5px 0px #e5e5e5; cursor: pointer; padding: 0.7em 0; } 
.reservation .reserveArea .reserveDate .TimeList li:hover label { border: 1px solid #333333; } 
.reservation .reserveArea .reserveDate .TimeList label.Selected { background-color: #333333; color: #ffffff; }
.reservation .reserveArea .reserveInfo .BigCont { width: 95%; margin: auto; } 
.reservation .reserveArea .reserveInfo .BigCont .Label + .Label { margin-top: 20px; } 
.reservation .reserveArea .reserveInfo .BigCont .LabelDivide { margin-top: 30px !important; } 
.reservation .reserveArea .reserveInfo .BigCont .Label span { display: inline-table; width: 15%; font-size: 18px; font-weight: 600; } 
.reservation .reserveArea .reserveInfo .BigCont .Label input[type=text] { display: inline-table; width: 35%; height: 44px; padding: 0 10px; font-size: 18px; color: #333333; border-bottom: 1px solid #c3c3c3; } 
.reservation .reserveArea .reserveInfo .BigCont .Label .Radiobox + .Radiobox { margin-left: 1em; } 
.reservation .BtnSection { margin-top: 50px; } 

.reservation table.ListTable .Title:hover span { text-decoration:none; } 
.reservation.OnlineReserve table.ListTable tr:hover { background-color: #f8f8f8; } 
.reservation.OnlineReserve td.Comfirm span { display: inline-block; color: #fff; font-size: 9pt; line-height: 1em; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 3px; padding: 4px 6px; }
.reservation.OnlineReserve td.Comfirm span.success {background-color:#198754;}
.reservation.MedicalReserve .Inner { max-width: 1000px; width: 100%; }
.reservation.MedicalReserve table * { }
.reservation.MedicalReserve table.ListTable > th, .reservation.MedicalReserve table.ListTable > td {font-size:13pt;}
.reservation.MedicalReserve table.ListTable td strong, .reservation.MedicalReserve table.ListTable td big {font-size: 13pt;}
.reservation.MedicalReserve table.ListTable th,
.reservation.MedicalReserve table.ListTable td { line-height: 1.2; padding: 25px 15px 25px 10px; color:#333333; text-align: left; font-weight: normal; }
.reservation.MedicalReserve table.ListTable th { font-weight:600; } 
.reservation.MedicalReserve table.ListTable td .InputBox input { border-radius: 5px; border: 1px solid #c7c7c7; padding: 0 17px; height: 44px; max-width: 250px; width: 100%; line-height: 50px; } 
.reservation.MedicalReserve table.ListTable td.consulting label { display: inline-table; width: calc(100% / 6); line-height: 1.2em; letter-spacing: -1px; font-weight: normal; cursor: pointer; margin: 3px 0px; }
.reservation.MedicalReserve table.ListTable td .ck.ck-content{font-size:14px;}

.reservation .SelectClinicArea ul { font-size: 13pt; display: table; position: relative; width: 100%; table-layout: fixed; } 
.reservation .SelectClinicArea ul li { display: table-cell; position: relative; width: calc(100% / 3); vertical-align: top; padding: 0 10px; } 
.reservation .SelectClinicArea .Depth label { display: inline-block; width: 100%; line-height: 1.2em; letter-spacing: -1px; cursor: pointer; margin: 5px 0px !important; } 
.reservation .SelectClinicArea .Depth dt { padding-bottom: 10px; } 
.reservation .SelectClinicArea .Depth dt strong { display: block; margin-bottom: 0; line-height: 1; color: #aeafb3; font-weight: 600; vertical-align: middle; } 
.reservation .SelectClinicArea .Depth dt span { display: inline-block; color: #fff; padding: 4px 5px; font-size: 13px; line-height: 1; vertical-align: middle; background-color: #aeafb3; margin-top: 7px; } 
.reservation .SelectClinicArea .Depth dt span b { font-size: 13px; } 
.reservation .SelectClinicArea .SelectedBtn { display: inline-block; margin: 0 1em 10px 10px; } 
.reservation .SelectClinicArea .SelectedBtn span { cursor: default; display: block; color: #686868; position: relative; font-size: 13pt !important; text-align: center; border-radius: 0; border-bottom: 1px solid #686868; padding: 0 3px 4px 0; line-height: 1; } 

.reservation .SelectClinicArea .SelectedBtn span a { font-family: 'Pretendard', sans-serif; cursor: pointer; display: inline-block; position: absolute; top: -2px; line-height: 1; right: -12px; background-color: #ffffff; color: #686868; font-weight: 500; } 

.reservation.UntactMedicalReserve .Inner { max-width: 1300px; width: 100%; } 
.reservation .ListTable textarea { width: 100%; height: 200px; resize: none; border: 1px solid #c7c7c7; outline: none; padding: 20px; font-size: 18px; line-height: 1.1; } 
.reservation.MedicalReserve .ListTable textarea { height: 400px; border-radius: 10px; } 

.reservation .ListTable .Email .InputBox { display: inline-block; } 
.reservation .ListTable .InputBox select { cursor: pointer; border: 1px solid #c7c7c7; border-radius: 5px; padding: 0 17px; height: 44px; max-width: 250px; width: 100%; line-height: 44px; vertical-align: middle; -webkit-appearance: none; background: url(/img/common/caret-down-fill.svg) no-repeat right 10px top 14px; -moz-appearance: none; appearance: none; box-sizing: border-box; background-color: #fff; padding-left: 10px; min-width: 200px; } 

.reservation.MedicalReserve table.ListTable .table_title td .InputBox input { max-width: 100%; width: 100%; } 

.reservation .ListTable .body_hw .InputBox > span { margin-left: 10px; } 

.reservation.realModel .essential { color: #db0000; font-size: 14pt; } 
.reservation.realModel table.ListTable td.consulting label { width: calc(100% / 4); } 
.reservation.realModel table.ListTable .select .InputBox { display: inline-block; } 

.reservation.realModel table.ListTable .detail .InputBox input { max-width: 100%; } 

.reservation.realModel .ModelForm .AddImgList { display: table; position: relative; width: 100%; table-layout: fixed; } 

.reservation.realModel .ModelForm .AddImgList li { display: inline-table; position: relative; width: calc(100% / 4); vertical-align: top; text-align: center; padding: 2% 2% 0 0; } 

.reservation.realModel .ModelForm .AddImgList .AddImgBox { display: block; position: relative; margin: 1em 0.5em; } 
.reservation.realModel .ModelForm .AddImgList .AddImgBox > p { padding: 0.5em 0; background-color: #888888; color: #fff; font-size: 13pt; } 
.reservation.realModel .ModelForm .AddImg { display: block; position: relative; width: 100%; height: auto; overflow: hidden; } 

.reservation.realModel .ModelForm .AddImg strong { display: inline-block; position: relative; height: 12em; width: 100%; background-color: #f7f7f7; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
.reservation.realModel .ModelForm .AddImg label { padding-top: 5em; display: inline-block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; }
.reservation.realModel .ModelForm .AddImg label span { display: inline-block; color: #a9a9a9; font-size: 20pt; line-height: 1em; } 
.reservation.realModel .ModelForm .AddImg input { display: block; width: 100%; position: relative; margin-top: 10px; border: 1px solid #d6d6d6; padding: 5px; border-radius: 5px; } 
.reservation.realModel .ModelForm .AddImg + button { display: inline-block; position: absolute; right: 0; bottom: 18%; background-color: #888888; color: #fff; border: 1px solid #fff; border-radius: 5px; padding: 3px 5px; z-index: 10; } 

.reservation.realModel .ModelForm .Info_Warning { margin: 1em 0 1em 0; color: #666; }

/* 첨부버튼 */
.AddImg{display:inline-block; position:relative; width:95%; height:9em; overflow:hidden;  border-radius:3px;}
.AddImg strong{display:inline-block; position:relative; width:100%;  height:12em;  background-color:#f7f7f7; background-repeat:no-repeat; background-size:auto 100%; background-position:center center; overflow:hidden;} /* border:1px solid #ddd; */
.AddImg strong p{position:absolute; top:0px;  width:100%; height:100%; background-repeat:no-repeat; background-size:auto 110% ;  background-position:center center;}
.AddImg strong p.ImgTurn{top:-40%;  left:-40%; width:24em; height:16em; }
.AddImg input{display:none;}
.AddImg label{display:inline-block; position:absolute; left:0px; top:0px; width:100%;  height:100%; text-align:center; padding-top:4em;}
.AddImg label:active{}
.AddImg label span{display:inline-block;  color:#a9a9a9; font-size:20pt; line-height:1em;}
.AddImg mark{display:inline-block; position:absolute; left:0px; top:0px; color:#fff; background-color:#382f5d; padding:5px 10px; }  /* 대표 */
.AddImg button{display:inline-block; position:absolute; right:0%; bottom:0%; border-radius:3px 0px 0px 0px; background-color:rgba(0, 0, 0, 0.5); padding:8px;} /* 삭제 */

.reservation.OnlineReserveView table.ListTable tbody th { font-weight: 700; background-color: #F7F7F7; line-height: 1.7em; border-right: 1px solid #e7e7e7; background-color: #f7f7f7; } 
.reservation.OnlineReserveView table.ListTable tbody td { text-align: left; } 
.reservation.OnlineReserveView table.ListTable tbody th,
.reservation.OnlineReserveView table.ListTable tbody td { text-align: left; border-top: 1px solid #e7e7e7; padding: 15px; font-size: 16px; } 

.reservation.OnlineReserveView table.ListTable tbody td .ck-content { font-weight: normal; } 
.reservation.OnlineReserveView table.ListTable tbody td .ck-content img { display:block; }
.reservation.OnlineReserveView table.ListTable tbody td .ck-content span.tags { background-color: #222222; color: #ffffff; padding: 5px 10px; border-radius: 50px; font-size: 16px; }
.reservation.OnlineReserveView table.ListTable tbody td .ck-content span.tags + span.tags { margin-left: 10px; }
.reservation.OnlineReserveView table.ListTable tbody td .ck-content span.tags::before { content: "#"; display: inline-block; }

.reservation.OnlineReserveView .confirm_btn .BtnBox .Btn { background-color: #222222; } 
.boxshape .Clinic .Info{
    font-size: 18px;
    font-weight: 600;
}
.reservation .addition .Clinic_line .ListBox{
    position: relative;
    padding: 20px 10px;
    display: table;
    width: 100%;
}
.reservation .addition .Clinic_line .List{width: 94%; margin: auto;}
.reservation .addition .Clinic_line .ListBox {width: 100%; display: table;}
.reservation .addition .Clinic_line .ListBox + .ListBox{border-top: 1px solid #ededed;}
.reservation .addition .Clinic_line .ListBox > div{
    position: relative;
    display: inline-table;
    vertical-align: middle;
    font-size: 13pt;
    line-height: 1.2;
}
.reservation .addition .Clinic_line .ListBox > div > div{
    word-break: keep-all;
    display: inline-block;
    max-width: 300px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.reservation .addition .Clinic_line .ListBox > div.Cont01{ 
    text-align: left;
    width: 30%;}
.reservation .addition .Clinic_line .ListBox > div.Cont01 .Name{ font-weight: 600;}
.reservation .addition .Clinic_line .ListBox > div.Cont02 {
    text-align: center;
    width: 40%; font-weight: 600;}
.reservation .addition .Clinic_line .ListBox > div.Cont03{ width: 20%; text-align: center;}
.reservation .addition .Clinic_line .ListBox button{
    position: relative;
    display: inline-table;
    vertical-align: middle;
    width: 10%;
    background: none;
    text-align: right;
    font-size: 13pt;
}

.reservation .boxshape .Count + .Count{
    margin-top: 50px;
}

/* ===================================================================== */
/* 장바구니 */
.cart_con_none{text-align: center;}
.cart_con_none i{font-size: 40px; color: #ddd;}
.cart_con_none p{    position: relative;
    display: block;
    font-size: 13pt;
    line-height: 1;
    margin: 1em 0 3em 0;}

.CartArea .boxshape .topInfo { display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #333; } 
.CartArea .boxshape .topInfo button { color: #222; border: 1px solid #222; border-radius: 100px; padding: 5px 15px; } 
.CartArea .boxshape h2 {display: inline-block; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } 

.CartArea .boxshape .label_box { display: flex; align-items: center; }
.CartArea .boxshape .label_box .circle{margin-right: 10px;}

.CartArea .Clinic_line{
    margin-top: 20px;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}
.CartArea .Clinic_line .ListBox{
    position: relative;
    padding: 20px 10px;
    display: table;
    width: 100%;
}
.CartArea .Clinic_line .ListBox + .ListBox{border-top: 1px solid #ededed;}
.CartArea .Clinic_line .List{ width: 94%; margin: auto;}
.CartArea .Clinic_line .ListBox label{ width: 100%; display: table;}
.CartArea .Clinic_line .ListBox label > div{
    position: relative;
    display: inline-table;
    vertical-align: middle;
    font-size: 13pt;
    line-height: 1.2;
}

.CartArea .Clinic_line .ListBox label > div > div{
    word-break: keep-all;
    display: inline-block;
    max-width: 300px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.CartArea .Clinic_line .ListBox label > div.Cont01{ width: 5%;}
.CartArea .Clinic_line .ListBox label > div.Cont02{ width: 35%;}
.CartArea .Clinic_line .ListBox label > div.Cont02 .Name{ font-weight: 600;}
.CartArea .Clinic_line .ListBox label>div.Cont03 {width: 30%; font-weight: 600;}
.CartArea .Clinic_line .ListBox label > div.Cont04{ width: 20%; text-align: center;}
.CartArea .Clinic_line .ListBox label button{
    position: relative;
    display: inline-table;
    vertical-align: middle;
    width: 10%;
    background: none;
    text-align: right;
    font-size: 13pt;
}

.BtnSection_cart{display: flex; justify-content: center;}
.BtnSection_cart .BtnArea + .BtnArea{margin-left: 20px;}
.BtnSection_cart .BtnArea .BtnBg{display: block; width: 500px;}

.cart_payment{text-align: center; margin-top: 30px; font-size: 14pt; color: #777;}

/* ===================================================================== */
/* [시술안내/이벤트] */
.ClinicCateList { display: table; table-layout: fixed; width: 100%; } 
.ClinicCateList ul { font-size: 0; } 
.ClinicCateList li { position: relative; font-size: 16px; display: inline-table; width: calc(100% / 6); vertical-align: top; } 
.ClinicCateList li:nth-child(6n+1)::before { content: ''; position: absolute; bottom: -2px; width: 500vw; height: 2px; background-color: #f4f6f8; z-index: 2; margin-left: -200vw; } 
.ClinicCateList li a { display: table-cell; vertical-align: middle; text-align: center; } 

.ClinicCateList li.View a .ColorBg { width: 30%; background-color: #222222; } 
.ClinicCateList li.View a .ColorTxt { color: #222222; } 
.ClinicCateList li:hover a .ColorBg { transition-duration: .3s; width: 30%; background-color: #222222; } 
.ClinicCateList li:hover a .ColorTxt { color: #222222; } 

.ClinicCateList li a .ColorBg {
    position: absolute;
    display: block;
    width: 60px;
    width: 0%;
    height: 3px;
    background-color: #b6babc;
    bottom: 0;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
}
.ClinicCateList li a .ColorTxt { position: relative; display: block; width: 100%; text-align: center; padding: 20px 0; letter-spacing: 0; color: #b6babc; } 
.ClinicCateList li a .ColorTxt span {
    display: inline-block;
    width: 220px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clinicSideListWrap .formSection { display: block; padding: 60px 0; } 
.clinicSideListWrap .formSection .searchfiled { position: relative; display: block; width: 100%; text-align: right; } 
.clinicSideListWrap .formSection .searchBox { position: relative; display: inline-block; width: 35%; } 
.clinicSideListWrap .formSection .searchBox .InputBox { position: relative; display: inline-block; width: 85%; } 
.clinicSideListWrap .formSection .searchBox .InputBox input { font-size: 14pt; width: 100%; height: 50px; border: 0; border-bottom: 1px solid #9e9e9e; font-size: 13pt; color: #000; } 
.clinicSideListWrap .formSection .searchBox .SearchBtn { display: inline-block; position: absolute; bottom: 13px; right: 15px; color: #404041; } 
.clinicSideListWrap .formSection .searchBox .SearchBtn i { font-size: 16pt; } 

.clinicSideListWrap .ClinicAllArea .ClinicAll { display: flex; justify-content: center; } 
.clinicSideListWrap .ClinicAllArea .ClinicAll .Left { position: relative; display: block; width: 30%; margin-right: 5%; } 
.clinicSideListWrap .ClinicAll .ClinicList li + li { margin-top: 25px; } 
.clinicSideListWrap .ClinicAll .ClinicList li a { color: #222222; font-size: 16pt; position: relative; display: block; width: 100%; height: 160px; padding: 20px; border-radius: 0 0 30px 0; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05); border: 1px solid #f8f8f8; transition-duration: .3s; } 
.clinicSideListWrap .ClinicAll .ClinicList li.View a { border-color: #8995FB; } 
.clinicSideListWrap .ClinicAll .ClinicList li p { display: flex; vertical-align: middle; justify-content: space-between; } 
.clinicSideListWrap .ClinicAll .ClinicList a p b { font-size: 21px; position: relative; display: -webkit-box; width: 92%; font-weight: 600; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.clinicSideListWrap .ClinicAll .ClinicList a p span { width: 25px; height: 25px; text-align: center; } 
.clinicSideListWrap .ClinicAll .ClinicList a div { font-size: 13pt; color: #555555; position: relative; display: -webkit-box; width: 100%; line-height: 1.2; border-top: 1px solid #dddddd; padding-top: 15px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.clinicSideListWrap .ClinicAll .Right { position: relative; display: block; width: 100%; padding-bottom:100px;} 
.clinicSideListWrap .ClinicAll .Right .Right_con1 { margin-bottom: 80px; } 

/* 썸갤러리 슬라이더 */
.swiper-wrapper-container { width: 600px; height: 600px; overflow: hidden; margin: 0px auto; } 
.swiper-container { width: 100%; height: 100%; } 
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } 
.swiper-slide img { width: 100%; height: 100%; object-fit: cover; / } 
/* 썸갤러리 슬라이더 */

.clinicSideListWrap .ClinicAll .ClinicView .List { position: relative; width: 100%; display: flex; flex-wrap: wrap; } 
.clinicSideListWrap .ClinicAllArea .ClinicAll .ClinicView .ListBox { background-color: #ffffff; border: 1px solid #f8f8f8; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05); border-radius: 10px; width: 48.4%; transition-duration: .3s; } 
.clinicSideListWrap .ClinicAll .ClinicView li:nth-child(odd) { margin-right: 0.8%; } 
.clinicSideListWrap .ClinicAll .ClinicView li:nth-child(even) { margin-left: 0.8%; } 
.clinicSideListWrap .ClinicAll .ClinicView li + li:not(:nth-child(2)) { margin-top: 15px; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox > label { position: relative; display: inline-block; padding: 25px; width: 100%; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox dl { color: #222222; position: relative; display: table; table-layout: fixed; width: 100%; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox dl dt { position: relative; display: inline-table; width: 100%; vertical-align: middle; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox .Name {
    position: relative;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
    word-break: keep-all;
    display: inline-block;
    max-width: 320px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clinicSideListWrap .ClinicAll .ClinicView .ListBox .Info {
    padding-top: 5px;
    font-size: 13pt;
    line-height: 1.2;
    word-break: keep-all;
    display: inline-block;
    max-width: 320px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clinicSideListWrap .ClinicAll .ClinicView .ListBox .price { border-top: 1px solid #dddddd; margin-top: 15px; padding-top: 15px; display: flex; width: 100%; align-items: center; justify-content: space-between; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox .price span { margin: 0; margin-right: 10px; display: inline-block; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox .discount { font-weight: 500; padding: 5px 13px; float: right; font-size: 13pt; background-color: #333333; color: #fff; border-radius: 5px; } 
.clinicSideListWrap .ClinicAll .ClinicView .ListBox dl dd { position: absolute; top:0; right:0; display: inline-table; vertical-align: top; text-align: right; } 

/* ========================= */

.circle { 
display: inline-block; /* 영역적용가능해짐 */
width: 20px; height: 20px; 
border: 1px solid #777;
box-sizing: border-box; 
border-radius: 10px; /* 모서리둥글게 처리 */
position: relative; 
cursor: pointer; /* 마우스 올렸을때 손모양 처리 */
 } 
.circle:after { 
content: ''; /* 체크박스 특수문자 */
/* font-size: 24px; color: #333;  */
position: absolute; 
left: 6px; top: 1px; 
width: 4px; height: 11px; 
border-bottom: 3px solid #333; 
border-right: 3px solid #333; 
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-moz-transform: rotate(45deg); 
opacity: 0;
transition: 0.2s; /* CSS변화에 시간차 처리 */
 } 

.chk:checked + .circle:after {opacity: 1;} 

/* 체크박스는 display:none; 을 주면 데이터 처리가 안됨 */
.chk { position: absolute; left: -999em; } 

/* ========================= */
.clinicSideListWrap .ClinicAll .BtnArea { position: relative; display: block; width: 100%; margin-top: 60px; background: none; text-align: center; } 
.clinicSideListWrap .ClinicAll .BtnArea button { color: #333333; border-radius: 100px; border: 1px solid #333333; width: auto; padding: 13px 3em; font-size: 16pt; margin: 0px 6px; background-color: #ffffff; } 
.clinicSideListWrap .ClinicAll .BtnArea button:hover { opacity: 0.75; } 

.clinicSideListWrap .ClinicAll .Right .Section { color: #222222; } 
.clinicSideListWrap .ClinicAll .ClinicTitle { text-align: center; background-color: #f6f6f6; padding: 80px 8% 80px 8%; border-radius: 80px 0 0 0; } 
.clinicSideListWrap .ClinicAll .ClinicTitle .Name { font-weight: bold; } 
.clinicSideListWrap .ClinicAll .ClinicLandDetail { text-align: left; background-color: #f6f6f6; padding: 0 8% 80px; border-radius: 0 0 80px 0; } 

.clinicSideListWrap .ClinicAll .ClinicLand .Date {
    text-align: right;
    padding: 0 20px 20px 0;
    margin-bottom: 35px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 12pt;
}
.clinicSideListWrap .ClinicAll .ClinicLand .Name {
    font-size: 22pt;
    font-weight: 600;
    line-height: 1;
}
.clinicSideListWrap .ClinicAll .ClinicLand .Info {
    color: #555555;
    position: relative;
    display: block;
    width: 100%;
    line-height: 1.4;
    margin-top: 15px;
    font-size: 14pt;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 35px;
}

.ClinicLand .ThumbBox { position: relative; display: block; text-align: center; background-color: #f6f6f6; padding: 0 8% 80px; } 
.ClinicLand .ThumbBox img { position: relative; max-width: 700px; width: 100%; margin: 0 auto; } 

.ClinicLandDetail > div { padding: 40px 0; border-top: 1px solid #d9d9d9; } 
.ClinicLandDetail .Title { position: relative; display: block; text-align: left; line-height: 1; font-size: 17pt; font-weight: 700; margin-bottom: 30px; } 
.ClinicLandDetail .LandText .TextArea { position: relative; display: block; } 
.ClinicLandDetail .LandText .TextArea .TextBox p { line-height: 1.3; font-size: 13pt; } 
.ClinicLandDetail .LandList ul.List { position: relative; display: block; width: 100%; } 
.ClinicLandDetail .LandList ul li.TextBox { position: relative; display: block; width: 100%; margin-left: 0 !important; } 
.ClinicLandDetail .LandList ul li + li { margin-top: 15px; } 
.ClinicLandDetail .LandList ul li.TextBox p { position: relative; display: block; width: 100%; font-size: 13pt; line-height: 1.3; font-weight: normal; }
.ClinicLandDetail .LandQna .QnaArea .Qusetion { position: relative; display: block; width: 100%; text-align: right; overflow: hidden; } 
.ClinicLandDetail .LandQna .QnaArea .Qusetion pre { position: relative; display: block; max-width: 80%; white-space: normal; float: right; } 
.ClinicLandDetail .LandQna .QnaArea .Qusetion pre p { font-size: 13pt; padding: 1.5em 2em; background-color: #555; color: #fff; border-radius: 20px; line-height: 1.3; } 
.ClinicLandDetail .LandQna .QnaArea .Answer { position: relative; display: inline-block; width: 100%; text-align: left; overflow: hidden; margin-top: 40px; }
.ClinicLandDetail .LandQna .QnaArea .Answer pre { position: relative; display: table; max-width: 80%; white-space: normal; float: left; } 
.ClinicLandDetail .LandQna .QnaArea .Answer pre { position: relative; display: table; max-width: 80%; white-space: normal; float: left; } 
.ClinicLandDetail .LandQna .QnaArea .Answer pre p { font-size: 13pt; padding: 1.5em 2em; background-color: #fff; border: 1px solid #cbcbcb; border-radius: 20px; line-height: 1.3; } 

/* ===================================================================== */
/* [아이디/비밀번호 찾기] */
.MemberLogin_Area .Inner { display: block; padding: 2%; margin: 2% auto; width: 50%; min-width: 50%; } 
.MemberLogin_Content { content: ""; clear: both; display: table; table-layout: fixed; position: relative; width: 100%; text-align: center; margin: auto; padding: 40px; } 
.MemberLogin_Area > div { display: table-cell; position: relative; width: 50%; text-align: left; padding-right: 30px; } 
.MemberLogin_Area .TitleBig { content: ""; clear: both; display: block; text-align: center; min-height: 5em; margin-bottom: 30px; border-bottom: 1px solid #ddd;} 
.MemberLogin_Area .TitleBig p { font-size: 17pt; font-weight: 600; } 
.MemberLogin_Area .TitleBig span { display: block; line-height: 1.4; margin-top: 0.8em; font-size: 9pt; letter-spacing: 0; color: #b2b2b2; } 

.ContSection li button { font-size: 16px; border-radius: 5px; } 
.ContSection li input { border-radius: 5px; } 

/* 비밀번호 변경] */
.infoChangeWrap .Inner { 
 padding: 2%; 
 margin: 2% auto; 
 width: 60%; 
 min-width: 60%; 
 } 
.FindLogin_Area .ChangePw { 
 display: inline-block; 
 width: 50%; 
 } 

.FindLogin_Area .ChangePw ol li.btn { margin-top: 20px; } 

/* ===================================================================== */
/* 정렬박스 */
.AlignBox { display:table; position:relative; width:100%; table-layout:fixed; } 
/* 기본정렬 */
.AlignBox.Left { text-align:left; } 
.AlignBox.Center { text-align:center; } 
.AlignBox.Right { text-align:right; } 
/* 하위정렬 */
.AlignBox > div { display:table-cell; position:relative; vertical-align:middle; } 
.AlignBox .Left { text-align:left; } 
.AlignBox .Center { text-align:center; } 
.AlignBox .Right { text-align:right; } 
.AlignBox .Btn { display:inline-table; } 
.AlignBox .Btn.Btn { margin-right:5px; } 
/* 근접 */
table + .AlignBox { margin:1em auto; } 
.AlignBox + table { margin:1em auto; } 
/* 버튼영역 */
.SubmitBox { display:block; position:relative; text-align:center; margin:1em auto; } 


/* ===================================================================== */
/* 타이틀류 */
h1 { } 
h2 { } 
h3 { } 
/* 기본타이틀 */
h4 { display:block; position:relative; font-size:1.1em; font-weight:600; vertical-align:middle; margin-bottom:1em; } 
h4 p { display:block; } 
h4 p strong { display:block; } 
h4 p span { display:block; color:#a1a1a1; font-size:0.9em; font-weight:200; letter-spacing:-1px; margin-top:5px; } 
h4 p em { color:#fe912c; font-weight:300; padding-left:1%; } /* 건수 */
h4 p em b { font-weight:100; } 
h4 .Btn_More { display:inline-block; position:absolute; top:0px; right:0px; } 
h4.Big { display:table; width:100%; table-layout:fixed; } 
h4.Big >* { display:table-cell; vertical-align:middle; } 
h4.Big strong { font-size:1.45em; } 
h4.Big small { text-align:right; } 
h4.Big .Icon { } 

/* 타이틀류 */
.SectionTitle { display:block; position:relative; text-align:left; margin-bottom:0.5em; } 
.SectionTitle a { display:block; position:relative; } 
.SectionTitle p { display:block; position:relative; font-weight:bold; } 
.SectionTitle span { display:block; position:relative; color:#a1a1a1; font-size:0.9em; line-height:1.4em; letter-spacing:-1px; margin-top:5px; } 
.SectionTitle .Btn_More { display:inline-block; position:absolute; top:0px; right:0px; } 
.SectionTitle .Btn_More span { margin:0px; } 
.SectionTitle .Btn_Close { display:inline-block; position:absolute; top:0px; right:0px; } 
.SectionTitle.Small { } 
.SectionTitle.Small > p { font-size:0.9em; } 
.SectionTitle.Big { } 
.SectionTitle.Big > p { font-size:1.15em; } 
.SectionTitle.Large { } 
.SectionTitle.Large > p { font-size:1.45em; } 
.SectionTitle .NO { display:inline-table; width:1.5em; color:#dddddd; font-size:0.8em; text-align:center; border:1px solid #dddddd; border-radius:5px; margin-right:5px; } 

/* 텍스트타입 */
.Info_Basics,
.Info_Basics * { color:#a1a1a1; line-height:1.4em; } 
.Info_Warning { color:#007aff !important; line-height:1.4em; font-weight:bold; } 

/* 필수입력포시 */
.Surely { display:inline-table; position:relative; vertical-align:middle; } 
.Surely:after { content:"*"; clear:both; display:block; color:#007aff; } 

/* 약관보기 */
.TermsText { display:block; position:relative; font-size:0.9em; font-weight:100; line-height:1.6em; word-break:keep-all; text-align:justify; } 
.TermsText h4 { font-size:1.45em; line-height:1em; margin-bottom:0px; } 
.TermsText strong { font-size:1.1em; } 
.TermsText span { } 

/* 안내문구 */
.InfoText { display:block; color:#a1a1a1; font-size:0.9em; } 
.InfoBox { display:block; position:relative; font-size:0.85em; line-height:1.4em; background-color:#f7f7f7; padding:1em; } 
.InfoBox strong { line-height:1.6em; } 
.InfoBox span { display:block; color:#a1a1a1; } 
.InfoBox p + p { margin-top:1em; } 

/* 비어있을때안내문구 */
.EmptyCont { display:block; position:relative; text-align:center; padding:1em; margin:auto; } 
.EmptyCont .Inner { color:#a1a1a1; text-align:center; margin:auto; } 
.EmptyCont .Logo { display:inline-table; position:relative; } 
.EmptyCont .Logo strong { display:table-cell; position:relative; width:8em; height:8em; text-align:center; vertical-align:middle; border-radius:50%; background-color:#f7f7f7; padding:5%; overflow:hidden; background-image:url('/img/brand_opengraph.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center center; } 
.EmptyCont .Logo img { width:70%; } 
.EmptyCont p { display:block; position:relative; color:#a1a1a1; font-size:0.9em; margin-top:1em; } 

/* 해시태그 */
.Hashtag { display:block; position:relative; } 
.Hashtag span { display:inline-table; position:relative; vertical-align:middle; letter-spacing:-1px; } 
.Hashtag span:before { content:"#"; } 
.Hashtag span + span { } 

/* 푸쉬알림 */
.PushAlarm { display:block; position:absolute; top:5%; right:5%; width:8px; height:8px; vertical-align:middle; border-radius:50%; background-color:#007aff; overflow:hidden; } 

/* 배지 */
.Badge { display:inline-table; min-width:10px; vertical-align:middle; color:#fff; font-weight:300; font-size:0.9em; line-height:1em; text-align:center; white-space:nowrap; vertical-align:baseline; background-color:#007aff; border-radius:15px; padding:3px 7px; } 
.BadgeLine { display:inline-block; color:#007aff; font-size:0.9em; line-height:1em; text-align:center; white-space:nowrap; vertical-align:baseline; border:1px solid #007aff; border-radius:15px; padding:3px 7px; } 
.Badge.New { } 
.Badge.New:before { content:"N"; color:#fff; } 
.Badge.Alarm { color:#007aff; animation:BadgeAlarm_Animation 0.7s 0s infinite ease-in-out alternate; } 
@keyframes BadgeAlarm_Animation { 
 0% { background-color:#fff; } 
100% { background-color:#e2def2; } 
 } 
table .Badge,
table .BadgeLine { font-size:1em; } 


/* 알림배지 */
.NewPushAlarm { display:inline-block; position:absolute; top:0%; right:0px; width:15px; height:15px; line-height:15px; color:#fff; font-size:0.75em; text-align:center; border-radius:50%; background-color:#007aff; box-shadow:0px 1px 3px rgb(0, 0, 0, 0.5); overflow:hidden; } 
.NewPushAlarm { animation:NewPushAlarm_Animation 0.7s 0s infinite ease-in-out alternate; } 
.NewPushAlarm:after { content:"N"; position:absolute; left:0px; right:0px; top:0%; bottom:0px; } 
@keyframes NewPushAlarm_Animation { 
 0% { opacity:100%; } 
100% { opacity:0%; } 
 } 

/* 로딩바원형 */
.LoadingCircle { width:5em; height:5em; border:3px solid #333; border-right-color:#7c65d9; border-top-color:#7c65d9; border-radius: 100%; margin: 5% auto; animation:LoadingCircleMovie 800ms infinite linear; } 
@keyframes LoadingCircleMovie { 
 from { transform: rotate(0deg); } 
to { transform: rotate(359deg); } 
 } 

/* 구분선류 */
hr { display:block; width:100%; height:0px; border:none; overflow:hidden; border-top:1px solid #eee; margin:0px; padding:0px; } 
hr.Bold { border:none; height:6px; background-color:#eeeeee; box-shadow:1px 1px 3px 0px #cfcfcf inset; margin-top:30px; } 
.Inner + hr.Bold { margin-top:0px; } 

/* 스크롤시고정
body .Fixed { position:fixed !important; top:0px; width:100%; background-color:#fff; z-index:80; animation:FixedAnimation 0.5s forwards; } 
@keyframes FixedAnimation { 
 0% { transform: translateY(-10px); } 
100% { transform: translateY(0px); } 
 } 
*/
/* 동영상삽입*/
.Movie_IframArea { display:inline-block; position:relative; width:100%; } 
.Movie_Iframe { position:relative; width:100%; margin:0; padding:0; padding-bottom:56.25%; } 
.Movie_Iframe iframe { position:absolute; left:0; width:100%; height:100%; margin:0; padding:0; } 
.Movie_Iframe video { position:absolute; left:0; width:100%; height:100%; margin:0; padding:0; } 

/* 더보기 */
.Btn_More { position:relative; color:#a1a1a1; font-size:0.9em; font-weight:400; letter-spacing:-1px; } 
.Btn_More span { display:inline-block; position:relative; border-bottom:1px solid #a1a1a1; } 
/* 링크 */
.Btn_Link { display:table; width:100%; table-layout:fixed; padding:1.5em 1em; } 
.Btn_Link p { display:table-cell; position:relative; vertical-align:middle; } 
.Btn_Link p strong { font-weight:500; } 
.Btn_Link p span { } 
.Btn_Link p:after { content:''; clear:both; display:block; position:absolute; top:2px; right:0px; width:10px; height:10px; border-right:1px solid #a1a1a1; border-top:1px solid #a1a1a1; transform:translateY(0px) rotate(45deg); } 

.Btn_Link p:first-child { text-align:left; } 
.Btn_Link p:nth-child(2) { width:20%; text-align:right; } 


/* 햄버거메뉴 */
.drawerMenu { display:inline-block; position:relative; width:1.2em; height:16px; cursor:pointer; } 
.drawerMenu span { display:block; position:relative; width:100%; height:100%; border-top:1px solid #333; border-bottom:1px solid #333; } 
.drawerMenu span:before { content:""; clear:both; position:absolute; left:0px; top:48%; right:0px; width:100%; height:auto; border-bottom:1px solid #333; } 


/* 최상위로이동 */
.Btn_GoTop { display:block; position:fixed; bottom:9.5%; right:1em; width:34px; height:34px; border-radius:50%; border:1px solid #dddddd; background-color:rgba(255,255,255, 0.6); box-shadow: 3px 3px 5px rgba(0,0,0, 0.04); overflow:hidden; z-index:10; } /* display:none; 일단숨김 */
.Btn_GoTop:after { content:''; clear:both; display:block; position:absolute; top:40%; left:50%; margin-left:-6px; width:12px; height:12px; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; transform:translateY(0px) rotate(135deg); } 
body.Fixed .Btn_GoTop { display:block; } 


/* 툴팁 안내문구 */
[data-tooltip-text] { position:relative; } 
[data-tooltip-text]:hover { position:relative; } 
[data-tooltip-text]:hover:after { content:attr(data-tooltip-text); clear:both; display:block; position:absolute; margin-top:1em; width:auto; height:auto; color:#fff; font-size:0.85em; word-break:keep-all; border:1px solid #222222; border-radius:5px; background-color:rgba(0, 0, 0, 0.95); overflow:hidden; z-index:10; padding:0.5em; } 
[data-tooltip-text]:active:after { display:none; } 
[data-tooltip-direction=top] { } 
[data-tooltip-direction=top]:hover:after { bottom:100%; margin-top:-4em; } 
[data-tooltip-direction=bottom] { } 
[data-tooltip-direction=bottom]:hover:after { } 
[data-tooltip-direction=left] { } 
[data-tooltip-direction=left]:hover:after { left:0px; } 
[data-tooltip-direction=right] { } 
[data-tooltip-direction=right]:hover:after { } 


/* ===================================================================== */
/* 인풋기본모양 */
input[type=text] { } 
input[type=textarea] { } 
input[type=date] { cursor:pointer; } 
.InputBox { } 
.InputBox input { border:1px solid #c7c7c7; width:100%; padding:0 10px; height:2.5em; max-width:100%; line-height:1em; font-size:1em; letter-spacing:0; } 
.InputBox input:placeholder { } 
.InputBox input + .Unit { width:20%; text-align:right; } 
.InputBox:focus-within { border-color:#007aff; } 
.InputBox.Fixedly { color:#a1a1a1; border-color:#fff; } /* 보기용값표기 */
.InputBox + .InputBox { margin-top:0.8em; } /* 근접 */

/* 인풋 세트구성 : 기간선택 */
.InputSetBox { display:inline-table; position:relative; table-layout:fixed; vertical-align:middle; border:1px solid #dddddd; border-radius:5px; background-color:#ffffff; padding:12px 10px; } 
.InputSetBox > * { display:table-cell; vertical-align:middle; line-height:1em; } 
.InputSetBox > span { padding:0px 5px; } 
.InputSetBox input { } 
.InputSetBox .Dash { width:10%; color:#a1a1a1; } 
.InputSetBox.Center Input { text-align:center; } 
.InputSetBox:focus-within { border-color:#272727; } 

/* 약관관련박스 */
.ClauseBox { display:block; width:100%; margin-top:10px; display:none; } /* 일단숨김 */
.ClauseBox pre { height:6em; border:1px solid #dddddd; border-radius:5px; padding:10px 10px; overflow:hidden; overflow-y:scroll; } 
.ClauseBox pre,
.ClauseBox pre * { color:#a1a1a1; font-size:0.85em; font-weight:300; line-height:1.4em; word-break:keep-all; text-align:justify; } 
.InpuAgreeBox +.ClauseBox { } 
.AgreeArea .Checkbox big p { color: #a1a1a1; font-size:0.9em; } 
/* 이용약관일때 */
.ServiceText { } 
/* 개인정보취급방침일때 */
.PrivacyText { } 
/* 위탁처리일때 */
.EntrustText { } 
/* 알림동의일때 */
.AlarmText { } 

/* ------------------------------------------ */
/* [인풋입력] 텍스트박스 */
input[type=text] { } 

/* ------------------------------------------ */
/* [인풋선택] 기본형(라디오 공용) */
input[type=checkbox] { } 
/* 체크박스 */
.Checkbox { position:relative; cursor:pointer; line-height:revert; } 
.Checkbox input[type="checkbox"] { position:absolute; top:6px; left:2px; opacity:0; display:none; } /* z-index:3; */
.Checkbox input[type="radio"] { position:absolute; top:6px; left:2px; opacity:0; display:none; } /* z-index:3; */
.Checkbox .Box { display:table-row; width:100%; table-layout:fixed; } 
.Checkbox small { display:table-cell; width:18px; position:relative; vertical-align:middle; } 
.Checkbox small em { display:block; position:relative; width:15px; margin-right:3px; } 
.Checkbox small em b { display:block; width:15px; height:15px; line-height:15px; border:1px solid #c7c7c7; background-color:#ffffff; } 
.Checkbox small em span { position:absolute; top:0px; left:1px; color:transparent !important; font-size:9pt; line-height:12px; font-weight:normal; display:none; } 
.Checkbox i.icon { color:#b7b7b7; font-size:12pt; margin-right:6px; } 
.Checkbox i.icon.empty { display:block; } 
.Checkbox i.icon.fill { display:none; } 
.Checkbox input:checked ~ .Box small em span { display:block; } 
.Checkbox input:checked ~ .Box i.icon.empty { display:none; } 
.Checkbox input:checked ~ .Box i.icon.fill { display:block; color:#555; } 
.Checkbox big { display:table-cell; table-layout:fixed; vertical-align:middle; line-height:1; } 
.Checkbox.Radio small { width:23px; } 
.Checkbox.Radio small em b { width:18px; height:18px; border-radius:50%; } 
.Checkbox.Radio small em span { top:5px; left:5px; width:8px; height:8px; font-size:1px; background-color:#686868; border-radius:50%; } 


/* [체크박스] 버튼형(선) */
.Check_Btn { display:inline-block; position:relative; line-height:2em; cursor:pointer; } 
.Check_Btn p { border:1px solid #dddddd; border-radius:3px; background-color:#ffffff; padding: 0px 15px; } 
.Check_Btn input { display:none; } /* 일단숨김 */
.Check_Btn input:checked ~ p { color:#272727; border:1px solid #272727; transition:all 0.2s ease; } 
.Check_Btn:hover p span { display:block; transform:scale(0.94); -webkit-transition:scale(0.94); } 
/* 크기 */
.Check_Btn.Big { font-size:1.15em; line-height:2.4em; } 
.Check_Btn.Small { font-size:0.9em; } 
.Check_Btn.Tiny { font-size:0.9em; line-height:1.4em; } 
/* [체크박스] 버튼형(배경) */
.Check_BtnBg { display:inline-block; position:relative; line-height:2em; cursor:pointer; } 
.Check_BtnBg p { border:1px solid #dddddd; border-radius:3px; background-color:#ffffff; padding: 0px 15px; } 
.Check_BtnBg input { display:none; } /* 일단숨김 */
.Check_BtnBg input:checked ~ p { color:#ffffff; border:1px solid #272727; background-color:#272727; transition:all 0.2s ease; } 
.Check_BtnBg:hover p span { display:block; transform:scale(0.94); -webkit-transition:scale(0.94); } 
/* 크기 */
.Check_BtnBg.Big { font-size:1.15em; line-height:2.4em; } 
.Check_BtnBg.Small { font-size:0.9em; } 
.Check_BtnBg.Tiny { font-size:0.9em; line-height:1.4em; } 
/* [체크박스] 버튼형(배경)세트 */
.Check_BtnBgSet { display:table; line-height:1em; table-layout:fixed; border-radius:3px; border:1px solid #dddddd; overflow:hidden; } 
.Check_BtnBgSet input { display:none; } /* 일단숨김 */
.Check_BtnBgSet label { display:table-cell; line-height:2em; border-right:1px solid #dddddd; cursor:pointer; } 
.Check_BtnBgSet label p { background-color:#ffffff; padding: 0px 15px; } 
.Check_BtnBgSet label:first-child { } 
.Check_BtnBgSet label:last-child { border-right:none; } 
.Check_BtnBgSet label input:checked + p { color:#fff; background-color:#272727; transition:all 0.2s ease; } 
.Check_BtnBgSet label:hover p span { display:block; transform:scale(0.94); -webkit-transition:scale(0.94); } 
.Check_BtnBgSet .Active { color:#fff; background-color:#272727; } 
/* 크기 */
.Check_BtnBgSet.Big { font-size:1.15em; line-height:2.4em; } 
.Check_BtnBgSet.Small { font-size:0.9em; } 
.Check_BtnBgSet.Tiny { font-size:0.9em; line-height:1.4em; } 
/* [라디오] 기본선택형 */
input[type=radio] { } 
.InputArea .Radiobox { } 
.Radiobox { display:inline-table; position:relative; line-height:1em; table-layout:fixed; vertical-align:middle; cursor:pointer; } 
.Radiobox input { display:none; } /* 일단숨김 */
.Radiobox mark { background:none; margin:0px; padding:0px; } 
.Radiobox small { display:table-cell; width:20px; vertical-align:top; } 
.Radiobox small em { display:block; position:relative; width:20px; font-style:normal; font-weight:normal; overflow:hidden; } 
.Radiobox small em b { display:block; position:relative; top:0; width:20px; height:20px; border:1px solid #dddddd; border-radius:50%; background-color:#ffffff; overflow:hidden; } 
.Radiobox small em b:after { content: ''; display:block; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-6px; font-size:1em; width:12px; height:12px; background-color:#333333; border-radius:50%; display:none; } /* 일단숨김 */
.Radiobox big { display:table-cell; line-height:1.5em; vertical-align:middle; padding-left:5px; } 
.Radiobox big p { font-size: 13pt; } 
.Radiobox input:checked ~ * small em { } 
.Radiobox input:checked ~ * small em b { border-color:#333333; } 
.Radiobox input:checked ~ * small em b:after { display:block; color:#333333; transition:all 0.2s ease; } 
.Radiobox input:checked ~ * big { } 
.Radiobox input:disabled ~ * { cursor:no-drop; } 
.Radiobox input:disabled ~ * big { color:#a1a1a1; } 
.Radiobox input:disabled:checked~ * small em b { border-color:#dddddd; } 
.Radiobox input:disabled:checked~ * small em b:after { color:#dddddd; } 
/* 기본선택형>> 크게 */
.Radiobox.Big { } 
.Radiobox.Big small { width:30px; } 
.Radiobox.Big small em { width:30px; } 
.Radiobox.Big small em b { width:30px; height:30px; } 
.Radiobox.Big small em b:after { margin-top:-9px; margin-left:-9px; width:18px; height:18px; } /* 일단숨김 */
.Radiobox.Big big { font-size:1.1em; } 
/* 기본선택형>> 작게 */
.Radiobox.Small { } 
.Radiobox.Small small { width:16px; } 
.Radiobox.Small small em { width:16px; } 
.Radiobox.Small small em b { width:16px; height:16px; } 
.Radiobox.Small small em b:after { margin-top:-4px; margin-left:-4px; width:8px; height:8px; } /* 일단숨김 */
.Radiobox.Small big { font-size:0.9em; } 
/* 선택상태가아니어도체크모양이보기 */
.Radiobox.Shadow { } 
.Radiobox.Shadow small em b { } 
.Radiobox.Shadow small em b:after { display:block; background-color:#eee; } 
.Radiobox.Shadow input:checked ~ * small em b { } 
.Radiobox.Shadow input:checked ~ * small em b:after { background-color:#007aff } 
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* [체크박스전용] 스위치형(옵션켜고끄기-원형) https://codepen.io/salutmerry/pen/QzNPXB?editors=1100 */
.CheckSwitch { display:inline-block; position:relative; vertical-align:middle; overflow:hidden; } 
.CheckSwitch input { display:none; } /* 일단숨김 */
.CheckSwitch label { display:block; position:relative; width:60px; height:30px; } 
.CheckSwitch em { display:block; width:100%; height:inherit; border-radius:50px; border:1px solid #e5e5e5; background-color:#dddddd; border:1px solid #dddddd; transition:all 0.3s ease; overflow:hidden; cursor:pointer; } 
.CheckSwitch em button { position:absolute; top:1px; left:1px; display:block; width:28px; height:28px; border-radius:50%; background-color:#fff; transition:all 0.3s cubic-bezier(0.275, -0.45, 0.725, 1.45); pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 
.CheckSwitch em:before { content:'OFF'; clear:both; display:block; position:absolute; top:0px; left:5px; color:#dddddd; font-size:0.85em; font-weight:100; line-height:28px; } /* off문구기본보이기 */
.CheckSwitch em:after { content:'ON'; clear:both; display:block; position:absolute; top:0px; right:7px; color:#fff; font-size:0.85em; font-weight:100; line-height:28px; } /* on문구기본보이기 */
.CheckSwitch em span { display:block; font-size:0.85em; } 
.CheckSwitch em span.On { color:#007aff; display:none; } 
.CheckSwitch em span.Off { color:#dddddd; } 
.CheckSwitch input:active + label em ,
.CheckSwitch input:checked + label em { background-color:#007aff; border:1px solid #007aff; } 
.CheckSwitch input:active + label em button,
.CheckSwitch input:checked + label em button { left:31px; } 
.CheckSwitch input:checked + label em span.On { display:block; } 
.CheckSwitch input:checked + label em span.Off { display:none; } 
.CheckSwitch input:checked + label em:before { color:#fff; opacity:0.5; } 
.CheckSwitch input:checked + label em:after { display:none; } 


/* ------------------------------------------------------------------------------------------------------------------------------ */
/* [라디오전용] 스위치형(옵션켜고끄기-원형) https://codepen.io/nickbottomley/pen/uhfmn?editors=0100*/
.RadioSwitch { display:inline-table; position:relative; vertical-align:middle; } 
.RadioSwitch input { display:none; } 
.RadioSwitch label { display:table-cell; position:relative; vertical-align:middle; width:50%; height:30px; min-width:30px; color:#dddddd; font-size:0.85em; line-height:30px; text-align:center; cursor:pointer; z-index:2; } 
.RadioSwitch button { display:block; position:absolute; left:0; right:0px; width:100%; height:30px; background-color:#dddddd; border-radius:70px; transition:0.25s ease all; pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:hidden; z-index:1; } 
.RadioSwitch button span { display:block; position:absolute; top:0px; left:0px; width:30px; height:inherit; background-color:#fff; border:1px solid #dddddd; border-radius:50%; transition:0.25s ease all; z-index:1; } 
.RadioSwitch input:checked { z-index:1; } 
.RadioSwitch input:first-child:checked ~ button { } /* off */
.RadioSwitch input:first-child:checked ~ button span { left:0px; } 
.RadioSwitch input ~ input:checked + label { color:#007aff; } /* on */
.RadioSwitch input ~ input:checked ~ button { background-color:#007aff; } 
.RadioSwitch input ~ input:checked ~ button span { border-color:#007aff; left:50%; } 
/* [라디오전용] 스위치형(옵션켜고끄기-캡슐형) https://codepen.io/salutmerry/pen/QzNPXB?editors=1100 */
.RadioCapsule { display:inline-table; position:relative; height:30px; vertical-align:middle; border:1px solid #f1f1f1; border-radius:50px; background: #f1f1f1; overflow:hidden; } 
.RadioCapsule input { display:none; } /* 일단숨김 */
.RadioCapsule label { display:table-cell; position:relative; width:60px; height:inherit; line-height:30px; text-align:center; vertical-align:middle; border-right:1px solid #e5e5e5; } 
.RadioCapsule label:last-chlid { border-right:none; } 
.RadioCapsule em { display:block; width:100%; height:inherit; transition:all 0.3s ease; overflow:hidden; cursor:pointer; } 
.RadioCapsule em span { display:block; font-size:0.85em; } 
.RadioCapsule em span.On { color:#007aff; display:none; } 
.RadioCapsule em span.Off { color:#dddddd; } 
.RadioCapsule input:checked + em { color:#fff; background-color:#007aff; } 
/* [라디오전용] 항목세트형(토글방식) */
.RadioSetBox { display:inline-table; position:relative; table-layout:fixed; vertical-align:middle; border:1px solid #dddddd; border-radius:5px; overflow:hidden; } 
.RadioSetBox label { display:table-cell; vertical-align:middle; border-right:1px solid #dddddd; cursor:pointer; } 
.RadioSetBox label:last-child { border-right:none; } 
.RadioSetBox label input { display:none; } /* 일단숨김 */
.RadioSetBox label p { display:inline-block; padding:5px 10px; transition:all ease 0.5s; } 
.RadioSetBox label input:checked + p { color:#fff; background-color:#007aff; } 
.RadioSetBox label:hover p span { display:block; transform:scale(0.94); -webkit-transition:scale(0.94); } 
/* [라디오전용] 주요값선택 */
.RadioSelectSet { display:block; position:relative } 
.RadioSelectbox { display:block; position:relative; line-height:1em; table-layout:fixed; cursor:pointer; } 
.RadioSelectbox + .RadioSelectbox { margin-top:1em; } 
.RadioSelectbox input { display:none; } /* 일단숨김 */
.RadioSelectbox mark { display:table; width:100%; background:none; margin:0px; padding:1em 1em; } 
.RadioSelectbox mark:after { content: ''; display:block; position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:2px solid #f1f1f1; border-radius:8px; } 
.RadioSelectbox small { display:table-cell; width:20px; vertical-align:top; } 
.RadioSelectbox small em { display:table-cell; position:relative; width:20px; font-style:normal; font-weight:normal; overflow:hidden; } 
.RadioSelectbox small em b { display:block; position:relative; top:0; width:20px; height:20px; border:1px solid #dddddd; border-radius:50%; background-color:#ffffff; } 
.RadioSelectbox small em b:after { content: ''; display:block; position:absolute; top:23%; left:23%; width:10px; height:10px; background-color:#007aff; border-radius:50%; display:none; } /* 일단숨김 */
.RadioSelectbox big { display:table-cell; line-height:1.5em; vertical-align:middle; padding-left:5px; } 
.RadioSelectbox big .Box { display:table; position:relative; width:100%; } 
.RadioSelectbox big .Box > p,
.RadioSelectbox big .Box .Type { display:table-cell; vertical-align:top; } 
.RadioSelectbox big .Box > strong,
.RadioSelectbox big .Box .Value { display:table-cell; vertical-align:top; text-align:right; } 
.RadioSelectbox big .Box > p + strong { width:30%; } 
.RadioSelectbox input:checked ~ * small em { } 
.RadioSelectbox input:checked ~ * small em b { border-color:#007aff; } 
.RadioSelectbox input:checked ~ * small em b:after { display:block; color:#007aff; } 
.RadioSelectbox input:checked ~ mark:after { border-color:#007aff; } 
.RadioSelectbox:hover { background-color:#fcfafe; } 




/* =============================================================================================================================================================================================================== */
/* =============================================================================================================================================================================================================== */

/* 공통헤더와푸터 */
/* ===================================================================== */
/* 웹접근성스킵네비게이션 */
#SkipNav { content:""; clear:both; display:block; position:relative; text-align:left; } 
#SkipNav a { position:absolute; top:-500px; left:0; width:200px; } 

/* ===================================================================== */
/* 헤더영역 */
header.Header { } 
.Header { display:block; position:relative; } 
.Header:after { content:""; clear:both; display:block; position:absolute; left:0px; right:0px; bottom:0px; border-top: 1px solid #dedede; } 
.HeaderArea { display:block; position:relative; } 


/* 최상단GNB */
.HeaderNav_GNB { content:""; clear:both; display:block; text-align:center; margin:auto; } 
/* 최상단영역 --------------------------------------- */
.HeaderNav_GNB .HeaderNav_GNB_Top { height:80px; display:table; width:90%; margin:0 auto; transition-duration:200ms; } 
.HeaderNav_GNB .HeaderNav_GNB_Top .InnerBox { position:relative; display:table-cell; width:100%; margin:0 auto; vertical-align:middle; text-align:right; } 
/* 왼쪽 */
.HeaderNav_GNB .LeftBox { display:inline-table; width:25%; text-align:left; position:absolute; left:0; top:50%; margin-top:-25px; } 
.HeaderNav_GNB .LeftBox .Logo { display:block; max-width:fit-content; width:100%; } 
.HeaderNav_GNB .LeftBox a { width: 200px; height:50px; display: block; } 
.HeaderNav_GNB .LeftBox a img { width:100%; height:100%; object-fit:contain; transition-duration:200ms; } 
/* 중앙 */
.HeaderNav_GNB .CentBox { display:inline-table; width:50%; } 
/* 오른쪽 */
.HeaderNav_GNB .RightBox * { padding:0; } 
.HeaderNav_GNB .RightBox { display:inline-table; width:23%; text-align:right; } 
.HeaderNav_GNB .RightBox .Member { position:relative; display:block; width:100%; } 
.HeaderNav_GNB .RightBox .Member ul { position:relative; display:table; width:100%; } 
.HeaderNav_GNB .RightBox .Member ul li { position:relative; display:inline-table; font-size:1.15em; font-weight:500; } 
.HeaderNav_GNB .RightBox .Member ul li + li { padding-left:0.8em; margin-left:0.8em; } 
.HeaderNav_GNB .RightBox .Member ul li + li:before { content:''; position:absolute; left:0; top:50%; margin-top:-0.4em; height:0.8em; width:1px; background-color:#000; } 
.HeaderNav_GNB .RightBox .Member ul li a { } 
.HeaderNav_GNB .RightBox .Member ul li a:hover { opacity:.8; } 

/* 최상단메뉴 ---------------------------------------*/
.HeaderNav_GNB .HeaderNav_GNB_Menu * { line-height: 1; } 
.HeaderNav_GNB .HeaderNav_GNB_Menu { position: absolute; display: table; border: none; height: 80px; left: 50%; margin-left: -500px; top: 0; width: 1000px; min-width: 1000px; text-align: center; transition-duration: 200ms; } 
.HeaderNav_GNB .HeaderNav_GNB_Menu .InnerBox { display: table-cell; vertical-align: middle; width: 35%; } 
.HeaderNav_GNB .HeaderNav_GNB_Menu .MenuBox { display: inline-table; width: auto; position: relative; height: 80px; vertical-align: top; transition-duration: 200ms; } 
.HeaderNav_GNB .HeaderNav_GNB_Menu .MenuBox+.MenuBox { margin-left: 4em; } 

/* 1차메뉴 */
.HeaderNav_GNB .MenuFirst { display: table-cell; width: 100%; font-size: 1.25em; text-align: center; cursor: pointer; z-index: 4; position: relative; vertical-align: middle; font-weight: 600; } 

/* 2차메뉴 */
.HeaderNav_GNB .MenuSecond { padding-top: 80px; transition-duration: 200ms; } 
.HeaderNav_GNB .MenuSecond.Hide { display: none; } 
.HeaderNav_GNB .MenuSecond { display: block; position: absolute; top: 97%; width: 100%; z-index: 999; display: none; top: 0; width: 200px; left: 50%; margin-left: -100px; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); transform: translateY(10px); z-index: 3; } 
.HeaderNav_GNB .MenuSecond ul { width: 100%; background-color: rgb(255 255 255 / 90%); border: none; box-shadow: 0px 7px 13px 3px rgba(0, 0, 0, 0.05); padding: 1.5em 1.5em; text-align: left; } 
.HeaderNav_GNB .MenuSecond ul li a { display: block; font-weight: 500; word-break: break-word; text-align: left; font-size: 1.1em; text-align: center; } 
.HeaderNav_GNB .MenuSecond ul li+li { margin-top: 20px; } 

/* hover시 */
.HeaderNav_GNB .MenuBox:hover .MenuSecond { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
.HeaderNav_GNB .MenuSecond ul li a:hover { opacity: .8; } 


/* 서브메뉴 */
.SubNav_Area { position:relative; display:block; z-index:2; } 
.SubNav_Area .SubNav { position:relative; display:block; box-shadow:0 3px 10px -2px rgba(0, 0, 0, 0.08) !important; } 
.SubNav_Area .SubNav .InnerBox { position:relative; display:block; width:1400px; margin:0 auto; } 
.SubNav_Area .SubNav .MenuBox { position:relative; display:table; width:100%; height:55px; } 
.SubNav_Area .SubNav ul { position:relative; display:table-cell; vertical-align:middle; text-align:center; } 
.SubNav_Area .SubNav ul li { position:relative; display:inline-table; vertical-align:middle; height:55px; } 
.SubNav_Area .SubNav ul li + li { padding-left:1.3em; margin-left:1.3em; } 
.SubNav_Area .SubNav ul li + li:before { content:''; position:absolute; left:-2.5px; top:50%; margin-top:-2.5px; width:5px; height:5px; border-radius:50%; background-color:#e1e1e1; } 
.SubNav_Area .SubNav ul li a { position:relative; display:table-cell; font-size:1.15em; vertical-align:middle; line-height:1.2; } 
.SubNav_Area .SubNav ul li a:hover { opacity:.8; transition-duration:200ms; } 
.SubNav_Area .SubNav ul li.Action a { font-weight:600; } 
.SubNav_Area .SubNav ul li.Action a:after { content:''; position:absolute; width:100%; height:2px; background-color:#000; right:0; bottom:0; z-index:2; } 


/* 상단고정시 */
body.BodyFixed .Fixed { position:fixed; z-index:99; top:0; left:0; width:100%; background-color:#fff; } 
body.BodyFixed header.Fixed .HeaderNav_GNB .HeaderNav_GNB_Top { height:65px; transition-duration:200ms; } 
body.BodyFixed header.Fixed .HeaderNav_GNB .HeaderNav_GNB_Menu { height:65px; transition-duration:200ms; } 
body.BodyFixed header.Fixed .HeaderNav_GNB .HeaderNav_GNB_Menu .MenuBox { height:65px; transition-duration:200ms; } 
body.BodyFixed header.Fixed .HeaderNav_GNB .MenuSecond { padding-top:65px; } 
/* body.BodyFixed header.Fixed { opacity:0; height:0; visibility:hidden; transition-duration:200ms; } 
body.BodyFixed .SubNav.Fixed { top:0 !important; } */

/* ===================================================================== */
/* 푸터영역 */
footer { } 
.Footer { content:""; clear:both; display:block; position:relative; border-top:1px solid #dedede; z-index:1; } 
.Footer .footerSection { display:block; position:relative; } 
.Footer h1 { display:block; position:relative; } 
.Footer h1 img { display:block; margin:auto; } 
/* 필수정보영역 */
.footerInfo { display:block; position:relative; font-size:9pt; } 
.footerInfo .Inner { text-align:center; } 
/* 주요링크 */
.footerInfo .Link { display:inline-table; position:relative; margin:auto; } 
.footerInfo .Link li { display:table-cell; text-align:center; } 
.footerInfo .Link li + li { padding-left:1em; } 
.footerInfo .Link a { display:block; position:relative; line-height:2.6em; } 
.footerInfo .Link a span { } 
/* 사업자정보 */
.footerInfo .Company { display:block; position:relative; color:#a1a1a1; margin-top:1em; } 
.footerInfo .Company .Logo { display:block; position:relative; } 
.footerInfo .Company .Logo img { display:block; max-width:20%; margin:auto; } 
.footerInfo .Company .Logo .Name { display:block; position:relative; font-size:1.6em; margin:auto; } 
.footerInfo .Company address { display:block; position:relative; margin-top:2em; } 
.footerInfo .Company address a { color:#a1a1a1; } 
.footerInfo .Company .Copyright { display:block; }

/* ===================================================================== */

/* 퀵바 */
/* 퀵바 시안1 */
.QuickWrap { width: 100%; background-color: #f7f7f7;}
.QuickAreaTemplate1 { position: fixed; top:50%; z-index: 2; right: 5%;; height:100%; transform: translate(50%, -30%);}
.QuickAreaTemplate1 .QuickArea_Link ul { display:flex; flex-direction: column; align-items: center; }
.QuickAreaTemplate1 .BannerThum { width:100px; height:100px; border-radius: 50%; display: flex; justify-content: center;  align-items: center; margin-bottom:10px;}
.QuickAreaTemplate1 .BannerThum a { display: flex; flex-direction: column; align-items: center; }
.QuickAreaTemplate1 .BannerThum .QuickListText { text-align: center; padding-top:5px; color:#fff; }
/* 퀵바 시안1-2 */
.QuickAreaTemplate1-Right {left:250px;}

/* 퀵바 시안2 */
.QuickAreaTemplate2 { position: fixed; top:50%; z-index: 2; right: 5%; height:100%; transform: translate(50%, -30%); }    
.QuickAreaTemplate2 .BannerThum { background-color: rgba(255, 255, 255, 0.7); width: 160px; border-radius: 50px; margin: 10px 0 ; }
.QuickAreaTemplate2 .BannerThum a { display:flex; align-items: center; padding: 0 10px; } 
.QuickAreaTemplate2 .BannerThum .QuickImg { display:flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50px; }
.QuickAreaTemplate2 .BannerThum .QuickImg img { width:30px;  height: 30px; object-fit: cover; }
.QuickAreaTemplate2 .Quick_GoTop {width:50px; height:50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); }
.QuickAreaTemplate2 .Quick_GoTop a { display: flex; justify-content: center; align-items: center; height: 100%;}

/* 퀵바 시안3-1 */
.QuickAreaTemplate3 { position: fixed; top:50%; z-index: 2; right: 5%; height:100%; transform: translate(50%, -30%);}
.QuickAreaTemplate3 .QuickAreaWrap { display:flex; }
.QuickAreaTemplate3 .QuickAreaWrap .QuickArea_Btn { padding: 0 5px; height: 100px; margin-top: 50px; font-size:12px; writing-mode: vertical-rl; text-orientation: upright;  border-radius:10px 0 0 10px;}
.QuickAreaTemplate3 .QuickAreaWrap .QuickArea_Btn a { display: flex; justify-content: center; }

.QuickAreaTemplate3 .QuickAreaWrap .QuickArea_Btn .OPEN {display:none}

.QuickAreaTemplate3 .QuickArea_Link { display:flex; align-items: center; padding: 30px 0; border-radius: 80px; min-height: 200px; max-width: 95px;}
.QuickAreaTemplate3 .QuickArea_Link ul { max-width: 95px; padding:0 15px; }
.QuickAreaTemplate3 .BannerThum { padding-bottom: 20px; }
.QuickAreaTemplate3 .BannerThum:last-child { padding-bottom: 0px; }
.QuickAreaTemplate3 .BannerThum a { display: flex; flex-direction: column; align-items: center; }
.QuickAreaTemplate3 .BannerThum .QuickImg { display:flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50px; background-color: #fff; }
.QuickAreaTemplate3 .BannerThum .QuickImg img { width:30px;  height: 30px; object-fit: cover; }
.QuickAreaTemplate3 .BannerThum .QuickListText { min-width:95px; padding-top:10px; color:#fff; font-size:14px; text-align: center; }
.QuickAreaTemplate3 .Quick_GoTop { color: #fff; }
.QuickAreaTemplate3 .Quick_GoTop .topText { text-align:center; }
/* 퀵바 시안3-2 */
.QuickAreaTemplate3-Right {right:100px;}

/* ===================================================================== */
/* 팝업창 */
.PopupBg { width:100%; height:100%; position:fixed; left:0; top:0; background-color: rgba(0, 0, 0, 0.7); z-index:999; }
.PopupWrap { width: 100%; height:100%; position: fixed; left: 0; }

/* 진료일정 팝업창 */
.SchedulePopup { position: absolute; top:50%; left:20%; max-width: 610px; min-height:320px; background-color: #f5f5f5; transform: translate(-50%, -50%); }
.SchedulePopup .PopupTitle { width:100%; padding: 20px 20px 0;}
.SchedulePopup .PopupTitle h2 { text-align: center; font-size: 24px; line-height: 40px;}
.SchedulePopup .PopupTitle h2 span { font-size: 36px;}

.SchedulePopup .PopupCont { padding: 0 20px 20px; }
.SchedulePopup .PopupCont ul { display: flex; flex-wrap: wrap; justify-content: center; max-width: 600px; }
.PopupCont ul li { width:130px; margin:0 5px; text-align: center; border-radius:20px; margin-top:20px;}
.PopupCont ul li dl dt { display:flex; flex-direction: column; justify-content: center; align-items: center; height: 55px; background-color:#000; padding: 10px;  text-align:center; color: #fff; border-radius: 10px 10px 0 0; line-height: 25px;}
.PopupCont ul li dl dt .Text01 { font-size:17px; }
.PopupCont ul li dl dd { padding: 20px 0; background-color:#fff; border-radius: 0 0 10px 10px; }
.PopupCont ul li dl dd strong { display: block; }
.PopupCont ul li dl dd .Date { font-size: 26px; }
.PopupCont ul li dl dd .Day { font-weight: 400; font-size: 16px; padding-top: 20px; }

.PopupCont ul .ClosedList { color:#d02828; }
.PopupCont ul .ClosedList dt { background-color:#d02828; }

.SchedulePopup .guide { width:100%; text-align:center; }
.SchedulePopup .guide p { font-size: 16px; line-height: 26px; padding: 0 20px 20px; }

.SchedulePopup .ColseBtn { height: 37px; background-color: #686868;}
.SchedulePopup .ColseBtn button { color: #fff; padding: 10px 20px; font-size: 14px; overflow: hidden; }
.SchedulePopup .ColseBtn button.left {float: left;}
.SchedulePopup .ColseBtn button.right {float: right;}

    /* 이미지 팝업창 */
.LayerPopSliderArea { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  }
.LayerPopslider {}
.LayerPopslider .MultiBarSlider { }
.LayerPopslider .MultiBarSlider .slick-list { width: 940px; height: 560px;  }
.LayerPopslider .MultiBarSlider .slick-track { }
.LayerPopslider .MultiBarSlider .slick-track .slick-slide { position:absolute !important; top:0 !important; left:0 !important; }
.LayerPopslider .MultiBarSlider .Thum .Link { display:block; width: 940px; height: 560px; }
.LayerPopslider .MultiBarSlider .Thum .Link img { width:100%; height:100%; object-fit:cover; }

.LayerPopslider .SliderThum_BtnPage { width: 940px; display:flex; height:40px; background-color:#000; }
.LayerPopslider .SliderThum_BtnPage li { width: calc(100% / 2); display:flex; align-items: center; overflow:hidden;}
.LayerPopslider .SliderThum_BtnPage li button { display:block; width: 100%; height:100%; padding: 5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.LayerPopslider .ColseBtn { height: 35px; background-color: #686868; }
.LayerPopslider .ColseBtn button { color: #fff; padding: 10px 20px; font-size: 14px; overflow: hidden; }
.LayerPopslider .ColseBtn button.left {float: left;}
.LayerPopslider .ColseBtn button.right {float: right;}

/* 이미지 팝업창 위치_왼쪽 */
.LayerPopSliderArea.LocationLeft { left:28%;}
/* 이미지 팝업창 위치_중앙 */
.LayerPopSliderArea.LocationCenter { left:50%; }
/* 이미지 팝업창 위치_오른쪽 */
.LayerPopSliderArea.LocationRight { left:71%; }


/* ===================================================================== */

.Wrap { } /* 퀵높이만큼아래여백삽입됨(style.js) */
.Wrap .Container { } 
.Wrap .Container .Content { } 
.Inner { width:1400px; } 
.innerContainer { } 

/* ===================================================================== */
/* 기타맞춤세팅 */
img { max-width:100%; height:auto; } 
pre { white-space:pre-line; } 
b { font-weight:normal; font-family:'Pretendard',sans-serif; } 
a { position:relative; } 
strong { font-weight:600; } 
mark { background-color:#e2def2; } 
textarea { width: 100%; line-height: 1.6em; border: 1px solid #dddddd; border-radius: 5px; padding: 0.8em; resize: none; } 
textarea:focus-within { border-color:#272727; } 


/* ===================================================================== */
/* 테이블 */
table * { font-size:1.05em; } 
table { } 


/* ===================================================================== */
/* [공통]모니터에따른컨텐츠중앙정렬 */
.CenterFixed { display:block; position:relative; width:1920px !important; left:50%; margin-left:-960px !important; } 


/* ===================================================================== */
/* [메인]메인컨텐츠 */
.MainContents_Area * { } 
.MainContents_Area { content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all; } 
.MainContents_Area section { content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:1; } /* AOS때문에z-index:1 */


/* [메인]메인배너영역 */
section.MainFullSwipe { } 
.MainFullSwipe .Inner { width:100%; } 
/* 기본 */
.MainFullSwipe .MultiSlider { content:""; clear:both; display:block; position:relative; width:100%; height:inherit; min-width:100%; height:750px;} 
.MainFullSwipe .MultiSlider .Slide { position:relative; display:block; width:100%; background:#fff; height:750px;} 
.MainFullSwipe .MultiSlider .Slide a { position:relative; width:1920px; display:table; margin:0 auto; } 
.MainFullSwipe .MultiSlider .ThumbBox { position:relative; display:block; z-index:1; height:750px;} 
.MainFullSwipe .MultiSlider .ThumbBox span { position:relative; display:block; height:750px;} 
.MainFullSwipe .MultiSlider .ThumbBox span img { position:relative; display:block; height:100%; width:100%; object-fit:cover;} 
.MainFullSwipe .MultiSlider .TextBox * { opacity:0; visibility:hidden; -webkit-transform:translateY(10px); transform:translateY(10px); color:#000; line-height:1.3; } 
.MainFullSwipe .MultiSlider .TextBox { position:absolute; display:table; width:100%; margin:0 auto; z-index:2; text-align:left; vertical-align:middle; height:100%; bottom:0; } 
.MainFullSwipe .MultiSlider .TextBox dl { position:relative; display:inline-table; vertical-align:middle; width:100%; height:100%; } 
.MainFullSwipe .MultiSlider .TextBox dl dt { position:relative; display:table-cell; vertical-align:middle; width:50%; text-align:right; padding-right:11%; } 
.MainFullSwipe .MultiSlider .TextBox dl dd { position:relative; display:table-cell; vertical-align:middle; width:50%; text-align:left; padding-left:11%; } 
.MainFullSwipe .MultiSlider .TextBox .Text01 { font-size:1.15em; letter-spacing:0.3em; font-weight:200; opacity:0.8; } 
.MainFullSwipe .MultiSlider .TextBox .Text01 + div { margin-top:0.5em; } 
.MainFullSwipe .MultiSlider .TextBox .Text02 { font-size:2.5em; font-weight:600; } 
.MainFullSwipe .MultiSlider .TextBox .Text03 { font-size:3.2em; font-weight:700; } 
.MainFullSwipe .MultiSlider .swiper-slide.swiper-slide-active .TextBox * { opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } 
.MainFullSwipe .MultiSlider .swiper-slide.swiper-slide-active .TextBox span { -webkit-transition-delay:0.2s !important; transition-delay:0.2s !important; } 
.MainFullSwipe .MultiSlider .swiper-slide.swiper-slide-active .TextBox em { -webkit-transition-delay:0.4s !important; transition-delay:0.4s !important; } 
.MainFullSwipe .MultiSlider .swiper-slide.swiper-slide-active .TextBox p { -webkit-transition-delay:0.6s !important; transition-delay:0.6s !important; } 

/* 슬라이드 버튼 */
.MainFullSwipe .MultiSlider .SliderBtn { position:absolute; z-index:1; bottom:5%; width:1400px; left:50%; margin-left:-700px; text-align:center; } 
.MainFullSwipe .MultiSlider .SliderBtn .swiper-pagination-bullet { background-color:#fff; opacity:.2; } 
.MainFullSwipe .MultiSlider .SliderBtn .swiper-pagination-bullet-active { opacity:1; } 

@media (max-width: 1920px) { section.MainFullSwipe { width:1920px; margin-left:-960px; left:50%; } 
section.MainFullSwipe .MultiSlider .Slide a { margin:auto; } 
 } 

/* [메인]항목별소개영역 */
section.MainListSwipe { position:relative; display:block; padding:10em 0; } 
.MainListSwipe .Inner { } 
/* 타이틀 */
.MainListSwipe .BigTitle { position:relative; display:block; margin-bottom:5em; } 
.MainListSwipe .BigTitle .Title01 { font-size:3.2em; font-weight:600; line-height:1.3; } 
/* 기본 */
.MainListSwipe .MultiSlider { content:""; clear:both; display:block; position:relative; width:100%; height:inherit; } 
.MainListSwipe .MultiSlider .Slide { position:relative; } 
.MainListSwipe .MultiSlider .Slide a { position:relative; display:block; overflow:hidden;} 
.MainListSwipe .MultiSlider .ThumbBox { position:relative; display:block; z-index:1;  margin:0 auto; } 
.MainListSwipe .MultiSlider .ThumbBox span { position:relative; display:block; width:100%; height:370px; background-color:#f2f2f2; } 
.MainListSwipe .MultiSlider .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
.MainListSwipe .MultiSlider .TextBox * { line-height:1.3; font-size:1.2em; font-weight:600; } 
.MainListSwipe .MultiSlider .TextBox { position:relative; display:block; bottom:0; z-index:2; width:100%; text-align:center; padding:1em; } 
.MainListSwipe .MultiSlider .TextBox .Bg { position:absolute; display:block; width:100%; height:100%; z-index:1; bottom:0; left:0; opacity:0.3; } 
.MainListSwipe .MultiSlider .TextBox .Text01 { position:relative; display:block; z-index:2; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 

/* 슬라이드 버튼 */
.MainListSwipe .MultiSlider .SliderBtn { position:relative; z-index:1; bottom:5%; width:1400px; left:50%; margin-left:-700px; text-align:center; margin-top:1.5em; } 
.MainListSwipe .MultiSlider .SliderBtn .swiper-pagination-bullet { background-color:#555; opacity:.2; } 
.MainListSwipe .MultiSlider .SliderBtn .swiper-pagination-bullet-active { opacity:1; } 


/* [메인]전후사진영역 */
section.MainCompareSwipe { position:relative; display:block; padding:10em 0; } 
.MainCompareSwipe .Inner { width:100%; } 
/* 타이틀 */
.MainCompareSwipe .BigTitle { position:relative; display:block; text-align:left; margin-bottom:3em; text-align:left;} 
.MainCompareSwipe .BigTitle *{text-align:left;} 
.MainCompareSwipe .BigTitle .Title01 { position:relative; display:block; font-size:3.2em; font-weight:400; line-height:1.3; text-align:left; font-weight:600;} 
.MainCompareSwipe .BigTitle .MainBigTitle { text-align:left; }
.MainCompareSwipe .BigTitle .Title01 b { font-weight:700; } 
.MainCompareSwipe .BigTitle .Title02 { position:relative; display:block; font-size:1.45em; font-weight:400; line-height:1.3; margin-top:1em; } 
/* 기본 */
.MainCompareSwipe dl { position:relative; display:block; width:100%; } 
.MainCompareSwipe dl dt { position:relative; display:block; width:960px; height:800px; z-index:1; left:0; } 
.MainCompareSwipe dl dt span { position:relative; display:block; width:100%; height:100%; background-color:#f2f2f2; } 
.MainCompareSwipe dl dt span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
.MainCompareSwipe dl dd { position:absolute; display:block; z-index:1; width:1400px; left:50%; padding-left:360px; margin:0 auto; transform:translate(-50%, -50%); top:50%; } 
.MainCompareSwipe .MultiSlider { content:""; clear:both; display:block; position:relative; width:100%; height:inherit; } 
.MainCompareSwipe .MultiSlider .Slide { position:relative; } 
.MainCompareSwipe .MultiSlider .Slide a { position:relative; } 
.MainCompareSwipe .MultiSlider .ThumbBox { position:relative; display:flex; width:100%; } 
.MainCompareSwipe .MultiSlider .ThumbBox span { position:relative; display:block; width:48%; height:350px; background-color:#e4e4e4; } 
.MainCompareSwipe .MultiSlider .ThumbBox span:nth-child(1){margin-right:2%;} 
.MainCompareSwipe .MultiSlider .ThumbBox span:nth-child(2){margin-left:2%;} 
.MainCompareSwipe .MultiSlider .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 

/* 슬라이드진행바 */
.MainCompareSwipe .Scrollbar { margin:0 auto; margin-top:40px; height:5px; background-color:rgb(0 0 0 / 10%); opacity:1; width:100% } 
.MainCompareSwipe .Scrollbar .swiper-scrollbar-drag { border-radius:0; height:100%; position:relative; background:rgba(0,0,0,.5); } 


/* [메인]이미지타일형소개영역 */
section.MainTileList { position:relative; display:block; padding:10em 0; } 
/*.MainTileList .Inner { min-width:1420px; } */
/* 타이틀 */
.MainTileList .BigTitle { position:relative; display:block; text-align:left; width:1400px; margin-bottom:5em; } 
.MainTileList .BigTitle .Title01 { position:relative; display:block; font-size:3.2em; font-weight:600; line-height:1.3; } 
/* 기본 */
.MainTileList ul { position:relative; display:flex; margin:0 auto; width:100%; justify-content:center;} 
.MainTileList ul li { position:relative; display:block; width:calc(100% / 4); height:355px; padding:10px; vertical-align:top; } 
.MainTileList ul li .ThumbBox { position:relative; display:block; width:100%; height:100%; background-color:#f2f2f2; } 
.MainTileList ul li .ThumbBox img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 

/* [메인시안1]이미지타일형소개영역_5개일때 */
.MainTileList .five { display: grid; }
.MainTileList .five li{ width: 400px; }
.MainTileList .five li:nth-child(1) { grid-column: 1; }
.MainTileList .five li:nth-child(2) { grid-column: 1; grid-row: 2 ; }
.MainTileList .five li:nth-child(3) { grid-column: 2; }
.MainTileList .five li:nth-child(4) { grid-column: 2; grid-row: 2 ; }
.MainTileList .five li:nth-child(5) { grid-row: 1 / span 2; width:100%; height:710px;}

/* [메인시안1]이미지타일형소개영역_6개일때*/
.MainTileList .six { display: grid; }
.MainTileList .six li{ width: 295px; height: 295px; }
.MainTileList .six li:nth-child(1) { grid-column: 1; }
.MainTileList .six li:nth-child(2) { grid-column: 1; grid-row: 2; }
.MainTileList .six li:nth-child(3) { grid-row: 1 / span 2; width: 100%; height:590px;}
.MainTileList .six li:nth-child(4) { grid-column: 3; }
.MainTileList .six li:nth-child(5) { grid-column: 3; grid-row: 2; }
.MainTileList .six li:nth-child(6) { grid-row: 1 / span 2; width: 100%; height:590px;}

/* [메인시안1]이미지타일형소개영역_7개일때*/
.MainTileList .seven { display: grid; }
.MainTileList .seven li{ width: 240px; height: 240px; }
.MainTileList .seven li:nth-child(1) { grid-column: 1; }
.MainTileList .seven li:nth-child(2) { grid-column: 1; grid-row: 2; }
.MainTileList .seven li:nth-child(3) { grid-row: 1 / span 2; width: 100%; height:480px; }
.MainTileList .seven li:nth-child(4) { grid-column: 3; }
.MainTileList .seven li:nth-child(5) { grid-column: 3 / span 2; grid-row: 2; width: 100%; }
.MainTileList .seven li:nth-child(5) a { display:block; height: 220px; }
.MainTileList .seven li:nth-child(6) { grid-column: 4; }
.MainTileList .seven li:nth-child(7) { grid-row: 5 / 1; width:100%; height:480px; }

/* [메인시안1]이미지타일형소개영역_8개일때 */
.MainTileList .eight { display: grid; }
.MainTileList .eight li{ width:250px; height:250px; }
.MainTileList .eight li:nth-child(1) { grid-column: 1; }
.MainTileList .eight li:nth-child(2) { grid-column: 1 / span 2; grid-row: 2; width:100%; }
.MainTileList .eight li:nth-child(2) a { display:block; height: 230px; }
.MainTileList .eight li:nth-child(3) { grid-column: 2;}
.MainTileList .eight li:nth-child(4) { grid-column: 3 / span 2; grid-row: 1 / span 2; width: 100%; height: 500px;}
.MainTileList .eight li:nth-child(5) { grid-column: 5; grid-row: 1;}
.MainTileList .eight li:nth-child(6) { grid-column: 5; grid-row: 2;}
.MainTileList .eight li:nth-child(7) { grid-column: 6; grid-row: 1;}
.MainTileList .eight li:nth-child(8) { grid-column: 6; grid-row: 2;}

/* [메인시안1]이미지타일형소개영역_9개일때 */
.MainTileList .nine { display: grid; }
.MainTileList .nine li{ width: 240px; height: 240px; }
.MainTileList .nine li:nth-child(1) { grid-column: 1; }
.MainTileList .nine li:nth-child(2) { grid-column: 1; grid-row: 2; }
.MainTileList .nine li:nth-child(3) { grid-column: 2;}
.MainTileList .nine li:nth-child(4) { grid-column: 2; grid-row: 2; }
.MainTileList .nine li:nth-child(5) { grid-column: 3 / span 2; grid-row: 1 / span 2; width: 100%; height: 480px;}
.MainTileList .nine li:nth-child(6) { grid-column: 5; grid-row: 1;}
.MainTileList .nine li:nth-child(7) { grid-column: 5; grid-row: 2;}
.MainTileList .nine li:nth-child(8) { grid-column: 6; grid-row: 1;}
.MainTileList .nine li:nth-child(9) { grid-column: 6; grid-row: 2;}

/* [메인시안1]이미지타일형소개영역_10개일때 */
.MainTileList .ten { display: grid; }
.MainTileList .ten li{ width:285px; height:285px; }
.MainTileList .ten li:nth-child(1) { grid-column: 1; }
.MainTileList .ten li:nth-child(2) { grid-column: 1 / span 2; grid-row: 2; width: 100%;}
.MainTileList .ten li:nth-child(2) a { display:block; height:265px; }
.MainTileList .ten li:nth-child(3) { grid-column: 1; grid-row: 3; }
.MainTileList .ten li:nth-child(4) { grid-column: 2; }
.MainTileList .ten li:nth-child(5) { grid-column: 2; grid-row: 3; }
.MainTileList .ten li:nth-child(6) { grid-column: 3 / span 2; grid-row: 1 / span 2; width: 100%; }
.MainTileList .ten li:nth-child(6) a { display:block;  height:550px; }
.MainTileList .ten li:nth-child(7) { grid-column: 3 / span 2; grid-row: 3 / span 2; width: 100%;}
.MainTileList .ten li:nth-child(7) a { display:block;  height:265px; }
.MainTileList .ten li:nth-child(8) { grid-column: 5; }
.MainTileList .ten li:nth-child(9) { grid-column: 5; grid-row: 2;}
.MainTileList .ten li:nth-child(10) { grid-column: 5; grid-row: 3;}

/* [메인]이미지타일형소개영역_11개일때 */
.MainTileList .eleven { display: grid; }
.MainTileList .eleven li{ width: 240px; height: 240px; }
.MainTileList .eleven li:nth-child(1) { grid-column: 1; }
.MainTileList .eleven li:nth-child(2) { grid-column: 1 / span 2; grid-row: 2; width: 100%;}
.MainTileList .eleven li:nth-child(2) a { display:block; height: 220px; }
.MainTileList .eleven li:nth-child(3) { grid-column: 1 / 3; grid-row: 3; }
.MainTileList .eleven li:nth-child(4) { grid-column: 2; }
.MainTileList .eleven li:nth-child(5) { grid-column: 2; grid-row: 3; }
.MainTileList .eleven li:nth-child(6) { grid-column: 3 / span 2; grid-row: 1 / span 2; width: 100%; }
.MainTileList .eleven li:nth-child(6) a { display:block;  height:460px; }
.MainTileList .eleven li:nth-child(7) { grid-column: 3; grid-row: 3; width: 100%; }
.MainTileList .eleven li:nth-child(7) a { display:block;  height:220px; }
.MainTileList .eleven li:nth-child(8) { grid-column: 4; grid-row: 3;}
.MainTileList .eleven li:nth-child(9) { grid-column: 5; }
.MainTileList .eleven li:nth-child(10) { grid-column: 5; grid-row: 2;}
.MainTileList .eleven li:nth-child(11) { grid-column: 5; grid-row: 3;}

/* [메인]이미지타일형소개영역_12개일때 */
.MainTileList .twelve { display: grid; }
.MainTileList .twelve li{ width: 240px; height: 240px; }
.MainTileList .twelve li:nth-child(1) { grid-column: 1; }
.MainTileList .twelve li:nth-child(2) { grid-column: 1 ; grid-row: 2; }
.MainTileList .twelve li:nth-child(3) { grid-column: 1 / 3; grid-row: 3; }
.MainTileList .twelve li:nth-child(4) { grid-column: 2; }
.MainTileList .twelve li:nth-child(5) { grid-column: 2; grid-row: 2; }
.MainTileList .twelve li:nth-child(6) { grid-column: 2; grid-row: 3; }
.MainTileList .twelve li:nth-child(7) { grid-column: 3 / span 2; grid-row: 1 / span 2; width: 100%; }
.MainTileList .twelve li:nth-child(7) a { display:block;  height:460px; }
.MainTileList .twelve li:nth-child(8) { grid-column: 3; grid-row: 3; width: 100%; }
.MainTileList .twelve li:nth-child(8) a { display:block;  height:220px; }
.MainTileList .twelve li:nth-child(9) { grid-column: 4; grid-row: 3;}
.MainTileList .twelve li:nth-child(10) { grid-column: 5; }
.MainTileList .twelve li:nth-child(11) { grid-column: 5; grid-row: 2;}
.MainTileList .twelve li:nth-child(12) { grid-column: 5; grid-row: 3;}

/* [메인]이벤트상품영역 */
section.MainEventSwipe { position:relative; display:block; padding:8em 0 5em 0; } 
.MainEventSwipe .Inner { } 
/* 타이틀 */
.MainEventSwipe .BigTitle { position:relative; display:block; text-align:left; } 
.MainEventSwipe .BigTitle .Title01 { position:relative; display:block; font-size:1.5em; line-height:1.2; text-align:left; }
.MainEventSwipe .BigTitle .Title01 em { font-weight:400; font-size:2em; } 
.MainEventSwipe .BigTitle .Title01 b { font-weight:600; font-size:2.5em; } 
/* 더보기 */
.MainEventSwipe .More { position:relative; display:block; margin-top:3.5em; text-align:left; } 
.MainEventSwipe .More a { position:relative; display:inline-block; padding:0.5em 2.5em; border:2px solid #000; } 
.MainEventSwipe .More a span { line-height:1; font-size:1.25em; font-weight:600; } 
.MainEventSwipe .More a:hover { transition-duration:300ms; } 
.MainEventSwipe .More a:hover span { transition-duration:300ms; color:#fff; } 
/* 기본 */
.MainEventSwipe dl { position:relative; display:flex; width:100%; align-items:center; } 
.MainEventSwipe dt { position:relative; display:block; width:40%; vertical-align:middle; } 
.MainEventSwipe dd { position:relative; display:block; width:60%; } 
.MainEventSwipe .MultiSlider { position:relative; display:block; width:100%; } 
.MainEventSwipe .MultiSlider .Slide { position:relative; } 
.MainEventSwipe .MultiSlider .Slide a { position:relative; } 
.MainEventSwipe .MultiSlider .ThumbBox { position:relative; display:block; width:100%; height:340px; background-color:#f2f2f2; } 
.MainEventSwipe .MultiSlider .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
.MainEventSwipe .MultiSlider .TextBox { position:relative; display:block; margin-top:1em; } 
.MainEventSwipe .MultiSlider .TextBox > div { position:relative; display:block; line-height:1.3; } 
.MainEventSwipe .MultiSlider .TextBox .Text01 { font-size:1em; font-weight:400; } 
.MainEventSwipe .MultiSlider .TextBox .Text02 { font-size:1.2em; font-weight:600; margin-top:0.3em; } 

/* 슬라이드 버튼 */
.MainEventSwipe .MultiSlider .SliderBtn { position:relative; z-index:1; bottom:5%; width:1400px; left:50%; margin-left:-700px; text-align:center; margin-top:2.5em; } 
.MainEventSwipe .MultiSlider .SliderBtn .swiper-pagination-bullet { background-color:#555; opacity:.2; } 
.MainEventSwipe .MultiSlider .SliderBtn .swiper-pagination-bullet-active { opacity:1; } 


/* [메인]하단배너영역 */
section.MainIntroSwipe { position:relative; display:block; padding:10em 0; } 
.MainIntroSwipe .Inner { } 
/* 타이틀 */
.MainIntroSwipe .BigTitle { position:relative; display:block; text-align:left; font-size:1.5em;}
.MainIntroSwipe .BigTitle *{text-align:left;} 
.MainIntroSwipe .BigTitle .Title01 { position:relative; display:block; font-size:2.5em; font-weight:600; line-height:1.3; text-align:left;} 
.MainIntroSwipe .BigTitle .MainBigTitle { text-align:left; } 
.MainIntroSwipe .BigTitle .Title02 { position:relative; display:block; font-size:1em; font-weight:400; line-height:1.3; margin-top:1em; } 
/* 기본 */
.MainIntroSwipe dl { position:relative; display:flex; width:100%; align-items:center; } 
.MainIntroSwipe dt { position:relative; display:block; width:40%; vertical-align:middle; } 
.MainIntroSwipe dd { position:relative; display:block; width:60%; } 
.MainIntroSwipe .MultiSlider { position:relative; display:block; width:100%; } 
.MainIntroSwipe .MultiSlider .Slide { position:relative; } 
.MainIntroSwipe .MultiSlider .Slide a { position:relative; } 
.MainIntroSwipe .MultiSlider .ThumbBox { position:relative; display:block; width:100%; height:250px; background-color:#f2f2f2; } 
.MainIntroSwipe .MultiSlider .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 

/* 슬라이드진행바 */
.MainIntroSwipe .Scrollbar { margin:0 auto; margin-top:40px; height:5px; background-color:rgb(0 0 0 / 10%); opacity:1; width:100% } 
.MainIntroSwipe .Scrollbar .swiper-scrollbar-drag { border-radius:0; height:100%; position:relative; background:rgba(0,0,0,.5); } 


/* [메인]메인하단배너영역 */
section.MainBottomBanner { } 
.MainBottomBanner .Inner { width:100%; } 
/* 기본 */
.MainBottomBanner .ThumbBox { position:relative; display:block; z-index:1; height:500px; background-color:#f2f2f2; } 
.MainBottomBanner .ThumbBox span { position:relative; display:block; height:100%; } 
.MainBottomBanner .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover;} 
.MainBottomBanner .TextBox * { color:#000; line-height:1.3; } 
.MainBottomBanner .TextBox { position:absolute; display:table; width:100%; z-index:2; text-align:center; vertical-align:middle; top:50%; transform:translate(0, -50%); } 
.MainBottomBanner .TextBox .Text01 { position:relative; display:block; font-size:3em; font-weight:800; } 
.MainBottomBanner .TextBox .Text02 { position:relative; display:block; font-size:1.5em; font-weight:400; margin-top:1em; } 


/* [메인]영상영역 */
section.MainVideoSwipe { position:relative; display:block; padding:10em 0; } 
.MainVideoSwipe .Inner { } 
/* 타이틀 */
.MainVideoSwipe .BigTitle { position:relative; display:block; text-align:center; } 
.MainVideoSwipe .BigTitle .Title01 { position:relative; display:block; line-height:1.2; font-size:1em;} 
.MainVideoSwipe .BigTitle .MainBigTitle {font-size:1em;}
.MainVideoSwipe .BigTitle .Title01 em { font-weight:600; font-size:3.2em; } 
.MainVideoSwipe .BigTitle .Title01 b { font-weight:600; font-size:3.2em; } 
/* 더보기 */
.MainVideoSwipe .More { position:absolute; display:block; right:0; top:50%; transform:translate(0, -50%); } 
.MainVideoSwipe .More a { position:relative; display:inline-block; padding:0.5em 2.5em; border:2px solid #000; } 
.MainVideoSwipe .More a span { line-height:1; font-size:1.25em; font-weight:600; } 
.MainVideoSwipe .More a:hover { transition-duration:300ms; } 
.MainVideoSwipe .More a:hover span { transition-duration:300ms; color:#fff; } 
/* 기본 */
.MainVideoSwipe dl { position:relative; display:table; width:100%; margin:5em auto 0 auto; } 
.MainVideoSwipe dl dt { position:relative; display:inline-table; width:53%; vertical-align:top; } 
.MainVideoSwipe dl dd { position:relative; display:inline-table; width:47%; padding-left:50px; vertical-align:top; } 
.MainVideoSwipe dl dd .MultiSlider { position:relative; display:block; width:100%; height:420px; overflow-y:auto; border-bottom:1px solid #bbbbbb; border-top:1px solid #bbbbbb; } 
.MainVideoSwipe dl dd .MultiSlider .Slide { position:relative; display:table; width:100%; cursor:pointer; } 
.MainVideoSwipe dl dd .MultiSlider .Slide { padding:0.9em 0; height:calc(417px / 3) !important; } 
.MainVideoSwipe dl dd .MultiSlider .Slide.swiper-slide-next { border-bottom:1px dashed #cecece; border-top:1px dashed #cecece; } 
.MainVideoSwipe dl dd .MultiSlider .Slide:first-child { } 
.MainVideoSwipe dl dd .ThumbBox { position:relative; display:inline-table; width:30%; vertical-align:middle; } 
.MainVideoSwipe dl dd .ThumbBox img { width:100%; } 
.MainVideoSwipe dl dd .TextBox { position:relative; display:inline-table; width:70%; padding-left:1.5em; vertical-align:middle; } 
.MainVideoSwipe dl dd .TextBox .Text01 { position:relative; display:-webkit-box; width:80%; font-size:1.35em; font-weight:700; line-height:1.4; letter-spacing:-1px; margin-bottom:0.4em; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } 
.MainVideoSwipe dl dd .TextBox .MainVideoText01 { font-size:1.2em; text-align:left; }
.MainVideoSwipe dl dd .TextBox .MainVideoText02 { font-size:1em; text-align:left; }
.MainVideoSwipe dl dd .TextBox .Text02 { display:-webkit-box; font-size:1.15em; opacity:.6; letter-spacing:-0.5px; font-weight:500; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 

/* 슬라이드 버튼 */
.MainVideoSwipe .SliderBtn { position:absolute; top:-6%; z-index:2; left:50px; } 
.MainVideoSwipe .SliderBtn .swiper-pagination-bullet { background-color:#555; opacity:.2; } 
.MainVideoSwipe .SliderBtn .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:8px; } 
.MainVideoSwipe .SliderBtn .swiper-pagination-bullet-active { opacity:1; } 


/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
/* [공통] 동영상삽입 */
.Movie_IframArea { content:""; clear:both; display:block; width:100%; position:relative; text-align:center; margin:auto; } 
.Movie_Iframe { position:relative; width:100%; margin:0; padding:0; padding-bottom:56.25%; } 
.Movie_Iframe iframe { position:absolute; left:0; width:100%; height:100%; margin:0; padding:0; } 
.Movie_Iframe video { position:absolute; left:0; width:100%; height:100%; margin:0; padding:0; background-color:#000; } 
.Movie_Iframe_Original { position:relative; width:100%; margin:auto; padding:0; padding-bottom:56.25%; } 
.Movie_Iframe_Original iframe { position:absolute; left:0; width:100%; height:100%; margin:0; padding:0; } 



/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 하단푸터전용 */
.Footer_Area { content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; } /* padding-bottom:80px; 퀵을위한 하단 여백삽입 */
.Footer_AreaComm { } /* 통합 */
.Footer_AreaBranch { } /* 지점 */
/* 영역 */
.Footer_Area > .Inner { position:relative; } 

/* ---------------------- */
/* 하단상세정보 */
.CommonBottom_Area * { text-align:left; line-height:1; } 
.CommonBottom_Area { margin-top: 0; position:relative; display:block; } 
.CommonBottom_Area .BigTitle { position:relative; display:block; font-size:1.45em; font-weight:700; margin-bottom:0.8em; } 
.CommonBottom_Area .TextBox { position:relative; display:block; } 
.CommonBottom_Area dl { position:relative; display:table; width:100%; } 
.CommonBottom_Area dl dt { position:relative; display:inline-table; width:40%; vertical-align:top; } 
.CommonBottom_Area dl dd { position:relative; display:inline-table; width:60%; vertical-align:top; } 
/* 상세정보 */
.Company_Area { position:relative; display:block; padding:6em 0; } 
.Company_Area .Bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:.08; } 
.Company_Area pre { line-height:2; font-size:1.15em; } 
.Company_Area pre.Left { display:table-cell; width:7em; font-weight:700; } 
.Company_Area pre.Right { display:table-cell; font-weight:400; } 
.Company_Area .TelCont { position:relative; display:block; min-height:8.5em; } 
.Company_Area .TelCont a { font-size:2em; font-weight:700; } 
.Company_Area .TimeCont { position:relative; display:block; } 
.Company_Area .AddressCont { position:relative; display:block; min-height:8.5em; } 
.Company_Area .MapCont { position:relative; display:block; } 
.Company_Area .MapCont #OpenMap { position:relative; display:block; width:100%; height:17em; } 

/* 기본정보 */
.Bottom_Area * { font-weight:500; } 
.Bottom_Area { position:relative; display:block; padding:4em 0 calc(4em + 60px) 0;} 
.Bottom_Area .Bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:.2; } 
.Bottom_Area .Inner dl{display:flex; align-items: center;}
.Bottom_Area .Inner dt{width:25%;}
.Bottom_Area .LogoCont .Logo { width: 200px; } 
.Bottom_Area .LogoCont .Logo img { width:100%; height:100%; object-fit:contain; } 
.Bottom_Area .Link { position:relative; display:block; } 
.Bottom_Area .Link ul { position:relative; display:table; width:100%; } 
.Bottom_Area .Link ul li { position:relative; display:inline-table; vertical-align:middle; } 
.Bottom_Area .Link ul li + li { margin-left:0.7em; padding-left:0.7em; } 
.Bottom_Area .Link ul li + li:before { width:1px; height:0.6em; position:absolute; content:''; top:50%; margin-top:-0.3em; left:0; background-color:#000; } 
.Bottom_Area .Link ul li a { } 
.Bottom_Area .InfoCont { position:relative; display:table; width:100%; margin-top:2em; } 
.Bottom_Area .InfoCont .Info01 { position:relative; display:table; width:100%; margin-bottom:0.8em; } 
.Bottom_Area .InfoCont .Info02 { position:relative; display:inline-table; } 
.Bottom_Area .InfoCont .Info03 { position:relative; display:inline-table; margin-left:0.7em; padding-left:0.7em; } 
.Bottom_Area .InfoCont .Info04 { position:relative; display:inline-table; margin-left:0.7em; padding-left:0.7em; } 
.Bottom_Area .InfoCont .Info05 { position:relative; display:inline-table; margin-left:0.7em; padding-left:0.7em; } 
.Bottom_Area .InfoCont .Info06 { position:relative; display:inline-table; margin-left:0.7em; padding-left:0.7em; } 
.Bottom_Area .InfoCont .Info03:before,
.Bottom_Area .InfoCont .Info04:before,
.Bottom_Area .InfoCont .Info05:before,
.Bottom_Area .InfoCont .Info06:before { width:1px; height:0.6em; position:absolute; content:''; top:50%; margin-top:-0.3em; left:0; background-color:#000; } 
.Bottom_Area .InfoCont .Info07 { position:relative; display:table; width:100%; margin:0.8em 0; } 

/* ---------------------- */
/* 빠른상담신청 */
.Contact_Quick { font-family:'Pretendard'; } 
.Contact_Quick { content:""; clear:both; position:fixed; bottom:0px; width:100%; text-align:center; margin:auto; background:#000; background-color:rgba(0, 0, 0, 0.6); padding:15px 50px; z-index:999; } 
.Contact_Quick >.Inner { min-width:1400px; max-width:1400px; } 
/* 타이틀 */
.Contact_Quick .Title { display:block; width:100%; text-align:center; margin-bottom:3%; } 
.Contact_Quick .Title strong { display:block; font-size:15pt; letter-spacing:-1px; text-align:left; } 
/* 내용 */
.Contact_Quick * { color:#fff; } 
.Contact_Quick dl { display:table; width:100%; table-layout:fixed; } 
.Contact_Quick dt { display:table-cell; position:relative; vertical-align:middle; text-align:center; } 
.Contact_Quick dd { display:table-cell; position:relative; vertical-align:middle; padding-right:5px; width:10%; } 
.Contact_Quick dd label input,
.Contact_Quick dd select,
.Contact_Quick dd select option,
.Contact_Quick dd textarea { color:#000; background-color:#fff; border:1px solid #fff; border-radius:0; resize:none; font-family:'Pretendard'; } 
.Contact_Quick dd input { height:30px; vertical-align:middle; } 
.Contact_Quick dd select { display:block; width:100%; height:30px; vertical-align:middle; -webkit-appearance:none; background:url('/img/common/chevron-down.svg') no-repeat right 13px center; background-size:11px; -moz-appearance:none; /*for firefox*/ appearance:none; box-sizing: border-box; background-color:#fff; padding-left:10px; } 
.Contact_Quick dd select::-ms-expand { display:none; /*for IE10,11*/ } 
.Contact_Quick dd label { display:table; width:100%; text-align:center; margin:auto; } 
.Contact_Quick dd label .InputBox { display:table-cell; vertical-align:top; } 
.Contact_Quick dd label p { display:table-cell; display:none; padding-right:5px; } 
.Contact_Quick dd label .InputBox * { display:inline-block; } 
.Contact_Quick dd label .InputBox input { width:100%; padding:0px 5px; } 
.Contact_Quick dd label.BranchName { display:block; width:100%; height:30px; text-align:left; vertical-align:middle; border:1px solid #d0d0d0; border-radius:3px; background-color:#fff; } 
.Contact_Quick dd label.BranchName .InputBox { color:#000; line-height:30px; padding:0px 5px; } 
/* 버튼 */
.Contact_Quick .BtnBox { } 
.Contact_Quick .Btn { display:block; width:100%; font-size:14pt; font-weight:normal; vertical-align:middle; padding:15px 0px; } 
/* 동의 */
.Contact_Quick .AgreeBox { display:inline-table; padding:0 10px; text-align:left; } 
.Contact_Quick .AgreeBox label { color:#ffffff; display:inline-table; margin:0; vertical-align:middle; } 
.Contact_Quick .AgreeBox label i { color:#fff !important; font-size:0.9em; } 
.Contact_Quick .AgreeBox label:first-child { margin-bottom:3px; } 
.Contact_Quick .AgreeBox label small { Zvertical-align:middle; } 
.Contact_Quick .AgreeBox label big { color:#fff !important; letter-spacing:-1px; line-height:1; vertical-align:middle; font-size:0.9em; } 
.Contact_Quick .AgreeBox a { font-size:0.7em; line-height:1; background-color:#fff; color:#666; font-weight:600; border-radius:2px; padding:0.2em 0.3em; margin-left:0.5em; } 
/* 길이설정 */
.Contact_Quick dl dt { width:8%; } 
.Contact_Quick dl dd:nth-child(2) { } 
.Contact_Quick dl dd:nth-child(3) { } 
.Contact_Quick dl dd:nth-child(4) { } 
.Contact_Quick dl dd:nth-last-child(4) { } 
.Contact_Quick dl dd:nth-last-child(3) { } 
.Contact_Quick dl dt:nth-last-child(2) { width:20%; } 
.Contact_Quick dl dt:last-child { } 


/* ---------------------------------------------------------------------------------------------------------------- */
/* 회원로그인및가입(20190522) */
#ContentDetail { padding:0; } 
.ui-widget-overlay { background-color:#000 !important; opacity:.7 !important; } 
.ui-dialog #ContentDetail.ui-dialog-content { height:540px !important; } 
.ui-dialog #ContentDetail.ui-dialog-content + div { background-color:#000 !important; opacity:0.7 !important; } 
.MemberLogin_Area * { font-family:'Pretendard' !important; } 
.MemberLogin_Area { content:""; clear:both; display:block; } 
#ContentDetail ..MemberLogin_Area { box-shadow:1px 1px 10px rgba(0,0,0, 0.4); } 
.MemberLogin_Area * { line-height:1em; } 
/* 팝업내용 */
.MemberLogin_Area section { content:""; clear:both; display:block; position:relative; background-color:#ffffff; } 
/* 팝업닫기 */
.MemberLogin_Area .ContactPop_Close { position:absolute; top:15px; right:15px; display:inline; text-align:center; border:none; border-radius:0px; background-color:#fff; z-index:9999999; overflow:hidden; cursor:pointer; padding:0px; } 
.MemberLogin_Area .ContactPop_Close span { color:#1d1d1d; font-size:2em; font-weight:200; line-height:0.5em; } 
.MemberLogin_Area .ContactPop_Close b { } 
.MemberLogin_Area .TabsClear.ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.MemberLogin_Area .TabsClear.ui-tabs .ui-tabs-nav li.ui-tabs-tab a { } 
/* 컨텐츠(탭내용) */
.MemberLogin_Content { content:""; clear:both; display:table; table-layout:fixed; position:relative; width:100%; text-align:center; margin:auto; padding:40px; } 
.MemberLogin_Content > div { text-align:left; } 
/* 타이틀 */
.MemberLogin_Area .BigTitle { content:""; clear:both; display:block; text-align:left; min-height:5em; margin-bottom:10px; } 
.MemberLogin_Area .BigTitle p { font-size:1.4em; font-weight:600; } 
.MemberLogin_Area .BigTitle span { display:block; line-height:1.4; margin-top:0.8em; font-size:0.85em; color:#b2b2b2; } 
/* 내용 */
.MemberLogin_Area .ContSection { content:""; clear:both; display:block; position:relative; width:100%; } 
/* 버튼 */
.MemberLogin_Area .BtnClub a,
.MemberLogin_Area button { display:inline-block; font-weight:bold; border-radius:3px; text-align:center; border:none; cursor:pointer; overflow:hidden; padding:15px 20px; font-family:'Pretendard'; } 
.MemberLogin_Area .BtnClub { display:block; width:100%; text-align:center; margin:auto; padding-top:15px; } 
.MemberLogin_Area .BtnClub a { padding:0; line-height:1; border:none; border-radius:0; color:#888; font-weight:500; font-size:1em; } 
.MemberLogin_Area .BtnClub a:hover { color:#999; background:none; } 
.MemberLogin_Area .BtnClub a + a { padding-left:10px; margin-left:10px; border-left:1px solid #adadad; } 
.MemberLogin_Area .BtnClub button { font-size:1em; background-color:#fff; border:1px solid #cfcfcf; } 
.MemberLogin_Area .BtnClub button:hover { background:#ededed; background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); } 
.MemberLogin_Area li button { width:100%; color:#fff; background-color:#747474; font-weight:500; } 
.MemberLogin_Area li button:hover { background-color:#646464; } 
.MemberLogin_Area li.SimpleKakao button { color:#403a00; background-color:#fee500; border:1px solid #e9d202; } 
.MemberLogin_Area li.SimpleKakao span:before { content:""; clear:both; position:absolute; left:1em; width:1.4em; height:1.4em; background-repeat:no-repeat; background-repeat:no-repeat; background-size:100% auto; background-position:center top; cursor:pointer; overflow:hidden; background-image:url("/img/common/icon_kakao_sb.png"); } 
.MemberLogin_Area li.SimpleKakao:hover button { background-color:#e9d202; } 
.MemberLogin_Area li.SimpleNaver button { color:#fff; background-color:#03C75A; border:1px solid #01a446; } +
.MemberLogin_Area li.SimpleNaver span:before { content:""; clear:both; position:absolute; left:0.5em; top:0.3em; width:2.4em; height:2.4em; background-repeat:no-repeat; background-repeat:no-repeat; background-size:100% auto; background-position:center top; cursor:pointer; overflow:hidden; background-image:url("/img/common/icon_naver_sb.png"); } 
.MemberLogin_Area li.SimpleNaver:hover button { background-color:#01a446; } 

/* 인풋 */
.MemberLogin_Area ol { display:block; width:100%; } 
.MemberLogin_Area li { display:table; width:100%; table-layout:fixed; position:relative; margin-top:10px; } 
.MemberLogin_Area li:first-child { margin-top:0px; } 
.MemberLogin_Area li * { } 
.MemberLogin_Area li .Title { display:table-cell; width:24%; vertical-align:middle; font-weight:500; padding-right:10px; } 
.MemberLogin_Area li .Title span { color:#fb9999; font-size:0.75em; font-weight:500; margin-left:3px; } 
.MemberLogin_Area li .InputBox { } 
.MemberLogin_Area li .InputBox input,
.MemberLogin_Area li .InputBox select { font-family:'Pretendard'; border: 1px solid #c7c7c7; width:100%; padding:0 10px; height:2.5em; max-width:100%; line-height:2.5em; font-size:1em; } 
.MemberLogin_Area li p { display:block; width:100%; color:#1e1e1e; font-size:8pt; text-align:right; } 
.MemberLogin_Area .IdSaveBox { text-align:right; } 

/* 동의 */
.MemberLogin_Area .PersonalBox { content:""; clear:both; display:block; position:relative; width:100%; margin-top:10px; } 
/* 체크박스 */
.MemberLogin_Area .Checkbox { } 
.MemberLogin_Area .Checkbox big { font-size:0.9em; } 
/* 이메일 */
.MemberLogin_Area .InputBox .EmailBox { display:table; width:100%; table-layout:fixed; vertical-align:top; } 
.MemberLogin_Area .InputBox .EmailBox span,
.MemberLogin_Area .InputBox .EmailBox input,
.MemberLogin_Area .InputBox .EmailBox select { display:inline-block; float:left; height:18px; } 
.MemberLogin_Area .InputBox .EmailBox input:nth-child(1) { width:30%; } 
.MemberLogin_Area .InputBox .EmailBox span:nth-child(2) { width:5%; } 
.MemberLogin_Area .InputBox .EmailBox input:nth-child(3) { width:30%; } 
.MemberLogin_Area .InputBox .EmailBox select:nth-child(4) { width:35%; } 
/* 탭메뉴 */
.MemberLogin_Area.TabsClear,
.MemberLogin_Area .TabsClear { } 
.MemberLogin_Area.TabsClear ul.ui-tabs-nav,
.MemberLogin_Area .TabsClear ul.ui-tabs-nav { display:table; width:100%; margin-bottom:10px; } 
.MemberLogin_Area.TabsClear ul.ui-tabs-nav,
.MemberLogin_Area .TabsClear ul.ui-tabs-nav li { display:table-cell; text-align:center; } 
.MemberLogin_Area.TabsClear ul.ui-tabs-nav li a,
.MemberLogin_Area .TabsClear ul.ui-tabs-nav li a { display:block; width:100%; font-size:1em; font-weight:bold; text-align:center; border: 1px solid #dadada; padding:10px; } 
 .MemberLogin_Area.TabsClear ul.ui-tabs-nav li.ui-state-active a,
 .MemberLogin_Area .TabsClear ul.ui-tabs-nav li.ui-state-active a { color:#fff; background-color:#000; border: 1px solid #000; } 
 /* 결과안내메세지 */
.MemberLogin_Area .OutcomeMsg { content:""; clear:both; display:block; width:100%; text-align:center; padding:3% 0%; } 
.MemberLogin_Area .OutcomeMsg p { display:block; width:100%; text-align:center; font-size:0.9em; line-height:1.6em; } /* height:40px; */
.MemberLogin_Area .OutcomeMsg p strong { font-size:1em; font-weight:bold; } 


/* 양쪽구분 */
.MemberLogin_Area .ContentLeft { display:table-cell; position:relative; width:50%; text-align:left; border-right:1px solid #f5f6f7; padding-right:30px; } 
.MemberLogin_Area .ContentRight { display:table-cell; position:relative; width:50%; text-align:left; padding-left:30px; } 
/* 회원로그인 */
.MemberLogin_Area .Login { } 
.MemberLogin_Area .Login .AgreeBox { display:inline-block; position:absolute; top:4px; right:10px; width:auto; text-align:right; background:none; margin:0px; padding:0; } 
.MemberLogin_Area .Login .AgreeBox label { display:inline-block; } 
.MemberLogin_Area .Login .SimpleJoin{display:none;}

/* 회원가입 */
.MemberLogin_Area .Join { } 
.MemberLogin_Area .Join .AgreeBox { } 
.MemberLogin_Area .Join .AgreeBox ul { position:relative; display:block; } 
.MemberLogin_Area .Join .AgreeBox ul li { position:relative; display:table; width:100%; margin-top:0.3em; } 
.MemberLogin_Area .Join .AgreeBox label { display:inline-table; vertical-align:middle; } 
.MemberLogin_Area .Join .AgreeBox label em { } 
.MemberLogin_Area .Join .AgreeBox label em + span { color:#939293; font-size:0.75em; letter-spacing:-1px; } 
.MemberLogin_Area .Join .AgreeBox a { display:inline-table; vertical-align:middle; font-size:0.7em; line-height:1; background-color:#666; color:#fff; font-weight:600; border-radius:2px; padding:0.2em 0.3em; margin-left:0.5em; } 
.MemberLogin_Area .Join .IdBox { } 
.MemberLogin_Area .Join .IdBox .InputBox { } 
.MemberLogin_Area .Join .IdBox .InputBox input { width:70%; } 
.MemberLogin_Area .Join .IdBox .InputBox button { display:inline-block; width:28%; margin-left:2%; padding:0; height:2.5em; line-height:2.5em; } 

/* 하단공통문구 */
.MemberLogin_Bottom { content:""; clear:both; display:block; width:100%; text-align:center; background-color:#ededed; padding:15px; } 
.MemberLogin_Bottom p { color:#1d1d1d; } 
.MemberLogin_Bottom p b { color:#ef4d84; } 



/* =============================================================================================================================================================================================================== */
/* =============================================================================================================================================================================================================== */
.SubWrap { } 
.SubWrap .Inner { } 


/* ===================================================================== */
.BoardWrap { } 
.BoardWrap #Contents { } 

/* [공통]영역 */
.BoardWrap .BoardArea {padding-bottom:100px;} 
.BoardWrap .BoardList{padding-top:100px;}
/* 타이틀 */
.BigTitle { position: relative; display: block; } 
.BigTitle .Title01 { position:relative; display:block; font-size:1.9em; font-weight:bold; line-height:1.3; text-align:center; } 
.BoardListWrap .BigTitle { padding: 2em 0 2em 0; } 
.BoardListWrap .BoardView .BigTitle { padding: 0; } 

/* ===================================================================== */
.AboutWrap { } 
.AboutWrap #Contents { } 

/* [공통]키비주얼 */
section.TopVisual { position:relative; } 
.TopVisual .Inner { width:100%; } 
/* 기본 */
.TopVisual .BigTitle * { color:#000; line-height:1.3; } 
.TopVisual .BigTitle { position:absolute; display:table; width:100%; z-index:2; text-align:center; vertical-align:middle; top:50%; transform:translate(0, -50%); } 
.TopVisual .BigTitle .Title01 { position:relative; display:block; font-size:3.5em; font-weight:600; } 
.TopVisual .BigTitle .Title02 { position:relative; display:block; font-size:1.45em; font-weight:400; margin-top:1em; } 
.TopVisual .ThumbBox { position:relative; display:block; z-index:1; height:500px; background-color:#f2f2f2; } 
.TopVisual .ThumbBox span { position:relative; display:block; height:100%; } 
.TopVisual .ThumbBox span img {position:relative; display:block; height:100%; width:100%; object-fit:cover;} 

/* --------------------------------------------------------------------- */
/* [병원소개]키비주얼 */
section.TopVisual.AboutVisual { } 
.TopVisual.AboutVisual .Inner { } 
/* 기본 */
.TopVisual.AboutVisual .ThumbBox { } 
.TopVisual.AboutVisual .TextBox { } 


/* [병원소개]소개글 */
section.AboutInfo { position:relative; display:block; padding:8em 0; } 
.AboutInfo .Inner { width:100%; } 
/* 타이틀 */
.AboutInfo .BigTitle { position:relative; display:block; text-align:left; } 
.AboutInfo .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 
.AboutInfo .BigTitle .Title02 { position:relative; display:block; font-size:1.25em; font-weight:400; line-height:1.5; margin-top:1em; } 
/* 기본 */
.AboutInfo dl { position:relative; display:table; width:100%; align-items:center; } 
.AboutInfo dl + dl{margin-top:8em;}
.AboutInfo dt { position:relative; display:inline-table; width:50%; vertical-align:middle; } 
.AboutInfo dd { position:absolute; display:inline-table; width:50%; vertical-align:middle; transform:translate(0, -50%); top:50%; } 
.AboutInfo .ThumbBox { position:relative; display:block; width:100%; height:500px; background-color:#f2f2f2; } 
.AboutInfo .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
/* 개별 */
.AboutInfo dl.ThumbRight { } 
.AboutInfo dl.ThumbRight .BigTitle { text-align:right; }
.AboutInfo dl.ThumbRight .BigTitle:nth-child(2n+1) .Title01 {text-align:right;}
.AboutInfo dl.ThumbRight dt { float:right; } 
.AboutInfo dl.ThumbRight dd { padding-left:calc(50% - 700px); padding-right:6em; } 
.AboutInfo dl.ThumbLeft { } 
.AboutInfo dl.ThumbLeft .BigTitle { text-align:left; }
.AboutInfo dl.ThumbLeft .BigTitle:nth-child(2n+1) .Title01 {text-align:left;}
.AboutInfo dl.ThumbLeft dt { float:left; } 
.AboutInfo dl.ThumbLeft dd { padding-right:calc(50% - 700px); padding-left:6em; } 


/* [병원소개]리스트글 */
section.AboutList { position:relative; display:block; padding:8em 0; } 
.AboutList .Inner { } 
/* 타이틀 */
.AboutList .BigTitle { position:relative; display:block; text-align:center; margin-bottom:4.5em; } 
.AboutList .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 
/* 기본 */
.AboutList .ListBox { position:relative; display:block; width:100%; } 
.AboutList .ListBox ul { position:relative; display:flex; flex-direction:row; align-items:stretch; flex-wrap:wrap; width:100%; } 
.AboutList .ListBox ul li { position:relative; display:inline-flex; flex-grow:1; width:50%; border-right:0.7em solid #fff; border-left:0.7em solid #fff; margin-bottom:1.4em; } 
.AboutList .ListBox .TextBox { position:relative; display:block; width:100%; margin:0 auto; background-color:#f2f2f2; border-top:1px solid #999; padding:2.3em 3em 2.5em 3em; text-align:center; } 
.AboutList .ListBox .TextBox .Text01 { position:relative; display:block; font-size:1.25em; line-height:1.4; font-weight:500; } 
/* 뱃지 */
.AboutList .ListBox .TextBadge { position:relative; display:table; width:2.8em; height:2.8em; margin:0 auto; background-color:#333; text-align:center; border-radius:50%; margin-bottom:1em; } 
.AboutList .ListBox .TextBadge b { position:relative; display:table-cell; vertical-align:middle; color:#fff; font-size:1.4em; } 
/* 개별 */
.AboutList .ListBox.Basic .TextBadge { display:none; } 
.AboutList .ListBox.Basic .TextBox { padding:2.5em 3em 2.5em 3em } 
.AboutList .ListBox.Check { } 
.AboutList .ListBox.Number { } 


/* --------------------------------------------------------------------- */
/* [의료진소개]키비주얼 */
section.TopVisual.DoctorVisual { } 
.TopVisual.DoctorVisual .Inner { } 
/* 기본 */
.TopVisual.DoctorVisual .ThumbBox { } 
.TopVisual.DoctorVisual .TextBox { } 


/* [의료진소개]리스트 */
section.DoctorCommon { display:block; padding:8em; } 
.DoctorCommon .Inner { } 

/* 개별 */
.DoctorCommon .ProfileBox { position:relative; display:block; width:100%; } 
.DoctorCommon .ProfileBox ul { position:relative; display:block; } 
.DoctorCommon .ProfileBox ul li { position:relative; display:table; width:100%; } 
.DoctorCommon .ProfileBox ul li > div { position:relative; display:inline-table; vertical-align:top; } 
.DoctorCommon .ProfileBox ul li + li { margin-top:6em; padding-top:6em; border-top:1px solid #999; } 
.DoctorCommon .ProfileBox ul .NameBox { width:23%; } 
.DoctorCommon .ProfileBox ul .NameBox > div { display:inline-table; vertical-align:middle; font-size:1.6em; line-height:1; } 
.DoctorCommon .ProfileBox ul .NameBox > div + div { margin-left:0.3em; } 
.DoctorCommon .ProfileBox ul .NameBox .Part { font-weight:300; } 
.DoctorCommon .ProfileBox ul .NameBox .Level { font-weight:300; } 
.DoctorCommon .ProfileBox ul .NameBox .Name { font-weight:600; letter-spacing:0.3em; margin-left:0.6em !important; } 
.DoctorCommon .ProfileBox ul .CareerBox { width:47%; top:-0.4em; } 
.DoctorCommon .ProfileBox ul .CareerBox > pre { position:relative; display:block; } 
.DoctorCommon .ProfileBox ul .CareerBox > pre + pre { margin-top:2em; } 
.DoctorCommon .ProfileBox ul .CareerBox .Intro { font-size:2.2em; font-weight:700; line-height:1.4; margin-right:30px;} 
.DoctorCommon .ProfileBox ul .CareerBox .Career { font-size:1.15em; font-weight:300; line-height:1.8; } 
.DoctorCommon .ProfileBox ul .ThumbBox { position:relative; width:30%; height:500px; background-color:#f2f2f2; } 
.DoctorCommon .ProfileBox ul .ThumbBox span { } 
.DoctorCommon .ProfileBox ul .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 

/* [의료진소개]갤러리 */
.DoctorCommon { position: relative; line-height: 1.2; } 
.DoctorCommon .GalleryCover .BigTitle { padding: 0; } 
.DoctorCommon .GalleryCover .BigTitle .Title01{font-size:2.5em;}
.DoctorCommon .GalleryCover > .GalleryList ~ .GalleryList { padding-top: 130px; border-top: 2px solid #f4f6f8; } 
.DoctorCommon .GalleryCover .medical_staff { padding: 65px 0; width: 100%; display: table; } 
.DoctorCommon .GalleryCover .medical_staff li { 
 vertical-align: top; 
 width: 25%; 
 display: inline-table; 
 } 
.DoctorCommon .GalleryCover .StaffImg { 
 overflow: hidden; width: 100%; height: 380px; 
 } 
.DoctorCommon .GalleryCover .StaffImg img { 
 width: 100%; 
 height: 100%;; 
 object-fit: cover; 
 object-position : top; 
 } 
.DoctorCommon .GalleryCover .Name p { 
 white-space: nowrap; 
 max-width: 326px; 
 width: 100%; 
 font-size: 0; 
 overflow: hidden; 
 } 
.DoctorCommon .GalleryCover .Name p strong { font-size: 16pt; font-weight: 600; color: #404040; } 
.DoctorCommon .GalleryCover .Name p small { font-size: 12pt; font-weight: 400; color:#939394; } 
.DoctorCommon .GalleryCover .Career { 
 max-width: 326px; 
 width: 100%; 
 height: 3.5em; 
 overflow: hidden; 
 text-align: left; 
 font-size: 12pt; 
 color: #a8a8a8; 
 line-height: 1.2; 
 } 

/* [의료진소개]카드형 */
.DoctorCommon .CardBox {padding-bottom:8em;}
.DoctorCommon .CardBox .medical_staff { width: 100%; display: table; table-layout: fixed; } 
.DoctorCommon .CardBox .medical_staff li { background-color: #ffffff; border: 1px solid #e9e9e9; padding: 30px; width: 33.3%; display: inline-table; } 
.DoctorCommon .CardBox .StaffImg { 
 border-radius: 20px; 
 width: 100%; 
 height: 425px; 
 border: 1px solid #e9e9e9; 
 overflow: hidden; 
 } 
.DoctorCommon .CardBox .StaffImg img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 object-position: top; 
 transition: all 0.8s; 
 } 
.DoctorCommon .CardBox .medical_staff li:hover img { transform: scale(1.1); } 

.DoctorCommon .CardBox .Name { font-size: 16pt; color: #8f8074;  padding-top: 30px !important; padding-bottom: 0 !important;} 
.DoctorCommon .CardBox .Name p strong { font-size: 23pt; font-weight: 600; color: #404040; } 
.DoctorCommon .CardBox .Name p em { font-size: 14pt; color: #8f8074; font-weight: 600; } 
.DoctorCommon .CardBox .Career { max-width: 425px; width: 100%; height: 6.5em; overflow:hidden; text-align: left; font-size: 12pt; color: #a8a8a8; line-height: 1.6; margin-top: 0.8em; margin-bottom: 0.5em; } 

.popup { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; } 
.popup.clickvisible { display: block; } 
.popup .popup_bg { width: 100%; height: 100%; background-color: rgba(0,0,0, 0.5); } 
.popup .popup_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1300px; width: 100%; background-color: #ffffff; padding: 50px; font-size: 18pt; line-height: 1; } 
.popup .popup_con .closeBtn { position: absolute; top: 0; right: 0; font-size: 16pt; padding: 10px 20px; color: #ffffff; background-color: #333333; } 
.popup .popup_con .imgCover { max-width: 400px; width: 100%; height: 600px; } 
.popup .popup_con .imgCover img { width: 100%; height: 100%; object-fit: cover; object-position: top; } 
.popup .popup_con .Name { color: #404040; } 
.popup .popup_con .Name .title:after { content: ""; display: block; width: 130px; height: 5px; background: rgb(137,149,251); background: linear-gradient(90deg, rgba(137,149,251,1) 0%, rgba(130,255,224,1) 100%); margin-top: 30px; } 
.popup .popup_con .Name strong { font-size: 30pt; font-weight: 600; } 
.popup .popup_con .Name em { font-size: 16pt; font-weight: 600; } 
.popup .popup_con .info .Career { font-size: 13pt; line-height: 1.8; color: #888888; display: table; table-layout: fixed; max-width: 700px; width: 100%; } 
.popup .popup_con .info .Career > p { display: table-cell; width: 50%; } 

/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* [오시는길]키비주얼 */
section.TopVisual.mapVisual { } 
.TopVisual.mapVisual .Inner { } 
/* 기본 */
.TopVisual.mapVisual .ThumbBox { } 
.TopVisual.mapVisual .TextBox { } 


/* [오시는길]세부내용 */
section.MapDetail { position:relative; display:block; padding:8em 0; } 
.MapDetail .Inner { } 
/* 지도영역 */
.MapDetail .MapCont { position:relative; display:block; width:100%; } 
.MapDetail .MapCont + div { margin-top:6em; } 
.MapDetail .MapCont #DetailMap { position:relative; display:block; width:100%; height:30em; } 
/* 세부내용 */
.MapDetail .DetailBox { position:relative; display:block; width:100%; } 
.MapDetail .DetailBox ul { position:relative; display:table; width:100%; } 
.MapDetail .DetailBox ul li{position:relative; display:inline-table; width:calc(100% / 3 - 30px); margin-right:45px;}
.MapDetail .DetailBox ul li:nth-child(3n){margin-right:0;} 
.MapDetail .DetailBox ul li:nth-child(n+4) { margin-top:6em; } 
.MapDetail .DetailBox .BigTitle { position:relative; display:table; width:100%; } 
.MapDetail .DetailBox .BigTitle img { position:relative; display:inline-table; vertical-align:middle; } 
.MapDetail .DetailBox .BigTitle span { position:relative; display:inline-table; font-size:2em; font-weight:700; vertical-align:middle; margin-left:0.5em; } 
.MapDetail .DetailBox .BigTitle + div { margin-top:1.8em; } 
.MapDetail .DetailBox .TextBox * { } 
.MapDetail .DetailBox .TextBox { position:relative; display:table; width:100%; padding-right:10%; } 
/* 개별 */
.MapDetail .DetailBox .AddressCont { } 
.MapDetail .DetailBox .AddressCont pre { position:relative; display:block; font-size:1.3em; } 
.MapDetail .DetailBox .AddressCont pre.Text01 { font-weight:600; } 
.MapDetail .DetailBox .AddressCont pre.Text01 + pre { margin-top:0.3em; } 
.MapDetail .DetailBox .AddressCont pre.Text02 { font-weight:300; } 
.MapDetail .DetailBox .TimeCont { } 
.MapDetail .DetailBox .TimeCont pre { line-height:1.8; font-size:1.25em; } 
.MapDetail .DetailBox .TimeCont pre.Left { display:table-cell; width:33%; font-weight:700; } 
.MapDetail .DetailBox .TimeCont pre.Right { display:table-cell; font-weight:300; } 
.MapDetail .DetailBox .TelCont * { line-height:1; } 
.MapDetail .DetailBox .TelCont { } 
.MapDetail .DetailBox .TelCont .Tel { } 
.MapDetail .DetailBox .TelCont .Tel + div { margin-top:1.6em; } 
.MapDetail .DetailBox .TelCont .Tel a { font-size:2em; font-weight:300; border-bottom:1px solid #000; } 
.MapDetail .DetailBox .TelCont .Kakao { position:relative; display:table; width:100%; } 
.MapDetail .DetailBox .TelCont .Kakao img { position:relative; display:inline-table; vertical-align:middle; width:1.8em; } 
.MapDetail .DetailBox .TelCont .Kakao span { position:relative; display:inline-table; vertical-align:middle; font-size:1.25em; font-weight:600; margin-left:0.3em; } 
.MapDetail .DetailBox .SubWayCont { } 
.MapDetail .DetailBox .SubWayCont .TextBox { } 
.MapDetail .DetailBox .SubWayCont .TextBox > pre { position:relative; display:block; font-size:1.3em; } 
.MapDetail .DetailBox .SubWayCont pre.Text01 { font-weight:600; } 
.MapDetail .DetailBox .SubWayCont pre.Text01 + pre { margin-top:0.3em; } 
.MapDetail .DetailBox .SubWayCont pre.Text02 { font-weight:300; } 
.MapDetail .DetailBox .BusCont { } 
.MapDetail .DetailBox .BusCont .TextBox div { position:relative; display:block; font-size:1.25em; line-height:1; padding-left:1.2em; } 
.MapDetail .DetailBox .BusCont .TextBox div + div { margin-top:0.6em; } 
.MapDetail .DetailBox .BusCont .TextBox div:before { content:''; position:absolute; display:inline-block; width:0.8em; height:0.8em; border-radius:50%; left:0; top:50%; margin-top:-0.4em; } 
.MapDetail .DetailBox .BusCont .Green { } 
.MapDetail .DetailBox .BusCont .Green:before { background-color:#3dcd5b; } 
.MapDetail .DetailBox .BusCont .Blue { } 
.MapDetail .DetailBox .BusCont .Blue:before { background-color:#0762ff; } 
.MapDetail .DetailBox .BusCont .Red { } 
.MapDetail .DetailBox .BusCont .Red:before { background-color:#e50000; } 
.MapDetail .DetailBox .BusCont .SkyBlue { } 
.MapDetail .DetailBox .BusCont .SkyBlue:before { background-color:#00d3e5; } 
.MapDetail .DetailBox .CarCont { } 
.MapDetail .DetailBox .CarCont .TextBox { } 
.MapDetail .DetailBox .CarCont .TextBox > pre { position:relative; display:block; font-size:1.3em; } 
.MapDetail .DetailBox .CarCont pre.Text01 { font-weight:600; } 
.MapDetail .DetailBox .CarCont pre.Text01 + pre { margin-top:0.3em; } 
.MapDetail .DetailBox .CarCont pre.Text02 { font-weight:300; } 
.MapDetail .DetailBox .ParkingCont { } 
.MapDetail .DetailBox .ParkingCont .TextBox { } 
.MapDetail .DetailBox .ParkingCont .TextBox > pre { position:relative; display:block; font-size:1.3em; font-weight:600; } 
.MapDetail .DetailBox .ParkingCont .ThumbBox { position:relative; display:block; width:100%; } 


/* --------------------------------------------------------------------- */
/* [둘러보기]키비주얼 */
section.TopVisual.GalleryVisual { } 
.TopVisual.GalleryVisual .Inner { } 
/* 기본 */
.TopVisual.GalleryVisual .ThumbBox { } 
.TopVisual.GalleryVisual .TextBox { } 


/* [둘러보기]사진영역 */
section.GallerySwipe { position:relative; display:block; padding:8em 0; } 
.GallerySwipe .Inner { width:1000px; max-width:1000px; } 
/* 사진스와이프 */
.GallerySwipe .SwiperGallery { position:relative; width:100%; height:600px; margin:0 0 10px 0; overflow:hidden; } 
.GallerySwipe .SwiperGallery .swiper-button { display:none; } 
.GallerySwipe .SwiperGallery .swiper-pagination { } 
.GallerySwipe .SwiperGallery .swiper-pagination { position:absolute !important; left:20% !important; top:80%; width:auto !important; display:block; } 
.GallerySwipe .SwiperGallery .ThumbBox { width:auto; } 
.GallerySwipe .SwiperGallery .ThumbBox span { } 
.GallerySwipe .SwiperGallery .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
/* 썸네일스와이프 */
.GallerySwipe .SwiperGalleryThumb { position:relative; width:100%; padding:0; overflow:hidden; } 
.GallerySwipe .SwiperGalleryThumb .swiper-button { display:none; } 
.GallerySwipe .SwiperGalleryThumb .swiper-pagination { } 
.GallerySwipe .SwiperGalleryThumb .swiper-pagination { position:absolute !important; left:20% !important; top:80%; width:auto !important; display:block; } 
.GallerySwipe .SwiperGalleryThumb .ThumbBox { width:100px; height:100px; text-align:center; overflow:hidden; opacity:.3; } 
.GallerySwipe .SwiperGalleryThumb .ThumbBox.swiper-slide-active { opacity:1; border:1px solid #333; } 
.GallerySwipe .SwiperGalleryThumb .ThumbBox span { } 
.GallerySwipe .SwiperGalleryThumb .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 



/* ===================================================================== */
.ClinicInfoWrap { } 
.ClinicInfoWrap #Contents { } 


/* [상세]리스트형 */
section.ClinicList { position:relative; display:block; padding:8em 0; } 
.ClinicList .Inner { width:1000px; max-width:1000px; } 
/* 타이틀 */
.ClinicList .BigTitle { position:relative; display:block; text-align:center; margin-bottom:4.5em; } 
.ClinicList .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 
/* 기본 */
.ClinicList .ListBox { position:relative; display:block; width:100%; } 
.ClinicList .ListBox ul { position:relative; display:table; width:100%; } 
.ClinicList .ListBox ul li { position:relative; display:table; width:100%; } 
.ClinicList .ListBox ul li + li { border-top:1px solid #ccc; } 
.ClinicList .ListBox ul li:first-child { border-top:1px solid #333; } 
.ClinicList .ListBox ul li:last-child { border-bottom:1px solid #ccc; } 
.ClinicList .ListBox .TextBox { position:relative; display:table; width:100%; margin:0 auto; padding:2em 2.5em 2em 2.5em; text-align:center; } 
.ClinicList .ListBox .TextBox .Text01 { position:relative; display:inline-table; width:calc(100% - 3.2em); font-size:1.25em; line-height:1.4; font-weight:500; text-align:left; vertical-align:middle; } 
/* 뱃지 */
.ClinicList .ListBox .TextBadge { position:relative; display:inline-table; width:2.2em; height:2.2em; margin:0 auto; background-color:#333; text-align:center; border-radius:50%; margin-right:1em; vertical-align:middle; } 
.ClinicList .ListBox .TextBadge b { position:relative; display:table-cell; vertical-align:middle; color:#fff; font-size:1.15em; } 
/* 개별 */
.ClinicList .ListBox.Basic .TextBadge { width:5px; height:5px; } 
.ClinicList .ListBox.Basic .TextBadge b { display:none; } 
.ClinicList .ListBox.Basic .TextBox .Text01 { width:calc(100% - calc(5px + 1em)) } 
.ClinicList .ListBox.Check { } 
.ClinicList .ListBox.Number { } 


/* --------------------------------------------------------------------- */
/* [상세]썸네일형 */
section.ClinicThumb { position:relative; display:block; padding:8em 0; } 
.ClinicThumb .Inner { width:100%; } 
/* 타이틀 */
.ClinicThumb .BigTitle { position:relative; display:block; } 
.ClinicThumb .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 
.ClinicThumb .BigTitle .Title02 { position:relative; display:block; font-size:1.25em; font-weight:400; line-height:1.3; margin-top:1em; } 
/* 기본 */
.ClinicThumb dl { position:relative; display:table; width:100%; align-items:center; } 
.ClinicThumb dt { position:relative; display:inline-table; width:50%; vertical-align:middle; } 
.ClinicThumb dd { position:absolute; display:inline-table; width:50%; vertical-align:middle; transform:translate(0, -50%); top:50%; } 
.ClinicThumb .ThumbBox { position:relative; display:block; width:100%; height:500px; background-color:#f2f2f2; } 
.ClinicThumb .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
/* 개별 */
.ClinicThumb dl.ThumbRight { } 
.ClinicThumb dl.ThumbRight .BigTitle { text-align:right; } 
.ClinicThumb dl.ThumbRight .BigTitle .Title01 { text-align:right; } 
.ClinicThumb dl.ThumbRight dt { float:right; } 
.ClinicThumb dl.ThumbRight dd { padding-left:calc(50% - 700px); padding-right:6em; } 
.ClinicThumb dl.ThumbLeft { } 
.ClinicThumb dl.ThumbLeft .BigTitle { text-align:left; } 
.ClinicThumb dl.ThumbLeft .BigTitle .Title01 { text-align:left; } 
.ClinicThumb dl.ThumbLeft dt { float:left; } 
.ClinicThumb dl.ThumbLeft dd { padding-right:calc(50% - 700px); padding-left:6em; } 


/* --------------------------------------------------------------------- */
/* [상세]박스이미지형 */
section.ClinicBoxImg { position:relative; display:block; padding:8em 0; } 
.ClinicBoxImg .Inner { } 
/* 타이틀 */
.ClinicBoxImg .BigTitle { position:relative; display:block; text-align:center; margin-bottom:4.5em; } 
.ClinicBoxImg .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 
/* 기본 */
.ClinicBoxImg .ImgBox { position:relative; display:block; width:100%; } 
.ClinicBoxImg .ImgBox ul { position:relative; display:table; width:100%; text-align:center; } 
.ClinicBoxImg .ImgBox ul li { position:relative; display:inline-table; width:calc(calc(1400px - 180px) / 4); } 
.ClinicBoxImg .ImgBox ul li + li { margin-left:60px; } 
.ClinicBoxImg .ImgBox .ThumbBox { position:relative; display:block; z-index:1; width:calc(calc(1400px - 180px) / 4); margin:0 auto; } 
.ClinicBoxImg .ImgBox .ThumbBox span { position:relative; display:block; width:calc(calc(1400px - 180px) / 4); height:350px; background-color:#f2f2f2; } 
.ClinicBoxImg .ImgBox .ThumbBox span img { position:relative; display:block; width:100%; height:100%; object-fit:cover; } 
.ClinicBoxImg .ImgBox .TextBox * { line-height:1.4; font-size:1.25em; font-weight:500; } 
.ClinicBoxImg .ImgBox .TextBox { position:relative; display:block; bottom:0; z-index:2; width:100%; text-align:center; padding:1.25em 0.5em; background-color:#ddd; } 
.ClinicBoxImg .ImgBox .TextBox .Text01 { position:relative; display:block; z-index:2; } 
/* 개별 */
.ClinicBoxImg .ImgBox.Square { } 
.ClinicBoxImg .ImgBox.Round { } 
.ClinicBoxImg .ImgBox.Round .ThumbBox span { height:calc(calc(1400px - 180px) / 4); border-radius:50%; overflow:hidden; } 
.ClinicBoxImg .ImgBox.Round .TextBox { background:transparent; } 


/* --------------------------------------------------------------------- */
/* [상세]Full이미지형 */
section.ClinicFullImg { } 
.ClinicFullImg .Inner { width:100%; } 
/* 기본 */
.ClinicFullImg .ThumbBox { position:relative; display:block; z-index:1; /* min-height:600px; height:600px; */ background-color:#f2f2f2; } 
.ClinicFullImg .ThumbBox span { position:relative; display:block; height:100%; } 
.ClinicFullImg .ThumbBox span img { position:relative; display:block; width:100%; /* height:100%; object-fit:cover; */} 


/* --------------------------------------------------------------------- */
/* [상세]영상 */
section.ClinicVideo { position:relative; display:block; padding:8em 0; } 
.ClinicVideo .Inner { width:1000px; max-width:1000px; } 
/* 타이틀 */
.ClinicVideo .BigTitle { position:relative; display:block; text-align:center; margin-bottom:4.5em; } 
.ClinicVideo .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 

/* 기본 */
.ClinicVideo .VideoBox { position:relative; display:block; width:100%; } 
.ClinicVideo .VideoBox .Movie_IframArea { } 


/* --------------------------------------------------------------------- */
/* [상세]이미지리스트형 */
section.ClinicBgList { position:relative; display:block; } 
.ClinicBgList .Inner { width:100%; } 
/* 타이틀 */
.ClinicBgList .BigTitle { position:relative; display:block; text-align:center; margin-bottom:4.5em; } 
.ClinicBgList .BigTitle .Title01 { position:relative; display:block; font-size:3em; font-weight:600; line-height:1.3; } 
/* 기본 */
.ClinicBgList .ListArea { position:relative; background-position:center; background-size:cover; padding:8em 0; } 
.ClinicBgList .ListBox { position:relative; display:block; width:1000px; margin:0 auto; } 
.ClinicBgList .ListBox ul { position:relative; display:table; width:100%; } 
.ClinicBgList .ListBox ul li { position:relative; display:table; width:100%; } 
.ClinicBgList .ListBox ul li + li { border-top:1px solid #ccc; } 
.ClinicBgList .ListBox ul li:first-child { border-top:1px solid #333; } 
.ClinicBgList .ListBox ul li:last-child { border-bottom:1px solid #ccc; } 
.ClinicBgList .ListBox .TextBox { position:relative; display:table; width:100%; margin:0 auto; padding:2em 2.5em 2em 2.5em; text-align:center; } 
.ClinicBgList .ListBox .TextBox .Text01 { position:relative; display:inline-table; width:calc(100% - 3.2em); font-size:1.25em; line-height:1.4; font-weight:500; text-align:left; vertical-align:middle; } 
/* 뱃지 */
.ClinicBgList .ListBox .TextBadge { position:relative; display:inline-table; width:2.2em; height:2.2em; margin:0 auto; background-color:#333; text-align:center; border-radius:50%; margin-right:1em; vertical-align:middle; } 
.ClinicBgList .ListBox .TextBadge b { position:relative; display:table-cell; vertical-align:middle; color:#fff; font-size:1.15em; } 
/* 개별 */
.ClinicBgList .ListBox.Basic .TextBadge { width:5px; height:5px; } 
.ClinicBgList .ListBox.Basic .TextBadge b { display:none; } 
.ClinicBgList .ListBox.Basic .TextBox .Text01 { width:calc(100% - calc(5px + 1em)) } 
.ClinicBgList .ListBox.Check { } 
.ClinicBgList .ListBox.Number { } 


/* ===================================================================== */
/* [시술안내]_상품페이지형 */
.clinicTemplateListWrap .sampleSection .sectionTop { display: flex; align-items: center; margin-bottom: 80px;}
.clinicTemplateListWrap .sampleSection .sectionTop h2 { width:70%; font-size: 30px; }  
.clinicTemplateListWrap .sampleSection .sectionTop h2 span { padding-left:15px; font-size: 18px; }
.clinicTemplateListWrap .sampleSection .sectionTop .searchfiled { width:30%; }
.clinicTemplateListWrap .sampleSection .sectionTop .searchfiled .searchBox { width:100% }

/* 카테고리 */
.clinicTemplateListWrap .sampleSection .category .list { position: relative; display: table; width: 100%; } 
.clinicTemplateListWrap .sampleSection .category .list .textBox { position: relative; display: inline-table;  width: 25%; border: 1px solid #d9d9d9;  margin-top: -1px; border-left:none;}
.clinicTemplateListWrap .sampleSection .category .list .textBox:nth-child(4n+1) {border-left: 1px solid #d9d9d9;}
.clinicTemplateListWrap .sampleSection .category .list a { position: relative;  display: table-cell; vertical-align: middle; padding: 15px 0; font-size: 12pt;
 font-weight: 500;}
.clinicTemplateListWrap .sampleSection .category .list a span {position: relative; display: block; width: 100%; text-align: center;}
.clinicTemplateListWrap .sampleSection .category .list .textBox.active { background-color: #333; color: #fff; }

/* 카테고리 */
.sampleSection .arrayList { margin: 50px 0; border-bottom:1px solid #ddd; padding-bottom: 20px; }
.sampleSection .arrayList .list { display: flex; justify-content: flex-end; font-size:16px; color: #888; align-items: center; }
.sampleSection .arrayList .list .textBox { margin-left:20px; }

/* 리스트 전체 */
.itemListBox .list { width: 100%;  display: flex; flex-wrap: wrap; }
.itemListBox .list .itemBox { display: flex; width: calc(100% / 2); margin-bottom:80px; }
.itemListBox .list .itme { display:flex; width: 100%; }
.itemListBox .list .itme .itemImg { width: 200px; height: 200px; }
.itemListBox .list .itme .itemImg  img { width: 100%; height: 100%; object-fit: cover; }
.itemListBox .list .itme .itemInfo { width: 60%; padding-left:30px; }
.itemListBox .list .itme .itemInfo .itemSmallText { color: #9b9b9b; }
.itemListBox .list .itme .itemInfo .date { color: #9b9b9b; padding-top:10px; }
.itemListBox .list .itme .itemInfo .itemTitle {font-size:20px; font-weight: 700; padding:20px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.itemListBox .list .itme .itemInfo .itemEx { height: 20px; font-size:16px; line-height: 26px; margin: 10px 0; overflow: hidden;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.itemListBox .list .itme .itemInfo .money { font-size:24px; font-weight: 700; padding-top: 20px; }
.itemListBox .list .itme .itemInfo .money span { font-size:18px; padding-left:5px;}
.itemListBox .list .itme .itemInfo .money em {  position: relative; display: inline-block; text-decoration: line-through; font-weight: 500; font-size: 14px; padding-left:10px;}

/* ===================================================================== */
/* [시술안내_상세페이지]_상품페이지형 */
.sampleDetailSection .itemDetail { width: 1000px; margin: 0 auto; }
.sampleDetailSection .Inner {width:100%; display: flex; flex-direction: column; align-items: center;}
.sampleDetailSection .mainTitle {font-size:20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin: 60px 0; }
.sampleDetailSection .mainTitle span { font-weight: 700; }
.sampleDetailSection .conBox { display: flex; margin-bottom:100px; }
.sampleDetailSection .conBox .itemImg { width: 460px; height:460px; }

/* 리스트 상단내용 */
.sampleDetailSection .itemInfo { margin-left: 50px; width:50%; line-height:18px; }
.sampleDetailSection .itemInfo .itemTitle { line-height: 30px; font-size:26px;}
.sampleDetailSection .itemInfo .date {padding-top:10px;}
.sampleDetailSection .itemEx {padding:20px 0;}
.selectForm .list .listBox { width: 100%; border:1px solid #ddd; padding : 24px; margin-bottom: 20px;}
.selectForm .list .listBox:hover { box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05); transition-duration: .3s;}
.selectForm .list .listBox .name { line-height: 24px; font-size:20px; font-weight: 600;}
.selectForm .list .listBox .info {padding:20px 0; color:#666; }
.selectForm .list .listBox .price { display:flex; align-items: flex-end; font-size:20px; }
.selectForm .list .listBox .price em {margin-left:10px; color:#cdcdcd; }
.selectForm .list .listBox .CheckBox input { width:20px; height:20px }
.selectForm .list .listBox dl { display: flex; justify-content: space-between;}

.selectForm .btnArea { display: flex; flex-direction: column; width:100%;}
.selectForm .btnArea button { display:block; background-color: #ececec; padding:15px 0; font-size:20px; font-weight: 600; border-radius: 10px;}
.selectForm .btnArea .cartBtn {margin:10px 0; }

/* 리스트 상세내용 */
.sampleDetailSection .sectionDetail { width: 100%; }
.sectionDetail .detailCon { width:1000px; margin:0 auto; } 
.sectionDetail .detailCon .thumbBox {text-align: center; margin-bottom:80px; }
.sectionDetail .detailCon .thumbBox img { max-width: 100%; margin: 0 auto; }
.sectionDetail .listDetail { display: flex; flex-direction: column; }
.listDetail > div { padding:60px 50px; text-align: left; border-top:1px solid #ddd; }
.listDetail > div:last-child { border-bottom:1px solid #ddd; }
.listDetail .title { font-size:24px; font-weight: 600; padding-bottom:30px; line-height: 30px;}
.listDetail .textBox { padding:10px 0; font-size:18px; color: #333;}
.listDetail .textBox p { line-height: 28px; }
/* 문답 */
.listDetail .qnaArea {overflow: hidden;width:100%;}
.listDetail .landQna .qnaArea .qusetion { position: relative; display: block; width: 100%; text-align: right; overflow: hidden; }
.listDetail .qnaArea .qnaBox .qusetion pre { position: relative; display: block;  max-width: 80%; white-space: normal; float: right; }
.listDetail .qnaArea .qnaBox .qusetion pre p { font-size: 16px; padding: 20px; background-color: #555; color: #fff; border-radius: 20px; line-height: 1.5;}
.listDetail .qnaArea .qnaBox .answer pre { position: relative; display: table; max-width: 80%; white-space: normal; float: left;  margin-top: 40px;margin-bottom:40px;}
.listDetail .qnaArea .qnaBox .answer pre p { font-size: 16px; padding: 20px; background-color: #fff; border: 1px solid #cbcbcb; border-radius: 20px; line-height: 1.5;}
.inventoryBtn { display: block;  padding: 25px 80px; font-size: 18px; font-weight: 600; margin: 100px 0; }

/* ===================================================================== */
/* [시술안내]_상품페이지형(좌측메뉴) */
.clinicSideListWrap .formSection .temLeftSection { display: flex; justify-content: space-between; }

/* 좌측메뉴 */
.left-menu { width: 20%; border-top: 3px solid #333; }
.left-menu .list { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 25px 0 30px; }
.left-menu .list .textBox a {display:block; padding:30px 15px; font-weight: 600; font-size:16px; transition: all .5s; }
.left-menu .list .textBox:hover a { background-color:#f7f7f7;} 
.left-menu .list .textBox:last-child a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0; }

.left-menu .sectionTop h2 { width:100%; font-size: 26px; padding: 25px 15px; word-wrap: break-word; line-height: 30px; }  
.left-menu .sectionTop p { padding-left:15px; font-size: 16px; line-height: 20px; }

.left-menu .searchfiled { width:100%; }
.left-menu .searchfiled .searchBox { width: 100%; border: 1px solid #ddd; background-color: #fff; }
.left-menu .searchfiled .searchBox .InputBox { width: 100%; }
.left-menu .searchfiled .searchBox .InputBox input { font-size:16px; border-bottom:0; }

/* 우측리스트 */
.rightContantBox { width: 80%; margin-left: 80px; }

/* 카테고리 */
.rightContantBox .arrayList { margin-bottom: 70px; background-color: #f7f7f7; padding: 20px 30px;}
.rightContantBox .arrayList .list { display: flex; justify-content: flex-end; align-items:center; font-size:16px; color: #888; }
.rightContantBox .arrayList .list .textBox { margin-left:20px; }

/* 리스트 전체 */
.rightContantBox .itemListBox .list .itme {display:flex; flex-direction:column;}
.rightContantBox .itemListBox .list .itemBox {display: flex; width:calc(100% / 3 - 20px ); margin-left:30px; transition:all .5s;}
.rightContantBox .itemListBox .list .itemBox:nth-child(3n+1) {margin-left:0px;}
.rightContantBox .itemListBox .list .itemBox:hover {transform: translateY(-5px);}
.rightContantBox .itemListBox .list .itme .itemInfo {width:100%; padding-left:0px; margin-top:20px;}
.rightContantBox .itemListBox .list .itme .itemImg {width:100%; height:200px; overflow:hidden; border-radius:5px; transition:all 0.3s cubic-bezier(.21, .6, .35, 1);}
.rightContantBox .itemListBox .list .itemInfo .itemTitle {padding: 15px 0; font-size: 18px;}
.rightContantBox .itemListBox .list .itemInfo .itemEx {margin: 0;}
.rightContantBox .itemListBox .list .itemInfo .date {padding-top:15px;}
.rightContantBox .itemListBox .list .itemInfo .money {text-align: right;}
.rightContantBox .itemListBox .list .itemInfo .money em {padding-right:10px;}

/* ================================================================================================================================================ */
/* 메인페이지 */
.MainContents_Area{}
.MainContents_Area .MainSection01{width:100%; height:800px;}
.MainSection01 img{width:100%; height:100%; object-fit:cover;}

/* 비급여항목  */
.healthListArea{display:block; position:relative; padding:3em 0em; }
.healthListArea pre.uninsured1{width:100%; margin-bottom:5em;}
.healthTitle {position:relative;text-align:center;margin-bottom:20px;margin-top:5em;}
.healthTitle em{display:block; position:relative; font-size:24pt; font-weight:200; line-height:1em;margin-bottom:30px;}
.healthTitle em strong{font-weight:600;}
.healthTitle p{display:block; position:relative; font-size:16px; line-height:1.4em; font-weight:300; word-break:keep-all; margin-top:1em;}
.healthListTable{position:relative; width:100%; table-layout:fixed; text-align:center;}
.healthListTable tr{position:relative;}
.healthListTable th{position:relative; word-break:break-all; text-align:center !important; border:1px solid #cdcdcd; padding:10px 5px !important; font-size:13px; font-weight:bold;}
.healthListTable td{position:relative; word-break:break-all; text-align:center; border:1px solid #cdcdcd; padding:15px 5px !important; font-size:13px;}
.healthListTable thead{background-color:#f4f4f4; border-top:2px solid #272727;}
.healthListTable thead tr{}
.healthListTable thead th{background-color:#f4f4f4;}
.healthListTable thead td{background-color:#f4f4f4;}
.healthListTable tbody{}
.healthListTable tbody tr td:nth-child(n+5):nth-child(-n+7){text-align:right;}
.healthListTable tbody th{background-color:#fafafa;}
.healthListTable tbody td{}
/* 비급여항목  */