/*  container  */

/* sub */
#container{z-index:1009; padding-bottom: 60px; background:#fff; width: 100%; min-width: 990px;}
.sub00, .sub05 {background:#fbfbfb !important;}
#container .contentsWrap{cursor:default;} 

/* sub header */
.subHeader{position: relative; height: 221px; min-width: 990px;}
.subHeader .subTitle{position: absolute; top: 92px; display: block; width: 100%; min-width: 900px; letter-spacing: -1px; color: #3d3b38;}
.subHeader .subTitle h2{display: block; width: 100%; text-align: center; font-size: 32px; height: 36px;}
.subHeader .subTitle p{display: block; width: 100%; text-align: center; margin-top: 10px; font-size: 16px;}

	/* sub header */
	.sub00 .subHeader{background: url(../images/sub/title/headBg_mem.jpg) top center no-repeat; }
	
	/* sub01 : */
	.sub01 .subHeader{background: url(../images/sub/title/headBg_lab.jpg) top center no-repeat; }

	/* sub02 : */
	.sub02 .subHeader{background: url(../images/sub/title/headBg_data.jpg) top center no-repeat; }

	/* sub03 : */
	.sub03 .subHeader{background: url(../images/sub/title/headBg_edu.jpg) top center no-repeat; }

	/* sub04 :*/
	.sub04 .subHeader{background: url(../images/sub/title/headBg_cs.jpg) top center no-repeat; }

	/* sub05 :*/
	.sub05 .subHeader{background: url(../images/sub/title/headBg_mem.jpg) top center no-repeat; }
	
	/* 20200610  */
	.subHeader .subTitle02{position: absolute; top: 92px; display: block; width: 100%; min-width: 900px; letter-spacing: -1px; color: #3d3b38;}
	.sub05.retailAgree .subHeader .subTitle02 h2{background: url(../images/sub/title/headTitle_mypage06.gif) center no-repeat;}
	.subHeader .subTitle02 h2{display: block; width: 100%; text-align: center; font-size: 32px; text-indent: -999999px; height: 36px;}


/* sub location*/
#container .subHeader .subLocation{border-bottom: 1px solid #3d3b38; border-top: 1px solid #3d3b38; width: 100%; min-width: 900px; height: 33px; position: absolute; top: 0; background: url(../images/sub/common/subLoBg.png) left repeat;z-index: 1009;}
 .locaWrap{min-width: 900px; height: 33px; margin: 0 auto; position: relative; max-width: 1024px;}
 .locaWrap ul.locaNav {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
 .locaWrap ul.locaNav li {float: left;background: url(../images/sub/common/subLoBg.gif) right -1px no-repeat; }
 .locaWrap ul.locaNav li a, .dropbtn {display: inline-block; color: white; text-align: center; /* padding: 0 15px; */ text-decoration: none;color: #dfdfdf; font-size:/* 12px */ 0.750em; height: 35px; line-height: 30px; letter-spacing: -0.04em; width:100%;padding-left: 2px;}
 .locaWrap ul.locaNav li.dropdown {display: inline-block;}
 .locaWrap ul.locaNav li.dropdown a.dropbtn img{display: inline-block; margin-left: 3px;}
 .locaWrap ul.locaNav li.loca01{position:absolute; top:-1px; left:0;background:none;}
 .locaWrap ul.locaNav li.loca01 a{padding:0px; margin-left: 17px; width: 35px;}
 .locaWrap ul.locaNav li.loca02{ padding-left:55px; width:103px;}
 .locaWrap ul.locaNav li.loca03{ width:120px; text-align:center;}
 .locaWrap ul.locaNav .dropdown-content {display: none; position: absolute; background: #fff; top:34px; border: 1px solid #383838; border-top:0; }
 .locaWrap ul.locaNav .dropdown-content a{color:#383838; text-decoration: none; display: block; text-align: left; height:26px; line-height:24px; *line-height: 24px; padding:0; padding-left:18px;}
 .locaWrap ul.locaNav .dropdown-content a:hover {background: #e7e7e7;}
 .locaWrap ul.locaNav .dropdown-content a.selected{background: #e7e7e7;}
 .locaWrap ul.locaNav .dropdown:hover .dropdown-content {display: block;}
 .locaWrap ul.locaNav li.loca02 .dropdown-content{width:104px; left:52px;}
 .locaWrap ul.locaNav li.loca02 .dropdown-content a{width:86px;}
 .locaWrap ul.locaNav li.loca03 .dropdown-content{left:157px;}

	/* sub location  */
	/* sub00 :  */
	.sub00 ul.locaNav li.loca02{padding-left: 46px; width: 80px;}

	/* sub01 : */
	.sub01 ul.locaNav li.loca03 .dropdown-content{width:119px;}
	.sub01 ul.locaNav li.loca03 .dropdown-content a{width:101px;}

	/* sub02 : */
	.sub02 ul.locaNav li.loca03{ width:110px;}
	.sub02 ul.locaNav li.loca03 .dropdown-content{width:109px;}
	.sub02 ul.locaNav li.loca03 .dropdown-content a{width:91px;}

	/* sub03 :  */
	.sub03 ul.locaNav li.loca03{ width:105px;}
	.sub03 ul.locaNav li.loca03 .dropdown-content{width:104px;}
	.sub03 ul.locaNav li.loca03 .dropdown-content a{width:86px;}

	/* sub04 : */
	.sub04 ul.locaNav li.loca03{width:100px;}
	.sub04 ul.locaNav li.loca03 .dropdown-content{width:99px;}
	.sub04 ul.locaNav li.loca03 .dropdown-content a{width:81px;}

	/* sub05 : */
	.sub05 ul.locaNav li.loca02{/* padding-left: 47px; width: 98px; */}
	.sub05 ul.locaNav li.loca03{width:111px;}
	.sub05 ul.locaNav li.loca03 .dropdown-content{width:110px; /* left: 144px; */ left: 157px;}
	.sub05 ul.locaNav li.loca03 .dropdown-content a{width:92px;}
	.sub05 ul.locaNav li.loca04{width: 74px;}
	.sub05 ul.locaNav li.loca04 .dropdown-content{width: 73px; /* left: 255px; */ left: 268px;}
	.sub05 ul.locaNav li.loca04 .dropdown-content a{width:55px;}

/* contentsWrap */
	.contentsWrap{width: 100%; min-width: 990px; margin-top: 30px;}
	.sub05 .contentsWrap{width: 100%; min-width: 990px; margin-top: 50px;}
	.contents{margin: 0 auto; max-width: 1024px; display: block;}
	.conHeader{text-align: center; margin-bottom: 50px;}
	.conHeader h2{font-size:/* 32px */2.000em; font-weight: bold; color: #383838;}
	.conLayout{max-width: 990px; min-width: 600px; margin: 0 auto; position:relative;}

/* member service  */
.sub00{padding-bottom:80px;}
.sub00 .contentsWrap{margin-top:80px; }
.loginForm{width: 422px; display: block; margin: 0 auto;}
.loginForm form div, .codeSave_check{float: left;}
.loginForm form div input{font-size:0.875em; display: block; overflow: hidden; width: 278px; height: 18px; border: 1px solid rgb(219, 219, 219); resize:none; padding:10px; margin-bottom: 14px;}
.loginForm form a{  float: right; display: inline-block; width: 112px; height: 93px;}
.loginForm form.codeSave_check{ color: #959595; font-size: 0.750em; letter-spacing: -0.05em; height: 15px;}
.loginForm form.codeSave_check input{ height: 14px; width: 14px; *margin-right:2px;}
.loginForm form.codeSave_check label{vertical-align: 3px; *vertical-align:0px;}
.loginForm .linkRight{float: right; height: 15px; line-height: 12px; *line-height: 13px;}
.loginForm .linkRight a{color: #959595; font-size: 0.750em; letter-spacing: -0.05em; height: 15px; display: inline-block;}
.loginForm .linkRight .join{border-right:1px solid #dbdbdb; padding-right: 8px;}
.loginForm .linkRight .findPw{color:#83bc1f; padding-left: 1px;}

/*   */
table{width: 100%; border-collapse: collapse; margin-bottom:10px;}
table a{text-decoration: none; color: #383838; /* max-width: 535px; max-width: 420px; */ max-height: 22px; /* display: inline-block;*/ letter-spacing: -0.02em; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}/* 20180319 */
table caption{display:none;}
table thead tr{*background: url(../images/sub/common/tableBg01.gif) repeat-x !important; font-weight: bold; border: 0px; padding: 0px !important; margin: 0px !important; text-align: center; clear: both; color: #383838; font-size:/* 16px */1.000em; border-bottom: 1px solid #e3e3e3; border-top: 2px solid #3d3b38; *border:0px;  background: #fbfbfc;  line-height: 30px;}
table thead th{height:39px; *height:43px; }
table thead th.thFirst{border-left: 1px solid #e3e3e3;}
table thead th.thLast{border-right: 1px solid #e3e3e3;}
table tbody td{white-space: nowrap; text-align:center; border-bottom: 1px solid #e6e6e6; vertical-align: middle; padding: 10px 8px 11px 8px; *padding: 10px 8px 13px 8px;line-height: 18px; font-size: /* 14px */0.875em; }
table tbody td.reply a{background:url(../images/sub/common/icon_tdReply.gif) left no-repeat; padding-left: 13px;}
table tbody tr.notice td.conTitle{font-weight:bold !important;}
table tbody tr.notice > td > span{*font-size:0px/* 0.750em */; display: inline-block; width: 32px; height: 19px; background: url(../images/sub/common/icon_notice.gif) center no-repeat; text-indent: -99999999px;*text-indent:0px;}
table tbody td.tdDate{background: url(../images/sub/common/icon_date.gif) 3px 16px no-repeat; padding-left: 17px;*padding-left: 16px;}
table tbody td.conTitle{text-align:left !important; /* width: 576px; */ max-width: 450px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
table tbody td.conTitle a{ letter-spacing: -0.06em !important;}
table tbody td.conTitle a strong{margin-left:3px; letter-spacing: 0em;}
table tbody td.conTitle span.new{width: 11px; height: 11px; display: inline-block; background: url(../images/sub/common/icon_new.gif) center center no-repeat;
 margin-left: 6px; /* vertical-align:3px; vertical-align:4px\0/IE8; *vertical-align:2px; 20180319 */ }
table tbody tr.tableLast td{border-bottom: 1px solid #4f514d !important;}

table.noList tbody tr.tableLast{}
table.noList tbody td{padding: 50px 8px 50px 8px; border-top:2px solid #3d3b38;}

/*  */
.btnWrite{display: block; width: 100%; text-align: right;}
.btnWrite a{display:inline-block;}

/* paging */
.paging{display: block; height: 24px; margin: 0 auto;padding-top:10px; max-width: 370px; text-align:center; }
.paging .btnWrap{display: inline-block; width: 45px; height: 22px; border: 1px solid #e6e6e6;}
.paging .btnWrap.left{*float: left;}
/* .paging .btnWrap.right{float: right;}*/
.paging .btnWrap a{float: left;}
.paging .btnWrap a.lineR{border-right: 1px solid #e6e6e6;}
.paging ol{/* float:left;  width: 216px;*/ margin-left: 25px; margin-right: 25px; height: 24px; display: inline-block;*margin-left: 0px; *margin-right: 0px; *margin:0 auto; *width:276px; *display:block; *float:left;}
.paging ol li{float: left; width: 21px; text-align: center; line-height: 22px; *float: none; *display:inline; *width: 20px;}
.paging ol li a{font-size:/* 12px */ 0.750em; color: #383838; width: 20px; display: inline-block; /*font-family: dotum;*/ font-family: 'tahoma', sans-serif !important; letter-spacing: -0.1em; *width: 18px;}
.paging ol li a.pageActive{color: #fc4035; text-decoration: underline; }

/*  */
/* */
.selectWrap{display:inline-block; margin-right: 16px; float:left;}
.searchType.selectWrap{margin-right:0px;}
.searchType .selectbox{width:100px;}
.selectbox { position: relative; width: 90px; height: 24px; line-height: 24px; background: url(../images/sub/common/select_open.gif) no-repeat 92% 50%; border: 1px solid #c0c0c0; z-index: 1; float:left;} 
.selectbox label { font-size: 0.750em;position: absolute; top: 0px; left: 5px; height: 24px; line-height: 23px; color: #000; z-index: -1; } 
.selectbox select { width: 100%; height: 24px; line-height: 24px; font-size:0.750em; padding-left:4px; border: 0; opacity: 0; filter:alpha(opacity=0); 
-webkit-appearance: none; /*  */ 
-moz-appearance: none; appearance: none; }
span.selectTit{color: #383838; font-size: 0.750em; letter-spacing: -0.03em; height: 21px; display: inline-block; float: left; padding-top: 4px; padding-right: 6px;}
.bbsSearch{display: block; display: block; width: 285px; height: 26px; margin-bottom: 14px; float: right;}
.bbsSearch .keyType{ position: relative; border: 1px solid #c0c0c0; width: 170px; padding: 2px; height: 20px; padding-left: 5px; float: right; font-size: /* 12px */0.875em;}
.bbsSearch .keyType input{color: #000000; font-size: /* 14px */0.875em; width: 140px; height: 100%;}
.bbsSearch .keyType a{display: inline-block; position:absolute; right: 0; top: 1px;}
.bbsSearch .keyType a img{vertical-align:middle;}

/**/
.bbsDetail{padding-top:40px;}
.bbsDetail .conHead{display:flex; align-items:center; padding-top:7px; padding-bottom:7px; *padding-bottom:12px; font-weight: normal; text-align: left; clear: both; color: #383838;  background: #fff;  line-height: 28px; border-bottom: 1px solid #e6e6e6; border-top: 2px solid #3d3b38;  border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6; position:relative; height:100%;}
.bbsDetail .conHead h3.title{ font-size: 1.063em; font-weight: bold; text-overflow: ellipsis; text-align: left; padding-left: 20px; letter-spacing: -0.02em; font-family: nanum-square-b,"Malgun Gothic", dotum, sans-serif, helvetica; height: 100%; max-width: 531px; display: inline-block; white-space: unset; word-wrap: normal; overflow: visible; *float:left;}
.bbsDetail .conHead span.name{ background: url(../images/sub/common/icon01_nameBG.gif) left center no-repeat; padding-left: 8px; margin-left: 8px;}
.bbsDetail .conHead span.name i{background: url(../images/sub/common/icon01_name.gif) left center no-repeat; width: 14px; height: 14px; display: inline-block; margin-right: 2px; vertical-align: -1px;*vertical-align: 6px;}
.bbsDetail .conHead span.name b{color: #757575; font-size:0.750em; font-weight:normal; font-family:Malgun Gothic,'',dotum; letter-spacing: -0.05em;vertical-align: 1px;*vertical-align: 3px;}
.bbsDetail .conHead span.date{text-align: center; font-size:0.750em;  color: #383838; font-weight: normal; letter-spacing: -0.04em; position: absolute; right: 45px; width: 114px; *top:7px;}
.bbsDetail .conHead span.down{font-size: 0.750em; color: #383838; font-weight: normal; letter-spacing: -0.04em; position: absolute; right: 154px; background: url(../images/sub/common/icon01_nameBG.gif) right center no-repeat; padding-right: 10px; margin-right: 0px; vertical-align: -1px; text-align: right; *top:7px;}
.bbsDetail .conHead span.view{font-size: 0.750em; color: #383838; font-weight: normal; letter-spacing: -0.04em; position: absolute; right: 154px; background: url(../images/sub/common/icon01_nameBG.gif) right center no-repeat; padding-right: 10px; margin-right: 0px; vertical-align: -1px; text-align: right; *top:7px;}
.bbsDetail .conFile{display: block; width: 968px; height: 30px; background: #f3f7ec; border: 1px solid #e6eadd; border-top: 0px; text-align: right; padding-right: 20px;}
.bbsDetail .conFile a{color: #698931; font-size: 12px; background: url(../images/sub/common/fileDownBg.gif) left center no-repeat; padding-left: 19px; line-height: 28px; display: inline-block; margin-left: 23px; text-decoration: underline;}
.bbsDetail .conHead span.down b, .conHead span.view b{ margin-left: 5px;}


.bbsDetail .conHead a.thisPrint{position: absolute; right:20px;}
.bbsDetail .conDetail{text-align:left; padding:19px;border-bottom: 1px solid #3d3b38;}
.bbsDetail .conDetail .conArea{margin-top:30px; margin-bottom:30px; overflow-y:hidden; overflow-x: auto;}/* 20180903 */
.bbsDetail .conDetail .conArea p{font-size: inherit; letter-spacing: -0.02em; color: #383838; line-height: 24px; }/* 20180903 */
.bbsDetail_btn{text-align: right; margin-top: 10px; margin-bottom: 50px;}
.bbsDetail_btn a{display: inline-block; margin-left: -2px;}

/* comment */
.bbsDetail .conDetail h4{font-size: 0.875em; letter-spacing: -0.05em; color:#383838; background: url(../images/sub/common/comntBG.gif) right center no-repeat; width:77px; cursor:default; margin-top:70px;}
.bbsDetail .conDetail .comntArea{display: block; background: #f3f3f3; padding: 8px 20px 10px 20px; padding-bottom: 12px; margin-top:8px;letter-spacing: -0.04em;}
/* comment list */
.bbsDetail .comntList {width: 910px; display: block; float: left;	padding-top:13px; padding-bottom:15px; border-bottom:1px solid #dbdbdb;}
.bbsDetail .comntList .comntHead{display: inline-block; width: 170px; float: left;}
.bbsDetail .comntList .comntHead .comntIcon{	display: inline-block;	vertical-align: middle;	width: 22px; height: 16px; vertical-align:3px; *vertical-align:5px; *margin-right:3px;}
.bbsDetail .comntList .comntHead .comntName{ color: #3d3b38; font-weight: bold; font-size: 0.750em;vertical-align:3px;} 
.bbsDetail .comntList .comntCon{float: left; display: inline-block; width: 740px;}
.bbsDetail .comntList .comntCon p{font-size: 0.750em; color: #383838;line-height: 19px; display: inline; margin-right: 6px;vertical-align: 2px;}
.bbsDetail .comntList .comntCon span{ display: inline-block; font-size: 0.750em; color: #757575;letter-spacing: -0.03em; margin-right: 10px; vertical-align: 2px; }
.bbsDetail .comntList .comntCon a{ display: inline; vertical-align:0px;}

/* comment write */
.bbsDetail .comntWrite{margin-top:20px; width:100%; float:left; *padding-bottom:5px;}
.bbsDetail .comntWrite .select_writeWrap{clear:both; width:100%;}
.bbsDetail .comntWrite .select_writeWrap .comntFormWrap{ width: 100%; height: 60px;display: block;}
.bbsDetail .comntWrite .select_writeWrap .comntFormWrap .txt_area{float: left; width: 780px; height: 48px; border: 1px solid #b5b5b5; resize: none; overflow: auto; display: inline-block; padding: 5px;}
.bbsDetail .comntWrite .select_writeWrap .comntFormWrap .submit_btn{cursor: pointer; float: right; width: 112px; height: 60px; display: inline-block; font-weight: bold; text-indent: -99999999999px; background: url(../images/sub/common/btnWriteComnt.gif) right center no-repeat;}
.bbsDetail .comntWrite .select_writeWrap .comntFormWrap .submit_btn p{display: block; padding-left: 25px; padding-top: 23px;}
.bbsDetail .conDetail .select_writeWrap .txt_count{float:right; color:#2b2b2b; font-size:12px;vertical-align:bottom;line-height:16px;position:absolute; right:0; bottom:-6px;*right:-461px; *bottom:-10px; }

/* comment icon check */
.bbsDetail .conDetail .select_writeWrap .comntIconWrap{ width: 100%; height: 16px; display: block; margin-top: 8px;*margin-top: 5px;}
.bbsDetail .conDetail .select_writeWrap .comntIconWrap .radioholder {width: 22px; height: 16px; float: left; margin-right: 9px; cursor: pointer;}
.bbsDetail .conDetail .select_writeWrap .comntIconWrap .radioholder label{display:none;}
.bbsDetail .conDetail .select_writeWrap .comntIconWrap .activeradioholder .tick {background-image: url(../images/sub/common/iconGroup_on.gif); background-size: cover;}

/* comment icon  */
.bbsDetail .conDetail .tick {display: inline-block; vertical-align: middle; width: 22px; height: 16px; background-image: url(../images/sub/common/iconGroup_off.gif);}
.bbsDetail .conDetail .icon01 .tick{background-position-y: 0px;}
.bbsDetail .conDetail .icon02 .tick{background-position-y: -21px;}
.bbsDetail .conDetail .icon03 .tick{background-position-y: -42px;}
.bbsDetail .conDetail .icon04 .tick{background-position-y: -63px;}
.bbsDetail .conDetail .icon05 .tick{background-position-y: -84px;}

/* */
.bbsWrite{border-top: 2px solid #3c3b37; border-bottom: 1px solid #3c3b37;}
.bbsWrite h3{color: #383838; font-size: 0.875em; letter-spacing: -0.04em; display: inline-block; width: 140px; float: left; margin-left: 20px; cursor:default;}
.bbsWrite .writeName h3{line-height: 18px;}
.bbsWrite .writeTitle h3{line-height: 24px;}
.bbsWrite .uploadFile h3{line-height: 24px;}
.bbsWrite .selectType h3{line-height: 24px;}
.bbsWrite .writeName, .bbsWrite .writeTitle, .bbsWrite .writeCon, .bbsWrite .uploadFile, .selectType{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.bbsWrite .writeName {padding-top: 16px; padding-bottom: 16px;}
.bbsWrite .writeName span, .bbsWrite .writeTitleFrom, .bbsWrite .textEditor, .bbsWrite .uploadFileFrom{float: left; display: inline-block; margin-right: 20px; width: 810px; color: #383838; font-size: 0.875em; letter-spacing: -0.04em; line-height:18px;}
.bbsWrite .writeTitleFrom input{width: 360px; height: 20px; border: 1px solid #c0c0c0; padding:3px 8px 4px 8px; letter-spacing: -0.03em; color: #383838; vertical-align:middle; line-height:24px;}
.bbsWrite .writeTitleFrom span{/* color:#98bf53; */color:#98bf53;font-size: 0.875em; letter-spacing: -0.04em; margin-left:10px; cursor:default;}
.bbsWrite .writeCon{padding-bottom:17px;}
.bbsWrite .writeCon.last{border-bottom:none;}
.bbsWrite .writeCon .textEditor{ height: 300px; }
.bbsWrite .writeCon .textEditor textarea{ resize: none;width: 100%; height: 100%;}
.bbsWrite .writeCon .textEditor.sample textarea{ background: url(../images/sub/common/editorSample.gif) left top no-repeat;}

.bbsWrite_btn{display: block; text-align: center; margin-top: 20px; height: 43px;}
.bbsWrite_btn a{ display: inline-block; margin-right: 3px;}

/*  */
.file-upload{display:block;}
.file-upload span.tip{color: #98bf53; font-size: 0.875em; letter-spacing: -0.05em; margin-left: 10px; cursor: default; display: inline-block; position: absolute; right: 8px; top: 6px;}
.file-upload .delFile{ display: none; position: absolute; left: 349px; width: 28px; height: 19px; z-index: 1010; top: 1px; padding-top: 7px; text-align: center; background: #fff;}
.file-upload .file-select{display: block; cursor: pointer; text-align: left; overflow: hidden; position: relative; width: 467px;}
.file-upload .file-select .file-select-button{display: inline-block; float: right; background: url(../images/sub/common/btnFileSelect.gif) center no-repeat; text-indent: -99999999999px; width: 84px; height: 30px;}
.file-upload .file-select .file-select-name{overflow:hidden; width: 360px; height: 20px; border: 1px solid #c0c0c0; padding: 3px 8px 4px 8px; color: #757575; vertical-align: middle; line-height: 19px; font-size: 0.875em; background:#fff; cursor: pointer !important; letter-spacing: -0.04em;float: left;display: inline-block;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file {visibility: hidden; position: absolute;}
.file2{display:none; margin-top: 5px;}
.uploadFileFrom{position: relative;}
.addFile{display: inline-block; width: 166px; position: absolute; left: 478px; top: 7px; *top: 4px;}
.addFile input{}
.addFile label{ color: #383838; font-size: 12px; vertical-align: 3px; }
.browse{cursor: pointer !important; display: block; cursor: pointer; text-align: left; overflow: hidden; position: relative; width: 467px;}

/*  */
.added .file-select{cursor:default;}
.added .file-select .file-select-button{display:none;}
.added .file-select input[type=file]{cursor:default;}
.added .file-select .file-select-name{ /* background: #f3f7ec; */ border: 0px; color: #698931; /* cursor: default !important; */ color: #698931; /* background: url(../images/sub/common/fileDownBg.gif) left center no-repeat; */  padding-left: 0px; line-height: 19px; display: inline-block; text-decoration: underline; width: auto; padding-right: 1px;}
.added .file-select .file-select-name a{background: #f3f7ec; border: 0px; color: #698931; cursor: pointer; color: #698931; background: url(../images/sub/common/fileDownBg.gif) left center no-repeat; padding-left: 19px; line-height: 19px; display: inline-block; text-decoration: underline; width: auto; padding-right: 5px;}
.added .delFile{display: inline; position: static; display: inline-block; width: 15px; padding-top: 7px;}


/* */
.layerPopWrap{width: 100%; margin: 0 auto; position: absolute; top: 233px; z-index: 1099; display:block;}
.layerPop{width: 556px; height: 570px; border: 2px solid #3d3b38; background: #fff; z-index: 1099; padding: 20px; margin: 0 auto; }
.layerPop h4{color:#383838; font-size:15px; text-align:center; margin-bottom:20px;}
.layerPop .a_content{ width: 552px; display: block; margin: 0 auto; border: 1px solid #cecece; margin-bottom: 20px; max-height:480px; overflow-y:scroll;}
.layerPop .a_content .txtWrap h5{ font-size: 1em; letter-spacing: -0.06em; font-weight: bold;}
.layerPop .a_content .txtWrap{ padding: 10px 15px; color: #959595; /* background: #fff; */ margin: 0 auto; height:455px; overflow-y: auto; cursor: default; font-size: 0.750em; letter-spacing: -0.06em; line-height: 18px;}
.layerPop a{ margin: 0 auto; display: block; width: 56px; height: 30px;}
.layerPop .txtLayer{    color: rgb(149, 149, 149);
    box-sizing: border-box;
    width: 100%;
    height: 475px;
    cursor: default;
    font-size: 12px;
    letter-spacing: -0.06em;
    line-height: 18px;
    resize: none;
    font-family: "", "Malgun Gothic", dotum, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica;
    padding: 10px;}

/**/
/** sub01 **/
/* : knowhow */
	.sub01.knowhow .bbsSearchType{position: absolute; left: 0; top: 0;}
	.sub01.knowhow .bbsSearchType form{display: inline-block; float: left; margin-right:16px;}
	.sub01.knowhow .bbsSearchType form label{color:#383838; font-size: 0.750em; letter-spacing:-0.03em; height:21px; display:inline-block; float:left; padding-top: 4px; padding-right: 6px;}
	.sub01.knowhow .bbsSearchType form .selectWrap{width: 90px; margin-right:16px;}
	.sub01.knowhow .bbsSearchType form select{width: 90px; font-size: 0.750em;}
	:root .sub01.knowhow .bbsSearchType form select{width:94px \0/IE9;}
	.sub01.knowhow .selectType .bbsSearchType{position: static;}
	.sub01.knowhow .bbsList .type_a span, .type_n span{ *font-size:0px/* 0.750em */; display: inline-block; width: 28px; height: 16px; text-indent: -99999999px;*text-indent:0px;}/* 20180319 */
	.sub01.knowhow .bbsList .type_a span{background: url(../images/sub/common/icon_typeAnal.gif) center no-repeat;}
	.sub01.knowhow .bbsList .type_n span{background: url(../images/sub/common/icon_typeNormal.gif) center no-repeat;}
	.sub01.knowhow .bbsWrite{margin-top:70px;*margin-top:40px;}

/** sub02  **/
/*  */
	.guide .guideSelectWrap {float: right;}
	.guide .selectCon{float: left; height: 30px; color: #383838; font-weight: normal; font-size: 0.875em; letter-spacing: -0.04em; padding-left: 35px; /* line-height: 29px; */ padding-right: 7px; padding-bottom: 11px;}/* 20180319 */
	.guide .calendarSelect{ display: inline-block;*display:inline;}
	.guide .calendarSelect label{ cursor: pointer; vertical-align: 2px; display: inline-block;}
	.guide .calendarSelect input{width: 86px; height: 14px; border: 1px solid #dbdbdb; padding: 5px; padding-left: 7px; font-size: 0.875em; cursor: pointer; vertical-align: 7px; *vertical-align: 3px;}
	.guide .calendarSelect span{vertical-align: 7px; padding-left: 3px; padding-right: 3px;}/* 20180319*/
	.guide .btn{display: block; width: 56px; float: left; /* margin-top: 2px; */}/* 20180319*/
	.guide .btn a{display:inline-block;}
	.guide p.notice{background: #fef3ef; text-align: left; color: #ed531c; letter-spacing: -0.04em; font-size: 0.813em; line-height: 20px; margin-top: 50px; padding: 20px; padding-left: 40px;}
	.guide p.notice strong{display: inline-block; float: left; width: 130px;}
	.guide p.notice span{float: left; display: inline-block;}
	.guide p.notice img{ vertical-align: -2px; margin-right: 4px;}

/* 게임*/
	.schedule .schWrap{text-align: center; padding-top: 40px; width: 700px; margin: 0 auto;}
	.schedule .schWrap p{margin:5px 0 0 0;font-size:11px;text-align:right;}
	.schedule .btn {text-align:center; padding-top:30px;}

/*미*/
	.totoimage h3{font-size: 1.125em; color: #383838; letter-spacing: -0.04em; background: url(../images/sub/data/dataH3bg.gif) left center no-repeat; margin-bottom: 13px; padding-left: 8px;}
	.totoimage .section{margin-top:70px;}
	.totoimage .tabListWrap{ width: 100%; display: block;}
	.totoimage .tabListWrap .tabList > span{ position: absolute; right: 0; bottom: 10px; font-size: 0.750em; color: #383838; letter-spacing: -0.06em;}
	.totoimage .tabListWrap .tabList ul{display: block; height: 43px;}
	.totoimage .tabListWrap .tabList{display: block; position:relative; height: 41px; width: 100%; border-bottom: 2px solid #3b3c37;}
	.totoimage .tabListWrap .tabList ul li{ list-style: none; float: left; text-align: center; height: 42px; border-bottom: 1px solid #3b3c37;}
	.totoimage .tabListWrap .tabList ul li.tab01 a{background:#fff url(../images/sub/data/dataTab01_off.gif) center center no-repeat; width: 106px; border-right: 0px;}
	.totoimage .tabListWrap .tabList ul li.tab02 a{background:#fff url(../images/sub/data/dataTab02_off.gif) center center no-repeat; width: 113px; border-right: 0px;}
	.totoimage .tabListWrap .tabList ul li.tab03 a{background:#fff url(../images/sub/data/dataTab03_off.gif) center center no-repeat; width: 113px;}
	.totoimage .tabListWrap .tabList ul li.tab01 a.active{background:#3b3c37 url(../images/sub/data/dataTab01_on.gif) center center no-repeat;}
	.totoimage .tabListWrap .tabList ul li.tab02 a.active{background:#3b3c37 url(../images/sub/data/dataTab02_on.gif) center center no-repeat;}
	.totoimage .tabListWrap .tabList ul li.tab03 a.active{background:#3b3c37 url(../images/sub/data/dataTab03_on.gif) center center no-repeat;}
	.totoimage .tabListWrap .tabList ul li a{display: inline-block; font-size: 1em; line-height: 35px; height: 40px; color: #334359; background: #fcfcfc; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;}
	.totoimage .tabList ul li a.active{background:#3b3c37; border-left: 0px; border-right: 0px; border-top: 1px solid #3b3c37;}
	.totoimage .dataDown{width:1005px;}
	.totoimage .dataDown .downList{position:relative;width:320px; display:inline-block;text-align:center; margin-right:15px; float:left; height:244px;}
	.totoimage .dataDown .downList a{background:#ccc; display:inline-block; width:320px; height:200px; overflow:hidden;}/* 20180315 */
	.totoimage .dataDown .downList .downHover{background:url(../images/sub/data/downHoverBg.png) left no-repeat; width:320px; height:200px; position:absolute; top:0; left:0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/* IE 8 */
	filter: alpha(opacity=0);/* IE 5-7 */
	-moz-opacity: 0;/* Netscape */
	-khtml-opacity: 0;/* Safari 1.x */
	opacity: 0;/* Good browsers */
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;}
	.totoimage .dataDown .downList .downHover:hover{display:block;width:320px; height:200px; position:absolute; top:0; left:0; background:url(../images/sub/data/downHoverBg.png) left no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* IE 8 */
	filter: alpha(opacity=100);/* IE 5-7 */
	-moz-opacity: 1;/* Netscape */
	-khtml-opacity: 1;/* Safari 1.x */
	opacity: 1;/* Good browsers */}
	.totoimage .dataDown .downList p{ color: #383838; font-size: 0.875em; letter-spacing: -0.04em; line-height: 30px; padding-bottom: 13px; display: block; }
	.totoimage .dataDown .downList p span{font-size: 0.813em; vertical-align: 2px; display: inline-block; width: 11px; margin-left: 4px;}
	.totoimage p.notice{ height: 17px; padding: 9px; background: #fef3ef; text-align: center; color: #ed531c; letter-spacing: -0.04em; font-size: 0.813em; line-height: 16px; margin-top: 50px; margin-bottom: 60px;}
	.totoimage p.notice img{ vertical-align: -2px; margin-right: 4px;}

/** sub03교육 **/
/*교육 */
	.video{padding-bottom:85px;}
	.video .contentsWrap{margin-top:50px;}
	
	/*교육 리스*/
	.video div.videoList{min-width: 600px;padding-bottom: 85px;}
	.video div.videoList ul{border-top: 2px solid #383838;}
	.video div.videoList ul li{border-bottom: 1px solid #dfdfdf; display: block; padding-top: 30px; padding-bottom: 30px; height: auto; margin:0; width: 100%;
	 min-width: 800px; position: relative;}
	.video div.videoList ul li.last{border-bottom: 1px solid #3d3b38;}
	.video div.videoList ul li a.thumb{height: 185px; float: left; margin-right: 20px; width: 380px; position: relative;display: block; overflow:hidden; background: #ccc;}
	.video div.videoList ul li a.thumb img{width: 380px;}
	.video div.videoList ul li a.thumb span{right:0; bottom:0; z-index:1010; }
	.video div.videoList ul li a.thumb span img{width:41px;}
	.video div.videoList ul li a.thumb .done{background: url(../images/sub/edu/videoOk.png) left top no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -99999999999999px; z-index:1011;}
	.video div.videoList ul li h3{padding: 5px 0; display: inline-block; width: 100%; max-width: 500px; *padding-top:0px;}
	.video div.videoList ul li h3 a{font-size: 18px;color: #383838;font-family:'nanum-square-b',Malgun Gothic,'',dotum,'',gulim,Arial,AppleGothic,verdana,sans-serif,helvetica; *font-family:inherit;}
	.video div.videoList ul li span{position: absolute; right: 0; font-size: 12px; color: #383838;}
	.video div.videoList ul li p{display: inline-block; font-size: 0.813em; letter-spacing: -0.06em; color: #e94537; padding-left: 16px; background: url(../images/sub/common/icon_caution02.gif) left 4px no-repeat;}
	.video div.videoList ul li .videoBtn{display: inline-block; position: absolute; right: 0; bottom: 0px;}
	.video div.videoList ul li .videoBtn a{display: inline-block; *margin-left:5px;}/* 20180321 */
	.video div.noList ul li{padding-top:95px; padding-bottom:105px;border-bottom: 1px solid #3d3b38;}
	.video div.noList ul li h4{text-align: center; color: #717171; font-size: 1.125em; letter-spacing: -0.06em;}
	.video div.noList ul li p{ background: none; text-align: center; width: 100%; padding: 0px; padding-top: 10px; color: #717171;}
/* 	.video div.videoList ul li a.thumb:hover span{right: 153px; top:75px;}*/	 
	.video div.videoList ul li .thumbDetail{ float: left; width: 590px; height: 185px; position:relative;}
	.video div.videoList ul li .thumbDetail span{top:0px;}


	
	/*교육*/
	.sub03 .bbsDetail .conHead span.date{right: 20px; width: 180px; text-align: right;}
	.video .videoTB .conDetail td{padding-top:70px !important; padding-bottom:70px !important;}
	.video .videoTB .videoCon{max-width: 640px; margin: 0 auto;}
	.video .videoTB .videoCon .notiBox{margin-top: 30px; color: #2c2c2c; line-height: 22px;}
	.video .videoTB .videoCon .notiBox .notiStrong{color: #ed531c; background: url(../images/sub/common/icon_caution02.gif) left 4px no-repeat; padding-left: 16px; font-size: 1em; padding-bottom: 12px; display: inline-block;}
	/* .video .videoTB .videoCon .notiBox span{color:#c23300;} */
	.video .videoTB .videoCon .notiBox{background: #fef3ef; padding: 20px; display: block; font-size: 0.750em; line-height:18px;}
	.bbsDetail .conDetail .conArea .notiBox .notiText p{font-size: inherit; letter-spacing: inherit; color: inherit; line-height: inherit; }


		/*교육모바*/
		.video .videoTB .videoCon.mobile{max-width:none;}
		.video .videoTB .videoCon .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
		.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.video .videoTB .videoCon .embed-container .layerPopWrap{ height: 100%; left: 0; top: 0; text-align: center; padding: 20%; box-sizing: border-box; background: rgba(0,0,0,0.8);}
		.video .videoTB .videoCon .embed-container .layerPopWrap p{ color: #fff; padding-bottom: 15px; font-size: 2em; line-height: 45px; margin-top: 0;}
		.video .videoTB .videoCon .embed-container .layerPopWrap a{ width: 150px; height: 43px; background: #fff; display: inline-block; border-radius: 5px; border: 1px solid #ccc; text-align: center; padding-top: 18px; padding-bottom: 18px; margin-top: 10px; color: #3d3b38; font-weight: bold; font-size: 2em; line-height: 39px;}

/* 반응css test
@media (max-width: 320px) {
#container{min-width:320px;}
#container .contentsWrap{min-width: 320px;}
#container {min-width: 320px;}
.video div.videoList{min-width:320px;}
.video div.videoList ul li a.thumb{float: none; margin: 0 auto; min-width: 320px; max-width: 380px;}
.video div.videoList ul li a.thumb img{width:100%;}
.video div.videoList ul li{min-width: 320px;}
.video div.videoList ul li .thumbDetail{ float: none; margin: 0 auto; width: 380px; height: 150px; margin-top: 10px;}
.video div.videoList ul li .thumbDetail span{ position: static; display: block;}
.video div.videoList ul li p{ display: block; margin-bottom: 10px; margin-top: 10px;}
.video div.videoList ul li .videoBtn{position: static; margin: 0 auto; width: 380px; text-align: center; margin-top: 10px;}

}

@media (min-width: 361px) and (max-width: 900px) {
#container{min-width:320px;}

}

@media (min-width: 901px) {


}
*/



/*문조*/
	/*문조*/
	.survey .bbsDetail .conHead h3.title span img{ vertical-align: -3px; margin-left: 7px;}
	.survey .bbsDetail .surveyBox{ margin-bottom: 47px;}
	.survey .bbsDetail .surveyBox p strong{letter-spacing: -0.05em; padding-bottom: 13px; display: block;}
	.survey .bbsDetail .surveyBox textarea{ border: 1px solid rgb(219, 219, 219); padding: 5px; width: 940px; resize: vertical; margin-top: 0px; margin-bottom: 0px; color:#383838; min-height: 60px;}

	/* ----------------- // radio button jquery-ui style start ----------------- */

	.ui-helper-hidden {display: none;}
	.ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	.ui-button {width: 898px; text-align: left; padding: 7px 10px 8px 42px; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; color: #383838; overflow: visible; margin-bottom: 4px; font-size: 0.875em; letter-spacing: -0.04em; line-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.ui-button,
	/* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
	html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background: #f3f3f3 url(../images/sub/edu/BtnSurveyRadio_off.gif) 15px center no-repeat;font-weight: normal;}
	a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {text-decoration: none;}
	.ui-button:hover,.ui-button:focus {background: #efefef url(../images/sub/edu/BtnSurveyRadio_off.gif) 15px center no-repeat;font-weight: normal;}
	a.ui-button:hover, a.ui-button:focus {text-decoration: none;}
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #e2f1c7 url(../images/sub/edu/BtnSurveyRadio_on.gif) 15px center no-repeat; font-weight: normal;}

	/* ----------------- radio button jquery-ui style end // ----------------- */

	/*문조결과*/
	.survey .bbsDetail{padding-bottom:50px;}
	.survey .graphWrap {width: 950px;}
	.survey .bar { background: #e0e0e0; width: 0; color: #383838; transition: width 2s, background .2s; -webkit-transform: translate3d(0, 0, 0); clear: both; font-weight: normal; height: 40px;}
	.survey .bar .label { padding-left: 15px; width: 700px; display: inline-block; z-index: 1000; font-size: 0.875em; letter-spacing: -0.04em; line-height: 40px;}
	.survey .pNum{ display: inline-block; z-index: 1010; color: #767676; font-size: 0.750em; position: absolute; right: 65px; line-height: 38px; vertical-align: middle;}
	.survey .count { z-index: 1010;position: absolute; right: 15px; display: inline-block; font-size: 1.125em; font-family: nanum-square-b,Malgun Gothic,dotum, sans-serif,helvetica; line-height: 42px; vertical-align: middle; color: #767676; font-weight:bold;}
	.survey .barBg{ background: #f3f3f3; position: relative; height: 40px; width: 100%; margin-bottom: 4px;}
	.survey .best .count{color: #383838;}
	.survey .best .pNum{color: #383838;}
	.survey .best .bar{ background: #95cd32;}
	.survey .best .bar .label{color:#fff; font-weight:bold;}

/* 20180425추*/
/* ie8 */
@media \0screen {
	.survey .count{line-height:37px;}
	.survey .pNum{line-height:40px;}
}



/** sub04 고객**/
	.sub04 .bbsDetail .conDetail .conArea{margin-top: 50px; margin-bottom: 50px;}
	.sub04 table.simple{border-top: 1px solid #ebebeb;}
	.sub04 table.simple tbody tr td{border-bottom: 1px solid #ebebeb; color:#747474; font-size:0.750em; letter-spacing:-0.04em;}
	.sub04 table.simple tbody tr td.pre{background: url(../images/sub/common/icon_pre.gif) 48px 16px no-repeat; text-align: left; padding-left: 20px;}
	.sub04 table.simple tbody tr td.next{ background: url(../images/sub/common/icon_next.gif) 48px 16px no-repeat; text-align: left; padding-left: 20px;}
	.sub04 table.simple tbody tr td.conTitle{color:#383838; font-size:0.875em;}
	.sub04.news table tbody tr td.conTitle{padding-left: 33px;}
	.sub04.news .selectTab{display:block; float:left; margin-top:8px; *margin-top:5px;}
	.sub04.news .selectTab li{float:left;}
	.sub04.news .selectTab li.first a{padding-left:0px; background:none;}
	.sub04.news .selectTab li a{display: inline-block; color: #000; font-size: 0.750em; background: url(../images/sub/common/tabBg.gif) left center no-repeat; letter-spacing: -0.04em; padding: 0px 10px;}
	.sub04.news .selectTab li a.on{font-weight:bold;}
	.sub04.qna .contentsWrap{margin-top:50px;}
	.sub04.qna .dummy{display:block; width:100%; height:20px;}
	.sub04.qna table tbody tr td{ *padding: 12px 8px 11px 8px; }
	.sub04.qna table.noList tbody tr td{ *padding: 50px 8px 50px 8px; }
	.sub04.qna table tbody tr td.tdDate{background: url(../images/sub/common/icon_date.gif) 7px 17px no-repeat; *background: url(../images/sub/common/icon_date.gif) 3px 17px no-repeat;}
	.sub04.qna table tbody tr td.conTitle{padding-left:35px;}
	.sub04.qna .bbsWrite .writeTitleFrom input{width:792px;}
	.sub04.qna p.noti{color: #383838; font-size: 0.813em; letter-spacing: -0.04em; line-height: 19px; margin-bottom: 14px;}
	.sub04.qna .bbsDetail{padding-top:0px;}
	.sub04.qna .bbsDetail .conHead span.date{right:0px;}
	.sub04.qna .bbsWrite .writeCon .textEditor{/* border: 1px solid #c0c0c0; */ width: 808px;}
	.sub04.qna .bbsWrite .writeCon .textEditor textarea{border: 1px solid #c0c0c0; height: 270px !important; height: 269px !important; width: 778px !important; padding: 15px;}
	.sub04 .bbsDetail .conDetail .replyArea{ background: #f3f3f3; padding: 20px; font-size: 0.750em; letter-spacing: -0.04em;}
	.sub04 .bbsDetail .conDetail .replyArea .reWrap{position: relative;}
	.sub04 .bbsDetail .conDetail .replyArea .reWrap .reHead{ float: left; color: #3d3b38; font-weight: bold; width: 120px; display: block; height: 100%;}
	.sub04 .bbsDetail .conDetail .replyArea .reWrap .reDate{position: absolute; right: 0; top: 0; color: #757575;}
	.sub04 .bbsDetail .conDetail .replyArea .reWrap .reCon{color:#383838; float: left; width:705px;}
	.sub04 .bbsDetail .conDetail .replyArea .reWrap .reFile{margin-top:20px;}
	.sub04 .bbsDetail .conDetail .replyArea .reWrap .reFile a{color: #698931; font-size: 12px; background: url(../images/sub/common/fileDownBg.gif) left center no-repeat; padding-left: 19px; line-height: 28px; display: inline-block; text-decoration: underline;}
	.sub04 .file2{display:none; margin-top: 0px;}




/** sub05 마이**/
/* 교육*/
	.myEdu .eduSelectWrap{border-top: 2px solid #3d3b38;}
	.myEdu .eduSelectWrap .selectHead{ float: left; width: 132px; height: 18px; background: #f2f2f2; padding: 16px 10px 16px 35px; color: #383838; font-weight: bold; font-size: 0.875em; letter-spacing: -0.04em; line-height: 18px;}
	.myEdu .eduSelectWrap .select01, .select02 {border-bottom: 1px solid #e3e3e3;}
	.myEdu .eduSelectWrap .select01 .selectCon{ float: left; width: 767px; height: 18px; background: #fbfbfc; padding: 16px 10px; color: #383838; font-weight: normal; font-size: 0.875em; letter-spacing: -0.04em; line-height: 17px; *line-height: 20px; padding-left: 35px;}
	.myEdu .eduSelectWrap .select01 .selectCon input{margin-right: 6px; vertical-align: -2px; *vertical-align: -1px;}
	.myEdu .eduSelectWrap .select01 .selectCon label{margin-right: 25px;}
	.myEdu .eduSelectWrap .select02 .selectCon{float: left; width: 767px; height: 30px; background: #fbfbfc; padding: 10px; color: #383838; font-weight: normal; font-size: 0.875em; letter-spacing: -0.04em; padding-left: 35px; line-height: 29px;*line-height: 33px;}
	.myEdu .eduSelectWrap .select02 .calendarSelect{ display: inline-block;*display:inline;}
	.myEdu .eduSelectWrap .select02 .calendarSelect label{ cursor: pointer; vertical-align: 1px; display: inline-block;}
	.myEdu .eduSelectWrap .select02 .calendarSelect input{width: 86px; height: 14px; border: 1px solid #dbdbdb; padding: 5px; padding-left: 7px; font-size: 0.875em; cursor: pointer; vertical-align: 7px; *vertical-align: 3px;}
	.myEdu .eduSelectWrap .select02 .calendarSelect span{vertical-align: 6px; padding-left: 3px; padding-right: 3px;}
	.myEdu .eduSelectWrap .select02 .showBtn{display:inline-block; *display:inline; margin-left:5px;}
	.myEdu .eduSelectWrap .select02 .showBtn a{ display: inline-block; vertical-align: -2px; }
	.myEdu .btn{display: block; width: 100%; margin-top: 20px; text-align: center;}
	.myEdu .btn a{display:inline-block;}
	.myEdu table{margin-top:50px;margin-bottom:20px;}
	.myEdu table tbody tr td.conTitle a{vertical-align:4px; *vertical-align:-2px; cursor:default !important; color:#000; }/* 20180425 */
	.myEdu table tbody tr td.conTitle span{margin-left:10px; *margin-left:5px; *vertical-align:-5px;}
	.myEdu table tbody tr td.tdDate{background: url(../images/sub/common/icon_date.gif) 11px 16px no-repeat; *background: url(../images/sub/common/icon_date.gif) 11px 18px no-repeat; background: url(../images/sub/common/icon_date.gif) 11px 16px no-repeat \0/IE8+9; padding-left: 13px;*padding-left: 15px;}


/*매인계약 */
	.retailAgree .contents{position:relative;}
	.retailAgree{padding-bottom:100px;}
	.retailAgree .conLayout{max-width: 990px !important; margin: 0 auto;}
	.retailAgree .conLayout .conWrapper{max-width: 720px; margin: 0 auto;}
	.retailAgree h3{padding-top:20px; margin-bottom:100px !important;}
	.retailAgree .noticeText{text-align:center; margin-bottom:70px;}
	.retailAgree .noticeText p{ margin-top: 5px;}
	.retailAgree h4 span{ color: #383838; font-size: 0.750em; font-weight: normal; margin-left: 10px; letter-spacing: -0.04em;}/* 20180424 */
	.retailAgree h4 strong{color:#83bc1f; font-family:nanum-square-b,Malgun Gothic, dotum, gulim,Arial,AppleGothic,verdana,sans-serif,helvetica;}
	.retailAgree .joinForm form > div{margin-left:70px !important;}
	.retailAgree .joinForm form div a{ display: inline-block; margin-left: 5px;}
	.retailAgree .section02 .formNoti{ color: #858585; font-size: 0.750em; letter-spacing: -0.09em; margin-top:3px; margin-bottom: 50px;}
	.retailAgree .section02 .joinForm div{ float: left; width: 358px; height: 190px; text-align: center; padding-top: 60px; padding-bottom: 50px;}
	.retailAgree .section02 .joinForm div.check01{border-right: 1px solid #e3e3e3;}
	.retailAgree .section02 .joinForm div.check01 a{background:url(../images/sub/mypage/bgMobile.gif) center top no-repeat;}
	.retailAgree .section02 .joinForm div.check02 a{background:url(../images/sub/mypage/bgPin.gif) center top no-repeat;}
	.retailAgree .section02 .joinForm div a{display:block; margin:0 auto; width:150px; height:190px;position: relative; }
	.retailAgree .section02 .joinForm div a img{position:absolute; bottom:0; left:2px;}
	.retailAgree .accordion-container .set{ cursor: pointer; position: relative; width: 100%; height: auto; background: #f2f2f2 !important; border-top: 1px solid #e3e3e3 !important; cursor:default !important;}
	.retailAgree .accordion-container .set > span{ display: block; padding: 17px 15px; padding-left: 52px; text-decoration: none; color: #383838; font-weight: 600; font-size: 0.875em; letter-spacing: -0.04em; }
	.retailAgree .accordion-container .set .a_content{display:block !important; background:none !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;}
	.retailAgree .accordion-container .set .a_content div.txtWrap{ height: 178px !important;}
	.retailAgree .accordion-container .set .a_content div.txtWrap .txtarea{height: 177px !important; *height: 156px !important;}/* 20180320߰*/
	.retailAgree .accordion-container .set.checked{background:#f0f6e6 !important;}
	.retailAgree .section{text-align: center; padding-bottom: 80px;}
	.retailAgree .section .loadIcon{ padding-top: 50px; margin-bottom: 35px;}
	.retailAgree .section .agreeFin{padding-bottom:30px;}
	.retailAgree .printBtnWrap{ margin-top: 50px;}
	.retailAgree .printBtnWrap a{border: 1px solid #a1a1a1; padding: 6px 10px; border-radius: 3px; line-height: 18px; height: 33px; *height: 21px; box-sizing: border-box; background: url(../images/sub/common/icon_bbsPrint.gif) 13px center no-repeat; padding-left: 45px; padding-right: 15px; color: #3d3b38; font-size: 15px; letter-spacing: -1px; font-weight: bold; display: inline-block;}
	.retailAgree .printBtnWrap a span{ color: #ed531c;}



	/*매인계약린트 */
	.downListWrap .downList{ margin-top:70px; display: flex; width: 100%; height: 80px; background: #f3f7ec; border: 1px solid #e6eadd; text-align: left; box-sizing: border-box; align-items: center; justify-content: center;}
	.downListWrap .downList span{ float: left; color: #698833; font-weight: bold; font-size: 0.938em; line-height: 60px; margin-right:60px; letter-spacing: -0.02em; white-space: nowrap;}
	.downListWrap .downList a{color: #698931; font-size: 13px; background: url(../images/sub/common/fileDownBg.gif) left center no-repeat; padding-left: 20px; line-height: 32px; display: inline-block; margin-left: 12px; text-decoration: underline;}
	.downListWrap p{color: #838383 !important; font-size: 0.750em !important; letter-spacing: -0.02em !important;margin-top: 10px;}
	.downListWrap p img{vertical-align:-4px; margin-right:10px;}
	.downListWrap a{color: #838383; font-weight:bold; text-decoration:underline;}


	/*개인보처리방*/
	.contractSuccession .contents{position:relative;}
	.contractSuccession{padding-bottom:100px;}
	.contractSuccession .conLayout{max-width: 990px !important; margin: 0 auto;}
	.contractSuccession .conLayout .conWrapper{max-width: 720px; margin: 0 auto;}
	.contractSuccession h3{padding-top:20px; margin-bottom:100px !important;}
	.contractSuccession .noticeText{text-align:center; margin-bottom:70px;}
	.contractSuccession .noticeText p{ margin-top: 5px;}
	.contractSuccession h4 span{ color: #383838; font-size: 0.750em; font-weight: normal; margin-left: 10px; letter-spacing: -0.04em;}/* 20180424 */
	.contractSuccession h4 strong{color:#83bc1f; font-family:nanum-square-b,Malgun Gothic, dotum, gulim,Arial,AppleGothic,verdana,sans-serif,helvetica;}
	.contractSuccession .joinForm form > div{margin-left:70px !important;}
	.contractSuccession .joinForm form div a{ display: inline-block; margin-left: 5px;}
	.contractSuccession .section02 .formNoti{ color: #858585; font-size: 0.750em; letter-spacing: -0.09em; margin-top:3px; margin-bottom: 50px;}
	.contractSuccession .section02 .joinForm div{ float: left; width: 358px; height: 190px; text-align: center; padding-top: 60px; padding-bottom: 50px;}
	.contractSuccession .section02 .joinForm div.check01{border-right: 1px solid #e3e3e3;}
	.contractSuccession .section02 .joinForm div.check01 a{background:url(../images/sub/mypage/bgMobile.gif) center top no-repeat;}
	.contractSuccession .section02 .joinForm div.check02 a{background:url(../images/sub/mypage/bgPin.gif) center top no-repeat;}
	.contractSuccession .section02 .joinForm div a{display:block; margin:0 auto; width:150px; height:190px;position: relative; }
	.contractSuccession .section02 .joinForm div a img{position:absolute; bottom:0; left:2px;}
	.contractSuccession .accordion-container .set{ cursor: pointer; position: relative; width: 100%; height: auto; background: #f2f2f2 !important; border-top: 1px solid #e3e3e3 !important; cursor:default !important;}
	.contractSuccession .accordion-container .set > span{ display: block; padding: 17px 15px; padding-left: 52px; text-decoration: none; color: #383838; font-weight: 600; font-size: 0.875em; letter-spacing: -0.04em; }
	.contractSuccession .accordion-container .set .a_content{display:block !important; background:none !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;}
	.contractSuccession .accordion-container .set .a_content div.txtWrap{ height: 178px !important;}
	.contractSuccession .accordion-container .set .a_content div.txtWrap .txtarea{height: 177px !important; *height: 156px !important;}/* 20180320߰*/
	.contractSuccession .accordion-container .set.checked{background:#f0f6e6 !important;}
	.contractSuccession .section{text-align: center; padding-bottom: 80px;}
	.contractSuccession .section .loadIcon{ padding-top: 50px; margin-bottom: 35px;}
	.contractSuccession .section .agreeFin{padding-bottom:30px;}


/*  */
.sub_etc .locaWrap ul.locaNav li{background:none;}
.sub_etc .locaWrap ul.locaNav li a, .sub_etc .dropbtn{text-align: left;}
.sub_etc .locaWrap ul.locaNav li.loca02{padding-left:70px;}

.txtLoca{border: 2px solid #d6d6d6; padding: 30px; display: block;}
.txtLoca ul{float:left;}
.txtLoca .ul01{width:311px;}
.txtLoca .ul02{width:325px;}
.txtLoca ul li{line-height: 25px;}
.txtLoca ul a{color:#383838; font-size:14px; font-weight:bold; letter-spacing: -1px;}
.txtLoca ul a span{font-weight:normal; width:50px; display:inline-block;}
.pInfo .txtLoca .ul01{width: 345px;}
.pInfo .txtLoca ul a span{font-weight:normal; width:inherit; display:inline-block;}

.txtLocaWrap{display:block; padding-top:20px;}
.txtLocaWrap h3{font-size:24px; color:#3b3b3b; font-family: nanum-square-r,Malgun Gothic, dotum, sans-serif, helvetica; margin-bottom:10px; margin-top:30px; letter-spacing:-1px;}
.txtLocaWrap h3 a{cursor:default !important;}
.txtLocaWrap h3 span{color:#818181;}
.txtLocaWrap textarea{font-size: 14px; resize: none; cursor:default;overflow:visible; overflow-y: hidden; display:block; background:#fff; color: #383838;font-family: nanum-square-r,Malgun Gothic, dotum, sans-serif, helvetica; line-height: 23px; letter-spacing: -1px;}
.txtLocaWrap .conDivWrap{resize: none; border-bottom:1px solid #d6d6d6; padding-bottom:8px; *padding-bottom:27px;}
.txtLocaWrap .conTxtWrap{width:990px; }


@media \0screen {
   .txtLocaWrap textarea {padding-bottom:10px;}
}

/*  */
.pHeadBox{display: block; max-width: 990px; min-width: 600px; margin: 0 auto; padding: 20px 0px 0px 0px; position: relative;}
.pHeadBox h2{padding-top: 25px;font-family:nanum-square-b,Malgun Gothic, dotum, gulim,Arial,AppleGothic,verdana,sans-serif,helvetica;}
.pHeadBox p{margin-top: 5px; font-size: 14px; letter-spacing: -1px; padding-bottom: 20px; border-bottom: 3px solid #595754;}
.pHeadBox .pHeadBtn{display: inline-block; position: absolute; right: 0px; bottom: 23px;}

.loginForm .linkRight .pInfoLink{border-right: 1px solid #dbdbdb; padding-right: 8px;font-weight: bold; color: #555;}

/*  */
.totoimage .notiBox{background: #fef3ef; padding: 25px 30px; display: block; line-height: 22px; color: #383838; margin-top: 50px; margin-bottom: 60px;}
.totoimage .notiBox .notiStrong{ color: #ed531c; padding-bottom: 5px; display: inline-block; font-size: 0.813em;}
.totoimage .notiBox .notiStrong img{vertical-align: -2px; margin-right: 5px;}
.totoimage .notiBox .notiText{font-size: 0.813em; line-height: 24px;}