/* common */
* {font-family: 'Pretendard', sans-serif;}
html.fixed {overflow:hidden; color:#121212;}
html, body {min-width:1080px;}


/* inner */
.inner {position:relative; width:1180px; margin:auto;}


/* header */
.top_banner {position:relative; width:100%; height:48px; font-size:0;}
.top_banner a {display:block; width:100%; height:100%;}
.top_banner .btn_top_close {position:absolute; top:0; right:0; width:48px; height:48px; background:url("../images/banner/btn_top_banner_close.png") center right no-repeat;}
.header {position:relative; width:100%; border-bottom:1px solid #efefef; font-size:0; background:#fff;}
.header *:focus {outline:none;}
.header .snb {position:relative; overflow:hidden; width:100%; height:99px; padding:26px 0px 25px; border-bottom:1px solid #efefef;}
.header .snb .inner {position:static;}
.header .snb .logo {float:left; padding-top:8px; height:43px; display:table;}
.header .snb .logo a {display:table-cell; vertical-align:middle;}
.header .snb .logo a img {max-width:240px; max-height:35px;}
.header .snb .area_util {float:right; padding-top:10px;}
.header .snb .area_util li {display:inline-block; vertical-align:middle; margin-right:30px; font-size:0;}
.header .snb .area_util li img, .header .snb .area_util li span {display:inline-block; vertical-align:middle;}
.header .snb .area_util li img {margin-right:10px;}
.header .snb .area_util li span {font-size:15px; color:#666;}
.header .snb .area_util li:last-child {margin-right:0;}
.header .snb .area_search {position:absolute; width:420px; top:50%; margin:auto; margin-top:-24px; left:0; right:0;}
.header .gnb {position:relative; width:100%; height:50px; line-height:50px; overflow:hidden;}
.header .gnb .btn_allmenu {position:relative; float:left; display:inline-block; text-align:left; width:250px; height:50px; background:url("../images/common/icon_allmenu2.png") calc(100% - 40px) center no-repeat #fff;}
.header .gnb .btn_allmenu:after {position:absolute; width:1px; height:16px; background:#dfdfdf; top:50%; right:0; content:""; margin-top:-8px;}
.header .gnb .btn_allmenu img, .header .gnb .btn_allmenu span {display:inline-block; vertical-align:middle;}
.header .gnb .btn_allmenu span {font-size:16px; font-weight:600; margin-left:15px;}
.header .gnb .other_category {float:left; padding-left:28px;}
.header .gnb .other_category li {display:inline-block; vertical-align:middle; font-size:16px; margin-right:48px;}
.header .gnb .other_category li:last-child {margin-right:0;}
.header .gnb .area_util2 {float:right;}
.header .gnb .area_util2 li {position:relative; margin-left:16px; padding-left:17px; display:inline-block; vertical-align:middle; color:#666; font-size:15px;}
.header .gnb .area_util2 li:before {position:absolute; content:""; width:1px; height:14px; background:#dfdfdf; left:0; top:50%; margin-top:-7px;}
.header .gnb .area_util2 li:first-child {margin-left:0; padding-left:0;}
.header .gnb .area_util2 li:first-child:before {display:none;}
.header .gnb .area_util2 li .count {border-radius:18px; width:18px; height:18px; color:#fff; font-size:12px; text-align:center; background:#000; line-height:18px; margin-left:5px;}
.header .gnb .area_util2 li * {display:inline-block; vertical-align:middle;}
.header .area_allmenu {display:none; position:absolute; top:1px; left:0; width:250px; padding:20px 0; background:#fff; z-index:100; border:1px solid #efefef; border-top:0;}
.header .area_allmenu li {display:block; width:100%; line-height:1; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .area_allmenu li a {display:block; width:100%; height:100%; padding:12px 20px 12px 40px;}
.header .area_allmenu li:last-child {margin-bottom:0;}
.header .area_allmenu li:hover {background:#f4f4f4;}


/* main */
.area_main {position:relative; width:100%; min-height:800px;}
.area_main .area_mainbanner {position:relative; width:100%; margin-bottom:25px;}
.area_main .area_mainbanner .swiper-slide {width:100%; height:620px; background:#333; overflow:hidden; text-indent:-99999px;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%;}
.area_main .area_mainbanner .pagination-wrap {position:absolute; left:0; bottom:0; right:0; width:1180px; margin:auto; text-align:right;}
.area_main .area_mainbanner .pagination-wrap .pagination {position:relative; z-index:1; padding:0 20px 0 32px; display:inline-block; width:200px; height:54px; line-height:54px; text-align:center; background:rgba(0,0,0,0.3); color:#fff;}
.area_main .area_mainbanner .pagination-wrap .pagination * {vertical-align:middle; display:inline-block; position:relative;}
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-button-next, 
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-button-prev {width:36px; height:100%; margin-top:0; top:0; left:0; right:0;}
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-button-next {background:url("../images/main/btn_slide_main_next.png") center no-repeat;}
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-button-prev {background:url("../images/main/btn_slide_main_prev.png") center no-repeat;}
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-pagination {width:auto; bottom:0; font-size:16px; font-weight:200;}
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-pagination .swiper-pagination-current {font-weight:bold;}
.area_main .area_mainbanner .pagination-wrap .pagination .swiper-pagination * {margin:0 8px; left:0; vertical-align:middle; }
.area_main .row {position:relative; width:100%; text-align:center; padding:100px 0 60px;}
.area_main .row .area_title {position:relative; line-height:1; text-align:center; width:100%; margin-bottom:40px;}
.area_main .row .area_title .title {font-size:28px; font-weight:bold; }
.area_main .row .area_title .txt {font-size:16px; color:#888; margin-top:19px;}
.area_main .row .area_title .more {position:absolute; bottom:3px; right:0; font-size:16px; color:#666; display:inline-block; padding-right:22px; background:url("../images/main/icon_more.png") right center no-repeat;}
.area_main .row.bg {background:#f7f7f7;}
.area_main .area_banner {position:relative; width:1180px; height:160px; margin:auto; margin-bottom:70px;}
.area_main .area_banner .banner {text-indent:-99999px; width:100%; height:100%;}
.area_main .area_banner .banner a {display:block; width:100%; height:100%; margin:auto;}
.area_main .list_brand {position:relative; width:100%; font-size:0; text-align:left; margin-bottom:60px;}
.area_main .list_brand .brand {display:inline-block; vertical-align:top; width:220px; height:200px; text-align:center; border:1px solid #eee; margin-right:20px;}
.area_main .list_brand .brand:nth-child(5n) {margin-right:0;}
.area_main .list_brand .brand .thumb_wrap {width:100%; height:100%; display:table; vertical-align:middle;}
.area_main .list_brand .brand .thumb_wrap .thumb {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.area_main .list_brand .brand .thumb_wrap .thumb img {width:160px; height:80px;}
.area_main .area_bottom_board {position:relative; color:#303030; width:100%; overflow:hidden; padding:30px 0; background:#f3f3f3;}
.area_main .area_bottom_board .board {position:relative; float:left; width:calc(50% - 40px); }
.area_main .area_bottom_board .board:first-child {margin-right:80px;}
.area_main .area_bottom_board .board .area_title {width:100%; overflow:hidden; line-height:1; margin-bottom:32px;}
.area_main .area_bottom_board .board .area_title .title {font-size:18px; float:left;}
.area_main .area_bottom_board .board .area_title .link {float:right;}
.area_main .area_bottom_board .board .board_list {width:100%;}
.area_main .area_bottom_board .board .board_list li {display:block; width:100%; overflow:hidden; font-size:16px; line-height:1; margin-bottom:14px;}
.area_main .area_bottom_board .board .board_list li * {display:inline-block; vertical-align:top;}
.area_main .area_bottom_board .board .board_list li .tit {width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area_main .area_bottom_board .board .board_list li .date {color:#888;}
.area_main .area_bottom_board .board .board_list li a {display:block; width:100%; height:100%;}
.area_main .area_bottom_board .board .board_list li a:hover {text-decoration:underline;}
.area_main .area_bottom_board .board .board_list li:last-child {margin-bottom:0;}



/* sub */
.area_sub {position:relative; width:100%; max-width:1180px; overflow:hidden; margin:auto; min-height:837px;  padding:22px 0px 60px }
.area_sub .sub_title {font-size:2.8rem; font-weight:bold; text-align:center; margin-bottom:40px; margin-top:30px;}
.area_sub .sub_txt {font-size:1.7rem; text-align:center; color:#666666;}
.site_title {position:relative; width:100%; height:200px; padding:74px 0px 55px; text-align:center; margin-bottom:80px; line-height:1; background:url("../images/sub/bg_sub_title.png") center no-repeat;} 
.site_title .title {font-size:3.8rem; margin-bottom:20px;}
.site_title .title .amount {font-weight:200; position:relative; padding-left:16px; margin-left:11px;}
.site_title .title .amount b {font-weight:700;}
.site_title .title .amount:before {position:absolute; content:""; width:1px; height:18px; background:#e4e4e4; left:0; top:7px;}
.site_title select {position:absolute; right:0; bottom:15px; height:36px;}
.site_title .site_navigation {font-size:0;}
.site_title .site_navigation li {display:inline-block; vertical-align:middle; font-size:1.4rem; font-weight:500; color:#888;}
.site_title .site_navigation li:after {content:">"; font-size:1.4rem; color:#ccc; display:inline-block;  margin:0 8px; vertical-align:middle;}
.site_title .site_navigation li:last-child:after {display:none;}
.site_title.tit {line-height:58px;}
.content {position:relative; width:100%; height:100%; margin:auto;}
.area_sub .area_btn {width:100%; text-align:center; padding-top:30px;}


/* ÅǸ޴º */
.tab_form {width:100%; overflow:hidden; margin:auto; display:table;}
.tab_form li {cursor:pointer; position:relative; display:table-cell; width:33.3%; height:56px; line-height:56px; background:#fff; text-align:center; font-size:1.7rem; font-weight:600; color:#888; border:1px solid #ddd; border-right:0; border-bottom:1px solid #00548b;}
.tab_form li.active {border:1px solid #00548b; border-bottom:1px solid #fff; color:#00548b;}
.tab_form li:last-child {border-right:1px solid #ddd;}
.tab_form li.active:last-child {border-right-color:#00548b;}
.tab-cont {text-align:center; clear:both; padding:40px 0px 40px 0px;  min-height:400px; font-size:1.4rem;}
.tab-cont img {max-width:100%;}


/* footer */
.footer {position:relative; width:100%; line-height:1; padding:50px 0px; background:#303030;}
.footer .list_contact {width:100%; margin-bottom:20px;}
.footer .list_contact li {display:block; width:100%; margin-bottom:12px; font-size:0;}
.footer .list_contact li span {position:relative; margin-right: 14px; padding-right:15px; display:inline-block; font-size:15px; color:#bfbfbf;}
.footer .list_contact li span b {color:#fff;}
.footer .list_contact li span:after {position:absolute; top:50%; margin-top:-6px; right:0; width:1px; height:12px; background:#454545; content:"";}
.footer .list_contact li span:last-child:after {display:none;}
.footer .list_contact li:last-child {margin-bottom:0;}
.footer .copyright {font-size:15px; color:#666; margin-bottom:44px;}
.footer .list_terms {width:100%; overflow:hidden;}
.footer .list_terms li {display:inline-block; float:left; color:#fff; font-size:15px; margin-right:24px;}

@media screen and (max-width: 1279px) {
	.footer {padding:0 30px;}
}



/* ȸ¿ø°¡ÀÔ */
.wrap_joinstep {width:800px; overflow:hidden; margin:auto;}
.wrap_joinstep .area_joinstep {width:380px; height:330px; line-height:1; background:#fff; margin:auto; text-align:center; padding:50px 50px 0;  display:inline-block; vertical-align:top; border:1px solid #bfc0c0;}
.wrap_joinstep .area_joinstep .icon {display:block; margin:auto; margin-bottom:36px;}
.wrap_joinstep .area_joinstep h4 {font-size:2rem; letter-spacing:-1px; margin-bottom:17px;}
.wrap_joinstep .area_joinstep p {font-size:1.6rem; margin-bottom:35px;}
.wrap_joinstep .area_joinstep .btn_login {width:100%; margin:auto;height:56px; font-size:18px !important; border-radius:4px; -webkit-border-radius:4px !important;}
.wrap_joinstep .area_joinstep.type1 {float:left;}
.wrap_joinstep .area_joinstep.type2 {float:right;}
.wrap_joinstep .area_joinstep.type2 .btn_login {background:#088ea3;}



/* ÇÁ·Î±×·¡½º¹Ù 20180322 */
.file_wrap {width:300px; position:relative;}
.file_wrap .progressbar {position:relative; width:100%; height:30px; line-height:31px; overflow:hidden; padding:0px; background:#eee; text-align:center; margin-bottom:10px; border-radius:8px;}
.file_wrap .percent { font-size:12px; font-weight:bold; width:100%;  height:100%; position:absolute; top:0; left:0; color:#eee;background: #00548b; border-radius:8px;}
.file_wrap .directory_file {width:100%; background:#fff; height:84px; margin-bottom:10px; padding:5px 10px; font-size:1.2rem;}
.file_wrap .percent {background: rgb(8,142,163);
background: linear-gradient(90deg, rgba(8,142,163,1) 0%, rgba(0,182,210,1) 100%);}
.file_wrap .ddl_FileFunc {width:100%; overflow:hidden;}
.file_wrap .ddl_FileFunc .btn {width:50%; height:36px; float:left;}
.file_wrap .ddl_FileFunc .btn:first-child {border-radius:8px 0px 0px 8px;}
.file_wrap .ddl_FileFunc .btn:nth-child(2) {border-radius:0px 8px 8px 0px;}


/* ÄÁÅÙÃ÷ */
.area_introduce {width:100%; height:939px; background:url("../images/sub/img_about_introduce.png") center no-repeat; text-indent:-99999px;}
.area_brand {position:relative; width:100%; font-size:0;}
.area_brand .brand {display:inline-block; vertical-align:top; width:224px; margin-right:15px; margin-bottom:40px; border:1px solid #ddd;}
.area_brand .brand .thumb_wrap, .area_brand .brand .title {display:block; width:100%; text-align:center;}
.area_brand .brand .thumb_wrap {display:table; vertical-align:middle; width:100%; height:140px; padding:0 20px;}
.area_brand .brand .thumb_wrap img {width:160px; height:80px;}
.area_brand .brand .thumb_wrap .thumb {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.area_brand .brand .title {display:table; width:100%; height:80px; border-top:1px solid #ddd; background:#f3f3f3; font-size:18px; line-height:28px;}
.area_brand .brand .title p {display:table-cell; vertical-align:middle;}
.area_brand .brand:nth-child(5n) {margin-right:0;}


/* ȸ¿ø°¡ÀÔ ¿Ï·á */
.area_join_end {position:relative; text-align:center; width:100%; }
.area_join_end img {margin-bottom:45px;}
.area_join_end .title {display:block; font-size:24px; color:#000; line-height:34px; margin-bottom:30px;}
.area_join_end .title em {display:block; font-style:normal; color:#00548b;}
.area_join_end .txt {font-size:17px; color:#666; line-height:27px; font-weight:normal; margin-bottom:30px;}



/* ȸ¿ø°¡ÀÔ ¾÷ü Å×À̺í */
#tb_PCS_CentersList {border-collapse:collapse; width:100%; color:#000; border-top:1px solid #eee;}
#tb_PCS_CentersList th, #tb_content th, #tb_detail th, #tb_PCS_CentersList td, #tb_content td, #tb_detail td {padding:0.1em 1em; height:25px;}
#tb_PCS_CentersList thead {border-top:1px solid #333;}
#tb_PCS_CentersList th, #tb_PCS_CentersList td { vertical-align:middle; font-size:1.4rem; padding:10px 10px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
#tb_PCS_CentersList th {font-weight:bold; text-align:center;}
#tb_PCS_CentersList td {text-align:center;}
#tb_PCS_CentersList td .btn_common {font-size:1.2rem; height:35px; line-height:35px;}
#tb_PCS_CentersList tr td:last-child, #tb_PCS_CentersList tr th:last-child {border-right:0;}
#popup_companySearch .popup_content {max-height:700px; overflow-y:auto;}
#popup_companySearch .popup_container {width:640px;}


/* ¿À½Ã´Â±æ */
.area_contact {position:relative; width:100%;}
.area_contact .row {position:relative; width:100%;}
.area_contact .row .thumb, .area_contact .row .cont {display:inline-block; vertical-align:middle;}
.area_contact .row .cont {padding-left:60px; line-height:1;}
.area_contact .row .cont .tit {display:block; width:100%; margin-bottom:28px;}
.area_contact .row .cont .tit img, .area_contact .row .cont .tit span {display:inline-block; vertical-align:bottom;}
.area_contact .row .cont .tit span {font-size:20px; margin-left:13px;}
.area_contact .row .cont ul li {display:block; width:100%; margin-bottom:20px; font-size:16px;}
.area_contact .row .cont ul li:last-child {margin-bottom:0;}