#subvisual {float:left; width:100%; text-align:center; display:block; position:relative; overflow:hidden;} #subvisual .subvisual_img {width:100%; text-align:center; position:relative;} #subvisual img {display:inline-block;} #m_subvisual {display:none;} #sub_body {float:left; width:100%; margin-top:0px;} .item_wrap {background:#FFF !important;} /* 컨텐츠 부분 */ #sub_container {width:1000px; margin:0 auto; position:relative;} /* contents */ /* 페이지 내용 */ #sub_container #sidemenu {float:left; width:210px; position:relative; top:-81px;} #sub_container #sidemenu h2 { font-size:24px; color:#ffffff; letter-spacing:-1px; width:210px; background:#38497f; padding:30px 0; text-align:center; } #sub_container #sidemenu ul {margin-top:0px; } #sub_container #sidemenu ul li { border-bottom:1px solid #7bb8e7; border-top:1px solid #4582b1;} #sub_container #sidemenu ul li a {display:block; font-size:14px; color:#ffffff; padding-left:33px; padding-top:10px; padding-bottom:10px; font-weight:600; background:url(../img/sidemenu_bullet.png) no-repeat 18px center #609bd3; } #sub_container #sidemenu ul li:hover a {color:#384a7c; background:url(../img/sidemenu_bullet_on.png) no-repeat 18px center #c0defa;} #sub_container #sidemenu ul li.active a {color:#384a7c; background:url(../img/sidemenu_bullet_on.png) no-repeat 18px center #c0defa;} #sub_container #sidemenu .left_banner {margin-top:80px; font-size:18px; background:url(../img/sub_tel_icon.png) no-repeat 0 center; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:20px 0px 20px 38px; letter-spacing:1px;} #sub_container #sidemenu .left_banner span {color:#000000; font-weight:600; margin-right:10px;} #sub_container div.article{float:left; padding-left:30px; width:900px; } #sub_container div.article_wide{float:left; padding-left:0px; width:100%; } /* 페이지경로 */ #sub_container div.page-navi {float:left; width:100%; margin-top:10px; padding-bottom:10px;} #sub_container div.page-navi .in_title {clear:both; display:block; text-align:center; background:url(../img/main_title_line.png) repeat-x;} #sub_container div.page-navi h3 { font-size:24px; color:#000000; font-weight:600; display:inline-block; background:#FFF; padding:0 20px; font-family:Nanum Myeongjo; } #sub_container div.page-navi ul{clear:both; position:relative; margin-top:0px; float:right; } #sub_container div.page-navi ul li{float:left; color:#a3a3a3; font-family:dotum; margin-right:1px; padding-left:18px; height:40px; line-height:40px; font-size:12px; padding-right:0px; background:url(../img/loc_arrow.png) no-repeat 5px 14px; letter-spacing:-1px;} #sub_container div.page-navi ul li.home { background:url(../img/loc_home.png) no-repeat 0px 12px;} #sub_container div.page-navi ul li strong{ color:#a3a3a3; font-weight:normal;} #sub_container div.page-navi ul li a {color:#a3a3a3;} .hidden-menu {display:none;} #content-area {float:left; width:100%; clear:both; margin-top:30px; font-size:14px; color:#5e5e5e; padding:10px 0 40px 0; margin-bottom:30px; line-height:160%;} .page-tab {float:left; width:100%; margin-bottom:50px;} .page-tab li {float:left; width:50%; margin-top:-1px; } .page-tab li.first {margin-left:0; width:50%;} .page-tab li.first a {border-left:1px solid #646464; } .page-tab li a {display:block; padding:5px 0px 15px 0; font-size:16px; background:url(../img/sub_tab_off.png) repeat-x center center ; color:#808083; font-weight:600; text-align:center;} .page-tab li:hover a { position:relative; z-index:99; background:url(../img/sub_tab_on.png) no-repeat center center ; color:#FFF;} .page-tab li a.active { position:relative; z-index:99; background:url(../img/sub_tab_on.png) no-repeat center center ; color:#FFF;} .page-tab3 {float:left; width:100%; margin-bottom:50px;} .page-tab3 li {float:left; width:33.3%; margin-top:-1px; } .page-tab3 li.first {margin-left:0; width:3%;} .page-tab3 li.first a {border-left:1px solid #646464; } .page-tab3 li a {display:block; padding:5px 0px 15px 0; font-size:16px; background:url(../img/sub_tab_off.png) repeat-x center center ; color:#808083; font-weight:600; text-align:center;} .page-tab3 li:hover a { position:relative; z-index:99; background:url(../img/sub_tab_on.png) no-repeat center center ; color:#FFF;} .page-tab3 li a.active { position:relative; z-index:99; background:url(../img/sub_tab_on.png) no-repeat center center ; color:#FFF;} ul.listtype2 {} ul.listtype2 li {background:url(../img/listtype2_bullet.png) no-repeat 0 10px; padding-left:10px; color:#000;} ul.listtype2 li strong {color:#5a8cbb; margin-right:10px;} .margintop_20 {margin-top:20px;} .margintop_30 {margin-top:30px;} .margintop_50 {margin-top:50px;} #content-area h4 {display:block; clear:both; font-weight:normal; background:url(../img/h4_bullet2.png) no-repeat 0 10px; color:#427f9f; font-size:18px; margin-bottom:20px; padding-left:20px; margin-top:20px; padding-bottom:5px; } #content-area h4.first {margin-top:0;} #content-area h5 {display:block; clear:both; color:#2a2a2a; font-size:20px; margin:20px 0; font-weight:500; } .table01 {border-collapse:collapse; width:100%; } .table01 th {background:#eeeeee; border:1px solid #a1a1a1; font-size:14px; color:#000; font-weight:normal;padding:5px 0 5px 0px;} .table01 td { border:1px solid #a1a1a1; font-size:14px; color:#666; padding:5px 0 5px 0px; text-align:center;} p.ready_txt {color:#000; font-size:16px; text-align:center; margin-top:30px; float:left; width:100%; font-weight:bold;} #greeting {float:left; width:100%; } #greeting .photo {float:left; margin-right:3%; width:48%; } #greeting .photo p {font-size:14px; margin-top:10px; text-align:center;} #greeting .txt {float:left; width:49%;} #greeting .top_txt {font-size:18px; color:#9c5eb5; margin-bottom:20px; line-height:150%; letter-spacing:-1px;} #greeting p {font-size:16px; color:#585858; line-height:180%;} #about {float:left; width:100%;} #about .txtbox {clear:both; padding:10px 10px 10px 130px; min-height:107px; margin-left:3%;} #about .txtbox h2 {font-size:18px; color:#9c5eb5; margin-bottom:10px;} #about .txtbox p {color:#585858; font-size:16px;} #about .icon01 {background:url(../img/about_icon01.png) no-repeat;} #about .icon02 {background:url(../img/about_icon02.png) no-repeat;} #about .icon03 {background:url(../img/about_icon03.png) no-repeat;} #about .icon04 {background:url(../img/about_icon04.png) no-repeat;} #about hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #vision {text-align:center;} /* #history {float:left; width:100%;} #history .txtbox1 {position:relative; text-align:center; margin-bottom:15px;} #history .txtbox1 h2 {padding-top:35px; width:119px; height:119px; box-sizing:border-box; border:13px solid #aab1e0; border-radius:100px; font-size:24px; color:#000000; display:inline-block; vertical-align:middle; text-align:center;} #history .txtbox1 p {font-size:16px; color:#000000; text-align:left; position:absolute; top:40%; left:50%; margin-left:60px; padding-left:20px; background:url(../img/history_line.png) no-repeat left 10px;} #history .txtbox1 p span {font-weight:bold;} #history .txtbox2 {position:relative; text-align:center; margin-bottom:15px;} #history .txtbox2 h2 {padding-top:35px; width:119px; height:119px; box-sizing:border-box; border:13px solid #cfd1e2; border-radius:100px; font-size:24px; color:#000000; display:inline-block; vertical-align:middle; text-align:center;} #history .txtbox2 p {font-size:16px; color:#000000; text-align:left; position:absolute; top:40%; right:50%; margin-right:60px; padding-right:20px; background:url(../img/history_line.png) no-repeat right 10px;} #history .txtbox2 p span {font-weight:bold;} */ .history_wrap {border-top:2px solid #5f52b0;} .history_box {position:relative; padding-left:125px; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #e5e5e5;} .history_box h3 {font-size:30px; color:#5f52b0; font-weight:bold; position:absolute; width:125px; left:0px; top:0; z-index:0; height:100%; display:flex; align-items:center;} .history_box .history_list li {font-size:16px; color:#333333; position:relative; padding-left:120px;} .history_box .history_list li span {font-weight:bold; position:absolute; left:0; top:0; width:100px; font-weight:bold;} @media (max-width:900px) { .history_bg {background:none; padding-left:0px;} .history_box {padding-left:0; background:none;} .history_box h3 {position:relative; left:0; font-size:24px; width:100%; background:none; margin-top:20px; margin-bottom:10px} .history_box h3 br {display:none;} .history_box h3 span {font-size:24px; text-align:left; display:inline-block;} .history_box h3::after {display:none;} .history_box table {background:#FFF;} .history_box table th {font-size:14px; width:90px; padding-left:10px;} .history_box table td {font-size:14px;} } #guide {float:left; width:100%;} #guide .txtbox {clear:both; padding:0px 20px 10px 70px; min-height:107px;} #guide .txtbox h2 {font-size:18px; color:#5f52b0; margin-bottom:10px;} #guide .txtbox p {color:#585858; font-size:16px;} #guide .icon01 {background:url(../img/guide_icon01.png) no-repeat;} #guide .icon02 {background:url(../img/guide_icon02.png) no-repeat;} #guide .icon03 {background:url(../img/guide_icon03.png) no-repeat;} #guide hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #guide .subtxtbox {background:#f7f7fa; padding:20px 20px 10px 20px; margin-bottom:20px;} #guide .subtxtbox h3 {font-size:14px; color:#636ba4; background:url(../img/h3_bullet.png) no-repeat 0 9px; padding-left:10px; } #guide .subtxtbox p {font-size:14px; color:#000; padding-left:10px; margin-bottom:20px;} #guide ul.txtlist {} #guide ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000;} #guide .img {margin:10px 0;} #business {} #business .txtbox {background:#f6f6fb; font-size:18px; color:#5f52b0; font-weight:600; text-align:center; padding:20px 0; line-height:140%;} #business .img {margin:20px 0;} #business02 {float:left; width:100%;} #business02 .txtbox {clear:both; padding:0px 20px 10px 70px; } #business02 .txtbox h2 {font-size:18px; color:#5f52b0; margin-bottom:20px;} #business02 .txtbox p {color:#585858; font-size:16px;} #business02 .icon01 {background:url(../img/guide_icon01.png) no-repeat;} #business02 .icon02 {background:url(../img/guide_icon02.png) no-repeat;} #business02 .icon03 {background:url(../img/guide_icon03.png) no-repeat;} #business02 hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #business02 ul.txtlist {margin-bottom:10px;} #business02 ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000;} #business02 .img {margin:10px 0;} #map {float:left; width:100%;} #map .map-area {margin-bottom:30px; width:60%; float:left; } #map ul {margin:0px 10px 20px 0;} #map ul li {font-size:14px; color:#000000; padding-left:10px; background:url(../img/bullet01.png) no-repeat 0 9px; font-weight:normal; background:url(../img/txtlist_bullet.png) no-repeat 0 10px; padding-left:10px;} #map .root_daum_roughmap {width:100%;} #map .map-info {float:left; width:36%; margin-left:4%;} #map .map-txt {margin-bottom:0px; background:url(../img/addr_icon.png) no-repeat; padding-left:70px; padding-bottom:5px;} #map .map-info h4.car {font-size:20px; color:#404040; font-weight:normal; display:inline-block; padding:2px 32px; background:url(../img/car_icon.png) no-repeat; } #map .map-info h4.bus {font-size:20px; color:#404040; font-weight:normal; display:inline-block; padding:2px 32px; background:url(../img/car_icon.png) no-repeat; } #map ul.txtlist {} #map ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000; margin-bottom:10px;} #map ul.txtlist li span {font-size:14px; color:#757575;} #map hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:0px;} #bongsa {float:left; width:100%;} #bongsa .txtbox {clear:both; padding:0px 20px 10px 120px; min-height:90px; margin-left:3%;} #bongsa .txtbox h2 {font-size:18px; color:#5f52b0; margin-bottom:10px;} #bongsa .txtbox p {color:#585858; font-size:16px;} #bongsa .icon01 {background:url(../img/bongsa_icon01.png) no-repeat;} #bongsa .icon02 {background:url(../img/bongsa_icon02.png) no-repeat;} #bongsa .icon03 {background:url(../img/bongsa_icon03.png) no-repeat;} #bongsa .icon04 {background:url(../img/bongsa_icon04.png) no-repeat;} #bongsa .icon05 {background:url(../img/bongsa_icon05.png) no-repeat;} #bongsa hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #bongsa ul.txtlist {} #bongsa ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000; } #program {float:left; width:100%;} #program .txtbox {clear:both; padding:0px 20px 10px 70px; min-height:90px; margin-left:3%;} #program .txtbox h2 {font-size:18px; color:#5f52b0; margin-bottom:10px;} #program .txtbox p {color:#585858; font-size:16px;} #program .icon01 {background:url(../img/program_icon01.png) no-repeat;} #program .icon02 {background:url(../img/program_icon02.png) no-repeat;} #program .icon03 {background:url(../img/program_icon03.png) no-repeat;} #program .icon04 {background:url(../img/program_icon04.png) no-repeat;} #program .icon05 {background:url(../img/program_icon05.png) no-repeat;} #program .icon06 {background:url(../img/program_icon06.png) no-repeat;} #program .icon07 {background:url(../img/program_icon07.png) no-repeat;} #program .icon08 {background:url(../img/program_icon08.png) no-repeat;} #program .icon09 {background:url(../img/program_icon09.png) no-repeat;} #program hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #program ul.txtlist {} #program ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000; } #huwon {float:left; width:100%;} #huwon .txtbox {clear:both; padding:0px 20px 10px 120px; min-height:90px; margin-left:3%;} #huwon .txtbox h2 {font-size:18px; color:#5f52b0; margin-bottom:10px;} #huwon .txtbox p {color:#585858; font-size:16px;} #huwon .icon01 {background:url(../img/huwon_icon01.png) no-repeat;} #huwon .icon02 {background:url(../img/huwon_icon02.png) no-repeat;} #huwon .icon03 {background:url(../img/huwon_icon03.png) no-repeat;} #huwon .icon04 {background:url(../img/huwon_icon04.png) no-repeat;} #huwon .icon04 h2 {padding-top:30px;} #huwon hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #huwon ul.txtlist {} #huwon ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000; } #product {float:left; width:100%;} #product .txtbox {clear:both; padding:0px 10px 10px 10px; min-height:90px; position:relative;} #product .txtbox h2 {position:absolute; font-size:18px; color:#5f52b0; margin-bottom:10px; width:100px; height:100px; border:13px solid #cfd1e2; border-radius:100px; text-align:center; padding-top:25px; box-sizing:border-box; display:inline-block; margin-right:20px;} #product .txtbox .item {display:inline-block; margin-left:15%; width:87%;} #product .txtbox .item .img {border:1px solid #e4e4e4; float:left; margin-right:30px; width:33%;} #product .txtbox .item_info {width:55%; float:left;} #product .txtbox .item_info table {width:100%; border-collapse:collapse; margin-top:20px;} #product .txtbox .item_info table th {border:1px solid #cfd1e2; background:#cfd1e2; color:#5f52b0; text-align:center; padding:10px 0;} #product .txtbox .item_info table td {border:1px solid #cfd1e2; padding:6px 0; text-align:center;} #product .txtbox .item_info table tr:nth-of-type(odd) { background-color: #f9f9f9;} #product hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #sitemap {float:left; width:100%; margin-top:20px;} #sitemap .sitemap_Box {float:left; width:30%; border-top:1px solid #4b4b4b; margin-right:10px; min-height:300px; margin-left:10px;} #sitemap .sitemap_Box h2 {float:left; width:100%; font-size:16px; font-weight:600; display:block; padding:15px 0; border-bottom:1px solid #cccccc; text-indent:10px;} #sitemap .sitemap_Box h2 a { color:#000;} #sitemap .sitemap_Box ul {float:left; margin-left:10px; margin-top:20px; } #sitemap .sitemap_Box ul li a {font-size:13px; color:#666666; line-height:30px;} #sitemap .sitemap_Box ul li a:hover {color:#000;} @media (min-width:786px) and (max-width:1000px) {/* 최소 768 ~ 1023 ---------------------------------------------------------------------- */ #sub_container {width:100%; margin:0 auto;} #sub_container #sidemenu {float:left; width:160px; margin-top:20px; display:none;} #sub_container div.article{float:left; min-height:500px; border-left:none; padding-left:0px; width:100%; } } @media (max-width:786px) {/* 최소 ~ 최대 480 */ #m_subvisual {display:none;} #subvisual {float:left; width:100%; text-align:center; display:block; position:relative; overflow:hidden;} #subvisual .subvisual_img {width:200%; position:relative; left:-60%;} #subvisual .subvisual_img img {width:100%;} #sub_body {float:left; width:100%; margin-top:0px;} .item_wrap {background:#FFF !important;} /* 컨텐츠 부분 */ #sub_container {width:100%; margin:0 auto; position:relative;} /* 페이지 내용 */ #sub_container #sidemenu {float:left; width:210px; position:relative; top:-81px; display:none;} #sub_container div.article{float:left; min-height:400px; padding-left:30px; width:100%; } #sub_container div.article_wide{float:none; min-height:400px; padding-left:0px; width:94%; margin:0 auto; } /* 페이지경로 */ #sub_container div.page-navi .in_title {clear:both; display:block; text-align:center; background:url(../img/main_title_line.png) repeat-x; margin-top:60px;} #sub_container div.page-navi h3 { font-size:24px; color:#000000; font-weight:600; display:inline-block; background:#FFF; padding:0 20px; font-family:Nanum Myeongjo; } #sub_container div.page-navi ul{float:right; clear:both; margin-top:0px; position:absolute; top:0px; right:0; } #sub_container div.page-navi ul{float:left; clear:both; margin-top:0px; background:url(../img/loc_home.png) no-repeat 0 15px; background:#f0f0f0; width:100%;} #sub_container div.page-navi ul li{float:left; color:#666; margin-right:1px; position:relative; font-family:"Nanum Gothic"; padding-left:15px; height:40px; line-height:40px; font-size:12px; padding-right:0px; background:url(../img/loc_arrow.png) no-repeat 5px 16px;} #sub_container div.page-navi ul li.home { background:none;} #sub_container div.page-navi ul li strong{ color:#666; } #sub_container div.page-navi ul li a.menu-btn {background:url(../img/page_arrow.png) no-repeat right center; padding-right:20px; color:#000;} #content-area {float:left; width:100%; clear:both; margin-top:0px; min-height:200px; font-size:14px; color:#5e5e5e; padding:10px 0 40px 0; margin-bottom:30px; line-height:160%;} #sub_container div.page-navi ul li .hidden-menu {display:none;} #sub_container div.page-navi ul li.hover .hidden-menu {display:block;} .hidden-menu {position:absolute; background:#f9f9f9; width:170px !important; left:0px; top:40px !important; z-index:999; margin-top:0px !important;} .hidden-menu li {float:none; clear:both; padding:0 0px 0 0 !important; background:#f9f9f9 !important; border-bottom:1px solid #b6b6b6; width:100%; border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; border-top:1px solid #b6b6b6; margin-top:-1px;} .hidden-menu li a {display:block; text-indent:20px; color:#000 !important;} .hidden-menu li:hover {background:#666 !important; color:#FFF !important;} .hidden-menu li:hover a {color:#FFF !important;} .page-tab li a {display:block; padding:5px 0px 15px 0; font-size:14px; background:url(../img/sub_tab_off.png) repeat-x center center ; color:#808083; font-weight:600; text-align:center;} .page-tab3 {float:left; width:100%; margin-bottom:50px;} .page-tab3 li {float:left; width:100%; margin-top:-1px; } .page-tab3 li.first {margin-left:0; width:100%;} .page-tab3 li.first a {border-left:1px solid #646464; } .page-tab3 li a {display:block; padding:5px 0px 15px 0; font-size:14px; background:url(../img/sub_tab_off.png) repeat-x center center ; color:#808083; font-weight:600; text-align:center;} .page-tab3 li:hover a { position:relative; z-index:99; background:url(../img/sub_tab_on.png) no-repeat center center ; color:#FFF;} .page-tab3 li a.active { position:relative; z-index:99; background:url(../img/sub_tab_on.png) no-repeat center center ; color:#FFF;} #content-area img { max-width:100%; } #sitemap {float:left; width:100%; margin-top:20px;} #sitemap .sitemap_Box {float:left; width:100%; border-top:1px solid #4b4b4b; margin-right:0px; min-height:auto; margin-left:0px; margin-bottom:20px;} #sitemap .sitemap_Box h2 {float:left; width:100%; font-size:16px; font-weight:600; display:block; padding:15px 0; border-bottom:1px solid #cccccc; text-indent:10px;} #sitemap .sitemap_Box h2 a { color:#000;} #sitemap .sitemap_Box ul {float:left; margin-left:10px; margin-top:20px; } #sitemap .sitemap_Box ul li a {font-size:13px; color:#666666; line-height:30px;} #sitemap .sitemap_Box ul li a:hover {color:#000;} #greeting {float:left; width:100%; } #greeting .photo {float:left; margin-right:0; width:100%; margin-bottom:10px;} #greeting .photo p {font-size:14px; margin-top:10px; text-align:center;} #greeting .txt {float:left; width:100%;} #greeting .top_txt {font-size:18px; color:#9c5eb5; margin-bottom:20px; line-height:150%; letter-spacing:-1px;} #greeting p {font-size:16px; color:#585858; line-height:180%;} #about {float:left; width:100%;} #about .txtbox {clear:both; padding:10px 10px 10px 130px; min-height:107px; margin-left:3%;} #about .txtbox h2 {font-size:18px; color:#9c5eb5; margin-bottom:10px;} #about .txtbox p {color:#585858; font-size:16px;} #about .icon01 {background:url(../img/about_icon01.png) no-repeat;} #about .icon02 {background:url(../img/about_icon02.png) no-repeat;} #about .icon03 {background:url(../img/about_icon03.png) no-repeat;} #about .icon04 {background:url(../img/about_icon04.png) no-repeat;} #about hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #vision {text-align:center;} #history {float:left; width:100%;} #history .txtbox1 {position:relative; text-align:center; margin-bottom:15px;} #history .txtbox1 h2 {padding-top:13px; width:70px; height:70px; box-sizing:border-box; border:10px solid #aab1e0; border-radius:100px; font-size:16px; color:#000000; display:inline-block; vertical-align:middle; text-align:center;} #history .txtbox1 p {font-size:13px; color:#000000; text-align:left; position:absolute; top:40%; left:50%; margin-left:32px; padding-left:20px; background:url(../img/history_line.png) no-repeat left 10px;} #history .txtbox1 p span {font-weight:bold;} #history .txtbox2 {position:relative; text-align:center; margin-bottom:15px;} #history .txtbox2 h2 {padding-top:13px; width:70px; height:70px; box-sizing:border-box; border:10px solid #cfd1e2; border-radius:100px; font-size:16px; color:#000000; display:inline-block; vertical-align:middle; text-align:center;} #history .txtbox2 p {font-size:13px; color:#000000; text-align:left; position:absolute; top:40%; right:50%; margin-right:32px; padding-right:20px; background:url(../img/history_line.png) no-repeat right 10px;} #history .txtbox2 p span {font-weight:bold;} #guide {float:left; width:100%;} #guide .txtbox {clear:both; padding:0px 20px 10px 70px; min-height:107px;} #guide .txtbox h2 {font-size:16px; color:#5f52b0; margin-bottom:10px;} #guide .txtbox p {color:#585858; font-size:14px;} #guide .icon01 {background:url(../img/guide_icon01.png) no-repeat;} #guide .icon02 {background:url(../img/guide_icon02.png) no-repeat;} #guide .icon03 {background:url(../img/guide_icon03.png) no-repeat;} #guide hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #guide .subtxtbox {background:#f7f7fa; padding:20px 20px 10px 20px; margin-bottom:20px;} #guide .subtxtbox h3 {font-size:13px; color:#636ba4; background:url(../img/h3_bullet.png) no-repeat 0 9px; padding-left:10px; } #guide .subtxtbox p {font-size:13px; color:#000; padding-left:10px; margin-bottom:20px;} #guide ul.txtlist {} #guide ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:14px; color:#000000;} #guide .img {margin:10px 0;} #business {} #business .txtbox {background:#f6f6fb; font-size:16px; color:#5f52b0; font-weight:600; text-align:center; padding:20px 10px; line-height:140%;} #business .img {margin:20px 0;} #business02 {float:left; width:100%;} #business02 .txtbox {clear:both; padding:0px 20px 10px 70px; min-height:107px;} #business02 .txtbox h2 {font-size:16px; color:#5f52b0; margin-bottom:10px;} #business02 .txtbox p {color:#585858; font-size:14px;} #business02 .icon01 {background:url(../img/guide_icon01.png) no-repeat;} #business02 .icon02 {background:url(../img/guide_icon02.png) no-repeat;} #business02 .icon03 {background:url(../img/guide_icon03.png) no-repeat;} #business02 hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #business02 ul.txtlist {} #business02 ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:14px; color:#000000;} #business02 .img {margin:10px 0;} #map {float:left; width:100%;} #map .map-area {margin-bottom:30px; width:100%; float:left; overflow:hidden; } #map ul {margin:0px 10px 20px 0;} #map ul li {font-size:14px; color:#000000; padding-left:10px; background:url(../img/bullet01.png) no-repeat 0 9px; font-weight:normal; background:url(../img/txtlist_bullet.png) no-repeat 0 10px; padding-left:10px;} #map .root_daum_roughmap {width:100%; height:360px; margin-top:-100px;} #map .map-info {float:left; width:100%; margin-left:0;} #map .map-txt {margin-bottom:0px; background:url(../img/addr_icon.png) no-repeat; padding-left:70px; padding-bottom:5px;} #map .map-info h4.car {font-size:20px; color:#404040; font-weight:normal; display:inline-block; padding:2px 32px; background:url(../img/car_icon.png) no-repeat; } #map .map-info h4.bus {font-size:20px; color:#404040; font-weight:normal; display:inline-block; padding:2px 32px; background:url(../img/car_icon.png) no-repeat; } #map ul.txtlist {} #map ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:16px; color:#000000; margin-bottom:10px;} #map ul.txtlist li span {font-size:14px; color:#757575;} #map hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:0px;} #bongsa {float:left; width:100%;} #bongsa .txtbox {clear:both; padding:0px 20px 10px 120px; min-height:90px; margin-left:3%;} #bongsa .txtbox h2 {font-size:16px; color:#5f52b0; margin-bottom:10px;} #bongsa .txtbox p {color:#585858; font-size:14px;} #bongsa .icon01 {background:url(../img/bongsa_icon01.png) no-repeat;} #bongsa .icon02 {background:url(../img/bongsa_icon02.png) no-repeat;} #bongsa .icon03 {background:url(../img/bongsa_icon03.png) no-repeat;} #bongsa .icon04 {background:url(../img/bongsa_icon04.png) no-repeat;} #bongsa .icon05 {background:url(../img/bongsa_icon05.png) no-repeat;} #bongsa hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #bongsa ul.txtlist {} #bongsa ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:14px; color:#000000; } #program {float:left; width:100%;} #program .txtbox {clear:both; padding:0px 20px 10px 70px; min-height:90px; margin-left:3%;} #program .txtbox h2 {font-size:16px; color:#5f52b0; margin-bottom:10px;} #program .txtbox p {color:#585858; font-size:14px;} #program .icon01 {background:url(../img/program_icon01.png) no-repeat;} #program .icon02 {background:url(../img/program_icon02.png) no-repeat;} #program .icon03 {background:url(../img/program_icon03.png) no-repeat;} #program .icon04 {background:url(../img/program_icon04.png) no-repeat;} #program .icon05 {background:url(../img/program_icon05.png) no-repeat;} #program .icon06 {background:url(../img/program_icon06.png) no-repeat;} #program .icon07 {background:url(../img/program_icon07.png) no-repeat;} #program hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #program ul.txtlist {} #program ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:14px; color:#000000; } #huwon {float:left; width:100%;} #huwon .txtbox {clear:both; padding:0px 20px 10px 120px; min-height:90px; margin-left:3%;} #huwon .txtbox h2 {font-size:16px; color:#5f52b0; margin-bottom:10px;} #huwon .txtbox p {color:#585858; font-size:14px;} #huwon .icon01 {background:url(../img/huwon_icon01.png) no-repeat;} #huwon .icon02 {background:url(../img/huwon_icon02.png) no-repeat;} #huwon .icon03 {background:url(../img/huwon_icon03.png) no-repeat;} #huwon .icon04 {background:url(../img/huwon_icon04.png) no-repeat;} #huwon .icon04 h2 {padding-top:30px;} #huwon hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #huwon ul.txtlist {} #huwon ul.txtlist li {background:url(../img/txtlist_bullet.png) no-repeat 0 9px; padding-left:10px; font-size:14px; color:#000000; } #product {float:left; width:100%;} #product .txtbox {clear:both; padding:0px 10px 10px 10px; min-height:90px; position:relative;} #product .txtbox h2 {position:absolute; font-size:16px; color:#5f52b0; margin-bottom:10px; width:60px; height:60px; border:10px solid #cfd1e2; border-radius:100px; text-align:center; padding-top:8px; box-sizing:border-box; display:inline-block; margin-right:20px;} #product .txtbox .item {display:inline-block; margin-left:15%; width:87%;} #product .txtbox .item .img {border:1px solid #e4e4e4; float:left; margin-right:2%; width:35%;} #product .txtbox .item .img img {height:auto;} #product .txtbox .item_info {width:60%; float:left;} #product .txtbox .item_info table {width:100%; border-collapse:collapse; margin-top:0px;} #product .txtbox .item_info table th {border:1px solid #cfd1e2; background:#cfd1e2; color:#5f52b0; text-align:center; padding:10px 0;} #product .txtbox .item_info table td {border:1px solid #cfd1e2; padding:6px 0; text-align:center;} #product .txtbox .item_info table tr:nth-of-type(odd) { background-color: #f9f9f9;} #product hr.styled2 {background:url(../img/hr_line.png) repeat-x; height:2px; display:block; border:none; margin-bottom:20px;} #sitemap {float:left; width:100%; margin-top:20px;} #sitemap .sitemap_Box {float:left; width:30%; border-top:1px solid #4b4b4b; margin-right:10px; min-height:300px; margin-left:10px;} #sitemap .sitemap_Box h2 {float:left; width:100%; font-size:16px; font-weight:600; display:block; padding:15px 0; border-bottom:1px solid #cccccc; text-indent:10px;} #sitemap .sitemap_Box h2 a { color:#000;} #sitemap .sitemap_Box ul {float:left; margin-left:10px; margin-top:20px; } #sitemap .sitemap_Box ul li a {font-size:13px; color:#666666; line-height:30px;} #sitemap .sitemap_Box ul li a:hover {color:#000;} }