@charset "utf-8";

/* common */
html,body { height:100%; width:100%;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:"Noto Sans KR"; letter-spacing: -0.5px;}
ul>li>a { text-decoration:none; }
a { color:#666666;}
em {font-style:normal}
table { border-collapse: collapse; }
button {cursor:pointer;}
button:focus {
  outline: none;
}
i {display:inline-block;}
p {letter-spacing:-0.5px;}
/* .inner {width:1180px; position:relative; margin:0 auto} 우림하고 충졸 */
input {box-sizing: border-box; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-webkit-input-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}
input::placeholder {color: #999; opacity: 1;}
select {box-sizing: border-box; cursor: pointer; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */

/* LAYOUT */
#A_Wrap {
    width: 100%;
    height: 100%;
    min-width: 1200px;
}
#A_Header {
    width: 100%;
    min-width: 1200px;
    clear: both;
    height: 70px;
    line-height: 70px;
    position: absolute;
    z-index: 60;
    top: 0px;
}
#A_Header.main_header {position: fixed;}
#A_Header .logo {position:absolute; left: 40px; top: 0; z-index: 51;}
#A_Header .logo a {display: block; width: 154px; height: 65px;}
#A_Header .logo img {vertical-align: top;}
#A_Header .headerBtns {position:absolute; right:25px; top:0px; z-index:80;}
#A_Header .headerBtns button {position: relative; float: left; padding: 30px 0 0 0; height:70px; text-align:center; border:0; background-color:transparent; margin-right:30px; font-size:11px; color:#000; font-weight:500; line-height: 1}
#A_Header .headerBtns button i {position: absolute; top: 16px; left: 0; right: 0; margin:0 auto; display:block; background-image:url(/WebImg/header_icons.png);vertical-align:middle;}
#A_Header .headerBtns .btn1 i {width:24px; height:23px; background-position:0px 0px;}
#A_Header .headerBtns .btn2 i {width:22px; height:22px; background-position:-54px 0px;}
#A_Header .headerBtns .btn3 i {width:20px; height:22px; background-position:-106px 0px;}
#A_Header .headerBtns .btn4 i {width:18px; height:16px; background-position:-156px -3px;  margin-bottom:3px;}

#A_Header .headerBtns_B .btn1 i {background-position:0px -42px;}
#A_Header .headerBtns_B .btn2 i {background-position:-54px -42px;}
#A_Header .headerBtns_B .btn3 i {background-position:-106px -42px;}
#A_Header .headerBtns_B .btn4 i {background-position:-156px -45px;}


#A_Header.on {background:#fff;} 
#A_Header.on .gnb_div {display:block;}
#A_Header.on .headerBtns .btn4 i{background-position:-196px 0px; width:19px; height:19px; margin-bottom:0;}
#A_Header.on .headerBtns .btn4 {display: none;}
#A_Header.main_header.on .headerBtns .btn4 {display: block;}
#A_Header .gnb_div {position:absolute; top:0; height:70px; z-index:50; display:none; width:100%; border-bottom:1px solid #ddd;}
#A_Header.main_header .gnb_div {position: fixed;}
    #A_Header .gnb {
        display: table;
        margin-left: auto;
        margin-right: auto;
        min-width: 975px;
    }
