@charset "UTF-8";

*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; font-size:16px; color:#555; letter-spacing:-0.6px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-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', sans-serif; color:#555; letter-spacing:-0.4px; border-radius:0; font-size:16px}
input{padding:3px 10px; height:34px}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#555; background:#f7f7f7; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#f7f7f7; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input:disabled {background-color:#666;} /* 2022-09-23 추가 */
label{font-size:16px;}
select{padding:5px; height:42px; border:1px solid #e1e1e1; background:#f7f7f7;}
textarea{padding:10px; vertical-align:middle; background:#f7f7f7; border:1px solid #e1e1e1; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; color:#555; font-size:16px; letter-spacing:-0.4px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}

.goCon {display:block; width:100%; height:25px; line-height:25px; position:absolute; top:-25px; left:0; font-size:20px; color:#fff; text-align:center; background:#333bca; z-index:9999}
.goCon:focus, .goCon:active {top:0}

#wrapper {position:relative; width:100%; max-width:100%; overflow:hidden}

#cBody {position:relative; width:100%; overflow:hidden}

#header {position:absolute; top:0; left:0; width:100%; height:75px; background:rgba(0, 0, 0, 0.4); z-index:900}
#header.main {background:rgba(0, 0, 0, 0); border-bottom:1px solid rgba(255,255,255,0.2)}
#header h1 {position:absolute; top:0; left:0; padding:21px 0 0 40px; z-index:99}
#header h1 a {display:block}
#header .util {position:absolute; top:0; right:0; padding:25px 40px 0 0;}
#header .util .link {float:left; overflow:hidden; margin-right:30px;}
#header .util .link > a {position:relative; display:block; float:left; margin-left:14px; padding-left:14px; font-weight:300; font-size:15px; color:#fff; line-height:22px}
#header .util .link > a:before {content:''; width:1px; height:13px; background:rgba(255,255,255,0.2); position:absolute; top:6px; left:0;}
#header.on .util .link > a:before {background:rgba(0,0,0, 0.2)}
#header .util .link > a:first-child {margin:0; padding:0;}
#header .util .link > a:first-child:before {width:0; height:0;}
#header .util .srchBt {position:relative; float:left; display:inline-block; width:24px; height:24px; padding-left:21px;}
#header .util .srchBt:before {content:''; width:1px; height:24px; background:rgba(255,255,255,0.2); position:absolute; top:0; left:0}
#header.on .util .srchBt:before {background:rgba(0,0,0,0.2)}
#header .util .selD {position:relative; float:left; height:24px; padding-left:0; margin-left:20px}
#header .util .selD:before {content:''; width:1px; height:24px; background:rgba(255,255,255,0.2); position:absolute; top:0; left:0}
#header.on .util .selD:before {background:rgba(0,0,0,0.2)}
#header .util .selD select {float:left; width:43px; height:24px; padding:0; color:#fff; background:url("/Eng/common/images/icon/header_sel_icon.png") no-repeat 100% 50%; border:0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#header .util .selD select::-ms-expand {display:none}
#header .util .selD select option {background:#aaa}
#header .util .selD > a {display:block; width:65px; padding-right:18px; height:36px; line-height:36px; font-size:16px; color:#fff; text-align:center; background:url("/Eng/common/images/icon/header_sel_icon.png") no-repeat right 18px top 50%; margin-top:-6px; margin-right:-18px}
#header.on .util .selD > a {color:#000; background:url("/Eng/common/images/icon/header_sel_icon_on.png") no-repeat right 18px top 50%;}
#header .util .selD > a.on {color:#000; background:#fff url("/Eng/common/images/icon/header_sel_icon_on2.png") no-repeat right 18px top 50%;}
#header .util .selD > div {display:none; position:absolute; top:30px; left:0; width:83px; padding:15px 0; background:#fff;}
#header .util .selD > div > a {display:block; font-size:15px; color:#555; line-height:24px; text-align:center;}
#header .util .selD > div > a.on {color:#000;}
#header.on {background:#fff; border-bottom:1px solid #dcdcdc}
#header.on .util .link > a {color:#555}
/*#header.on .util .selD select {color:#555; background:url("/Eng/common/images/icon/header_sel_icon_on.png") no-repeat 100% 50%}*/

#gnb {position:absolute; top:0; left:50%; margin-left:-420px;}
#gnb ul {height:75px;}
#gnb ul li {float:left;}
#gnb .oneD {display:block; padding-right:85px; font-size:18px; color:#fff; line-height:75px;}
#gnb .oneD span {display:inline-block;}
#gnb .twoD {display:none; padding:30px 0; height:284px; overflow:hidden;}
#gnb .twoD > a {display:block; font-size:15px; color:#555; line-height:1.3; margin-top:15px}
#gnb .twoD > a:first-child {margin-top:0;}

#header.on #gnb li .oneD {line-height:76px; color:#000}
#header.on #gnb li .oneD.active {font-weight:bold; color:#033e87}
#header.on #gnb li .oneD.active span {height:73px; line-height:76px; border-bottom:3px solid #033e87}
#header.on #gnb .twoD > a:hover, #header.on #gnb .twoD > a:focus {font-weight:bold; color:#033e87}

.gnbBg {display:none; position:absolute; top:75px; left:0; width:100%; overflow:hidden; height:355px; background:#fff; z-index:2000}

#mHeader {display:none; position:absolute; top:0; left:0; width:100%; height:75px; background:rgba(0, 0, 0, 0.4); border-bottom:1px solid rgba(255,255,255,0.2); z-index:999}
#mHeader.main {background:none; border-bottom:1px solid rgba(255,255,255,0.2)}
#mHeader h1 {display:block; width:100%; height:75px; text-align:center;}
#mHeader h1 a {display:inline-block; vertical-align:top; margin-top:19px}
#mHeader .gnbBt {position:absolute; top:50%; right:15px; margin-top:-12.5px}
#mHeader .gnbBt a {display:inline-block; vertical-align:top;}
#mHeader .gnbArea {position:absolute; top:0; left:100%; width:100%; height:100%; background:#fff; overflow-y:auto; -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);}
#mHeader .gnbArea .top {padding:14px 15px; background:#15245d; overflow:hidden}
#mHeader .gnbArea .top .lang {position:relative; display:inline-block; font-size:14px; color:#fff; line-height:20px; padding-left:10px; margin-left:11px;}
#mHeader .gnbArea .top .lang:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#44507d}
#mHeader .gnbArea .top .lang:first-child {padding-left:0; margin-left:0;}
#mHeader .gnbArea .top .lang:first-child:before {width:0; height:0;}
#mHeader .gnbArea .top .srchBt {float:right; position:relative; padding-right:13px; margin-right:32px}
#mHeader .gnbArea .top .srchBt:before {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background:#44507d}
#mHeader .gnbArea .menuDiv {width:100%; margin-top:25px; 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;}
#mHeader .gnbArea .menuDiv .oneD {display:block; border-bottom:1px solid #ddd; font-size:16px; line-height:17px; color:#000; padding:11px 20px}
#mHeader .gnbArea .menuDiv .oneD.on {font-weight:bold; color:#15245d; background:url("/Eng/common/images/icon/m_oneD_bg.gif") no-repeat 0 0; background-size:3px 100%}
#mHeader .gnbArea .menuDiv .oneD span {display:block; background:url("/Eng/common/images/icon/m_oneD_icon.png") no-repeat right 6px top 50%; background-size:auto 4px}
#mHeader .gnbArea .menuDiv .oneD.on span {background:url("/Eng/common/images/icon/m_oneD_icon_on.png") no-repeat right 6px top 50%; background-size:auto 4px}
#mHeader .gnbArea .menuDiv .twoD {display:none; padding:16px 30px; background:#fafafa; border-bottom:1px solid #ddd;}
#mHeader .gnbArea .menuDiv .twoD a {display:block; font-size:14px; line-height:14px; color:#555; padding:6px 0;}
#mHeader .gnbArea .util {padding:25px 20px 50px}
#mHeader .gnbArea .util a {display:block; font-size:15px; line-height:15px; color:#555; margin-top:16px;}
#mHeader .gnbArea .util a:first-child {margin-top:0}
#mHeader .gnbArea .closeBt {position:absolute; top:14px; right:15px; display:block;}

#footer {background:#f1f1f1}
#footer .top {position:relative; padding:45px 30px 52px}
#footer .top .links {text-align:center;}
#footer .top .links a {font-size:16px; color:#767676}
#footer .top .links a:first-child {font-weight:bold; color:#333}
#footer .top .links span {margin:0 20px; font-size:14px; color:#dcdcdc}
#footer .top .family {position:absolute; top:39px; right:40px;}
#footer .top .family > a {display:block; padding:0 20px; width:180px; height:46px; line-height:44px; font-size:15px; color:#555; background:#dbdbdb url("/Eng/common/images/icon/family_icon.png") no-repeat right 18px top 50%}
#footer .top .family > a.on {background:#dbdbdb url("/Eng/common/images/icon/family_icon_on.png") no-repeat right 18px top 50%}
#footer .top .family > div {display:none; position:absolute; bottom:46px; left:0; padding:30px 0; width:218px; height:203px; background:#fff; border:1px solid #dcdcdc; overflow-y:auto; z-index:100;}
#footer .top .family > div a {display:block; padding:0 30px; font-size:16px; color:#555; line-height:1.1; margin-top:15px;}
#footer .top .family > div a:first-child {margin-top:0}
#footer .bottom {position:relative; padding:30px 30px 85px; border-top:1px solid #dcdcdc;}
#footer .bottom .copy {font-size:15px; color:#767676; text-align:center;}
#footer .bottom .footMark {position:absolute; top:30px; right:40px; overflow:hidden}
#footer .bottom .footMark p {float:left;}
#footer .bottom .footMark .mark1 {margin-right:13px}
#footer .bottom .footMark .mark2 {margin-right:3px}
#footer .bottom .footMark .mark3 {margin-right:6px}
#footer .bottom .footMark .mark4 {}

#lnb {position:relative; top:0; width:100%; height:56px; background:#fff; border-bottom:1px solid #e2e2e2; -webkit-transition:0.3s; transition:0.3s; z-index:100}
#lnb .container {width:1170px; height:56px; margin:0 auto}
#lnb .container > a {float:left; position:relative; display:block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; -webkit-transition:0.3s; transition:0.3s}
#lnb .container > a > .scrollImg {position:absolute; top:0; left:0; display:none}
#lnb .container > div {float:left; display:table; table-layout:fixed; position:relative; width:240px; height:56px; border-right:1px solid #e2e2e2; -webkit-transition:0.3s; transition:0.3s}
#lnb .container > div > a {display:table-cell; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 33px 0 20px; height:56px; line-height:1.3; background:url("/Eng/common/images/icon/lnb_icon.png") no-repeat right 20px top 50%}
#lnb .container > div > a.on {background:url("/Eng/common/images/icon/lnb_icon_on.png") no-repeat right 20px top 50%}
#lnb .container > div > a.current {font-weight:bold; color:#033e87; background:url("/Eng/common/images/icon/lnb_icon2.png") no-repeat right 20px top 50%}
#lnb .container > div > a.current.on {background:url("/Eng/common/images/icon/lnb_icon2_on.png") no-repeat right 20px top 50%}
#lnb .container > div > div {display:none; position:absolute; top:57px; left:-1px; padding:30px 0; width:100%; background:#f9f9f9; border:1px solid #e2e2e2; border-top:0}
#lnb .container > div > div > a {display:block; padding:0 30px; font-size:16px; color:#555; line-height:1.3; margin-top:15px}
#lnb .container > div > div > a:first-child {margin-top:0;}
#lnb .container > div > div > a.current {font-weight:bold; color:#0e468c}

#lnb.scroll {background:#0e468c; border-bottom:0; -webkit-transition:0.3s; transition:0.3s}
#lnb.scroll .container > a {border-left:1px solid #32629d; border-right:1px solid #32629d; -webkit-transition:0.3s; transition:0.3s}
#lnb.scroll .container > div {border-right:1px solid #32629d; -webkit-transition:0.3s; transition:0.3s}
#lnb.scroll .container > div > a {color:#fff; background:url("/Eng/common/images/icon/lnb_icon_scroll.png") no-repeat right 20px top 50%}
#lnb.scroll .container > div > a.on {color:#fff; background:url("/Eng/common/images/icon/lnb_icon_scroll_on.png") no-repeat right 20px top 50%}
#lnb.scroll .container > div > div {top:56px; border-top:1px solid #e2e2e2}

.subVis {display:table; table-layout:fixed; width:100%; height:325px; padding-top:75px;}
.subVis .container {display:table-cell; padding:0 15px; vertical-align:middle; text-align:center;}
.subVis .container h2 {font-weight:normal; font-size:40px; color:#fff; line-height:1.1}
.subVis .container p {font-size:18px; color:#fff; margin-top:25px}

.subVis.type2 {padding-bottom:100px; height:664px}
.subVis.type2 .container p {font-size:18px; color:#fff; line-height:1.5; margin-top:45px}
.subVis.type2 .container .bar {margin-top:75px}

.subWrap {position:relative; padding:70px 0 120px; width:100%}
.subWrap .container {width:1170px; margin:0 auto}
.subWrap h3 {font-weight:normal; font-size:42px; color:#000; line-height:1.1; text-align:center; padding:0 15px 80px}

.topBt {display:none; position:fixed; bottom:40px; right:40px; z-index:99}

/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt18{margin-top:18px !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}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.ml10{margin-left:10px !important;} /* 2022-09-23 추가 */

.disB {display:block !important}
.disIB {display:inline-block !important}
.disN {display:none !important}

/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.verT {vertical-align:top !important;}
.verM {vertical-align:middle !important;}
.overF {width:100%; overflow:hidden;}
.overV {overflow:visible !important;}
.fl {float:left;}
.fr {float:right;}
.clear {content:""; clear:both; display:block !important}
.clear:after{content:""; clear:both; display:block !important}

/*color, bg, font */
.bold {font-weight:bold !important;}
.cRed {color:#ff0000 !important}

.subTit {font-weight:bold; font-size:20px; color:#000; line-height:1; margin-top:50px;}
.subTit.mt80 {margin-top:80px;}

/*버튼 스타일*/
.btnArea {text-align:center; margin-top:50px}
.blueBtn {display:inline-block; padding:0 64px; height:56px; line-height:56px; background:#033e87; font-weight:normal; font-size:18px; color:#fff; text-align:center;}
.blueBtn.type2 {padding:0 46px}
.blueBtn.type3 {padding:0 43px}
.blueBtn.type4 {padding:0 34px}
.blueBtn.type5 {padding:0 34px; width:95px; line-height:1.4; vertical-align:top}
.blueBtn.type6 {padding:0; width:162px; line-height:1.4; vertical-align:top}/* 2021-03-24 추가 */
.blueBtn.type7 {display:flex; justify-content:center; align-items:center; width:100%; height:60px; box-sizing:border-box; font-size:20px;} /* 2021-09-30 추가 */
.whiteBtn {display:inline-block; padding:0 63px; height:54px; line-height:54px; background:#fff; font-weight:normal; font-size:18px; color:#033e87; text-align:center; border:1px solid #033e87}
.whiteBtn.type2 {padding:0 45px}
.whiteBtn.type3 {padding:0 31px 0 30px}
.whiteBtn.type4 {padding:0 33px}
.whiteBtn.type5 {padding:0 33px; width:95px; line-height:1.4; vertical-align:top}
.cyberBtn {display:inline-block; padding:0 97px 0 25px; height:56px; line-height:56px; background:#033e87 url("/Eng/common/images/icon/cyberBtn_icon.png") no-repeat right 30px top 50%; font-weight:normal; font-size:18px; color:#fff; text-align:center;}
.fileBtn {display:inline-block; width:90px; height:42px; line-height:42px; background:#626262; font-weight:normal; font-size:15px; color:#fff; text-align:center;}
.downBtn {display:inline-block; padding:0 33px 0 12px; height:28px; line-height:28px; border:1px solid #e2e2e2; font-size:14px; color:#555; background:url("/Eng/common/images/icon/down_icon.png") no-repeat right 12px top 50%; }
.downBtn2 {display:inline-block; vertical-align:middle; padding:0 90px 0 30px; height:56px; line-height:56px; font-size:18px; color:#fff; background:#033e87 url("/Eng/common/images/icon/down_icon2.png") no-repeat right 30px top 50%;}
.likeBtn {display:table; width:100px; height:100px; margin:0 auto; background:#fff; font-weight:bold; font-size:16px; color:#033e87; text-align:center; border:2px solid #033e87; border-radius:100%}
.likeBtn > span {display:table-cell; vertical-align:middle;}
.likeBtn > span > span {display:block; line-height:1; margin-top:10px}
.likeBtn > span > span:first-child {margin-top:0}
.greyBtn {margin-top:-3px; padding:7px; border:1px solid #e2e2e2; font-size:15px;} /* 2022-09-23 추가 */

/* 탭스타일 */
.tabBtn {display:table; table-layout:fixed; width:100%; height:58px; overflow:hidden}
.tabBtn.h70 {height:70px}
.tabBtn a {display:table-cell; padding:10px 5px; height:100%; font-size:18px; color:#555; text-align:center; vertical-align:middle; background:#fff; word-break:keep-all; box-sizing:border-box; border:1px solid #e2e2e2; border-left:0;}
.tabBtn a:first-child {border-left:1px solid #e2e2e2}
.tabBtn a.on {font-weight:bold; color:#033e87; border:2px solid #074189}
.tabSelect {display:none}

.tabArea {position:relative; width:100%; overflow:hidden; margin-top:80px}
.tabArea > a {position:relative; display:inline-block; padding-right:20px; margin-right:12px; font-size:18px; color:#888; z-index:50}
.tabArea > a:last-of-type {padding-left:0; margin-left:0}
.tabArea > a:before {content:''; position:absolute; top:50%; right:0; margin-top:-8px; width:1px; height:16px; background:#ddd}
.tabArea > a:last-of-type:before {width:0; height:0}
.tabArea > a.on {font-weight:bold; color:#033e87; text-decoration:underline}
.tabArea > .tabDiv {position:absolute; top:0; left:0; width:100%; margin-top:54px;}
.tabArea > .tabDiv.mt85 {margin-top:85px}

/* 표 스타일 */
.boardType1 {border-top:1px solid #000; margin-top:80px}
.boardType1.mt25 {margin-top:25px}
.boardType1 table {width:100%;}
.boardType1 th {padding:19px 0; font-weight:bold; color:#000; text-align:center; background:#f7f7f7; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.boardType1 th:first-child {border-left:0}
.boardType1 th.type2 {padding:14px 0}
.boardType1 th.type3 {padding:8px 0}
.boardType1 th.boL {border-left:1px solid #e2e2e2}
.boardType1 td {padding:19px 0; text-align:center; word-break:keep-all; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.boardType1 td.boLN {border-left:0}
.boardType1 td.taL {padding:19px; text-align:left;}
.boardType1 .bg {background:#f7f7f7}

.boardType2 {border-top:1px solid #000; margin-top:30px}
.boardType2 th {width:170px; padding:18px 0 20px 20px; font-weight:bold; font-size:16px; color:#000; text-align:left; vertical-align:top; background:#f7f7f7; border-bottom:1px solid #e2e2e2}
.boardType2 th.type2 {background:#f0f5fb}
.boardType2 th.ls {letter-spacing:-2.2px}
.boardType2 td {width:415px; padding:18px 20px 20px 20px; font-size:16px; color:#555; text-align:left; border-bottom:1px solid #e2e2e2}
.boardType2 td.sel {padding:9px 20px 9px 20px}
.boardType2 td.sel select {width:300px; background:#fff}
.boardType2 td.sel.type2 select {width:180px; background:#fff}

/* 2022-10-18 추가 */
.boardType3 {display:flex; flex-wrap:wrap; justify-content:space-between; width:100% !important; line-height:1.5;}
.boardType3 table {width:49%; margin-bottom:20px; border:1px solid #e2e2e2;}
.boardType3 th {padding:30px 0; background:#f7f7f7; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:bold; color:#000; text-align:center;}
.boardType3 th:first-child {border-left:0}
.boardType3 tr td:last-of-type {text-align:left;}
.boardType3 thead th {height:90px; background-color:#fff;}
.boardType3 table:last-of-type thead img {width:100%; max-width:210px;}
.boardType3 tbody th {width:15%; min-width:55px;}
.boardType3 td {padding:20px 10px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; word-break:keep-all;}
.boardType3 td.fw600 {font-weight:600;}
.boardType3 .topLine td {padding:20px;}
.boardType3 .topLine span {display:block; margin-bottom:20px;}
.boardType3 .topLine img {width:100%; max-width:470px;}
/* // 2022-10-18 추가 */

/* 게시판 스타일 */
.viewType1 {border-top:3px solid #000; border-bottom:1px solid #dcdcdc}
.viewType1 .titArea {position:relative; display:table; table-layout:fixed; padding:17px 0; width:100%; border-bottom:1px solid #dcdcdc; overflow:hidden}
.viewType1 .titArea .label {display:table-cell; padding-left:20px; font-weight:bold; font-size:16px; color:#333bca; vertical-align:middle}
.viewType1 .titArea .title {display:table-cell; width:950px; font-weight:bold; font-size:20px; color:#000; line-height:28px; vertical-align:middle; word-break:break-all}
.viewType1 .titArea .title.type2 {padding-left:20px; width:1040px;}
.viewType1 .titArea .date {display:table-cell; padding-right:20px; font-size:16px; color:#767676; text-align:right; vertical-align:middle}
.viewType1 .txtArea {padding:25px 0}
.viewType1 .txtArea.type2 {padding:40px 0;}
.viewType1 .txtArea .video {padding:0 10px; text-align:center;}
.viewType1 .txtArea .video > video, .viewType1 .txtArea .video > iframe {max-width:95%;}
.viewType1 .txtArea .img {padding:25px 40px; text-align:center}
.viewType1 .txtArea .img img {max-width:100%}
.viewType1 .txtArea .txt {padding:25px 0 25px 40px; font-size:16px; color:#555; line-height:28px}
.viewType1 .txtArea .recruitBtn {padding:5px 0 25px; text-align:center;}
.viewType1 .txtArea .recruitBtn a {display:inline-block; padding:0 63px; height:54px; line-height:54px; background:#fff; font-weight:bold; font-size:18px; color:#033e87; text-align:center; border:2px solid #033e87}
.viewType1 .txtArea .interviewTop {width:100%; height:280px; box-sizing:border-box; padding:60px 50px}
.viewType1 .txtArea .interviewTop .interview {font-size:30px; color:#fff}
.viewType1 .txtArea .interviewTop .name {padding-left:25px; font-size:18px; color:#fff; margin-top:15px}
.viewType1 .txtArea .qnaArea {padding:0 40px}
.viewType1 .txtArea .qnaArea .q {font-weight:bold; font-size:16px; color:#033e87; margin-top:40px}
.viewType1 .txtArea .qnaArea .a {font-size:16px; color:#555; line-height:1.5; margin-top:15px}
.viewType1 .fileArea {display:table; width:100%; border-top:1px solid #dcdcdc; overflow:hidden;}
.viewType1 .fileArea .tit {display:table-cell; vertical-align:middle; padding:5px 0 5px 20px; width:150px; height:50px; font-weight:bold; font-size:16px; color:#000; line-height:1; background:#f7f7f7}
.viewType1 .fileArea .file {display:table-cell; vertical-align:middle; padding:5px 20px}
.viewType1 .fileArea .file a {display:inline-block; margin:3px; vertical-align:top; font-size:16px; color:#555; line-height:1}

/* 입력 스타일 */
.writeType1 {position:relative; width:100%; border-top:1px solid #000; margin-top:30px}
.writeType1 > p {position:absolute; top:-47px; right:0; font-size:15px; color:#555; line-height:1; padding-left:15px; background:url("/Eng/common/images/icon/star6x6.gif") no-repeat 0 50%;}
.writeType1 table {width:100%;}
.writeType1 td {overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2}
.writeType1 td > div {width:100%}
.writeType1.flex td > div {display:flex; align-items:center;} /* 2022-07-12 추가 */
.writeType1 .label {float:left; padding:18px 0; padding-left:20px; width:150px; vertical-align:middle}
.writeType1.flex .label {padding:18px 10px 18px 20px;} /* 2022-07-12 추가 */
.writeType1 .label label {display:block; padding-left:15px; font-weight:bold; font-size:16px; color:#000; line-height:1.5}
.writeType1 .label label.ls {letter-spacing:-2.2px;}
.writeType1 .label.star label {background:url("/Eng/common/images/icon/star6x6.gif") no-repeat 0 50%;}
.writeType1 .inputArea {float:left; padding:9px 20px 9px 0; width:980px; vertical-align:middle}
.writeType1 .inputArea.type2 {padding:19px 20px 19px 0}
.writeType1 .inputArea > p {font-size:15px; color:#767676; line-height:1.5; margin-top:10px}
.writeType1 .inputArea .noname {display:inline-block; margin-left:20px;}
.writeType1 .inputArea .noname input[type="checkbox"] {vertical-align:middle}
.writeType1 .inputArea .noname label {margin-left:10px; font-size:16px; color:#555; vertical-align:middle}
.writeType1 .inputArea input[type="text"] {width:958px;}
.writeType1 .inputArea input[type="text"].w300 {width:278px}
.writeType1 .inputArea textarea {width:958px; height:160px;}
.writeType1 .inputArea .radio {position:relative; display:inline-block; margin-right:15px;}
.writeType1 .inputArea .radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.writeType1 .inputArea .radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:33px; font-size:16px; color:#555; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.writeType1 .inputArea .radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 20px; height: 20px; line-height: 20px; background:url("/Eng/common/images/icon/input_radio.png") no-repeat 0 50%}
.writeType1 .inputArea .radio input[type="radio"]:checked + label:before{background:url("/Eng/common/images/icon/input_radio_on.png") no-repeat 0 50%}
.writeType1 .inputArea .file {position:relative;}
.writeType1 .inputArea .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
.writeType1 .inputArea .file input[type="text"] {width:358px;}
.writeType1 .inputArea .file a {margin-left:10px; vertical-align:middle;}
.writeType1 .inputArea .file span {margin-left:20px; font-size:15px; color:#767676}
.writeType1 td > div.half {float:left; position:relative; width:50%;}
.writeType1 td > div.half:first-child:before {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#e2e2e2}
.writeType1 td > div.half .inputArea {width:395px}
.writeType1 input::-webkit-input-placeholder {color:#888;}
.writeType1 input:-moz-placeholder {color:#888; opacity:1;}
.writeType1 input::-moz-placeholder {color:#888; opacity:1;}
.writeType1 input:-ms-input-placeholder {color:#888;}
.writeType1 input:placeholder-shown {color:#888;}
.writeType1 input:focus::-webkit-input-placeholder, .writeType1 textarea:focus::-webkit-input-placeholder { /* WebKit browsers */  color:transparent;}
.writeType1 input:focus:-moz-placeholder, .writeType1 textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:transparent;}
.writeType1 input:focus::-moz-placeholder, .writeType1 textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */color:transparent;}
.writeType1 input:focus:-ms-input-placeholder, .writeType1 textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */color:transparent;}
.writeNotice {font-size:15px; color:#767676; margin-top:10px}


/* 리스트 스타일 */
.listType1 {position:relative; width:100%; overflow:hidden}
.listType1.brochure {text-align:center;}
.listType1 a:not(.more), .listType1 a:not(.close), .listType1 a:not(.left), .listType1 a:not(.right) {position:relative; display:block; width:360px; float:left; margin-right:45px; margin-bottom:40px}
.listType1 a:nth-of-type(3n) {margin-right:0}
.listType1 a.more{position:absolute; top:-45px; right:0; margin:0; width:auto; font-size:16px; font-weight:bold; color:#000; padding-right:15px; background:url('/Eng/common/images/icon/more_icon.png') no-repeat center right}
.listType1 a span {display:block;}
.listType1 a .thumb {width:360px; height:208px; overflow:hidden; background:url("/Eng/common/images/icon/img_default.gif") no-repeat 0 0;}
.listType1 a .thumb img {width:100%;}
.listType1 a .txtArea {padding:30px; border:1px solid #dcdcdc; border-top:0}
.listType1.social a .txtArea {padding:30px 30px 20px}
.listType1 a .txtArea .tit {font-weight:normal; font-size:20px; color:#000; line-height:28px; height:56px; overflow:hidden}
.listType1 a .txtArea .tit.type2 {height:auto}
.listType1 a .txtArea .txt {font-size:16px; color:#555; line-height:26px; height:52px; overflow:hidden; margin-top:16px;}

.listType1 a .txtArea .date {font-size:16px; color:#767676; line-height:1.1; margin-top:16px;}
.listType1 a .txtArea .socialDate {padding-top:15px; margin-top:25px; border-top:1px solid #dcdcdc; overflow:hidden}
.listType1 a .txtArea .socialDate .date {float:left; font-size:16px; color:#767676; line-height:1.1; margin-top:0;}
.listType1 a .txtArea .socialDate .right {float:right; overflow:hidden}
.listType1 a .txtArea .socialDate .right .like {float:left; padding-left:20px; font-size:16px; line-height:16px; background:url("/Eng/common/images/icon/social_like.gif") no-repeat 0 50%}
.listType1 a .txtArea .socialDate .right .reply {float:left; padding-left:20px; font-size:16px; line-height:16px; background:url("/Eng/common/images/icon/social_reply.gif") no-repeat 0 50%; margin-left:15px}
.listType1 a .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/Eng/common/images/icon/brochure_hover.png") no-repeat 50% 50%; background-size:cover; display:none}
.listType1 a:hover .hover, .listType1 a:focus .hover {display:block}
.listType1 a .label {position:absolute; top:0; left:0; display:table; padding:10px; width:40px; height:40px; font-weight:normal; font-size:16px; color:#fff; line-height:20px; text-align:center; background:rgba(51, 59, 202, 0.8);}/* 파란색 보도자료 */
.listType1 a .label.type2 {background:rgba(0, 201, 219, 0.8);}/* 청록색 공지사항 */
.listType1 a .label > span {display:table-cell; vertical-align:middle;}
.listType1 a .sLabel {position:absolute; top:0; left:0; width:60px; height:60px}/* 소셜미디어 라벨 */

.listType1 a .jobName {display:table; width:100%; box-sizing:border-box; height:75px; padding:0 30px; border:1px solid #dcdcdc; border-top:0; font-size:18px; color:#000;}
.listType1 a .jobName > span {display:table-cell; vertical-align:middle;}
.listType1 a .jobName > span span {display:inline-block; position:relative; padding-right:15px; margin-right:15px;}
.listType1 a .jobName > span span:before {content:''; width:1px; height:15px; position:absolute; top:50%; right:0; margin-top:-7.5px; background:#e2e2e2}

.listType1.brochure a {display:inline-block; float:none; text-align:left;}

/* 선배사원인터뷰 라벨 */
.listType1 a .label2 {position:absolute; top:0; left:0; display:table; vertical-align:middle; padding:10px; width:40px; height:40px; font-weight:normal; font-size:16px; color:#fff; line-height:20px; text-align:center; background:#1e65c6;}/* 물류 */
.listType1 a .label2 > span {display:table-cell; vertical-align:middle; text-align:center;}
.listType1 a .label2.type2 {background:#118bbe;}/* 해운 */
.listType1 a .label2.type3 {background:#00afc0;}/* KD */
.listType1 a .label2.type4 {background:#4a57b5;}/* 트레이딩 */
.listType1 a .label2.type5 {background:#927456;}/* 중고차 */
.listType1 a .label2.type6 {background:#5f5f5f;}/* 경영지원 */

.listType2 {position:relative; width:100%; border-top:1px solid #000; overflow:hidden; margin-top:80px}
.listType2 th {padding:19px 25px; border-bottom:1px solid #e2e2e2; background:#f7f7f7; font-weight:bold; font-size:16px; color:#000; text-align:center;}
.listType2 td {padding:15px 25px; border-bottom:1px solid #e2e2e2; font-size:16px; color:#555; text-align:center;}
.listType2 td a {display:block;}
.listType2 td a:hover, .listType2 td a:focus {text-decoration:underline}
.listType2 td.label span {display:inline-block; padding:0 13px; font-size:15px; color:#fff; line-height:30px; background:#033e87;}

.downList {border-top:1px solid #000; margin-top:70px}
.downList li {padding:15px 20px; border-bottom:1px solid #e2e2e2; overflow:hidden}
.downList li .tit {float:left; font-weight:bold; font-size:16px; color:#000; line-height:30px;}
.downList li .right {float:right; overflow:hidden}
.downList li .right .date {float:left; position:relative; padding-right:19px; margin-right:20px; font-size:16px; color:#767676; line-height:30px;}
.downList li .right .date:before {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background:#ddd;}
.downList li .right .btn {float:left}

/*아코디언 스타일*/
.allAgree {text-align:right; margin-top:25px}
.allAgree label {display:inline-block; font-size:16px; color:#555; line-height:1.1; margin-right:10px}
.allAgree input[type="checkbox"] {vertical-align:middle;}
.acco {border-top:1px solid #000; margin-top:25px}
.acco.mt80 {margin-top:80px}
.acco li .titArea {padding:15px 20px; overflow:hidden; border-bottom:1px solid #e2e2e2}
.acco li .titArea .tit {float:left; width:950px; font-weight:bold; font-size:18px; color:#000; line-height:1.5}
.acco li .titArea .right {float:right; overflow:hidden}
.acco li .titArea .right a {float:left; display:inline-block; padding-right:19px; font-size:16px; color:#555; background:url("/Eng/common/images/icon/acco_icon.png") no-repeat 100% 50%}
.acco li.on .titArea .right a {background:url("/Eng/common/images/icon/acco_icon_on.png") no-repeat 100% 50%}
.acco li .titArea .right .agree {float:left; margin-left:40px; }
.acco li .titArea .right .agree label {font-size:16px; color:#555; line-height:1.1; margin-right:10px;}
.acco li .titArea .right .agree input[type="checkbox"] {vertical-align:middle;}
.acco li .txtArea {padding:30px 0 30px 20px; font-size:16px; color:#555; line-height:1.5; border-bottom:1px solid #e2e2e2}
.acco li .txtArea.type2 {padding:0;}
.acco li .txtArea .indent {text-indent:-17px; margin-left:17px; margin-top:30px}
.acco li .txtArea .dateArea {padding:12px 20px; overflow:hidden; border-bottom:1px solid #e2e2e2}
.acco li .txtArea .dateArea .date {float:left; font-size:16px; color:#888}
.acco li .txtArea .dateArea .loca {float:left; position:relative; padding-left:15px; margin-left:15px; font-size:16px; color:#888}
.acco li .txtArea .dateArea .loca:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#ddd}
.acco li .txtArea .txt {padding:15px 20px;}

.acco2 {border-top:1px solid #000; margin-top:80px}
.acco2 li > a {display:block; padding:24px 50px 25px 20px; font-size:18px; color:#000; border-bottom:1px solid #e2e2e2; background:url("/Eng/common/images/icon/acco_icon2.png") no-repeat right 20px top 50%}
.acco2 li.on > a {font-weight:bold; color:#033e87; background:url("/Eng/common/images/icon/acco_icon2_on.png") no-repeat right 20px top 50%}
.acco2 li > .txtArea {padding:40px 20px; font-size:16px; color:#555; line-height:1.5; background:#f7f7f7; border-bottom:1px solid #e2e2e2}
.acco2 li > .txtArea .tit {font-weight:bold; font-size:20px; color:#000}
.acco2 li > .txtArea .tit2 {font-size:16px; color:#000; line-height:1.5; margin-top:25px}
.acco2 li > .txtArea .txt {font-size:16px; color:#555; line-height:1.5; margin-top:20px}
.acco2 li .txtArea .indent {padding-left:22px}
/* 2021-03-24 전자공고 추가 */
.acco2.announce{margin-top:0; border-top:0}
.acco2.announce li > a{display:flex; flex-wrap:nowrap; justify-content:space-between; font-size:16px; color:#000; font-weight:bold;}
.acco2.announce li.on > a{color:#033e87;}
.acco2.announce li > a span{padding-right:10px; color:#767676; font-weight:lighter;}
.acco2.announce li.on > a span{color:#033e87;}
.acco2.announce li .listInfo{border-top:none;}
.acco2.announce li .listInfo > li{background:#f7f7f7; padding:15px 20px 15px 30px; font-size:16px; color:#555; border-bottom:1px solid #ddd; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between}
.acco2.announce li .listInfo li .tit{font-weight:400; color:#555; display:inline-block}
.accoList ul.downList{border-top:0;}
.accoList > li:first-child{border-top:1px solid #000}
.accoList li .right {float:right; overflow:hidden}
.accoList .listInfo {border-top:1px solid #000; margin-top:70px}
.accoList .listInfo li {padding:15px 20px; border-bottom:1px solid #e2e2e2; overflow:hidden}
.accoList .listInfo li .right .date {float:left; position:relative; padding-right:19px; margin-right:20px; font-size:16px; color:#767676; line-height:30px;}
.accoList .listInfo li .right .date:before {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background:#ddd;}
.accoList .listInfo li .right .btn {float:left}
/* // 2021-03-24 전자공고 추가 */
.acco2.type2 li > a {display:block; padding:24px 50px 25px 20px; font-weight:bold; font-size:18px; color:#000; line-height:1; border-bottom:1px solid #e2e2e2; background:#fff url("/Eng/common/images/icon/acco_icon3.png") no-repeat right 20px top 50%;}
.acco2.type2 li.on > a {font-weight:bold; color:#fff; background:#033e87 url("/Eng/common/images/icon/acco_icon3_on.png") no-repeat right 20px top 50%;}
.acco2.type2 li > .txtArea {padding:40px 20px; font-size:16px; color:#555; line-height:1.5; background:#fff; border-bottom:1px solid #e2e2e2}
.acco2.type2 li > .txtArea .tit {font-weight:bold; font-size:20px; color:#000; margin-top:45px}
.acco2.type2 li > .txtArea .tit:first-child {margin-top:0}
.acco2.type2 li > .txtArea ul {margin-top:20px}
.acco2.type2 li > .txtArea ul li {padding-left:14px; font-size:16px; color:#555; line-height:1.5; word-break:keep-all; background:url("/Eng/common/images/icon/dot3x3.gif") no-repeat 0 11px;}
.acco2.type2 li > .txtArea ul li span {font-weight:bold}
.acco2.type2 li > .txtArea .recruitTable {border-top:1px solid #000; margin-top:25px}
.acco2.type2 li > .txtArea .recruitTable th {border-bottom:1px solid #e2e2e2; background:#f7f7f7; font-weight:bold; font-size:16px; color:#000; text-align:center;}
.acco2.type2 li > .txtArea .recruitTable td {padding:17px 19px 18px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; font-weight:bold; font-size:16px; color:#000; text-align:center;}
.acco2.type2 li > .txtArea .recruitTable td.taL {font-weight:normal; font-size:16px; color:#555}
.acco2.type2 li > .txtArea .noticeTxt {font-size:16px; color:#888; margin-top:10px}
.acco2.type2 li > .txtArea .stepArea {overflow:hidden;}
.acco2.type2 li > .txtArea .stepArea  > div {float:left; position:relative; text-align:center; margin-top:20px; margin-right:64px}
.acco2.type2 li > .txtArea .stepArea  > div:before {content:''; position:absolute; top:56px; right:-49px; width:33px; height:19px; background:url("/Eng/common/images/icon/recruit_step_arrow.png") no-repeat 0 0;}
.acco2.type2 li > .txtArea .stepArea  > div.last {margin-right:0;}
.acco2.type2 li > .txtArea .stepArea  > div.last:before {display:none}
.acco2.type2 li > .txtArea .stepArea  > div > .img {}
.acco2.type2 li > .txtArea .stepArea  > div > .step {font-weight:bold; font-size:15px; color:#afafaf; line-height:1; margin-top:15px}
.acco2.type2 li > .txtArea .stepArea  > div > .txt {font-weight:bold; font-size:16px; color:#555; line-height:1; margin-top:15px}

.acco2.faq li > a {position:relative; padding:24px 50px 25px 78px;}
.acco2.faq li > a > .qIcon {display:block; position:absolute; top:14px; left:19px; width:40px; height:40px; text-indent:-99999px; background:url("/Eng/common/images/icon/faq_q_icon.png") no-repeat 0 0;}
.acco2.faq li.on > a > .qIcon {background:url("/Eng/common/images/icon/faq_q_icon_on.png") no-repeat 0 0}
.acco2.faq li > .txtArea {position:relative; padding:40px 20px 40px 78px;}
.acco2.faq li > .txtArea > .aIcon {display:block; position:absolute; top:33px; left:19px; width:40px; height:40px; text-indent:-99999px; background:url("/Eng/common/images/icon/faq_a_icon.png") no-repeat 0 0;}

/* 검색영역 */
.srchArea {position:relative;}
.srchDiv {position:absolute; top:-72px; left:0; width:100%; overflow:hidden}
.srchDiv .srchTab {float:left; overflow:hidden}
.srchDiv .srchTab a {position:relative; display:block; float:left; font-size:18px; color:#555; line-height:44px; padding-left:16px; margin-left:15px}
.srchDiv .srchTab a:before {content:''; position:absolute; top:50%; left:0; margin-top:-8px; width:1px; height:19px; background:#e2e2e2}
.srchDiv .srchTab a:first-child {margin-left:0}
.srchDiv .srchTab a:first-child:before {width:0; height:0}
.srchDiv .srchTab a.on {padding-left:35px; font-weight:bold; color:#333bca; background:url("/Eng/common/images/icon/srchTab_on.gif") no-repeat 12px 50%}
.srchDiv .srchTab a:first-child.on {padding-left:25px; font-weight:bold; color:#333bca; background:url("/Eng/common/images/icon/srchTab_on.gif") no-repeat 0 50%}
.srchDiv .srchInput {float:right; width:284px; height:42px; background:#f7f7f7; border:1px solid #e2e2e2; overflow:hidden}
.srchDiv .srchInput input {width:223px; height:34px; border:0; float:left;}
.srchDiv .srchInput a {float:left; display:block; padding:10px 20px 10px 0}

/* 검색결과없음 */


/* paging */
.paging {position:relative; width:100%; text-align:center; margin-top:10px}
.paging a {display:inline-block; width:40px; height:39px; line-height:37px; font-weight:300; font-size:16px; text-align:center; vertical-align:top}
.paging .first {margin-right:10px}
.paging .prev {margin-right:23px}
.paging .next {margin-left:23px}
.paging .last {margin-left:10px}
.paging .active {width:38px; height:37px; line-height:35px; border:1px solid #033e87; font-weight:normal; color:#033e87}

/* 차트 */
.chartArea {margin-top:80px}
.chartArea .chartDiv {overflow:hidden; margin-top:50px}
.chartArea .chartDiv:first-child {margin-top:0}
.chartArea .chartDiv .left {float:left;}
.chartArea .chartDiv .right {float:right;}
.chartArea .chartDiv .tit {font-weight:bold; font-size:20px; color:#000}
.chartArea .chartDiv .chart {width:554px; border:1px solid #e2e2e2; margin-top:25px}

.chart2 {border:1px solid #e2e2e2; margin-top:25px}

/* 주가정보 */
.stockArea {border:1px solid #e2e2e2}

/* 말줄임 처리 */


/* 레이어팝업 */
.layerPop {position:absolute; top:50%; left:50%; width:900px; height:750px; background:#fff; margin-left:-450px; z-index:9999}
.layerPop .popHead {padding:21px 60px 22px 30px; font-weight:bold; font-size:20px; color:#fff; text-align:left; background:#033e87;}
.layerPop .popBody {padding:40px 30px; height:600px;}
.layerPop .popBody .tabBtn {height:auto; border-collapse:initial; margin-bottom:30px;}
.layerPop .popBody .tabBtn .tr {display:table-row; height:57.5px}
.layerPop .popBody .tabBtn .tr a{height:57.5px; box-sizing:border-box}
.layerPop .popBody .tabBtn .tr a{border-left:0;}
.layerPop .popBody .tabBtn .tr a:first-child{border-left:1px solid #e2e2e2}
.layerPop .popBody .tabBtn .tr:last-child a {border-top:0;}
.layerPop .popBody .tabBtn .tr a.on {border:2px solid #033e87}
.layerPop .popBody .tabBtn .tr {display:table-row; height:57.5px}
.layerPop .popBody .conArea {max-height:600px; overflow-y:auto}
.layerPop .popBody .conArea.type2 {max-height:432px}
.layerPop .closeBt {display:block; position:absolute; top:21px; right:30px;}

/* 2020-03-09 추가 */
.layerPop.serviceShip {height:870px;}
.layerPop.serviceShip .popBody{height:720px;}
.layerPop.serviceShip .popBody .tabBtn a{font-size:16px; letter-spacing:-0.8px;}
.layerPop .popBody .tabTit1{display:block; margin-bottom:20px; font-size:24px; font-weight:bold; color:#000; line-height:1;}
.layerPop .popBody .tabTit2{display:none;}
.layerPop.serviceShip .popBody .conArea.type2 {max-height:340px}
/* // 2020-03-09 추가 */

/* 2021-03-24 추가 */
.layerPop.shippingPop{height:630px;}
.layerPop.shippingPop .popBody{height:480px;}
/* // 2021-03-24 추가 */

/* 2022-09-23 추가 */
.layerPop2 {display:none; position:fixed; top:50%; left:50%; z-index:9999; transform:translate(-50%, -50%) !important; padding: 45px; box-sizing:border-box; background:#ececec; border:4px solid #033e87; color:#033e87;}
.layerPop2.show {display:block;}
.layerPop2 .popTit {padding-bottom:30px; border-bottom:2px solid #033e87; font-size:18px; font-weight:600; text-align:center;}
.layerPop2 .popDesc {margin-top:30px;}
.layerPop2 .closeBt {position:absolute; top:16px; right:16px;}
/* // 2022-09-23 추가 */

/* faq 페이지 */
/* 2020-04-07 추가 */
.subWrap .faqPage h3{padding:0px 15px 73px}
.faqPage .subTxt{text-align:center; line-height:28px;}
.faqPage .btnArea{overflow:hidden; margin-top:44px;}
.faqPage .btnArea a{display:block; float:left; margin-right:10px; width:285px; height:134px; font-size:18px; border:1px solid #e2e2e2; box-sizing:border-box}
.faqPage .btnArea a:nth-child(1){background:url("/Eng/common/images/icon/faq_btn_icon02.png") no-repeat top 30px center}
.faqPage .btnArea a:nth-child(2){background:url("/Eng/common/images/icon/faq_btn_icon03.png") no-repeat top 43px center}
.faqPage .btnArea a:nth-child(3){background:url("/Eng/common/images/icon/faq_btn_icon04.png") no-repeat top 30px center}
.faqPage .btnArea a:nth-child(4){background:url("/Eng/common/images/icon/faq_btn_icon05.png") no-repeat top 30px center}
/* 2020-04-17 삭제
.faqPage .btnArea a.on:nth-child(1){background:url("/Eng/common/images/icon/faq_btn_icon02_on.png") no-repeat top 30px center #033e87}
.faqPage .btnArea a.on:nth-child(2){background:url("/Eng/common/images/icon/faq_btn_icon03_on.png") no-repeat top 43px center #033e87}
.faqPage .btnArea a.on:nth-child(3){background:url("/Eng/common/images/icon/faq_btn_icon04_on.png") no-repeat top 30px center #033e87}
.faqPage .btnArea a.on:nth-child(4){background:url("/Eng/common/images/icon/faq_btn_icon05_on.png") no-repeat top 30px center #033e87}
.faqPage .btnArea a.on{color:#fff; font-weight:bold; border:none;} 
// 2020-04-17 삭제 */
.faqPage .btnArea a:hover{color:#fff; font-weight:bold; border:none;}
.faqPage .btnArea a:nth-child(1):hover{background:url("/Eng/common/images/icon/faq_btn_icon02_on.png") no-repeat top 30px center #033e87}
.faqPage .btnArea a:nth-child(2):hover{background:url("/Eng/common/images/icon/faq_btn_icon03_on.png") no-repeat top 43px center #033e87}
.faqPage .btnArea a:nth-child(3):hover{background:url("/Eng/common/images/icon/faq_btn_icon04_on.png") no-repeat top 30px center #033e87}
.faqPage .btnArea a:nth-child(4):hover{background:url("/Eng/common/images/icon/faq_btn_icon05_on.png") no-repeat top 30px center #033e87}
.faqPage .btnArea a:last-child{margin-right:0px;}
.faqPage .btnArea a span{display:block; padding-top:88px;}
.faqPage .acco2.faq li > .txtArea{padding:30px 20px 40px 78px; line-height:28px; word-break:break-all}
/* // 2020-04-07 추가 */

/* 2021-09-30 추가 */
.blueBtn.type7 .downloadBtn{ margin-left:15px; }
/* // 2021-09-30 추가 */

/* common */



/* 미디어쿼리 시작 */
/* 2022-07-25 추가 및 수정 */
@media all and (max-width:1850px) {
    #header .util {padding:0; width:100%; height:100%;}
    #header .util .link {float:none; padding:0 30px; width:-webkit-calc(100% - 60px); width:calc(100% - 60px); height:40px; text-align:right; border-bottom:1px solid rgba(255,255,255, 0.2)}
    #header .util .link a {display:inline-block; float:none; line-height:40px;}
    #header .util .link a:before {top:50%; margin-top:-6.5px;}
}

@media all and (max-width:1700px) {
    #header {padding-top:41px}
    #header h1 {top:41px; padding-left:30px}
    #header .util .selD {position:absolute; top:65px; right:30px; margin-left:0; z-index:20}
    #header .util .srchBt {position:absolute; top:65px; right:94px; padding:0 20px 0 0; z-index:20}
    #header .util .srchBt:before {width:0; height:0;}

    #header.on .util .link {background:#f2f2f2}

    #gnb {top:41px; margin-left:-347px; z-index:10}
    .gnbBg {display:none; position:absolute; top:116px; left:0; width:100%; overflow:hidden; height:355px; background:#fff}
}
/* // 2022-07-25 추가 및 수정 */

@media all and (max-width:1170px) {
    #header {display:none}
    #mHeader {display:block}
    
    #footer .top .links {text-align:left}
    #footer .top .family {right:20px}
    #footer .bottom .copy {text-align:left}
    #footer .bottom .footMark {right:20px}

    #lnb .container {width:auto}

    .subWrap .container {width:auto; padding:0 20px}

    /* 표 스타일 */
    .boardType1 {border-top:1px solid #000; margin-top:80px}
    .boardType1.mt25 {margin-top:25px}
    .boardType1 table {width:100%;}
    .boardType1 th {padding:19px 0; font-weight:bold; color:#000; text-align:center; background:#f7f7f7; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
    .boardType1 th:first-child {border-left:0}
    .boardType1 th.type2 {padding:14px 0}
    .boardType1 th.type3 {padding:8px 0}
    .boardType1 th.boL {border-left:1px solid #e2e2e2}
    .boardType1 td {padding:19px 0; text-align:center; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
    .boardType1 td.boLN {border-left:0}
    .boardType1 td.taL {padding:19px; text-align:left;}
    .boardType1 .bg {background:#f7f7f7}

    .boardType2 {border-top:1px solid #000; margin-top:30px}
    .boardType2 th {width:170px; padding:18px 10px 20px 10px; font-weight:bold; font-size:16px; color:#000; text-align:left; vertical-align:top; background:#f7f7f7; border-bottom:1px solid #e2e2e2}
    .boardType2 th.type2 {background:#f0f5fb}
    .boardType2 th.ls {letter-spacing:-2.2px}
    .boardType2 td {width:415px; padding:18px 10px 20px 10px; font-size:16px; color:#555; text-align:left; border-bottom:1px solid #e2e2e2}
    .boardType2 td.sel {padding:9px 10px 9px 10px}
    .boardType2 td.sel select {width:100%}
    .boardType2 td.sel.type2 select {width:45%}

	/* 2022-10-18 추가 */
	.boardType3 {display:block;}
	.boardType3 table {width:100%; margin-bottom:30px;}
	.boardType3 table thead img {width:65%; min-width:250px;}
	.boardType3 table:last-of-type thead img {width:65%; max-width:180px; min-width:180px;}
	.boardType3 thead th {height:50px;}
	.boardType3 tbody th {width:20%;}
	/* // 2022-10-18 추가 */

    /* 게시판 스타일 */
    .viewType1 .titArea {max-width:100%}
    .viewType1 .titArea .label {width:80px}
    .viewType1 .titArea .title {width:auto;}
    .viewType1 .titArea .title.type2 {padding:0 0 0 20px; width:auto;}
    .viewType1 .titArea .date {width:80px}
    .viewType1 .txtArea {padding:25px 0}
    .viewType1 .txtArea .txt {padding:25px}
    .viewType1 .txtArea .interviewTop {height:280px; padding:30px 290px 30px 25px}
    .viewType1 .txtArea .interviewTop .name {padding-left:20px}
    .viewType1 .txtArea .qnaArea {padding:0 20px}

    /* 입력 스타일 */
    .writeType1 .label {float:none; padding:10px 0 0; padding-left:5px; width:auto}
    .writeType1 .label label {display:block; padding-left:15px; font-weight:bold; font-size:16px; color:#000; line-height:1.5}
    .writeType1 .inputArea {float:none; padding:15px; padding-left:15px; width:auto}
    .writeType1 .inputArea.type2 {padding:15px; padding-left:15px;}
    .writeType1 .inputArea .radio {margin:2px 5px}
    .writeType1 .inputArea textarea {width:-webkit-calc(100% - 22px); width:calc(100% - 22px)}
    .writeType1 .inputArea input[type="text"] {width:-webkit-calc(100% - 22px);width:calc(100% - 22px)}
    .writeType1 .inputArea input.w300[type="text"] {width:-webkit-calc(100% - 22px); width:calc(100% - 22px)}
    .writeType1 td > div.half {float:left; position:relative; width:50%;}
    .writeType1 td > div.half:first-child:before {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#e2e2e2}
    .writeType1 td > div.half .inputArea {width:auto}
    .writeType1 td > div.half .inputArea input[type="text"] {width:-webkit-calc(100% - 22px); width:calc(100% - 22px)}
    .writeType1 .inputArea .file input[type="file"] {width:-webkit-calc(100% - 22px); width:calc(100% - 22px)}
    .writeType1 .inputArea .file input[type="text"] {width:-webkit-calc(100% - 122px); width:calc(100% - 122px)}
    .writeType1 .inputArea .file span {display:block; margin-top:5px; margin-left:0}

    /* 리스트 스타일 */
    .listType1 a:not(.more) {width:32%; margin-right:2%; margin-bottom:2%}
    .listType1 a:not(.more):nth-of-type(3n) {margin-right:0}
    .listType1 a .thumb {width:100%; height:auto; overflow:hidden; background:url("/Eng/common/images/icon/img_default.gif") no-repeat 0 0;}
    .listType1 a .thumb img {width:100%;}
    .listType1 a .txtArea {padding:20px}
    .listType1.social a .txtArea {padding:20px 20px 15px}
    .listType1 a .txtArea .tit {font-size:18px; line-height:1.5;}
    .listType1 a .txtArea .txt {font-size:14px; line-height:1.5; height:3em; overflow:hidden; margin-top:10px;}


    .listType1 a .txtArea .date {font-size:14px; line-height:1.1; margin-top:10px;}
    .listType1 a .txtArea .socialDate {padding-top:10px; margin-top:15px}
    .listType1 a .txtArea .socialDate .date {float:left; font-size:14px; line-height:1.1; margin-top:0;}
    .listType1 a .txtArea .socialDate .right {float:right; overflow:hidden}
    .listType1 a .txtArea .socialDate .right .like {float:left; padding-left:20px; font-size:14px; line-height:14px; background:url("/Eng/common/images/icon/social_like.gif") no-repeat 0 50%; background-size:auto 14px}
    .listType1 a .txtArea .socialDate .right .reply {float:left; padding-left:20px; font-size:14px; line-height:14px; background:url("/Eng/common/images/icon/social_reply.gif") no-repeat 0 50%; background-size:auto 14px; margin-left:10px}
    .listType1 a .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/Eng/common/images/icon/brochure_hover.png") no-repeat 50% 50%; background-size:cover; display:none}
    .listType1 a:hover .hover, .listType1 a:focus .hover {display:block}
    .listType1 a .label {padding:5px; width:35px; height:35px; font-size:14px; line-height:18px;}/* 파란색 보도자료 */
    .listType1 a .sLabel {width:45px; height:45px}/* 소셜미디어 라벨 */
    .listType1 a .sLabel > img {width:100%}
    .listType1 a .jobName {font-size:16px;}
    .listType1 a .jobName > span span:before {margin-top: -5.5px;}

    .listType2 th {padding:19px 15px;}
    .listType2 td {padding:15px 15px;}

    /* 검색영역 */
    .srchDiv {top:-62px}

    /*아코디언 스타일*/
    .acco li .titArea .tit {width:100%; margin-bottom:5px}

    /* 차트 */
    .chartArea {margin-top:30px}
    .chartArea .chartDiv {overflow:hidden; margin-top:30px}
    .chartArea .chartDiv .left {float:left; width:49%}
    .chartArea .chartDiv .right {float:right; width:49%}
    .chartArea .chartDiv .chart {width:auto; margin-top:25px}
    .chartArea .chartDiv .chart > img {width:100%;}

    .chart2 > img {width:100%;}

    /* 레이어팝업 */
    .layerPop {position:absolute; top:50%; left:50%; width:700px; height:700px; background:#fff; margin-left:-350px; z-index:9999}
    .layerPop .popHead {padding:21px 60px 22px 30px; font-weight:bold; font-size:20px; color:#fff; background:#033e87;}
    .layerPop .popBody {padding:20px; height:590px;}
    .layerPop .popBody .tabBtn {margin-bottom:20px;}
    .layerPop .popBody .tabBtn a {font-size:16px}
    .layerPop .popBody .conArea {max-height:590px; overflow-y:auto}
    .layerPop .popBody .conArea.type2 {max-height:437px}
    .layerPop .closeBt {display:block; position:absolute; top:21px; right:30px;}

	.layerPop2 {width:70%;} /* 2022-09-23 추가 */

	/* 2020-04-07 추가 */
	.faqPage .btnArea a{width:calc(25% - 10px); width:-webkit-calc(25% - 10px);}
	/* // 2020-04-07 추가 */
}

/* 테블릿 가로 해상도 */
@media all and (max-width:981px) {
    
}

@media all and (max-width:758px){
    #header h1 {padding:21px 0 0 10px}
    #header .util {padding:26px 10px 0 0}

    #mHeader {height:50px}
    #mHeader h1 {height:50px}
    #mHeader h1 a {display:inline-block; height:17px; vertical-align:top; margin-top:16px}
    #mHeader h1 a > img {height:17px}
    #mHeader .gnbBt {position:absolute; top:18px; right:15px; height:13px; margin-top:0}
    #mHeader .gnbBt > img {height:13px}
    
    #footer {padding:0 15px}
    #footer .top {padding:25px 0 15px}
    #footer .top .links {text-align:center}
    #footer .top .links a {display:inline-block; font-size:12px;}
    #footer .top .links span {margin:0 6px; font-size:10px; color:#dcdcdc}
    #footer .top .family {position:relative; top:0; right:0; width:100%; margin-top:10px}
    #footer .top .family > a {padding:0 15px; width:auto; height:30px; font-size:14px; line-height:30px; background: #dbdbdb url("/Eng/common/images/icon/family_icon.png") no-repeat right 15px top 50%;}
    #footer .top .family > a.on {background: #dbdbdb url("/Eng/common/images/icon/family_icon_on.png") no-repeat right 15px top 50%;}
    #footer .top .family > div {bottom:30px; left:0; padding:15px 0; width:100%; height:150px; box-sizing:border-box}
    #footer .top .family > div a {display:block; padding:0 15px; font-size:14px; color:#555; line-height:1.1; margin-top:15px;}
    #footer .top .family > div a:first-child {margin-top:0}
    #footer .bottom {padding:15px 0 20px}
    #footer .bottom .copy {font-size:12px; text-align:center}
    #footer .bottom .footMark {position:relative; width:100%; top:0; right:0; text-align:center; margin-top:10px}
    #footer .bottom .footMark p {display:inline-block; float:none}
    #footer .bottom .footMark p > img {height:15px}
    #footer .bottom .footMark .mark1 {margin-right:0}
    #footer .bottom .footMark .mark2 {margin-right:0}
    #footer .bottom .footMark .mark3 {margin-right:0}
    #footer .bottom .footMark .mark4 {margin-right:0}
    
    #lnb {height:40px}
    #lnb .container {height:40px;}
    #lnb .container > a {display:none}
    #lnb .container > div {width:50%; height:40px; border-right:0; box-sizing:border-box; border-left:1px solid #e2e2e2}
    #lnb .container > div.oneD {border-left:0}
    #lnb .container > div > a {padding:0 20px 0 10px; height:40px; font-size:13px; background:url("/Eng/common/images/icon/lnb_icon.png") no-repeat right 10px top 50%; background-size:5px 3px}
    #lnb .container > div > a.on {background:url("/Eng/common/images/icon/lnb_icon_on.png") no-repeat right 10px top 50%; background-size:5px 3px}
    #lnb .container > div > a.current {font-weight:bold; color:#033e87; background:url("/Eng/common/images/icon/lnb_icon2.png") no-repeat right 10px top 50%; background-size:5px 3px}
    #lnb .container > div > a.current.on {background:url("/Eng/common/images/icon/lnb_icon2_on.png") no-repeat right 10px top 50%; background-size:5px 3px}
    #lnb .container > div > div {padding:15px 0; top:41px;}
    #lnb .container > div > div > a {padding:0 15px; font-size:13px; margin-top:10px}

    #lnb.scroll .container > div {border-right:0; border-left:1px solid #32629d; -webkit-transition:0.3s; transition:0.3s}
    #lnb.scroll .container > div.oneD {border-left:0;}
    #lnb.scroll .container > div > div {top:40px;}
    #lnb.scroll .container > div > a {color:#fff; background:url("/Eng/common/images/icon/lnb_icon_scroll.png") no-repeat right 10px top 50%; background-size:5px 3px}
    #lnb.scroll .container > div > a.on {color:#fff; background:url("/Eng/common/images/icon/lnb_icon_scroll_on.png") no-repeat right 10px top 50%; background-size:5px 3px}

    .subVis {height:122px; padding-top:38px;}
    .subVis .container {padding:0 15px}
    .subVis .container h2 {font-size:20px}
    .subVis .container p {font-size:12px; margin-top:10px}
    
    .subWrap {padding:30px 0 50px}
    .subWrap .container {width:auto; padding:0 15px}
    .subWrap h3 {font-size:21px; padding-bottom:30px}

    .topBt {display:none; position:fixed; bottom:10px; right:15px; z-index:99}
    .topBt img {width:30px; height:30px;}

    .subTit {font-size:16px; margin-top:20px;}
    .subTit.mt80 {margin-top:30px;}

    /*버튼 스타일*/
    .btnArea {margin-top:20px}
    .blueBtn {padding:0 35px !important; width:auto !important; height:35px; line-height:35px; font-size:14px} /* 2022-09-23 수정 */
    .blueBtn.type3 {padding:0 23px}
    .blueBtn.type5 {padding:0 13px !important; height:45px;}
    .whiteBtn {padding:0 33px; height:33px; line-height:33px; background:#fff; font-weight:normal; font-size:14px; color:#033e87; text-align:center; border:1px solid #033e87}
    .whiteBtn.type3 {padding:0 15px 0 15px}
    .whiteBtn.type5 {padding:0 12px; width:auto; height:43px;}
    .cyberBtn {padding:0 50px 0 15px; height:35px; line-height:35px; background:#033e87 url("/Eng/common/images/icon/cyberBtn_icon.png") no-repeat right 15px top 50%; background-size:20px auto; font-size:15px}
    .fileBtn {width:90px; height:30px; line-height:30px; background:#626262; font-weight:normal; font-size:13px; color:#fff; text-align:center;}
    .downBtn {padding:0 23px 0 8px; height:20px; line-height:20px; border:1px solid #e2e2e2; font-size:12px; color:#555; background:url("/Eng/common/images/icon/down_icon.png") no-repeat right 8px top 50%; background-size:9px 9px}
    .downBtn2 {padding:0 40px 0 15px; height:40px; line-height:40px; font-size:14px; background:#033e87 url("/Eng/common/images/icon/down_icon2.png") no-repeat right 15px top 50%; background-size:15px auto}
    .likeBtn {width:65px; height:65px; font-size:13px; border:1px solid #033e87}
    .likeBtn > span > span {margin-top:5px}
    .likeBtn > span > span > img {height:15px}
	.greyBtn {padding:5px; font-size:13px;} /* 2022-09-23 추가 */

    /* 탭스타일 */
    .tabBtn {height:42px; display:none;}
    .tabBtn.h70 {height:70px}
    .tabBtn a {font-size:12px}
    .tabBtn a.on {border:1px solid #074189}
    .tabSelect {display:block;}
    .tabSelect select {width:100%; height:30px; font-size:13px; background:#fff;}

    .tabArea {margin-top:25px}
    .tabArea > a {padding-right:9px; margin-right:5px; font-size:14px; line-height:1.2}
    .tabArea > a:last-of-type {padding-left:0; margin-left:0}
    .tabArea > a:before {margin-top:-6px; width:1px; height:12px;}
    .tabArea > a.on {font-weight:bold; color:#033e87; text-decoration:underline}
    .tabArea > .tabDiv {margin-top:45px;}
    .tabArea > .tabDiv.mt85 {margin-top:55px}

    /* 표 스타일 */
    .boardType1 {overflow-x:auto; margin-top:30px}
    .boardType1.mt25 {margin-top:10px !important}
    .boardType1 table {width:850px;}
    .boardType1 table.wd900 {width:900px;}
    .boardType1 th {padding:9px 0; font-size:13px}
    .boardType1 th:first-child {border-left:0}
    .boardType1 th.type2 {padding:14px 0}
    .boardType1 th.type3 {padding:8px 0}
    .boardType1 th.boL {border-left:1px solid #e2e2e2}
    .boardType1 td {padding:9px 5px; font-size:13px}
    .boardType1 td.taL {padding:9px; text-align:left;}
    .boardType1 .bg {background:#f7f7f7}

    .boardType2 {margin-top:15px}
    .boardType2 tr {display:block; width:100%; overflow:hidden}
    .boardType2 th {display:block; width:auto; padding:8px 10px 10px; font-weight:bold; font-size:13px;}
    .boardType2 th.ls {letter-spacing:-2.2px}
    .boardType2 td {display:block; width:auto; padding:8px 10px 10px; font-size:13px}
    .boardType2 td.sel {padding:9px 10px 9px}
    .boardType2 td.sel select {width:100%; height:30px; font-size:13px}
    .boardType2 td.sel.type2 select {width:49%}

    /* 게시판 스타일 */
    .viewType1 {border-top:2px solid #000}
    .viewType1 .titArea {padding:8px 0}
    .viewType1 .titArea .label {display:block; padding:0 10px; font-size:12px; margin-bottom:5px}
    .viewType1 .titArea .title {display:block; padding:0 10px; font-size:16px; line-height:1.3}
    .viewType1 .titArea .title.type2 {padding:0 10px; width:auto;}
    .viewType1 .titArea .date {display:block; padding:0 10px; font-size:12px; text-align:left; margin-top:5px}
    .viewType1 .txtArea {padding:10px 0}
    .viewType1 .txtArea.type2 {padding:15px 0}
    .viewType1 .txtArea .img {padding:5px 10px}
    .viewType1 .txtArea .txt {padding:10px; font-size:14px; color:#555; line-height:1.5}
    .viewType1 .txtArea .recruitBtn {padding:5px 0 10px;}
    .viewType1 .txtArea .recruitBtn a {padding:0 33px; height:33px; line-height:33px; font-size:14px; border:1px solid #033e87}
    .viewType1 .txtArea .interviewTop {height:180px; padding:15px 10% 15px 5%}
    .viewType1 .txtArea .interviewTop .interview {font-size:16px;}
    .viewType1 .txtArea .interviewTop .name {padding-left:0; font-size:13px; margin-top:10px}
    .viewType1 .txtArea .qnaArea {padding:0 10px}
    .viewType1 .txtArea .qnaArea .q {font-size:13px; margin-top:20px}
    .viewType1 .txtArea .qnaArea .a {font-size:13px; margin-top:7px}
    .viewType1 .fileArea {display:block;}
    .viewType1 .fileArea .tit {display:none}
    .viewType1 .fileArea .file {display:block; float:left; padding:5px 7px}
    .viewType1 .fileArea .file a {font-size:14px;}

    /* 입력 스타일 */
    .writeType1 {margin-top:15px}
    .writeType1 > p {top:-30px; font-size:12px; line-height:1; padding-left:10px; background:url("/Eng/common/images/icon/star6x6.gif") no-repeat 0 50%; background-size:5px 5px}
    .writeType1 .label {padding:10px 0 0; padding-left:5px;}
    .writeType1 .label label {padding-left:10px; font-size:14px;}
    .writeType1 .label.star label {padding-left:10px; background:url("/Eng/common/images/icon/star6x6.gif") no-repeat 0 50%; background-size:5px 5px}
    .writeType1 .inputArea {float:none; padding:5px 10px 10px; padding-left:10px; width:auto}
    .writeType1 .inputArea.type2 {padding:0 10px 10px; padding-left:10px;}
    .writeType1 .inputArea .radio {margin:2px 5px}
    .writeType1 .inputArea textarea {height:80px; font-size: 13px; line-height: 19px;} /* 2022-09-23 수정 */
    .writeType1 .inputArea input[type="text"] {height:22px; font-size:13px}
    .writeType1 .inputArea input.w300[type="text"] {height:22px; font-size:13px}
    .writeType1 .inputArea .radio input[type="radio"] + label {padding-left:20px; font-size:13px; line-height:15px;}
    .writeType1 .inputArea .radio input[type="radio"] + label:before {top:50%; left:0; margin-top:-7.5px; width:15px; height:15px; line-height:15px; background:url("/Eng/common/images/icon/input_radio.png") no-repeat 0 50%; background-size:15px 15px;}
    .writeType1 .inputArea .radio input[type="radio"]:checked + label:before{background:url("/Eng/common/images/icon/input_radio_on.png") no-repeat 0 50%; background-size:15px 15px;}
    .writeType1 .inputArea > p {font-size:13px}
    .writeType1 .inputArea .noname {margin-left:0; margin-top:5px}
    .writeType1 .inputArea .noname label {margin-left:5px; font-size:13px}
    .writeType1 td > div.half {float:left; position:relative; width:50%;}
    .writeType1 td > div.half:first-child:before {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#e2e2e2}
    .writeType1 td > div.half .inputArea {width:auto}
    .writeType1 td > div.half .inputArea input[type="text"] {height:22px; font-size:13px}
    .writeType1 .inputArea .file input[type="file"] {height:22px}
    .writeType1 .inputArea .file input[type="text"] {width:-webkit-calc(100% - 117px); width:-webkit-calc(100% - 117px); width:calc(100% - 117px); height:22px; font-size:13px}
    .writeType1 .inputArea .file span {font-size:13px}
    .writeType1 .inputArea .file a {margin-left:5px}
    .writeNotice {font-size:13px}

    /* 리스트 스타일 */
    .listType1.mt50 {margin-top:20px !important}
    .listType1 a:not(.more) {width:49%; margin-right:2%; margin-bottom:10px}
    .listType1 a:not(.more):nth-of-type(3n) {margin-right:2%}
    .listType1 a:not(.more):nth-of-type(2n) {margin-right:0}
    .listType1 a .txtArea {padding:10px}
    .listType1.social a .txtArea {padding:10px 10px 10px}
    .listType1 a .txtArea .tit {font-size:14px; line-height:1.4; height:42px}
    .listType1 a .txtArea .txt {font-size:12px; line-height:1.5; margin-top:5px;}
    .listType1 a .txtArea .date {font-size:12px; line-height:1.1; margin-top:5px;}
    .listType1 a .txtArea .socialDate {padding-top:10px; margin-top:10px}
    .listType1 a .txtArea .socialDate .date {float:left; font-size:12px; line-height:14px; margin-top:0;}
    .listType1 a .txtArea .socialDate .right {float:right; overflow:hidden}
    .listType1 a .txtArea .socialDate .right .like {float:left; padding-left:15px; font-size:12px; line-height:14px; background:url("/Eng/common/images/icon/social_like.gif") no-repeat 0 50%; background-size:auto 10px}
    .listType1 a .txtArea .socialDate .right .reply {float:left; padding-left:15px; font-size:12px; line-height:14px; background:url("/Eng/common/images/icon/social_reply.gif") no-repeat 0 50%; background-size:auto 10px; margin-left:8px}
    .listType1 a .label {padding:5px; width:30px; height:30px; font-size:12px; line-height:15px;}/* 파란색 보도자료 */
    .listType1 a .sLabel {width:40px; height:40px}/* 소셜미디어 라벨 */
    .listType1 a .label2 {padding:0; width:50px; height:50px; padding:0; box-sizing:border-box; font-size:13px}
    .listType1 a .jobName {height:60px; padding:0 15px; font-size:13px}
    .listType1 a .jobName > span span {padding-right:10px; margin-right:10px;}
    .listType1 a .jobName > span span:before {width:1px; height:13px; margin-top:-8.5px}

    .listType2 {position:relative; width:100%; border-top:1px solid #000; overflow:hidden; margin-top:30px}
    .listType2 table, .listType2 tbody {display:block; width:100%;}
    .listType2 tr {display:block; width:100%;}
    .listType2 th {position:absolute; top:-999999px; left:-999999px}
    .listType2 td {display:block; position:relative; width:65%; padding:5px 2% 5px 33%; border-bottom:1px solid #e2e2e2; font-size:13px; color:#555; text-align:left;}
    .listType2 td:first-child {margin-top:5px; border-top:1px solid #e2e2e2}
    .listType2 tr:first-child td:first-child {margin-top:0; border-top:0;}
    .listType2 td:before {position:absolute; left:0; width:30%; height:80%; padding:6px 3px; top:0px; height:100%; white-space:nowrap; font-size:13px; color:#000; text-align:center; font-weight:bold; box-sizing:border-box; background:#f7f7f7;}
    .listType2 td.label span {padding:0 6px; font-size:11px; line-height:16px}
    .recruitList td:nth-of-type(1):before {content: "번호";}
    .recruitList td:nth-of-type(2):before {content: "제목"}
    .recruitList td:nth-of-type(3):before {content: "접수기간"}
    .recruitList td:nth-of-type(4):before {content: "진행상황"}

    .downList {margin-top:30px}
    .downList li {padding:7px 10px; overflow:hidden}
    .downList li .tit {float:none; font-weight:bold; font-size:13px; line-height:initial;}
    .downList li .right {float:right; margin-top:5px}
    .downList li .right .date {float:left; position:relative; padding-right:9px; margin-right:10px; font-size:13px; color:#767676; line-height:22px;}
    .downList li .right .date:before {content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background:#ddd;}
    .downList li .right .btn {float:left}

    /* 검색영역 */
    .srchArea {position:relative; margin-bottom:10px;}
    .srchDiv {position:relative; top:0; left:0; width:100%; overflow:hidden}
    .srchDiv .srchTab {float:left; overflow:hidden}
    .srchDiv .srchTab a {position:relative; display:block; float:left; font-size:13px; color:#555; line-height:35px; padding-left:8px; margin-left:8px}
    .srchDiv .srchTab a:before {content:''; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background:#e2e2e2}
    .srchDiv .srchTab a:first-child {margin-left:0}
    .srchDiv .srchTab a:first-child:before {width:0; height:0}
    .srchDiv .srchTab a.on {padding-left:15px; font-weight:bold; color:#333bca; background:url("/Eng/common/images/icon/srchTab_on.gif") no-repeat 6px 50%; background-size:6px auto}
    .srchDiv .srchTab a:first-child.on {padding-left:10px; font-weight:bold; color:#333bca; background:url("/Eng/common/images/icon/srchTab_on.gif") no-repeat 0 50%; background-size:6px auto}
    .srchDiv .srchInput {width:125px; height:33px}
    .srchDiv .srchInput input {width:85px; height:27px; font-size:12px}
    .srchDiv .srchInput a {padding:8px 5px 0 0}
    .srchDiv .srchInput a > img {height:15px}

    /* paging */
    .paging {margin-top:5px}
    .paging.mt40 {margin-top:20px !important}
    .paging a {display:inline-block; width:30px; height:30px; line-height:30px; font-size:14px; margin:2px}
    .paging a > img {height:30px}
    .paging .first {margin:2px; margin-left:0}
    .paging .prev {margin:2px}
    .paging .next {margin:2px}
    .paging .last {margin:2px; margin-right:0}
    .paging .active {width:28px; height:28px; line-height:28px}

    /*아코디언 스타일*/
    .allAgree {margin-top:10px}
    .allAgree label {font-size:14px; margin-right:10px}
    .acco {margin-top:10px}
    .acco.mt80 {margin-top:30px}
    .acco li .titArea {padding:10px; overflow:hidden; border-bottom:1px solid #e2e2e2}
    .acco li .titArea .tit {float:none; width:100%;  font-size:14px;}
    .acco li .titArea .right a {padding-right:15px; font-size:13px; line-height:1.6; background:url("/Eng/common/images/icon/acco_icon.png") no-repeat 100% 50%; background-size:6px}
    .acco li.on .titArea .right a {background:url("/Eng/common/images/icon/acco_icon_on.png") no-repeat 100% 50%; background-size:6px}
    .acco li .titArea .right .agree {float:left; line-height:1.2; margin-left:10px;}
    .acco li .titArea .right .agree label {display:inline-block; font-size:13px; color:#555; line-height:1.1; margin-right:10px;}
    .acco li .titArea .right .agree input[type="checkbox"] {vertical-align:middle}
    .acco li .txtArea {padding:15px 10px; font-size:13px}
    .acco li .txtArea .indent {text-indent:-14px; margin-left:14px; margin-top:15px}
    .acco li .txtArea .dateArea {padding:12px 10px; overflow:hidden; border-bottom:1px solid #e2e2e2}
    .acco li .txtArea .dateArea .date {float:left; font-size:13px; color:#888}
    .acco li .txtArea .dateArea .loca {padding-left:10px; margin-left:10px; font-size:13px;}
    .acco li .txtArea .dateArea .loca:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#ddd}
    .acco li .txtArea .txt {padding:15px 10px;}

    .acco2 {margin-top:30px}
    .acco2 li > a {padding:14px 10px; font-size:15px; background:url("/Eng/common/images/icon/acco_icon2.png") no-repeat right 10px top 50%; background-size:auto 6px}
    .acco2 li.on > a {background:url("/Eng/common/images/icon/acco_icon2_on.png") no-repeat right 10px top 50%; background-size:auto 6px}
    .acco2 li > .txtArea {padding:15px 10px; font-size:13px;}
    .acco2 li > .txtArea .tit {font-size:16px;}
    .acco2 li > .txtArea .tit2 {font-size:13px; margin-top:12px}
    .acco2 li > .txtArea .txt {font-size:13px; margin-top:10px}
    .acco2 li .txtArea .indent {padding-left:18px}
	/* 2021-03-24 전자공고 추가 */
	.acco2.announce li > a{padding:14px 20px 14px 10px; font-size:13px; background:url("/Kor/common/images/icon/acco_icon2.png") no-repeat right 10px top 50%; background-size:auto 6px}
    .acco2.announce li.on > a {background:url("/Kor/common/images/icon/acco_icon2_on.png") no-repeat right 10px top 50%; background-size:auto 6px}
	.acco2.announce li > a span{font-size:13px;}
	.acco2.announce li .listInfo li{padding:7px 10px 7px 15px;}
	.acco2.announce li .listInfo > li{padding:14px 20px 14px 10px; font-size:13px}
    .acco2.announce li .listInfo li {padding:7px 10px; overflow:hidden; display:block;}
    .acco2.announce li .listInfo li .tit {float:none; font-weight:bold; font-size:13px; line-height:initial;}
    .acco2.announce li .listInfo li .right {float:right; margin-top:5px}
    .acco2.announce li .listInfo li .right .date {float:left; position:relative; padding-right:9px; margin-right:10px; font-size:13px; color:#767676; line-height:22px;}
    .acco2.announce li .listInfo li .right .date:before {content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background:#ddd;}
    .acco2.announce li .listInfo li .right .btn {float:left}
	/* // 2021-03-24 전자공고 추가 */

    .acco2.type2 li > a {display:block; padding:14px 20px 14px 10px; font-weight:bold; font-size:15px; background:#fff url("/Eng/common/images/icon/acco_icon3.png") no-repeat right 10px top 50%; background-size:auto 4px}
    .acco2.type2 li.on > a {font-weight:bold; color:#fff; background:#033e87 url("/Eng/common/images/icon/acco_icon3_on.png") no-repeat right 10px top 50%; background-size:auto 4px}
    .acco2.type2 li > .txtArea {padding:15px 10px; font-size:13px;}
    .acco2.type2 li > .txtArea .tit {font-size:15px; margin-top:20px}
    .acco2.type2 li > .txtArea .tit:first-child {margin-top:0}
    .acco2.type2 li > .txtArea ul {margin-top:5px}
    .acco2.type2 li > .txtArea ul li {padding-left:7px; font-size:13px; line-height:1.5; word-break:keep-all; background:url("/Eng/common/images/icon/dot3x3.gif") no-repeat 0 6px;}
    .acco2.type2 li > .txtArea ul li span {font-weight:bold}
    .acco2.type2 li > .txtArea .recruitTable {margin-top:15px}
    .acco2.type2 li > .txtArea .recruitTable th {font-size:13px;}
    .acco2.type2 li > .txtArea .recruitTable td {padding:6px 5px 7px; font-size:13px;}
    .acco2.type2 li > .txtArea .recruitTable td.taL {font-weight:normal; font-size:13px;}
    .acco2.type2 li > .txtArea .noticeTxt {font-size:13px; margin-top:5px}
    .acco2.type2 li > .txtArea .stepArea {overflow:hidden;}
    .acco2.type2 li > .txtArea .stepArea  > div {float:left; position:relative; text-align:center; margin-top:20px; margin-right:30px}
    .acco2.type2 li > .txtArea .stepArea  > div:before {content:''; position:absolute; top:28px; right:-38px; width:33px; height:9px; background:url("/Eng/common/images/icon/recruit_step_arrow.png") no-repeat 0 0; background-size:auto 9px}
    .acco2.type2 li > .txtArea .stepArea  > div.last {margin-right:0;}
    .acco2.type2 li > .txtArea .stepArea  > div.last:before {display:none}
    .acco2.type2 li > .txtArea .stepArea  > div > .img {text-align:center;}
    .acco2.type2 li > .txtArea .stepArea  > div > .img > img {height:60px;}
    .acco2.type2 li > .txtArea .stepArea  > div > .step {font-size:12px; margin-top:5px}
    .acco2.type2 li > .txtArea .stepArea  > div > .txt {font-size:13px; margin-top:5px}

    .acco2.faq li > a {padding:14px 25px 14px 35px;}
    .acco2.faq li > a > .qIcon {top:12px; left:7px; width:22px; height:22px; background:url("/Eng/common/images/icon/faq_q_icon.png") no-repeat 0 0; background-size:22px 22px}
    .acco2.faq li.on > a > .qIcon {background:url("/Eng/common/images/icon/faq_q_icon_on.png") no-repeat 0 0; background-size:22px 22px}
    .acco2.faq li > .txtArea {padding:15px 10px 15px 35px}
    .acco2.faq li > .txtArea > .aIcon {top:12px; left:7px; width:22px; height:22px; background:url("/Eng/common/images/icon/faq_a_icon.png") no-repeat 0 0; background-size:22px 22px}

    /* 차트 */
    .chartArea {margin-top:20px}
    .chartArea .chartDiv {overflow:hidden; margin-top:15px}
    .chartArea .chartDiv:first-child {margin-top:0}
    .chartArea .chartDiv .left {float:none; width:100%}
    .chartArea .chartDiv .right {float:none; width:100%;}
    .chartArea .chartDiv .tit {font-weight:bold; font-size:16px; margin-top:15px}
    .chartArea .chartDiv .left .tit {margin-top:0;}
    .chartArea .chartDiv .chart {margin-top:10px}

    .chart2 {margin-top:15px}

    /* 레이어팝업 */
    .layerPop {position:absolute; top:50%; left:50%; width:300px; height:400px; background:#fff; margin-left:-150px; z-index:9999}
    .layerPop .popHead {padding:11px 30px 12px 15px; font-size:16px; line-height:16px}
    .layerPop .popBody {padding:10px; height:342px;}
    .layerPop .popBody .tabSelect {margin-bottom:10px;}
    .layerPop .popBody .conArea {max-height:340px; overflow-y:auto}
    .layerPop .popBody .conArea.type2 {max-height:302px}
    .layerPop .closeBt {top:11px; right:15px;}
    .layerPop .closeBt > img {height:16px;}

	/* 2020-03-09 추가 */
	.layerPop.serviceShip {height:530px;}
	.layerPop.serviceShip .popBody{height:470px;}
	.layerPop .popBody .tabTit1{display:none;}
	.layerPop .popBody .tabTit2{display:block; margin:5px 0 10px; font-size:18px; font-weight:bold; color:#000; line-height:1; text-align:left;}
	.layerPop.serviceShip .popBody .conArea.type2 {max-height:330px}
	/* // 2020-03-09 추가 */

	/* 2021-03-24 추가 */
	.layerPop.shippingPop{height:400px;}
	.layerPop.shippingPop .popBody{height:342px;}
	/* // 2021-03-24 추가 */

	.layerPop2 {width:85%;} /* 2022-09-23 추가 */

	/* 2020-04-07 추가 */
	.subWrap .faqPage h3{padding:0px 0px 30px 0px;}
	.faqPage .subTxt{font-size:14px; line-height:1.5}
	.faqPage .btnArea a{width:calc(50% - 10px); width:-webkit-calc(50% - 10px); margin-bottom:10px;}
	.faqPage .btnArea a:nth-child(2n){margin-right:0}
	.faqPage .btnArea a:last-child{margin-bottom:0}
	.faqPage .btnArea a span{font-size:15px;}
	.faqPage .acco2.faq li > .txtArea{padding:10px 10px 15px 35px; line-height:21px;}
	/* // 2020-04-07 추가 */
}

@media all and (max-width:450px){
    /* 리스트 스타일 */
    .listType1 a {width:100%; margin-right:0}
    .listType1 a:nth-child(3n) {margin-right:0}
    .listType1 a:nth-child(2n) {margin-right:0}
    .listType1 a:not(.more) {width:100%; margin-right:0; margin-bottom:10px}
    .listType1 a:not(.more):nth-child(3n) {margin-right:0}
    .listType1 a:not(.more):nth-child(2n) {margin-right:0}
    .listType1 a .txtArea {padding:10px}
    .listType1 a .txtArea .tit {height:auto}
}