*{margin:0; padding:0;}
html{position:relative; width:100%; height:auto}
body{position:relative; width:100%; height:auto; font-size:12px; font-family:"맑은 고딕", 'Malgun Gothic', 'dotum',"돋움",sans-serif; color:#555; -webkit-text-size-adjust:100%}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"맑은 고딕", 'Malgun Gothic', 'dotum',"돋움",sans-serif; color:#555; border-radius:0; font-size:12px}
input{padding:3px; height:18px; font-size:11px; background:#fff; -webkit-appearance: none;}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0;  height:auto;}
input[type="password"] {height:18px; border:1px solid #e1e1e1; color:#555}
select{padding:3px; height:26px; border:1px solid #e1e1e1}
textarea{padding:6px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"맑은 고딕", 'Malgun Gothic', 'dotum',"돋움",sans-serif; color:#555; font-size:12px; border-radius:0; background:#fff; -webkit-appearance: none;}
th{font-weight:normal;}
a{text-decoration:none; color:#555; vertical-align:middle;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%; table-layout:fixed}
table caption {display:none}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:12px; font-family:"맑은 고딕", 'Malgun Gothic', 'dotum',"돋움",sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
address{font-style:normal;}
label{cursor:pointer}


/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt22{margin-top:22px !important}
.mt25{margin-top:25px !important}
.mt27{margin-top:27px !important}
.mt30{margin-top:30px !important}
.mt34{margin-top:34px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt47{margin-top:47px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}

/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.fl{float:left !important}
.fr{float:right !important}
.borBN{border-bottom:0 !important}

/* 버튼 */
.btnDiv {text-align:center}
.btnDiv .listBtn {display:inline-block; width:107px; height:31px; line-height:31px; font-size:13px; color:#fff; background:#5d5d5d}/* 목록 */
.btnDiv .okBtn {display:inline-block; width:107px; height:31px; line-height:31px; font-size:13px; color:#fff; background:#0168b7}/* 확인 */
.btnDiv .inquireBtn {display:inline-block; width:107px; height:31px; line-height:31px; font-size:13px; color:#fff; background:#0168b7}/* 문의하기 */
.btnDiv .modifyBtn {display:inline-block; width:107px; height:31px; line-height:31px; font-size:13px; color:#fff; background:#0168b7}/* 수정하기 */
.btnDiv .cancelBtn {display:inline-block; width:107px; height:31px; line-height:31px; font-size:13px; color:#fff; background:#5d5d5d}/* 취소 */

.btnDiv2 {text-align:right; overflow:hidden}
.btnDiv2 .delBtn {float:left; display:inline-block; border:1px solid #0168b7; width:68px; height:29px; line-height:29px; font-size:12px; color:#0168b7; text-align:center}/* 삭제 */
.btnDiv2 .modifyBtn {display:inline-block; width:70px; height:31px; line-height:31px; font-size:12px; color:#fff; background:#0168b7; text-align:center}/* 수정 */
.btnDiv2 .listBtn {display:inline-block; width:70px; height:31px; line-height:31px; font-size:12px; color:#fff; background:#5d5d5d; text-align:center}/* 목록 */

/* 폰트 */
.subTit {position:relative; width:100%; overflow:hidden}
.subTit > img {width:100%;}
.subTit .txtArea {position:absolute; top:40%; left:0; width:100%; text-align:center}
.subTit .txtArea .tit {font-weight:bold; font-size:16px; color:#fff; line-height:20px; padding:0 15px}
.subTit .txtArea .txt {font-size:11px; color:#fff; margin-top:10px; opacity:0.5; letter-spacing:-0.2px; padding:0 15px}

h3 {font-weight:bold; font-size:21px; color:#333; line-height:21px; text-align:center}

.bold {font-weight:bold !important;}

.imgTxt {position:relative; width:100%; padding:30px 0 25px; overflow:hidden; background:url("/common/ge_de/images_m/txt/social_txt1.jpg") no-repeat 50% 50%; background-size:cover}
.imgTxt.type2 {background:none; padding:0}
.imgTxt img {width:100%}
.imgTxt .hideTxt {text-indent:-99999px; width:0; height:0;  font-size:0; overflow:hidden}
.imgTxt .centerTxt {/*position:absolute; top:50%; left:0;*/ width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width:calc(100% - 40px); padding:0 20px; /*margin-top:-125px;*/ font-size:9px; color:#fff; line-height:13px; text-align:left}
.imgTxt .centerTxt span {display:block; padding-bottom:45px; margin-bottom:15px; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:18px; text-align:center; background:url("/common/en_us/images_m/icon/bar1x74.gif") no-repeat 50% 100%; background-size:1px 37px}

.leftTit {font-weight:bold; font-size:15px; color:#333; margin-top:30px}
.leftTxt {font-size:12px; color:#555; line-height:18px; margin-top:10px}

.pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.cBlk{color:#333 !important}
.tdU{text-decoration:underline;}
.fBold{font-weight:bold;}

/* 헤더 */
#header {position:absolute; top:0; left:0; width:100%; height:45px; background:url("/common/en_us/images_m/icon/header_bg.png") repeat 0 0; text-align:center; z-index:99}
#header .srchBt {display:inline-block; position:absolute; top:50%; left:0; height:20px; padding-left:15px; margin-top:-10px}
#header h1 {display:inline-block; position:absolute; top:50%; left:50%; height:12px; margin-top:-6px; margin-left:-45px}
#header h1 a {display:block; height:12px}
#header .gnbBt {display:inline-block; position:absolute; top:50%; right:0; height:15px; padding-right:15px; margin-top:-7.5px}

/* 검색영역 */
.srchArea {display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:9999; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);}
.srchArea .blackBg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/en_us/images_m/icon/dimd_bg.png") repeat 0 0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; z-index:998}
.srchArea .searchDiv {position:absolute; top:-160px; left:0; width:100%; height:160px; background:#fff; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;; z-index:999}
.srchArea .searchDiv .tit {font-weight:bold; height:45px; line-height:45px; font-size:16px; color:#333; text-align:center}
.srchArea .searchDiv .search {margin:30px 15px 0; padding-bottom:5px; border-bottom:1px solid #e2e2e2; overflow:hidden}
.srchArea .searchDiv .search input[type="text"] {float:left; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); height:25px; line-height:25px; border:0; padding:0}
.srchArea .searchDiv .search button,
.srchArea .searchDiv .search a {float:right}
.srchArea .searchDiv .exTxt {margin:15px 15px 0; font-size:11px; color:#777; padding-left:30.5px; position:relative;}
/* .srchArea .searchDiv .exTxt span {display:inline-block; font-weight:bold; font-size:9px; padding:0 7px; margin-right:5px; height:11px; line-height:11px; color:#fff; background:#0068b7; border-radius:6px; vertical-align:middle} */
.srchArea .searchDiv .exTxt span {position:absolute; top:2px; left:0; display:inline-block; margin-right:5px; width:25.5px; height:11.5px; background:url("/common/en_us/images_m/icon/mEx_icon.png") no-repeat; background-size:25.5px 11.5px; vertical-align:middle; text-indent:-9999px;}

.srchArea .closeBt {position:absolute; top:13px; right:15px}

/* GNB 영역 */
.gnbArea {display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:9999; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0);}
.gnbArea .blackBg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/en_us/images_m/icon/dimd_bg.png") repeat 0 0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; z-index:998}
.gnbArea .menuDiv {position:absolute; top:0; right:-270px; width:270px; height:100%; background:#fff; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;; z-index:999}
.gnbArea .menuDiv .select {height:25px; padding:10px 15px}
.gnbArea .menuDiv .select > select {width:50px; height:25px; font-size:12px; border:0; border-radius:0; -webkit-appearance: none; -moz-appearance:none; appearance:none; background:url('/common/en_us/images_m/icon/gnb_sel_icon.gif') no-repeat 90% 50%; background-size:6px 3px}
.gnbArea #gnb {border-top:1px solid #e3e3e3;}
    .gnbArea #gnb .oneD {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        border-bottom: 1px solid #e3e3e3;
        font-size: 15px;
        color: #000;
        background: url("/common/en_us/images_m/icon/oneD_icon.gif") no-repeat 236px 50%;
        background-size: 18px 10px;
        /*text-transform: uppercase;*/
    }
.gnbArea #gnb .oneD.on {color:#0068b7; background:url("/common/en_us/images_m/icon/oneD_icon_on.gif") no-repeat 236px 50%; background-size:18px 10px}
.gnbArea #gnb .twoD {display:none; padding-top:8px; border-bottom:1px solid #e3e3e3; background:#f8f8f8}
.gnbArea #gnb .twoD > a {display:block; padding:8px 15px 8px; font-size:14px; line-height:14px}
.gnbArea #gnb .twoD > a.current {color:#0068b7}
.gnbArea #gnb .twoD > a.hv3d {background:url("/common/en_us/images_m/icon/2depth_icon.png") no-repeat; background-size:13px 13px; background-position:right 15px top 6px}
.gnbArea #gnb .twoD > .hv3d.on {color:#0068b7; background:url("/common/en_us/images_m/icon/2depth_icon_on.png") no-repeat; background-size:13px 13px; background-position:right 15px top 6px}
.gnbArea #gnb .twoD > a:last-of-type {padding-bottom:16px}
.gnbArea #gnb .thrD {display:none; padding:12px 15px 13px; border-top:1px solid #e1e1e1; background:#5b5e63}
.gnbArea #gnb .thrD a {display:block; padding-left:12px; font-size:14px; color:#ababab; line-height:20px; margin-top:9px}
.gnbArea #gnb .thrD a:first-child {margin-top:0}
.gnbArea #gnb .thrD a.current {color:#fff}
.gnbArea .gnbFooter {padding:0 15px 20px; margin-top:20px}
.gnbArea .gnbFooter .familySelect select {width:100%; padding-left:15px; -webkit-appearance: none; -moz-appearance:none; appearance:none; background:url('/common/en_us/images_m/icon/family_sel_icon.gif') no-repeat 96% 50%; background-size:9px 5px}
.gnbArea .gnbFooter .links {margin-top:80px; overflow:hidden}
.gnbArea .gnbFooter .links a {display:inline-block; float:left; font-size:11px; color:#333; line-height:14px; padding-right:6px; margin-right:5px; background:url("/common/en_us/images_m/icon/bar2x19.gif") no-repeat 100% 4px; background-size:1px 9px}
.gnbArea .gnbFooter .links a:last-child {margin-right:0; padding-right:0; background:none}
.gnbArea .gnbFooter .info {font-size:9px; line-height:12px; margin-top:12px}
.gnbArea .gnbFooter .info span {padding-left:5px; margin-left:4px; background:url("/common/en_us/images_m/icon/bar1x17.gif") no-repeat 0 1px; background-size:1px 8px}
.gnbArea .gnbFooter .info span:first-child {padding-left:0; margin-left:0; background:none}
.gnbArea .closeBt {position:absolute; top:13px; right:15px}

/* LNB 영역 */
.lnb {position:relative; width:100%; height:40px; background:#fff url('/common/en_us/images_m/icon/lnb_bg.gif') repeat-x 0 100%; overflow:hidden}
.lnb ul {float:left; display:block; white-space:nowrap; position:relative}
.lnb ul li {display:inline-block; vertical-align:top; background:url("/common/en_us/images_m/icon/bar1x25.gif") no-repeat 0 48%; background-size:1px 12.5px}
.lnb ul li:first-child {background:none}
.lnb ul li:last-child {padding-right:0}
.lnb ul li a {display:block; padding:0 12px; height:40px; line-height:37px; font-size:13px; color:#333}
.lnb ul li a > img {margin-top:17px; margin-left:7px}
.lnb ul li.on a{font-weight:bold; height:38px; line-height:37px; color:#0168b7; border-bottom:2px solid #0168b7}

/* lnb 3뎁스 */
.lnbThrD {display:none; padding:15px 0 0; background:#f8f8f8; border-bottom:1px solid #e1e1e1}
.lnbThrD a {display:block; font-size:12px; color:#333; line-height:26px; text-align:center}
.lnbThrD a.current {color:#0168b7}
.lnbThrD a.close {padding:5px 0; height:5px; border-top:1px solid #e7e7e7; background:#fff; margin-top:15px}

/* 푸터 */
#footer {position:relative; text-align:center; padding:25px 15px}
#footer.borT {border-top:1px solid #e0e0e0}
#footer .links a {display:inline-block; font-size:12px; color:#333; line-height:14px; margin-right:2px; padding-right:6px; background:url("/common/en_us/images_m/icon/bar1x25.gif") no-repeat 100% 50%; background-size:1px 8px; margin-bottom:5px}
#footer .links a:last-child {margin-right:0; padding-right:0; background:none}
#footer .familySelect {text-align:left; margin-top:10px}
#footer .familySelect select {width:100%; padding-left:15px; -webkit-appearance: none; -moz-appearance:none; appearance:none; background:url('/common/en_us/images_m/icon/family_sel_icon.gif') no-repeat 96% 50%; background-size:9px 5px}
#footer .info {font-size:9px; line-height:12px; margin-top:12px}
#footer .info span {padding-left:5px; margin-left:4px; background:url("/common/en_us/images_m/icon/bar1x17.gif") no-repeat 0 1px; background-size:1px 8px}
#footer .info span:first-child {padding-left:0; margin-left:0; background:none}
#footer .info p {margin-top:5px}
#footer .info p:first-child {margin-top:0}
#footer .pcVer {margin-top:20px; text-align:center}
#footer .pcVer > a {display:inline-block; padding:0 10px; height:25px; line-height:25px; border:1px solid #e1e1e1; font-size:10px; color:#333}
#footer .certificate {margin-top:15px}
#footer .topBt {position:absolute; top:-30px; right:15px; width:30px; height:30px}
#footer .topBt a {display:block; width:30px; height:30px}

/* listType */
.listType1 {border-top:2px solid #000}
.listType1 li {border-bottom:1px solid #e6e6e6}
.listType1 li a {position:relative; display:block; overflow:hidden}
.listType1 li a span {display:block;}
.listType1 li a .num {position:absolute; top:50%; left:0; margin-top:-10px; width:40px; height:20px; line-height:20px; text-align:center}
.listType1 li a .txtArea {float:left; width: -moz-calc(100% - 55px); width: -webkit-calc(100% - 55px); width:calc(100% - 55px); padding:15px 15px 15px 40px}
.listType1 li a .txtArea .tit {font-weight:bold; font-size:14px; color:#333}
.listType1 li a .txtArea .date {font-size:12px; color:#777; line-height:17px}
.listType1 li a .txtArea .date span {display:inline; padding-left:6px; margin-left:5px; background:url("/common/en_us/images_m/icon/bar2x17.gif") no-repeat 0 3px; background-size:1px 8px;}
.listType1 li a .txtArea .white {display:inline-block; width:38px; height:16px; line-height:16px; text-align:center; border:1px solid #dbdbdb; font-size:10px; color:#333; margin-top:5px}/* 대기 */
.listType1 li a .txtArea .white2 {display:inline-block; width:38px; height:16px; line-height:16px; text-align:center; border:1px solid #0168b7; font-size:10px; color:#0168b7; margin-top:5px}/* 개별안내 */
.listType1 li a .txtArea .blue {display:inline-block; width:40px; height:18px; line-height:18px; text-align:center; background:#0168b7; font-size:10px; color:#fff; margin-top:5px}/* 진행, 최종면접 */
.listType1 li a .txtArea .gray {display:inline-block; width:40px; height:18px; line-height:18px; text-align:center; background:#5d5d5d; font-size:10px; color:#fff; margin-top:5px}/* 마감 */
.listType1 li a .txtArea .gray2 {display:inline-block; width:40px; height:18px; line-height:18px; text-align:center; background:#e1e1e1; font-size:10px; color:#333; margin-top:5px}/* 서류전형 */

.listType2 {width:100%;}
.listType2 li {margin-top:20px}
.listType2 li:first-child {margin-top:0}
.listType2 li a {display:block; width:100%;}
.listType2 li a .thum {position:relative; display:block; width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width:calc(100% - 2px); border:1px solid #e1e1e1; border-bottom:0}
.listType2 li a .thum > img {width:100%;}
.listType2 li a .thum > .playIcon {position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px}
.listType2 li a .txtArea {display:block; padding:20px 19px 15px; background:#fff; border:1px solid #e1e1e1}
.listType2 li a .txtArea.type2 {border-top:1px solid #e1e1e1}
.listType2 li a .txtArea .titS {display:block; position:relative; overflow:hidden; padding:25px 0 0}
.listType2 li a .txtArea .titS .label {position:absolute; top:0; left:0; display:inline-block; padding:0 5px; height:21px; line-height:23px; font-size:11px; color:#fff; text-align:center; background:#8ca934}/* 연두색 */
.listType2 li a .txtArea .titS .label.type2 {background:#0068b7}/* 파란색 */
.listType2 li a .txtArea .titS .label.type3 {background:#00a8b7}/* 청록색 */
.listType2 li a .txtArea .titS .label.type4 {background:#00b77d}/* 녹색 */
.listType2 li a .txtArea .titS .label.type5 {background:#8100b7}/* 보라색 */
.listType2 li a .txtArea .titS .label.type6 {background:#c627de}/*6~10 추가 2017-07-10 */
.listType2 li a .txtArea .titS .label.type7 {background:#556a15}
.listType2 li a .txtArea .titS .label.type8 {background:#0a4e54}
.listType2 li a .txtArea .titS .label.type9 {background:#53969c}
.listType2 li a .txtArea .titS .label.type10 {background:#1d4b3c}
.listType2 li a .txtArea .titS .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:46px; font-weight:bold; font-size:15px; color:#333; line-height:23px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word}
.listType2 li a .txtArea .titS .tit.type2 {-webkit-line-clamp:3;max-height:69px;}
.listType2 li a .txtArea .txt {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:57px; font-size:12px; color:#555; line-height:19px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word}
.listType2 li a .txtArea .dateS {display:block; border-top:1px solid #e1e1e1; overflow:hidden; margin-top:20px; padding-top:15px}
.listType2 li a .txtArea .dateS .date {display:block; float:left; font-size:12px; color:#767676}
.listType2 li a .txtArea .dateS .view {display:block; float:right; font-size:12px; color:#767676; padding-left:15px; background:url("/common/en_us/images_m/icon/viewNum_icon.png") no-repeat 0 50%; background-size:11px 10px}

/* 리스트 검색 */
.srchDiv {position:relative; width:100%; height:26px; overflow:hidden}
.srchDiv select {position:absolute; top:0; left:0; width:76px; height:26px; font-size:12px; color:#333}
.srchDiv .title {position:absolute; top:0; left:0; width:30px; font-weight:bold; font-size:12px; line-height:26px}
.srchDiv .srchInput {display:block; padding:0 56px 0 0}
.srchDiv .srchInput.type2 {display:block; padding:0 56px 0 0}
.srchDiv .srchInput input {display:block; width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width:calc(100% - 8px); height:18px; font-size:11px}
.srchDiv > a, .srchDiv > button {position:absolute; top:0; right:0}
.srchDiv > .srchBt {right:28px}

/* 리스트 탭 */
.listTabArea {text-align:right}
.listTabArea a {display:inline-block; font-size:12px; color:#555; line-height:14px; padding-left:8px; margin-left:6px; background:url("/common/en_us/images_m/icon/bar2x22.gif") no-repeat 0 50%; background-size:1px 11px}
.listTabArea a:first-child {margin-left:0; padding-left:0; background:none}
.listTabArea a.on {text-decoration:underline; color:#0168b7}

/* viewType */
.viewType1 {border-top:2px solid #000}
.viewType1 .titArea {padding:20px 10px 17px; border-bottom:1px solid #e6e6e6}
.viewType1 .titArea .tit {font-weight:bold; font-size:16px; color:#333; margin-bottom:10px}
.viewType1 .titArea .tit2 {position:relative; padding:25px 0 0; font-weight:bold; font-size:16px; color:#333; margin-bottom:10px}
.viewType1 .titArea .tit2 .label {display:inline-block; position:absolute; top:0; left:0; padding:0 5px; height:21px; line-height:23px; font-size:11px; color:#fff; text-align:center; background:#8ca934}/* 연두색 */
.viewType1 .titArea .tit2 .label.type2 {background:#0068b7}/* 파란색 */
.viewType1 .titArea .tit2 .label.type3 {background:#00a8b7}/* 청록색 */
.viewType1 .titArea .tit2 .label.type4 {background:#00b77d}/* 녹색 */
.viewType1 .titArea .tit2 .label.type5 {background:#8100b7}/* 보라색 */
.viewType1 .titArea .date {line-height:18px; font-size:12px; color:#777}
.viewType1 .titArea .date span {color:#333; padding-right:5px; margin-right:5px; background:url("/common/en_us/images_m/icon/bar2x17.gif") no-repeat 100% 50%; background-size:1px 8px}
.viewType1 .txtArea {font-size:12px; color:#777; padding:15px 10px 20px; line-height:19px; font-size:12px; color:#777}
.viewType1 .txtArea .txt {width:100%; color:#555}
.viewType1 .txtArea .img img {width:100%}
.viewType1 .txtArea > p > img{max-width:100%; height:auto !important;} /* 2017-01-25 추가 */
.viewType1 .txtArea .note {padding:13px 10px 13px 30px; line-height:18px; font-size:12px; color:#333; background:#f2f2f2 url("/common/en_us/images_m/icon/note_icon.png") no-repeat 10px 13px; background-size:16px 16px}
.viewType1 .txtArea .tit1 {font-weight:bold; font-size:16px; color:#333}
.viewType1 .txtArea .tit2 {font-weight:bold; font-size:14px; color:#333}
.viewType1 .txtArea .viewTable {width:100%; overflow:hidden; border-bottom:1px solid #ddd}
.viewType1 .txtArea .viewTable table {width:100%}
.viewType1 .txtArea .viewTable table tr th {width:50%; font-weight:bold; font-size:14px; color:#333; padding:12px 0; border-top:2px solid #000; background:#f7f7f7 url("/common/en_us/images_m/icon/bar2x30.gif") no-repeat 0 50%; background-size:1px 15px}
.viewType1 .txtArea .viewTable table tr th:first-child {background:#f7f7f7}
.viewType1 .txtArea .viewTable table tr td {width:50%; font-size:12px; color:#555; border-top:1px solid #ddd; padding:12px 0 12px 10px}
.viewType1 .txtArea .viewTable table tr td.taC {padding-left:0}
.viewType1 .txtArea .viewTable table tr td .topLine {padding-top:5px; margin-top:5px; border-top:1px solid #ddd}
.viewType1 .txtArea .viewTable table tr td ul li {text-indent:-9px; margin-left:9px}
.viewType1 .txtArea .videoDiv {position:relative; padding-top:30px; padding-bottom:56.25%; overflow:hidden}
.viewType1 .txtArea .videoDiv iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.viewType1 .txtArea .captionDiv {padding:15px; max-height:68px; border:1px solid #e1e1e1; background:#f8f8f8; overflow-y:auto}
.viewType1 .txtArea .captionDiv .ctTit {font-weight:bold; font-size:12px; color:#333; margin-bottom:10px}
.viewType1 .txtArea .captionDiv .ctTxt {font-size:11px; color:#555; line-height:19px}
.viewType1 .shareDiv {position:relative; overflow:hidden; height:30px; line-height:30px; text-align:right}
.viewType1 .shareDiv .shareBtn {display:inline-block; font-size:12px; color:#555; height:34px; line-height:28px; padding-right:40px; background:url("/common/en_us/images_m/btn/share_btn.png") no-repeat; background-size:30px 30px; background-position:right 0 top}
.viewType1 .shareDiv .btns {display:none; position:absolute; top:0; left:100%; width:100%; background:#fff; text-align:right}
.viewType1 .fileArea {padding:20px 10px;}
.viewType1 .fileArea a {display:inline-block; height:22px; line-height:22px; font-size:10px; color:#767676; border:1px solid #e1e1e1; padding:0 10px; margin-bottom:5px}
.viewType1 .prevNext > div {padding:0 10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;overflow:hidden;}
.viewType1 .prevNext > div:first-child {border-bottom:0}
.viewType1 .prevNext > div a {display:block; width:100%; height:36px; line-height:36px; font-size:12px; overflow:hidden}
.viewType1 .prevNext > div a span.left {float:left; width:47px; color:#0168b7; padding-right:20px; background:url("/common/en_us/images_m/icon/prev_icon.gif") no-repeat 100% 15px; background-size:10px 5px}
.viewType1 .prevNext > div.next a span.left {background:url("/common/en_us/images_m/icon/next_icon.gif") no-repeat 100% 15px; background-size:10px 5px}
.viewType1 .prevNext > div a span.tit {float:left; display:block; width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); width:calc(100% - 150px); color:#555; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 15px}
.viewType1 .prevNext > div a span.date {float:right; width:53px; font-size:10px; color:#767676}

.viewType2 {border-top:2px solid #000}
.viewType2 li {padding:10px 15px; border-bottom:1px solid #e6e6e6; overflow:hidden}
.viewType2 li .tit {float:left; width:69px; font-weight:bold; font-size:12px; color:#000; }
.viewType2 li .txt {float:left; width: -moz-calc(100% - 69px); width: -webkit-calc(100% - 69px); width:calc(100% - 69px); font-size:12px; color:#555}
.viewType2 li .tit.type2 {float:none; width:100%; }
.viewType2 li .txt.type2 {float:none; width:100%; text-align:justify; margin-top:10px}
.viewType2Note {padding:15px 15px 15px 21px; font-size:12px; color:#333; line-height:18px; background:url("/common/en_us/images_m/icon/inquire_note_icon.png") no-repeat 0 15px; background-size:16px 16px; border-bottom:1px solid #e0e0e0}

/* writeType */
.writeType1 {padding:20px 15px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0}
.writeType1 .wLabel {font-weight:bold; font-size:12px; color:#000; line-height:15px}
.writeType1 .wLabel .bStar {display:inline-block; font-weight:bold; font-size:14px; color:#0168b7; line-height:15px; vertical-align:middle}
.writeType1 input {width:177px; font-size:12px; color:#555}
.writeType1 select {width:185px; font-size:11px; color:#555}
.writeType1 textarea {width: -moz-calc(100% - 14px); width: -webkit-calc(100% - 14px); width:calc(100% - 14px); min-height:106px}
.writeType1 .mail select {width: -moz-calc(100% - 190px); width: -webkit-calc(100% - 190px); width:calc(100% - 190px)}
.writeType1 .titInput input {width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width:calc(100% - 8px);}
.writeType1 .fileDiv {position:relative;}
.writeType1 .fileDiv .fileBtn {display:inline-block; width:68px; height:26px; line-height:26px; font-size:11px; color:#fff; text-align:center; background:#5d5d5d}
.writeType1 .blueTxt {font-size:10px; color:#0168b7; margin-top:5px}
.writeType1 .ctArea {overflow:hidden}
.writeType1 .ctArea .captcha {float:left; width:83px; height:26px; margin-right:5px}
.writeType1 .ctArea .captcha img {width:83px; height:26px}
.writeType1 .ctArea input {width: -moz-calc(100% - 126px); width: -webkit-calc(100% - 126px); width:calc(100% - 126px)}
.writeType1 .timeSelect select {width:70px}
.writeType1 .timeSelect input[type="checkbox"] {width:auto; margin-left:10px}

/* boardType */
.boardType1 {position:relative; width:100%; border-top:2px solid #000; overflow:hidden}
.boardType1 th {width:31%; font-weight:bold; padding:10px; font-size:12px; color:#333; text-align:left; border-bottom:1px solid #ddd;word-break:break-all;}
.boardType1 td {width:69%; padding:10px; padding-left:0; font-size:12px; color:#555; border-bottom:1px solid #ddd}
.boardType1 td.type2 {font-size:14px; color:#333}
.boardType1 td .proInfoTit {font-weight:bold; font-size:12px; color:#333; line-height:17px}
.boardType1 td .proInfoTxt {font-size:12px; color:#555; line-height:17px; text-indent:-10px; margin-left:10px}

.scrollTable {position:relative; width:100%; overflow:hidden}
.boardType2 {border-top:2px solid #000; overflow-x:auto}
.boardType2 table {table-layout:fixed}
.boardType2 th {padding:14px 0 10px; font-size:13px !important; color:#000; line-height:20px; border-bottom:1px solid #e6e6e6; background:url("/common/en_us/images_m/icon/dot6x6_gray.png") no-repeat 0 54%; background-size:3px 3px}
.boardType2 th:first-child, .boardType2 th:nth-child(2) {background:none}
.boardType2 td {padding:14px 10px 10px 5px; font-size:12px !important; color:#767676; line-height:20px; text-align:right; border-bottom:1px solid #e6e6e6}
.boardType2 td.taL {padding:14px 5px 10px 5px;word-break:break-all;}
.boardType2 .total {background:#f7f7f7}
.boardType2 .total td {color:#333; background:#f7f7f7}
.scrollTable .boardType2.position {position:absolute; top:0; left:0; max-width:212px; background:#fff}
.scrollTable .boardType2.position table {width:auto; border-right:1px solid #e6e6e6}

/* paging */
.paging {text-align:center; height:25px}
.paging ul {display:inline-block; overflow:hidden}
.paging li {float:left; margin:0 1px;}
.paging li a {display:block; width:25px; height:25px; font-size:12px; line-height:25px}
.paging li.on a {font-weight:bold; display:block; width:23px; height:23px; line-height:23px; color:#0168b7; border:1px solid #0168b7}
.paging .first {margin-right:2px}
.paging .prev {margin-right:10px}
.paging .next {margin-left:10px}
.paging .last {margin-left:2px}

/* tabBtnList 한줄 3개 */
.tabBtnList {overflow:hidden; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1}
.tabBtnList li {float:left; width: -moz-calc(33.3% - 1px); width: -webkit-calc(33.3% - 1px); width:calc(33.3% - 1px); border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
.tabBtnList li:nth-child(3n) {width: -moz-calc(33.4% - 1px); width: -webkit-calc(33.4% - 1px); width:calc(33.4% - 1px)}
.tabBtnList li a {display:block; font-size:11px; color:#555; line-height:28px; padding:3px 2px 5px 2px; background:#fff; text-align:center}
.tabBtnList li.on a {color:#fff; background:#0168b7; font-size:11px;letter-spacing:-0.3px;}
.tabBtnList li.type2 a {line-height:14px;word-break:break-all;}/*2줄*/
.tabBtnList li.type3 a {line-height:14px; min-height:43px}/*3줄*/
.tabBtnList li.worldWide {width: -moz-calc(100% - 1px); width: -webkit-calc(100% - 1px); width:calc(100% - 1px)}
.tabBtnList li.worldWide a span {display:inline-block; height:29px; line-height:29px; padding-left:22px; background:url("/common/en_us/images_m/icon/worldWide_icon.png") no-repeat 0 50%; background-size:17px 17px}
.tabBtnList li.worldWide.on a span {background:url("/common/en_us/images_m/icon/worldWide_icon_on.png") no-repeat 0 50%; background-size:17px 17px}
.tabBtnList.type2 li {width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width:calc(50% - 1px);}
.tabBtnList.type3 li {width:100%}

.tabBtnList2 {overflow:hidden; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1}
.tabBtnList2 li {float:left; width: -moz-calc(33.3% - 1px); width: -webkit-calc(33.3% - 1px); width:calc(33.3% - 1px); min-height:29px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:0}
.tabBtnList2 li:nth-child(3n) {width: -moz-calc(33.4% - 1px); width: -webkit-calc(33.4% - 1px); width:calc(33.4% - 1px)}
.tabBtnList2 li a {display:block; padding:0 5px; font-size:10px; color:#555; line-height:29px; background:#f5f5f5; text-align:center}
.tabBtnList2 li.on {border-top:2px solid #0168b7; height:28px; min-height:28px}
.tabBtnList2 li.on a {font-weight:bold; color:#0168b7; background:#fff; line-height:26px}

/* tabBtn 한줄 2개 */
.tabBtn2 {overflow:hidden; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1}
.tabBtn2 a {float:left; display:block; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width:calc(50% - 1px); height:28px; line-height:28px; font-size:11px; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff;}
.tabBtn2 a.type2{line-height:14px;height:28px;padding:5px 0;}
.tabBtn2 a.on {font-weight:bold; background:#0168b7; color:#fff}

/* 유틸리티 */
.utilHeader {padding:30px; 0 25px; text-align:center; background:#fff}
.error {padding:30px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f7f7f7; text-align:center}
.error .txt1 {font-size:18px; color:#333; margin-top:25px}
.error .txt2 {font-size:12px; color:#67686a; line-height:16px; margin-top:15px}
.error .btn a {display:inline-block; width:190px; height:33px; line-height:33px; font-size:12px; color:#fff; background:#0168b7; margin-top:15px}