@charset "UTF-8";

/*********************************************
* common
*********************************************/  
[class^='Wrapper'] button::-moz-focus-inner { padding:0; }
[class^='Wrapper'] table  { width: 100%; }
[class^='Wrapper'] table caption { font-size:0; overflow:hidden; height:0;  visibility:hidden; } 


/*    타이틀     */
#container_aside h2     { height: 78px; line-height: 75px; text-align: center; background:url(../images/contents/aside_tit_bg.png) repeat-x; border-top: 3px solid #2e2e2e; border-bottom: 1px solid #dcdcdc; color: #fff; font-weight: bold; font-size: 18px; font-family: '맑은고딕',Malgun Gothic; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.head_h3  { color: #333; font-size: 28px; font-family: '맑은고딕',Malgun Gothic; line-height: 1.4em; letter-spacing: -1px; padding-top: 20px; } 
.tit_h4  { background:url(../images/contents/bullet.gif) no-repeat 0 9px; color: #333; font-size: 17px; font-family: '맑은고딕',Malgun Gothic; font-weight: bold; padding-left: 13px; margin-bottom: 10px; position: relative; } 
.tit_h4.acc:after  { content: ''; width: 40px; height: 40px; background:url(../images/ico/ico_updown.png) no-repeat 0 0; position: absolute; top: -10px; right: 0; } 


/*    페이지 경로     */
.path_area   { width:100%; display:table; margin: 10px 0 30px; }
.path_area *  { vertical-align: middle; }
.path_area li   { float: left; color: #888; position: relative; padding-right: 13px; }
.path_area li ~ li   { margin-left: 6px; }
.path_area li:after   { content: '>'; color: #888; position: absolute; top: 1px; right: 0; }
.path_area li a  { display: block; }
.path_area li a:hover ,
.path_area li a:focus  { color: #333; }
.path_area .path_page:after   { display: none; }


/*    text 컨텐츠     */
.explainTxt   { margin: 0 0 20px 15px; }


/*    btn 영역    */
.btnArea_center   { text-align: center; }
.btnArea_center *   { vertical-align: middle; margin: 0 2px; }
.btnArea_right   { text-align: right; margin-bottom: 10px; }
.btnArea_right *   { vertical-align: middle; margin-left: 2px; }
.btnArea_left     {  }
.btnArea_left *   { vertical-align: middle; margin-right: 2px; }


/*    list 내용없음    */
.no_list   { text-align: center; color: #888; padding: 50px 0 !important; margin: 0; border: none; background-color:transparent !important; }


/*  목록넘기기    */
.pagenum_area { position:relative; text-align:center; margin:25px auto; }
.pagenum_area *   { vertical-align:middle; }
.pagenum_area li { display:inline-block; margin:0 2px; }
.pagenum_area a   {width:26px;  height:24px; line-height:24px; color:#2e2e2e; text-decoration:none; display:block; background:#fff; border:1px solid #dcdcdc; font-size: 11px;letter-spacing: 0;}
.pagenum_area a:hover   { border-color:#656565; text-decoration:none !important; }
.pagenum_area .point a  { color:#fff; border-color:#737479; background:#737479; display:block; } 
.pagenum_area .pagen_btn a   { width:26px; height:24px; display: block; border:1px solid #dcdcdc; background-color:#f5f5f5; } 
.pagenum_area .pagen_btn a img   { margin-top: -1px; } 

.pagenum_area span   {width:26px;  height:24px; line-height:24px; color:#2e2e2e; text-decoration:none; display:block; background:#fff; border:1px solid #dcdcdc; font-size: 11px;letter-spacing: 0;}
.pagenum_area a:hover   { border-color:#656565; text-decoration:none !important; }
.pagenum_area .point span  { color:#fff; border-color:#737479; background:#737479; display:block; } 
.pagenum_area .pagen_btn span   { width:26px; height:24px; display: block; border:1px solid #dcdcdc; background-color:#f5f5f5; } 
.pagenum_area .pagen_btn span img   { margin-top: -1px; } 



/*   검색(조회) 영역     */
.searchOption_service   { margin-bottom: 10px; position: relative; }
.searchOption_service *   { vertical-align: middle; }
.searchOption_service .tit   { display: inline-block; background:url(../images/contents/bullet.gif) no-repeat 0 7px; font-weight: bold; color: #2e2e2e; padding-left: 10px; margin-right: 8px; }
.searchOption_service .tit ~ .tit   { margin-left: 20px; }
.searchOption_service .bt   { float: right; }


/*********************************************
* 폼 태그 
*********************************************/  
.formTag_alignM   {  }
.formTag_alignM *  { vertical-align: middle; } 

/*    checkbox , radio       */
.formTag_check   { position: relative; }
.formTag_check input[type='checkbox'] ,
.formTag_check input[type='radio']   { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); display: inline-block; }
.formTag_check input[type='checkbox'] + label ,
.formTag_check input[type='radio'] + label   { position: relative; cursor: pointer; min-height: 17px; line-height: 17px; display: inline-block; }
.formTag_check input[type='radio'] + label ~ label  { margin-left: 15px; }

.formTag_check input[type='checkbox']:disabled + label ,
.formTag_check input[type='radio']:disabled + label   { cursor: default; }
.formTag_check input[type='checkbox']:disabled + label:before ,
.formTag_check input[type='radio']:disabled + label:before  { background-color: #f2f2f2; }

.formTag_check input[type='checkbox'] + label:before   { content: ''; position: absolute; left: -20px; top: 0px; width: 13px; height: 13px; display: block; background-color: #fff; border: 1px solid #dcdcdc; } 
.formTag_check input[type='checkbox']:checked + label:before   { background:url(../images/ico/ico_checkbox.png) no-repeat 50% 50% #fff !important; border-color: #fcb034; }   
.formTag_check input[type='checkbox'] + .onlyCheck  ,
.formTag_check input[type='radio'] + .onlyCheck   { text-indent: -9999px; font-size: 0; } 
.formTag_check input[type='checkbox'] + .onlyCheck:before  { left: -15px; }
.formTag_check input[type='radio'] + .onlyCheck:before  { left: -15px; } 
.formTag_check input[type='radio']:checked + .onlyCheck:after  { left: -10px; } 

.formTag_check input[type='radio'] + label:before   { content: ''; position: absolute; left: -20px; top: -1px; width: 14px; height: 14px; display: block; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 50%; } 
.formTag_check input[type='radio']:checked + label:before   { border-color: #fcb034; }  
.formTag_check input[type='radio']:checked + label:after   { content: ''; position: absolute; left: -15px; top: 4px; width: 6px; height: 6px; display: block; border-radius: 50%; background-color: #fcb034; } 

.formTag_check input[type='checkbox']:focus + label:before ,
.formTag_check input[type='radio']:focus + label:before    { border-color: #fcb034; }


/*    셀렉트 box   */
.selectBox_panel  { height: 22px; position: relative; background:url(../images/ico/ico_selectBox.gif) no-repeat 98.5% 45% #fff; border: 1px solid #ddd; display: inline-block; }
.selectBox_panel.sfocus  { border-color: #fcb034; }
.selectBox_panel .selected   { height: 22px; line-height: 22px; padding: 0 32px 0 7px; display: block; color: #666; position: relative; z-index: 1; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;  }
.selectBox_panel select   { width: 100%; height: 22px; background: transparent; border: none; position: relative; z-index: 1; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0px; left: 0; }



/*********************************************
* Jquery UI 
*********************************************/  
/*    Datepicker 달력   */ 
.date_calender   { height: 22px; line-height: 22px; padding: 0 5px; text-align: left; background-color: #fff; border: 1px solid #dcdcdc; }
[class^='Wrapper'] .ui-datepicker-trigger   { margin-left: 4px; }
[class^='Wrapper'] .ui-datepicker-next-hover   { top: 2px; right: 2px; }
[class^='Wrapper'] .ui-datepicker-prev-hover   { top: 2px; left: 2px; }
[class^='Wrapper'] .ui-datepicker-next.ui-state-hover ,
[class^='Wrapper'] .ui-datepicker-prev.ui-state-hover   { border: none; background: none; }
[class^='Wrapper'] .ui-datepicker-next.ui-state-hover .ui-icon ,
[class^='Wrapper'] .ui-datepicker-prev.ui-state-hover .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
[class^='Wrapper'] .ui-datepicker-title { font-weight: bold; font-size: 16px; }
[class^='Wrapper'] .ui-datepicker-calendar  {  }
[class^='Wrapper'] .ui-datepicker-calendar .ui-state-default  { color: #6a6a6a; }
[class^='Wrapper'] .ui-datepicker-calendar td:first-child .ui-state-default { color: #f70000; }
[class^='Wrapper'] .ui-datepicker-calendar td:last-child .ui-state-default { color: #007af7; }

/*    input type - file   */ 
.file_attech   { margin: 5px 0; }
.file_attech *  { vertical-align: top; }
.file_input    { position: relative; display:inline-block;*display:inline;*zoom:1;  }
.file_input label  { display: inline-block; position: absolute; top: 0px; right: 0px; z-index: 5; cursor: pointer; }
@-moz-document url-prefix() { 
	.file_input label   { right: auto; left: 0; }
}
.file_input input[type='file']  { height: 22px; line-height: 22px; text-align: left; background-color: #fff; border: 1px solid #dcdcdc; } 
.file_input input[type='file']::-webkit-file-upload-button { float: right; position: relative; top: 0px; right: 0px; -webkit-appearance: none; opacity: 0; }
.file_input input[type='file']::-ms-value  { background-color: #fff; border: none; padding: 0 5px; }
.file_input input[type='file']::-ms-browse  { background-color: #fff; border: none; color: #fff; }  




/*********************************************
* Table Type - 가로 타입
*********************************************/   
[class^='tableTypeH_']   { border-top: 2px solid #000; }
[class^='tableTypeH_'] table thead th { height: 45px; line-height: 45px; color: #2e2e2e; font-weight: bold; text-align: center; background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; }
[class^='tableTypeH_'] table tbody td  { min-height: 15px; padding: 10px 5px; border-bottom: 1px solid #dcdcdc; text-align: center; }
[class^='tableTypeH_'] table tbody tr:hover td  { background-color: #fef7dd; } 
[class^='tableTypeH_'] table tbody td a:hover  { color: #fe4b38; text-decoration: underline; }
[class^='tableTypeH_'] input[type='text'] ,
[class^='tableTypeH_'] input[type='password']  { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; background-color: #fff; border: 1px solid #dcdcdc; }
[class^='tableTypeH_'] input[type='text']:disabled ,
[class^='tableTypeH_'] input[type='password']:disabled  { background-color: #f2f2f2; }
[class^='tableTypeH_'] textarea  { padding: 5px; overflow: auto; background-color: #fff; border: 1px solid #dcdcdc; resize: none; }

/*    개인 정보수정 - [member.css] 에 정의    */
.tableTypeH_myModify  {  }

/*    가맹점 등록 여부 - [popup.css] 에 정의    */
.tableTypeH_franch   {  }   

/*    사업자 등록번호 조회 - [popup.css] 에 정의    */
.tableTypeH_buisness    {  }   

/*    SDK 서비스 - API / In-App List (서비스 문의 리스트)    */
.tableTypeH_inquiryService  {  }
.tableTypeH_inquiryService tbody td     { vertical-align: top; }
.tableTypeH_inquiryService tbody td:nth-child(2)    { text-align: left; }
.tableTypeH_inquiryService .inquiryQues    { cursor: pointer; }
.tableTypeH_inquiryService .inquiryQnA.current td  { background-color: #fef7dd; }
.tableTypeH_inquiryService .inquiryQues .subject   { color: #6a6a6a; text-align: left; }
.tableTypeH_inquiryService .inquiryQues .subject:focus   { color: #fe4b38; outline: none; }
.tableTypeH_inquiryService .inquiryQnA:hover .subject ,
.tableTypeH_inquiryService .inquiryQnA.current .inquiryQues .subject { color: #fe4b38; text-decoration: underline; }
.tableTypeH_inquiryService .inquiryAnswer   { background:url(../images/ico/ico_reply.png) no-repeat 0 0; padding-left: 20px; margin: 10px -90px 5px 0; }

/*    SDK 서비스 - Service 이력 관리   */
.tableTypeH_recordService  {  }
.tableTypeH_recordService tbody td:nth-child(3) ,
.tableTypeH_recordService tbody td:nth-child(4)    { text-align: left; }

/*    Test 서비스관리 - Test 장비 조회   */
.tableTypeH_testEqu  {  }
.tableTypeH_testEqu tbody td:nth-child(3)    { text-align: left; }
.tableTypeH_testEqu tbody td a   { display: block; }

/*    Test 서비스관리 - Test 장비 등록   */
.tableTypeH_testEqucheck  { margin-bottom: 10px; }
.tableTypeH_testEqucheck tbody td:nth-child(4)    { text-align: left; }

/*    Test 서비스관리 - 지원 단말기 조회   */
.tableTypeH_device  { margin: 10px 0;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; vertical-align: middle; }
.tableTypeH_device table tbody tr:hover td  { background-color: transparent; }
[class^='tableTypeH_device'] table tbody td  { border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; vertical-align: middle;}
/*    광고 컨텐츠 조회    */
.tableTypeH_advert   {  }   
.tableTypeH_advert tbody td a    { display: block; }
.tableTypeH_advert tbody td:nth-child(2)    { text-align: left; }



/*********************************************
* Table Type - 세로 타입
*********************************************/   
[class^='tableTypeV_']   { border-top: 2px solid #000; }
[class^='tableTypeV_'] table tbody th { color: #2e2e2e; font-weight: bold; text-align: left; background-color: #f9f9f9; border-bottom: 1px solid #dcdcdc; vertical-align: middle; }
[class^='tableTypeV_'] table tbody th   { padding: 15px 10px 15px 40px; font-weight: bold; }

[class^='tableTypeV_'] table tbody th.essen {padding:0 10px 4px 22px;}
[class^='tableTypeV_'] table tbody th.essen::before {width:6px;height:7px;content:'';display:block; background: #f2f2f2 url('../images/contents/bull_essen_red.gif') 0 50% no-repeat;position:relative;left:-13px;top:12px;}
[class^='tableTypeV_'] table tbody td  { min-height: 15px; padding: 15px 20px; border-bottom: 1px solid #dcdcdc; text-align: left; }
[class^='tableTypeV_'] input[type='text'] ,
[class^='tableTypeV_'] input[type='password']  { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; background-color: #fff; border: 1px solid #dcdcdc; }
[class^='tableTypeV_'] input[type='text']:disabled ,
[class^='tableTypeV_'] input[type='password']:disabled  { background-color: #f2f2f2; }
[class^='tableTypeV_'] textarea  { padding: 5px; overflow: auto; background-color: #fff; border: 1px solid #dcdcdc; resize: none; }

/*    서비스 추가 - [popup.css] 에 정의    */
.tableTypeV_servideAdd   {  } 

/*    회원가입 - [member.css] 에 정의    */
.tableTypeV_join   {  }

/*    SDK 서비스 - API / In-App List    */
.tableTypeV_sdkService   { margin-bottom: 30px; }
.tableTypeV_sdkService tbody th    { padding-left: 30px !important; }
.tableTypeV_sdkService textarea    { margin-right: 2px; }
.tableTypeV_sdkService .subject   { height: 200px; padding: 10px; border: 1px solid #dcdcdc; overflow: auto; }

/*    Test 서비스관리 - Test 장비 상세/수정   */
.testequ_aside .tableTypeV_testEqu  { margin-bottom: 10px; } 

/*    광고 컨텐츠 조회    */
.tableTypeV_advert   {  }
.tableTypeV_advert td.qnaRly div{ white-space: pre-line; width: 675px; max-height: 600px; overflow: auto; overflow-x:hidden;}



/*********************************************
*  Tab 메뉴
*********************************************/   
.tabType_nav  { margin-bottom: 35px; overflow-y:auto; border-bottom:1px solid #dcdcdc; height:86px}
.tabType_nav ul  { width: 100%; display: table; text-align: center; line-height: 1.3em; }
.tabType_nav li  { float: left; width: 24.8%; height: 42px; display: table; background-color: #fff; border: 1px solid #dcdcdc; margin: 0 -1px -1px 0; position: relative; } 
.tabType_nav li a  { display: table-cell; vertical-align: middle; padding: 5px 15px; }
.tabType_nav li.current a ,
.tabType_nav li a:hover  { color: #fe4b38; }



/*********************************************
*  Test 서비스 관리
*********************************************/  
.testequ_aside { display: inline-block; width: 440px; vertical-align: top; padding-top: 35px; position: relative; margin-bottom: 30px; }
.testequ_aside .tit_h4 { width: 97%; position: absolute; top: 0; left: 0; }

.usimConfirm_mode   { display: inline-block; width: 400px; vertical-align: top; margin: 0 20px 30px 0; }
.usimConfirm_mode ol  { margin-left: 20px; }
.usimConfirm_mode ol li  { margin: 13px 0; text-indent: -15px; }
.usimConfirm_mode .img  { text-align: center; margin-top: 20px; }

/*    지원 단말기 조회 - 검색     */
.searchOption_device   { margin-top: 40px; }
.searchOption_device *  { vertical-align: middle; margin-right: 1px; }
.searchOption_device input[type='text']  { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; background-color: #fff; border: 1px solid #dcdcdc; margin-right: 3px; }

/*    유심 모델 조회 - 검색     */
.searchOption_usim    { text-align: center; background-color: #f0f0f0; border: 1px solid #dcdcdc; padding: 15px 0; margin-top: 15px; }
.searchOption_usim *  { vertical-align: middle; margin-right: 2px; }
.searchOption_usim input[type='text']  { height: 22px; line-height: 22px; padding: 0 5px; display: inline-block; background-color: #fff; border: 1px solid #dcdcdc; text-align: left; }
.searchOption_usim .selected { text-align: left; }


/* main */
 #header{height:115px;}
 #header #top > ul{float:left;}
 #header #top > ul > li{float:left;}
 #header #top > ul > li.on a{background: #fff; font-weight:bold;}
 #header #top > ul > li a{display:inline-block;width:90px;line-height:34px;height:34px;border-right:1px solid #dcdcdc;text-align: center;}
 #header #top > ul > li:first-child a{border-left:1px solid #dcdcdc;}
 #header #top .spot{float:right;}
 #header #top .spot > ul{float:left;}
 #header #top .spot > ul > li{float:left;padding:4px 0;}
 #header #top .spot > ul > li a{display:inline-block;padding:4px 0 0;}
 #header #top .spot > ul > li:first-child::after{content:'';width:1px;height:8px;display:inline-block;border-right:1px solid #bababa;margin:0 14px;}
 #header #top .spot > ul > li:last-child{padding-left:14px;}
 #header #cont{clear:both;}
 #header #cont h1{float:left;padding:15px 0 0;}
 #header #cont nav#gnb{height:80px;padding:28px 0 0;font-family: Malgun Gothic,'sans-serif';font-size:18px;}
 #header #cont nav#gnb > ul{float:right;height:52px;position:relative;left:0;top:0;z-index:10;}
 #header #cont nav#gnb > ul > li{width:210px;text-align:center;float:left;height:52px;position:relative;left:0;top:0;}
 #header #cont nav#gnb > ul > li > a{width:210px;height:52px;display: inline-block;}

 #header #cont nav#gnb > ul > li::after{content:'';display:inline-block;border-right:1px solid #ddd;height:18px;color:#ddd;position:absolute;right:0;top:4px;}

 #header #cont nav#gnb ul li:last-child::after{border:0;margin:0;}

 #header #cont nav#gnb .snb{display:none;min-width:168px;width:auto !important;padding:20px 20px;background-color:#fff;position:absolute;left:0;top:52px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow: 5px 7px 9px #555;font-size:14px; }
 #header #cont nav#gnb .snb li{text-align:left;}
 #header #cont nav#gnb ul li a.on +.snb{display:block;}

 #content{width:1130px;padding-bottom:26px;overflow:hidden;margin:0 auto;min-height:750px;height:auto !important;position:relative;left:0;top:0;z-index:00;}

 #content > div.bx-wrapper{margin:0 auto;margin:25px 0 0;}
 #content > div.bx-wrapper ul#slideM > li > ul{width:1130px;z-index:1010;position:absolute;}
 #content > div.bx-wrapper ul#slideM > li > ul > li{position:relative;float:left;width:374px;height:380px;}
 #content > div.bx-wrapper ul#slideM > li > ul > li:nth-child(2){width:380px;}
  #content > div.bx-wrapper ul#slideM > li > ul > li dl{position:absolute;left:50%;bottom:50px;width:320px;margin-left:-160px;}
  #content > div.bx-wrapper ul#slideM > li > ul > li dl dt{font-size:20px;color:#5e0a7a;font-family: Malgun Gothic,'sans-serif';}
  #content > div.bx-wrapper ul#slideM > li > ul > li dl dd{font-family: Malgun Gothic,'sans-serif';}
  #content > div.bx-wrapper ul#slideM > li > ul > li dl dt + dd{font-size:20px;margin:10px 0 18px;color:#333;letter-spacing: -2px;}
 #content > div.bx-wrapper ul#slideM > li > ul > li a{position:absolute;left:50%;margin-left:-47px;bottom:0;background-color:#fe4b38;color:#fff;border-radius: 3px;height:30px;line-height:30px;width:94px;text-align: center;box-shadow: 1px 1px 2px #777;}

 #content ul#grid{margin:10px 0 0;float:left;}
 #content ul#grid > li{float:left;margin-right:14px;width:367px;}
 #content ul#grid > li:last-child{margin:0;}
 #content ul#grid > li > article{margin:12px 0;padding:18px 18px 0 0 ;overflow:hidden;position: relative;left:0;top:0;width:367px;box-sizing: border-box;}
 #content ul#grid > li > article:first-child{margin:0;}
 #content ul#grid > li > article > h2{font-family: Malgun Gothic,'sans-serif';font-size:18px;color:#333;border-bottom: 1px solid #dcdcdc;padding:0 0 14px;}
 #content ul#grid > li > article > h2.line_none{border:0;}
 #content ul#grid > li > article > ul {margin:18px 0 0;}
 #content ul#grid > li > article > ul li{line-height:28px;}
 #content ul#grid > li > article > ul li a{display: inline-block;width:230px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
 #content ul#grid > li > article > ul li a:hover{color: #fe4b38;text-decoration: underline;}
 #content ul#grid > li > article > ul li span{display: inline-block;float:right;padding-left:40px;}
 #content ul#grid > li > article > p{position: absolute;right:16px;top:16px;}
 #content ul#grid > li > article > div > p{position: absolute;right:16px;top:16px;}
 #content ul#grid > li > article > div dl {}
 #content ul#grid > li > article > div dl dt{height:40px;line-height: 40px;font-size:16px;font-weight:bold;}
 #content ul#grid > li > article > div dl dd{}

 #content ul#grid .grid_row1 article{height:550px;}
 #content ul#grid .grid_row2 article{height:269px;}

.noTicker { margin-top: 40px; border: 1px solid #ddd; }
.noTicker .notiLatest { margin: 0 auto; padding: 11px 15px; height: 46px; background: url('../images/ico/ico_main_noti.png') 20px 50% no-repeat; }
.notiTickpage { width: 100%; margin: 0 auto; }
.noTicker .notiLatest h2 { float:left; font-family: Malgun Gothic,'sans-serif'; height: 44px; line-height: 44px; color: #333; letter-spacing: -1px; margin: 0; padding-left: 70px; font-size: 18px; }
.noTicker .notiLatest h2::after{content:'';display:block;height:0;clear:both;}
#ticker {float:left;padding: 0; list-style: none; margin-left: 390px; }
#ticker li { font-size: 10pt; overflow: hidden; }
#ticker li p { color: #6a6a6a; height: 50px; width: 340px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 20px; }
#ticker li p:first-child { margin: 0; }
#ticker li p a { background: url('../images/ico/bull_square_gray_s.gif') 0 50% no-repeat; padding-left: 6px; }
#ticker li p span { color: #999; display: inline-block; text-indent: 6px;padding: 4px 0 0; }
.newBtn { position: absolute; left: 268px; top: 15px; }
#noTicker #notinavi { position: absolute; left: 336px; top: 0; border-right: 1px dashed #ddd; padding-right: 10px; }
#noTicker #notinavi button.prev { background-image: url('../images/btn/noti_arrow_up.png'); }
#noTicker #notinavi button.play { background-image: url('../images/btn/noti_arrow_play.png'); }
#noTicker #notinavi button.stop { background-image: url('../images/btn/noti_arrow_stop.png'); }
#noTicker #notinavi button.next { background-image: url('../images/btn/noti_arrow_down.png'); }
#noTicker #notinavi button { display: block; width: 18px; height: 16px; margin: 0; border: 0; background: #fff; text-align: left; overflow: hidden; text-indent: -9999px; cursor: pointer; }
.newBtn span.notiMore { display: inline-block; margin-left: 10px; vertical-align: middle; }


[class^='board_bar_out_'] {margin:0 0 8px;height:24px;line-height: 24px;position: relative;}
[class^='board_bar_out_'] div {float:left;margin-right: 36px;}
[class^='board_bar_out_'] div.tit {margin:0 15px 0 0;padding-left:8px;font-weight: bold;position: relative;}
[class^='board_bar_out_'] div.tit::before {content: '';display: inline-block;width:2px;height:2px;background-color: #000;position:absolute;top:45%;left:0;}
[class^='board_bar_out_'] .mr_none {margin-right:0;}
[class^='board_bar_out_'] .mr_none + button {padding-left:6px;}
[class^='board_bar_out_'] button.btn_end {position: absolute;right:0;bottom:0;padding-left:0;}
[class^='board_bar_out_'] button img {vertical-align: middle;}
[class^='board_bar_out_'] .cont_end {position: absolute;right:0;bottom:0;padding-left:0;float:none;margin:0;}
[class^='board_bar_out_'] .cont_end .selectBox_panel {margin-right:5px;}

[class^='board_bar_in_'] {margin:0 0 8px;height:24px;line-height: 24px;position: relative;}
[class^='board_bar_in_'] div {float:left;margin-right: 36px;}
[class^='board_bar_in_'] div.tit {margin:0 15px 0 0;padding-left:8px;font-weight: bold;position: relative;}
[class^='board_bar_in_'] div.tit::before {content: '';display: inline-block;width:2px;height:2px;background-color: #000;position:absolute;top:45%;left:0;}
[class^='board_bar_in_'] .mr_none {margin-right:0;}
[class^='board_bar_in_'] .mr_none + button{padding-left:6px;}
[class^='board_bar_in_'] button.btn_end {position: absolute;right:0;bottom:0;padding-left:0;}
[class^='board_bar_in_'] button img {vertical-align: middle;}
[class^='board_bar_in_link'] {margin:6px 0;}
[class^='board_bar_in_link'] .link_addr{margin-left:106px;}

[class^='board_box_in_'] {position:relative;display:table;width:100%;height:40px;line-height:40px;margin-top:10px;background-color: #f0f0f0;}
[class^='board_box_in_']:first-child {margin-top:0;}
[class^='board_box_in_']:after {content: '';display: block;clear:both;height:0;}
[class^='board_box_in_'] > div {float:left;display: table-cell;padding:0 10px;border-left:1px solid #fff;}
[class^='board_box_in_'] > div:last-child > p{position: absolute;right:10px;top:50%;margin-top: -12px;}

[class^='board_box_in_depth2'] > div:nth-child(1) {width:55px;}
[class^='board_box_in_depth2'] > div:nth-child(2) {width:auto;}
[class^='board_box_in_depth3'] > div:nth-child(1) {width:55px;}
[class^='board_box_in_depth3'] > div:nth-child(2) {width:230px;}
[class^='board_box_in_depth3'] > div:nth-child(3) {width:auto;}

[class^='board_cont_'] {margin-bottom: 10px;overflow: hidden;}
[class^='board_cont_'] p {float:left;}
[class^='board_cont_'] p:last-child {float:right;}
[class^='board_cont_'] p > strong {padding-right: 10px;display: inline-block;}

[class^='btn_group_out_'] {margin-top: 16px;}
[class^='btn_group_out_']:after {content:'';display: block;height:0;clear:both;}
[class^='btn_group_out_set2'] > div:first-child {float:left;}
[class^='btn_group_out_set2'] > div:last-child {float:right;}
[class^='btn_group_out_set1'] > div {float:right;}

[class^='header_popup_tit_'] {height:24px;line-height: 24px;position:absolute;right:65px;top:17px;}
[class^='header_popup_tit_']:after {content:'';display: block;clear:both;height:0;}
[class^='header_popup_tit_'] div {float:left;}
[class^='header_popup_tit_'] div.tit {margin:0 15px 0 0;padding-left:8px;font-weight: bold;color: #fff;}
[class^='header_popup_tit_'] div.tit::before {content: '';display: inline-block;width:2px;height:2px;background-color: #fff;position:absolute;top:45%;left:0;}
[class^='header_popup_tit_'] div.resolution {font-size:11px;color:#fff;padding-left: 7px;}
[class^='container_popup'] [class^='view_'] {text-align: center;height:650px;overflow-y:auto;}
[class^='container_popup'] [class^='view_'] img{margin:0 auto;text-align: center;box-shadow: 0 0 10px #aaa; }
[class^='container_popup'] [class^='view_s5'] img{width:360px;height:640px;}
[class^='container_popup'] [class^='view_6plus'] img{width:414px;height:736px;}
[class^='container_popup'] [class^='view_ipad'] img{width:768px;height:1024px;}


input[type='text'], [class^='tableTypeV_'] input[type='password'] {height: 22px;line-height: 22px;padding: 0 5px;display: inline-block;background-color: #fff;border: 1px solid #dcdcdc;}


[class^='tableTypeH_'] [class^='reply_state_'] span{display:inline-block;width:56px;height:22px;line-height:22px;font-size:11px;color:#fff;border-color:#999;border-radius:2px;text-align:center;background-color: #fcb232;}
[class^='tableTypeH_'] [class^='reply_state_none'] span{display:inline-block;width:56px;height:22px;line-height:22px;font-size:11px;color:#fff;border-color:#999;border-radius:2px;text-align:center;background-color: #999;}
[class^='tableTypeH_'] [class^='reply_state_del'] span{display:inline-block;width:56px;height:22px;line-height:22px;font-size:11px;color:#fff;border-color:#999;border-radius:2px;text-align:center;background-color: #ff5200;}

.tableTypeH_customer tbody td:nth-child(3) { text-align: left; }
.tableTypeH_customer_noti tbody td:nth-child(2) { text-align: left; }
.tableTypeH_customer_noti tbody td{vertical-align: top;}

.tableTypeH_customer_noti .inquiry_noti td {cursor:pointer;}
.tableTypeH_customer_noti .inquiry_noti.on td {background-color: #fef7dd;}
.tableTypeH_customer_noti .inquiry_list {margin: 10px -90px 5px 0;white-space: pre-line;width:660px;}
.tableTypeH_customer_noti .inquiry_noti td[class='inquiry_tit'] {width: 660px;}

.tableTypeH_customer_noti .inquiry_qnanoti td {cursor:pointer;}
.tableTypeH_customer_noti .inquiry_qnanoti.on td {background-color: #fef7dd;}
.tableTypeH_customer_noti .inquiry_qnalist {margin: 10px -90px 5px 0; width: 585px; max-height: 600px; overflow: auto; overflow-x:hidden;}
.tableTypeH_customer_noti .inquiry_qnanoti td[class='inquiry_qnatit'] {width: 585px;}

.tableTypeH_customer_noti .quiry_noti{}
.tableTypeH_customer_noti .quiry_noti td {cursor:pointer;text-align: left;}
.tableTypeH_customer_noti .quiry_noti td::after {content:'';display:block;width:15px;height:9px;background:url('../images/ico/bg_accordian_arrow.png') 0 0 no-repeat;position: absolute;right:13px;top:16px;}
.tableTypeH_customer_noti .quiry_noti.on td::after {content:'';display:block;width:15px;height:9px;background:url('../images/ico/bg_accordian_arrow.png') -23px 0 no-repeat;position: absolute;right:13px;top:16px;}
.tableTypeH_customer_noti .quiry_noti.on td {background-color: #fef7dd;}
.tableTypeH_customer_noti td[class='quiry_tit']{position:relative;left:0;top:0;width:830px;}
.tableTypeH_customer_noti .quiry_tit .sign_q{display:inline-block;width:22px;line-height:22px;width:22px;font-family: malgun Gothic;font-size:13px;font-weight:bold;color:#fff;background-color: #bbc32f;border-radius: 10px;margin-left:30px;text-align: center;}
.tableTypeH_customer_noti .quiry_tit .sign_a{position: absolute; top:0; left: 0; display:inline-block;width:22px;line-height:22px;width:22px;font-family: malgun Gothic;font-size:13px;font-weight:bold;color:#fff;background-color: #fcb034;border-radius: 10px;margin-left:30px;text-align: center;}
.tableTypeH_customer_noti .quiry_tit .answer{display: inline-block;width:730px;margin-left:68px;white-space: pre-line;}
.tableTypeH_customer_noti .quiry_tit .dv{display: inline-block;width:80px;margin-left:10px;white-space: pre-line;font-weight:bold;}
.tableTypeH_customer_noti .quiry_list {position: relative; margin: 10px 0 5px 0;}


/* popup */
#popupWrap_imgViewer {
    width: 600px;
    height:850px;
}


/* 이용안내 */
.guide_h4 {color: #333; font-size: 17px; font-family: '맑은고딕',Malgun Gothic; font-weight: bold; margin-bottom: 10px;} 
.guide_smenu {display: block; margin-bottom:25px; width:100%; border:1px solid #dcdcdc; border-bottom:0;box-sizing: border-box; overflow: hidden;}
.guide_smenu > li {position: relative; display: block; width:25%; height: 36px; float: left; border-bottom:1px solid #dcdcdc; text-align: center}
.guide_smenu > li:after {position: absolute;top:6px;right:0;width:1px;height:26px; background:#dcdcdc;content: '' }
.guide_smenu > li:nth-child(4n+1) {clear: left;}
.guide_smenu > li:nth-child(4n):after {display: none}
.guide_smenu > li > a {line-height: 36px;}
.guide_smenu > li > a:hover {color:#fe4b38;}

.guide_content {display: block;overflow: hidden;;margin-bottom:25px;}
.guide_content  > .guide_content_img {float: left;margin-right: 13px;}
.guide_content  > .guide_content_text {float: left; width:474px;} 
.guide_content  > .guide_content_text dt {clear: left; float: left; font-weight: bold;}
.guide_content dt.first {margin-bottom: 30px;clear: left; float: left; font-weight: bold;}
.guide_content dd.first { float: left; width:430px; padding-left: 5px; display: inline-block; font-weight: bold;}
.guide_content  > .guide_content_text  ol {display: block;clear: both;}
.guide_content  > .guide_content_text  ol > li  {padding-left: 17px;text-indent: -17px;line-height: 20px;}
.guide_content  > .guide_content_text ul  {display: block;clear: both; margin-left: 17px; padding-left: 17px;text-indent: -15px; }
.guide_content  > .guide_content_text  ol  ul {margin-left: 0;}


/* 07.20 추가 */   
.file_input label { width: 105px;  position: absolute; top: 0px; right: 0px; z-index: 1; cursor: pointer;}
.file_input { position: relative; display: inline-block;}

@media screen and (-webkit-min-device-pixel-ratio: 0)
.file_input input[type='file'] {
    height: 22px;
    line-height: 22px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
.file_input label {
    width: 85px;
}

.file_input label { width: 105px; position: absolute; top: 0px; right: 0px; z-index: 1; cursor: pointer; }
 [class^='btnType_cont'] { background-color: #fff; border-top-color: #ababab; border-left-color: #a2a2a2; border-right-color: #6e6e6e; border-bottom-color: #555;}
[class^='btnType_'] { display: inline-block; text-align: center; border-width: 1px; border-style: solid;}
.file_attech * { vertical-align: top; }
.btnType_contA span { min-width: 37px; color: #333; font-size: 12px; }
[class^='btnType_cont'] span { height: 21px; line-height: 22px; padding: 0 5px; border-width: 0 1px 1px 0; border-style: solid; border-right-color: #e9e9e9; border-bottom-color: #dadada; }
[class^='btnType_'] span { display: block; }

.formTag_check { position: relative;}
.formTag_check span { display: inline-block;}
.formTag_check span ~ span { margin-left: 20px;}
.formTag_check input[type='checkbox'], .formTag_check input[type='radio'] {opacity: 0; -moz-opacity: 0;
    filter: alpha(opacity=0); display: inline-block;}
.formTag_check input[type='checkbox'] + label, .formTag_check input[type='radio'] + label { position: relative;cursor: pointer; min-height: 17px; line-height: 17px; display: inline-block;}

[class^='tableTypeX_'] { border-top: 2px solid #696969; }
[class^='tableTypeX_800'] { width:800px; }
[class^='tableTypeX_'] table {border:1px solid #dcdcdc;}
[class^='tableTypeX_'] table tbody th {font-weight: bold; padding: 4px 10px 4px 10px; text-align: left; background-color: #f2f2f2;  vertical-align: middle;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; }
[class^='tableTypeX_'] table tbody th.essen {padding:0 10px 4px 22px;}
[class^='tableTypeX_'] table tbody th.essen::before {width:6px;height:7px;content:'';display:block; background: #f2f2f2 url('../images/bull_essen_red.gif') 0 50% no-repeat;position:relative;left:-13px;top:12px;}
[class^='tableTypeX_'] table tbody td {border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; min-height: 15px; padding: 4px 10px; text-align: left; }
[class^='tableTypeX_'] table th.major_tit{background-color: #f2f2f2 !important; }

[class^='area_cont1_'] {font-size:11px;color:#888;margin-left: 0;color:#888;box-sizing: border-box;width:71px;height:70px;border:1px dashed #ddd;position: relative;left:0;top:0;}
[class^='area_cont1_type1'] span{display:inline-block;position: absolute;left:50%;top:50%;margin-left:-15px;margin-top: -9px;}

[class^='area_cont1_type2'] {overflow: hidden;}
[class^='area_cont1_type2'] span {float:left;box-sizing:border-box;display:inline-block;width:50%;height:70px;text-align: center;}
[class^='area_cont1_type2'] span:first-child {padding-top:16px;line-height:14px;border-right:1px dashed #ddd;}
[class^='area_cont1_type2'] span:last-child {background-color: #d4d4d4;}

[class^='area_cont1_type3'] span {padding-top:8px;box-sizing:border-box;display:block;height:35px;text-align: center;}
[class^='area_cont1_type3'] span:first-child {border-bottom:1px dashed #ddd;}
[class^='area_cont1_type3'] span:last-child {background-color: #d4d4d4;}

[class^='area_cont1_type4'] {background-clip: padding-box;background-color: #d4d4d4;}
[class^='area_cont1_type4'] span {line-height:35px;box-sizing:border-box;display:inline-block;width:49%;height:49%;text-align: center;background-color: #fff;}
[class^='area_cont1_type4'] span:first-child {border-right:1px dashed #ddd;border-bottom:1px dashed #ddd;}

[class^='area_cont2_'] {margin-left: 24px;color:#888;box-sizing: border-box;width:71px;height:70px;border:1px dashed #ddd;position: relative;left:0;top:0;border-radius: 50px;}
[class^='area_cont2_type1'] span {display:inline-block;position: absolute;left:50%;top:50%;margin-left:-15px;margin-top: -9px;}

[class^='tbl_inner_'] {border:0 !important;}
[class^='tbl_inner_'] tr th {padding: 6px 10px 3px 0 !important;border:0 !important;background-color: #fff !important;text-align: left !important;}
[class^='tbl_inner_'] tr td {padding: 6px 10px 3px 0 !important;border:0 !important;}
[class^='tbl_inner_default'] {width:600px !important;}
[class^='tbl_inner_default'] tr:last-child th , [class^='tbl_inner_default'] tr:last-child td {padding: 0 0 0 0 !important;}
[class^='tbl_inner_default'] tr:first-child th , [class^='tbl_inner_default'] tr:first-child td {padding: 0 0 0 0 !important;}
[class^='tbl_inner_default8'] {width:800px !important;}

/* 07.20 추가 */ 


/* 07.25 추가 */ 

.file_list:after {display: block; clear: both;content: '';}
.file_name { padding: 5px 5px 0 0; float: left; margin-left: 10px; }
.file_list .file_name:first-child {margin-left: 0}
.file_name > span {font-weight: bold;}
[class^='btn_close_s']:hover { border-color: #bbb;}
[class^='btn_close_s'] { display: inline-block; margin-top: -1px; padding: 2px 0; height: 13px; width: 13px;line-height: 0;font-family: arial;font-size: 10px;border: 1px solid #dcdcdc;color: #777;cursor: pointer;}

/* 07.25 추가 */ 

/* 07.26 */
.fileGenerate {overflow: hidden; width: 100%;}
.file_button span {display: block; width: 85px; height: 24px;background: url('../images/btn/file_btn.png') no-repeat 0px 0px transparent; position: relative; overflow: hidden;}
.file_button span.disable {display: block; width: 85px; height: 24px;background: url('../images/btn/file_disable_btn.png') no-repeat 0px 0px transparent; position: relative; overflow: hidden;}
.file_button span input {display: block; background:transparent; opacity: 0; filter: alpha(opacity=0); cursor: pointer; position: absolute; top: 0px; right: 0px;}
.file {float:left;}
.file > li > input{width:100%;}
.file li{float:left;line-height:24px;}
.file li label {display:block; margin:0 5px; padding: 0px;color:#dc3235;}
.file li i{margin-left: 5px; padding: 0px;color:#dc3235;}
[class^='txt_limit_file'] {float:left;}
/* 07.26 */

/* 08.22 */
[class^='essen_noti'] {vertical-align: bottom;margin-right: 2px;}
/* 08.22 */

/* 08.29 */
[class^='container_popup'] [id^='viewer_set'] {width:100%; height:100%; overflow:hidden;text-align: left; vertical-align: top; background-color: #ddd;}
[class^='container_popup'] [id^='viewer_set'] img {text-align: left; vertical-align: top;}
[class^='top-btn'] { position: fixed;left:50%;bottom: 135px;margin-left:620px;z-index: 50;display: block;padding:6px 5px;border: 1px solid #fcb034;font-weight: bold;font-size: 13px;}
/* 08.29 */