a:focus {outline:none; }

/* 오픈마켓/B2B/복지몰
hompy_openmarket.php
hompy_b2bsol.php
hompy_bokji.php
*/
.subpage { position:relative; padding:30px 0 30px ; min-height:300px; margin:100px auto 0; width:1400px; }
.subpage img { position:absolute; top:30px; right:0; }
.subpage .img_area_off img { top:-30px; }
.subpage h1 { color:#555; font-size:20px; font-weight:normal; }
.subpage h2 {  font-size:38px; color:#134da4; line-height:42px; margin:20px 0;  }
.subpage h3 { font-size:22px; }
.subpage p { margin:40px 0 40px 0; font-size:18px; }
.subpage p span { display:inline-block; background:#888; color:#fff; width:120px; height:30px; border-radius:15px; text-align:center; 
font-size:16px; margin-right:10px; line-height:30px; }
.subpage p.line_height_200 { line-height:250%; }
.subpage p.small { font-size:16px; }
.subpage p .gray { font-size:15px; color:#999; }
.subpage a { border:1px solid #aaa; text-align:center; display:inline-block; padding:5px 30px; font-size:20px; margin-right:5px; background:#fff; }
.subpage a:hover { background:#092f67; color:#fff; border:1px solid #092f67; }
.subpage a.strong  { background:#134da4; color:#fff; border:1px solid #134da4; }
.subpage a.strong:hover { background:#092f67; border:1px solid #092f67; }




/* 이용절차 hompy_process.php */
.subpage_type2 { position:relative; padding:30px 0 50px ; min-height:600px; width:100%; }
.subpage_type2 h2 {  font-size:38px; color:#134da4; line-height:42px; margin:0px 0;  }
.subpage_type2 h1 { color:#555; font-size:20px; font-weight:normal;  margin:0 0 50px 0 }
.subpage_type2 .step { display:flex; width:100%; justify-content:space-between; }
.subpage_type2 .step .block { display:block; text-align:center; }
.subpage_type2 .step .next { width:29px; height:100px; background:url('../img/hompy_process_next.png') no-repeat;   
background-position:0 50px; }
.subpage_type2 .step .img { background:#7fa0d1; width:150px; height:150px; border-radius:100%; margin-bottom:20px;}
.subpage_type2 .step .img img { margin-top:20px; }
.subpage_type2 .step .block p { font-size:20px; }



/* 부가서비스 hompy_service.php */
.subpage_type3 { position:relative; padding:20px 0 50px ; min-height:600px; width:100%; }
.subpage_type3 h2 {  font-size:38px; color:#134da4; line-height:42px; margin:0px 0;  }
.subpage_type3 h1 { color:#555; font-size:20px; font-weight:normal;  margin:0 0 50px 0 }
.subpage_type3 table { background:#fff; border:1px solid #ddd; width:100%; }
.subpage_type3 table tr { border-top:1px solid #ddd; }
.subpage_type3 table th { padding:10px 50px; font-size:20px; text-align:left; }
.subpage_type3 table td { padding:10px 30px; font-size:18px; }





.subpage_02 { position:relative; width:1400px; margin:0 auto; height:700px; }

.subpage_02 .left_area { position:absolute;top:90px;left:0px;display:block;}
.subpage_02 .left_area h3 {font-size:20px;}
.subpage_02 .left_area table, .part3 .left_area th, .part3 .left_area td{ font-size:18px; font-weight:normal; padding: 7px 22px; line-height:20px; }
.subpage_02 .left_area table th { background:#999; border:2px solid #fff; color:#fff; font-size:15px; }
.subpage_02 .left_area table td  { background:#f5f5f5;  border:2px solid #fff; padding: 7px 22px 9px; }


.subpage_02 .right_area { position:absolute; top:30px; right:0; width:650px }

.subpage_02 .test_btn { display:block; }
.subpage_02 .admin-btn { padding: 16px 60px; margin-right: 4px; text-align: center; background: #143b6d; color:#fff;}
.subpage_02 .pc-btn { padding: 16px 60px; margin-right: 4px; text-align: center; background: #1560bf; color:#fff; }
.subpage_02 .mobile-btn {  padding: 16px 60px; text-align: center; background: #1560bf; color:#fff; }




.subpage .test_btn { position:static;display:block; font-size:18px; }
.subpage a { border:0;  padding: 16px 70px;  text-align: center;  margin-right: 4px; color:#fff; border:0; font-size:16px;  }
.subpage a:hover { border:0; color:#fff; border:0; font-size:16px;  }
.subpage .admin-btn { background: #143b6d; }
.subpage .admin-btn:hover { background: #143b6d; }
.subpage .pc-btn { background: #1560bf; }
.subpage .pc-btn:hover { background: #1560bf; }
.subpage .mobile-btn {  margin-right: 0; background: #1560bf;  }
.subpage .mobile-btn:hover {   background: #1560bf;  }

.subpage_02 .table02 { width:100% ; margin-top:30px;}
.subpage_02 .table02 table * { font-size:16px; letter-spacing:0; line-height:20px; padding:12px ; text-align:center; }
.subpage_02 .table02 table { width:600px; }
.subpage_02 .table02 table th { background:#e3ecf7; padding:7px 0px; font-weight:normal; }
.subpage_02 .table02 table td { border-bottom:1px solid #ddd; }
.subpage_02 .table02 table strong { color:#e30000; }
.subpage_02 .table02 table td:first-child { background:#f7f7f7; }
/*
.subpage_02 .table02 table tr:nth-child(2) td { border-bottom:2px solid #aaa; }
*/



.btn_sin { background:#555; color:#fff; width:100%; height:50px; line-height:50px; font-size:20px; margin-top:20px; display:block; text-align:center; }
.btn_sin:hover { background:#222; }



.subpage_03 { position:relative; width:1400px; margin:0 auto 50px;  }
.subpage_03 h3 { }
.subpage_03 ul { display:flex; flex-wrap:wrap; }
.subpage_03 ul li { margin-right:15px; margin-top:15px; text-align:center; }
.subpage_03 ul li:nth-child(4n) { margin-right:0; }
.subpage_03 img { border:1px solid #ddd; }
.subpage_03 ul li span { padding-top: 10px; font-size: 18px; font-weight: 600 !important; display:block; }
.subpage_03 ul li p { display: block; font-size: 14px; font-weight: 500 !important; letter-spacing: 0em; padding-top: 1px; color: #999; }



.bugaservice_contents { width:100%; padding:80px 0; text-align:center; }
.title_style_01 strong { font-size:22px; font-weight:normal; }
.title_style_01 p { font-size:32px; color:#0a5c9b; font-weight:bold; letter-spacing:-1px; padding:10px 0; }
.title_style_01 p.small { font-size:27px;  line-height:35px; }
.title_style_02 { font-size:22px; padding:30px 0; }

.bugaservice_con_01 { padding:20px 0; }
.bugaservice_con_02 { margin:40px auto; }
.bugaservice_con_02 ul { display:flex; flex-wrap:wrap; width:800px; margin:0 auto; background:#f5f5f5; border-radius:20px;  
padding:30px; }
.bugaservice_con_02 li { text-align:center; width:33.3333%; flex-grow:1; padding:10px 0; }
.bugaservice_con_02 img { border:0;  }
.bugaservice_con_03 { padding:30px 0; }

.bugaservice_table { width:100%;  margin:0 auto; }
.bugaservice_table th,
.bugaservice_table td { padding:15px 0; font-size:15px; font-weight:normal; text-align:center; 
border-top:1px solid #ddd; }
.bugaservice_table th { width:170px; background:#f5f5f5; }
.bugaservice_table tr:first-child th,
.bugaservice_table tr:first-child td { border-top:0; }
.table_wide { width:900px; }

.bugaservice_con_04 ul { background:#f5f5f5; text-align:left; width:800px; margin:0 auto;
padding:50px; }
.bugaservice_con_04 ul.bottom0 { padding-bottom:0; }
.displayflex {/*  background:#ebf7fa; */ display:flex; space-between; width:1000px; margin:50px auto; align-items:center; }
.displayflex img {  margin:0 30px; }
.displayflex p { text-align:left; }

.bigbtn { background:#0a5c9b; color:#fff; border-radius:10px; padding:7px 20px 9px 20px; width:300px; text-align:center; 
margin:20px auto 40px; display:block; }

.top-title {
display: table;
width: 100%;
height: 390px;
background: url('../img/top.png') 50% 0 no-repeat;
color: #fff;
line-height: 10px;
margin: 0;
padding: 0;
}
.top-text {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
margin: 0 auto;
text-align: center;
}
.top-text h1 {
font-size: 54px;
letter-spacing: -.1em;
line-height:150%;
}
.top-text p {
font-size: 22px;
letter-spacing: -.1em;
font-weight: 300;
line-height:150%;
}
.top-text h3 {
font-size: 28px;
letter-spacing: -.04em;
line-height:150%;
}
.page-menu {
width: 100%;
display: flex;
border-bottom: solid 1px #ddd;
background: #fff;
top: 0;
text-align: center;
z-index: 99;
}
.page-menu .box {
min-width: 1500px;
margin: 0 auto;
display:flex;
}
.page-menu .box > li {
width: 33.33%;
}
.page-menu .box > li a {
text-align:center;
display:block;
font-size: 18px;
font-weight: 500;
text-align:  center;
padding: 20px 0;
color: #000;
}
.page-menu .box > li a:hover {
color:#333;
font-weight: 600;
background: #fafafa;
}



/*
.hb_con { margin:100px auto 30px; }
.hb_title_01 { border-bottom:2px solid #222; padding:0 0 20px 0; margin-bottom:40px; }
.hb_title_01 strong { font-size:30px; }
.hb_title_01 p { font-size:20px; }
.hb_b_01 strong { font-size:20px; }
.hb_b_01 p { display:block; border:1px solid #ddd; padding:20px 30px; margin-top:10px }
*/





.index_section_04 { width:1450px; margin:80px auto; }
.index_section_04 h2 { text-align:center; font-weight:600; font-size:35px; font-family: 'Pretendard-Regular'; padding:30px 0}
.index_section_04 ul { display:flex; flex-wrap:wrap; }
.index_section_04 ul li { width:25%; padding:10px; margin-top:20px; text-align:center; }
.index_section_04 ul li img { border:1px solid #ddd;  width:90%; margin:0 auto 15px; }
.index_section_04 ul li span { display:block; text-align:center; line-height:150%; }
.index_section_04 ul li span.title { font-size:18px;  font-family: 'Pretendard-Regular';}
.index_section_04 ul li span.url a { font-size:16px; font-weight:400; color:#888;  font-family: 'Pretendard-Regular';}

.line_td { border-top:2px solid #aaa; }
.line_td2 { border-top:2px solid #aaa; border-bottom:0 !important; }




/* pay.biz 서브페이지 */
.in_con { font-weight:300; margin-top:70px; margin-bottom:150px; }
.in_con h3 { font-size:32px; margin-bottom:20px; color:#222; }
.con_main_box { width:100%; border:1px solid #ddd; border-top:3px solid #0b3d91; padding:50px; display:flex; margin-bottom:30px; }
.con_main_box > div img { margin-right:50px; }
.con_main_box_txt { padding:0 0 0 0px; width:100%;}
.con_main_box_txt p { font-size:24px; font-weight:400; }
.con_main_box_txt p.special_txt { background:#f9f9f9; padding:15px 20px; margin-top:20px; font-size:18px; width:100%; font-weight:300; }
.box_style_01 > ul > li { padding:60px 0; border-bottom:1px solid #eee; display:flex; }
.box_style_01 > ul > li .tt01 { width:370px; flex-shrink:0; font-size:30px; line-height:32px; padding-left:40px;  
background:url('../image/hompy/image_sub/tt01_style.png') no-repeat; background-position:0 3px; font-weight:500;}
.box_style_01 > ul > li > div:last-child { flex-grow:1; }
.tt01_t {  }
.tt01_t .txt_tip { width:100%; text-align:right; color:#777; }
.tt01_t p { font-size:20px; margin-top:10px; }
.tt01_t p:first-child { margin-top:0; }
.tt01_t img { margin-top:30px; }
.tt01_t ul.domain { display:flex; flex-wrap:wrap; margin-top:20px; }
.tt01_t ul.domain li { margin:5px; padding:0; }
.tt01_t ul.domain li img { margin:0; }
.tt01_t ul.hompy_process_1 li { display:flex; margin-bottom:10px; align-items:center; }
.tt01_t ul.hompy_process_1 li strong { width:200px; font-size:18px; flex-shrink:0; background:#e0edf9; padding:10px 0; 
text-align:center; margin-right:20px; font-weight:400;}
.tt01_t ul.hompy_process_1 li span { font-size:18px; }
.tt01_t ul.hompy_process_2 { display:flex; flex-wrap:wrap; }
.tt01_t ul.hompy_process_2 li { width:13%; margin:0 0.5%; min-width:100px; text-align:center; position:relative; }
.tt01_t ul.width6 li { width:15.5%; }
.tt01_t ul.hompy_process_2 li:before { position:absolute; content:"＞"; font-weight:bold; color:#aaa; top:35px; left:-13px; font-size:20px; }
.tt01_t ul.hompy_process_2 li:first-child:before { display:none; }
.tt01_t ul.hompy_process_2 li strong { border:3px solid #ff8664; width:100px; height:100px; display:flex; align-items:center; 
border-radius:50%; justify-content:center; margin:0 auto; line-height:110%; font-size:20px; }
.tt01_t ul.hompy_process_2 li span { display:block; width:100%; text-align:center; font-size:16px; margin:20px auto 0; line-height:110%  }
.tt01_t ul.hompy_process_2 li:last-child strong { border:3px solid #ff3700; background:#ffe4dd; }
.tt01_t_i { background:#f9f9f9; padding:30px 40px; font-size:16px; margin-top:30px;}
.tt01_t_i h4 { color:#0b3d91; font-size:22px; }
.tt01_t_i ul { margin-top:10px; }
.tt01_t_i li { margin-top:5px;font-size:18px; }
.tt01_t_i li i { background:#aaa; height:25px; width:25px; text-align:center; line-height:24px; border-radius:50%; display:inline-block; font-style:normal; color:#fff; margin-right:5px; font-size:16px; font-weight:500; }
.tt01_t_i .t_indent { padding-left:11px; }
.tt01_t_i strong { font-weight:400; }
.tt01_t_i .strong01 { color:#ff5d30; }
.tt01_1_it { display:flex; align-items:center; font-size:28px;margin-top:70px;  color:#0b3d91;  font-weight:500; }
.tt01_1_it i { background:#72a9e1; height:30px; width:30px; text-align:center; line-height:28px; border-radius:50%; display:inline-block; font-style:normal; color:#fff; margin-right:15px; font-size:18px; font-weight:500; }
.tt01_2_it { font-size:28px;  color:#0b3d91;  font-weight:500; }
.table_type01 { margin-top:20px; width:100%;  border-top:3px solid #0b3d91; border-bottom:1px solid #aaa;
border-spacing : 0; }
.table_type01 th, .table_type01 td { padding:15px 0; text-align:center; font-size:18px;  }
.table_type01 th { background:#f0f5f9; border-bottom:1px solid #ddd; font-weight:400; }
.table_type01 td { border-bottom:1px solid #ddd;  flex-grow:1; }
.table_type01 .f_td { background:#f5f5f5; text-align:left; padding:0 20px; }
.table_type01 .f_td_center { text-align:center; }
.table_type01 .f_td_left { text-align:left; padding-left:30px; }
.btn_signup { width:100%; padding:40px 0 20px 0; text-align:center; }
.btn_signup a { display:inline-block; font-size:18px; background:#0b3d91; color:#fff; padding:12px 70px; border-radius:10px; font-weight:bold; }
.tt01_1_it_t { font-size: 18px; padding-top:10px; }
.tt01_2_it_t { font-size: 18px; padding:10px 0 40px 0; }
.tt01_2_it_t p { padding:5px 0; font-size:18px; margin:0; }
.tt01_1_ibox { margin-top:30px; }
.tt01_1_ibox > ul > li { padding:0 0 30px 0; display:flex; font-size:18px; position:relative; }
.tt01_1_ibox li strong { width:270px; display:block; flex-shrink:0; background:#ff5d30; color:#fff; text-align:center; font-weight:400; font-size:20px; border-radius:5px; height:90px; line-height:88px; }
.tt01_1_ibox li strong:after { display:block; content:""; position:absolute; border-bottom:1px solid #ddd; top:45px; left:270px; width:30px; }
.tt01_1_ibox li p { flex-grow:1; display:flex; align-items:center; margin:0 0 0 30px; height:90px; border-radius:5px; border:4px solid #eee; padding:20px; line-height:130%; }

.in_con h3.h3_line { border-bottom:3px solid #0b3d91; padding-bottom:20px; }
.box_style_01 > ul > li.flex_none { display:block; padding-top:30px; }
.box_style_01 > ul > li .tt02 { width:100%; }
.tt02_t { padding-top:30px; }
.sns_img { padding:30px 0; }
.sns_img img { border-radius:18px; width:90px; margin:10px; border:1px solid #ddd; }
.mobile_img { display:flex; margin-top:50px; }
.mobile_img img { width:25%; }

.hompy_bugaservice_patent { display:flex; padding:20px 0; }
.hompy_bugaservice_patent > div:first-child { width:40%; flex-shrink:0;  margin-right:50px; margin-top:30px; }
.hompy_bugaservice_patent > div img { max-width:100% }
.hompy_bugaservice_patent .tt01_t_i { margin-top:0; margin-bottom:50px; }


/*조직도*/
.hompy_company_04_inc { padding:70px 0 100px }
.hompy_company_04_inc .text_1 { margin:0px auto 30px; width:200px; padding:10px 0; text-align:center; border:3px solid #aaa; 
border-radius:15px; font-weight:bold; font-size:16px }
.hompy_company_04_inc .text_2 { display:flex; justify-content:center; position:relative; padding-top:60px; }
.hompy_company_04_inc .text_2:after { height:2px; width:720px; content:""; position:absolute; background:#ccc; top:10px; left:50%;
margin-left:-357px; }
.hompy_company_04_inc .text_2 ul:before { content:""; position:absolute; top:-50px; left:50%; margin-left:1px; width:2px; height:50px;
background:#ccc; }
.hompy_company_04_inc .text_2:before { content:""; position:absolute; top:-30px; left:50%; margin-left:1px; width:2px; 
height:40px; background:#ccc; }
.hompy_company_04_inc .text_2 ul { width:200px; margin:0 20px; position:relative; }
.hompy_company_04_inc .text_2 h3 { background:#d20014; color:#fff; font-size:16px; text-align:center; padding:15px 0; margin:0; }
.hompy_company_04_inc .text_2 li { border:1px solid #ccc; border-top:0; padding:15px 0; text-align:center; font-size:16px}



@media(max-width:800px){
.in_con { width:95%; margin:20px auto 50px; }
.in_con h3 { font-size:25px; margin-bottom:0px; color:#222; }
.con_main_box { width:100%; border:1px solid #ddd; border-top:3px solid #0b3d91; padding:20px; margin-top:20px; margin-bottom:20px; display:block; }
.con_main_box > div img { max-width:100%; margin:0 0  20px 0; }
.con_main_box_txt { padding:0px 0 0 0px; width:100%;}
.con_main_box_txt p { font-size:18px; font-weight:400; }
.con_main_box_txt p.special_txt { background:#f9f9f9; padding:15px 20px; margin-top:20px; font-size:14px; width:100%; font-weight:300; }
.box_style_01 > ul > li { padding:30px 0; border-bottom:1px solid #eee; display:block; width:95%; margin:0 auto; }
.box_style_01 > ul > li .tt01 { width:100%;  font-size:18px; line-height:25px; padding-left:30px;  
background:url('../image/hompy/image_sub/tt01_style.png') no-repeat; background-position:0 3px; background-size:20px; font-weight:500;}
.box_style_01 > ul > li .tt01 br { display:none; }
.tt01_t { padding-top:10px; }
.tt01_t .txt_tip { width:100%; text-align:right; color:#777; font-size:14px; margin-top:-30px; }
.tt01_t p { font-size:14px; margin-top:10px; }
.tt01_t p:first-child { margin-top:0; }
.tt01_t img { margin-top:30px; }
.tt01_t ul.hompy_process_1 li { display:block; margin-bottom:15px; align-items:center; }
.tt01_t ul.hompy_process_1 li strong { width:auto; font-size:16px;  background:#e0edf9; padding:2px 10px; 
text-align:center; margin-right:0px; font-weight:400; display:inline-block; }
.tt01_t ul.hompy_process_1 li span { display:block; width:100%; font-size:14px; margin-top:5px; }

.tt01_t ul.hompy_process_2 li { width:20%; margin:15px 1%; text-align:center; position:relative; }
.tt01_t ul.hompy_process_2 li:before { position:absolute; content:"＞"; font-weight:bold; color:#aaa; top:30px; left:-10x; 
font-size:14px; }
.tt01_t ul.hompy_process_2 li:first-child:before { display:none; }
.tt01_t ul.hompy_process_2 li strong { border:3px solid #ff8664; width:80px; height:80px; display:flex; align-items:center; 
border-radius:50%; justify-content:center; margin:0 auto; line-height:110%; font-size:16px; }
.tt01_t ul.hompy_process_2 li span { display:block; width:100%; text-align:center; font-size:14px; margin:10px auto 0; line-height:110%  }


.tt01_t_i { background:#f9f9f9; padding:10px 20px; font-size:14px; margin-top:30px; }
.tt01_t_i h4 { color:#0b3d91; font-size:18px; }
.tt01_t_i ul { margin-top:10px; }
.tt01_t_i li { margin-top:5px;font-size:14px; }
.tt01_t_i li i { background:#aaa; height:20px; width:20px; text-align:center; line-height:20px; border-radius:50%; display:inline-block; font-style:normal; color:#fff; margin-right:5px; font-size:12px; }
.tt01_t_i .t_indent { padding-left:11px; }
.tt01_t_i strong { font-weight:400; }
.tt01_t_i .strong01 { color:#ff5d30; }
.tt01_1_it { display:flex; align-items:center; font-size:18px;margin-top:40px;  color:#0b3d91;  font-weight:500; }
.tt01_2_it { font-size:18px;  color:#0b3d91;  font-weight:500; }
.tt01_1_it i { background:#72a9e1; height:25px; width:25px; text-align:center; line-height:23px; border-radius:50%; display:inline-block; font-style:normal; color:#fff; margin-right:10px; font-size:14px; font-weight:500; flex-shrink:0; }
.table_type01 { margin-top:20px; width:100%;  border-top:3px solid #0b3d91; border-bottom:1px solid #aaa;
border-spacing : 0; }
.table_type01 th, .table_type01 td { padding:15px 0; text-align:center; font-size:14px;  }
.table_type01 th { background:#f0f5f9; border-bottom:1px solid #ddd; font-weight:400; }
.table_type01 td { border-bottom:1px solid #ddd; }
.table_type01 .f_td { background:#f5f5f5; text-align:left; padding:0 10px;  white-space:nowrap; }
.table_type01 .f_td_left { padding-left:20px; }
.btn_signup { width:100%; padding:20px 0 20px 0; text-align:center; }
.btn_signup a { display:inline-block; font-size:16px; background:#0b3d91; color:#fff; padding:6px 40px; border-radius:10px; }
.tt01_1_it_t { font-size: 14px; padding-top:10px;}
.tt01_2_it_t { font-size: 16px; padding:10px 0 40px 0; }
.tt01_2_it_t p { padding:5px 0; font-size:14px; margin:0; }
.tt01_1_ibox { margin-top:30px; }
.tt01_1_ibox > ul > li { padding:0 0 20px 0; display:block; font-size:18px; position:relative; }
.tt01_1_ibox li strong { width:240px; display:block; flex-shrink:0; background:#ff5d30; color:#fff; text-align:center; font-weight:400; font-size:18px; border-radius:5px 5px 0px 0; height:30px; line-height:28px; }
.tt01_1_ibox li strong:after { display:none; }
.tt01_1_ibox li p { flex-grow:1; display:flex; align-items:center; margin:0 0 0 0px; border-radius:0 5px 5px 5px; border:4px solid #eee; padding:10px 15px; line-height:130%; height:auto; }


.sns_img { padding:30px 0; }
.sns_img img { border-radius:10px; width:50px; margin:3px; border:1px solid #ddd; }



.hompy_bugaservice_patent { display:block; padding:20px 0; }
.hompy_bugaservice_patent > div:first-child { width:100%; margin-right:0px; margin-top:0px; }
.hompy_bugaservice_patent > div img { max-width:100% }
.hompy_bugaservice_patent .tt01_t_i { margin-top:20px; margin-bottom:30px; }


.hompy_company_04_inc { padding:20px 0 50px }
.hompy_company_04_inc .text_1 { margin:0px auto 20px; width:30%; padding:10px 0; text-align:center; border:3px solid #aaa; 
border-radius:15px; font-weight:bold; }
.hompy_company_04_inc .text_2 { display:flex; flex-wrap:wrap; justify-content:center; position:relative; padding-top:10px; }
.hompy_company_04_inc .text_2:after { display:none; }
.hompy_company_04_inc .text_2 ul:before {display:none;   }
.hompy_company_04_inc .text_2:before { display:none; }
.hompy_company_04_inc .text_2 ul { width:46%; margin:0 2% 30px 2%; position:relative; }
.hompy_company_04_inc .text_2 h3 { background:#d20014; color:#fff; font-size:16px; text-align:center; padding:15px 0; margin:0; }
.hompy_company_04_inc .text_2 li { border:1px solid #ccc; border-top:0; padding:14px 0; text-align:center; }




}

.tt01_t img { max-width:100%; }




/* 오시는길 */
.hompy_company_02_inc { width:100%; padding:20px 0 100px 0; }
.root_daum_roughmap { width:100% !important; }
.hompy_company_02_inc .page_txt_map { font-size:25px; padding:0px 0 30px;}
.hompy_company_02_inc .page_txt_map ul {  }
.hompy_company_02_inc .page_txt_map ul li {padding:0 0 10px 50px;}
.hompy_company_02_inc .page_txt_map .map { background:url('../image/hompy/image_sub/icon_map.png') no-repeat;   background-size:35px; background-position: 0px 3px; }
.hompy_company_02_inc .page_txt_map .mail { background:url('../image/hompy/image_sub/icon_email.png') no-repeat;  background-size:35px;background-position: 0px 3px;}
.hompy_company_02_inc .page_txt_map .tel { background:url('../image/hompy/image_sub/icon_tel2.png') no-repeat;  background-size:35px;background-position: 0px 3px; }
.hompy_company_02_inc .page_txt_map ul li strong { display:inline-block; width:100px; font-size:20px;  color:#39566c; margin-right:10px;  }
@media(max-width:800px){
.hompy_company_02_inc { width:100%; padding:0 0 30px 0; }
.hompy_company_02_inc .page_txt_map { font-size:16px; padding:0px 0 10px;}
.hompy_company_02_inc .page_txt_map strong { font-size:18px; }
.hompy_company_02_inc .page_txt_map ul {  }
.hompy_company_02_inc .page_txt_map ul li {padding:0 0 20px 35px; line-height:130%; }
.hompy_company_02_inc .page_txt_map .map { background:url('../image/hompy/image_sub/icon_map.png') no-repeat;   background-size:25px; background-position: 0px 4px; }
.hompy_company_02_inc .page_txt_map .mail { background:url('../image/hompy/image_sub/icon_email.png') no-repeat;  background-size:25px;background-position: 0px 4px;}
.hompy_company_02_inc .page_txt_map .tel { background:url('../image/hompy/image_sub/icon_tel2.png') no-repeat;  background-size:25px;background-position: 0px 4px; }
.hompy_company_02_inc .page_txt_map ul li strong { display:block; width:100px; font-size:14px;  color:#39566c; margin-right:10px;  }
}


/* pg신청 */

* { box-sizing:border-box; }
.admin_tip { line-height:150%; font-size:17px; font-weight:300; margin-top:70px; }
.admin_tip h1 { background:#333; color:#fff; padding:20px; font-size:20px; font-weight:normal; text-align:center;  margin:0 auto 50px; }
.admin_tip img { margin:20px auto; }
.tip_table { width:100%; margin:0px auto 100px; border-top:2px solid #555; border-bottom:2px solid #555;  }
.tip_table ul { display:flex; border-top:1px solid #aaa; }
.tip_table ul:first-child { border-top: 0 }
.tip_table .left { min-width:230px; background:#fff; border-right:1px solid #aaa; padding:20px 25px; font-weight:500; flex-shrink:1; }
.tip_table .right { flex-grow:1; }
.tip_table .right img { margin:0px 0 20px 10px; }
.tip_table .right p { padding:30px 40px; }
.tip_table .right p img { margin:10px 0; }
.tip_table .right p strong { font-weight:400; font-size:20px; display:block; margin-bottom:5px; }
.tip_table .right p.part_div { border-top:1px solid #eee; padding-top:30px; }
.guide_text { background:#eff8ff;  width:100%; margin:0 auto; padding:20px 30px; border-radius:20px; font-size:16px; line-height:150% }


.hb_title_01 { padding:0 0 40px 0; /* border-bottom:1px solid #ddd;*/ }
.hb_title_01 strong { font-size:40px; color:#0A5C9B; }
.hb_title_01 p { font-size:20px; }
.hb_title_01 p.p_t1 { font-size:18px; color:#999; line-height:150%; padding:10px 0 30px; }

.btn_inicis { background:#0A5C9B; display:inline-block; padding:4px 20px 5px; color:#fff; border-radius:10px;font-weight:500; }
.btn_inicis:hover { background:#023d6b; }

.noti { font-size:15px; background:#f1f9ff; border-radius:10px; padding:20px; margin: 25px 25px; }


.tab{ width:100%; margin-top:80px;}
.tabnav{font-size:0; width:100%; border-bottom:1px solid #333; }
.tabnav li {display: inline-block;  height:47px; text-align:center;  }
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px; border:1px solid #ddd;border-left:0;  border-bottom:1px solid #333; }
.tabnav li:first-child a { border-left:1px solid #ddd; }
.tabnav li a.active{background:#fff;border:1px solid #333; border-bottom:0; border-bottom:1px solid #fff;}
.tabcontent{padding: 40px 10px;  border-top:none;}

.btn_t1 { border:1px solid #444; background:#444; color:#fff; display:inline-block; padding:7px 30px 6px; font-size:18px; }
.btn_t2 { border:1px solid #f1f9ff; background:#0A5C9B; color:#fff; display:inline-block; padding:7px 20px 6px; font-size:18px;  }



/* 분양몰 아이템 리스트 */
.bun_item_list { width:1300px; margin:50px auto; }
.bun_item_list > ul { display:flex; flex-wrap:wrap; /* justify-content:space-between; */ }
.bun_item_list > ul > li { width:302px; border:1px solid #ddd; padding-bottom:15px; margin-left:30px; margin-bottom:30px;  }
.bun_item_list > ul > li:nth-child(1),
.bun_item_list > ul > li:nth-child(5),
.bun_item_list > ul > li:nth-child(9),
.bun_item_list > ul > li:nth-child(13),
.bun_item_list > ul > li:nth-child(17),
.bun_item_list > ul > li:nth-child(21),
.bun_item_list > ul > li:nth-child(25) { margin-left:0; }
.bun_item_list .item_btn_area { padding:10px 10px 0 15px; display:flex; justify-content:space-between; }
.bun_item_list .item_btn_area > a { display:block;border:1px solid #ddd; font-size:16px; background:#f5f5f5; border-radius:5px; 
 padding:1px 6px 2px; letter-spacing:-1; white-space:nowrap; }
.bun_item_list .item_btn_area > a.btn_point { background:#ff5d30; border:0; color:#fff; }
.bun_item_list img { margin-bottom:15px; max-width:100%; }
.bun_item_list strong { display:block; font-size:20px; padding:0 15px; }
.bun_item_list > ul > li p { font-size:18px; color:#666; padding:0 15px;  }
.bun_item_list .sellprice { font-size:16px; color:#999; margin-top:5px; }


@media(max-width:800px){

.bun_item_list { width:95%; max-width:95%;  margin:20px auto; }
.bun_item_list > ul { display:flex; flex-wrap:wrap; /* justify-content:space-between; */ }
.bun_item_list > ul > li { width:48%; border:1px solid #ddd; padding-bottom:10px; margin:1%;  font-size:16px;  letter-spacing:-1px ;}
.bun_item_list > ul > li:nth-child(1) { margin-left:1%; }
.bun_item_list .item_btn_area { padding:10px 10px 0 10px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.bun_item_list .item_btn_area > a { display:block; border:1px solid #ddd; font-size:14px; background:#f5f5f5; border-radius:5px; 
 padding:1px 4px 2px; letter-spacing:-1; white-space:nowrap; margin-top:5px;width:100%; text-align:center;  }
.bun_item_list .item_btn_area > a.btn_point { background:#ff5d30; border:0; color:#fff; }
.bun_item_list img { max-width:100%; margin-bottom:10px; }
.bun_item_list strong { display:block; font-size:20px; padding:0 10px; font-size:16px; }
.bun_item_list > ul > li p { font-size:14px; color:#666; padding:0 10px;  line-height:120%; display:block; overflow:hidden; text-overflow:ellipsis; 
display:-webkit-box; -webkit-line-clamp:2; height:52px }
.bun_item_list .sellprice { font-size:14px; color:#999; margin-top:5px; height:16px; }

}


.estimate_select { width:100%; background:#fff ; padding:15px; border:1px solid #ddd; margin:20px auto; }
.estimate_select {  }
.estimate_select label { padding:15px;   border-bottom:1px solid #ddd; width:100%; display:flex; align-items:center; }
.estimate_select label:last-child { border-bottom:0; }
.estimate_select label:hover { background:#f5f8fe; }
.estimate_select input[type="checkbox"] { margin:0 15px 0 0; }
.estimate_select span { flex-grow:1; }
.estimate_select span.price { flex-grow:0; }
.estimate_select label.checked * { color:#2e6598; font-weight:bold; }


.hompy_frch_sin {  }
.hompy_frch_sin input[type="checkbox"] { border:1px solid #888;  width:16px; height:16px; appearance:none; border-radius:2px;  background:#fff; }
.hompy_frch_sin input[type="checkbox"]:checked { position:relative; }
.hompy_frch_sin input[type="checkbox"]:checked:after { position:absolute; left:0; top:-0.4rem;  content:'✔'; color:#ef0000; font-size:16px }
.hompy_frch_sin input[type="text"]:focus { outline:0; }

.label_list { }
.label_list label { margin-right:30px; display:inline-flex; align-items:center; }
.label_list label input[type="checkbox"] { margin-right:5px; }

.tm30 { margin-top:50px; }
.tline { border-top:1px solid #ddd; }

.estimate_table { width:100%;background:#fff ; padding:15px; border:1px solid #ddd;  margin:20px auto; }
.estimate_table {  border-top:1px solid #ddd; }
.estimate_table th,
.estimate_table td { padding:15px 0;   border-bottom:1px solid #ddd; vertical-align:center;  font-size:15px;  }
.estimate_table th { background:#eee; font-weight:normal;  text-align:center; font-size:15px;   }
.estimate_table td { padding-left:15px; font-size:15px; }
.estimate_table td.check { padding-left:0; text-align:center; }
.estimate_table td.label_list { }
.estimate_table td.label_list label { margin-right:30px; display:inline-flex; align-items:center; min-width:120px; white-space:nowrap; }
.estimate_table td.label_list label input[type="checkbox"] { margin-right:5px; }