#A_Header .gnb > li { float:left; width:195px; font-weight:600; text-align:center;}
#A_Header .gnb > li.active .dp1_tit a {color: #ee1b2a;}
#A_Header .gnb > li .dp1_tit a {display: block; color:#333; font-size:18px; }
#A_Header .gnb > li .dp1_tit:after { content: ''; width: 0%; height:1px; background:#fa114a; display: block; }
#A_Header .gnb > li .line {width:0%; height:3px; background:#fa114a; display: block; margin: auto; position:relative; z-index:10;}
#A_Header .gnb > li:hover .dp2 ul {background-color: #f6f6f6;}
/*#A_Header .gnb .dp1.on .dp2 ul {background-color: #f6f6f6;}*/
#A_Header .dp2 {position:absolute; top:70px; margin-top:10px; display:none; width:195px; z-index:10;  margin-top:0px !important;}
#A_Header .dp2 > ul {height:217px; margin-top:3px; box-sizing:border-box; padding-top:30px;}
#A_Header .dp2 > ul > li {line-height:2.3; text-align:center;}
#A_Header .dp2 > ul > li > a {font-size:16px; color:#666; font-weight:normal}
#A_Header .dp2 > ul > li > a:hover {color:#333; font-weight:500;}
.bg_box {border-bottom:1px solid #ddd; position:absolute; background:#fff; top:71px; left:0px; height:348px; z-index:5; width:100%; display:none;}



#A_Container_Wrap {overflow: hidden; position: relative; width: 100%; padding: 70px 0 0 0;	clear: both;}
#A_Container_Wrap.main_container {padding: 0;}
#A_Container{margin:0 auto; clear:both; }


/* footer */
#A_Footer{width:100%; overflow: hidden; position:relative;}

#A_Footer .footer_con {background-color: #333; }
#A_Footer .ft_inner{padding:30px 0 35px; width:1180px; margin:0 auto; overflow: hidden;}
#A_Footer .ft_left {float: left; text-align:left;}
#A_Footer .ft_left .ft_btn {margin-bottom: 30px;}
#A_Footer .ft_left .ft_btn a{margin-right:17px; color:#999; font-size:13px;}
#A_Footer .ft_left .ft_btn .first{color:#fff;}
#A_Footer .ft_left .ft_txt p, .ft_right a {color:#666; font-size:13px; font-weight:500;}
#A_Footer .ft_left .ft_txt {line-height: 24px;}
#A_Footer .ft_left .ft_txt span {margin:0 5px;}
#A_Footer .ft_left .ft_txt .copy{margin-top:25px;}
#A_Footer .ft_right{float: right;}
#A_Footer .ft_right a{display:inline-block; float: left; width:120px; height:36px; background-color:#111; color: #999; border-radius:30px; text-align: center; line-height:36px; margin-right:10px;}
#A_Footer .ft_right a:hover {background-color:#000;}
#A_Footer .ft_right select{-webkit-appearance: none;  -moz-appearance: none; appearance: none; width:200px; height:36px; color:#bbb; box-sizing:border-box; padding:0 20px; vertical-align:middle; box-sizing: border-box; border: 1px solid #999; border-radius:30px; background: transparent url(../images/main/select_arrow.png)no-repeat 90% 50%;}
#A_Footer .ft_right .appBtns {margin-top:60px; text-align:right;}
#A_Footer .ft_right .appBtns button {width:138px; height:46px; border:0;}
#A_Footer .ft_right .appBtns .btn1 {background:url(../images/main/appicon1.png) no-repeat 0 0;} 
#A_Footer .ft_right .appBtns .btn2 {background:url(../images/main/appicon2.png) no-repeat 0 0; margin-left:3px;} 


.ft_popup01 .popup_wrap {width:740px; box-sizing:border-box;}
.ft_popup02 .popup_wrap {width:740px; box-sizing:border-box;}
.ft_popup03 .popup_wrap {width:740px; box-sizing:border-box;}
.ft_popup04 .popup_wrap {width:740px; box-sizing:border-box;}
.ft_popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index:999;}
.ft_popup .popup_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; box-sizing: border-box; background:#fff;}
.ft_popup .popup_wrap .titArea {position:relative; height:60px; line-height:60px; background:#f36c4d; text-align:left; padding:0 20px; box-sizing:border-box;}
.ft_popup .popup_wrap .titArea p {font-size:20px; font-weight:500; color:#fff;}
.ft_popup .popup_wrap .conArea {box-sizing:border-box; padding:25px 20px;}
.ft_popup .popup_wrap .conArea p {line-height:1.5; font-size:15px; color:#333;}
.ft_popup .popup_wrap .close {display: block; position: absolute; top:20px; right:20px; width:20px; height:20px; background:url(../images/sub/esc_icon.png) no-repeat 50% 50%; cursor: pointer;}
.ft_popup .popup_wrap .popupBtns {margin-top:20px; border-top:1px solid #ddd; padding-top:20px; text-align:center;}
.ft_popup .popup_wrap .popupBtns button {width:120px; height:50px; line-height:50px; margin:0 2px;border-radius:30px; font-size:18px; font-weight:500;}
.ft_popup .popup_wrap .popupBtns .check {background:#ee2e24; border:1px solid #ee2e24; color:#fff;}
.ft_popup .popup_wrap .popupBtns .cancel {background:#fff; border:1px solid #bbb; color:#333;}

.ft_popup02 .data_tit_box {border:1px solid #333; margin:15px 0 10px;}
.ft_popup02 .data_tit_box .titBox {box-sizing:border-box; padding:0 20px; font-size:15px; font-weight:500; color:#333; border-bottom:1px solid #333; background:#eee;}
.ft_popup02 .data_tit_box .titBox p { height:50px; line-height:50px;}
.ft_popup02 .data_tit_box .txtBox {height:180px; overflow:hidden; box-sizing:border-box; padding:20px;}
.ft_popup02 .data_tit_box .txtBox ul li {float:left; font-size:15px; color:#333; line-height:1.7; width:50%;}
.ft_popup02 .data_txt_box {border:1px solid #ddd; height:180px; overflow-y:scroll; box-sizing:border-box; padding:20px; margin-bottom:10px;}
.ft_popup02 .data_txt_box p {font-size:15px; color:#333;}
.ft_popup02 .prev_data {border-bottom:1px solid #333;}
.ft_popup02 .conArea > table {width: 100%; margin: 10px 0; border: 1px solid #ddd;}
.ft_popup02 .conArea > table tr {border-bottom: 1px solid #ddd;}
.ft_popup02 .conArea > table thead th {background: #eee; color:#333; line-height:40px; font-size: 14px; font-weight: 400; border-left: 1px solid #ddd;} 
.ft_popup02 .conArea > table tbody td {padding: 20px 40px; border-left: 1px solid #ddd;}
.ft_popup02 .conArea > table tbody td ul li {position: relative; padding: 0 0 0 10px; font-size: 14px; color:#666; line-height: 1.6; margin: 10px 0 0 0;}
.ft_popup02 .conArea > table tbody td ul li:first-child {margin: 0;}
.ft_popup02 .conArea > table tbody td ul li:before {display: block; position: absolute; top: 11px; left: 0; width: 5px; height: 1px; background-color: #666; content: '';}

.sub_scroll_btn {display: none; position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 2;}
.sub_scroll_btn > button {display: block; box-sizing: border-box; width: 50px; height: 50px; text-indent: -9999px; background-color: #fff; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center;}
.sub_scroll_btn > button.btn_top {background-image: url(../images/main/btn_top.png);}
.sub_scroll_btn > button.btn_bottom {margin: -1px 0 0 0 ; background-image: url(../images/main/btn_bottom.png);}

.main_scroll_btn {display: none; position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 2;}
.main_scroll_btn.on {display: block;}
.main_scroll_btn > button {display: block; box-sizing: border-box; width: 50px; height: 50px; text-indent: -9999px; background-color: #fff; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center;}
.main_scroll_btn > button.btn_top {background-image: url(../images/main/btn_top.png);}
.main_scroll_btn > button.btn_bottom {margin: -1px 0 0 0 ; background-image: url(../images/main/btn_bottom.png);}

.table_wrap {overflow-y: scroll; height: 500px;}
.table_wrap .table_type2 {width: 100%;}
.table_wrap .table_type2 thead th {background: #f36c4d; color:#fff; line-height:40px; font-size: 14px; font-weight: 400;}
.table_wrap .table_type2 thead tr {border:none;}
.table_wrap .table_type2 tbody tr {height: 40px; line-height: 40px; font-size: 14px; border-bottom: 1px solid #ddd;}
.table_wrap .table_type2 tbody th {font-weight: 500; color: #333;}
.table_wrap .table_type2 tbody td {text-align: center; padding:0 20px; color:#666;}