@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Sans+KR|Noto+Sans+SC&display=swap&subset=chinese-simplified,japanese,korean');

/*리셋*/
* {padding:0px; margin:0px; font-family:"Noto Sans KR", "Noto Sans SC", "Noto Sans JP", sans-serif !important;}
html, body {width:100%; height:100%; font-size:14px;}
body {background:#fff; font-weight:normal; -webkit-font-smoothing:antialiased; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, button, p, table, th, td {padding:0; margin:0; }
table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0 none;}
li {list-style:none;}
form, fieldset, iframe, button {border:0 none;}
label {cursor:pointer; vertical-align:middle; overflow:hidden;}
img {border:0 none; vertical-align:top;}
address, caption, em {font-weight:normal; font-style:normal;}
hr {display:none;}
.clear {zoom:1;}
.clear:after {content:""; display:block; height:0; clear:both;}
*:focus {outline:none;}
a {color:#333;}
a,
a:link,
a:visited { text-decoration:none;}

/*사이트 전체 레이아웃*/
#main_layout {min-width:1280px;}
select:disabled {background-color:#ebebe4 !important;}

/*키워드검색 - 우측 이미지 리스트 확대*/
#bigImg {z-index:1000; position:absolute; display:none; border:1px solid #333; box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 10px;}

/*콤보박스*/
.ui-widget.ui-widget-content {border:1px solid #999; overflow-y:hidden; overflow-x:hidden; font-size:0.9rem;}
.ui-menu .ui-menu-item-wrapper:hover {color:#333; background:#f1f1f1;}
.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:#e7e7e7; /*background-image:url("images/ui-icons_777777_256x240.png") !important;*/ border:1px solid #999;}
/*.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image:url("images/ui-icons_777777_256x240.png")}*/
/*.ui-icon {background-image:url("images/ui-icons_555555_256x240.png");}
.ui-icon:hover {background-image:url("images/ui-icons_555555_256x240.png");}*/

input[type='text'] {border:1px solid #999; border-radius:3px; height:30px; vertical-align:middle; padding:0 5px; width:200px;}
.custom-combobox .custom-combobox-input {height:32px; /*line-height:32px;*/ border:1px solid #999 !important; background:#fff; font-size:0.9rem !important; box-sizing:border-box;}
.custom-combobox-toggle .ui-button .ui-icon, .custom-combobox-toggle .ui-button .ui-icon:hover,
/*.custom-combobox-toggle .ui-button .ui-icon:active, .custom-combobox-toggle .ui-button .ui-icon:focus {background-image: url("images/ui-icons_777777_256x240.png") !important;}*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {border:1px solid #999; background:#f1f1f1;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {border:1px solid #999; background:#e7e7e7;}

/* 툴팁 모양 처리*/
.ui-tooltip {max-width:720px !important; z-index: +1 !important;}

/*TCS 결과화면- 아코디언 각 타이틀이 클릭후 배경색 지정되는것 때문에 주석처리함. 혹시 다른데 영향 있을 경우 다시 살리고 report.css에다 따로 적용할 것*/
.ui-state-active, a.ui-button:active {/*background-color:#f1f1f1 !important;*/}

select {border-radius:3px;padding-left:5px;padding-right:30px;border:1px solid #999;width:115px;height:32px;line-height:30px;
            background:#fff url('/images/open_top_combo.png') no-repeat right center;background-size:30px;box-sizing:border-box;vertical-align:middle}
select {vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
select, input, option, textarea {/*vertical-align: middle;*/ color: #777777;}

#header {min-width:1024px; height:92px; background:rgba(255, 255, 255, 0.95); border-bottom:1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box; z-index:20; box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 10px;}
#top {top:0; height:40px;}

.top_notice {width:calc(100% - 500px); margin-top:5px; float:left;}
.icon_notice {height:15px; padding:0 5px; line-height:14px; border-radius:3px; margin-right:5px; margin-top:0px;}
.top_notice_txt {/*line-height:14px;*/ max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.top_notice_txt:hover {font-weight:bold;}
@media screen and (max-width:1280px) {
.top_notice {margin-left:10px;}
}

/* 상단 언어선택 메뉴바 */
#lang_menu {top:0; z-index:15; float:right;}
#lang_menu ul { height:38px; background:rgba(255, 255, 255, 1); border:1px solid rgba(0, 0, 0, 0.3); box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 10px; border-top:none; border-radius:0 0 7px 7px; padding:9px 16px 0; box-sizing:border-box;}
#lang_menu ul li {float:left; margin-right:13px; }
#lang_menu ul li:last-child {margin-right:0;}
@media screen and (max-width:1280px) {
#lang_menu {margin-right:10px;}
}

/* 오른쪽 사이드메뉴 */
#side_menu {position:fixed; right:-260px; top:0; z-index:21; width:220px; height:100%; background:#fff; border-left:1px solid #666; padding:20px; display:none; transition:all ease 0.3s;}
#side_menu #side_member .btn_login {color:#00a0e9;}
#side_menu p.tit {font-size:1rem;}
#side_menu ul {padding:10px 0 20px; border-bottom:1px solid #ccc; margin-bottom:20px; }
#side_menu ul:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0;}
#side_menu ul li {display:block; margin-bottom:10px; line-height:16px; padding-left:10px; background:url('/images/blt/blt_li_s.png') no-repeat left top 8px;}
#side_menu ul li:last-child {margin-bottom:0;}
#side_menu .side_menu_li li a {color:#333;}
#side_menu .side_menu_li li a:hover {color:#00a0e9; cursor:pointer;}

.chng_lang li, #side_member li {background:none !important; padding-left:0 !important;}

/*#side_menu .side_btns {width:40px; top:50%; margin-top:-250px; left:-42px; }*/  /*사이드메뉴 탭 넣은 경우*/
#side_menu .side_btns {width:40px; top:50%; margin-top:-50px; left:-42px; }   /*오픈시 사이드메뉴 탭 임시삭제시 설정*/
#side_menu .toggle_btn {background:#fff; width:41px; height:50px; border-radius:5px 0 0 5px; border:1px solid #666; border-right:none; }
#side_menu .toggle_btn:hover {cursor:pointer;}
#side_menu .toggle_btn img {margin:15px 0 0 12px;}
#side_menu .btn_tab {display:block; transform:rotate(90deg); width:100px; color:#fff; text-align:center; font-weight:bold; box-sizing:border-box; }
#side_menu .btn_tab:hover {cursor:pointer;}
#side_menu .btn_tab_mymenu { background:#00a0e9; border:1px solid #0087c4; border-top:none; margin-top:50px; height:40px; margin-left:-28px; line-height:40px; border-radius:0 0 5px 5px;}
#side_menu .btn_tab_customer { background:#985e39; border:1px solid #88502c; border-top:none; margin-top:63px; height:34px; margin-left:-25px; line-height:34px; border-radius:0 0 5px 0;}

#side_menu .tab_mymenu {display:block; width:100%; height:100%; overflow-y:auto;}
#side_menu .tab_customer {display:none; width:100%; height:100%; overflow-y:auto;}

#top_sub {margin-top:10px;}
@media screen and (max-width:1280px) {
#logoTop {margin-left:10px;}
}

/*헤더 탑메뉴*/
/*#topMenu {margin-left:30px; margin-top:6px;}*/   /*원래 디자인 - 점검이 끝나면 이걸로 바꿔주세요*/
#topMenu {margin-left:50px; margin-top:2px;}   /*점검을 위한 임시디자인*/

/*depth 1*/
/*#topMenu > li {float:left; margin-right:25px; position:relative;}*/  /*원래 디자인 - 점검이 끝나면 이걸로 바꿔주세요*/
#topMenu > li {float:left; position:relative;}   /*점검을 위한 임시디자인*/
#topMenu > li > a {color:#333; font-size:17px; display:block; padding:5px 30px; letter-spacing:4px;}
#topMenu > li > a:hover {color:#00a0e9; }
#topMenu > li > a:hover .top_sub {visibility:visible; display:block;}
#topMenu > li > a.on {color:#00a0e9;}

/*depth 2*/
#topMenu > li .top_sub {position:absolute; top:30px; left:-12px; z-index:20; visibility:hidden; display:none;}
#topMenu > li .top_sub img {position:absolute; top:-7px; left:12px;}
#topMenu > li .top_sub ul { border:1px solid #00a0e9; border-radius:3px; overflow:hidden; box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 10px;}
#topMenu > li .top_sub ul > li {display:block; height:30px; width:200px;}
#topMenu > li .top_sub ul > li > a {display:block; height:30px; line-height:30px; background:#fff; border-bottom:1px solid #ccc; padding:0 12px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; overflow:hidden; width:200px; box-sizing:border-box;}
#topMenu > li .top_sub ul > li:last-child a {border-bottom:none;}
#topMenu > li .top_sub ul > li > a:hover {background:#f9f9f9;}


#member {margin-top:10px;}
#member li {float:left; margin-right:15px;}
#member li:last-child {margin-right:0;}
#member li .btn_modify {color:#00a0e9;}
#member li span:hover {cursor:pointer; opacity:0.7;}
@media screen and (max-width:1280px) {
#member {margin-right:10px;}
}

@media screen and (max-width:1080px) {
#member {display:none;}
}

#side_member a:hover {opacity:0.7; cursor:pointer;}
#side_member .btn_modify {color:#00a0e9;}

/* 맨 위로 가기 버튼 */
#btn_bottomfix {bottom:20px; right:50px; z-index:21;}
#totop { opacity:0; width:58px; height:58px; background:url('/images/btn/arrow_top.png') no-repeat center center; background-color:rgba(255,255,255,0.4); transition:all ease 0.2s;}
#totop:hover {background-color:rgba(221,231,240,0.4); transition:all ease 0.2s;}

/* 하단 고객센터 슬라이드 메뉴 */
#btn_open_customer {width:165px; height:58px; line-height:58px; padding:0 20px; border:1px solid #ccc; background:rgba(255,255,255,0.4); margin-left:5px; transition:all ease 0.2s;}
#btn_open_customer span {font-size:1.2rem; color:#333; padding-left:45px; background:url('../images/blt/blt_customer_1.png') no-repeat left center; margin-top:-4px;}
#btn_open_customer:hover {cursor:pointer; background:rgba(221,231,240,0.4); transition:all ease 0.2s;}

#btn_bottomfix #customer_service {width:165px; bottom:55px; right:0; display:none;}
#btn_bottomfix .btn_close_customer {width:100%; height:20px; background:#00a0e9; color:#fff; font-size:0.5rem; border-radius:3px 3px 0 0;}
#btn_bottomfix .btn_close_customer:hover {background:#51290f; cursor:pointer;}
#btn_bottomfix .customer_menu {width:100%; background:#ffd200; border:1px solid #f0c600; padding:10px 0;}
#btn_bottomfix .customer_menu li {display:block; height:30px; line-height:30px; width:100%; }
#btn_bottomfix .customer_menu li a {display:block; width:100%; height:100%; color:#723307; font-size:1rem; padding:0 16px; box-sizing:border-box;}
#btn_bottomfix .customer_menu li a span {display:inline-block; vertical-align:middle; margin-top:-10px;}
#btn_bottomfix .customer_menu li a:hover {background:#f0c600; }

.footer_outer {padding-top:50px; background:#fff;}
#footer {background:#f1f1f1; bottom:0;}
#footMenu {height:52px; border-top:1px solid #d5d7da; border-bottom:1px solid #d5d7da;}
#footMenu li {display:inline-block; padding:0 20px; line-height:52px;}
#footMenu li a {color:#333; display:inline-block;}
#footMenu li a:hover {font-weight:bold;}

.company_info {padding:35px 0;}
.company_info p {margin-top:20px;}

/* 로그인 팝업창 */
#login_modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:24;}
#pop_login {width:800px; height:440px; left:50%; margin-left:-400px; top:50%; margin-top:-220px; z-index:25;}
#pop_login .tit {font-size:23px; margin-top:30px;}
#pop_login .benefit {font-size:14px; margin-top:20px; padding:0 20px; box-sizing:border-box; text-indent:-19px; margin-left:19px;}
#pop_login .login_inner {margin-top:30px; }
#pop_login .login_inner input {border-radius:3px; border:1px solid #333; height:40px; width:300px; line-height:27px; display:block; padding:5px 10px; margin-bottom:10px; box-sizing:border-box; font-size:1rem;}
#pop_login .login_inner #loginbtn {width:130px; height:90px; background:#339ded; color:#fff; border:1px solid #1f80ca; font-size:20px; box-sizing:border-box; margin-left:10px; transition:all ease 0.2s;}
#pop_login .login_inner #loginbtn:hover {background:#1f80ca; cursor:pointer; transition:all ease 0.2s;}

#pop_login .join_box {margin-top:20px; }
#pop_login .join_box a { color:#333; height:40px; background:#fff; border:1px solid #999; padding:0 20px; box-sizing:border-box; margin:0 5px; line-height:37px; width:215px; font-size:0.9rem; transition:all ease 0.2s;}
#pop_login .join_box a.find_idpw:hover {background:#f6f6f6; color:#000; transition:all ease 0.2s;}
#pop_login .join_box a.btn_join {border:1px solid #339ded;}
#pop_login .join_box a.btn_join:hover {background:#f6f6f6; color:#000; transition:all ease 0.2s;}

/*로그인 팝업창 내 체크박스*/
#pop_login .set_login label {margin-right:20px; vertical-align:top;}
#pop_login input[type='checkbox'] + label {padding-left:17px; background:url('/images/btn/chk_off.png') no-repeat left top 1px; cursor:pointer; }
#pop_login input[type='checkbox']:checked + label {padding-left:17px; background:url('/images/btn/chk_on.png') no-repeat left top 1px; cursor:pointer; }
#pop_login input[type='checkbox'] + label span {vertical-align:3px; line-height:13px; font-size:13px;}


.ui-dialog-titlebar-close {display:none;}


/*컨펌 다이얼로그 - 로그인후 이용해주세요 등등*/
#confirmDialog {text-align:center; padding:20px; box-sizing:border-box; line-height:160px; display:none;}
#confirmDialog #confirmMsg {display:inline-block; line-height:1.4rem; vertical-align:middle;}


/*플로트 배너 광고*/
.float_ad {position:absolute; top:calc(638px + 50px);}
#left_float {left:50%; margin-left:calc(-640px - 150px - 60px);}
#right_float {left:50%; margin-left:calc(640px + 60px);}
.float_ad li {display:block; width:150px; border:1px solid #ccc; border-radius:3px; overflow:hidden; margin-bottom:10px;}

.ui-widget-overlay {background:rgba(0,0,0,0.6); opacity:1;}


/* 뉴 팝업 레이아웃 */
.new_pop_modal {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:20; }
.new_pop_box {position:absolute; overflow-y:hidden; width:1024px; height:80%; background:#fff; border:1px solid #339ded; border-radius:3px; left:50%; margin-left:-512px; /*margin-top:5%;*/ box-sizing:border-box; top: 10%;}
.new_pop_close {position:absolute; background:url('/images/btn/close_bk.png') no-repeat center center; width:30px; height:30px; background-size:17px; top:5px; right:10px; opacity:0.6;}
.new_pop_close:hover {cursor:pointer; opacity:1;}
.new_pop_head {width:100%; height:40px; border-bottom:1px solid #ccc; line-height:40px; padding:0 20px; box-sizing:border-box; text-align:left;}
.new_pop_head span {vertical-align:middle; color:#333; font-weight:bold; font-size:1.2rem; padding-left:10px; background:url('../images/blt/blt_input_tit.png') no-repeat left center;}
.new_pop_cont {width:100%; height:calc(100% - 40px); overflow-y:auto; font-size:1rem; color:#333; box-sizing:border-box; }

/*팝업 공통 닫기버튼*/
.close_pop, .close_pop2 {position:absolute; background:url('/images/btn/close_bk.png') no-repeat center center; width:30px; height:30px; background-size:17px; top:15px; right:15px; opacity:0.6;}
.close_pop:hover, .close_pop2:hover {cursor:pointer; opacity:1;}
.close_slideup {position:absolute; background:url('/images/btn/close_bk.png') no-repeat center center; width:30px; height:30px; background-size:17px; top:15px; right:15px; opacity:0.6;}
.close_slideup:hover {cursor:pointer; opacity:1;}


/* 6단위 이미지 공통(IFRAME 사용으로 PARENT에 보내줘야 하기 때문임)*/
.stepBox1_over {width:200px; height:90%; border:1px solid #999; position:absolute; top:70px; right:20px; box-sizing:border-box; text-align:center; overflow-y:auto; overflow-x:hidden; background:#fff; }
.stepBox1_over img {max-width:180px; max-height:140px;}
.stepBox1_over li {width:100%; border-bottom:1px solid #ccc; padding:20px 0; box-sizing:border-box;}
.stepBox1_over li:hover {opacity:0.7; cursor:pointer;}


/*결과값 주요결과 파란글씨로*/
.result_blue {color:#0042ff;}


.exemptionBtns {height:30px; padding:0 5px; border:1px solid #ccc; background:#f1f1f1; border-radius:3px;}
.exemptionBtns:hover {background:#e7e7e7; cursor:pointer;}

.btn-default {height:30px; padding:0 5px; border:1px solid #ccc; background:#f1f1f1; border-radius:3px; line-height:30px;}
.btn-default:hover {background:#e7e7e7; cursor:pointer;}


.bottom_pop_outer {padding:20px;}

/*메인에 있는 x 닫기*/
.main_close {top:20px; right:20px;}

/*.ml20 {margin-left: 20px;}*/