@charset "utf-8";

/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
body * { word-break:keep-all;}
 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;}
.txtOrange{color:#ff7500 !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;}

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


.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:none;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; box-sizing: border-box;}
.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:38px; line-height:38px; vertical-align: middle; 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; -webkit-rtl-ordering: logical; background: url(../images/common/bg_select.png) 95% center / 11px no-repeat #fbfbfb;}
.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);-webkit-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;}
.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; color:#222222;}
.contSearch > .select { background-position:96%;}
.contSearch .searchBox { display:block; position:relative; padding-right:38px; border:1px solid #e5e5e5; background:#fbfbfb;}
.contSearch .searchBox:hover { border-color:#777;}
.contSearch .searchBox input { width:100%; height:36px; 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%); -webkit-transform:translate(-50%, -50%); background-size:150px;}
.contSearch .select + .searchBox { margin-left:-1px;}
.contSearch .select:hover { position:relative; z-index:1;}

.contSearch.type2 { margin:40px 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;}

/* 더보기 버튼 */
.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; border:1px solid #e5e5e5; border-width:1px 0;}
.tapManu ul { 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 17px; vertical-align: middle; font-size:15px; color:#222; word-break: normal;}
.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 .type4 li { width:25%;}
.tapManu .swiper-wrapper { height:46px !important;}
.tapManu .swiper-slide { width:auto; padding:0;}

/* 테이블 */
.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:break-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;}

/* 리스트 기본 */
.listWrap {}
.listWrap li {border-bottom:1px solid #e5e5e5;}
.listWrap li a {display:table; table-layout:fixed; width:100%; padding:20px 15px;}
.listWrap li .col1, 
.listWrap li .col2 {display:table-cell; vertical-align:middle; box-sizing:border-box;}
.listWrap li .col2 { text-align:center;}

.listWrap li .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-bottom:8px; font-size:20px; font-weight:300; color:#222; text-overflow: ellipsis; overflow:hidden; line-height:1.4; height:2.8em; word-break:keep-all;}
.listWrap li .date, 
.listWrap li .origin {display:inline-block; font-size:12px; color:#959595;}
.listWrap li .origin {color:#666;}
.listWrap li .origin:before {content:""; display:inline-block; width:1px; height:8px; background:#e5e5e5; vertical-align:middle; margin:-2px 10px 0;}
.listWrap li .share {position:relative; display:inline-block; width:15px; height:15px; font-size:0; overflow:hidden; vertical-align:middle;}
.listWrap li .share:after {content:""; width:15px; height:15px; background:url('../images/content/spr.png') -134px 0; background-size:150px auto; position:absolute; top:0; left:0;}
.listWrap li .download {position:relative; display:block; padding-top:16px; font-size:12px; font-weight:300; color:#666; vertical-align:middle;}
.listWrap li .download:before {content:""; display:block; width:14px; height:13px; background:url('../images/content/spr.png') -80px -25px; background-size:150px auto; position:absolute; top:0; left:50%; margin-left:-7px;}

 /* ==============================
 * 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:162px; padding:0 10px;}
#quickMenu ul li h2 { font-size:17px; color:#111; }
#quickMenu ul li .text { margin-top:10px; font-size:14px; color:#111; line-height:1.46}
#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:60px; 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;}


/* 장영석 작업 */
img { max-width:100%;}
/* main */
.mainVisual { overflow:hidden; position:relative; width:100%; padding-bottom:20px;}
.mainVisual .visual { position:relative;}
.mainVisual .visual > div { overflow:hidden; position:relative; width:100%;}
.mainVisual .visual > div .textBox { position:absolute; z-index:1; top:35px; left:15px; color:#fff;}
.mainVisual .visual > div .textBox .smallText { font-size:12px; text-transform: uppercase; letter-spacing:1px;}
.mainVisual .visual > div .textBox .title { font-size:50px; font-weight:200; line-height:1.1;}
.mainVisual .visual > div .textBox .text { margin-top:12.5px; font-size:14px; font-weight:300;}
.mainVisual .visual > div .img { text-align:left;}
.mainVisual .visual > div .img img { width:100%; }

.mainVisual .icon { position:absolute; bottom:60px; left:0; right:0; text-align:center;}

.mainVisual .btn { position:absolute; bottom:-3px; left:50%; margin-left:-22px;}
.mainVisual .btn a { display:block; width:44px; height:44px; font-size:0; background:url('../images/main/VisualBtn.png') no-repeat; background-size:100%;}

.mainVisual .swiper-pagination-switch { display:inline-block; width:25px; height:4px; margin:0 3px; background:rgba(255,255,255,0.7);}
.mainVisual .swiper-pagination-switch.swiper-active-switch { background:#f36f21;}

.mainVisual .link .btnMore { display:inline-block; position:relative; margin-top:20px; border:1px solid #fff; padding:11px 40px 12px 20px; font-size:13px; color:#fff;}
.mainVisual .link .btnMore:hover { color:#222; background:#fff;}
.mainVisual .link .btnMore:after { content:''; display:block; position:absolute; top:50%; right:20px; width:13px; height:5px; margin-top:-3px; background:url('../images/content/spr.png') no-repeat -98px -28px; background-size:150px;}

#container article[class*=main] { overflow:hidden; position:relative;}
#container article[class*=main] h2 { margin-top:55px; margin-bottom:10px; line-height:1.1; text-transform: uppercase; font-size:25px; font-weight:600;}
#container article[class*=main] .subTitle { font-size:12px; color:#222; text-align:center;}

.mainBusiness {}
.mainBusiness .slideWrap { overflow:hidden; position:relative; margin:0 10px; padding-top:30px;}
.mainBusiness .inner { position:relative;}
.mainBusiness .slideWrap .motion { overflow:hidden;} 
.mainBusiness .slideWrap ul { text-align:center; font-size:0;}
.mainBusiness .slideWrap li { float:left; width:141px; padding:0 5px; text-align:center;}
.mainBusiness .slideWrap li .img { overflow:hidden; width:141px;} 
.mainBusiness .slideWrap li .img img { width:141px;  transition: all .3s ease;} 
.mainBusiness .slideWrap li h3 { margin:10px 0 2.5px; font-size:18px; color:#222; font-weight:normal; line-height:1.1; font-weight:300;} 
.mainBusiness .slideWrap li .text { min-height:48px; margin:10px 0 11px; font-size:12px; color:#666; font-weight:300;} 
.mainBusiness .slideWrap li a { display:block; position:relative; padding:5px 15px; margin:0 auto; border:1px solid #d0d0d0; box-sizing:border-box; font-size:13px; color:#6f7173; text-align:left;}
.mainBusiness .slideWrap li a i { display:block; position:absolute; top:50%; right:15px; width:12px; height:4px; margin-top:-4px; vertical-align:middle; background:url('../images/common/bg_arrow_right.png') no-repeat; background-size:12px;}
.mainBusiness [class*=swiper-pagination] { margin-top:10px; text-align:center; }
.mainBusiness .swiper-pagination-switch { display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 3px; background:#888;}
.mainBusiness .swiper-pagination-switch.swiper-active-switch { background:#f36f21;}

.mainNews {}
.mainNews .listWrap { margin-top:30px; border-top:1px solid #e2e2e2;}

.mainStory {}
.mainStory .inner { position:relative;}
.mainStory .storyList { overflow:hidden; position:relative; margin:0 10px; padding-top:30px;}
.mainStory .storyList .motion { overflow:hidden;} 
.mainStory .storyList ul { overflow:hidden;}
.mainStory .storyList li { float:left; position:relative; width:180px; padding:0 5px; text-align:left;}
.mainStory .storyList li .img { overflow:hidden; width:180px;} 
.mainStory .storyList li .img img { width:180px;} 
.mainStory .storyList li .img2 { overflow:hidden; width:180px;} 
.mainStory .storyList li .img2 img { width:180px;} 
.mainStory .storyList li h3 { overflow:hidden; height:36px; margin:10px 7.5px 5px; font-size:17px; color:#222; font-weight:normal; line-height:1.1; font-weight:300;} 
.mainStory .storyList li .text { height:108px; margin:10px 7.5px 15px; font-size:12px; color:#959595; font-weight:300; line-height:1.5;} 
.mainStory .storyList li .btn { display:block; padding-left:10px; font-size:12px; color:#6f7173; text-align:left;}
.mainStory .storyList li .btn i { display:inline-block; width:24px; height:8px; margin-left:10px; margin-top:-4px; vertical-align:middle; background:url('../images/common/bg_arrow_right.png') no-repeat; transition: transform .3s ease;}
.mainStory [class*=swiper-pagination] { margin-top:20px; text-align:center; }
.mainStory .swiper-pagination-switch { display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 3px; background:#888;}
.mainStory .swiper-pagination-switch.swiper-active-switch { background:#f36f21;}

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

/* 허수정 작업 */
.introCont {text-align:center; padding:30px 15px 100px;}
.introCont span {font-size:20px; color:#222; display:block; }
.introCont strong {font-size:36px; color:#222; display:block; line-height:36px; font-weight:300; }
.introCont .text {margin-top:10px; font-size:15px; color:#222;}
.introCont img {margin-top:20px; width:100%;}
hr {width:40px; border:none; margin:0 auto; padding:0; height:2px; background-color:#000; }

.ceoCont {color:#222; padding:30px 15px 100px;}
.ceoCont .text1 {font-size:20px; line-height:25px; font-weight:300; }
.ceoCont .text2 {font-size:13px; line-height:19px; font-weight:300; margin-top:25px;}
.ceoCont .text3 {font-size:11px; font-weight:300; float:right; text-align:right; margin-top:25px;}
.ceoCont .text3 strong {font-size:20px; }
.ceoCont:after {content:''; display:block; clear:both;}

.groupsWrap {margin-top:30px; width:100%; border-bottom:1px solid #e5e5e5; color:#222222;}
.groupsWrap:after {content:''; display:block; clear:both;}
.groupBox {border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; width:50%; height:165px; float:left; position:relative; background:url(../images/content/btn_arrow.png) no-repeat 14px 85%; background-size:18px;}
.groupBox.bgNo {background:none; }
.groupBox a {display:block; width:100%; height:165px; padding:16px 0 0 13.5px;}
.groupBox:hover { z-index:2;}
.groupBox.on a {border:1px solid #ff7500; position:absolute; left:-1px; top:-1px; width:101%; height:166px; z-index:99; background:url(../images/content/btn_arrow_on.png) no-repeat 14px 85%; background-size:18px;}
.groupBox strong {font-size:26px; line-height:28px; font-weight:200; padding:14px 12px; display:block;}
.groupBox h3 {font-size:15px; font-weight:300;}
.groupBox ul {margin-top:5px;}
.groupBox ul li {font-size:13px; font-weight: 300;}
.groupBox:first-child, .groupBox:nth-child(5n) {border-left:1px solid #e5e5e5;}
.groupBox .bg1 {width:67px; height:57px; right:14px; bottom:19px; background-position:0 0; }
.groupBox .bg2 {width:59px; height:63px; right:14px; bottom:19px; background-position:-75px 0;}
.groupBox .bg3 {width:76px; height:55px; right:14px; bottom:19px; background-position:-145px 0;}
.groupBox .bg4 {width:65px; height:52px; right:14px; bottom:19px; background-position:-230px 0;}
.groupBox .bg5 {width:57px; height:57px; right:14px; bottom:19px; background-position:0 -70px;}
.groupBox .bg6 {width:57px; height:57px; right:14px; bottom:19px; background-position:-75px -70px;}
.groupBox .bg7 {width:49px; height:57px; right:14px; bottom:19px; background-position:-145px -70px;}
.groupBox [class*=bg] {background-image:url(../images/content/bg_groups.png); position:absolute; background-size:300px; display:inline-block;}

.groupsAll {border-bottom:1px solid #666666; padding-bottom:17px;}
.groupsAll h3 {font-size:20px; font-weight:300; text-align:center; margin:25px 0 15px 0; }
.groupsAll .group {margin-bottom:28px;}
.groupsAll .group .pic img {width:100%;}
.groupsAll .group .cont {padding:25px 15px 0;}
.groupsAll .group .cont .logo {display:block;}
.groupsAll .group .cont .logo img {height:27px;}
.groupsAll .group .cont .brand {margin-top:18px;}
.groupsAll .group .cont .brand strong {margin-right:8px; font-size:15px; color:#222;}
.groupsAll .group .cont .link {font-size:13px; color:#ff7500; display:inline-block; font-weight:300;}
.groupsAll .group .cont .link:after {content:''; display:inline-block; background:url(../images/content/bg_arrow_right2.png) no-repeat 100% 0; background-size:15px; width:15px; height:5px; margin-left:7px;}
.groupsAll .group .cont p {font-size:13px; line-height:19px; margin-top:10px; color:#222;}
.groupsAll .group .cont .tableWrap {margin-top:15px; padding:0; border-top:1px solid #222222;}
.tableList2.type2 {border:none;}
.tableList2.type2 tbody th {background:none; padding:11px 0 9px 22px; text-align:left; font-weight:400; border:1px solid #f0f0f0; border-width: 0 0 1px 0;}
.tableList2.type2 tbody td {padding:11px 0 9px 20px; text-align:left; border:1px solid #f0f0f0; border-width: 0 0 1px 1px;}

.historyWrap {}
.historyWrap:after {content:''; display:block; clear:both;}
.historyWrap .text {font-size:20px; color:#222; font-weight:400; line-height:25px; margin-bottom:50px; margin:20px 15px 24px;}
.historyWrap .cont {}
.historyWrap .cont.pt180 {padding-top:180px !important;}
.historyWrap .cont.line:before {content:''; display:inline-block; border-right:1px solid #dadada; position:absolute; left:-1px; top:0; height:57px; z-index:9; }
.historyWrap .cont + .cont {margin-top:40px;}
.historyWrap .cont h3 {font-size:62px; font-weight:200; line-height:62px; position:relative; margin:20px 0 0 15px;}
.historyWrap .cont ul {margin:17px 15px 0;}
.historyWrap .cont ul li {font-size:13px; color:#444444; font-weight:300; margin-top:11px;}
.historyWrap .cont ul li:first-child {margin:0;}
.historyWrap .cont ul li strong {font-size:13px; color:#959595; vertical-align:top; display:inline-block; width:14%;}
.historyWrap .cont ul li span {vertical-align:top; display:inline-block; width:86%;}
.historyWrap .cont ul.type2 li strong {width:25%;}
.historyWrap .cont ul.type2 li span {width:75%;}
.historyWrap .cont img {width:100%;}

.historyControl {margin-top:50px; text-align:center; }
.historyControl .year {font-size:30px; color:#222; font-weight:200; line-height:30px; vertical-align:middle; display:inline-block;}
.historyControl .btn_right {background:url('../images/content/btn_history.png') no-repeat -31px 0;}
.historyControl .btn_left { background:url('../images/content/btn_history.png') no-repeat 0 0;}
.historyControl [class*=btn] {width:29px; height:29px; display:inline-block; font-size:0; vertical-align:middle; }
.historyControl a + a {margin-left:9px;}
.historyControl .year + a, .historyControl a + .year {margin-left:18px;}
 
.ways {padding-top:30px;}
.ways img {width:100%;}
.ways > div {padding:0 30px 22.5px; border-bottom:1px solid #e5e5e5; }
.ways h3 {font-size:20px; font-weight:300; text-align:center; }
.ways h3 > .small {font-size:16px; color:#666666;}
.ways .icon1 i {background:url('../images/content/icon_direction.png') no-repeat 0 0; width:37.5px; height:37.5px;}
.ways .icon2 i {background:url('../images/content/icon_direction.png') no-repeat -42.5px 0; width:37px; height:37.5px;}
.ways .icon3 i {background:url('../images/content/icon_direction.png') no-repeat -84.5px 0; width:34.5px; height:37.5px;}
.ways [class*=icon] i {display:inline-block; background-size:119px; }
.ways div > span {display:block; text-align:center; margin-top:30px; margin-bottom:18px; height:37.5px;}
.ways div dl {margin-top:10px;}
.ways dt {font-size:13px; color:#222; float:left; width:28%;}
.ways dd {font-size:13px; color:#666666; font-weight:300; float:left; width:72%;}

.anniv30th_intro .top {text-align:center; padding:30px 0 40px;}
.anniv30th_intro .top .text {font-size:14px; color:#222; }
.anniv30th_intro .top .text2 {font-size:50px; font-weight:300; line-height:45px; margin-top:15px; text-transform:uppercase; color:#f36f21;}
.anniv30th_intro .secTitle { position:relative;}
.anniv30th_intro .secTitle .img {}
.anniv30th_intro .secTitle .img img { display:none;}
.anniv30th_intro .secTitle .img img:first-child { display:block;}
.anniv30th_intro .secTitle .arrow { position:absolute; bottom:15px; left:15px;}
.anniv30th_intro .secTitle .arrow a { display:block; float:left; width:30px; height:30px; font-size:0; background:url('../images/content/30th/btn_visual_arrow2_on.png') no-repeat; background-size:auto 30px;}
.anniv30th_intro .secTitle .arrow .btnLeft {}
.anniv30th_intro .secTitle .arrow .btnRight { margin-left:5px; background-position-x:-34px;}
.anniv30th_intro .secTitle .text { position:absolute; top:20px; left:15px;}
.anniv30th_intro .secTitle .text h3 { font-size:40px; color:#ffffff; font-weight:400;}
.anniv30th_intro .secTitle .text p { font-size:18px; color:#ffffff; font-weight:300;}
.anniv30th_intro .tap30th { margin:15px;}
.anniv30th_intro .tap30th:after { content:''; display:block; clear:both;}
.anniv30th_intro .tap30th a { display:block; float:left; position:relative; width:25%; height:45px; padding-top:6px; border:1px solid #dbdbdb; font-size:12px; color:#666; text-align:center; box-sizing:border-box; background:#f9f9f9;}
.anniv30th_intro .tap30th a + a { border-left:0;}
.anniv30th_intro .tap30th a.on { border-color:#f36f21; color:#fff; background:#f36f21; }
.anniv30th_intro .tap30th a.on:after { content:''; display:block; position:absolute; bottom:-12px; left:50%; border:6px solid transparent; margin-left:-3px; border-top-color:#f36f21;}

.anniv30th_intro .sec30th { display:none; margin:0 15px 40px;}
.anniv30th_intro .sec30th.on { display:block;}
.anniv30th_intro .sec30th .subText { margin-top:20px; color:#2c2c2c;}

.anniv30th_intro .imgView {}
.anniv30th_intro .imgView .text { position:absolute; bottom:0px; left:0px; height:auto; background:none;}
.anniv30th_intro .imgView .text h4 { margin-bottom:0 !important; font-size:32px; color:#ffffff;}
.anniv30th_intro .imgView .text p { font-size:13px; color:#ffffff;}

.anniv30th_intro .secPride { margin:15px;}
.anniv30th_intro .secPride .text1 { margin-bottom:20px; font-size:25px; color:#2c2c2c; font-weight:300;}
.anniv30th_intro .secPride .text1 strong { border-bottom:1px solid #e2e2e2;}
.anniv30th_intro .secPride .text2 { color:#2c2c2c;}
.anniv30th_intro .secPride .scrollBox { margin:25px 0 40px;}
.anniv30th_intro .secPride .scrollBox:before { content:''; display:block; width:24px; height:3px; margin-bottom:20px; background:#fc7d31;}
.anniv30th_intro .secPride .scrollBox li {list-style:none; margin-top:4px; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.anniv30th_intro .secPride .scrollBox li:first-child {margin:0;}
.anniv30th_intro .secPride .scrollBox li em {width:45px; font-size:13px; color:#2c2c2c; font-weight:bold;}
.anniv30th_intro .secPride .scrollBox li span {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size:13px; color:#818285; font-weight:300;}

.anniv30th_intro .secVision { margin:15px;}
.anniv30th_intro .secVision .title { line-height:1.2; font-size:25px; color:#2c2c2c; font-weight:300;}
.anniv30th_intro .secVision .text { margin-top:20px; font-size:13px; color:#2c2c2c;}

.anniv30th_history .top {text-align:center; padding:25px 0 18px; }
.anniv30th_history .top strong {font-size:25px; color:#222; text-transform:uppercase; line-height:25px;}
.anniv30th_history .tapManu {margin-bottom:0 !important;}
.anniv30th_history .sec1 .visual {position:relative;}
.anniv30th_history .sec1 .visual .visualText {position:absolute; left:15px; bottom:35px;}
.anniv30th_history .sec1 .visual .visualText .title {font-size:20px; font-weight:200;}
.anniv30th_history .sec1 .visual .visualText .year {font-size:36px; font-weight:200; line-height:36px; }
.anniv30th_history .sec1 .visual .visualText .text {font-size:15px; font-weight:300; margin-top:15px;}
.anniv30th_history .sec1 .visual .visualText span {color:#fff; display:block;}
.anniv30th_history .sec1 .cont {padding:30px 15px; position:relative;}
.anniv30th_history .sec1 .cont em {position:absolute; right:15px; top:10px; font-size:11px; color:#666;}
.anniv30th_history .sec1 .cont p {font-size:13px; line-height:19px; }

.anniv30th_pride .top {text-align:center; padding:25px 0 18px; border-bottom:1px solid #f0f0f0;}
.anniv30th_pride .top strong {font-size:25px; color:#222; text-transform:uppercase; line-height:25px; }
.anniv30th_pride .text1 {font-size:20px; color:#222; font-weight:200; line-height:25px;}  
.anniv30th_pride .text2 {font-size:15px; color:#222; font-weight:300; line-height:18px; margin-top:20px;} 
.anniv30th_pride .sec1 {padding:30px 15px 40px;}
.anniv30th_pride .scrollBox {margin-top:30px; height:200px; overflow-y:auto;}
.anniv30th_pride .scrollBox li {list-style:none; margin-top:2px; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.anniv30th_pride .scrollBox li:first-child {margin:0;}
.anniv30th_pride .scrollBox li em {width:45px; font-size:13px; color:#959595; font-weight:bold;}
.anniv30th_pride .scrollBox li span {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size:13px; color:#666666; font-weight:300;}

.imgView { position:relative; }
.imgView ul { position:relative;}
.imgView ul::after {content:"";	height:0;	visibility: hidden;	display: block;	clear: both; }
.imgView li { position:absolute; top:0; left:0;}
.imgView li img {width:100%}
.imgView .number { position:absolute; bottom:13px; right:14px; color:#ccc; font-size:13px; font-weight:300; letter-spacing: 3px;}
.imgView .number span { color:#fff;}
.imgView .number.type2 { position:static; padding:10px 15px; color:#fff; font-size:13px; font-weight:300; background:#222; height:40px; text-align:right;}
.imgView .text { padding:10px 15px; color:#fff; font-size:13px; font-weight:300; background:#222; height:40px;}
.imgView .arrow {}
.imgView .arrow a { display:block; position:absolute; top:50%; width:25px; height:40px; font-size:0; margin-top:-20px; }
.imgView .arrow .btnLeft { left:0; background:url('../images/content/img_arrow_left.png') no-repeat; background-size: 25px;}
.imgView .arrow .btnRight { right:0; background:url('../images/content/img_arrow_right.png') no-repeat; background-size: 25px;}
.imgView .arrow a:hover { opacity:0.8;}


/* 김혜선 작업 */
.innerWrap {padding:0 15px;} /* content padding */
.hdTitleWrap {position:relative; overflow:hidden;}
.hdTitleWrap img {width:100%;}
.hdTitleWrap .hdText {position:absolute; bottom:16px; left:15px; font-size:15px; color:#222;}
.hdTitleWrap .hdText dd {display:block; margin-top:8px; font-size:20px; font-weight:400; line-height:1.2;}
.hdTitleWrap .hdText2 {position:absolute; bottom:16px; right:15px; font-size:28px; color:#222; text-align:right; font-weight:300; display: none;}
.hdTitleWrap.recruit {background:#f3f3f3;}
.hdTitleWrap.recruit .hdText {top:35px; right: 24px; font-size: 28px; line-height: 35px; text-align: right; font-weight: 200;}
.hdTitleWrap.recruit .hdText .copy {display:block; margin-top:15px; font-size:40px; font-weight:400; line-height:1.2;}
/*.hdTitleWrap.company .hdText {font-size:25px; color:#222; line-height:30px; text-align: left; font-weight:400; top:50%; margin-top:-60px; left:30px; bottom:inherit; }*/
.hdTitleWrap.society {background:url(../images/content/bg_social_visual.png) no-repeat center 0; height:538px;}
.hdTitleWrap.society2 {background:url(../images/content/bg_social_visual2.png) no-repeat center 0; background-size:cover; height:240px;}

.imgList {}
.imgList li {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 .close {display:block; width:70px; height:70px; background:url(../images/content/img_close.png) no-repeat 0 0; background-size:70px auto; font-size:0; position:absolute; top:0px; right:0px; }
.imgList li .textBox, 
.imgList li .infoText {margin:25px 15px 0; overflow:hidden; background:none; padding:0;}
.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 {position:relative; margin:18px 15px 25px;}
.imgList li .infoText dt {margin-top:7px; position:absolute; left:0; font-size:14px; color:#666;}
.imgList li .infoText dd { min-height:19px; margin-top:7px; padding-left:40px; font-size:14px; color:#222;}
.imgList li .infoText dd a { display: inline-block; width: 100%; word-break: break-all;}
.imgList li .link { display:block; margin:10px 15px 0; font-size:14px; color:#666; text-decoration:underline;}
.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;}


.visual_business { text-align:center; margin-top:-10px;}
.visual_business img {width:100%;}
.visual_business .text { padding-right:5px; font-size:11px; font-weight:300; color:#666666; text-align:right; margin-top:4px; display:block;}

.businessTextBox {}
.businessTextBox .textBox {margin:10px 15px 50px;}
.businessTextBox .textBox h3 { font-size:36px; color:#222; font-weight:300; line-height:1;}
.businessTextBox .textBox .cate {margin-top:10px; font-size:15px; color:#ff7500; font-weight:300;}
.businessTextBox .textBox .title { margin-top:12px; font-size:20px; color:#222222; line-height:1.3;}
.businessTextBox .textBox .text { margin-top:12px; font-size:13px; color:#666; line-height:1.6; font-weight:300; word-break:keep-all;}
.businessTextBox .textBox .btn { display:inline-block; border:1px solid #d0d0d0; height:45px; margin-top:20px; padding:0 25px; line-height:43px; text-align:left; font-size:13px; color:#222;}
.businessTextBox .textBox .btn:after {content:""; display:inline-block; margin:-2px 0 0 20px; width:17px; height:6px; background:url('../images/content/spr.png') no-repeat -20px -28px; background-size:150px auto; vertical-align:middle;}

.manageText {margin-top:30px; position:relative;}
.manageText h3 {font-size:20px; font-weight:400; line-height:1.2;}
.manageText h3 .fw300 {font-weight:300;}
.manageText p {font-size:13px; line-height:1.6; color:#555; margin-top:15px;}
.manageText .btn_down {border:1px solid #dbdbdb; display:inline-block; padding:14px 0 0 14px; width:100%; height:45px; font-size:13px; color:#222; position:relative;}
.manageText a + a {margin-top:5px;}
.manageText .btn_down i {background:url('../images/content/spr.png') no-repeat -80px -25px; background-size:150px auto; display:inline-block; width:14px; height:13px; position:absolute; right:19px; top:50%; margin-top:-7px;}
.manageText .btn {display:block; margin-top:20px; padding:10px 16px; background-color:#ff7500; color:#fff; text-align: center; font-size: 13px; font-weight:500;}

.ethicalList li .col1 {}
.ethicalList li .col2 {width:72px;}

.ethicalBox {margin-top:32px; }
.ethicalBox li + li {margin-top:-1px;}
.ethicalBox li a.ethicalTab {padding:16px 12px; display:block; font-size:13px; color:#666; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:relative; background:#fff; }
.ethicalBox li a.ethicalTab:after {content:""; display:block; width:15px; height:15px; background:url('../images/content/spr.png') no-repeat -40px -25px; background-size:150px auto; position:absolute; top:50%; right:12px; margin-top:-7px;}
.ethicalBox li.on a {color:#222;}
.ethicalBox li.on a.ethicalTab:after {background-position:-60px -25px;}
.ethicalBox li .ethicalCont {display:none; padding:25px 10px; background-color:#f7f7f7; }
/*.ethicalBox li.on .ethicalCont {display:block;}*/
.ethicalBox li .ethicalCont h6 {font-size:14px; text-align:center; }
.ethicalBox li .ethicalCont strong {font-size:13px; color:#222222; font-weight:400; margin:20px 0 12px; display:block; }
.ethicalBox li .ethicalCont .text {font-size:13px; color:#555555; margin:12px 0; font-weight:300; line-height:1.6; }
.ethicalBox li .ethicalCont ol > li {font-size:13px; color:#555555; line-height:1.6; margin-top:8px; text-indent:-15px; padding-left:15px; font-weight:300;}
.ethicalBox li .ethicalCont ol.mt0 > li {margin-top:0px;}
.ethicalBox li .ethicalCont ol > li:first-child {margin:0;}
.ethicalBox li .ethicalCont ol > li > ul {padding:8px 0 0 0;}
.ethicalBox li .ethicalCont ol > li > ul.pd0 {padding:0;}
.ethicalBox li .ethicalCont ol > li > ul > li {text-indent:-8px; padding-left:8px; }

.agreeBox {}
.agreeBox h5, .agreeBox h6 {font-size:14px; color:#666; font-weight:300; margin-bottom:24px;}
.agreeBox p, .agreeBox ol {margin-bottom:24px; line-height:22px;}
.agreeBox ol > li {text-indent:-15px; padding-left:15px; line-height:22px; }
.agreeBox ol > li > ol {margin-left:-15px; }
.agreeBox .con {padding:20px 12px; max-height:160px; overflow-y:auto; font-size:13px; font-weight:300; line-height:1.6; border:1px solid #e5e5e5;}
.agreeBox .selectBox {padding:15px 10px; border:1px solid #e5e5e5; border-top:0;}
.agreeBox .selectBox .radioGroup {float:right;}
.agreeBox .selectBox .radioGroup .label {font-size:11px;}
.agreeBox .selectBox .radioGroup .label:first-child {margin-right:10px;}
.agreeBox .selectBox .radioGroup .radio {margin-right:0px;}
.agreeBox .selectBox .text {font-size:13px; color:#222; font-weight:300; }
.agreeBox .con .title {font-size:13px; color:#666666; }
.agreeBox .con .date {font-size:11px; color:#666666; margin:0 0 20px 0;}
.agreeBox .con > span {font-weight:300; display:block; text-align:center; }

.cyberText {font-size:13px; color:#555; line-height:1.6; font-weight:300;}

.joinBox {border:1px solid #e5e5e5; margin-top:20px; text-align:center; }
.joinBox:after {content:''; display:block; clear:both;}
.joinBox > div {float:left; width:50%; border-left:1px solid #e5e5e5; padding:25px 16px;}
.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:20px; color:#222222; font-weight:300; display:block; line-height:1.2; height:2.4em;}
.joinBox p {font-size:11px; line-height:1.4; height:5.2em; margin-top:15px; color:#666;}
.joinBox .globalBtn {margin-top:30px;}

.formTableList {margin-top:32px; font-size:13px;}
.formTableList.mt0 {margin-top:0 !important;}
.formTableList th {padding:5px 0; font-size:13px; color:#222222; text-align:left; font-weight:500; letter-spacing:-1px;}
.formTableList.vt th {vertical-align:top;}
.formTableList th .em {color:#f96f00;}
.formTableList th.vt {padding-top:16px;vertical-align:top; }
.formTableList td .em2 {display:inline-block; width:8%; font-size:13px; color:#666666; vertical-align:middle; text-align:center;}
.formTableList td {padding:5px 0; min-height:40px;}
.formTableList td div + div {margin-top:14px;}
.formTableList .formGroup {display:block; font-size:0;}
.formTableList .select {height:40px; background-color:#f0f0f0; line-height:20px; min-width:inherit; font-size:13px; color:#222222; border:0;}
.formTableList .imgSecret {width:100%;}
.formTableList .asBtn {margin:10px 0; overflow:hidden;}
.formTableList .asBtn .globalBtn {float:left; margin-left:2%; width:49%; height:40px; margin-top:0; line-height:37px; font-size:13px; color:#222222;}
.formTableList .asBtn .globalBtn:first-child {margin-left:0;}
.formTableList .noti {font-size:11px; margin-top:10px;}
.formTableList .btn {height:40px; border:1px solid #666666; font-size:13px; color:#222222; display:inline-block; text-align:center; line-height:38px; vertical-align:middle; margin-left:5px;}
.formTableList .btn + .btn {margin-left:6px;}

.formTableList .input + .select {margin-top:10px;}
.formTableList .inputFile {width:100%; overflow:hidden;} 
.formTableList .btnFile {display:block; float:left; margin-top:10px; width:49%;}
.formTableList .btnFile .btn {margin-left:0; width:100%;}
.formTableList .btnAddFile {float:right; display:block; width:49%; margin-top:10px; margin-left:0;} 
 
.applyBtn { margin-top:30px; padding:30px 15px 0; border-top:1px solid #666; text-align:center; overflow:hidden;}
.applyBtn [class*=btn] {float:left; width:49%; height:45px; border:1px solid #666666; color:#222222; font-size:13px; display:inline-block; text-align: center; line-height:43px;}
.applyBtn .btn2 {float:right; background-color:#f96f00; color:#fff; border:none;}

.resultCheck {margin:20px auto 0;}
.resultCheck .text {font-size:13px; color:#666666; line-height:1.6; font-weight:300;}  
.resultCheck .inputGroup {position:relative; padding:28px 0 0;}
.resultCheck .inputGroup dl {}
.resultCheck .inputGroup dl dd {margin-bottom:10px;}
.resultCheck .inputGroup dl dd input {width:100%; height:40px; border:0;}
.resultCheck .inputGroup .btnLogin {margin-top:10px; width:100%; height:45px; background-color:#f96f00; color:#fff; font-size:13px; font-weight:500; border:0; border-radius:0; cursor:pointer; -webkit-appearance:none;}
.resultCheck [class*=inputGroup] dt {font-size:14px; color:#222; float:left; }
.resultCheck .findText {margin:16px 0 100px; font-size:13px; color:#666;}
.resultCheck .findText a {float:right; font-weight:500;}


.social_tap {position:relative; text-align:center;}
.social_tap .swiper-wrapper {height:84px !important;}
.social_tap ul { border-bottom:1px solid #e5e5e5;}
.social_tap li { display:inline-block;}
.social_tap li a {position:relative; display:block; padding:15px 0 0; width:130px; height:84px; font-size:15px; color:#666;}
.social_tap li a:after { content:''; display:block; position:absolute; bottom:-1px; left:50%; width:0%; height:2px; background:#f96f00; transition: all .3s ease;}
.social_tap li.on a { color:#222;}
.social_tap li.on a:after { left:0%; width:100%;}
.social_tap li i { display:block; margin:0 auto 8px; background:url('../images/content/ico_social.png') no-repeat; background-size:150px auto;}
.social_tap .ico1 { width:37px; height:30px; background-position:0 0;}
.social_tap .ico2 {  width:33px; height:30px; background-position:-40px 0;}
.social_tap .ico3 { width:29px; height:30px; background-position:-80px 0px;}
.social_tap .ico4 { width:28px; height:30px; background-position:-120px -0px;}
.social_tap .on .ico1 { background-position:0 -40px;}
.social_tap .on .ico2 { background-position:-40px -40px;}
.social_tap .on .ico3 { background-position:-80px -40px;}
.social_tap .on .ico4 { background-position:-120px -40px;}

.societyImgList { margin-top:50px;}
.societyImgList ul { }
.societyImgList ul li { overflow:hidden; width:100%;}
.societyImgList ul li + li {margin-top:20px;}
.societyImgList ul li a { display:block; position:relative;}
.societyImgList ul li a:after { content:''; display:block; position:absolute; bottom:28px; right:21px; width:20px; height:20px; background:url('../images/content/icon_more.gif') no-repeat; background-size:20px auto; transition:all .3s ease;}
.societyImgList ul li a:hover:after { transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.societyImgList .img { overflow:hidden; width:100%;}
.societyImgList .img img { width:100%;}
.societyImgList .textBox { padding:20px 50px 20px 20px; border:1px solid #e5e5e5; border-top:0;}
.societyImgList .title { overflow:hidden;  font-size:15px; color:#222; text-overflow: ellipsis; white-space:nowrap;}
.societyImgList .data { font-size:11px; color:#666;}

.socialCont {padding-bottom:50px;}
.socialCont strong {padding:0 15px; font-size:36px; color:#222; font-weight:200; display:block; text-align:left; margin-top:24px; line-height:1.1; }
.socialCont .color {padding:0 15px; font-size:15px; color:#ff7500; font-weight:300; display:block; text-align:left; margin-top:8px;} 
.socialCont > p {padding:0 15px; font-size:20px; color:#222; text-align:left; font-weight:300; line-height:1.3; margin-top:16px;}
.socialCont > .text {font-size:16px; color:#666; line-height:26px; font-weight:300; margin-top:55px;}
.socialCont > .text2 {font-size:20px; color:#222; line-height:1.3; font-weight:400; margin-top:30px; text-align:left; letter-spacing:-0.5px;}
.socialCont > .text3 {font-size:13px; color:#222; line-height:1.6; font-weight:300; margin-top:12px; }
.socialCont h3 {font-size:20px; font-weight:400; margin-top:32px; margin-bottom:20px; line-height:1.2; }
.socialCont h3 span {font-size:15px; }
.socialCont .btn_area {text-align:center; margin:45px 0 0; padding:0 15px; font-size:0;}
.socialCont .btn {border:1px solid #666666; width:48%; height:45px; display:inline-block; padding:13px 0 0 0; box-sizing:border-box; text-align:center; font-size:13px; color:#222; }
.socialCont .btn:after {content:""; display:inline-block; margin:-2px 0 0 20px; width:17px; height:6px; background:url('../images/content/spr.png') no-repeat -20px -28px; background-size:150px auto; vertical-align:middle;}
.socialCont .btn  + .btn {margin-left:10px;}
.socialCont .picMission div {width:100%;}
.socialCont .picMission div span {font-size:12px; color:#222; display:block; font-weight:300; text-align:right; padding:8px 15px 20px;}

.socialCont .graphBox {padding:0 15px;}

.socialCont .themeBox { border-top:1px solid #e5e5e5;}
.socialCont .themeBox > div {padding:30px 15px; box-sizing:border-box; text-align:center; position:relative; border-bottom:1px solid #e5e5e5;}
.socialCont .themeBox > div + div {border-left:1px solid #e5e5e5;}
.socialCont .themeBox div.bg1:after {width:88px; height:89px; background-position:0 0;}
.socialCont .themeBox div.bg2:after {width:98px; height:90px; background-position:-105px 0;}
.socialCont .themeBox div.bg3:after {width:90px; height:90px; background-position:-210px 0;}
.socialCont .themeBox div[class*=bg]:after {content:''; display:inline-block; background-image:url('../images/content/bg_social2.png'); background-size:300px auto;}
.socialCont .themeBox h4 {position:relative; padding-bottom:12px; font-size:20px; font-weight:300; }
.socialCont .themeBox h4:after {content:""; display:block; width:20px; height:2px; background:#ff7500; position:absolute; bottom:0; left:50%; margin-left:-10px;}
.socialCont .themeBox p {padding:16px 0 24px; font-size:13px; line-height:1.4; color:#222; font-weight:300;}
.socialCont .themeBox hr {background-color:#ff7500; margin-bottom:23px;}
.socialCont img {width:100%;}
.socialCont .tableWrap thead {border-top:2px solid #666; border-bottom:1px solid #666; }
.socialCont .tableWrap tbody tr:first-child td { }
.socialCont .tableList2 th, .socialCont .tableList2 td {padding:0 13px;}
.socialCont .happiness {margin-top:42px;}
.socialCont .happiness  > div {padding:0 15px;}
.socialCont .happiness  > div .text {font-size:15px; color:#222; font-weight:300; word-break: keep-all;}
.socialCont .happiness  > div .text2 {margin-top:12px; font-size:13px; color:#222; font-weight:300; word-break: keep-all; }

.newsList li .col1 {}
.newsList li .col2 {width:52px; text-align:center;}


.viewWrap {}
.viewWrap .viewTitle {padding:20px 15px; border-bottom:1px solid #e5e5e5;}
.viewWrap .viewTitle .tit {display:block; text-align:center; font-size:20px; font-weight:300; color:#222; line-height:1.2}
.viewWrap .viewInfo {margin-top:8px; font-size:12px; color:#959595; text-align:center;}
.viewWrap .viewInfo .cell + .cell {margin-left:12px; }
.viewWrap .viewDetail {padding-bottom:42px; border-bottom:1px solid #666;}
.viewWrap .viewDetail img {width:100%;}
.viewWrap .viewDetail p {padding:24px 15px 0;}

.recruitList {}
.recruitList li .col1 {}
.recruitList li .col2 {width:50px; text-align:center;}
.recruitList li .period, 
.recruitList li .deadline {display:inline-block; font-size:12px; color:#959595;}
.recruitList li .deadline {font-weight:500; color:#222;}
.recruitList li .deadline:before {content:""; display:inline-block; width:1px; height:8px; background:#e5e5e5; vertical-align:middle; margin:-2px 10px 0;}

.recruitList li .state > span {display:inline-block; padding:3px 0; width:50px; font-size:9px; color:#fff; border-radius:2px; text-align:center; letter-spacing:-1px;}
.recruitList .state .ing {background:#fd8728; border:1px solid #ee6a00;}
.recruitList .state .fin {background:#a4a4a4; border:1px solid #959595;}

.recruitView .viewTitle .tit {width:100%;}
.recruitView .viewInfo {float:none; display:block; margin-top:10px;}
.recruitView .viewInfo .cell {font-weight:500; color:#959595;}
.recruitView .viewInfo .cell + .cell:before {display:none;}
.recruitView .viewInfo .cell.deadline, 
.recruitView .viewInfo .cell.deadline em {color:#f96f00;}

.recruitView .viewDetail {padding:30px 15px;}
.recruitView .viewDetail .caption {display:block; margin-bottom:8px; font-size:16px; font-weight:normal; color:#222; text-align:left;}
.recruitView .viewDetail .caption:before {content:""; display:inline-block; margin:-3px 7px 0 0; width:4px; height:4px; background:#bababc; border-radius:50%; vertical-align:middle;}
.recruitView .viewDetail .tableWrap {padding:0;}
.recruitView .tableList2 {border-top-width:2px;}
.recruitView .tableList2 th {padding:15px 0; background:#fbfbfb;}
.recruitView .tableList2 thead th {background:none; font-size:16px; font-weight:normal;}
.recruitView .tableList2 .bg {background:#fbfbfb;}
.recruitView .tableList2 tbody th {vertical-align:top;}
.recruitView .tableList2 td {color:#222; vertical-align:top}
.recruitView .tableList2 .standard li {position:relative; padding-left:10px;}
.recruitView .tableList2 .standard li:before {content:""; width:3px; height:3px; background:#bababc; border-radius:50%; position:absolute; top:11px; left:0; line-height:;}
.recruitView .tableList2 .standard li + li {margin-top:3px;}

.guideText ol > li {font-size:13px; font-weight:300; color:#222222; margin-top:8px; word-break: keep-all;}
.guideText ol.fColor2 > li {color:#666;}
.guideText ol > li:first-child {margin:0;}
.guideText ol > li > ul {padding-left:16px;}
.numList li {padding-left:16px; position:relative;}
.numList li .num {position:absolute; left:0;}
.guideText .mb30 {margin-bottom:30px !important;}
.guideText .mb15 {margin-bottom:15px !important;}
.guideText .notice.mt5 li + li {margin-top:5px;}

.guideText  {}
.guideText > dl + dl {border-top:1px solid #666;}
.guideText .label {margin-top:30px; margin-bottom:16px; font-size:20px; font-weight:400; color:#222; line-height:1.2; letter-spacing:-1.5px;}
.guideText .value {margin-bottom:30px; }
.guideText img {width:100%;}
.guideText .infoText + img {margin-top:35px}
.guideText .infoText {font-size:15px; font-weight:300; color:#222; word-break:keep-all;}
.guideText .infoText2 {font-size:13px; font-weight:300; color:#666666; line-height:1.6; }
.guideText .list {margin-top:4px;}
.guideText .list li {position:relative; padding-left:12px; font-size:13px; font-weight:300; color:#666; line-height:1.6; word-break:keep-all;}
.guideText .list li:before {content:"-"; position:absolute; left:0;}

.guideText .notice {font-weight:300;}
.guideText .notice li {position:relative; padding-left:10px; font-size:13px; color:#666; line-height:1.6; }
.guideText .notice li + li {margin-top:2px;}
.guideText .notice li:before {content:"-"; position:absolute; left:0;}
.guideText .notice.type2 {margin-top:-2px;}
.guideText .notice.type2 li {margin-top:2px; width:50%; float:left;}
.guideText .textBox {border:1px solid #e5e5e5; background-color:#fcfbfb; padding:10px; margin-top:15px;}
.guideText .textBox strong {font-size:13px; color:#222222; font-weight:400;}
.guideText .textBox dl {margin-top:4px; font-size:13px; color:#555555;}
.guideText .textBox dt {display:inline-block; font-weight:400; vertical-align: middle;}
.guideText .textBox dt {border-left:1px solid #e7e7e7; margin-left:6px; padding-left:6px;}
.guideText .textBox dt:first-child, 
.guideText .textBox dt.none {border-left:0; margin-left:0; padding-left:0;}
.guideText .textBox dd {display:inline-block; font-weight:300; vertical-align: middle; color:#555;}

/* 복지 */
.welfare {overflow:hidden; border:1px solid #e5e5e5; border-bottom:0;}
.welfare li {margin-top:-1px; padding:18px 0 18px 84px; width:100%; min-height:95px; border:1px solid #e5e5e5; font-size:13px; color:#222; position:relative; word-break: keep-all;}
.welfare li strong {display:block; margin-bottom:4px; font-size:15px; font-weight:400;}
.welfare li span[class*=bg] {display:block; background:url(../images/content/bg_groups_recruit.png) no-repeat 0 0; background-size:250px auto; position:absolute; top:28px; left:19px; }
.welfare li span.bg1 {width:45px; height:41px; background-position:0 0;}
.welfare li span.bg2 {width:45px; height:45px; background-position:-60px 0; }
.welfare li span.bg3 {width:45px; height:42px; background-position:-120px 0;}
.welfare li span.bg4 {width:33px; height:45px; background-position:-180px 0; left:28px;}
.welfare li span.bg5 {width:45px; height:41px; background-position:0 -60px;}
.welfare li span.bg6 {width:45px; height:43px; background-position:-60px -60px;}
.welfare li span.bg7 {width:45px; height:45px; background-position:-120px -60px;}
.welfare li span.bg8 {width:44px; height:45px; background-position:-180px -60px;}
.welfare li span.bg9 {width:45px; height:41px; background-position:0 -120px;}
.welfare li span.bg10 {width:45px; height:43px; background-position:-60px -120px;}
.welfare li span.bg11 {width:36px; height:45px; background-position:-120px -120px; left:27px;}
.welfare li span.bg12 {width:35px; height:45px; background-position:-180px -120px; left:31px;}
.welfare li span.bg13 {width:27px; height:45px; background-position:0 -180px; top:26px; left:35px;}
.welfare li span.bg14 {width:45px; height:27px; background-position:-60px -180px; top:33px;}

/* 홍보자료실 */
.library {margin:0 15px 50px;}
.library:after {content:""; display:block; clear:both;}
.library .hd {padding:20px 0 16px; font-size:20px; font-weight:300; color:#222; }
.library .txtArea {}
.library .txt {margin-top:20px; font-size:13px; color:#666;}
.library .noti {margin-top:40px; font-size:14px; color:#666;}
.library .coverimg {padding:9px; border:1px solid #e5e5e5; background:#fcfbfb; box-sizing:border-box;}
.library .coverimg img {border:1px solid #e5e5e5; vertical-align:top; width:100%; }
.library .btns {margin-top:20px; overflow:hidden;}
.library .btns a { display:block; float:left; position:relative; width:49%; height:40px; padding:0 20px 0 30px; border:1px solid #666; box-sizing:border-box; font-size:13px; color:#222; text-align:left; line-height:38px;}
.library .btns a.btnDownload {float:right;}
.library .btns a i { display:block; position:absolute; top:50%; right:30px;}
.library .btns a.btnView i {margin-top:-3px; width:17px; height:6px; background:url('../images/content/spr.png') no-repeat -20px -28px; background-size:150px auto;}
.library .btns a.btnDownload i {margin-top:-6px; width:12px; height:12px; background:url('../images/content/spr.png') 0 -25px; background-size:150px auto;}

/* CIBI */
.tapManu .tight li a {padding:0; letter-spacing:-0.5px;}
.cibi {padding-bottom: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 0 -25px; 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;}

.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 {}
.awardWrap .awardList li {position:relative; padding-left:40px; font-size:13px; color:#444; }
.awardWrap .awardList li + li {margin-top:12px;}
.awardWrap .awardList .month {font-weight:bold; color:#959595; position:absolute; left:0;}

.newBuilding {padding-bottom:50px;}
.newBuilding .visual {text-align:center;}
.newBuildingIMGtxt {text-align: right; margin: 2px 5px 0 0;}
.newBuilding img {width:100%;}
.newBuilding .mainTxt {margin-top:30px; font-size:20px; color:#222; line-height:1.2; text-align:center;}
.newBuilding .mainTxt strong {font-size:36px;}
.newBuilding .detail .group {overflow:hidden;}
.newBuilding .detail .group + .group {margin-top:45px;}
.newBuilding .detail .tit {display:block; padding:24px 15px 12px; clear:both; font-size:20px; color:#222;}
.newBuilding .detail .txt {padding:0 15px; font-size:13px; font-weight:300; color:#666; line-height:1.5; }
.newBuilding .detail .caption {padding:0 15px; margin-top:15px; font-size:15px; font-weight:400; color:#222;}

.newBuilding .timelapse {margin-top:30px; }
.newBuilding .timelapse .video {overflow:hidden; position:relative; padding-top:56%;}
.newBuilding .timelapse .video iframe {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.newBuilding .smallText {margin:15px 15px; font-size:12px; color:#666;}
.newBuilding .smallText span {font-weight:500; color:#959595;}
.newBuilding .smallText span:before {content:""; display:inline-block; margin:-2px 14px 0; width:2px; height:2px; background:#959595; vertical-align:middle;}


.newBuilding .newBd { margin-top:50px;}
.newBuilding .newBd .slideWrap { overflow:hidden; position:relative; width:100%; padding-top:35px;}
.newBuilding .newBd .inner { position:relative;}
.newBuilding .newBd .slideWrap .motion { overflow:hidden; width:100%; height:600px;} 
.newBuilding .newBd .slideWrap ul { width:1100px; text-align:center; font-size:0;}
.newBuilding .newBd .slideWrap li { display:inline-block; width:100%; text-align:center;}
.newBuilding .newBd .slideWrap li .img { overflow:hidden; width:100%; height:600px;} 
.newBuilding .newBd .slideWrap li .img img { width:100%; height:100%; transition: all .3s ease;} 

.newBuilding .newBd .slideWrap li a { display:block; position:relative; width:200px; height:50px; padding:0 15px; margin:0 auto; border:1px solid #d0d0d0; box-sizing:border-box; font-size:14px; color:#6f7173; text-align:left; line-height:48px;}
.newBuilding .newBd .slideWrap li a i { display:block; position:absolute; top:50%; right:15px; width:24px; height:8px; margin-top:-4px; vertical-align:middle; background:url('../images/common/bg_arrow_right.png') no-repeat; transition: transform .3s ease;}
.newBuilding .newBd .slideWrap li a:hover { color:#f36f21;}
.newBuilding .newBd .slideWrap li a:hover i { background-position:0 -8px; transform:translateX(-10px); -webkit-transform:translateX(-10px);}
.newBuilding .newBd .slideWrap li:hover .img img { transform: scale(1.1);}
.newBuilding .newBd .icon {position:absolute; top:32px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size:0;}
.newBuilding .newBd .icon a { display:inline-block; width:12px; height:12px; margin:0 9px; border-radius:50%; background:#959595;}
.newBuilding .newBd .icon a.on { background:#f36f21;}
.newBuilding .newBd .btn {}
.newBuilding .newBd .btn a { display:block; position:absolute; top:50%; width:58px; height:114px; margin-top:-57px; font-size:0; opacity:0.2; background:url('../images/main/btn_arrow.gif') no-repeat; animation-fill-mode:none; -webkit-animation-fill-mode:none;}
.newBuilding .newBd .btn a:hover { opacity:1;}
.newBuilding .newBd .btn .btnLeft { left:-120px;}
.newBuilding .newBd .btn .btnRight { right:-120px; background-position:-58px 0;}

.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 {width:100%; border: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:0 15px; 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;}
.prWrap .prDetail img { border-bottom:1px solid #666;}
.prWrap .videoBox { position:relative; padding-top:56%}
.prWrap .videoBox iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.cyberWrap {margin-top:24px; border-top:1px solid #e5e5e5;}

/* 이메일주소 무단수집거부 */
.emailRejectBox {display:block; margin-top:40px; padding:120px 0 0; background:url('../images/content/bg_emailReject.gif') no-repeat center 0; background-size:130px auto; }
.emailRejectBox h3 {font-size:20px; color:#222; font-weight:300; line-height:1.1; text-align:center;}
.emailRejectBox p { margin-top:20px; font-size:13px; color:#666; font-weight:300; line-height:1.6; text-align:center; word-break:keep-all; }

/* 개인정보취급방침 */
.termsTitleBox {width:100%; margin-top:30px;}
.termsTitleBox li {background-color:#f7f7f7;  }
.termsTitleBox li + li {margin-top:3px;}
.termsTitleBox li a {display:block; height:30px; padding:8px 0 0 15px; font-size:11px; color:#222222;}

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

.termsConGroup {line-height:1.6; word-break:keep-all;}
.termsConGroup .content {border-top:1px solid #e5e5e5; margin-top:30px;}
.termsConGroup h3 {font-size:20px; color:#222; margin:23px 0 16px; font-weight:300; line-height:1.4;}
.termsConGroup p {font-size:13px; color:#222; }
.termsConGroup p em {font-size: 110%; color: #F56B02;} /*강조*/
.termsConGroup h4 {font-size:13px !important; color:#222; margin-top:25px; margin-bottom:4px !important; }
.termsConGroup li {font-size:13px; color:#666666;}
.termsConGroup ul li { padding-left:10px; position:relative;}
.termsConGroup ul li em {font-size: 110%; color: #F56B02;} /*강조*/
.termsConGroup ul li:before {content:"-"; position:absolute; left:0;}
.termsConGroup li + li {margin-top:3px;}
.termsConGroup .gray {color:#666 !important;}
.termsConGroup .black {color:#222 !important;}
.termsConGroup .indent {padding-left:8px;}
.termsConGroup .tableWrap {padding:0;}
.termsConGroup .tableList2 {margin-top:18px;}
.termsConGroup .tableList2 th {padding:6px 0; font-size:12px;}
.termsConGroup .tableList2 th em {font-size: 110%; color: #F56B02;} /*강조*/
.termsConGroup .tableList2 th.noBg {background:#fff;}
.termsConGroup .tableList2 td {padding:6px 0; font-size:12px; line-height:18px; }
.termsConGroup .tableList2 td em {font-size: 110%; color: #F56B02;} /*강조*/
.termsConGroup .mt15 {margin-top:15px;}

/* 검색 영역 */
#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_2.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}

#container .h3.search {margin:0; padding:42px 0 16px; font-size:18px; font-weight:400; text-align:center;}
.listWrap.search {border-top:1px solid #e5e5e5;}

.inquire h3 {padding:30px 15px 16px; font-size:20px; font-weight:400; color:#222;}
.inquire .tableInquire {margin-bottom:30px;}
.inquire .tableInquire th, .inquire .tableInquire td {text-align:left;}
.inquire .btnGroup_2 {padding:0 15px 15px; font-size:0;}
.inquire .btnGroup_2 .btn {display:inline-block; width:20%;}
.inquire .btnGroup_2 .btn + .btn {margin-left:-1px;}
.inquire .btnGroup_2 .btn span:after {content:""; display:inline-block; margin:-2px 0 0 20px; width:17px; height:6px; background:url('../images/content/spr.png') no-repeat -20px -28px; background-size:150px auto; vertical-align:middle;}
.inquire .btnGroup_2 .btn span {margin-left:0;}
.inquire .btnGroup_2 .btnOrange {display:block; width:100%;}
.inquire .btnGroup_2 .btnOrange span:after {background-position:-120px -28px;}
.inquire .tapManu li a {width:130px;}
.inquire .agreeBox {padding:0 15px;}
.inquire .inquireText {padding:0 15px 20px; font-size:13px; color:#666;}
.inquire .formTableList {margin-top:12px;}

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

.recruitBtn { display:block; position:relative; width:165px; height:45px; line-height:45px; margin:24px auto; padding-left:15px; border:1px solid #d0d0d0; box-sizing:border-box; font-size:13px; color:#6f7173; text-align:left;}
.recruitBtn i { display:block; position:absolute; top:50%; right:15px; width:12px; height:4px; margin-top:-4px; vertical-align:middle; background:url('../images/common/bg_arrow_right.png') no-repeat; background-size:12px;}

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

#container .guideLine .title { margin:30px 0 15px; padding:0 15px; font-size:20px; color:#222;}
#container .guideLine .subTitle { margin:20px 0 10px; padding:0 15px; padding-top:15px; border-top:1px solid #e5e5e5; font-size:20px; color:#222;}

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

#container .guideLine .subTitle{
  margin:20px 0 10px;
  padding:15px 15px 0 15px;
  border-top:1px solid #e5e5e5;
  font-size:18px;
  color:#222;
}

#container .guideLine .subTitle .pdfTitleLink{
  position:relative;
  display:block;
  padding-right:36px;        /* ★ 아이콘 전용 영역 확보 */
  color:#222;
  text-decoration:none;
  box-sizing:border-box;
}

#container .guideLine .subTitle .pdfTitleLink .ico{
  position:absolute;
  right:0;
  top:15px;
  width:26px;
  height:26px;
  display:block;
}



.videoWrap { position:relative; margin-top:15px; padding-bottom:56%;}
.videoWrap iframe { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}

/* ==============================
 * 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;}
.saf .inner{ padding: 30px 10px 60px 10px;}
.saf .tapManu .swiper-slide { width: 100px;}
.saf .mt01 h3 { font-size: 24px;}
.saf .mt01 p { margin-bottom: 30px;}
.saf .imgLbox {width: 100%; position: relative;}
.saf .imgLbox img { width: 100%;}
.saf .mt02 { margin-bottom: 30px;}
.saf .mt02 h3 { margin-bottom: 35px;font-size: 24px;}
.saf h3.btxt{ font-size:16px; line-height: 20px; text-align: center; margin-bottom: 30px;}
.saf h3.btxt span { color: #ff7500;}
.saf .tapManu2 { margin-bottom: 50px;}
.saf .guideText3 { width: auto; padding: 30px 20px; border-radius:10px; margin:0px auto 30px; background-color: #f6f6f6}
.saf .guideText3 dt { width: 100%; font-size: 20px; line-height: 1; margin-bottom: 20px; color: #000;}
.saf .guideText3 dd { font-size: 14px; line-height: 1.2; margin-bottom: 10px; color: #535353;}
.saf .tac { text-align: center; width: 100%; text-align: center;}
.saf .tac img { width: 70%}


/*211019*/
.mainVisual .btnWrap { width: 100%; height: 1px; position: absolute; top: 50%; left: 0px; z-index: 2; display: block;}
.mainVisual .btnWrap a.prev { width: 30px; height: 30px; display: block; position: absolute; top: -15px; left: 20px; border-top: 3px solid #fff;  border-left: 3px solid #fff; transform: rotate(-45deg);}
.mainVisual .btnWrap a.next { width: 30px; height: 30px; display: block; position: absolute; top: -15px; right: 30px; border-top: 3px solid #fff;  border-right: 3px solid #fff; transform: rotate(45deg);}