@import url('style_trans.css');

*{margin:0; padding:0}
html{width:100%; height:100%}
body{position:relative; font-size:14px; font-family:'Malgun Gothic', dotum,"돋움",sans-serif; color:#666;}
body.main{background:none;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{display:none}
textarea, button{vertical-align:middle}
input, select{height:22px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; font-family:'Malgun Gothic', dotum,"돋움",sans-serif; color:#666;}
input,option{padding:3px}
select{height:30px; padding:2px}
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; font-family:'Malgun Gothic', dotum,"돋움",sans-serif; color:#666; font-size:13px;}
.checkbox{padding:0; border:0}
.disNone{display:none}
a{text-decoration:none; color:#666666}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse}
map area{outline:none;}
input[type="radio"]:focus{outline:1px dotted #888;}

::-webkit-input-placeholder{color: #999999 ;}
:-moz-placeholder{color: #999999 ;}/* Firefox 18- */
::-moz-placeholder{color: #999999 ;}/* Firefox 19+ */
:-ms-input-placeholder {color: #999999 ;}

/* 간격, 폰트 */
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important} /* 2018-07-13 추가 */
.mt120{margin-top:120px !important}


.mb10{margin-bottom:10px !important}/* 2018-10-16 추가 */
.mb30{margin-bottom:30px !important}
.mb50{margin-bottom:50px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml11{margin-left:11px !important}
.ml24{margin-left:24px !important}
.ml25{margin-left:25px !important}
.ml20{margin-left:20px !important}
.ml270{margin-left:270px !important}
.ml325{margin-left:325px !important}

.mr10{margin-right:10px !important}
/* 160509추가 */
.mr15{margin-right:15px !important}
/* //160509추가 */
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}

.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt12 {padding-top:12px !important} /*160525 추가*/
.pt40{padding-top:40px !important}
.pt60{padding-top:60px !important}


.pl5{padding-left:5px !important}
.pl8{padding-left:8px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}

.pb12 {padding-bottom:12px !important} /*160525 추가*/
.pb50{padding-bottom:50px !important;}

.bold{font-weight:bold;color: #444;}
.boldB{font-weight:bold;color:#444;font-size:14px;}
.bold3{font-weight: bold;color:#333;}

.lsm1{letter-spacing:-1px;}
.lsm03{letter-spacing:-0.3px;}
.font14{font-size:14px !important;line-height:24px;}
.font15{font-size:15px !important;}
.font13{font-size:13px !important;}

.lh17{line-height:17px !important;}
.lh20{line-height: 20px;}
.lh21{line-height: 21px;}
.lh22{line-height: 22px}
.lh23{line-height: 23px;}
.lh24{line-height: 24px;}

.borL0 {border-left:0 !important}
.overF {overflow:hidden !important}

/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.pBox {position:relative; overflow:hidden; width:100% !important}
.disB{display:block}

#wrapper {position:relative; width:100%; min-width:960px; }

/* 헤더 */
.topArea {width:100%; height:90px; text-align:center; }
.topArea h1 a {display:block; margin:0 auto}
.gnbArea {position:relative; width:100%; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; box-sizing:border-box;}
.gnbArea .gnbD {position:relative; width:960px; height:80px; margin:0 auto; z-index:2}
.gnbArea .gnbD > li {position:relative; /*width:240px;*/ width:calc(100% / 6); float:left; z-index:3}
.gnbArea .gnbD > li:after {display:block; content:""; clear:both}
.gnbArea .gnbD > li.on .oneD .dif {opacity:0}
.gnbArea .gnbD > li.on .oneD .col {opacity:1}
.gnbArea .gnbD > li .oneD {position:relative; display:block}
.gnbArea .gnbD > li .oneD > img {width:100%}
.gnbArea .gnbD > li .oneD .dif {position:absolute; top:0; left:0; opacity:1}
.gnbArea .gnbD > li .oneD .col {position:absolute; top:0; left:0; opacity:0}
.gnbArea .gnbD > li .twoD {display:none; position:absolute; top:80px; width:100%; padding-top:30px; text-align:center; box-sizing:border-box}/* 2019-10-10 수정 */
.gnbArea .gnbD > li .twoD a {display:block; font-size:17px; line-height:40px; color:#444444}
.gnbArea .gnbD > li .twoD a span {display:inline-block; position:relative;}
.gnbArea .gnbD > li .twoD a:hover span {font-weight:bold }
.gnbArea .gnbD > li .twoD a:hover span:after {content:""; display:block; position:absolute; top:30px; left:0; width:100%; height:2px; background:#aaaaaa; }
.gnbArea .gnbBg {display:none; position:absolute; top:81px; width:100%; height:175px; background:#f4f4f4; z-index:1}

/* 메인비주얼 */
.mainVisArea {position:relative; width:100%; height:500px; text-align:center; overflow:hidden;}
.mainVisArea > img {position:absolute; top:0; left:50%; transform:translateX(-50%);}

/*메인 컨텐츠 영역*/
.conArea {width:100%; background:#e7e7e7}
.conArea .conDiv {width:960px; padding:30px 0; margin:0 auto}
.conArea .conDiv .left, .conArea .conDiv .right {float:left; width:480px; text-align: left;}/* 2025-08-27 */
.conArea .conDiv .left .faqArea {position:relative; width:480px; padding:30px; box-sizing:border-box; background:#fff; overflow:hidden}
.conArea .conDiv .left .faqArea .titDiv {float:left; width:170px;}/* 2019-10-15 수정 */
.conArea .conDiv .left .faqArea .titDiv .txt {font-size:14px; line-height:22px; color:#666666}
/* 2019-10-15 추가 및 수정 */
.conArea .conDiv .left .faqArea .listDiv {float:left; width:250px;}
.conArea .conDiv .left .faqArea .listDiv .list {display:inline-block; position:relative; padding:0px 0px 4px 11px; margin-top:10px; width:240px; color:#444444; font-size:14px; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.conArea .conDiv .left .faqArea .listDiv .list > span {display:inline-block; position:relative;}
.conArea .conDiv .left .faqArea .listDiv .list:before {content:"-"; display:block; position:absolute; top:3px; left:0;}
.conArea .conDiv .left .faqArea .listDiv .list > span:after {content:""; display:none; position:absolute; bottom:-1px; right:0; width:100%; height:1px; background:#333333}
.conArea .conDiv .left .faqArea .listDiv .list > span:hover{font-weight:bold;}
.conArea .conDiv .left .faqArea .listDiv .list > span:hover:after {display:block;}
/* // 2019-10-15 추가 및 수정 */
.conArea .conDiv .left .faqArea .listDiv .list:first-child {margin-top:0}
.conArea .conDiv .left .faqArea .titDiv .moreArr {display:inline-block}
.conArea .conDiv .right .inArea {width:480px; padding:30px 0 30px 30px; box-sizing:border-box; overflow:hidden}
.conArea .conDiv .right .inArea .titDiv {float:left; width:210px;}
.conArea .conDiv .right .inArea .titDiv .txt {font-size:14px; line-height:22px; color:#666666}
.conArea .conDiv .right .inArea .workDiv {float:left; width:240px;}
.conArea .conDiv .right .inArea .workDiv a {display:block; width:240px; height:72px; padding:0 30px; box-sizing:border-box; color:#fff; font-size:22px; font-weight:bold; line-height:72px; text-align: left;}/* 2025-08-27 */
.conArea .conDiv .right .inArea .workDiv a.type1 {background:#1c5dac url('/common/images_trans/icon/workdiv_arrw.png') no-repeat right 30px center; }
.conArea .conDiv .right .inArea .workDiv a.type2 {background:#a4418e url('/common/images_trans/icon/workdiv_arrw.png') no-repeat right 30px center; }
.conArea .conDiv .linkBtn a {float:left; width:480px; height:70px; padding:24px 30px 0 30px; box-sizing:border-box;}
.conArea .conDiv .linkBtn a.type1 {background:#444444 url('/common/images_trans/icon/workdiv_arrw.png') no-repeat right 30px center;}
.conArea .conDiv .linkBtn a.type2 {background:#404b69 url('/common/images_trans/icon/workdiv_arrw.png') no-repeat right 30px center; border-left:1px solid #e7e7e7;}
.conArea .conDiv .contect {width:100%; height:80px; padding-left:233px; padding-top:25px; box-sizing:border-box; background:#fff url('/common/images_trans/icon/headset_icon.png') no-repeat left 30px center;}
.conArea .conDiv .contect span {display:inline-block; font-size:18px; font-weight:bold; color:#000000; margin-top:4px; padding-right:30px; padding-left:25px; border-right:1px solid #dddddd; line-height:20px; letter-spacing:1.2px}
.conArea .conDiv .contect span:last-child {border-right:0}
.conArea .conDiv .contect span .blue {margin-right:25px; color:#1c5dac;}


/* footer */
#footer {width:100%; height:133px; background:#3f424b}
.footerDiv {width:960px; margin:0 auto; overflow:hidden;}
.footerDiv .logoArea {float:left; width:480px;}
.footerDiv .logoArea .footerLogo {display:inline-block; margin-top:30px; margin-left:120px;}
.footerDiv .txtArea {float:left; width:480px;}
.footerDiv .txtArea .add {margin-top:35px; font-size:12px; line-height:20px; color:#fff}
.footerDiv .txtArea .copy {margin-top:15px; font-size:12px; color:#fff; opacity:0.3;}

/* 테이블 */
.tableTit {position:relative; padding-left:30px; font-size:22px; font-weight:bold; line-height:35px; color:#444444}
.tableTit2 {font-weight:bold; font-size:18px; line-height:1.5; color:#444444}
.tableTit2 span.blue {color:#1c5dac}
.tableTit:after {content:""; display:block; position:absolute; top:14px; left:0; width:6px; height:6px; background:#2460a8; border-radius:25px;}
.tableTit span {position:relative; display:inline-block;}
.tableTit span:after {position:absolute; bottom:2px; display:block; content:""; width:100%; height:2px; background:#818181}
.boardType1View {border-top:4px solid #1c5dac; letter-spacing:-0.4px; }
.boardType1View th {padding:20px 0; background:#fafafa; font-weight:bold; color:#444444; font-size:16px; line-height:32px; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.boardType1View td {border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; padding:17px 10px 17px 10px; text-align:center; font-size:16px; line-height:32px;}
.boardType1View td .pdL{padding-left:70px;}/* 2019-10-21 추가 */
.tSubTxt {font-size:15px; color:#666666; line-height:25px;}


/* 회색 느낌표 박스 */
.excBox {border:1px solid #e3e3e3; padding:30px 30px 0; box-sizing:border-box;}
.excBox .tit {padding-left:30px; padding-bottom:15px; font-size:18px; color:#444444; font-weight:bold; background:url('/common/images_trans/icon/exc_icon.jpg') no-repeat left top 3px; border-bottom:2px solid #e3e3e3;}
.excBox .txt {padding:22px 0 25px; font-size:14px; line-height:26px; color:#666666; word-break:keep-all}
.excBox .txt .num {position:relative; padding-left:17px;}
.excBox .txt .num span {position:absolute; top:0; left:0;}

/* 인풋테이블 */
.boardType2View {border-top:4px solid #444444; letter-spacing:-0.4px; }
.boardType2View th {padding:17px 30px; background:#fafafa; font-weight:bold; color:#444444; font-size:16px; line-height:32px; text-align:left; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.boardType2View td {border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; padding:10px 10px 10px 30px; text-align:left; font-size:16px; line-height:26px;}

/* 라디오 버튼 */
.radioType1{display:inline-block;}
.radioType1 input[type="radio"] {width:20px; height:20px; background:url('/common/images_trans/icon/radio_type1.png') no-repeat center; border:0; background-size:20px 20px; -webkit-appearance:none; appearance:none;}
.radioType1 input[type="radio"]:checked {background:url('/common/images_trans/icon/radio_type1_on.png') no-repeat center; border:0; background-size:20px 20px; -webkit-appearance:none; appearance:none;}
.radioType1 label {padding-left:10px; padding-right:30px; vertical-align:middle; font-size:16px; color:#444444; }

/* 셀렉트박스 */
select.type1 {width:196px; height:45px; box-sizing:border-box; padding:5px 18px; vertical-align:middle; font-size:16px; color:#444444; background:url('/common/images_trans/icon/select1_icon.gif') no-repeat right 20px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select.type2 {width:210px; height:45px; box-sizing:border-box; padding:5px 18px; vertical-align:middle; font-size:16px; color:#444444; background:url('/common/images_trans/icon/select1_icon.gif') no-repeat right 20px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* 텍스트 에리어 */
textarea.type1 {width:100%; height:170px; padding:10px 20px; resize:none; box-sizing:border-box; font-size:16px; line-height:26px; color:#444444; font-size:16px;}
textarea.type1::placeholder {color:#999; font-size:16px;}

/* 첨부파일 */
.fileAtt {position:relative; overflow:hidden; width:330px; height:45px; border:1px solid #e3e3e3; box-sizing:border-box}
.fileAtt input.name {float:left; width:210px; height:45px; box-sizing:border-box; border:0; color:#444444; font-size:16px; padding:5px 18px}
.fileAtt input.name::placeholder {color:#999; font-size:16px;}
.fileAtt .btn {float:left; width:118px; height:45px; background:#fafafa; color:#666666; line-height:42px; text-align:center; box-sizing:border-box; border-left:1px solid #e3e3e3}
.fileAtt input[type="file"] {position:absolute; top:0; left:0; width:330px; height:45px; box-sizing:border-box; border:0; opacity:0;}

/* 2024-05-17 추가 */
.right{text-align:right;}
.flex{display: flex; align-items: center;}
.file-name{position:relative; margin-left: 20px;}
.file-name span{background-image:url('/common/images_trans/icon/remove-icon-small.png');width: 9px; height: 9px; display: block; position: absolute; top: 10px; right: -20px;background-repeat: no-repeat;}
/* .file-name::after{content:url('/common/images_trans/icon/remove-icon-small.png'); display:block; position:absolute; top: 0; right: -20px;} */
/* //2024-05-17 추가 */

/* 인풋 스타일 */
.inputTxt1 input {width:210px; height:45px; box-sizing:border-box; padding:5px 18px; color:#444444; font-size:16px;}
.inputTxt1 input::placeholder {color:#999; font-size:16px;}

.inputTxt2 input {width:100%; height:45px; box-sizing:border-box; padding:5px 18px; color:#444444; font-size:16px;}
.inputTxt2 input::placeholder {color:#999; font-size:16px;}

.inputDate {position:relative}
.inputDate input {width:210px; height:45px; box-sizing:border-box; padding:5px 50px 5px 18px; /* background:url('/common/images_trans/icon/date_icon.gif') no-repeat right 20px center; */ color:#444444; font-size:16px;}
.inputDate .calen {display:block; position:absolute; top:10px; left:165px}
.inputDate input::placeholder {color:#999; font-size:16px;}

/* 하단 파란색 버튼 */
.subCon .conBtn.blue {display:block; margin:0 auto; width:180px; height:60px; background:#1c5dac; color:#fff; line-height:60px; text-align:center; font-size:18px; font-weight:bold}

/* qna */
.tabBtnDiv {display:table; width:960px; height:60px; }
.tabBtnDiv > a {display:table-cell; text-align:center; color:#666666; font-size:18px; line-height:60px; border:1px solid #e3e3e3; box-sizing:border-box}
.tabBtnDiv > a.on {color:#fff; font-weight:bold; background:#1c5dac; border:1px solid #1c5dac;}
 
.tabListDiv .tabList .que {display:block; background:url('/common/images_trans/icon/qna_arrow.gif') no-repeat right 38px top 30px; border-bottom:1px solid #e3e3e3; box-sizing:border-box}
.tabListDiv .tabList .que span {display:block; position:relative; padding:23px 80px 23px 73px; color:#666666; font-size:18px; line-height:28px; font-weight:bold; background:url('/common/images_trans/icon/que_icon.png') no-repeat left 15px top 23px;}
.tabListDiv .tabList .que.on {background:#fafafa url('/common/images_trans/icon/qna_arrow_on.gif') no-repeat right 38px top 30px;}
.tabListDiv .tabList .que.on span {color:#1c5dac; }
.tabListDiv .tabList .ans {display:none;padding:30px 80px 30px 73px; color:#444444; font-size:16px; line-height:26px; background: #fafafa url('/common/images_trans/icon/ans_icon.png') no-repeat left 15px top 30px; border-bottom:1px solid #e3e3e3; box-sizing:border-box;}

/*2024-05-16 capchar */
.boardType2View .captcha {float:left; width:310px; overflow:hidden;}
.boardType2View .captcha .img {display:inline-block; vertical-align:top; margin-right:5px;}
.boardType2View .captcha a {display:inline-block; vertical-align:bottom;} 
.boardType2View .captchaInput {float:left; /*margin-top:10px;*/}