@charset "utf-8";

/* 언어 탭 */
.langTab{height:35px;margin:30px 0 20px 0;border-bottom:1px solid #c9c9c9;padding:0}
.langTab ul li{float:left;height:34px;margin:0 0 0 -1px;border:1px solid #c9c9c9;background-color:#fff;font-size:16px;line-height:34px}
.langTab ul li:first-child{margin-left:0}
.langTab ul li.selected{border:1px solid #c9c9c9}
.langTab ul li a{display:block;padding:0 28px;background-color:#fff;color:#888;font-size:15px}
.langTab ul li.selected a{background-color:#514787;color:#fff}
@media (min-width:0) and (max-width:767px){
	.langTab{margin-top:0}
	.langTab ul{width:300px;margin:0 auto}
	.langTab ul li{width:99px}
	.langTab ul li:first-child{width:98px}
	.langTab ul li a{padding:0;text-align:center}
}

#divContent form fieldset{width:100%;}

.writeTable td input[type="radio"]{margin-right: 6px;}
.writeTable td input[type="checkbox"]{margin-right: 6px;vertical-align:middle}
/* table */
table{width:100%;border:none;border-collapse:collapse;}
table th{border:none;background-color:#f3f3f3;color:#727272;padding:0;}
table td{border:none}

/* write */
.sentence{clear:both;text-align:right;font-size:13px;margin:10px 0}
.writeTable{border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.writeTable th{width:20%;padding:10px 0;border-top:1px solid #e6e6e6;font-size:14px;word-break:break-all}
.essential{color:#f15d80}
.writeTable td{width:85%;padding:10px 20px;border-top:1px solid #e6e6e6;font-size:14px}
.writeTable td label{display:inline-block;margin:5px 10px 5px 0;}
.writeTable td input, .writeTable td p, .writeTable td .selectBox1{margin:5px 0;} 
.writeTable td:not(#content) a{margin:5px 0;}
span.divide{padding:14px 0;}
.writeTable .measure{display:inline-block;height:35px;margin:5px 0;line-height:35px;vertical-align:top}
.writeTable tbody tr:first-child th{border-top:none}
.writeTable tbody tr:first-child td{border-top:none}
.writeTable input[type="radio"]{vertical-align:top}
.addon input[type="checkbox"]{vertical-align:bottom}

/* boardWrite */
.boardWrite{margin:0 auto}
.boardWrite table{border-top:1px solid #b3b3b3}
.mustInput{margin:10px 0;padding:0 20px;text-align:right;font-size:0.929em}
.mustInput .essential{color:#f15d80}
.boardWrite th{width:20%;padding:0 0;border-bottom:1px solid #e6e6e6;font-size:1.167em;font-weight:normal}
.boardWrite th .essential{color:#f15d80}
.boardWrite td{width:80%;font-size:14px;padding:10px 20px;border-bottom:1px solid #e6e6e6}


input[readonly="readonly"]{background-color:#f7f7f7}
.temporaryStorage{margin:10px 0}
.temporaryStorage p{margin:10px 0;font-size:0.933em;text-align:right}
.temporaryStorage p a{background:url(../../../image/en/solution/common/ico/loading.gif) no-repeat 0 0;padding:4px 0 4px 25px;color:#333}
.temporaryStorage p img{vertical-align: middle}
.temporaryStorage p a span{background:url(../../../image/en/solution/common/ico/temporaryStorageClose.png) no-repeat 100% 50%;padding:2px 17px 2px 0;color:#248bd8;font-weight:600}
.temporaryStorage p a span.close{background:url(../../../image/en/solution/common/ico/temporaryStorageClose.png) no-repeat 100% 50%;}
.temporaryStorage p a span.open{background:url(../../../image/en/solution/common/ico/temporaryStorageOpen.png) no-repeat 100% 50%;}
.temporaryStorage ul{border:1px solid #b3b3b3}
.temporaryStorage ul li{position:relative;padding:10px 140px 10px 20px;border-top:1px solid #e6e6e6}
.temporaryStorage ul li:first-child{border-top:none}
.temporaryStorage ul li span{display:inline-block;vertical-align:middle}
.temporaryStorage ul li span.writeDate{position:absolute;top:10px;right:20px;text-align:right;}
.temporaryStorage ul li span a{margin-left:10px}
.temporaryStorage ul li span a img{vertical-align: bottom;}
.addOn table{border-bottom:1px solid #b3b3b3}
.addOn table th{width:20%;min-width:50px;padding:20px 0;border:none;border-top:1px solid #e6e6e6;vertical-align:top}
.addOn table td{width:80%;border:none;border-top:1px solid #e6e6e6;}
.fileList{border-top:1px solid #b3b3b3}
.fileList li{position:relative;padding:12px 70px 12px 20px;border:1px solid #e6e6e6;border-top:none}
.fileList li span{display:inline-block;width:100%;vertical-align:middle}
.fileList a{position:absolute;top:9px;right:20px}
.addFiles{position:relative;}
.addFileTitle{margin:12px 0 10px;color:#333;font-weight:600}
.addFiles .findFiles{margin:10px 0;padding-bottom:2px;}
.addFiles .findFiles input{width:231px;height:34px;vertical-align:top}
.addFiles .findFiles img{margin:1px 0 0 5px;vertical-align: middle}
@media (min-width:0) and (max-width:767px){
	.addFiles .findFiles input{width:83%;}
}

/* 첨부파일 */
.MultiFile-wrap .MultiFile-applied{width:210px}

/* 썸네일 */
.thumbList{border-top:1px solid #b3b3b3}
.thumbList li{position:relative;padding:12px 70px 12px 20px;border:1px solid #e6e6e6;border-top:none}
.thumbList li span{display:inline-block;width:100%;vertical-align:middle}
.thumbList a{position:absolute;top:9px;right:20px}
.addThumb{position:relative;}
.addThumbTitle{margin:12px 0 10px;color:#333;font-weight:600}
.addThumb .findThumb{margin:10px 0;padding-bottom:2px;}
.addThumb .findThumb input{width:231px;height:34px;vertical-align:top}
.addThumb .findThumb img{margin:1px 0 0 5px;vertical-align: middle}

/* 참고 URL */
.successMsg{margin-bottom:10px;padding:10px 10px 10px 32px;background:url(../../../image/en/solution/common/ico/check.gif) no-repeat 7px 50%;border:1px solid #44b149;color:#44b149;font-size:0.929em}
.urlInfo{margin-bottom:10px; border-top:1px solid #b3b3b3}
.urlInfo li{position:relative;padding:10px 120px 10px 20px;border:1px solid #e6e6e6;border-top:none}
.urlExplain{display:inline-block;vertical-align:middle}
.urlExplain span{margin-right:5px;font-weight:600;}
.urlInfoBtn{position:absolute;top:6px;right:20px}
.errorMsg{margin-bottom:5px;padding:10px 10px 10px 32px;background:url(../../../image/en/solution/common/ico/error.gif) no-repeat 7px 50%;border:1px solid #f11515;color:#f11515;font-size:0.929em}

.urlInfoBtn a:first-child{margin-right:3px}
.modifyUrl{position:relative;margin:10px 0;padding:12px 16px 7px;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3}
.modifyUrl div{height:18px;margin:0 0 10px;}
.modifyUrl div p:first-child{float:left;color:#333;font-weight:600}
.modifyUrl .radioBtns{float:left;margin-left:30px;}
.modifyUrl .radioBtns label:first-child{margin-right:20px}
.modifyUrl .radioBtns input{margin-left:3px;}
.modifyUrl .radioBtns input,.addUrl .radioBtns label{vertical-align:top;}
.modifyUrl .urlAddressInput{position:relative;padding-right:95px;margin-bottom:5px}
.modifyUrl .urlAddressInput input{/* padding:0 10px;border:1px solid #e6e6e6; */vertical-align:middle}
.modifyUrl .urlAddressInput a{position:absolute;top:0;right:0;margin-left:5px}
.modifyCancel{position:absolute;top:12px;right:20px;font-size:0.857em}
.modifyCancel a{color:#4d4d4d;}

@media (min-width:0px) and (max-width:767px){
	.modifyCancel{position:relative;top:0;left:0;margin-bottom:5px;}
	.modifyUrl div{height:auto;margin-bottom:5px}
	.modifyUrl div p:first-child{float:none}
	.modifyUrl .radioBtns{float:none;margin:5px 0 0 0;}
}
.addUrl div{height:18px;margin:12px 0 10px;}
.addUrl p:first-child{float:left;color:#333;font-weight:600}
.addUrl .radioBtns{float:left;margin-left:30px;}
.addUrl .radioBtns label:first-child{margin-right:20px}
.addUrl .radioBtns input{margin-left:3px;}
.addUrl .radioBtns input,.addUrl .radioBtns label{vertical-align:top;}
.urlTitleInput{margin-bottom:5px;/* padding:0 10px;border:1px solid #e6e6e6 */}
.addUrl .urlAddressInput{position:relative;margin-bottom:5px;padding-right:95px;}
/* .addUrl .urlAddressInput input{padding:0 10px;border:1px solid #e6e6e6;vertical-align:middle} */
.addUrl .urlAddressInput a{position:absolute;top:0;right:-12px;margin-left:5px}
@media (min-width:0px) and (max-width:767px){
	.addUrl{position:relative;top:0;left:0;	margin-bottom:5px;}
	.addUrl div{height:auto;margin-bottom:5px}
	.addUrl div p:first-child{float:none}
	.addUrl .radioBtns{float:none;margin:5px 0 0 0;}
	.addUrl .urlAddressInput a{right:-2px}
}

/* 게시판 설정 */
.boardPost{margin-bottom:10px;}
.boardPost > label{display:block;color:#333;font-weight:600}
.boardPost .constantPost{display:inline-block;padding:10px 0 0;margin-left:20px;}
@media (min-width:0) and (max-width:767px){
	.boardPost .constantPost{margin-left:0;}
}
.boardPost .constantPost input{width:auto;}
.boardSubject{height:37px;margin-bottom:10px}
.boardSubject label{float:left;height:33px;padding:0 10px 0 5px;border:1px solid #d1d0cf;border-right:none;font-size:14px;line-height:2.5em;vertical-align:top}
.boardPopup{margin-bottom:10px;}
.boardPopup label:first-child{margin-right:25px}
.boardPopup label input{vertical-align:middle}
.boardPopupDate > label{display:block;color:#333;font-weight:600}
/*.boardPopupDate input{width:178px;padding:0 10px;border:1px solid #e6e6e6;}*/
.boardPassword{margin-bottom:15px}
.boardPassword > label{margin-bottom:5px;color:#333;font-weight:600}
.boardPassword > input{height:33px;border:1px solid #d1d0cf;line-height:2.1em;font-size:14px;color:#4c4c4c;padding:0 5px}

/* 게시판설정 - 모바일 */
@media (min-width:0px) and (max-width:767px){
	.selectBox-dropdown{max-width:110px;overflow:hidden}
	.boardPost input{width:80px;}
	.boardPopupDate input{width:80px;}
}

/* editor */
.editor{margin:10px 0 10px;}
.editor textarea{width:100%;padding:0;resize:none;border:1px solid #d1d0cf}

@media (min-width:0px) and (max-width:767px){
	.urlExplain{word-break:break-all}
	.addOn table th{width:10%;word-break:break-all}
	.addOn table td{width:90%;}
}


/* 사용자정보 */
.userInfo{position:relative;margin:0 0 20px;padding:20px;background-color:#f3f3f3;border:1px solid #e6e6e6;border-top:1px solid #b3b3b3;overflow:hidden}
.userInfo .writeInfo{position:absolute;top:20px;right:20px}
.userInfo .writeInfo p{text-align:right;margin-top:10px}
.userInfo .writeInfo p:first-child{margin-top:0}
.userInfo .writeInfo span{position:absolute;top:31px;right:0}
.userInfo .writeInfo p.status span{position:relative;top:0;right:0;}
.userInfo .writerInfo{overflow:hidden}
.userInfo .writerInfo dl{clear:both}
.userInfo .writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.userInfo .writerInfo dt.skip{display:none}
.userInfo .writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.userInfo .writerInfo dd.writer span{color:#1a1a1a}
.userInfo .writerInfo dd.writerEmail img{width:18px;height:13px;vertical-align:middle;margin-right:5px}
.userInfo .writerInfo dd.writerIp{margin-right:5px;}
.userInfo .writerInfo dd.writerIp, .boardInfo .writerInfo dd.writerTime{color:#248bd8}

.hidden{
	display:none;
}

.error {
	position:relative;
	top:3px;
	color: red;
}

.file_del {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #a5a5a5;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 1px 10px 3px;
    vertical-align: top;
}

/* input */
input.inputTextType3{width:100%}
input.inputTextType2{width:170px}

input.inputTextType1:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
input.inputTextType1:focus::-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
input.inputTextType1:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }

/* Input 추가 */
.textInput input{vertical-align:middle}
.textInput a{display:inline-block;vertical-align:middle}
.textInput a img{vertical-align:middle}
.textInput .addBtn{margin:5px 0}
.textInput .deleteBtn{margin:5px 0}
.textInput span{display:inline-block;vertical-align:middle}
.writeTable .textInput span label{margin:0 0 0 10px}
.writeTable .textInput span label input{margin-right:0}

/* CMS 신청 */
.cmsRequest > div.title{margin-bottom:30px;text-align:center;font-weight:600;font-size:19px}
.cmsRequest > div.title > p{margin:10px 0}
.cmsRequest > div.title > p.point{color:#00ccff}
.cmsRequest form > fieldset > div{margin-bottom:25px}
.cmsRequest form > fieldset > div > label{display:block;margin-bottom:5px;font-weight:600;font-size:16px}
.cmsRequest form > fieldset > div > label.check{font-weight:normal;font-size:15px}
.cmsRequest form > fieldset > div textarea{resize:none;width:100%;margin:5px 0;border:1px solid #d1d0cf}
.cmsInfo .emphasize{margin-bottom:10px;font-weight:600}
.cmsInfo > div > p{margin-bottom:3px}
.cmsInfo > div > p a{font-weight:600}
.cmsRequest input.inputTextType8{width:100%;padding:0}