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

.vt { vertical-align:top;}
.vm { vertical-align:middle;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !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;}

.layoutTitle { margin:15px; padding-bottom:10px; border-bottom:1px solid #333;}

/* form */
.input,.textarea{display:inline-block;height:40px;line-height:38px;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:38px;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:40px; line-height:40px; padding:0 15px 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 95% center; background-size:11px;}
.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:#f96f00;}
.radio input:checked+i:after{background:#f96f00;}
.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;}
.checkbox input:disabled+i:after, .radio input:disabled+i:after, 
.checkbox input[disabled]+i:after, .radio input[disabled]+i:after, 
.checkbox input.disabled+i:after, .radio input.disabled+i:after{/*opacity:0.5;*/}
.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:40px;line-height:40px;}
.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 -207px -7px;}

/* button */
.button{display:inline-block;position:relative;height:40px;line-height:38px;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:100%; height:40px; margin-top:40px; border:1px solid #666666; box-sizing:border-box; font-size:13px; color:#222; text-align:center; line-height:38px;}
.globalBtn.orange {background-color:#f96f00; color:#fff; border:1px solid #f96f00;}

/* location */
.locationWrap { position:relative; height:45px; font-size:18px; color:#222; text-align:center; font-weight:500; line-height:45px; background:#f7f7f7;}
.locationWrap a { display:block; position:absolute; top:50%; width:10px; height:18px; margin-top:-9px; font-size:0; background:url('../images/common/spr.png') no-repeat; background-size:150px;}
.locationWrap .btnLeft { left:15px; background-position:-1px -1px;}
.locationWrap .btnRight { right:15px; background-position:-12.5px -1px;}

/* 검색 */
.contSearch { margin:20px 15px 15px 15px; font-size:0;-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.contSearch > div:first-child {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.contSearch:after { content:''; display:block; clear:both;}
.contSearch .left { float:left; width:50%;}
.contSearch .right { float:right; width:50%;}
.contSearch .left >*:first-child { margin-right:2.5px;}
.contSearch .right >*:first-child { margin-left:2.5px;}
.contSearch .select { display:block; width:100%; font-size:13px; min-width:100px;}
.contSearch > .select { background-position:96%;}
.contSearch .searchBox { display:inline-block; position:relative; padding-right:38px; background:#fbfbfb; vertical-align:top; border:1px solid #e5e5e5; height:40px;}
.contSearch .searchBox:hover { border:1px solid #777;}
.contSearch .searchBox input { width:100%; height:38px; padding-left:10px; border:0; box-sizing:border-box; font-size:13px; background:none;}
.contSearch .searchBox button { position:absolute; top:0; right:0; width:38px; height:38px; font-size:0; }
.contSearch .searchBox button:after { content:''; display:block; position:absolute; top:50%; left:50%; width:18.5px; height:18px; background:url('../images/common/spr.png') no-repeat -50px -1px; transform:translate(-50%, -50%); background-size:150px;}
.contSearch .searchHide > a { display:block; position:absolute; top:0; right:0; width:38px; height:38px; font-size:0; }
.contSearch .searchHide > a:after { content:''; display:block; position:absolute; top:50%; left:50%; width:18.5px; height:18px; background:url('../images/common/spr.png') no-repeat -50px -1px; transform:translate(-50%, -50%); background-size:150px;}
.contSearch .searchHide .search { display:none; height:38px;}
.contSearch .searchHide .search button { position:absolute; top:0; right:0; width:38px; height:38px;}
.contSearch .locationMap { display:inline-block; position:relative; width:40px; height:40px; margin:0 5px; border:1px solid #e5e5e5; vertical-align:middle; background:#fbfbfb;}
.contSearch .locationMap a { display:block; width:40px; height:40px; font-size:0;}
.contSearch .locationMap a:after { content:''; display:block; position:absolute; top:50%; left:50%; width:21.5px; height:21px; background:url('../images/common/icoLocation.gif') no-repeat 0 0; background-size:21.5px; transform:translate(-50%, -50%);}
.contSearch .locationMap.on { z-index:4; background:#666666; border:1px solid #575757;}
.contSearch .locationMap.on a:after{background:url('../images/common/icoLocation_on.png') no-repeat 0 0; background-size:21px; width:21px; height:20.5px; }
.contSearch .locationMap.on:after {content: ''; display: block; width: 14px; height: 14px; border: 1px solid #e5e5e5; transform: rotate(45deg); border-right: none; border-bottom: none; background-color: #fff; margin: 6px 0 0 10px;}

.contSearch.type2 { margin:20px 15px 15px 15px;}
.contSearch.type2 .left { width:35%;}
.contSearch.type2 .left .select { min-width:inherit;}
.contSearch.type2 .right { width:65%;}
.contSearch.type2 .left >*:first-child { margin-right:0;}
.contSearch.type2 .right >*:first-child { margin-left:0;}
.contSearch.type2 .right .searchBox { border-left:0;}

.searchList {margin-bottom:100px; border-top:1px solid #e5e5e5;}
.searchList .date {padding-left:0;}

.mapWrap { display:none; padding:20px 15px 29px; border-top:1px solid #e5e5e5;}
.mapWrap .region {display:table; table-layout:fixed; width:100%; border-left:1px solid #e8e8e8;}
.mapWrap .region:first-child a {border-top:1px solid #e8e8e8;}
.mapWrap .region a {display:table-cell; height:45px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; text-align:center; line-height:44px; font-size:13px; color:#666666; }
.mapWrap .region a.on {border:1px solid #666666; color:#222222;}
.mapWrap .box1 .scroll { overflow-y:auto; height:165px; padding:21px 5px;}
.mapWrap .box1 .schedule { margin-top:0;}
.mapWrap .box1 .schedule li + li { margin-top:14px;}

/* 더보기 버튼 */
.btnGroup { display:table; table-layout:fixed; width:100%; padding:20px 15px 20px 10px; }
.btnGroup .btnBorder { display:block; margin-left:5px; padding:12px 0; border:1px solid #666666; font-size:13px; color:#222; text-align:center;}
.btnGroup .btnBorder span { color:#666;}
.btnGroup .btn { display:table-cell; }
.btnGroup .btn span { display:block; margin-left:5px; padding:12px 0; border:1px solid #666666; font-size:13px; color:#222; text-align:center;}
.btnGroup .btnOrange span { border-color:#f96f00; color:#fff; background:#f96f00;}

.btnViewGroup { overflow:hidden; margin:30px 15px;}
.btnViewGroup .btnList { float:left; display:inline-block; width:50%; height:45px; border:1px solid #666; line-height:43px; text-align:center; font-size:14px; color:#222;}
.btnViewGroup .btnList i { display:inline-block; width:12.5px; height:10px; margin-right:8px; background:url('../images/content/spr.png') no-repeat -87px 0; background-size:150px; }
.btnViewGroup .right { float:right; font-size:0;}
.btnViewGroup .right a { display:inline-block; width:45px; height:45px; margin-left:5px; border:1px solid #666; font-size:0; text-align:center;}
.btnViewGroup .right a span { display:inline-block; width:6px; height:11px; margin-top:14.5px; background:url('../images/content/spr.png') no-repeat; background-size:150px;}
.btnViewGroup .right .btnLeft span { background-position:-103px 0;}
.btnViewGroup .right .btnRight span { background-position:-110px 0;}

/* 탭메뉴 */
.tapManu { position:relative; margin-bottom:10px;}
.tapManu ul { border:1px solid #e5e5e5; border-width:1px 0; text-align:center;}
.tapManu li { float:left; display:table; width:50%; table-layout:fixed;}
.tapManu li:after { display:none;}
.tapManu li a { display:table-cell; width:100%; position:relative; height:45px; padding:0 10px; vertical-align: middle; font-size:15px; color:#222;}
.tapManu li a:after { content:''; display:block; position:absolute; bottom:-1px; left:50%; width:0%; height:2px; background:#f96f00; transition: all .3s ease;}
.tapManu li.on a { color:#222;}
.tapManu li.on a:after { left:0%; width:100%;}
.tapManu .type3 li { width:33.33%;}
.tapManu .swiper-wrapper { height:45px !important;}
.tapManu .swiper-slide { width:auto; padding:0 15px;}

/* 테이블 */
.tableWrap { padding:0 15px; font-size:12px;}
.tableWrap + .tableWrap {margin-top:15px;}
.tableWrap tbody .tl, 
.tableWrap tfoot .tl { padding-left:13px; text-align:left;}
.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:13px; border-bottom:1px solid #666; font-weight:600; color:#222;}
.tableList th + th { border-left:1px solid #e5e5e5;}
.tableList td { padding:13px; 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:12px;}
.tableList2 th { padding:13px; border:1px solid #e3e3e3; border-width:0 0 1px 1px; color:#222; font-weight:500; background:#f7f7f7;}
.tableList2 td { padding:13px; 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:12px;}  
.tableList .tableList2 th { padding:9px; }  
.tableList .tableList2 td { padding:9px; } 

/* 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:2px; height:2px; border-radius:50%; background:#666666;}
 
.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:3.5px; height:1px; background:#222;} 

.btnTop { display:block; position:fixed; bottom:20px; right:10px; width:40px; height:40px; font-size:0; background:url('../images/common/btnTop.jpg') no-repeat; background-size:40px;}

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

  /* quickMenu */
#quickMenu { position:fixed; top:55px; right:0; bottom:0; z-index:3; padding:40px 50px; background:rgba(31,31,31,0.75);}
#quickMenu .btnClose { position:absolute; top:5px; right:5px; width:37px; height:37px; font-size:0; background:url('../images/main/quick/btn_quick_close.png') no-repeat center center; background-size:13.5px;}
#quickMenu .swiperMotion { overflow:hidden; width:203px;  background:#f36f21;}
#quickMenu ul { font-size:0;}
#quickMenu ul.hidden li { visibility:hidden;}
#quickMenu ul li { float:left; vertical-align: top; text-align:center; background:#fff;}
#quickMenu ul li a { display:block; width:203px;}
#quickMenu ul li .img { width:203px;}
#quickMenu ul li .img img { width:203px;}
#quickMenu ul li .textBox { overflow:hidden; height:160.5px; padding:0 10px; background:#fff;}
#quickMenu ul li h2 { font-size:17px; color:#111; }
#quickMenu ul li .text { margin-top:10px; padding:0; font-size:14px; color:#111; line-height:1.46}
#quickMenu ul li .text:before { display:none;}
#quickMenu ul li .text2 { margin-top:5px; font-size:18px; color:#fe7c23;}
#quickMenu ul li .number { display:table-cell; position:relative; width:203px; height:59px; font-size:25px; color:#fe7c23; 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:203px; height:59px; font-size:16px; color:#111; font-weight:bold; vertical-align: middle;}
#quickMenu ul li .data .dataText { display:block; margin:0 auto; font-size:14px; color:#848484; font-weight:normal;}
#quickMenu ul li .data .day { font-size:15px; 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:203px; height:161px; vertical-align: middle;}
#quickMenu ul li .textInfo i img { width:32.5px; }
#quickMenu ul li .textInfo p {font-size:14px; color:#848484; line-height:1.46}
#quickMenu [class*=quickMenu-pagination] { padding:18px 0; text-align:center; background:#f36f21;}
#quickMenu .swiper-pagination-switch { display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 3px; background:#db6011;}
#quickMenu .swiper-pagination-switch.swiper-active-switch { background:#fff;}


/* main */
#container.main { padding-bottom:100px;} 
.main .visualWrap { position:relative; width:100%; margin:0 auto;}
.main .visualWrap .visual { position:relative; width:100%; }
.main .visualWrap .visual ul {}
.main .visualWrap .visual li { overflow:hidden; display:none; position:absolute; top:0; left:0; width:100%;}
/*.main .visualWrap .visual li img { width:100%; }*/
.main .visualWrap .visual li:first-child { display:block;}
.main .visualWrap > .number { position:absolute; bottom:30px; right:99px; height:41px; padding:0 15px; line-height:41px; font-size:16px; color:#fff; background:rgba(0,0,0,0.55)}
.main .visualWrap > .number span {margin-right:3px;}
.main .visualWrap .btn { position:absolute; bottom:30px; right:15px; 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; background-size:83px; }
.main .visualWrap .btn .left {}
.main .visualWrap .btn .right { background-position:-42px 0;}

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

.mainLink { width:100%; }
.mainLink ul {}
.mainLink li { border-bottom:1px solid #dbdbdb; }
.mainLink li + li { border-top:0;}
.mainLink li > a { display:block; position:relative; padding:17px 0 17px 15px; color:#222;}
.mainLink li + li > a { border-top:0; color:#222;}
.mainLink li .text { font-size:15px; font-weight:200;}
.mainLink li .title { font-size:21px; font-weight:200; line-height:23px; }
.mainLink li > a:after { content:''; display:block; position:absolute; top:50%; margin-top:-6.5px; right:15px; width:13px; height:13px; background:url('../images/main/btn_more.gif') no-repeat; transition: all .3s ease; background-size:13px;}
.mainLink li.on > a { color:#f96f00;}
.mainLink li.on > a:after { margin-top:-13px; background:url('../images/main/btn_more_on.gif') no-repeat; transform:rotate(0deg);}

.mainLink .linkView { display:none;}
.mainLink .linkView a { display:block; position:relative; }
.mainLink .linkView a img { width:100%;}
.mainLink .linkView .m_textBox { position:absolute; top:20px; left:15px; right:15px; color:#fff; font-weight:200;}
.mainLink .linkView .m_textBox .title { font-size:17px; border:1px solid #fff; border-width:1px 0; font-weight: 300; display: inline-block;}
.mainLink .linkView .m_textBox .phone { position:absolute; top:0px; right:0px; font-size:26px; text-align:right; line-height:20px; font-family:'Nanum Gothic','NanumGothic'; }
.mainLink .linkView .m_textBox .phone span { display:block; font-size:12px; vertical-align: middle;}
.mainLink .linkView .m_textBox .more { display:block; margin-top:35px; width:54px; height:54px; background:url('../images/main/img_visual_more.png') no-repeat; transition: all .3s ease; background-size:54px; }

.mainStory {margin-top:45px;}
#container .mainStory h2 { margin-left:15px; font-size:35px; text-align:left; line-height:1.2; color:#000;}
.mainStory h2 span { display:block; margin-bottom:-3px; font-size:14px; color:#bbbbbb; letter-spacing:9px; text-transform: uppercase; font-weight:300; line-height:1;}
.mainStory ul { margin-top:30px;}
.mainStory li {width:100%;}
.mainStory li:after {content:''; display:block; clear:both; }
.mainStory li a { display:block;}
.mainStory .img { overflow:hidden; position:relative; width:50%; float:left;}
.mainStory .img:after {content:''; display:inline-block; width:16px; height:16px; background-color:#fff; transform:rotate(45deg); position:absolute; left:-8px; top:50%; margin-top:-8px;}
.mainStory .img.left:after {left:inherit; left:initial; right:-8px;}
.mainStory .img .text { position:absolute; bottom:0; left:50%; margin-left:-25%; height:19px; line-height:19px; padding:0 15px; font-size:11px; color:#fff; text-align:center; text-transform: uppercase; background:#000; transition:all .2s ease; font-family:'Nanum Gothic','NanumGothic'; font-weight:bold;}
.mainStory .textGroup {width:50%; float:left; padding:0 15px; box-sizing:border-box;}
.mainStory h3 { margin-top:12px; font-size:15px; color:#222; line-height: 1.25; font-weight:400; transition:all .2s ease;}
.mainStory .more { position:relative; margin-top:14px; font-size:11px; color:#444; text-transform: uppercase;}
.mainStory .more:after { content:''; display:block; width:69px; height:25px; background:url('../images/main/btn_arrow.png') no-repeat; background-size:69px; margin-top:4px;}

.mainNews { width:100%; margin-top:45px;}
.mainNews .inner { position:relative; padding:0 15px;}
#container .mainNews h2 {font-size:35px; text-align:left; line-height:1.2; }
.mainNews h2 span { display:block; margin-bottom:-3px; font-size:14px; color:#bbbbbb; letter-spacing:9px; text-transform: uppercase; font-weight:300; line-height:1;}
.mainNews ul {margin-top:16px; }
.mainNews li {width:50%; float:left; margin-top:18px;}
.mainNews li:nth-child(2) {padding-right:5px;}
.mainNews li:nth-child(3) {padding-left:5px;}
.mainNews li a { display:block;}
.mainNews li .data { font-size:11px; color:#b8b8b8; font-weight:500; margin-top:5px;}
/*.mainNews li .img { overflow:hidden; width:254px; height:70px;}
.mainNews li .img img { width:254px; transition: all .3s ease;}*/
.mainNews li h3 { margin-top:5px; font-size:15px; color:#000; font-weight:400; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; height:57px; overflow: hidden; line-height:19px;}
.mainNews li .img {margin-top:8px;}
.mainNews li .img + .text { margin-top:5px; height:auto; -webkit-line-clamp:2;}
.mainNews li .text {font-size:12px; color:#888; font-weight:300; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; margin-top:4px;}
.mainNews li.first { width:100%; margin:0;}
.mainNews li.first .img { overflow:hidden; float:left; position:relative; width:49%; margin-top:0; padding-bottom:40%;}
.mainNews li.first .img img { position:absolute; top:0; left:50%; bottom:0; width:auto; max-width:inherit; height:100%; transform: translateX(-50%);}
.mainNews li.first .textGroup {width:50%; float:left; padding-left:15px;}
.mainNews li.first h3 { margin-top:5px;}
.mainNews li.first .text {font-size:12px; color:#888; font-weight:300; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; height:48px; overflow: hidden; margin-top:3px;}

/* 장영석 작업 */
.btnCalArea {padding:0 15px 29px;}
.btnCalculator { width:100%; height:45px; line-height:45px; text-align:center; font-size:13px; color:#fff; background:#566989; }
.btnCalculator i { display:inline-block; width:12px; height:14px; margin:-2px 7px 0 0; vertical-align: middle; background:url('../images/content/spr.png') no-repeat; background-size:150px; background-position:-50px 0; }

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

.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:#f96f00;}

.listView { position:relative; margin-top:18px;}
.listView h3 {font-size:20px; color:#222; font-weight:300; margin-bottom:18px; display:block; text-align:center; }
.listView .imgView { position:relative; }
.listView .imgView ul { position:relative;}
.listView .imgView li { position:absolute; top:0; left:0;}
.listView .imgView li img {width:100%}
.listView .imgView .number { position:absolute; bottom:13px; right:14px; color:#ccc; font-size:13px; font-weight:300; letter-spacing: 3px;}
.listView .imgView .number span { color:#fff;}
.listView .imgView .text { padding:10px 15px; color:#fff; font-size:13px; font-weight:300; background:#222; height:40px;}
.listView .imgView .arrow {}
.listView .imgView .arrow a { display:block; position:absolute; top:50%; width:25px; height:40px; font-size:0; margin-top:-20px; }
.listView .imgView .arrow .btnLeft { left:0; background:url('../images/content/img_arrow_left.png') no-repeat; background-size: 25px;}
.listView .imgView .arrow .btnRight { right:0; background:url('../images/content/img_arrow_right.png') no-repeat; background-size: 25px;}
.listView .imgView .arrow a:hover { opacity:0.8;}
.viewSelect {padding:20px 15px; }
.viewSelect .select {width:100%; font-size:13px; color:#222;}
.viewInfoText { overflow:hidden; padding:10px 15px; border-bottom:1px solid #666666;}

.loding-act { float:left; position:relative; background:none; margin:0 0 20px 15px;}
.loding-act:after { content:''; position:absolute; top:0; left:0; z-index:3; width:130px; height:130px; background:url('../images/content/bg-cycle.png') no-repeat; background-size:130px; }
.loding-act canvas { float:left; margin-right:15px;}
.loding-act .numGroup {float:left;}
.loding-act .numGroup span {display:block; color:#222;}
.loding-act .numGroup .text { padding-top:29px; font-size:13px;}
.loding-act .numGroup .count {margin-top:8px; font-size:37px; line-height:39px; }
.loding-act .numGroup strong {font-weight:400; font-size:45px;}

.viewInfoText .tableWrap {padding: 0; margin-bottom:35px;}
.viewInfoText .tableWrap table { font-size:12px;}

.guideText {padding:18px 15px;}
.guideText h3 { margin-bottom:20px; font-size:20px; font-weight:300;}
.guideText p { margin-bottom:20px; font-size:13px; color:#222; line-height:19px;}
.guideText li { margin-bottom:15px; font-size:13px; color:#666; line-height:19px; }
.guideText li span { display:block; }
.guideText hr { margin:20px 0; border-top:1px solid #e5e5e5;}
.guideText .dashList .dotList > li { margin-bottom:5px;}

.guideImgBox {margin-top:30px;}
.guideImgBox > div {text-align:center; }
.guideImgBox > div img {width:100%;}
.guideImgBox .text {padding:20px 30px 45px; }
.guideImgBox .text [class*=ico] { display:inline-block; background:url('../images/content/bg_guide.png') no-repeat; background-size:200px; }
.guideImgBox .text .ico1 { width:36px; height:35px; background-position:0 -177px;}
.guideImgBox .text .ico2 { width:29.5px; height:37.5px; background-position:-49.5px -177px;}
.guideImgBox .text .ico3 { width:25.5px; height:38.5px; background-position:-100px -177px;}
.guideImgBox .text .ico4 { width:36px; height:36px; background-position:-141.5px -177px;}
.guideImgBox .text h3 { margin-top:12px; font-size:20px; color:#222; font-weight:300; line-height:1.1;}
.guideImgBox .text p { margin-top:17px; font-size:13px; color:#666; line-height:19px; text-align:center;}

.reservationBox {background:url('../images/content/bg_reservation.png') no-repeat center 40px; background-size:88px; padding:153px 30px 60px; text-align:center; }
.reservationBox.bg2 {background:url('../images/content/bg_pre.png') no-repeat center 40px; background-size:76px; padding:153px 30px 60px; text-align:center; }
.reservationBox h3 {font-size:20px; color:#222; font-weight:300; line-height:1.1;}
.reservationBox p { margin-top:20px; font-size:13px; color:#666; line-height:19px; }
.reservationBox .btn { display:block; width:100%; height:45px; margin-top:35px; border:1px solid #666666; box-sizing:border-box; font-size:13px; color:#222; text-align:center; line-height:45px;}
.reservationBox .btn i { display:inline-block; width:20px; height:6.5px; margin-top:-3.5px; margin-left:8px; vertical-align:middle; background:url('../images/content/bg_arrow_right.png') no-repeat; background-size:20px; }

.loginContWrap { display:table; table-layout:fixed; position:absolute; top:50%; left:50%; width:1000px; 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:80px; 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:50px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; background:#f96f00;}
.loginContWrap .textBox { display:table-cell; width:400px; height:100%; padding-left:70px; vertical-align: middle;}
.loginContWrap .textBox i { display:block; width:110px; height:109px; background:url('../images/content/bg_reservation.gif') no-repeat;}
.loginContWrap .textBox h2 { margin-top:20px; font-size:30px; color:#222; font-weight:300; line-height:1.1;}
.loginContWrap .textBox p { margin-top:23px; font-size:16px; color:#666;}

.livingGuide { overflow:hidden; padding:0 15px;}
.livingGuide > div { text-align:center;}
.livingGuide > div + div { border-top:1px solid #e5e5e5;}
.livingGuide .ico1 { display:block; width:111px; height:100px; margin:40px auto 0; background:url('../images/content/bg_monitor.png') no-repeat; background-size:100%;}
.livingGuide .ico2 { display:block; width:110px; height:109px; margin:40px auto 0; background:url('../images/content/bg_reservation.png') no-repeat; background-size:100%;}
.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:#f96f00;}

/* 검색 영역 */
#container .searchBoxWrap { margin:30px 0 30px; text-align:center;}
#container .searchBoxWrap .search { display:inline-block; border-bottom:2px solid #222;}
#container .searchBoxWrap input { width:200px; padding:10px 0; border:0; font-size:21px; background:none;}
#container .searchBoxWrap .btnSearch { display:inline-block; width:25px; height:23px; font-size:0; background:url('../images/common/btnSearch.png'); background-size:25px auto; }

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

.h3.search {padding:42px 0 16px; text-align:center;}

.preInput { padding:0 15px;} 
.preInput h3 { padding:25px 0 10px; border-top:1px solid #e5e5e5; font-size:20px; color:#222;} 
.preInput .title { padding:25px 0; border-bottom:1px solid #e5e5e5; font-size:20px; color:#222;}
.preInput .text { font-size:13px; color:#666; line-height:19px; font-weight:300;}  
.preInput .essentialText { padding:10px 0;}

.preInput .tableWrap { padding:0;} 
.preInput td label { display:block; margin-bottom:15px;} 
.preInput td .btn { display:inline-block; height:40px; width:100px; border:1px solid #666; font-size:12px; text-align:center; line-height:38px; vertical-align: middle;} 

.preInput .joinTermsWrap .agreeBox { padding:0; margin-top:25px; border:0;}
.preInput .joinTermsWrap .agreeBox .con { border:1px solid #e5e5e5; padding:18px 10px 10px; height:200px !important;}
.preInput .joinTermsWrap .agreeBox .con h4 {text-align:center; font-size:16px; font-weight:400;}
.preInput .joinTermsWrap .agreeBox .con h5 {margin-bottom:5px;}
.preInput .joinTermsWrap .agreeBox + .agreeBox { margin-top:0;}
.preInput .joinTermsWrap .agreeBox .selectBox { border-top:0;}
.preInput .joinTermsWrap .agreeBox .selectBox .radioGroup { float:none; display:block; width:100%; margin-top:10px; text-align:right;}

.joinTermsWrap .tableList2 {margin-top:18px;}
.joinTermsWrap .tableList2 th {padding:6px 0; font-size:12px;}
.joinTermsWrap .tableList2 td {padding:6px 0; font-size:12px; line-height:18px; }


/* 허수정 작업 */
img {max-width:100%; }
.customerInfo {margin-bottom:20px;}
.customerInfo li {border-bottom:1px solid #e5e5e5; text-align:center; padding:30px 30px;}
.customerInfo li:last-child { border-bottom:0;}
.customerInfo li .bg1 {background:url('../images/content/bg_customer_info.png') no-repeat 0 0; width:95px; height:90px; }
.customerInfo li .bg2 {background:url('../images/content/bg_customer_info.png') no-repeat -100.5px 0; width:89px; height:87px; }
.customerInfo li .bg3 {background:url('../images/content/bg_customer_info.png') no-repeat -194px 0; width:94.5px; height:88px; margin-left:30px; }
.customerInfo li [class*=bg] {display:inline-block; background-size:288px;}
.customerInfo li h3 {font-size:20px; font-weight: 300; margin-top:18px; color:#222; }
.customerInfo li .text2 {font-size:13px; margin-top:15px; color:#666666; line-height:19px;}
.customerInfo li .text2.mt6 {margin-top:6px !important;}
.customerInfo li .imgFaq {margin-top:20px; height:45px;}
.customerInfo li .btn {border:1px solid #666666; width:100%; height:38px; display:block; padding:10px 0; box-sizing:border-box; font-size:13px; color:#222; margin-top:30px; }
.customerInfo li .btn i {display:inline-block; width:20px; height:6px; margin-top:-5px; margin-left:21px; vertical-align:middle; background: url(../images/content/bg_arrow_right.png) no-repeat; transition: all .3s ease; background-size: 20px auto;}
.customerInfo li .tel {font-size:36px; color:#f96f00; font-weight:100; margin-top:10px;}

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

.faqList {margin-top:25px;}
.faqList li {background:url('../images/content/icon_faq_off.png') no-repeat 92% 48px; background-size:14.5px;}
.faqList li .question {border-bottom:1px solid #e5e5e5; padding: 17px 15px;}
.faqList li .question a {display:block; margin-right:52px;}
.faqList li .category {font-size:12px; color:#666666; display:block; font-weight:300;}
.faqList li .text {font-size:20px; color:#555555; font-weight:300; line-height:24px; margin-top:10px; display:block;}
.faqList li .answer {font-size:13px; color:#444444; display:none; padding: 25px 15px; border-bottom:1px solid #e5e5e5; line-height:19px; }
.faqList li .answer a {display:block; color:#444444;}
.faqList li.on {background:url('../images/content/icon_faq_on.png') no-repeat 92% 54.5px; background-size:14.5px;}
.faqList li.on .text {color:#f96f00;}
.faqList li.on .answer {background-color:#f7f7f7;}
.faqList li .question:after {content:''; display:block; clear:both;}

.inquireList {margin-top:30px;}
.inquireList li {padding:15px; border-bottom:1px solid #e5e5e5; position:relative; font-weight:300;}
.inquireList li a {display:block; width:85%;}
.inquireList li .category {font-size:12px; color:#666666; margin-left:7px;}
.inquireList li .status {background-color:#222222; }
.inquireList li .status2 {background-color:#fff; color:#666666 !important; border:1px solid #cfcfcf;}
.inquireList li [class*=status] {display:inline-block; width:27.5px; height:27.5px; border-radius:100%; color:#fff; font-size:9px; text-align:center; position:absolute; right:5%; top:50%; margin-top:-14px; padding-top:6px; line-height:14px; }
.inquireList li .title {font-size:20px; line-height:25px; color:#222222; font-weight:100; display:block;}
.inquireList li .title.type2 {min-height:55px;}
.inquireList li .date {font-size:12px; color:#959595; width:68px; border-right:1px solid #e5e5e5; display:inline-block;}
.inquireList li .delete {width:18px; height:16.5px; position:absolute; right:25px; top:50%; font-size:0; margin-top:-8px;}
.inquireList li .delete i {display:inline-block; width:18px; height:16.5px; background:url('../images/content/spr.png') no-repeat -132px -20px; background-size:150px; }
.inquireList li span {line-height:12px; }
.inquireList li .text { width:150px; padding:6px 0px 0 0; font-size:14px; color:#959595; text-align:center;}

.inquireView .questionTitle {padding:15px 50px; border-bottom:1px solid #dbdbdb; text-align:center; }
.inquireView .questionTitle .title {font-size:20px; color:#222222; line-height:21px; font-weight:100; margin-bottom:5px;}
.inquireView .questionDetail {font-size:13px; color:#444444; line-height:19px; border-bottom:1px solid #dbdbdb; padding:15px 15px 25px;}
.inquireView .date {font-size:12px; color:#959595; margin-left:5px;}
.inquireView .answer {padding:29px 15px; background-color:#f7f7f7; border-bottom:1px solid #666666;}
.inquireView .answer:after {content:''; display:block; clear:both;}
.inquireView .answer .status {font-size:9px; color:#fff; display:inline-block; width:27px; height:27px; border-radius:100%; background-color:#222222; text-align:center; padding-top:6px;}
.inquireView .answer .detail {font-size:13px; color:#444444; line-height:19px; margin-top:10px;}

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

.callCenterBox {background:url('../images/content/bg_callCenter.png') no-repeat 50% 30px; box-sizing:border-box; padding:140px 15px 45px; text-align:center; background-size:92px; border-bottom:1px solid #e5e5e5;}
.callCenterBox .tel {font-size:40px; color:#222222; font-weight:100; display:block; }
.callCenterBox .title {font-size:16px; color:#222222; margin-top:15px; display:block;}
.callCenterBox .text {font-size:13px; color:#666666; line-height:19px; margin-top:20px;}
.callCenterBox .globalBtn {margin-top:27px !important;}
.asText {font-size:13px; color:#222222; margin-top:25px; text-align:center;}
.imgAsinfo {margin:20px 0; text-align:center; }
.imgAsinfo img {width:100%; max-width:720px;}

.asdef {line-height:22px; margin:0 15px 30px; }
.asdef h3 {font-size:20px; color:#222; font-weight:300;}
.asdef p {font-size:13px; color:#222222; margin-top:20px; line-height:19px; }
.asdef ul.mt0 {margin-top:0;}
.asdef li {font-size:13px; color:#666666;}

.formTableList {margin-top:12px;}
.formTableList th {padding:13px 0; font-size:13px; color:#222222; text-align:left; font-weight:normal; vertical-align:top; }
.formTableList th.vt {vertical-align:top; padding:5px 0;}
.formTableList.vt th {vertical-align:top; padding:5px 0;}
.formTableList th .em { font-size:0; background:url('../images/content/bg_star.png') no-repeat 0 0; width:5px; height:4.5px; display:inline-block; vertical-align:top; margin:4px; background-size:5px;}
.formTableList td {padding:8px 0; }
.formTableList td.flex_no {display:block !important;}
.formTableList td .em2 {font-size:14px; color:#666666; margin:10px 5px;}
.formTableList td .em3 {font-size:13px; color:#444444; margin:10px 4px 0; vertical-align:middle; }
.formTableList td .input {width:100%; color:#666; font-size:13px;}
.formTableList td .textarea {color:#666; font-size:13px;}
.formTableList td div.flex {width:100%; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.formTableList td div.flex input, .formTableList td div.flex select {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.formTableList td div + div {margin-top:10px;}
.formTableList .select {height:40px; background-color:#f0f0f0; line-height:20px; font-size:13px; color:#666; width:100%; min-width:inherit;}
.formTableList .imgSecret {width:100%;}
/*.formTableList .asBtn {display:table; margin-top:10px;}
.formTableList .asBtn .globalBtn {display:table-cell; height:40px; margin-top:0; line-height:37px; font-size:13px; color:#222222;}
.formTableList .asBtn .globalBtn + .globalBtn {margin-left:10px;}*/
.formTableList .noti {font-size:12px; margin-top:8px;}
.formTableList .btnGroup {}
.formTableList .btnGroup .btn span {margin-left:10px; padding:10px 0;}
.formTableList .btnGroup .btn:first-child span {margin-left:0;}
.formTableList .btn2 {width:120px; height:40px; border:1px solid #666666; font-size:12px; color:#222222; display:inline-block; text-align:center; line-height:36px; vertical-align:middle; margin-left:20px;}
.formTableList td span {margin-top:11px;}
.tableWrap + .btnGroup { margin:0;}


/*.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:#f96f00; color:#fff; margin-left:8px; border:none;}*/

.inquireTab { display:table; table-layout:fixed; width:100%; padding:20px 15px; }
.inquireTab .btn { display:table-cell; }
.inquireTab .btn span { display:block; margin-left:-1px; padding:12px 0; border:1px solid #e5e5e5; font-size:13px; color:#444444; text-align:center;}
.inquireTab .btn.on span { border-color:#f96f00; color:#f96f00;}
.inquireTab .btn.on + .btn span {border-left:none; margin-left:0;}

.calculatorPop .text {text-align:center; font-size:13px; color:#666666; margin-top:25px; font-weight:300;}
.calculatBox {margin-top:20px; position:relative; text-align:center;}
.calculatBox .input { width:40%; text-align:right; padding:0 15% 0 10px; font-size:14px; color:#222222;}
.calculatBox .space {position:absolute; left:33%; top:11px; font-size:14px; color:#3b3b3b;}
.calculatBox .input.right { padding-right:30px; background-color:#f9f9f9; color:#f96f00; text-align:left; }
.calculatBox .is {margin:0 6px; font-size:20px; color:#666666; vertical-align:middle; }

.interestCalPop .text {font-size:13px; color:#666666; line-height:19px; text-align:center; margin-top:14px;}
.interestCalPop .tapManu li { width:33.33%;}
.interestCalPop .tableWrap { padding:0;}
.interestCalPop .tableList {margin-top:25px;}
.interestCalPop .tableList td {border-left:none; padding:8px 0 8px 0px; color:#222; text-align:left; }
.interestCalPop .tableList [class*=btn] { height:30px; padding:0 7px; margin-bottom:3px; border:1px solid #7d7d7d; display:inline-block; font-size:13px; color:#222222; line-height:27px; text-align:center; margin-left:1px;}
.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 { position:relative; margin-bottom:10px; border:1px solid #d9d9d9; background:#f0f0f0;}
.interestCalPop .tableList td .inputGroup input { border:0; padding:0 20px;}
.interestCalPop .tableList td .inputGroup .text { margin-top:0; line-height:1;}
.interestCalPop .tableList td .inputGroup .first { display:block; position:absolute; top:50%; left:5px; margin-top:-7px;}
.interestCalPop .tableList td .inputGroup .last { display:block; position:absolute; top:50%; right:5px; margin-top:-7px;}
.interestCalPop .tableList2 {margin-top:15px;}
.interestCalPop .tableList2 th {padding:6px 0; font-size:13px;}
.interestCalPop .tableList2 td {padding:6px 0; font-size:13px; color:#666666;}
.interestCalPop .tableList2 td.tr { text-align:right; padding-right:10px;}
.interestCalPop .popCont {overflow-y:scroll; margin-top:25px; height:540px;}
.interestCalPop .btnArea {text-align:center; }
.interestCalPop .btnArea .globalBtn {width:100%; margin-top:35px;}
.interestCalPop .notice {font-size:13px; line-height:20px; margin-top:15px;}

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

.emailRejectBox {background:url('../images/content/bg_emailReject.png') no-repeat center 40px; background-size:129px; padding:155px 15px 30px; text-align:center; }
.emailRejectBox h3 {font-size:20px; color:#222222; font-weight:300; line-height:1.1;}
.emailRejectBox p { margin-top:18px; font-size:13px; color:#666; font-weight:300; line-height:19px; }
.emailRejectBox .date {font-size:13px; color:#666; display:block; margin-top:20px; font-weight:300;}

.mapArea {margin:30px 0 0 0; width:100%;}
.mapArea img {width:100%;}
.contactGroup {border-bottom:1px solid #e5e5e5; padding:30px 30px 25px;}
.contactGroup .iconGroup {text-align:center;}
.contactGroup .iconGroup h3 {font-size:20px; color:#222; font-weight:300; margin-top:15px;}
.contactGroup .iconGroup h3 span {font-size:15px; color:#666666; display:block;}
.contactGroup .iconGroup .icon1 {background:url('../images/content/icon_contactus.png') no-repeat -2px -1px; width:38px; height:37.5px;}
.contactGroup .iconGroup .icon2 {background:url('../images/content/icon_contactus.png') no-repeat -40.5px -1px; width:37px; height:37.5px; }
.contactGroup .iconGroup .icon3 {background:url('../images/content/icon_contactus.png') no-repeat -78px -1px; width:35px; height:37.5px; }
.contactGroup .iconGroup [class*=icon] {background-size:115px; display:inline-block;}
.contactGroup .contactInfo {margin-top:15px;}
.contactGroup .contactInfo dt {font-size:13px; color:#222222; width:28%; float:left; margin-bottom:8px;}
.contactGroup .contactInfo dd {font-size:13px; color:#666666; float:left; width:72%; margin-bottom:8px; font-weight:300;} 

.termsTitleBox {width:100%; margin:30px 0;}
.termsTitleBox li {width:100%; background-color:#f7f7f7; margin-top:3px; padding:8px 15px;}
.termsTitleBox li:first-child {margin:0;}
.termsTitleBox li a {display:block; font-size:11px; color:#222222;}

.termsText {font-size:13px; color:#666666; line-height:19px; margin:25px 15px;}

.termsConGroup {line-height:22px; margin:0 15px 30px; border-bottom:2px solid #666666;}
.termsConGroup .content {border-top:1px solid #e5e5e5; padding:27px 0;}
.termsConGroup .content:first-child {margin-top:0;}
.termsConGroup h3 {font-size:20px; color:#222; font-weight:300;}
.termsConGroup p {font-size:13px; color:#222222; margin-top:20px; line-height:19px; }
.termsConGroup h4 {font-size:13px; color:#222; margin-top:20px; }
.termsConGroup ul.mt0 {margin-top:0;}
.termsConGroup li {font-size:13px; color:#666666;}
.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 tbody th {background-color:#fff; }
.termsConGroup .tableList2 tbody th.bg {background-color:#f7f7f7; }
.termsConGroup .tableList2 td {padding:6px 0; font-size:12px; line-height:18px; }
.termsConGroup .tableList2 tbody td {padding:6px 5px; }
.termsConGroup .mt15 {margin-top:15px;}
.termsConGroup em {font-size: 110%; color:#F56B02;}

.memberBox {padding:40px 15px 130px;}
.memberBox strong {font-size:20px; color:#222222; font-weight:300; display:block; text-align:center; }
.memberBox .text1 {font-size:16px; color:#666666; display:block; text-align:center; margin-top:3px; }  
.memberBox .text2 {font-size:20px; color:#222222; display:block; text-align:left; font-weight:300; line-height:25px; text-align:center; }  
.memberBox .inputGroup {margin-top:25px;}
.memberBox .inputGroup input {width:100%; height:40px; margin-top:10px;}
.memberBox .inputGroup input:first-child {margin-top:0;}
.memberBox .inputGroup .btnLogin {width:100%; height:45px; background-color:#f96f00; color:#fff; font-size:13px; font-weight:300; border:0; border-radius:0; cursor:pointer; -webkit-appearance:none; margin-top:20px;}
.memberBox .inputGroup2 {margin-top:25px; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.memberBox .inputGroup2 select, .memberBox .inputGroup2 input {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width:inherit; min-width:initial; width:100%; }
.memberBox [class*=inputGroup] select {height:40px; line-height: 20px; font-size:13px; color:#666; background-color:#f0f0f0;}
.memberBox .findText {width:100%; margin-top:18px; display:table; table-layout:fixed;}
.memberBox .findText a {font-size:13px; color:#666666; display:table-cell; text-align: center; border-left:1px solid #e4e4e4; line-height: 14px;}
.memberBox .findText a:first-child {border:none;}
/*.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:100; text-align:center; margin-top:32px;}
.memberBox em {margin:10px 7px; font-size:13px; color:#666666;}
.memberBox .em2 {font-size:13px; color:#444444; display: inline-block; margin: 10px 7px; }
.memberBox .btnGroup {padding:0 !important; margin-top:35px;}

.stepBox2 {border-bottom:1px solid #e5e5e5; height:55px; width:100%;}
.stepBox2 ol {text-align:center; display:table; table-layout:fixed; width:100%;}
.stepBox2 li {display:table-cell; vertical-align: middle; position:relative; width:25%;}
.stepBox2 li:after {content: ''; display: inline-block; width:5px; height:10px; background:url(../images/content/bg_stepBox.png) no-repeat 0 0; position:absolute; right:-5px; top: 50%; margin-top: -2px; background-size:5px;}
.stepBox2 li.none:after {display:none;}
.stepBox2 li .step {vertical-align: middle; position:relative; padding-top:11px;}
.stepBox2 li .step span {font-size:11px; color:#666666; display:block; font-weight:300; }
.stepBox2 li .step strong {font-size:13px; color:#666666; font-weight:400;}
.stepBox2 li.on .step:after {content:''; display:block; position:absolute; left:0; top:0; background-color: #f96f00; height: 2px; width: 100%; transition: all .3s ease; }
.stepBox2 li.on .step span {color:#f96f00;}
.stepBox2 li.on .step strong {color:#222222;}

.joinBox {text-align:center; margin-bottom:30px;}
.joinBox > div {padding:45px 15px 0;}
.joinBox .bg1 {background:url('../images/content/bg_join.png') no-repeat 0 0; width:29.5px; height:50.5px;  }
.joinBox .bg2 {background:url('../images/content/bg_join.png') no-repeat -32.5px 0; width:33.5px; height:50.5px; }
.joinBox [class*=bg] {display:inline-block; background-size:65px;}
.joinBox strong {font-size:20px; color:#222222; font-weight:300; display:block; margin-top:25px;}
.joinBox p {font-size:13px; line-height:19px; margin-top:15px;}

.certify {}
.certify .text {font-size:13px; color:#666; line-height:19px; text-align:center; }

.essentialText {text-align:right; margin-top:10px; font-size:11px; color:#444;}
.essentialText.mt30 {margin-top:30px !important;}
.essentialText .em { font-size:0; background:url('../images/content/bg_star.png') no-repeat 0 0; width:5px; height:4.5px; display:inline-block; vertical-align:top; margin:2px 3.5px 0 0; background-size:5px; }

.receiveAgree .label {margin-right:30px;}
.receiveAgree .checkbox {margin-right:8px;}

.joinCongraduBox {padding:150px 15px; background:url('../images/content/bg_monitor.png') no-repeat center 40px; background-size:89px; text-align:center; }
.joinCongraduBox strong {font-size:20px; color:#222222; font-weight:300;}
.joinCongraduBox p {font-size:13px; color:#222222; font-weight:300; margin-top:5px;}

.memLeaveText {font-size:20px; color:#222222; line-height:25px; font-weight:300; padding:40px 15px 0; text-align:center; }

.joinTermsWrap h4 {font-size:20px; color:#222222; font-weight:300; margin-bottom:14px;}
.joinTermsWrap .agreeBox { padding:22px 15px 10px; font-size:13px;}
.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 { height:150px; padding:10px; overflow-y:auto; border:1px solid #e5e5e5; border-bottom:0; font-size:13px; font-weight:300; line-height:19px; }
.joinTermsWrap .agreeBox .selectBox {padding:15px; border:1px solid #e5e5e5;}
.joinTermsWrap .agreeBox .selectBox .radioGroup {float:right;}
.joinTermsWrap .agreeBox .selectBox .radioGroup .label:first-child {margin-right:14px;}
.joinTermsWrap .agreeBox .selectBox .radioGroup .label {font-size:11px;}
.joinTermsWrap .agreeBox .selectBox .radioGroup .radio {margin-right:6px;}
.joinTermsWrap .agreeBox .selectBox .text {font-size:13px; color:#222; font-weight:300; }
.joinTermsWrap .tableList2 {margin-top:18px;}
.joinTermsWrap .tableList2 th {padding:6px 0; font-size:12px;}
.joinTermsWrap .tableList2 td {padding:6px 0; font-size:12px; line-height:18px; }

.privateModifyWrap {padding:0px 15px 35px; margin-top:30px;}
.textBox {padding:20px; background:#f7f7f7; }
.textBox .text {position:relative; padding:0 5px 0 30px; font-size:14px; font-weight:500; color:#222; word-break:keep-all;}
.textBox .text:before {content:""; display:block; width:18px; height:18px; background:url(../images/content/spr.png) no-repeat -25px 0; background-size:150px auto; position:absolute; top:0; left:5px;}
.textBox .link {padding:11px 0 0; text-align:center; border:1px solid #666666; height:40px; font-size:13px; color:#222222; margin-top:15px;}

/* 김혜선 작업 */
.imgList {}
.imgList li {position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.imgList li + li {margin-top:-1px;}
.imgList li h3 {padding:16px 15px; font-size:21px; font-weight:normal; color:#222; line-height:23px;}
.imgList li .img {position:relative; width:100%; border:1px solid #e5e5e5; border-width:1px 0;}
.imgList li .img:after {content:""; display:block; clear:both;}
.imgList li .img img {width:100%;}
.imgList li .img .icon {display:block; width:70px; height:70px; font-size:0; position:absolute; top:0px; right:0px; }
.imgList li .img .icon.close {background:url(../images/content/img_close.png) no-repeat 0 0; background-size:70px auto;}
.imgList li .img .icon.now {background:url('../images/content/img_now.png') no-repeat 0 0; background-size:70px auto;}
.imgList li .img .icon.dwell {background:url('../images/content/img_dwell.png') no-repeat 0 0; background-size:70px auto;}
.imgList li .img .icon.soon {background:url('../images/content/img_soon.png') no-repeat 0 0; background-size:70px auto;}
.imgList li .textBox, 
.imgList li .infoText {overflow:hidden; background:none; padding:0;}
.imgList li .textBox {margin:25px 15px 16px;}
.imgList li .textBox .text {float:left; font-size:16px; color:#f96f00; padding:0; font-weight:400;}
.imgList li .textBox .text:before {background:none; }
.imgList li .textBox .phone {float:right; font-size:23px; font-weight:400; color:#222; line-height:17px; }
.imgList li .textBox .phone:before {content:""; display:inline-block; margin:-2px 4px 0 0; width:22px; height:23px; background:url(../images/content/spr.png) no-repeat 0 -26px; background-size:150px auto; vertical-align:middle;}
.imgList li .infoText {margin:0 15px; position:relative;}
.imgList li .infoText dt {margin-top:7px; position:absolute; left:0; font-size:14px; color:#666;}
.imgList li .infoText dd {margin-top:7px; padding-left:40px; font-size:14px; color:#222;}
.imgList li .link { display:block; margin:10px 15px 0; font-size:14px; color:#666; text-decoration:underline;}
.imgList li .down {margin:16px 15px 0;}
.imgList li .down a {border-bottom:1px solid #bfbfbf;}
.imgList li .infoText + .imgListBtn {padding-top:60px;}
.imgList li .imgListBtn {-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding:25px 15px 30px; width:100%;}
.imgList li .imgListBtn a {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding:12px 0; background:#fff; border:1px solid #ebebeb; font-size:13px; color:#444; text-align:center; vertical-align:middle; letter-spacing:-.5px; }
.imgList li .imgListBtn a + a {margin-left:-1px;}
.imgList li .imgListBtn a.btnOrange {background:#f96f00; border-color:#d84700; border-width:1px; color:#fff;}
.imgList li .imgListBtn p {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding:12px 0; background:#eee; border:1px solid #ebebeb; font-size:13px; color:#ccc; text-align:center; vertical-align:middle; letter-spacing:-.5px; }

.btnMore {margin:30px 15px;}
.btnMore a {display:block; padding:12px 0; background:#fff; border:1px solid #666; font-size:13px; color:#666; text-align:center;}
.btnMore a span {color:#222;}
.btnCalc:before {content:""; display:inline-block; margin:-2px 8px 0 0; width:12px; height:14px; background:url(../images/content/spr.png) no-repeat -70px 0; background-size:150px auto; vertical-align:middle;}
.offerTable tbody .tl, 
.offerTable tfoot .tl {padding:8px;}
.offerTable .tableList tbody th {border-color:#e5e5e5; padding-left:4px; border-bottom:none;}
.offerTable .tableList tbody th, 
.offerTable .tableList tfoot th {border-top:1px solid #e5e5e5; }
.offerTable .tableList tbody th + td, 
.offerTable .tableList tfoot th + td {border-left:1px solid #e5e5e5;}
.offerTable .tableList .text {margin-bottom:10px;}
.offerTable .tableList .comment {margin-top:10px;}
.offerTable .tableList .small {font-size:0.6em; font-weight:normal; vertical-align:1px; }
.offerTable .tableList .tableList2 th {font-weight:bold; color:#222; text-align:center;}
.offerTable .tableList .tableList2 th, 
.offerTable .tableList .tableList2 td {padding:6px 2px;}

.offerTable2  {}
.offerTable2 .tableList tbody th {border-right:1px solid #e5e5e5; }
.offerTable2 .tableList td strong {font-weight:600; color:#222;}
.offerTable2 .standard {}
.offerTable2 .standard dl {padding:7px 0;}
.offerTable2 .standard dt {margin-bottom:3px; font-size:13px; font-weight:500; color:#222;}
.offerTable2 .standard dd {position:relative; padding-left:10px; font-size:13px; color:#666;}
.offerTable2 .standard dd:before {content:"-"; position:absolute; left:0;}
.offerTable2 .standard dd + dt {margin-top:20px;}
.offerTable2 .standard .cmt {display:block; font-weight:normal; color:#666; }

.offerLink {margin:30px 15px 60px; padding:20px 10px; background:#f7f7f7;}
.offerLink .text {position:relative; padding:0 5px 0 30px; font-size:14px; font-weight:500; color:#222; word-break:keep-all;}
.offerLink .text:before {content:""; display:block; width:18px; height:18px; background:url(../images/content/spr.png) no-repeat -25px 0; background-size:150px auto; position:absolute; top:0; left:5px;}
.offerLink .link {padding:15px 5px 0 0; text-align:center;}
.offerLink .link a span {padding:10px 0; background:#fff;}

.stepBox {margin-top:30px;}
.stepBox li {display:table; table-layout:fixed; margin:0 auto; padding:0 0 20px; width:100%; max-width:280px;}
.stepBox .cycle, 
.stepBox .item {display:table-cell; vertical-align:middle; height:110px;}
.stepBox .item {padding-left:28px; text-align:left;}
.stepBox .item span {position:relative; font-size:14px; font-weight:500; color:#f96f00;}
.stepBox .item p {margin-top:7px; font-size:16px; font-weight:500; color:#222;}
.stepBox .item .subText {display:block; font-size:0.8em;}
.stepBox .cycle {width:110px; background:url(../images/content/step_circle.png) no-repeat top right; background-size:110px auto; text-align:center;}
.stepBox .cycle span[class*=bg] {display:inline-block; background-image:url(../images/content/bg_guide.png); background-repeat:no-repeat; background-size:200px auto; vertical-align:middle;}
.stepBox .cycle .bg1 { width:36px; height:36px; background-position:0 -92.5px;}
.stepBox .cycle .bg2 { width:35px; height:37.5px; background-position:-51.5px -92.5px;}
.stepBox .cycle .bg3 { width:37.5px; height:31px; background-position:-96px -92.5px;}
.stepBox .cycle .bg4 { width:29px; height:37.5px; background-position:-150px -92.5px;}
.stepBox .cycle .bg5 { width:37px; height:33px; background-position:0 -135.5px;}
.stepBox .cycle .bg6 { width:36px; height:37px; background-position:-48.5px -135.5px;}
.stepBox .cycle .bg7 { width:36.5px; height:36.5px; background-position:-95px -135.5px;}
.stepBox.stepOffer .bg1 {width:37px; height:34px; background-position:0 0;}
.stepBox.stepOffer .bg2 {width:38px; height:35px; background-position:-50px 0;}
.stepBox.stepOffer .bg3 {width:38px; height:37px; background-position:-100px 0;}
.stepBox.stepOffer .bg4 {width:38px; height:35px; background-position:-150px 0;}
.stepBox.stepOffer .bg5 {width:37px; height:34px; background-position:0 -50px;}
.stepBox.stepOffer .bg6 {width:37px; height:32px; background-position:-50px -50px;}
.stepBox.stepOffer .bg7 {width:32px; height:38px; background-position:-100px -50px;}
.stepBox.stepOffer .bg8 {width:39px; height:32px; background-position:-150px -50px;}

.calender {margin:0 0 60px; border:1px solid #e5e5e5;}
.calender .row {display:table; width:100%;}
.calender .row + .row {border-top:1px solid #e5e5e5;}
.calender .monthBox {display:table-cell; padding:20px 15px 30px; width:50%; background:#fff;}
.calender .monthBox + .monthBox {border-left:1px solid #e5e5e5;}
.calender .monthBox h3 {position:relative; padding-bottom:10px; font-size:20px; 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:20px; min-height:30px;}
.schedule li {position:relative; padding-left:50px;}
.schedule li a {font-size:13px; color:#222; box-sizing:border-box; word-break:keep-all;}
.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:44px; height:16px; font-size:10px; color:#fff; box-sizing:border-box; border-radius:2px; text-align:center; line-height:14px; letter-spacing:-.5px;}
.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:20px 15px; border-bottom:1px solid #dbdbdb; color:#666; position:relative;}
.list li a {display:block; color:#666;}
.list li:after {content:""; display:inline-block; width:15px; height:15px; background:url(../images/content/spr.png) no-repeat -134px 0; vertical-align:middle; background-size:150px; position:absolute; right:7%; top:50%; margin-top:-7.5px;}
.list li a > span {display:inline-block; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; line-height:13px; font-weight:300;}
.list li a > span + span {padding-left:10px;}
.list li .category {padding:7px 0 0 19px; width:110px;}
.list li .status {background-color:#222222; }
.list li .title {font-size:20px; line-height:25px; color:#222222; font-weight:100; margin-bottom:5px; width:84%; white-space: normal; height:48px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.list li .date {color:#959595; font-size:12px; padding-right:10px;}
.list li .origin {font-size:12px; color:#666666; border-left:1px solid #e5e5e5; }
.list + .paging {margin-top:50px;}

/*.view {border-top:2px solid #666666; margin-top:60px;}*/
.view .viewTitle {padding:18px 15px; text-align:center;}
.view .viewTitle .tit {font-size:20px; color:#222222; line-height:1.4; font-weight:100;}
.view .viewInfo {display:block; padding-top:8px;}
.view .viewInfo .cell {font-size:12px; color:#959595;}
.view .viewDetail {padding-bottom:15px; border-bottom:1px solid #666666; font-size:16px; color:#444444; line-height:24px;}
.view .viewDetail p {margin-bottom:30px; padding:0 15px;}
.view .viewDetail p.img {padding:0; text-align:center;}
.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 .number { width:30px; text-align:center;}
.newsList li .title {}
.newsList li .origin {}

.awardWrap {margin-bottom:100px;}
.awardWrap .award {position:relative; margin:30px 0 40px; }
.awardWrap .img img {width:100%;}
.awardWrap .year, 
.awardWrap .awardList {padding:0 15px;}
.awardWrap .year {margin:25px 0 15px; font-size:62px; font-weight:100; color:#222; line-height:100%; letter-spacing:-2px;}
.awardWrap .awardList {font-size:13px; color:#444;}
.awardWrap .awardList li + li {margin-top:12px;}
.awardWrap .awardList li:after {content:''; clear:both; display:block;}
.awardWrap .awardList li .month {font-weight:bold; color:#959595; width:20%; float:left;}
.awardWrap .awardList li p {width:80%; float:left; font-weight:300;}

.prWrap {}
.prWrap .info {margin-top:15px;}
.prWrap .info .cell {display:block; font-size:15px; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prWrap .info .cell.date {margin-top:5px; font-size:12px; color:#959595; font-weight:bold;}
.prWrap .prList {margin:0 10px;}
.prWrap .prList:after {content:""; display:block; clear:both;}
.prWrap .prList li {float:left; padding:15px 5px; width:50%; box-sizing:border-box;}
.prWrap .prList .thumb {position:relative; display:block; overflow:hidden;}
.prWrap .prList .num {display:block; font-size:32px; font-weight:400; color:#999;}
.prWrap a {display:block; height:100%; text-align:center;}
.prWrap img {max-width:100%; border-top: 1px solid #dbdbdb;}

.videoBox iframe {vertical-align:top;}
.prWrap.video .prList li .thumb a:before {content:""; display:block; width:100%; height:100%; background:url(../images/content/bg_play.png) no-repeat center; background-size:35px auto; position:absolute; top:0; left:0; z-index:1;}

.prWrap.video .textBox {margin-top:12px; padding:; height:105px; overflow-y:scroll; font-size:13px; color:#666; background:none;}

.prWrap .prTitle {padding:18px 15px; text-align:center;}
.prWrap .prTitle .hdText  {font-size:20px; color:#222222; line-height:1.4; font-weight:100;}
.prWrap .prTitle .info {display:block; margin-top:8px;}
.prWrap .prTitle .info .date {font-size:12px; font-weight:normal; color:#959595;}
.prWrap .prDetail {padding-bottom:45px; border-bottom:1px solid #666;}


.cibi { padding:0 15px 100px;}
.cibi img {width:100%;}
.cibi .intro:after, 
.cibi .detail:after {content:""; display:block; clear:both;}
.cibi .intro {margin-top:30px;}
.cibi .intro .mainTxt {font-size:20px; color:#222; line-height:1.1; font-weight:300; letter-spacing:-1px;}
.cibi .intro .subTxt {margin-top:10px; font-size:13px; color:#666; font-weight:300; line-height:1.5; letter-spacing:-.2px;}
.cibi .intro .btns {margin-top:10px; font-size:0; margin:0 -5px;}
.cibi .intro .btns > span {display:inline-block; padding:0 5px; width:50%; box-sizing:border-box;}
.cibi .intro .btns a { display:block; position:relative; margin-top:20px; padding:12px 0; border:1px solid #222; box-sizing:border-box; font-size:13px; color:#222; text-align:left; line-height:1; text-align:center;}
.cibi .intro .btns a i {display:inline-block; margin:-2px 0 0 10px; width:12px; height:12px; background:url('../images/content/spr.png') no-repeat -32.5px -36.5px; background-size:150px auto; vertical-align:middle; }
.cibi .basic {display:table; table-layout:fixed; margin:15px 0 0; width:100%; height:80px; border:1px solid #e5e5e5; background:#fff url('../images/content/cibi/bg_grid.png') repeat -4px -1px; background-size:6px auto;}
.cibi .basic .logo {display:table-cell; text-align:center; vertical-align:middle;}
.cibi .basic .logo.ci img {max-width:111px;}
.cibi .basic .logo.bi img {max-width:76px;}
.cibi .detail {}
.cibi .detail dl {margin-top:40px}
.cibi .detail dt {font-size:20px; font-weight:400; color:#222;}
.cibi .detail dd {margin-top:20px; font-size:13px; font-weight:300; color:#666; line-height:1.5; word-break: keep-all;}

.blind { overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; margin:0; font-size:0;}

/* ==============================
 * 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:100%; padding:25px 30px 30px; margin:0 auto;border:1px solid #d0d0d0;background:#fff;}
.popupWrap .popHead{}
.popupWrap .popHead h1{color:#222;font-size:15px;font-weight:500;}
.popupWrap .popCont{padding:15px 0 30px;}
.popupWrap .popFoot{text-align:center;}
.popupWrap .popFoot a {margin-top:0; color:#222222; width:100%;}
.popupWrap .btnClose{display:block;width:14px;height:14px;position:absolute;right:30px;top:30px;background:url(../images/common/btnPopClose.gif) no-repeat;text-indent:-999em;font-size:0; background-size:14px;}
.popupWrap .popup.popSmall{width:420px;}
.popupWrap .popSmall .popHead{padding:41px 40px}
.popupWrap .popSmall .popCont{padding:30px 40px}
.popupWrap.type2 .popHead {height:32px; border-bottom:1px solid #e5e5e5;}
.popupWrap.type2 .popCont {padding:25px 0;}
.popupWrap .popup .tapManu a {font-size:13px;}
/*.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;}