@charset "utf-8";
br { font-family:dotum;}

body{font-family: 'GmarketSans' !important; font-weight: 400;color: #333;}
header{background: url('/images/01_potal/sub/ingu/p_bg.jpg') top center no-repeat;}
section{background: url('/images/01_potal/sub/ingu/p_bg2.jpg') bottom center no-repeat;}

.p_top, .p_container{margin: 0 10px;  text-align: center;}
.p_container{padding-top: 30px;padding-bottom: 253px;}

.p_top{padding: 45px 0;}
.p_top h1{margin-bottom: 26px;}
.p_top h1 a{display: inline-block; overflow: hidden; width: 135px; height: 0; padding-top: 34px; background: url('/images/01_potal/sub/ingu/logo.png') no-repeat;}
.p_top h2{margin-bottom: 30px; word-break: keep-all; font-size: 40px; font-weight: 400; color: #fff; text-shadow: 3px 3px 3px #ee7655; line-height: 1.5em;}
.p_top h2 span{display: block; font-size: 60px; color: #fcffb7;}
.p_top .p_menu{overflow: hidden;}
.p_top .p_menu li{float: left; width: 48%; margin: 0 1% 20px;}
.p_top .p_menu li:nth-of-type(n+7){margin: 0 1%;}
.p_top .p_menu li a{display: block; box-sizing: border-box; height: 60px; padding: 20px 0; background: #fff; font-size: 20px; color: #333;}
.p_top .p_menu li a:hover,
.p_top .p_menu li a:focus,
.p_top .p_menu li.on a{background: #df6053; color: #fff; box-shadow: 3px 3px 5px #ee7655;}

.p_tab {margin-bottom: 40px; text-align: center;}
.p_tab ul{display: inline-block;padding: 0 30px;border-bottom: 1px #d7d7d7 solid;}
.p_tab li{display: inline-block; margin: 0 10px;}
.p_tab li a{display: block;position: relative;padding-bottom: 14px;font-size: 30px;font-weight: 300;color: #333;}

.p_tab li a:hover::before,
.p_tab li a:focus::before,
.p_tab li.on a::before{content: '';position: absolute;bottom: -2px;width: 100%;height: 3px;background: #df6053;}
.p_tab li a:hover,.p_tab li a:focus,.p_tab li.on a{color: #df6053; font-weight:500;}

.s_tab{text-align: center;}
.s_tab li{display: inline-block; margin: 0 10px 14px; font-size: 18px; font-weight: 400;}
.s_tab li a{display: block; padding: 20px 70px 16px 20px; color: #333; background: url('/images/01_potal/sub/ingu/btn.png') no-repeat right 20px center; border: 1px #f59086 solid; border-radius: 10px; box-shadow: 3px 3px 5px #fbd8d8; line-height: 1.5em;}
.s_tab li a:hover,
.s_tab li a:focus,
.s_tab li.on a{background-color: #f59086; color: #fff;}


/*content*/
.p_content{text-align: left;}
.p_con{padding: 46px 0;}
.p_con h4{margin: 0 0 20px 0; font-size: 40px; font-weight: 400;}
.list_style li{margin-bottom: 10px; color:#333; line-height: 1.5em;}
.list_style li strong{display:inline-block;box-sizing:border-box;width: 150px;height: 45px;padding: 12px 0 0;text-align:center;font-size: 18px;font-weight: 400;color:#fff;background:#df6053;}
.list_style li strong.w200{width: 200px;}
.list_style li span{display:inline-block;margin: 6px 8px;padding: 4px;font-size: 18px;line-height: 1.5em;}
.list_style li div{margin: 12px 0 10px 20px; overflow-x: auto;}
.list_style li li{margin-bottom:10px;padding: 0 0 0 14px;background: url("/images/01_potal/sub/li01.png") no-repeat 0 10px;font-size: 18px;}
.list_style li li ul{margin:10px 0}
.list_style li li li{margin-bottom:6px; background: url('/images/01_potal/sub/li02.gif') no-repeat 0 9px;}
.list_style li .point_bg{background:#fff799;}
.list_style li .s_tit{margin: 14px 0;text-align:center;font-size: 33px;line-height: 1.5em;}

.basic_table{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #323a47}
.basic_table th, .basic_table td{text-align:center;padding: 10px 10px 5px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em;}
.basic_table thead th{background:#f7f7f7;color:#333;}
.basic_table tbody th{background:#f3f8fb;color:#444}
.basic_table tbody td li{padding:0 0 0 16px;margin:0 0 5px 0;background:url("/images/01_potal/sub/li01.png") no-repeat 0 6px;text-align:left;font-size: 16px;}
.basic_table tbody td li ul{margin:7px 0}
.basic_table tbody td li li{padding:0 0 0 10px;background:url("/images/01_potal/sub/li02.gif") no-repeat 0 9px}
.basic_table tbody td li li li{padding:0 0 0 8px;background:url("/images/01_potal/sub/li03.gif") no-repeat 0 9px}
.basic_table tbody td table{border-top:1px solid #323a47}
.basic_table .point_bg{background:#f3f8fb}
.table_left td{text-align:left}
li .basic_table td{text-align:center}
li .basic_table td.txt_left{text-align:left}

li.li_none{background:none;}
.txt_left{text-align:left;}

.popup .btn_close{position: absolute; top: -70px; right: 10px;}
.popup .btn_close a{display: inline-block; overflow: hidden; width: 60px; height: 0; padding-top: 60px; background: url('/images/01_potal/sub/ingu/close.png') no-repeat;}

footer{padding: 50px 0;background: #464646;color: #fff;word-break: keep-all; line-height:1.5em; text-align: center;}
footer .add{margin-bottom: 10px; font-size: 11px;}
footer .copy{font-size: 8px;}


.tooltip-wrap { position: relative; }
.chart-pop { display: none; position: absolute; top: 75px; left: 50%; margin-left: -200px; width: 400px; padding: 15px 10px; border: 1px solid #d71a21; border-radius: 5px; background-color: #fff; } 
.chart-pop .chart-close01 { position: absolute; right: 10px; top: 10px; }

@media all and (min-width:768px){


.p_top h2{font-size: 60px; margin-bottom: 20px;}
.p_top h2 span{display: inline-block;}

.p_top .p_menu li{width: 23%;}
.p_top .p_menu li:nth-of-type(n+5){margin: 0 1%;}

footer .add{font-size: 18px;}
footer .copy{font-size: 14px;}

} 

@media all and (min-width:1023px){
.p_container{padding-top: 40px;}

.p_top h2{margin-bottom: 10px; font-size: 70px;}
.p_top h2 span{position: relative; font-size: 70px;}
.p_top h2 span::before{content: ''; position: absolute; top: -10px; right: 0; left: 0; width: 213px; height: 15px; margin: 0 auto; background: url('/images/01_potal/sub/ingu/h2.png') no-repeat;}

.p_tab{margin-bottom: 58px;}

.popup{box-sizing: border-box; width: 1100px; padding: 50px 100px;}
.popup h4{font-size: 40px; margin: 0 0 30px 0; padding: 0 0 26px 0;}

} 

@media (min-width: 1399px){
    
.p_top, .p_container{width:1240px; margin:0 auto;}
.p_con{padding: 60px 90px;margin: 40px 0 0 0;border:1px #d1d1d1 solid;}
}

/* 기본절차도 */
.basic_step li{background:url("/images/bbs/uia_arr.png") no-repeat center top !important;padding:25px 0 0 0 !important;margin:0 0 10px 0 !important;font-size:16px;text-align:center;line-height:1.5em;}
.basic_step li:first-child{background:none;padding-top:0 !important}
.basic_step li strong{display:block;background:#223e99;color:#fff;padding:16px 15px;width: auto;height: auto;}
.basic_step li span{display:block;border:1px dotted #a8aeba;/* border-top:3px solid #323a47; */padding:15px;background:#f7f7f7;margin: 0;}
.basic_step li span em{font-style:normal;font-size:14px}

/* Desktop */
@media all and (min-width:1023px) {
.basic_step ol{overflow:hidden}
.basic_step li{float:left;background:url("/images/bbs/search_more_arr.png") no-repeat 0 center !important;padding:0 0 0 20px !important;margin: 0 15px 10px 0 !important;font-size:14px;}
.basic_step li:first-child{padding-left:0 !important}
.basic_step .col2 li{width:45%}
.basic_step .col3 li{width:29%}
.basic_step .col4 li{width:21%}
.basic_step .col5 li{width:16%}
}