@charset "utf-8";

/**
* Infobus Cascading Style Sheets
* File Name : layout.css
* Description : 레이아웃 css
* Date : 2020-05-27
* Update : 2020-05-27
* Copyright(c) 2020 인포버스. All Rights Reserved.
*/

/*
 * layout
 */

#quick { position:fixed; right:10px; top:50%; z-index:30; margin-top:-124px; width:93px; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}

#modal { position:absolute; top:100%; left:0; width:100%; z-index:50;}
.mh275 { min-height:230px;}
.is_popup { overflow:hidden;}
.inner_modal { padding:15px; border-radius:4px; box-sizing:border-box; background:#fff; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.inner_modal1 { /*width:850px;*/ width:100%;}
.inner_modal2 { width:480px; height:335px;}
.inner_modal .tit_modal { position:relative; font-size:22px; color:#4479bd; font-family:'yg-jalnan', sans-serif;}
.inner_modal .tit_modal .close_modal { position:absolute; top:0; right:0; z-index:1;}
.cont_modal { padding:15px 0; margin-bottom:20px; text-align:center; overflow:auto; border-top:1px dashed #cfcfcf;}
.cont_modal_list { min-height:200px; background:#eee;}
.cont_modal_list table { width:100%; border-left:10px solid #eee; border-bottom:15px solid #eee; border-right:10px solid #eee;}
.cont_modal_list table th { padding:10px 0; font-size:18px; color:#222;}
.cont_modal_list table td { position:relative; padding:20px 5px; background:#fff; border-bottom:5px solid #eee; text-align:center;}
.cont_modal_list table .first {}
.cont_modal_list table .last { text-align:left;}
.modal_paging { text-align:center;}
.modal_paging a { position:relative; display:inline-block; padding-top:1px; padding-left:2px; padding-right:2px; box-sizing:border-box; margin:0 2px; font-size:16px; width:auto; min-width:30px; height:30px; vertical-align:middle; border:1px solid #eee;}
.modal_paging a:hover { border-color:#4479bd; background:#4479bd; color:#fff;}
.modal_paging a[href=javascript:;]:hover { padding-top:0;}
.modal_paging a b { position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background:#4479bd; color:#fff;}

.popupContainer{position:fixed;top:0;left:0;right:0;bottom:0;padding:120px 0;background:rgba(0,0,0,.8);z-index:99;overflow-y:scroll;display:none;}
.is_popup .popupContainer{display:block;}
.popup {position:relative;top:0;left:50%;width:400px;margin-left:-320px}
.popup .popCon{background:#fff}
.popup .popCon img { max-width:100%; height:auto;}
.popup .close{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;text-indent:-9999px;background:url(../image/ico_close.png) 50% 50% no-repeat}
.popup .foot_close { padding:10px; background:#000; color:#fff;}
.popup .foot_close  label{ cursor:pointer;}
.popup .btn_pop_clock { float:right; display:block; background:#fff; color:#4479bd; padding:1px 10px; border-radius:3px;}

#wrap { width:100%; min-width:1750px; overflow:hidden;}

#header { position:fixed; top:0; left:0; width:100%; min-width:1750px; height:86px; box-sizing:border-box; z-index:30; font-size:0; background:#fff; -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.3); -moz-box-shadow:0 10px 10px 0 rgba(0,0,0,.3);; box-shadow:0 10px 10px 0 rgba(0,0,0,.3);}

#container { position:relative; padding-top:86px; box-sizing:border-box; z-index:10;}
#container:after { display:block; clear:both; content:"";}

#footer { position:relative; z-index:20; padding:15px 0; text-align:center; font-size:13px; color:#b0b0b0; background:#3a3a3a;}

.inner { position:relative; width:1200px; margin:0 auto;}

.txt_style1 { font-size:20px; color:#fff;}
.txt_style1 i { vertical-align:middle; margin-right:10px;}
.txt_style1 i img { max-width:100%; height:auto;}
.txt_style1_re { font-size:20px; color:#4479bd;}
.txt_style1_re i { vertical-align:middle; margin-right:10px;}
.txt_style1_re i img { max-width:100%; height:auto;}
.txt_style2 { font-size:20px; color:#fff;}
.txt_style3 { padding-bottom:15px; font-family:"Noto Sans KR", sans-serif; font-size:18px; color:#4379bc;}

.tit_this_sect { font-family:'yg-jalnan', sans-serif; font-size:55px; position:relative;}

.block_card { position:relative; padding:35px; border-radius:10px; background:#fff; margin-top:15px;}
.block_card.bg_blue { color:#fff;}
.block_card .txt_style1 { padding-top:30px;}
.block_card .txt_style1_re { padding-top:30px;}

.tit_card { font-size:30px; font-family:'yg-jalnan', sans-serif;}

.bg_blue .tit_card { color:#fff !important;}

.block_search { margin:0 -5px;}
.block_search li { padding:0 5px; box-sizing:border-box;}

.sel_search { position:relative; border-radius:5px; overflow:hidden;}
.sel_search:after { content:""; display:block; position:absolute; width:1px; height:52px; top:0; bottom:0; left:50%; background:#d2c94c;}
.sel_search label { border-radius:0 5px 5px 0; padding:8px 0 10px; font-size:22px; cursor:pointer; background:#eee; color:#666; font-weight:600; text-align:center;}
.sel_search label.active { background:#fffdab; color:#4479bd;}
.sel_search label:first-child { border-radius:5px 0 0 5px;}
.sel_search label input[type=radio] { display:block; width:0; height:0; opacity:0;}

.sel_search2 { position:relative; border-radius:5px; overflow:hidden;}
.sel_search2:after { content:""; display:none; position:absolute; width:0; height:52px; top:0; bottom:0; left:50%; background:#d2c94c;}
.sel_search2 label { border-radius:0 5px 5px 0; padding:8px 0 10px; font-size:22px; cursor:pointer; background:#eee; color:#666; font-weight:600; text-align:center;}
.sel_search2 label.active { background:#fffdab; color:#4479bd;}
.sel_search2 label:first-child { border-radius:5px 0 0 5px;}
.sel_search2 label input[type=radio] { display:block; width:0; height:0; opacity:0;}

#header h1 { position:absolute; top:50%; left:10px; margin-top:-30px;}
#header .right_family { position:absolute; top:50%; right:0; margin-top:-13px; display:table;}
#header .right_family li { display:table-cell; padding:0 15px; vertical-align:middle; text-align:center;}

#lnb { text-align:center;}
#lnb .lnb_nav { padding-top:10px; margin:0 -38px;}
#lnb .lnb_nav li { display:inline-block; padding:0 18px; font-size:25px; color:#222; font-weight:500;}
#lnb .lnb_nav li a { position:relative; display:block; padding:15px 5px; font-size:25px; color:#222; font-weight:500;}
#lnb .lnb_nav .active a { color:#4479bd;}
#lnb .lnb_nav .active a:after { content:""; position:absolute; left:0; bottom:-9px; width:100%; height:2px; background:#4479bd;}

.main_daegu { text-align:center;}
.main_layer_card { position:absolute; top:170px; left:-138px;}
.main_layer_mobile { position:absolute; top:50px; right:-138px;}
.main_layer_people { position:absolute; bottom:0; left:50%; margin-left:-300px;}

.sect0 { background:url(../image/bg_main_pattern.gif) repeat;}

.sect1 { position:relative; padding:150px 0 20px;}
.sect1:before { position:absolute; content:""; display:block; width:50%; right:0; height:100%; top:0; bottom:0; background:#ededed; z-index:1;}
.sect1 .inner { z-index:2;}
.sect1 .tit_this_sect { color:#4479bd; margin-bottom:20px; text-align:center;}
.sect1 .txt_this_sect { color:#374a92; font-size:28px; font-weight:500; text-align:center;}
.sect1 .img_sect1 { position:relative; display:inline-block; margin-left:27px; margin-top:30px;}
.sect1 .img_sect1 .left_area { position:absolute; top:50%; right:100%; width:350px; margin-top:-20px; text-align:center; border-top:1px dashed #d2d2d2;}
.sect1 .img_sect1 .left_area .tit_this { position:absolute; bottom:100%; left:0; right:0; width:100%; font-size:40px; font-family:'yg-jalnan', sans-serif; padding-bottom:30px; color:#4479bd;}
.sect1 .img_sect1 .left_area .txt_this { position:absolute; padding-top:30px; top:100%; left:0; right:0; width:100%; font-size:40px;}
.sect1 .img_sect1 .left_area .txt_this li { display:block; padding:20px 0; font-size:25px; color:#222; font-weight:500;}
.sect1 .img_sect1 .left_area:before { position:absolute; left:-4px; top:-4px; width:8px; height:8px; border-radius:50%; content:""; background:#999;}
.sect1 .img_sect1 .right_area { position:absolute; top:50%; left:100%; width:350px; margin-top:-20px; text-align:center; margin-left:-27px; border-top:1px dashed #d2d2d2;}
.sect1 .img_sect1 .right_area:before { position:absolute; right:-4px; top:-4px; width:8px; height:8px; border-radius:50%; content:""; background:#999;}
.sect1 .img_sect1 .right_area .tit_this { position:absolute; bottom:100%; left:0; right:0; width:100%; font-size:40px; font-family:'yg-jalnan', sans-serif; padding-bottom:20px; color:#2bbdc2;}
.sect1 .img_sect1 .right_area .txt_this { position:absolute; padding-top:30px; top:100%; left:0; right:0; width:100%;}
.sect1 .img_sect1 .right_area .txt_this li { display:block; padding:20px 0; font-size:25px; color:#222; font-weight:500;}
.sect1 .img_sect1 .txt_this li span { display:inline-block; padding-left:40px; background:url(../image/ico_sect1.png) no-repeat left 50%;}

.sect2 { padding:120px 0 70px;}
.sect2_1,
.sect2_2 { padding:50px 0 50px;}
.sect2,
.sect2_2 { background:#94c3f3;}
.sect2 .tit_this_sect,
.sect2_1 .tit_this_sect,
.sect2_2 .tit_this_sect { color:#fff; margin-bottom:15px; font-size:40px; text-align:center;}
.sect2_1 { background:#6495ce;}

.sect3 { padding:150px 0 120px; background:#5c8ac6;}
.sect3 .tit_this_sect { color:#fff; margin-bottom:40px; text-align:center; font-size:55px;}
.sect3 .tit_card { margin-bottom:40px; color:#4479bd;}

.sect5 { padding:100px 0 60px; background:#bbd9f3;}
.sect5 .tit_this_sect { color:#4479bd; margin-bottom:40px; text-align:center;}
.sect5 .tit_card { margin-bottom:40px; color:#4479bd;}

.check_group { font-size:0; margin:0 -6px;}
.check_group label { display:inline-block; cursor:pointer; border-radius:4px; margin:4px 6px; padding:12px 30px; background:#eee; border:1px solid #bfbfbf; color:#666; font-size:20px; font-weight:500;}
.check_group label.active { background:#5c8ac6; border:1px solid #5c8ac6; color:#fffdab;}
.check_group label input[type=radio]{ display:block; width:0; height:0; overflow:hidden; font-size:0; opacity:0;}
.check_group a { display:inline-block; border-radius:4px; margin:4px 6px; padding:12px 30px; background:#fff; border:1px solid #bfbfbf; color:#666; font-size:20px; font-weight:500;}

.tit_radio { position:relative; font-size:22px; padding:30px 0 30px 20px; color:#5c8ac6; font-weight:500;}
.tit_radio:before { position:absolute; top:50%; left:0; margin-top:-2px; width:8px; height:8px; border-radius:50%; background:#4479bd; content:"";}

.footer_family { margin:30px 0;}
.footer_family li { box-sizing:border-box; padding:0 17px;}
.footer_family li:first-child { border-right:1px solid #484848;}

.sect4 { position:relative; padding:130px 0 100px; background:#cbe0f4;}
.sect4 .tit_this_sect { color:#4479bd; margin-bottom:40px; text-align:center;}
.sect4 .inner { z-index:2;}
.sect4:before { position:absolute; content:""; display:block; width:50%; right:0; height:100%; top:0; bottom:0; background:#96c4fd; z-index:1;}

.sect6 { padding:100px 0 60px; background:#f4f4f4;}
.sect6 .tit_this_sect { color:#4479bd; margin-bottom:40px; text-align:center;}
.sect6 .tab_group { width:420px; margin:0 auto;}
.sect6 .tab_group a { display:block; float:left; line-height:1; width:50%; padding:14px 0; vertical-align:bottom; text-align:center; font-size:25px; font-family:'yg-jalnan', sans-serif; background:#fff; color:#4479bd; -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.3); -moz-box-shadow:0 10px 10px 0 rgba(0,0,0,.3); box-shadow:0 10px 10px 0 rgba(0,0,0,.3);}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sect6 .tab_group a { padding:28px 0 14px;}
}

.btn_faq { border-radius:10px 0 0 10px;}
.btn_notice { border-radius:0 10px 10px 0;}
.tab_group .active { background:#4479bd !important; color:#fff !important;}

.tab_content { margin:50px 0; display:none; border-top:2px solid #333;}
.tab_content.active { display:block;}
.tab_content table { width:100%; font-size:25px;}
.tab_content .list { cursor:pointer;}
.tab_content .list:hover { background:#eee;}
.tab_content tr td { padding:50px 0;}
.tab_content thead th { padding:20px 15px; border-bottom:1px solid #333;}
.tab_content .list th { padding-left:15px; border-bottom:1px solid #d8d8d8;}
.tab_content .list td { padding:20px 15px; border-bottom:1px solid #d8d8d8;}
.tab_content .list .lab_q { display:inline-block; vertical-align:middle; width:35px; padding-top:2px; box-sizing:border-box; border-radius:50%; font-weight:600; text-align:center; height:35px; font-size:18px; color:#fff; background:#4479bd; border:1px solid #4479bd;}
.tab_content .view { display:none; border:1px solid #d8d8d8;}
.tab_content .view td { position:relative; padding:25px 25px 25px 75px; background:#fff;}
.tab_content .view.active { display:table-row;}
.tab_content .view .lab_answer { position:absolute; top:25px; left:25px; display:inline-block; vertical-align:middle; width:35px; padding-top:2px; box-sizing:border-box; border-radius:50%; font-weight:600; text-align:center; height:35px; font-size:18px; color:#7d7d7d; background:#eee; border:1px solid #7d7d7d;}

.tab_content .btn_tbl_group td { border-top:1px solid #333;}

.bbs_list { padding:10px 0; font-size:23px; padding-left:20px;}
.bbs_img { max-width:100%; height:auto;}

.ex_img_sect { position:relative; z-index:3; text-align:center;}
.ex_img_sect img { max-width:100%; height:auto;}
.ex_img_sect .sect2_1  { margin-top:60px; margin-bottom:35px; background:#6293cd;}

.btn_app_group { padding:40px 0; text-align:center; font-size:0;}
.btn_app_group a { display:inline-block; padding:0 10px;}


.m_item { background:#eee; padding:20px;}
.m_inner { border-radius:4px; padding:10px; margin-bottom:10px; background:#fff;}
.tit_m_cate { display:inline-block; margin-bottom:5px; padding:1px 10px; background:#4479bd; color:#fff;}
.tit_m_name { font-size:20px; color:#4479bd; font-family:'yg-jalnan', sans-serif;}
.tit_m_num { font-size:20px;}
.tit_m_addr {}

.main_sequence { color:#2bbdc2; font-size:25px; font-weight:600;}
.img_block { display:table; width:100%;}
.img_block li { display:table-cell; height:159px; vertical-align:middle;}
.md_in { border-radius:10px; position:relative;}
.md_in::before { content:""; position:absolute; top:50%; display:block; margin-top:-18px; width:18px; height:34px; background:url(../image/img_arrow.png) no-repeat 50%;}
.sect2 .col_xs_3:first-child .md_in::before { display:none;}
.sect2 .md_in img,
.sect2_1 .md_in img { }
.sect2 .md_in::before { left:-30px;}

.col3_box .col_xs_4 .md_in::before { left:-55px;}
.col3_box .col_xs_4:first-child .md_in::before { display:none;}


.main_txt { color:#4479bd; font-size:25px; font-weight:600; opacity:0.9;}
.main_txt01 { color:#4479bd; font-size:18px; font-weight:600; opacity:0.9;}
.under_txt { padding-top:28px; position:relative;}
.under_txt img { position:absolute; margin-top:4px;}
.under_txt div { color:#3e6da0; font-size:19px; font-weight:400;}
.cash_charege { position:relative;}
.online_charge { display:inline-block; font-family:'yg-jalnan', sans-serif; color:#fff; border:1px solid #fff; font-weight:600; padding:3px 55px; border-radius:28px;}
.mobile_charge { display:block; color:#fff; font-weight:400;}
.location_use { color:#2c5c92; font-weight:500;}
.use_explain { color:#2c5c92; font-size:24px; font-weight:500; line-height:1.8;}
.look_trade { color:#fff; font-weight:600;}