@charset "utf-8";

/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
 h1, h2, h3, h4, h5, h6{color:#222; font-weight:500;}
 strong { font-weight:500;}

.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.bold{font-weight:bold;}

.txtRed{color:#eb1c23 !important;}
.txtBlack{color:#222222 !important;}
.txtBlue{color:#213ef4 !important;}

.txtCenter{text-align:center;}
.txtLeft{text-align:left;}
.txtRight{text-align:right;}

.flLeft{float:left;}
.flRight{float:right;}
.clear{clear:both;}
.clear:after{content:'';display:block;clear:both;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px !important;}
.mt120{margin-top:120px !important;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.blind { overflow:hidden; display:block; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}

/* layout */
.inner { width:1100px; margin:0 auto;}
.btnTop { display:block; position:fixed; bottom:40px; left:50%; width:50px; height:50px; margin-left:570px; font-size:0; background:url('../images/common/spr.png') no-repeat 0px -65px;}

/* title */
#container { padding-bottom:80px;}
#container h2 { margin-top:60px; margin-bottom:40px; font-size:46px; color:#222222; text-align:center;}
#container .h3 { margin:50px 0 15px; font-size:24px; color:#222222;}
#container h4 {}
#container h5 {}
#container .hTitle { display:none; margin:5px 0 40px; font-size:18px; color:#666; text-align:center;}

/* form */
.input,.textarea{display:inline-block;height:30px;line-height:28px;padding:0px 10px;border:1px solid #d9d9d9;border-radius:0;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px; background:#f0f0f0;}
.input[type="file"]{padding:3px;line-height:24px;font-size:12px;}
.input.h40{height:40px;line-height:38px;font-size:14px;}
.input.readonly{background:#f5f5f5;}
.select:hover, .input:hover, .textarea:hover,
.select:focus, .input:focus, .textarea:focus{border-color:#777}
.select:disabled, .input:disabled, .textarea:disabled{background-color:#f6f6f6;}
.select{ display:inline-block; min-width:150px; height:45px; line-height:43px; padding:0 35px 0 10px; border:1px solid #e5e5e5;border-radius:0;vertical-align:middle;box-sizing:border-box;font-size:12px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-rtl-ordering:logical;background:#fbfbfb url(../images/common/bg_select.png) no-repeat 90% center;}
.select::-ms-expand{display:none;}
.select.h40{height:40px;line-height:38px;font-size:14px;}
.textarea{width:100%;height:145px;padding:10px;resize:none;line-height:1.3;box-sizing:border-box;}

.label{display:inline-block; font-size:14px;}
/*
.label .checkbox ,.label .radio{ margin-top:-2px; vertical-align:middle;}
.checkbox, .radio{position:relative;display:inline-block;width:14px;height:14px;vertical-align:middle;}
.checkbox input, .radio input{opacity:0;position:absolute;left:0;top:0;width:14px;height:14px;margin:0;padding:0;z-index:1;}
.checkbox input:checked, .radio input:checked, .checkbox input:focus, .radio input:focus{outline:none! important}
.checkbox i:before, 
.radio i:before{content:'';display:block;width:14px;height:14px;border:1px solid #d5d9e0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);background:#fff;box-sizing:border-box;vertical-align:middle;}
.radio i:before{border-radius:100%;}
.checkbox input+i:after, 
.radio input+i:after{content:'';display:inline-block;position:absolute;}
.checkbox input+i:after{width:7px;height:3px;top:4px;left:3px;border:2px solid #ddd;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.radio input+i:after{width:6px;height:6px;top:4px;left:4px;border-radius:100%;background:#ddd;}
.checkbox input:checked+i:after{border-color:#f56b02;}
.radio input:checked+i:after{background:#f56b02;}
.checkbox input:disabled+i:before, .radio input:disabled+i:before, 
.checkbox input[disabled]+i:before, .radio input[disabled]+i:before, 
.checkbox input.disabled+i:before, .radio input.disabled+i:before{background:#f6f6f6;}
.label.hover input + i:before, label.hover input + i:before{border-color:#777}
.label:hover .checkbox input+i:before, 
.label:hover .radio input+i:before{border-color:#aaa;}
.checkbox input:focus+i:before,
.radio input:focus+i:before{border-color:#777 !important;}
*/

.inputFile{position:relative;padding-right:85px;}
.inputFile .input{width:100%;vertical-align:middle;height:30px;line-height:30px;}
.inputFile .btnFile{display:inline-block;position:absolute;right:0;top:0;overflow:hidden;vertical-align:middle;}
.inputFile .btnFile .button{border-radius:0;width:80px;padding:0;}
.inputFile .btnFile input{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:2;font-size:10em;line-height:2;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
span.inputFile{display:inline-block;padding-right:0;}
span.inputFile .input{width:400px;}
span.inputFile .btnFile{position:relative;}

.datepickerWrap{display:inline-block;padding-right:5px;border:1px solid #d9d9d9;vertical-align:middle; background:#f0f0f0;}
.datepickerWrap .input{width:85px;height:38px;border:0 none;padding:5px 5px 5px 10px;line-height:28px;outline:none;text-align:center;}
.datepickerWrap .ui-datepicker-trigger{display:inline-block;width:23px;height:22px;font-size:0;text-indent:-999em;background:url(../images/common/spr.png) no-repeat -236px -4px;}

/* button */
.button{display:inline-block;position:relative;height:30px;line-height:28px;padding:0px 15px; border:1px solid #e0e5ec;background:#ffffff;text-align:center;color:#444;vertical-align:middle;font-size:12px;font-weight:300;border-radius:2px;cursor:pointer;}
.button:hover,.button:focus,.button:active{text-decoration:none !important}
.button:active{transform:scale(0.95)}
	
.button.btnRed{background:#eb1c23;border-color:#eb1c23;color:#fff}
.button.btnGray{background:#838d96;border-color:#838d96;color:#fff}
.button.btnGray2{background:#f4f4f4;border-color:#b0b0b0;color:#878787;border-radius:3px;}
.button.btnBlack{background:#1e2225;border-color:#1e2225;color:#fff}
.button.btnBlue2{background:#e6faff;border-color:#91ccdc;color:#1c637c;border-radius:3px;}
.button.btnGreen{background:#018249;border-color:#018249;color:#fff}

.globalBtn { display:inline-block; width:200px; height:50px; margin-top:40px; border:1px solid #666666; box-sizing:border-box; font-size:16px; color:#222; text-align:center; line-height:48px; font-weight:300;}
.globalBtn.orange {background-color:#f56b02; color:#fff; border:1px solid #f56b02;}

/* location */
.locationBar { height:52px; border:1px solid #e5e5e5; border-width:1px 0; background:#f7f7f7;}
.locationBar a { display:block; min-width:165px; height:50px; padding:0 50px 0 20px; border-left:1px solid #e5e5e5; line-height:50px; color:#666; font-size:14px; transition: all .3s ease;}
.locationBar .home { position:relative; float:left; width:146px; padding-left:45px;}
.locationBar .home:hover { color:#222; background:#fafafa;}
.locationBar .home:before { content:''; display:block; position:absolute; top:50%; left:21px; width:15px; height:9px; margin-top:-4.5px; background:url('../images/common/spr.png') no-repeat -60px -4px;}
.locationBar .location { float:left; position:relative;}
.locationBar .location.on * { color:#222;}
.locationBar .location.on > a:after { transform:rotate(180deg);}
.locationBar .location > a:hover { color:#222; background:#fafafa;}
.locationBar .location > a:after { content:''; display:block; position:absolute; top:23px; right:20px; width:9px; height:6px; background:url('../images/common/spr.png') no-repeat -63px -25px; transition: all .3s ease;}
.locationBar .location:last-child { border-right:1px solid #e5e5e5;}
.locationBar .location ul { display:none; position:absolute; top:51px; left:0; right:-1px; z-index:3; background:#fff;}
.locationBar .location li {}
.locationBar .location li a { height:40px; padding:0 20px; border:1px solid #e5e5e5; border-top:0; line-height:40px;}
.locationBar .location li:hover a,
.locationBar .location li.on a { color:#f56b02; background:#fafafa; }

/* 검색 */
.contSearch { position:relative; margin-bottom:10px; font-size:0;}
.contSearch.height { height:515px;}
.contSearch:after { content:''; display:block; clear:both;}
.contSearch .left { float:left;}
.contSearch .right { float:right;}
.contSearch .select { border:1px solid #e5e5e5;}
.contSearch .searchBox { display:inline-block; position:relative; min-width:45px; height:45px; border:1px solid #e5e5e5; vertical-align:middle; background:#fbfbfb;}
.contSearch .searchBox:hover { border-color:#777;}
.contSearch .searchBox input { width:250px; height:43px; border:0; padding:10px 0 10px 15px; box-sizing:border-box; font-size:13px; background:none;}
.contSearch .searchBox button { position:relative; width:45px; height:43px; font-size:0; }
.contSearch .searchBox button:after { content:''; display:block; position:absolute; top:50%; left:50%; width:21px; height:21px; background:url('../images/common/spr.png') no-repeat -81px -5px; transform:translate(-50%, -50%);}
.contSearch .searchHide { margin-right:5px;}
.contSearch .searchHide > a { display:block; position:absolute; top:0; right:0; width:45px; height:43px; font-size:0;}
.contSearch .searchHide > a:after { content:''; display:block; position:absolute; top:50%; left:50%; width:21px; height:21px; background:url('../images/common/spr.png') no-repeat -81px -5px; transform:translate(-50%, -50%);}
.contSearch .searchHide > a:hover:before { content:'검색'; display:block; position:absolute; top:-18px; left:-4px; width:50px; height:20px; border:1px solid #e5e5e5; border-radius:15px; text-align:center; font-size:13px; background:#fff;}
.contSearch .searchHide .search { display:none; padding-right:43px;}
.contSearch .searchHide .search button { position:absolute; top:0; right:0;}
.contSearch .locationMap { display:inline-block; position:relative; width:45px; height:45px; margin-right:5px; border:1px solid #e5e5e5; vertical-align:middle; background:#fbfbfb;}
.contSearch .locationMap a { display:block; height:100%; font-size:0;}
.contSearch .locationMap a:after { content:''; display:block; position:absolute; top:50%; left:50%; width:23px; height:23px; background:url('../images/common/spr.png') no-repeat -81px -36px; transform:translate(-50%, -50%);}
.contSearch .locationMap:hover:before { content:'지도'; display:block; position:absolute; top:-18px; left:-4px; width:50px; height:20px; border:1px solid #e5e5e5; border-radius:15px; text-align:center; font-size:13px; background:#fff;}
.contSearch .locationMap.on { z-index:4; border-bottom:1px solid #fff; background:#fff;}
.contSearch .btn { display:inline-block; border:1px solid #e5e5e5; border-width:1px 1px 0 0; vertical-align:middle; background:#fbfbfb;}
.contSearch .btn a { display:block; width:68px; height:43px; font-size:14px; color:#222; text-align:center; line-height:43px;}

.contSearch .mapWrap { display:none; position:absolute; top:44px; left:0; right:0; z-index:3; height:470px; border:1px solid #e5e5e5; background:#fff;}
.contSearch .mapWrap > div {height:468px;}
.contSearch .mapWrap .map { float:left; width:365px; background:#f5f5f5; position:relative;}
.contSearch .mapWrap .map > img { width:365px;/* margin-top:30px;*/}
.contSearch .mapWrap .map .btn {border:1px solid #e5e5e5; border-radius:2px; font-size:12px; color:#666666; display:inline-block; padding:2px 7px; position:absolute; left:22px; top:19px;}
.contSearch .mapWrap .map .btnMapAll { display:block; position:absolute; top:10px; left:10px; border:1px solid #e5e5e5; padding:3px 5px; border-radius:3px; font-size:12px; color:#666; background:#fff;}
.contSearch .mapWrap .box1 { float:left; width:367px; border-left:1px solid #e5e5e5;}
.contSearch .mapWrap .box2 { float:left; width:366px; border-left:1px solid #e5e5e5;}
.contSearch .mapWrap h3 { margin-top:28px; font-size:24px; color:#222; text-align:center;}
.contSearch .mapWrap .number { padding-bottom:20px; border-bottom:1px solid #e5e5e5; font-size:16px; color:#666; text-align:center;}

.contSearch .mapWrap .box1 {}
.contSearch .mapWrap .box1 .scroll { overflow-y:auto; height:364px; padding:0 25px;}
.contSearch .mapWrap .box1 .schedule { margin-top:15px;}
.contSearch .mapWrap .box1 .schedule li + li { margin-top:15px;}

.contSearch .mapWrap .box2 {}
.contSearch .mapWrap .box2 .scroll { overflow-y:auto; height:364px; margin-top:43px; padding:0 25px;}
.contSearch .mapWrap .box2 ul {}
.contSearch .mapWrap .box2 li { margin-bottom:2px;}
.contSearch .mapWrap .box2 li a { display:block; height:32px; padding:0 8px; font-size:13px; color:#222; line-height:32px; background:#f9f9f9;}
.contSearch .mapWrap .box2 li a span { display:inline-block; width:35px; font-size:12px; color:#666;}
.contSearch .mapWrap .box2 li a:hover { background:#ffe8d0;}

.contSearch .text { margin-top:18px; font-size:14px;}
.contSearch .select + .searchBox { margin-left:-1px;}
.contSearch .select:hover { position:relative; z-index:1;}

.contSearch + .imgList {margin-top:50px;}

/* 페이징 */
.paging { margin-top:20px; font-size:0; text-align:center;}
.paging strong,
.paging a { display:inline-block; width:40px; height:40px; margin:0 4px; border:1px solid #d9d9d9; vertical-align:middle; font-size:14px; line-height:38px;}
.paging a:hover,
.paging strong { border-color:#000; transition: all .3s ease; text-decoration:underline;}
.paging a[class*=btn] { height:15px; margin:12px 15px 13px; border:0; font-size:0; background:url('../images/common/spr.png') no-repeat;}
.paging a.btnFirst { width:17px; background-position:-116px -8px;}
.paging a.btnPrev { width:23px; margin-right:40px; background-position:-142px -8px;}
.paging a.btnNext { width:23px; margin-left:40px; background-position:-181px -8px;}
.paging a.btnLast { width:17px; background-position:-213px -8px;}

/* 탭메뉴 */
.tapManu { position:relative; margin-bottom:10px; border:1px solid #e5e5e5; border-width:1px 0;}
.tapManu ul { text-align:center; font-size:0;}
.tapManu li { display:inline-block; font-size:20px;}
.tapManu li a { display:table-cell; position:relative; height:58px; padding:0 50px; vertical-align: middle;}
.tapManu li a:after { content:''; display:block; position:absolute; bottom:-1px; left:50%; width:0%; height:2px; background:#f56b02; transition: all .3s ease;}
.tapManu li:hover a,
.tapManu li.on a { color:#222;}
.tapManu li:hover a:after,
.tapManu li.on a:after { left:0%; width:100%;}
.tapManu.type1 li a { padding:0 80px;}
.tapManu.type2 li a { padding:0 25px;}

/* 테이블 */
.tableWrap { font-size:16px;}
.tableWrap + .tableWrap {margin-top:30px;}
.tableWrap tbody .tl, 
.tableWrap tfoot .tl { padding-left:20px; text-align:left;}
.tableWrap tbody .tr, 
.tableWrap tfoot .tr { padding-right:20px !important; text-align:right;}
.tableWrap .line { border-left-width:1px !important;}

.tableList { position:relative; border-top:2px solid #666; /*border-bottom:1px solid #666;*/}
.tableList:after { content:''; display:block; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:#666;}
.tableList th { padding:18px; border-bottom:1px solid #666; font-weight:600; color:#222;}
.tableList th + th { border-left:1px solid #e5e5e5;}
.tableList td { padding:23px; border-top:1px solid #e5e5e5; text-align:center; word-break:keep-all;}
.tableList td + td { border-left:1px solid #e5e5e5;}
.tableList tbody tr:first-child td { border-top:0;}

.tableList2 { border-top:1px solid #e3e3e3; font-size:14px;}
.tableList2 th { padding:18px; border:1px solid #e3e3e3; border-width:0 0 1px 1px; color:#222; font-weight:500; background:#f7f7f7;}
.tableList2 td { padding:18px; border:1px solid #e3e3e3; border-width:0 0 1px 1px; color:#666; text-align:center;}
.tableList2 tr > *:first-child {border-left-width:0;}

.tableList .tableList2 { font-size:14px;}  
.tableList .tableList2 th { padding:9px; }  
.tableList .tableList2 td { padding:9px; } 

.tableList3 { border-top:1px solid #e3e3e3; font-size:14px;}
.tableList3 th { padding:9px; border:1px solid #e3e3e3; border-width:0 0 1px 1px; color:#222; font-weight:500; background:#f7f7f7;}
.tableList3 tr:first-child th:first-child {border-left-width:0;}
.tableList3 td { padding:9px; border:1px solid #e3e3e3; border-width:0 0 1px 1px; color:#666; text-align:center;}
.tableList3 td:nth-last-child(5) {border-left-width:0;}
.tableList3 td:nth-last-child(4) {border-left:1px solid #e3e3e3; background:#fffbf8;}

/* ul 리스트 타입 */
.dotList {} 
.dotList li { position:relative; padding-left:9px; color:#666; font-size:16px;} 
.dotList li + li { margin-top:5px;} 
.dotList li:after { content:''; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; border-radius:50%; background:#747474;}
 
.dashList {} 
.dashList li { position:relative; padding-left:9px; color:#666; font-size:16px;}
.dashList li + li { margin-top:5px;} 
.dashList > li:after { content:''; display:block; position:absolute; top:11px; left:0; width:4px; height:1px; background:#747474;} 

 /* ==============================
 * content
 * ============================== */

/* quickMenu */
#quickMenu { position:absolute; top:160px; left:0; z-index:3; max-width:80%; padding:10px 0 0; background:rgba(31,31,31,0.75);}
#quickMenu .btnOpen { display:none; position:absolute; top:0; right:-56px; width:56px; height:134px; font-size:0; background:url('../images/main/quick/btn_quick_open.gif') no-repeat;}
#quickMenu .btnClose { position:absolute; top:0; right:-56px; width:56px; height:134px; font-size:0; background:url('../images/main/quick/btn_quick_close.gif') no-repeat;}
#quickMenu ul { font-size:0;}
#quickMenu ul.hidden li { visibility:hidden;}
#quickMenu ul li { display:inline-block; margin-right:10px; margin-bottom:10px; vertical-align: top; text-align:center; background:#fff;}
#quickMenu ul li a { display:block; width:240px;}
#quickMenu ul li .img { width:240px;}
#quickMenu ul li .img img { width:240px;}
#quickMenu ul li h2 { margin-top:5px; font-size:18px; color:#111111;}
#quickMenu ul li h2 span { color:#f56b02;}
#quickMenu ul li .textBox { overflow:hidden; height:190px; padding:0 10px;}
#quickMenu ul li .text { margin-top:20px; font-size:20px; color:#111; line-height:1.46}
#quickMenu ul li .text2 { margin-top:7px; font-size:14px; color:#848484; line-height:1.46}
#quickMenu ul li .text3 { margin-top:7px; font-size:20px; color:#f56b02; font-weight:300; line-height:1.2;}
#quickMenu ul li .number { display:table-cell; position:relative; width:240px; height:70px; font-size:30px; color:#f56b02; vertical-align: middle;}
#quickMenu ul li .number:before { content:''; display:block; position:absolute; top:0; left:23px; right:23px; height:1px; background:#e2e2e2; }
#quickMenu ul li .data { display:table-cell; width:240px; height:70px; font-size:16px; color:#111; font-weight:bold; vertical-align: middle;}
#quickMenu ul li .data .dataText { display:block; margin:0 auto; font-size:12px; color:#848484; font-weight:normal;}
#quickMenu ul li .data .day { font-size:14px; font-weight:300;}
#quickMenu ul li .textInfo {}
#quickMenu ul li .textInfo + .textInfo { border-top:1px solid #d6d6d6;}
#quickMenu ul li .textInfo > a { display:table-cell; width:240px; height:220px; vertical-align: middle;}
/* #quickMenu ul li .textInfo p { margin-top:7px; font-size:14px; color:#848484; line-height:1.46} */



/* main */
#container.main { padding-bottom:0;} 
.main .visualWrap { position:relative; width:1240px; margin:0 auto;}
.main .visualWrap .visual { position:relative; width:100%; height:555px;}
.main .visualWrap .visual ul {}
.main .visualWrap .visual li { overflow:hidden; display:none; position:absolute; top:0; left:0; width:1240px; height:555px;}
.main .visualWrap .visual li img { width:100%; height:555px;}
.main .visualWrap .visual li:first-child { display:block;}
.main .visualWrap > .number { position:absolute; bottom:20px; right:164px; height:41px; padding:0 15px; line-height:41px; font-size:16px; color:#fff; background:rgba(0,0,0,0.55)}
.main .visualWrap .btn { position:absolute; bottom:20px; right:80px; font-size:0;}
.main .visualWrap .btn a {display:inline-block; width:41px; height:41px; margin-left:1px; background:url('../images/main/btn_visual_arrow.png') no-repeat;}
.main .visualWrap .btn .left {}
.main .visualWrap .btn .right { background-position:-42px 0;}

/* 비주얼 타입별 */
.main .visualWrap .visual .type1 .textBox { position:absolute; top:50px; left:0; right:0; font-size:48px; color:#5e845c; font-weight:200; line-height:1.1; text-align:center;}
.main .visualWrap .visual .type2 .textBox { position:absolute; top:70px; left:70px; right:0; color:#fff; font-weight:200;}
.main .visualWrap .visual .type2 .textBox .small { font-size:24px; text-shadow: 1px 1px 1px #000;}
.main .visualWrap .visual .type2 .textBox .title { font-size:45px; text-shadow: 1px 1px 1px #000;}
.main .visualWrap .visual .type2 .textBox .number { display:inline-block; margin-top:10px; border:1px solid #fff; border-width:1px 0; font-size:35px; font-weight:300;text-shadow: 1px 1px 1px #000;}
.main .visualWrap .visual .type2 .textBox .phone { position:absolute; top:0px; right:70px; font-size:28px;text-shadow: 1px 1px 1px #000;}
.main .visualWrap .visual .type2 .textBox .phone span { display:inline-block; margin-right:5px; margin-top:-2px; font-size:15px; vertical-align: middle;text-shadow: 1px 1px 1px #000;}
.main .visualWrap .visual .type2 .textBox .more { display:block; margin-top:20px; width:54px; height:54px; background:url('../images/main/img_visual_more.png') no-repeat; transition: all .3s ease;text-shadow: 1px 1px 1px #000;}
.main .visualWrap .visual .type2:hover .textBox .more { transform:rotate(180deg);}

.mainLink { width:1240px; margin:60px auto 90px;}
.mainLink ul {}
.mainLink li { border:1px solid #dbdbdb; border-width:1px 0;}
.mainLink li + li { border-top:0;}
.mainLink li > a { display:block; position:relative; padding:32px 0 32px 70px; color:#222;}
.mainLink li + li > a { border-top:0;}
.mainLink li .text { font-size:24px; font-weight:200;}
.mainLink li .title { font-size:36px; font-weight:300;}
.mainLink li > a:after { content:''; display:block; position:absolute; top:50%; right:70px; width:26px; height:26px; background:url('../images/main/btn_more.gif') no-repeat; transition: all .3s ease;}
.mainLink li > a:hover { color:#f56b02;}
.mainLink li > a:hover:after { transform:rotate(180deg);}
.mainLink li.on > a { color:#f56b02;}
.mainLink li.on > a:after { background:url('../images/main/btn_more_on.gif') no-repeat; transform:rotate(0deg);}

.mainLink .linkView { display:none;}
.mainLink .linkView a { display:block; position:relative; margin:0px 0px 20px;}
.mainLink .linkView a img { width:100%;}
.mainLink .linkView .textBox { position:absolute; top:35px; left:0px; right:0; width:1100px; margin:0 auto; color:#fff; font-weight:200;}
.mainLink .linkView .textBox .title { font-size:35px; text-shadow: 1px 1px 1px #000;}
.mainLink .linkView .textBox .number { display:inline-block; min-width:200px; padding:10px 0;  margin-top:10px; border:1px solid #fff; border-width:1px 0; font-size:22px; font-weight:300; text-shadow: 1px 1px 1px #000;}
.mainLink .linkView .textBox .phone { position:absolute; top:0px; right:0px; font-size:36px; text-shadow: 1px 1px 1px #000;}
.mainLink .linkView .textBox .phone span { display:inline-block; margin-right:5px; margin-top:-2px; font-size:15px; vertical-align: middle; text-shadow: 1px 1px 1px #000;}
.mainLink .linkView .textBox .more { display:block; margin-top:20px; width:54px; height:54px; background:url('../images/main/img_visual_more.png') no-repeat; transition: all .3s ease; text-shadow: 1px 1px 1px #000;}

.mainStory {}
#container .mainStory h2 { margin:0; font-size:44px; text-align:left; line-height:1.5;}
.mainStory h2 span { display:block; margin-bottom:-3px; font-size:14px; color:#636363; letter-spacing:9px; text-transform: uppercase; font-weight:300; line-height:1;}
.mainStory ul { margin-top:30px; margin-left:-55px;}
.mainStory li { float:left; width:330px; margin-left:55px;}
.mainStory li a { display:block;}
.mainStory .img { overflow:hidden; position:relative; width:330px; height:260px;}
.mainStory .img .text { position:absolute; bottom:0; left:103px; right:103px; height:26px; line-height:26px; font-size:13px; color:#fff; text-align:center; text-transform: uppercase; background:#000; transition:all .2s ease;}
.mainStory h3 { margin-top:30px; font-size:22px; color:#222; line-height: 1.25; font-weight:400; transition:all .2s ease;}
.mainStory li a > .text { margin-top:20px; font-size:18px; color:#888; line-height:1.3; font-weight:300; transition:all .2s ease;}
.mainStory .more { position:relative; margin-top:35px; font-size:12px; color:#444; text-transform: uppercase;}
.mainStory .more::after { content:''; display:block; position:absolute; top:-5px; right:0; width:107px; height:29px; background:url('../images/main/btn_arrow_211006.gif') no-repeat; transition:right .3s ease;}
.mainStory li a:hover .img .text { left:0; right:0; background:rgba(0,0,0,0.8)}
.mainStory li a:hover h3 { margin-left:10px;}
.mainStory li a:hover > .text { margin-left:10px; color:#222;}
.mainStory li a:hover .more:after { right:20px; background-position:0 -29px;}

.mainNews { width:1240px; margin:60px auto 0; }
.mainNews .inner { position:relative;}
#container .mainNews h2 { position:absolute; top:50px; left:20px; margin:0; font-size:44px; text-align:left; line-height:1.5;}
.mainNews h2 span { display:block; margin-bottom:-3px; font-size:14px; color:#636363; letter-spacing:9px; text-transform: uppercase; font-weight:300; line-height:1;}
.mainNews ul { display:table; table-layout:fixed;}
.mainNews li { display:table-cell; width:275px; padding:140px 20px 60px 0px;}
.mainNews li a { display:block;}
.mainNews li + li { }
.mainNews li .data { margin-bottom:20px; margin-left:20px; font-size:14px; color:#959595; font-weight:bold;}
.mainNews li .img { overflow:hidden; width:254px; height:140px; margin-bottom:10px;}
.mainNews li .img img { width:254px; transition: all .3s ease;}
.mainNews li h3 { overflow:hidden; height:55px; margin:0 0 20px 20px;; font-size:20px; color:#000;}
.mainNews li .img ~ .text { overflow:hidden; height:45px; margin-top:-6px;}
.mainNews li .text { margin-left:20px; font-size:16px; color:#888; font-weight:300; line-height:24px;}
.mainNews li.first { width:550px;}
.mainNews li.first .img { overflow:hidden; float:left; position:relative; width:268px; height:260px; margin-right:15px;}
.mainNews li.first .img img { position:absolute; top:0; left:50%; bottom:0; width:auto; height:100%; transform: translateX(-50%);}
.mainNews li.first h3 { height:auto; margin-top:0;}
.mainNews li.first .img ~ .text { margin-left:283px; height:164px;}
.mainNews li a:hover img { transform:scale(1.1);}
.mainNews li a:hover h3 { color:#f56b02;}

/* 토스트 팝업 */
.mainToastPop { position:fixed; bottom:0; left:0; right:0; z-index:10;}
.mainToastPop.on { background:#fff;}
.mainToastPop .inner { position:relative; width:1240px;}
.mainToastPop .inner > ul { margin-left:-3px}
.mainToastPop .inner > ul > li { float:left; width:25%; height:60px;}
.mainToastPop .inner > ul > li > a { display:block; position:relative; margin-left:3px; font-size:16px; color:#fff; line-height:60px; text-align:center; background:#938c8c;}
.mainToastPop .inner > ul > li > a:hover { background:#f56b02;}
.mainToastPop .inner > ul > li.on > a { color:#f56b02; background:#fff;}
.mainToastPop .inner > ul > li.on > a:after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #f56b02; border-width:2px 2px 0 2px;}
.mainToastPop .btnClose { display:block; position:absolute; top:-115px; right:0px; width:50px; height:50px; font-size:0; background:url('../images/main/btnToastPop.gif') no-repeat 0 0;}
.mainToastPop .subBox { position:absolute; top:60px; left:0; width:100%; background:#fff;}

.mainToastPop .subBox { padding:60px 0 60px; }
.mainToastPop .subBox .titleBox { float:left; width:400px; padding-top:10px; padding-left:70px;}
.mainToastPop .subBox .titleBox h2 { font-size:35px; color:#f56b02; font-weight:300; line-height:1.25;}
.mainToastPop .subBox .titleBox p { margin-top:10px; font-size:16px; color:#666; /*font-size:20px; color:#f56b02; font-weight:300;*/}

.mainToastPop .dashList { height:67px;}

.mainToastPop .type1 .linkList { float:left; width:305px; border-top:1px solid #e5e5e5; margin-right:41px;}
.mainToastPop .type1 .linkList li { border-bottom:1px solid #e5e5e5; }
.mainToastPop .type1 .linkList li a { display:block; position:relative; padding:13px 0 13px 64px;}
.mainToastPop .type1 .linkList li a:after {content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url('../images/main/ico_spr.png') no-repeat;}
.mainToastPop .type1 .linkList [class*=ico] a:hover:after { background-image:url('../images/main/ico_spr_on.png');}
.mainToastPop .type1 .linkList .title { font-size:16px; color:#222;}
.mainToastPop .type1 .linkList .text { font-size:13px; color:#666;}

.mainToastPop .type1 .linkList .ico1 a:after { width:40px; height:40px; background-position:-6px -5px;}
.mainToastPop .type1 .linkList .ico2 a:after { width:40px; height:40px; background-position:-6px -74px;}
.mainToastPop .type1 .linkList .ico3 a:after { width:42px; height:37px; background-position:-6px -146px;}

.mainToastPop .type1 .LinkImg { float:left;}
.mainToastPop .type1 .LinkImg a { display:block; float:left; position:relative; border-bottom:1px solid #e5e5e5;}
.mainToastPop .type1 .LinkImg a + a { margin-left:25px;}
.mainToastPop .type1 .LinkImg .img { overflow:hidden; width:212px; height:140px;}
.mainToastPop .type1 .LinkImg .img img { transition:all .3s ease;}
.mainToastPop .type1 .LinkImg .text { padding:19px 0 20px; font-size:16px; color:#222;}
.mainToastPop .type1 .LinkImg a:after { content:''; display:block; position:absolute; bottom:17px; right:0; width:29px; height:29px; background:url('../images/main/ico_arrow.png') no-repeat; transition:all .3s ease;}
.mainToastPop .type1 .LinkImg a:hover:after { background-position:0 -29px;}
.mainToastPop .type1 .LinkImg a:hover .img img { transform:scale(1.1);}


.mainToastPop .type2 .linkList { float:left;}
.mainToastPop .type2 .linkList li { float:left; width:200px; border-left:1px solid #e5e5e5; }
.mainToastPop .type2 .linkList li:first-child { border-left:0;}
.mainToastPop .type2 .linkList li a { display:block; position:relative; padding:13px 0 13px 28px;}
.mainToastPop .type2 .linkList > li a:after {content:''; display:block; position:absolute; bottom:10px; right:20px; background:url('../images/main/ico_spr.png') no-repeat;}
.mainToastPop .type2 .linkList > li a:hover:after { background-image:url('../images/main/ico_spr_on.png');}
.mainToastPop .type2 .linkList .title { margin-bottom:60px; font-size:22px; color:#222;}
.mainToastPop .type2 .linkList .text { margin-bottom:35px; font-size:14px; color:#666;}
.mainToastPop .type2 .linkList .icoArrow { display:block; width:29px; height:29px; background:url('../images/main/ico_arrow.png') no-repeat; transition:all .3s ease;}
.mainToastPop .type2 .linkList a:hover .title,
.mainToastPop .type2 .linkList a:hover .text { color:#f56b02;}
.mainToastPop .type2 .linkList a:hover .icoArrow { background-position:0 -29px;}

.mainToastPop .type2 .linkList .ico1 a:after { width:67px; height:63px; background-position:-233px -0px}
.mainToastPop .type2 .linkList .ico2 a:after { width:67px; height:63px; background-position:-233px -73px}
.mainToastPop .type2 .linkList .ico3 a:after { width:53px; height:62px; background-position:-238px -143px}
.mainToastPop .type2 .linkList .ico4 a:after { width:62px; height:62px; background-position:-233px -223px}



.mainToastPop .type3 .linkList { float:left; width:800px;}
.mainToastPop .type3 .linkList > li { float:left; width:200px; margin-bottom:30px; border-left:1px solid #e5e5e5; }
.mainToastPop .type3 .linkList > li.none { border-left:0;}
.mainToastPop .type3 .linkList > li a { display:block; position:relative; padding:13px 0 13px 28px;}
.mainToastPop .type3 .linkList > li a:after {content:''; display:block; position:absolute; bottom:10px; right:20px; background:url('../images/main/ico_spr.png') no-repeat;}
.mainToastPop .type3 .linkList > li a:hover:after { background-image:url('../images/main/ico_spr_on.png');}
.mainToastPop .type3 .linkList .title { margin-bottom:10px; font-size:24px; color:#222;}
.mainToastPop .type3 .linkList .dashList { margin-bottom:50px;}
.mainToastPop .type3 .linkList .dashList li { font-size:14px; color:#666;}
.mainToastPop .type3 .linkList .dashList li:after { top:8px;}
.mainToastPop .type3 .linkList .icoArrow { display:block; width:29px; height:29px; margin-bottom:10px; background:url('../images/main/ico_arrow.png') no-repeat; transition:all .3s ease;}
.mainToastPop .type3 .linkList a:hover .title,
.mainToastPop .type3 .linkList a:hover .dashList li { color:#f56b02;}
.mainToastPop .type3 .linkList a:hover .icoArrow { background-position:0 -29px;}

.mainToastPop .type3 .linkList .ico1 a:after { width:62px; height:53px; background-position:-79px -4px}
.mainToastPop .type3 .linkList .ico2 a:after { width:58px; height:64px; background-position:-79px -69px}
.mainToastPop .type3 .linkList .ico3 a:after { width:66px; height:47px; background-position:-79px -146px}
.mainToastPop .type3 .linkList .ico4 a:after { width:66px; height:65px; background-position:-158px -235px}
.mainToastPop .type3 .linkList .ico5 a:after { width:60px; height:50px; background-position:-166px -7px}
.mainToastPop .type3 .linkList .ico6 a:after { width:59px; height:59px; background-position:-167px -78px}
.mainToastPop .type3 .linkList .ico7 a:after { width:47px; height:55px; background-position:-172px -160px}

.mainToastPop .type4 .titleBox { width:820px;}
.mainToastPop .type4 .titleBox p {}
.mainToastPop .type4 .link { float:right; margin-right:70px;}
.mainToastPop .type4 .link a { display:block; position:relative; padding:13px 0 13px 0;}
.mainToastPop .type4 .link .img { overflow:hidden; width:343px; height:140px;}
.mainToastPop .type4 .link .img img { transition:all .3s ease;}
.mainToastPop .type4 .link .text { padding:19px 0 20px; border-bottom:1px solid #e5e5e5; font-size:16px; color:#222;}
.mainToastPop .type4 .link .icoArrow { display:block; position:absolute; bottom:30px; right:0; width:29px; height:29px; background:url('../images/main/ico_arrow.png') no-repeat; transition:all .3s ease;}
.mainToastPop .type4 .link a:hover .text { color:#f56b02;}
.mainToastPop .type4 .link a:hover .icoArrow { background-position:0 -29px;}
.mainToastPop .type4 .link a:hover .img img { transform:scale(1.1);}

.mainToastPop + .btnTop { bottom:70px;}
.mainToastPop + .btnTop + #footerWrap { padding-bottom:50px;}


/* 장영석 작업 */
.btnCalculator { width:170px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; background:#566989;}
.btnCalculator i { display:inline-block; width:12px; height:14px; margin:-2px 4px 0 0; vertical-align: middle; background:url('../images/content/spr.png') no-repeat;}

.btnCalendar { width:170px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; background:#566989;}
.btnCalendar i { display:inline-block; width:13px; height:14px; margin:-2px 4px 0 0; vertical-align: middle; background:url('../images/content/spr.png') no-repeat 0 -18px;}

.imgList {}
.imgList ul { margin-left:-40px;}
.imgList li { float:left; position:relative; width:340px; height:540px; margin-left:40px; margin-bottom:50px; border:1px solid #e5e5e5;}
.imgList h3 { padding:15px 10px; font-size:20px; color:#222;}
.imgList .img { position:relative; overflow:hidden; width:340px; height:255px; margin:0 -1px; background:url('../images/content/img_empty.png') no-repeat center;}
.imgList .img img { width:340px; transition: all .8s ease;}
.imgList .img img:hover { transform:scale(1.1);}
.imgList .icon{position:absolute; top:58px; right:-1px; z-index:1; width:66px; height:66px; font-size:0;}
.imgList .icon.close {background:url('../images/content/bg_end.png') repeat;}
.imgList .icon.now {background:url('../images/content/bg_now.png') repeat;}
.imgList .icon.dwell {background:url('../images/content/bg_dwell.png') repeat;}
.imgList .icon.soon {background:url('../images/content/bg_soon.png') repeat;}
.imgList .textBox { overflow:hidden; margin:16px 10px 20px;}
.imgList .text { float:left; margin-top:7px; font-size:14px; color:#f56b02;}
.imgList .phone { float:right; font-size:22px; color:#222;}
.imgList .phone:before { content:''; display:inline-block; width:22px; height:22px; margin-right:4px; background:url('../images/content/spr.png') no-repeat -35px -76px;}
.imgList .infoText { margin:0 10px 0px; font-size:0;}
.imgList .infoText dt { display:inline-block; width:40px; margin-bottom:5px; font-size:13px; color:#666; vertical-align: top;}
.imgList .infoText dd { display:inline-block; width:278px; margin-bottom:5px; font-size:13px; color:#222;}
.imgList .imgListBtn { display:table; position:absolute; bottom:0; left:0; right:0; width:100%; table-layout:fixed;}
.imgList .imgListBtn a { display:table-cell; height:40px; border-top:1px solid #e5e5e5; vertical-align: middle; text-align:center; font-size:12px; color:#444; background:#f7f7f7;}
.imgList .imgListBtn a +  a {border-left:1px solid #e5e5e5; }
.imgList .imgListBtn .btnOrange { color:#fff; background:#f56b02;}
.imgList .imgListBtn p { display:table-cell; height:40px; border-top:1px solid #e5e5e5; vertical-align: middle; text-align:center; font-size:12px; color:#ccc; background:#eee;}
.imgList .down {  margin:10px 0 0 10px;}
.imgList .down a { border-bottom:1px solid #bfbfbf; font-size:13px; color:#666;}
.imgList .down i { display:none; width:12px; height:14px; margin-left:5px; margin-top:-2px; vertical-align:middle; background:url('../images/content/spr.png') no-repeat -48px -48px;}

.progressBar { display:inline-block; position:relative; width:78px; height:10px; margin-right:10px; vertical-align: middle; background:url('../images/content/bg_progress.gif') no-repeat;}
.progressBar span { display:block; position:absolute; top:0; left:0; width:0%; height:10px; background:url('../images/content/bg_progress_on.gif') no-repeat;}
.progressText { display:inline-block; vertical-align: middle; color:#f56b02;}

.btnMore {}
.btnMore a { display:block; width:340px; height:50px; border:1px solid #666666; margin:0 auto; line-height:50px; text-align:center; font-size:16px; color:#666; transition: all .3s ease; font-weight:300;}
.btnMore a span { color:#222; transition: all .3s ease;}
.btnMore a:hover { color:#fff; background:#666;}
.btnMore a:hover span { color:#fff;}

.listView { position:relative; margin-top:55px;}
.listView h3 { padding:32px 21px; border-top:2px solid #666666; border-bottom:1px solid #dbdbdb; font-size:26px; color:#222; font-weight:300;}
.listView > .select { position:absolute; top:30px; right:20px;}
.listView .imgView { position:relative; margin-top:40px; padding:0 20px;}
.listView .imgView ul { position:relative; height:790px; overflow: hidden; text-align: center;}
.listView .imgView li { position:absolute; top:0; left:0; width:100%;}
.listView .imgView li img {height: 795px;}
.listView .imgView .number { position:absolute; bottom:15px; right:35px; color:#ccc; font-size:16px; font-weight:300; letter-spacing: 3px;}
.listView .imgView .number span { color:#fff;}
.listView .imgView .text { padding:15px 30px; color:#fff; font-size:16px; font-weight:300; background:#222;}
.listView .imgView .arrow {}
.listView .imgView .arrow a { display:block; position:absolute; top:355px; width:45px; height:80px; opacity:0.4; font-size:0;}
.listView .imgView .arrow .btnLeft { left:20px; background:url('../images/content/img_arrow_left.png') no-repeat;}
.listView .imgView .arrow .btnRight { right:20px; background:url('../images/content/img_arrow_right.png') no-repeat;}
.listView .imgView .arrow a:hover { opacity:0.8;}

.viewInfoText { overflow:hidden; padding:50px 20px; border-bottom:1px solid #666666;}
.viewInfoText .tableList2 th,
.viewInfoText .tableList2 td { padding:10px 10px;}

.loding-act { float:left; position:relative; width:475px; background:none;}
.loding-act:after { content:''; position:absolute; top:0; left:0; z-index:3; width:178px; height:178px; background:url('../images/content/bg-cycle.png') no-repeat;}
.loding-act canvas { float:left; margin-right:30px;}
.loding-act span { display:block; padding-top:40px; color:#222; font-size:16px;}
.loding-act strong { font-weight:400;}
.loding-act .count { padding-top:0px; margin-top:-10px; font-size:69px;}

.viewInfoText .tableWrap { float:right; width:550px;}
.viewInfoText .tableWrap table { font-size:16px;}

.btnViewGroup { overflow:hidden; margin-top:50px;}
.btnViewGroup .btnList { float:left; display:inline-block; width:200px; height:50px; border:1px solid #666; line-height:48px; text-align:center; font-size:16px; color:#222; font-weight:300;}
.btnViewGroup .btnList i { display:inline-block; width:14px; height:11px; margin-right:10px; background:url('../images/content/spr.png') no-repeat -60px -2px; vertical-align:middle; margin-top:-4px;}
.btnViewGroup .right { float:right; font-size:0;}
.btnViewGroup .right a { display:inline-block; width:50px; height:50px; margin-left:5px; border:1px solid #666; font-size:0; text-align:center;}
.btnViewGroup .right a span { display:inline-block; width:9px; height:15px; margin-top:17.5px; background:url('../images/content/spr.png') no-repeat;}
.btnViewGroup .right .btnLeft span { background-position:-35px 0;}
.btnViewGroup .right .btnRight span { background-position:-46px 0;}

.stepBox { margin-top:90px;text-align:center;}
.stepBox .blind { overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; margin:0; font-size:0;}
.stepBox ol { margin-left:-35px; text-align:center;}
.stepBox li { display:inline-block; position:relative; margin-left:75px; margin-bottom:40px; vertical-align: middle;}
.stepBox li:after { content:''; display:block; position:absolute; top:50%; left:-58px; width:40px; height:10px; margin-top:-5px; background:url('../images/content/spr.png') no-repeat -20px -22px;}
.stepBox li.none:after { display:none;}
.stepBox .cycle { position:relative; width:200px; height:200px; border:1px solid #cecece; border-radius:50%; text-align:center;}
.stepBox .cycle span { display:inline-block; margin-top:40px; font-size:14px; color:#666;}
.stepBox .cycle p { font-size:18px; color:#222;}
.stepBox .cycle [class*=bg] { display:block; position:absolute; bottom:35px; left:50%; margin:0px auto; background:url('../images/content/bg_guide.png') no-repeat; transform:translateX(-50%);}
.stepBox .cycle .bg1 { width:45px; height:45px; background-position:-1px -2px;}
.stepBox .cycle .bg2 { width:44px; height:47px; background-position:-63px -2px;}
.stepBox .cycle .bg3 { width:47px; height:39px; background-position:-124px -6px;}
.stepBox .cycle .bg4 { width:36px; height:47px; background-position:-199px -6px;}
.stepBox .cycle .bg5 { width:46px; height:40px; background-position:-1px -69px;}
.stepBox .cycle .bg6 { width:45px; height:45px; background-position:-63px -65px;}
.stepBox .cycle .bg7 { width:45px; height:47px; background-position:-126px -63px;}

.guideText { margin-top:40px;}
.guideText h4 { margin-bottom:20px; font-size:30px; font-weight:300;}
.guideText p { margin-bottom:20px; font-size:16px;}
.guideText li { margin-bottom:15px;}
.guideText li span { display:block;}
.guideText hr { margin:40px 0;}
.guideText .dashList .dotList li { margin-bottom:10px;}

.guideImgBox {}
.guideImgBox > div { margin:50px 0 0;}
.guideImgBox .left img { float:left;}
.guideImgBox .right img { float:right;}
.guideImgBox .left .text { padding-left:75px;}
.guideImgBox .text { display:table-cell; width:550px; height:330px; vertical-align: middle;}
.guideImgBox .text [class*=ico] { display:block; background:url('../images/content/bg_guide.png') no-repeat;}
.guideImgBox .text .ico1 { width:45px; height:44px; background-position:-1px -136px;}
.guideImgBox .text .ico2 { width:37px; height:47px; background-position:-64px -133px;}
.guideImgBox .text .ico3 { width:32px; height:48px; background-position:-128px -134px;}
.guideImgBox .text .ico4 { width:45px; height:45px; background-position:-190px -137px;}
.guideImgBox .text h4 { margin-top:20px; font-size:40px; color:#222; font-weight:300; line-height:1.1;}
.guideImgBox .text p { margin-top:23px; font-size:16px; color:#666;}

.reservationBox { display:table-cell; width:1100px; height:380px; padding-left:550px; border:1px solid #e5e5e5; vertical-align:middle; background:url('../images/content/bg_reservation.gif') no-repeat 230px center;}
.reservationBox.bg2 { background:url('../images/content/bg_reservation2.jpg') no-repeat 230px center;}
.reservationBox h3 { margin-top:20px; font-size:30px; color:#222; font-weight:300; line-height:1.1;}
.reservationBox p { margin-top:23px; font-size:16px; color:#666;}
.reservationBox .btn { display:block; width:200px; height:50px; margin-top:40px; border:1px solid #666666; box-sizing:border-box; font-size:16px; color:#222; text-align:center; line-height:48px; font-weight:300;}
.reservationBox .btn i { display:inline-block; width:24px; height:8px; margin-top:-5px; margin-left:13px; vertical-align:middle; background:url('../images/content/bg_arrow_right.png') no-repeat; transition: all .3s ease;}
.reservationBox .btn:hover i { transform:translateX(10px);}


.loginContWrap { display:table; table-layout:fixed; position:absolute; top:50%; left:50%; width:900px; height:500px; margin:-250px 0 0 -500px;}
.loginContWrap .loginBox { display:table-cell; height:100%; padding-right:70px; border-right:1px solid #e5e5e5; vertical-align: middle;}
.loginContWrap .loginBox h1 { margin-bottom:67px; font-size:50px; font-weight:300; line-height:1.1;}
.loginContWrap .loginBox ul {}
.loginContWrap .loginBox li { position:relative; padding:15px 0 15px 180px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#222;}
.loginContWrap .loginBox li .left { position:absolute; top:50%; left:0; margin-top:-9.5px; font-size:14px; color:#222;}
.loginContWrap .loginBox li input ~ input,
.loginContWrap .loginBox li input + label,
.loginContWrap .loginBox li label + label { margin-left:5px;}
.loginContWrap .loginBox li span { color:#666;}
.loginContWrap .loginBox .btn { display:block; margin-top:30px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#f56b02; font-weight:300;}
.loginContWrap .textBox { display:table-cell; width:333px; height:100%; padding: 129px 0 0 70px; }
.loginContWrap .textBox i { display:block; width:110px; height:109px; background:url('../images/content/bg_reservation.gif') no-repeat;}
.loginContWrap .textBox h2 { margin-top:40px; font-size:30px; color:#222; font-weight:300; line-height:1.1;}
.loginContWrap .textBox p { margin-top:33px; font-size:16px; color:#666; line-height:24px; }

.livingGuide { overflow:hidden;}
.livingGuide > div { float:left; width:50%; border:1px solid #dbdbdb; text-align:center;}
.livingGuide > div + div { border-left:0;}
.livingGuide .ico1 { display:block; width:111px; height:100px; margin:40px auto 0; background:url('../images/content/bg_monitor.gif') no-repeat;}
.livingGuide .ico2 { display:block; width:110px; height:109px; margin:40px auto 0; background:url('../images/content/bg_reservation.gif') no-repeat;}
.livingGuide h3 { margin-top:45px; font-size:26px; color:#222; font-weight:300;}
.livingGuide p { margin-top:10px; font-size:16px; color:#666;}
.livingGuide a { display:block; width:200px; height:50px; margin:40px auto; line-height:50px; font-size:14px; color:#fff; background:#f56b02;}

/* 검색 영역 */
#container .searchBoxWrap { margin:30px 0 50px; text-align:center;}
#container .searchBoxWrap .search { display:inline-block; padding-bottom:4px; border-bottom:2px solid #222;}
#container .searchBoxWrap input { width:400px; padding:10px 0; border:0; background:none;}
#container .searchBoxWrap .btnSearch { display:inline-block; width:31px; height:30px; font-size:0; background:url('../images/common/spr.png') no-repeat -115px -34px; }

#container .searchResulte { padding:30px 0; border:1px solid #ebebeb; text-align:center; font-size:18px; background:#f8f8f8;} 
#container .searchResulte strong { color:#222} 

/* 팝업 */
.popupWrap .popup.popPre {
  width: 895px;
}
.popPre .popCont {
  overflow-y: scroll;
  padding: 0 38px 0 0 !important;
  border-top: 2px solid #f56b02;
  margin-top: 25px;
  height: 540px;
}
.popPre .popCont h2 {
  padding: 20px 0 3px;
  font-size: 20px;
  color: #222;
}
.popPre .popCont .title {
  padding: 25px 0 25px;
  font-size: 20px;
  color: #222;
}
.popPre .popCont .text {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.popPre .popCont .text.small {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.popPre .popCont .essentialText {
  margin-top: 0;
  margin-bottom: 10px;
}
.popPre .popCont .formTableList {
  border-top: 1px solid #e5e5e5;
}
.popPre .popCont .formTableList th {
  border-right: 1px solid #e5e5e5;
}
.popPre .popCont .formTableList td {
  padding: 13px;
  white-space: normal;
}
.popPre .popCont .formTableList .label {
  display: inline-block;
  width: 40%;            
  margin-right: 5%;      
  margin-bottom: 10px;   
  vertical-align: top;
  white-space: nowrap;   
  box-sizing: border-box;
}

/* ✅ 모바일 대응 */
@media screen and (max-width: 768px) {
  .popPre .popCont .formTableList .label {
    width: 100%;
    margin-right: 0;
    white-space: normal;
  }
}
.popPre .popCont .joinTermsWrap {
  margin-top: 20px;
}
.popPre .popCont .joinTermsWrap .agreeBox + .agreeBox {
  margin-top: -1px;
  border-top: 0;
}
.popPre .popCont .joinTermsWrap .agreeBox h3 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 25px;
}
.popPre .popCont .joinTermsWrap .agreeBox h4 {
  font-size: 14px;
  font-weight: 300;
  color: #666666;
  margin-top: 25px;
}


/* 허수정 작업 */
hr {width:100%; height:1px; border:none; margin:0; padding:0; }

.customerInfo {border:1px solid #e5e5e5; height:495px;}
.customerInfo li:first-child {border-left:none; padding-left:39px; text-align:center;}
.customerInfo li {border-left:1px solid #e5e5e5; width:366px; height:427px; float:left; box-sizing:border-box; padding:56px 30px 49px 30px; text-align:center;}
.customerInfo li .bg1 {background:url('../images/content/bg_customer_info.png') no-repeat 0 0; width:119px; height:112px; }
.customerInfo li .bg2 {background:url('../images/content/bg_customer_info.png') no-repeat -141px -2px; width:110px; height:109px; }
.customerInfo li .bg3 {background:url('../images/content/bg_customer_info.png') no-repeat -270px -3px; width:118px; height:110px; }
.customerInfo li [class*=bg] {display:block; margin:0 auto;}
.customerInfo li .text {font-size:26px; font-weight: 300; margin-top:30px; color:#222; line-height:28px;}
.customerInfo li .text2 {font-size:14px; margin-top:19px; color:#666666; line-height:22px;}
.customerInfo li .text2.mt7 {margin-top:7px !important;}
.customerInfo li .imgFaq {margin-top:28px;}
.customerInfo li .btn {border:1px solid #666666; width:250px; height:50px; display:block; padding:12px 0 0 30px; box-sizing:border-box; text-align:left; margin:0 auto; font-size:16px; color:#222; margin-top:40px; background:url('../images/content/bg_arrow_right.png') no-repeat 184px 20px; transition: all .3s ease; font-weight:300;}
.customerInfo li .btn:hover { background-position: 194px 20px;}
.customerInfo li .tel {font-size:45px; color:#f56b02; font-weight:100; margin-top:26px; line-height:45px; }

.faqWrap .tapManu a {padding: 0 39px;}
.faqWrap .contSearch {margin-top:30px;}
.faqWrap .contSearch .searchBox button {border-left:1px solid #e5e5e5;}

.faqList {border-top:2px solid #666666;}
.faqList li {border-bottom:1px solid #e5e5e5; background:url('../images/content/icon_faq_off.gif') no-repeat 96% 40px; padding: 33px 0;}
.faqList li .question a {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; width:90%;}
.faqList li .category {float:left; width:172px; font-size:14px; color:#666666; padding:5px 0 0 19px; display:block;}
.faqList li .text {font-size:30px; color:#555555; font-weight:100; line-height:30px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.faqList li .answer {padding-top:31px; margin-right:80px; font-size:18px; color:#444444; margin:0 0 0 171px; display:none; line-height:30px;}
.faqList li.on {background:#f7f7f7 url('../images/content/icon_faq_on.gif') no-repeat 96% 48px;}
.faqList li.on .text {color:#f56b02;}
.faqList li .question:after {content:''; display:block; clear:both;}

.inquire .tapManu a {padding: 0 80px;}
.inquireList {border-top:2px solid #666666; margin-top:60px;}
.inquireList li {padding:33px 0; border-bottom:1px solid #dbdbdb; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.inquireList li a {width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.inquireList li a > * {vertical-align: top; display:inline-block;}
.inquireList li:after {content:''; display:block; clear:both;}
.inquireList li .category {font-size:14px; color:#666666; padding:7px 0 0 19px; width:110px;}
.inquireList li .status { background-color:#222222; }
.inquireList li .status2 {background-color:#fff; color:#666666 !important; border:1px solid #cfcfcf;}
.inquireList li [class*=status] { width:34px; height:34px; margin-right:22px; border-radius:100%; color:#fff; font-size:13px; padding-top:8px; text-align:center; }
.inquireList li .title {padding-right:20px; font-size:30px; line-height:30px; color:#555555; font-weight:100; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.inquireList li .date { width:90px; font-size:14px; color:#959595; font-weight:bold; padding:6px 37px 0 0; }
.inquireList li .number { width:50px; padding:6px 0px 0 0; font-size:14px; color:#959595; text-align:center;}
.inquireList li .text { width:150px; padding:6px 0px 0 0; font-size:14px; color:#959595; text-align:center; font-weight:bold;}
.inquireList li .delete { width:85px; padding:6px 0 0 10px; font-size:14px; color:#666666; text-align:center; /*position: absolute; right:45px; top: 34px;*/ align-items: baseline;}
.inquireList li .delete i { display:inline-block; width:15px; height:14px; background:url('../images/content/spr.png') no-repeat -124px 0; margin-right:8px;}
.inquireList li a:hover * {color:#f56b02;}
.inquireList li a:hover .status { color:#fff; background-color:#f56b02; }
.inquireList li a.delete:hover {color:#f56b02;}
.inquireList li a.delete:hover i {background-position:-141px 0;}

.inquireView {border-top:2px solid #666666; margin-top:60px;}
.inquireView .dateArea {float:right;}
.inquireView .textDate {font-size:16px; color:#666666; border-right:1px solid #dbdbdb; padding-right:8px; margin-right:8px;}
.inquireView .date {font-size:16px; color:#959595; font-weight:bold; }
.inquireView .questionTitle {padding:36px 20px; border-bottom:1px solid #dbdbdb;}
.inquireView .questionTitle .title {font-size:26px; color:#222222; line-height:20px; font-weight:100;}
.inquireView .questionDetail {font-size:18px; color:#444444; line-height:30px; border-bottom:1px solid #dbdbdb; padding:36px 20px 41px;}
.inquireView .answer {padding:36px 20px; background-color:#f7f7f7; border-bottom:1px solid #dbdbdb;}
.inquireView .answer:after {content:''; display:block; clear:both;}
.inquireView .answer .text {font-size:18px; color:#222222; float:left; width:68px; display:block;}
.inquireView .answer .detail {font-size:18px; color:#444444; line-height:30px; float:left; width:800px;}
.inquireView .answer .textDate {border-right:none;}

.inquireView + .btnViewGroup {margin-top:30px !important;}

.callCenterBox {width:1100px; border:1px solid #e5e5e5; background:url('../images/content/bg_callCenter.png') no-repeat 186px 71px; height:336px; box-sizing:border-box; margin-top:60px; padding:43px 0 0 469px;}
.callCenterBox .tel {font-size:50px; color:#222222; font-weight:100; display:block; line-height:46px; }
.callCenterBox .title {font-size:20px; color:#222222; margin-top:23px; display:block;}
.callCenterBox .text {font-size:16px; color:#666666; line-height:24px; margin-top:20px;}
.callCenterBox .globalBtn {margin-top:27px !important;}
.asText {font-size:20px; color:#222222; margin-top:75px; text-align:center; }
.imgAsinfo {margin-top:78px; text-align:center; }

.asdef {margin:55px 0 15px 0; line-height:22px;}
.asdef h3 {font-size:24px; color:#222; margin:23px 0 21px; font-weight:300;}
.asdef p {font-size:14px; color:#222; }
.asdef ul {margin:5px 0 10px 10px;}

.formTableList {margin-top:45px;}
.formTableList.mt0 {margin-top:0 !important;}
.formTableList th {border-bottom:1px solid #e5e5e5; padding:19px 0 19px 21px; font-size:16px; color:#222222; text-align:left; font-weight:normal;}
.formTableList.vt th {vertical-align:top;}
.formTableList th .em {background:url('../images/content/bg_star.gif') no-repeat 0 0; width: 7px; height: 6px; display: inline-block; vertical-align: middle; margin-left: 10px; font-size:0;}
.formTableList td .em2 {font-size:14px; color:#666666; margin:0 2px;}
.formTableList td {border-bottom:1px solid #e5e5e5;  padding:13px 0;}
.formTableList td div + div {margin-top:14px;}
.formTableList .select {height:30px; background-color:#f0f0f0; line-height:20px; min-width:104px; font-size:14px; color:#222222;}
.formTableList .imgSecret {float:left; border:1px solid #e3e3e3;}
.formTableList .asBtn {float:left; width:115px; margin-left:5px;}
.formTableList .asBtn .globalBtn {width:113px; height:40px; margin-top:0; line-height:37px; font-size:13px; color:#222222;}
.formTableList .asBtn .globalBtn:first-child {margin-bottom:5px;}
.formTableList .noti {font-size:12px; margin-top:12px;}
.formTableList .btn {width:120px; height:30px; border:1px solid #666666; font-size:14px; color:#222222; display:inline-block; text-align:center; line-height:26px; vertical-align:middle; margin-left:20px;}
.formTableList td .text {font-size:14px; color:#222; vertical-align: middle; margin:0 13px 0 3px;}

.applyBtn {text-align:center; }
.applyBtn [class*=btn] {width:160px; height:50px; border:1px solid #666666; color:#222222; font-size:14px; display:inline-block; text-align: center; line-height:47px; margin-top:50px; }
.applyBtn .btn2 {background-color:#f56b02; color:#fff; margin-left:8px; border:none;}

.inquireTab {width:597px; margin:60px auto 0;}
.inquireTab li {float:left;}
.inquireTab li a {width:150px; height:50px; display:inline-block; font-size:14px; color:#444444; line-height:48px; text-align:center; border:1px solid #e5e5e5; margin-left:-1px;}
.inquireTab li.on a {border:2px solid #f56b02; color:#f56b02;}
.inquireTab li.on + li a {margin-left:0; border-left:none;}

.calculatorPop .text {text-align:center; font-size:16px; color:#666666; margin-top:45px; font-weight:300;}
.calculatorPop .tapManu.type1 li a {padding:0 79px;}
.calculatBox {margin-top:43px; position:relative; }
.calculatBox .input {text-align:right; height:35px; padding:0 30px 0 10px; font-size:18px; color:#222222;}
.calculatBox .space {position:absolute; left:242px; top:6px; font-size:18px; color:#3b3b3b;}
.calculatBox .input.right {background-color:#f9f9f9; color:#f56b02; text-align:left; }
.calculatBox .is {margin:0 6px; font-size:20px; color:#666666; vertical-align:middle; }

.interestCalPop {width:897px !important;}
.interestCalPop .tapManu li a {padding:0 58px;}
.interestCalPop .text {font-size:16px; color:#666666; line-height:22px; text-align:center; margin-top:28px;}
.interestCalPop .tableList {margin-top:25px;}
.interestCalPop .tableList td {border-left:none; padding:8px 0 8px 20px; color:#222; text-align:left; }
.interestCalPop .tableList [class*=btn] {width:61px; height:30px; border:1px solid #7d7d7d; display:inline-block; font-size:13px; color:#222222; line-height:27px; text-align:center; margin-left:1px;}
.interestCalPop .tableList .btn2 {width:50px;}
.interestCalPop .tableList .text {font-size:14px; color:#666666; font-weight:100; vertical-align:middle; }
.interestCalPop .tableList td.tr {text-align:right;}
.interestCalPop .tableList td .inputGroup {padding-right:14px;}
.interestCalPop .tableList2 {margin-top:30px;}
.interestCalPop .tableList2 th {padding:6px 0; font-size:13px;}
.interestCalPop .tableList2 td {padding:6px 0; font-size:13px; color:#666666;}
.interestCalPop .popCont {overflow-y:scroll; padding: 0 38px 0 0 !important; margin-top:25px; height:540px;}
.interestCalPop .btnArea {text-align:center; }
.interestCalPop .btnArea .globalBtn {width:160px; margin-top:35px; color:#222;}
.interestCalPop .notice {font-size:13px; line-height:20px; margin-top:15px;}

.totalBox {margin-top:30px;}
.totalBox li {background-color:#f7f7f7; height:40px; padding:10px 18px; margin-top:2px;}
.totalBox li:first-child {margin-top:0;}
.totalBox li .title {font-size:14px; color:#222222;}
.totalBox li .numGroup {float:right; color:#222222; line-height:18px;}
.totalBox li .numGroup .num {font-size:18px;}
.totalBox li .numGroup .text {font-size:14px; margin-left:5px;}

.emailRejectBox {display:block; width:1100px; height:397px; padding-left:550px; border:1px solid #e5e5e5; vertical-align:middle; background:url('../images/content/bg_emailReject.gif') no-repeat 209px center; margin-top:60px;}
.emailRejectBox h3 { margin-top:65px; font-size:30px; color:#222; font-weight:300; line-height:1.1;}
.emailRejectBox p { margin-top:25px; font-size:16px; color:#666; font-weight:300; line-height:24px; }
.emailRejectBox .date {font-size:16px; color:#222222; display:block; margin-top:25px; font-weight:300;}

.mapArea {margin:60px 0 0 0;}
.contactGroup {margin-top:70px;}
.contactGroup:after {content:''; display:block; clear:both; }
.contactGroup .left {float:left; width:289px; text-align:center;}
.contactGroup .left h3 {font-size:24px; color:#222; font-weight:300; line-height: 25px;}
.contactGroup .left h3 span {font-size:16px; color:#666666; display:block;}
.contactGroup .left .icon1 {background:url('../images/content/icon_contactus.png') no-repeat 0 0; width:76px; height:76px; display:inline-block; margin:32px 0 0 0;}
.contactGroup .left .icon2 {background:url('../images/content/icon_contactus.png') no-repeat -76px 0; width:74px; height:77px; display:inline-block; margin:25px 0 0 0;}
.contactGroup .left .icon3 {background:url('../images/content/icon_contactus.png') no-repeat -150px 0; width:61px; height:77px; display:inline-block; margin:29px 0 0 0;}
.contactGroup .right {float:left; border-top:1px solid #666666; width:810px; padding-top:26px;}
.contactGroup .right dt {font-size:16px; color:#222222; width:140px; float:left; margin-bottom:8px;}
.contactGroup .right dd {font-size:16px; color:#666666; float:left; width:670px; margin-bottom:8px; font-weight:300;} 

.termsTitleBox {width:100%; margin-top:48px;}
.termsTitleBox:after {content:''; display:block; clear:both; }
.termsTitleBox ul {}
.termsTitleBox li {float:left; width:548px; background-color:#f7f7f7; margin:2px 0 0 2px; font-size:14px; color:#222222; height:40px; padding:10px 0 0 20px;}
.termsTitleBox li a {display:block;}
.termsTitleBox li a:hover {font-weight:500;}

.termsText {font-size:14px; color:#666666; line-height:22px; margin-top:25px;}

.termsConGroup {border-top:1px solid #666666; margin-top:55px; line-height:22px;}
.termsConGroup .content {border-top:1px solid #666666; margin-top:50px;}
.termsConGroup .content:first-child {border-top:none; margin-top:0;}
.termsConGroup h3 {font-size:24px; color:#222; margin:23px 0 21px; font-weight:300;}
.termsConGroup p {font-size:14px; color:#222; }
.termsConGroup h4 {font-size:14px; color:#222; margin-top:25px; }
.termsConGroup ul {margin-top:4px;}
.termsConGroup ul.mt0 {margin-top:0;}
.termsConGroup li {font-size:14px; color:#666666; margin-top:3px;  }
.termsConGroup .gray {color:#666 !important;}
.termsConGroup .black {color:#222 !important;}
.termsConGroup .indent {padding-left:8px;}
.termsConGroup .tableList2 {margin-top:18px;}
.termsConGroup .tableList2 th {padding:6px 0; font-size:12px;}
.termsConGroup .tableList2 td {padding:6px 0; font-size:12px; line-height:18px; }
.termsConGroup .mt15 {margin-top:15px;}
.termsConGroup em {font-size: 120%; color:#F56B02;} /*강조*/

.memberBox {border:1px solid #e5e5e5; width:1100px; padding:60px 0 69px 0; margin-top:58px;}
.memberBox strong {font-size:30px; color:#222222; font-weight:400; display:block; text-align:center; }
.memberBox .text1 {font-size:16px; color:#666666; display:block; text-align:center; margin-top:3px; }  
.memberBox .text2 {font-size:26px; color:#222222; display:block; text-align:center; font-weight:300;}  
.memberBox .inputGroup {width:620px; position:relative; margin:37px auto 0;}
.memberBox .inputGroup dl {width:486px;}
.memberBox .inputGroup dl dt {width:126px; margin-top:10px;}
.memberBox .inputGroup dl dd {float:left; margin-bottom:10px;}
.memberBox .inputGroup dl dd input {width:360px; height:40px; }
.memberBox .inputGroup .btnLogin {width:120px; height:90px; background-color:#f56b02; position:absolute; right:0; top:0; color:#fff; font-size:14px; font-weight:500; border:0; border-radius:0; cursor:pointer; -webkit-appearance:none;}
.memberBox .inputGroup2 {width:489px; margin:55px auto 0;}
.memberBox .inputGroup2 dt {width:145px; margin-top:6px;}
.memberBox .inputGroup2 dd {float:left;}
.memberBox .inputGroup3 {width:430px; margin:55px auto 0;}
.memberBox .inputGroup3 dt {width:115px; margin-top:6px;}
.memberBox .inputGroup4 {width:700px; margin:55px auto 0;}
.memberBox .inputGroup4 dt {width:125px; margin-top:6px;}
.memberBox [class*=inputGroup] dt {font-size:16px; color:#222; float:left; }
.memberBox [class*=inputGroup] select {height:30px; line-height: 20px; font-size:14px; color:#222222; background-color:#f0f0f0;}
.memberBox .findText {width:620px; margin:2px auto 0; text-align:right;}
.memberBox .findText a {font-size:14px; color:#666666; margin-left:13px;}
.memberBox .findText a:first-child {border-right:1px solid #e4e4e4; padding-right:16px;}
.memberBox .btn { display:block; width:200px; height:50px; border:1px solid #666666; box-sizing:border-box; font-size:14px; color:#222; text-align:center; line-height:48px; position:absolute; right:0; top:30px;}
.memberBox .btn i { display:inline-block; width:24px; height:8px; margin-top:-5px; margin-left:13px; vertical-align:middle; background:url('../images/content/bg_arrow_right.png') no-repeat; transition: all .3s ease;}
.memberBox .btn:hover i { transform:translateX(10px);}
.memberBox .btnArea {margin-top:10px; text-align:center; }
.memberBox .btnArea a + a {margin-left:2px;}
.memberBox .email {font-size:20px; color:#222222; font-weight:300; text-align:center; margin-top:55px;}
.memberBox em {margin:0 4px; font-size:14px; color:#666666;}

.loginText {width:620px; margin:25px auto 0; position:relative; border-top:1px solid #e5e5e5; padding-top:32px;}
.loginText .text1 {font-size:16px; color:#222222; text-align:left; display:block;}
.loginText .text2 {font-size:14px; color:#666666; text-align:left; display:block; margin-top:3px;}

.stepBox2 { margin-top:60px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:98px;}
.stepBox2 ol {text-align:center;}
.stepBox2 li {display:inline-block; vertical-align: middle; width:272px; position:relative;}
.stepBox2 li:after {content: ''; display: inline-block; width: 9px; height: 17px; background:url(../images/content/bg_stepBox.png) no-repeat 0 0; position:absolute; right:-5px; top: 50%; margin-top: -8px;}
.stepBox2 li.none:after {display:none;}
.stepBox2 li .step {display: inline-block; vertical-align: middle; position:relative; width:272px; height: 75px; margin-top: 23px;}
.stepBox2 li .step span {font-size:14px; color:#666666; display:block; font-weight:400; margin-bottom:4px;}
.stepBox2 li .step strong {font-size:20px; color:#666666; font-weight:400;}
.stepBox2 li.on .step:after {content:''; display:block; position:absolute; left:0; bottom:1px; background-color: #f56b02; height: 2px; width: 100%; transition: all .3s ease;}
.stepBox2 li.on .step span {color:#f56b02;}
.stepBox2 li.on .step strong {color:#222222;}

.joinBox {border:1px solid #e5e5e5; margin-top:60px; text-align:center; }
.joinBox:after {content:''; display:block; clear:both;}
.joinBox > div {float:left; width:50%; border-left:1px solid #e5e5e5; padding:69px 0;}
.joinBox > div:first-child {border:none;}
.joinBox .bg1 {background:url('../images/content/bg_join.png') no-repeat 0 0; width:37px; height:63px; display:inline-block;}
.joinBox .bg2 {background:url('../images/content/bg_join.png') no-repeat -38px 0; width:42px; height:63px; display:inline-block;}
.joinBox strong {font-size:26px; color:#222222; font-weight:300; display:block; margin-top:29px;}
.joinBox p {font-size:16px; line-height:24px; margin-top:10px;}

.certify {padding:76px 0 !important; margin-bottom:46px;}
.certify .text {font-size:16px; color:#222222; line-height:24px; text-align:center; }

.essentialText {text-align:right; margin-top:55px; font-size:12px; }
.essentialText.mt30 {margin-top:30px !important;}
.essentialText .em {background:url('../images/content/bg_star.gif') no-repeat 0 0; width: 7px; height: 6px; display: inline-block; vertical-align: middle; margin-right:3px; font-size:0;}

.receiveAgree .label {width:128px;}
.receiveAgree .checkbox {margin-right:10px;}

.joinCongraduBox {width:1100px; height:294px; padding:62px 0 60px 546px; border:1px solid #eeeeee; vertical-align:middle; background:url('../images/content/bg_monitor.gif') no-repeat 230px center; margin-top:60px;}
.joinCongraduBox strong {font-size:26px; color:#222222; font-weight:300;}
.joinCongraduBox p {font-size:16px; color:#222222; font-weight:300; margin-top:5px;}
.joinCongraduBox .globalBtn {width:160px; margin-top:48px;}

.memLeaveText {font-size:26px; color:#222222; line-height:34px; font-weight:300; margin-top:50px;}

/*
.joinTermsWrap {margin-top:50px;}
.joinTermsWrap h4 {font-size:26px; color:#222222; font-weight:300; margin-top:45px;}
.joinTermsWrap .agreeBox {border:1px solid #e5e5e5; margin-top:25px;}
.joinTermsWrap .agreeBox h5, .joinTermsWrap .agreeBox h6 {font-size:14px; color:#666; font-weight:300; margin-bottom:24px;}
.joinTermsWrap .agreeBox p, .joinTermsWrap .agreeBox ol {margin-bottom:24px;}
.joinTermsWrap .agreeBox .con {padding:45px; max-height:300px; overflow-y:auto; font-size:14px; font-weight:300; line-height:20px;}
.joinTermsWrap .agreeBox .selectBox {padding:18px 48px; border-top:1px solid #e5e5e5;}
.joinTermsWrap .agreeBox .selectBox .radioGroup {float:right;}
.joinTermsWrap .agreeBox .selectBox .radioGroup .label:first-child {margin-right:30px;}
.joinTermsWrap .agreeBox .selectBox .radioGroup .radio {margin-right:8px;}
.joinTermsWrap .agreeBox .selectBox .text {font-size:14px; color:#222; font-weight:300; }
.joinTermsWrap .tableList2 {margin-top:18px;}
.joinTermsWrap .tableList2 th {padding:6px 5px; font-size:12px;}
.joinTermsWrap .tableList2 td {padding:6px 5px; font-size:12px; line-height:18px; } */


.joinTermsWrap {
  margin-top: 50px;
}
.joinTermsWrap h4 {
  font-size: 26px;
  color: #222222;
  font-weight: 300;
  margin-top: 45px;
}
.joinTermsWrap .agreeBox {
  border: 1px solid #e5e5e5;
  margin-top: 25px;
}
.joinTermsWrap .agreeBox .selectBox {
  padding: 18px 48px;
  border-top: 1px solid #e5e5e5;

  display: flex;
  justify-content: space-between;
  align-items: center; 
  flex-wrap: wrap; 
}
.joinTermsWrap .agreeBox .selectBox .text {
  font-size: 14px;
  color: #222;
  font-weight: 300;
  margin: 0;
  flex: 1;
}
.joinTermsWrap .agreeBox .selectBox .radioGroup {
  display: flex;
  align-items: center;
  gap: 20px; 
}
.joinTermsWrap .agreeBox .selectBox .radioGroup .label {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #222;
}
.joinTermsWrap .agreeBox .selectBox .radioGroup .radio {
  margin-right: 6px;
}
.joinTermsWrap .tableList2 {
  margin-top: 18px;
}
.joinTermsWrap .tableList2 th {
  padding: 6px 5px;
  font-size: 12px;
}
.joinTermsWrap .tableList2 td {
  padding: 6px 5px;
  font-size: 12px;
  line-height: 18px;
}

.errorCont {width:464px; margin:0 auto; background:url('../images/content/bg_error.gif') no-repeat center 0; padding-top:153px;}
.errorCont strong {font-size:30px; color:#222; font-weight:300;}
.errorCont p {font-size:16px; color:#666666; font-weight:300; line-height:24px; margin-top:25px; text-align:center; }
.errorCont a {color:#222; font-weight:400;}
.errorCont a + a {margin-left:7px;}

/* 김혜선 작업 */
.btnCalc {position:relative;}
.btnCalc a {display:block; padding:0 25px 0 43px; height:40px; border:1px solid #666; text-align:center; font-size:14px; color:#222; line-height:38px; transition: all .3s ease;}
.btnCalc a:before {content:""; display:block; width:12px; height:14px; background:url('../images/content/spr.png') no-repeat -27px -48px; position:absolute; top:13px; left:25px; transition: all .1s ease;}
.btnCalc a:hover {background:#666; color:#fff;}
.btnCalc a:hover:before {background-position:0 0;}

.offerTable .tableList .th {padding:23px; border-top:1px solid #e5e5e5; border-bottom:none;}
.offerTable .tableList .th + td { border-left:1px solid #e5e5e5;}
.offerTable .text {margin-bottom:15px;}
.offerTable .tableList2 {text-align:center;}
.offerTable .tableList tbody th {border-right:1px solid #e5e5e5;}
.offerTable .comment {margin-top:15px;}
.offerTable .comment .small {font-size:0.7em; vertical-align:2px; }
.offerTable2 .tableList .tdThin th, 
.offerTable2 .tableList .tdThin td {padding:8px 20px;}
.offerTable td strong {font-weight:700; color:#222;}
.offerTable td.standard { padding:8px 23px; vertical-align:top;}
.offerTable td.standard dt {margin:20px 0 0; font-weight:600; color:#222;}
.offerTable td.standard dd { position:relative; margin:8px 0; padding-left:10px;}
.offerTable td.standard dd:before {content:"-"; position:absolute; left:0;}
.offerTable td.standard dd .cmt {display:block; font-weight:normal; color:#666;}

.offerLink {margin-top:50px; padding:10px 20px;  background:#f7f7f7; overflow:hidden;}
.offerLink  .text {float:left; padding-top:12px; font-size:14px; color:#222; }
.offerLink  .text:before {content:""; display:inline-block; margin:-3px 5px 0 0; width:18px; height:18px; background:url('../images/content/spr.png') no-repeat 0 -46px; vertical-align:middle;}
.offerLink .link {float:right;}
.offerLink .link a {display:inline-block; width:150px; height:40px; border:1px solid #666; background:#fff; text-align:center; font-size:14px; color:#222; line-height:38px; transition: all .3s ease;}
.offerLink .link a + a {margin-left:10px;}
.offerLink .link a:hover {background:#666; color:#fff;}

.stepBox .cycle p em {display:block; font-size:14px;}
.stepOffer .cycle .bg1 { width:46px; height:43px; background-position:0 -206px;}
.stepOffer .cycle .bg2 { width:48px; height:43px; background-position:-56px -206px;}
.stepOffer .cycle .bg3 { width:48px; height:46px; background-position:-122px -206px;}
.stepOffer .cycle .bg4 { width:48px; height:43px; background-position:-194px -206px;}
.stepOffer .cycle .bg5 { width:46px; height:42px; background-position:0 -270px;}
.stepOffer .cycle .bg6 { width:46px; height:40px; background-position:-56px -270px;}
.stepOffer .cycle .bg7 { width:40px; height:47px; background-position:-122px -270px;}
.stepOffer .cycle .bg8 { width:48px; height:40px; background-position:-194px -270px;}

.sortYear {background:#fbfbfb;} 
.sortYear .cell {position:relative; display:inline-block; width:45px; height:45px; border:1px solid #e5e5e5; vertical-align:top}
.sortYear .cell + .cell {margin-left:-1px;}
.sortYear .year {width:158px; font-size:24px; color:#222; text-align:center; line-height:45px; }
.sortYear .cell a {display:block; height:100%; background:#fbfbfb;}
.sortYear .cell a:hover:after {opacity:1; transition: all .3s ease;}
.sortYear .prev a:after, 
.sortYear .next a:after, 
.sortYear .prev span:after, 
.sortYear .next span:after {content:""; display:block; width:9px; height:15px; background:url('../images/content/spr.png') no-repeat; position:absolute; top:15px; opacity:.6}
.sortYear .prev span:after, 
.sortYear .next span:after {opacity:.2}
.sortYear .prev a:after, 
.sortYear .prev span:after {background-position:-35px 0; left:17px;}
.sortYear .next a:after, 
.sortYear .next span:after {background-position:-46px 0; right:17px;}

.calender {border:1px solid #e5e5e5;}
.calender .row {display:table; width:100%;}
.calender .row + .row {border-top:1px solid #e5e5e5;}
.calender .monthBox {display:table-cell; padding:25px 30px 30px; width:33.3%; background:#fff;}
.calender .monthBox + .monthBox {border-left:1px solid #e5e5e5;}
.calender .monthBox h3 {position:relative; padding-bottom:20px; font-size:32px; font-weight:500; color:#222; text-align:center;}
.calender .monthBox h3:after {content:""; display:block; width:100px; height:1px; background:#e5e5e5; position:absolute; bottom:0; left:50%; margin-left:-50px;}
.calender .monthBox.empty {background:#fafafa;}
.calender .monthBox.empty .schedule li {font-size:0;}
.schedule {margin-top:30px; min-height:68px;}
.schedule li {position:relative; padding-left:55px;}
.schedule li a {font-size:13px; color:#222; box-sizing:border-box;}
.schedule li a:hover {text-decoration:underline;}
.schedule li + li {margin-top:8px;}
.schedule li .badge {position:absolute; left:0; display:inline-block; margin-right:5px; width:50px; height:18px; font-size:11px; color:#fff; box-sizing:border-box; border-radius:2px; text-align:center; line-height:18px;}
.schedule li .badge.re {background-color:#f53602; border:1px solid #e90b00;} /*분양예정*/
.schedule li .badge.or {background-color:#f46b01; border:1px solid #ef4c00;} /*분양중*/
.schedule li .badge.ed {background-color:#929292; border:1px solid #767676;} /*완료(분양,입주)*/
.schedule li .badge.bl {background-color:#03a68b; border:1px solid #02896b;} /*공사중*/
.schedule li .badge.gr {background-color:#55a62e; border:1px solid #297f00;} /*입주중*/

.list {border-top:2px solid #666666;}
.list li {padding:33px 30px; border-bottom:1px solid #dbdbdb; font-size:14px; color:#666;}
.list li a {display:block; color:#666;}
.list li a:hover *{color:#f56b02;}
.list li:after {content:''; display:block; clear:both;}
.list li a > span {display:inline-block; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.list li a > span + span {padding-left:22px;}
.list li .category {padding:7px 0 0 19px; width:110px;}
.list li .status {background-color:#222222; }
.list li .title {font-size:30px; line-height:30px; color:#555555; font-weight:100;}
.list li .date {color:#959595; font-weight:600;}
.list li .origin:before {content:""; display:inline-block; margin:-2px 10px 0 0; width:15px; height:15px; background:url(../images/content/spr.png) no-repeat -80px 0; vertical-align:middle;}
.list li a:hover .origin:before {background-position:-100px 0}
.list + .paging {margin-top:50px;}

.view {border-top:2px solid #666666; margin-top:60px;}
.view .viewTitle {padding:36px 20px; border-bottom:1px solid #dbdbdb;}
.view .viewTitle:after {content:""; display:block; clear:both;}
.view .viewTitle .tit {float:left; width:740px; font-size:26px; color:#222222; line-height:1.4; font-weight:100;}
.view .viewInfo {float:right; padding-top:8px;}
.view .viewInfo .cell {font-size:14px; color:#666;}
.view .viewInfo .cell + .cell:before {content:""; display:inline-block; margin:-1px 25px 0; width:1px; height:14px; background:#dbdbdb; vertical-align:middle;}
.view .viewInfo .cell em {margin-left:12px; font-weight:bold; color:#959595;}
.view .viewDetail {font-size:18px; color:#444444; line-height:30px; border-bottom:1px solid #dbdbdb; padding:36px 20px 41px;}
.view .viewDetail p {text-align:center;}
.view .viewDetail p + p {margin-top:35px;}
.view .viewDetail img {max-width:100%;}
.view .answer {padding:36px 20px; background-color:#f7f7f7; border-bottom:1px solid #dbdbdb;}
.view .answer:after {content:''; display:block; clear:both;}
.view .answer .text {font-size:16px; color:#222222; float:left; width:68px; display:block;}
.view .answer .detail {font-size:16px; color:#444444; line-height:24px; float:left; width:800px;}
.view .answer .textDate {border-right:none;}

.newsList li a { display:table; table-layout:fixed; width:100%;}
.newsList li a > span { display:table-cell;}
.newsList li .number { width:40px; text-align:center; text-overflow:clip; white-space:normal;}
.newsList li .title {width:767px;}
.newsList li .origin {width:140px;}

.awardWrap {margin:70px 0;}
.awardWrap .award {position:relative; margin:50px 0; height:300px; padding-left:0; padding-right:600px;}
.awardWrap .award + .award {margin-top:140px;}
.awardWrap .award .img {position:absolute; top:105px; right:0; left:auto;}
.awardWrap .award:nth-child(2n) {padding-left:600px; padding-right:0;}
.awardWrap .award:nth-child(2n) .img {position:absolute; top:105px; left:0; right:auto;}
.awardWrap .year {margin-bottom:45px; font-size:78px; font-weight:100; color:#222; line-height:60px;}
.awardWrap .awardList {font-size:16px; color:#444;}
.awardWrap .awardList li + li {margin-top:15px;}
.awardWrap .awardList .month {margin-right:40px; font-weight:bold; color:#959595;}

.prWrap {margin-top:50px;}
.prWrap .prTitle h3, 
.prWrap .prTitle .hdText {font-size:30px; color:#222; font-weight:200; }
.prWrap .info {margin-top:30px;}
.prWrap .info .cell {font-size:14px; color:#666;}
.prWrap .info .cell.date {color:#959595; font-weight:bold;}
.prWrap .prDetail {margin-top:40px;}
.prWrap .prDetail img { border:1px solid #dbdbdb; }
.prWrap .prList {margin-top:40px;}
.prWrap .prList:after {content:""; display:block; clear:both;}
.prWrap .prList li {float:left; margin-bottom:50px; margin-right:10px;}
.prWrap .prList li:nth-child(3n) {margin-right:0;}
.prWrap .prList .thumb {position:relative; display:block; width:360px; overflow:hidden;}
.prWrap .prList .num {display:block; font-size:40px; font-weight:500; color:#999; margin:0 0 15px 25px;}
.prWrap .prList .info {padding-left:25px;}
.prWrap a {display:block; height:100%;}
.prWrap img {max-width:100%; transition: all .8s ease;}
.prWrap .thumb a:hover img { transform:scale(1.1);}

.prWrap.print .prList li .thumb {height:360px; border:1px solid #dbdbdb;}
.prWrap.print .info .cell + .cell:before {content:""; display:inline-block; margin:-2px 20px 0; width:2px; height:2px; background:#666; vertical-align:middle;}

.videoBox iframe {vertical-align:top;}
.prWrap.video .info .cell.tit {display:block; margin-bottom:18px; font-size:20px; color:#222;}
.prWrap.video .prList li .thumb {height:270px;}
.prWrap.video .prList li .thumb a:before {content:""; display:block; width:100%; height:100%; background:url(../images/content/bg_play.png) no-repeat center; position:absolute; top:0; left:0; z-index:100;}

.prWrap.video .textBox {margin-top:40px; height:130px; overflow-y:scroll; font-size:16px; color:#666;}

.privacyPop {}
.privacyPop h1 { padding-bottom:10px; border-bottom:1px solid #f56b02;}
.privacyPop .title { margin:-10px 0 20px; font-size:20px; color:#222}

.popScrollBox { overflow-y:scroll; height:420px; padding:20px; border:1px solid #e5e5e5;}
.popScrollBox h2:first-child { margin-top:0;}
.popScrollBox h2 { margin:20px 0 15px; font-size:24px; text-align:center;}
.popScrollBox h3 {margin:20px 0 10px; font-size:16px;}
.popScrollBox p { margin-bottom:15px; font-size:14px;}
.popScrollBox .tableList { margin-bottom:10px;border-bottom:1px solid #666;}
.popScrollBox .tableList:after {display:none;}
.popScrollBox .tableList tbody th { border-right:1px solid #e5e5e5;}
.popScrollBox .tableList th { padding:5px; font-size:14px;}
.popScrollBox .tableList td { padding:5px; font-size:14px; text-align:left;}
.popScrollBox .tableList td.tac { text-align:center;}

.cibi {margin:70px 0 0;}
.cibi .intro:after, 
.cibi .detail:after {content:""; display:block; clear:both;}
.cibi .intro {}
.cibi .intro .mainTxt {float:left; width:50%; font-size:40px; color:#222; line-height:1.1; font-weight:300; letter-spacing:-1px;}
.cibi .intro .right {float:right; width:50%;}
.cibi .intro .subTxt { font-size:16px; color:#666; font-weight:300; line-height:1.5; letter-spacing:-.2px;}
.cibi .intro .btns {margin-top:50px; font-size:0;}
.cibi .intro .btns > span {display:inline-block; width:250px;}
.cibi .intro .btns > span + span {margin-left:50px;}
.cibi .intro .btns a { display:block; position:relative; height:50px; margin-top:20px; border-top:1px solid #222; box-sizing:border-box; font-size:14px; color:#222; text-align:left; line-height:48px;}
.cibi .intro .btns a i { display:block; position:absolute; top:50%; right:20px; width:19px; height:19px; margin-top:-9px; background:url('../images/content/spr.png') no-repeat -184px 0; vertical-align:middle; transition: all .3s ease; }
.cibi .intro .btns a:hover i { transform:translateX(-10px);}
.cibi .basic {display:table; table-layout:fixed; margin:45px 0 60px; width:100%; height:264px; border:1px solid #e5e5e5; background:#fff url('../images/content/cibi/bg_grid.png') repeat -4px -1px;}
.cibi .basic .logo {display:table-cell; text-align:center; vertical-align:middle;}
.cibi .detail {}
.cibi .detail dl + dl {margin-top:40px}
.cibi .detail dt {margin-bottom:25px; font-size:30px; font-weight:400; color:#222;}
.cibi .detail dd {float:left; width:50%; font-size:16px; font-weight:300; color:#666; line-height:1.5;}
.cibi .detail dd + dd {margin-top:-10px;}


 /* ==============================
 * popup
 * ============================== */
.popupWrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;padding:20px;background:url(../images/common/bg_popup.png);overflow:auto;z-index:50;}
.popupWrap .popup{position:relative;width:680px; padding:50px 60px 60px; margin:0 auto;border:1px solid #d0d0d0;background:#fff;}
.popupWrap .popHead{}
.popupWrap .popHead h1{color:#222;font-size:30px;font-weight:normal;}
.popupWrap .popCont{padding:30px 0 40px;}
.popupWrap .popFoot{text-align:center;}
.popupWrap .popFoot a {margin-top:0; color:#222222; width:160px;}
.popupWrap .popFoot a.orange { color:#fff;}
.popupWrap .btnClose{display:block;width:27px;height:27px;position:absolute;right:60px;top:60px;background:url(../images/common/btnPopClose.gif) no-repeat;text-indent:-999em;font-size:0;}
.popupWrap .popup.popSmall{width:420px;}
.popupWrap .popSmall .popHead{padding:41px 40px}
.popupWrap .popSmall .popCont{padding:30px 40px}
.popupWrap.type2 .popHead {height:69px; border-bottom:1px solid #e5e5e5;}
.popupWrap.type2 .popCont {border-bottom:1px solid #e5e5e5;}


 /* ==============================
 * ie
 * ============================== */
.lt-ie9 .radio i:before{border:0 none;}
.lt-ie10 .select{padding:5px;background:none;}
.lt-ie10 .select.h40{padding:7px;}