/*인사말*/ .content_wrap{margin-bottom: 4vw !important;} .content_area{position:relative;} .content_area p{color: #000;} .content_area .con_sub_tit{margin: 5em 0 3em 0;} .content_area .con_sub_tit p{font-size: 2em; font-weight: bold; word-break: keep-all;} .content_area .con_sub_tit p b{color: #769d91;} .content_area .img{position:relative; height:324px; margin-top:110px; background:url(../img/bg_content_area.jpg) no-repeat 50%; background-size:cover;} .content_area .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;} .content_area .tit{text-align: center; color: #000; margin-bottom: 7em;} .content_area .tit h3{position:relative; margin:0; font-size:3em; font-weight:bold; word-break:keep-all; box-sizing:border-box; text-align:center;} .content_area .tit h3 span{display:block; font-weight:600;} .content_area .con_section{max-width:1200px; margin:0 auto; margin-top: 6em;} .content_area .colum {max-width:1200px; margin:0 auto; height: 660px;} .content_area .colum:after{clear:both; content:""; display:block;} .content_area .colum .left{float:left; width:48%; text-align:justify; height: 100%;} .content_area .colum .right{float:right; width:48%; text-align:left; display: flex; align-items: center; height: 100%;} .content_area .colum .right h4{font-weight: bold; font-size: 2.2em; color: #000; margin-bottom: 1.3em;} .content_area .colum .right p{line-height: 1.7; font-size: 1.1em;} .content_area .colum p{color: #202020;} .content_area .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px; background-repeat:no-repeat; background-position:right center; line-height:50px;} .content_area .sign .name { font-size:24px} .content_area .ab_bg{background:url(../img/ab_bg1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; border-top-right-radius: 20px; border-bottom-left-radius: 20px; padding: 0 10px;} .content_area .con_section .c2_ul{margin-bottom: 6em;} .content_area .con_section .c2_ul ul{position: relative; display: flex; align-items: center; height: 400px;} .content_area .con_section .c2_ul li{position: absolute; border: 1px solid #769d91; border-radius: 100%; width: 20vw; text-align: center; height: 20vw; text-align: center; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1em;} .content_area .con_section .c2_ul li:first-child{left: 5%;} .content_area .con_section .c2_ul li:nth-child(2){left: 50%; transform: translateX(-50%);} .content_area .con_section .c2_ul li:last-child{right: 5%;} .content_area .con_section .c2_ul li img{margin-bottom: 1.2em; width: 20%;} .content_area .con_section .c2_ul li h5{font-weight: bold; font-size: 1.3vw;} .content_area .con_section .c2_ul li p{font-size: 0.8vw; width: 60%; word-break: keep-all;} .content_area .con_section .c2_ul li .void{content: ' '; width: 30px; border: 0.5px solid #000; height: 1px; margin: 2em 0;} .content_area .con_section .con_img_slide{height: 600px; width: 100%; border-top-right-radius: 20px; border-bottom-left-radius: 20px;} .content_area .con_section .con_img_slide img{width: 100%;} .content_area .con_section .con_txt_section{} .content_area .con_section .con_txt_section h5{position: relative; padding-left: 60px; font-size: 2em; font-weight: bold; margin-top: 4em; margin-bottom: 1.5em;} .content_area .con_section .con_txt_section h5::before{background:url(../img/con_tit.png); width: 45px; height: 45px; position: absolute; display: block; content: ''; top: -8px; left: 0;} .content_area .con_section .con_txt_section table tr{width: 100%;} .content_area .con_section .con_txt_section .sub_tab .tablinks{width: 24.96%; max-width: inherit; padding: 0.8em 0; font-size: 1.5em;} .content_area .con_section .con_txt_section .tab_div .tablinks:nth-child(4){border-top-right-radius: 20px;} .content_area .con_section .con_txt_section .tab_div .tabcontent{width: 100%; padding-bottom: 50%; margin-top: 1em; border-bottom-left-radius: 20px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative;} .content_area .con_section .con_txt_section .tab_div .tabcontentff{margin-bottom: 3em;} .content_area .con_section .con_txt_section .tab_div .tabcontentfs p, .content_area .con_section .con_txt_section .tab_div .tabcontentff p{font-size: 1.5em; margin-top: 1em;} .content_area .con_section .con_txt_section .tab_div .tabcontentfs p span, .content_area .con_section .con_txt_section .tab_div .tabcontentff p span{color: #099;} .content_area .con_li .left{float:left; width:30%; text-align:justify; height: 100%; border-top-right-radius: 20px; border-bottom-left-radius: 20px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;} .content_area .con_li .right{float:right; width:60%; text-align:left; display: flex; flex-direction: column; height: 100%; justify-content: center;} .content_area .con_li .right h5{font-weight: bold; font-size: 2.5em; padding-bottom: 0.6em; margin-bottom: 0.6em; border-bottom: 2px solid #000; width: 100%;} .content_area .con_li .in_li{font-size: 1.5em; line-height: 2.6; display: flex; align-items: center;} .content_area .con_li .in_li h6{display: inline-block; width: 30%; font-weight: bold;} .content_area .con_li .in_li p{display: inline-block; width: 60%; line-height: 1.1;} .content_area .con_li{width: 100%; padding: 40px 90px 40px 40px; height: 480px;} .content_area .con_li:nth-child(2n+1){background-color: #f9f5f2;} .content_area .con_section h4{position: relative; padding-left: 60px; font-size: 2em; font-weight: bold; margin-top: 4em; margin-bottom: 1.5em;} .content_area .con_section h4::before{background:url(../img/con_pro_tit.png); width: 45px; height: 45px; position: absolute; display: block; content: ''; top: -8px; left: 0;} .content_area .con_section h4 a.time_a{color: #099; transition: 0.3s all;} .content_area .con_section h4 a.time_a:hover{color: #0ba2b3; transition: 0.3s all;} .content_area .c4_con{display: flex; justify-content: space-between; flex-wrap: wrap; border-top:2px solid #000; padding-top: 2.4em;} .content_area .c4_con .c4_flex_box{ width: 47%; margin-bottom: 5vw; border-bottom: 1px solid rgb(206, 206, 206);} .content_area .c4_con .c4_flex_box h5{font-weight: bold; font-size: 1.7em; padding: 0.8em 0; border-bottom: 2px solid #000; width: 100%;} .content_area .c4_con h6{display: inline-block; width: 30%; font-weight: bold;} .content_area .c4_con p{display: inline-block; width: 60%;} .content_area .c4_con .in_ul{padding: 1.3em 0;} .content_area .c4_con .in_li{font-size: 1.2em; line-height: 2.6;} .com_in .con_sub_tit span{font-size: 2em; font-weight: bold; margin-bottom: 3em; display: block;} .com_in .con_sub_tit img{margin-top: 3em;} .com_in_bg{padding: 7em 0; background-color: #769d91;} .com_in_bg2{background-color: #fff;} .com_in_bg .com_in{color: #fff; text-align: center;} .com_in_bg .com_in h4{font-weight: bold; font-size: 2.2em; margin-bottom: 2.5em;} .com_in_bg2 .com_in{color: #000; text-align: center;} .com_in_bg2 .com_in h4{font-weight: bold; font-size: 2.2em; margin-bottom: 2.5em;} .ci_poto .com_in{padding: 7em 0;} .com_in_bg2>h4{font-weight: bold; font-size: 2.2em; margin-bottom: 2.5em; text-align: center;} .com_in_icon1:before{content: url(../img/com_in_icon1.png);} .com_in_icon2:before{content: url(../img/com_in_icon2.png);} .com_in_icon3:before{content: url(../img/com_in_icon3.png);} .com_in_icon4:before{content: url(../img/com_in_icon4.png);} .com_in_icon5:before{content: url(../img/com_in_icon5.png);} .com_in_icon6:before{content: url(../img/com_in_icon6.png);} .com_in_bg3 ul.inner{display: flex; justify-content: center;} .com_in_bg3 .tl_title_box_wrap li{background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important; border-radius: 100%; border: 5px solid #769d91; width: 250px; height: 250px; min-height: inherit !important;} .com_in_bg3 .tl_title_box_wrap li p{color: #fff !important; font-weight: bold !important;} .com_in_bg3 .tl_title_box_wrap{margin-bottom: 10em;} .tg{width: 100%; margin: 0 auto; text-align: center;} .tg td{background-color: #fff; color: #000; padding: 3em; border-radius: 5px; font-size: 1.8em;} .sub_txt{position: relative; padding-bottom: 14em; margin-bottom: 10em;} .sub_txt.solo{margin-bottom: 3em;} .sub_txt ul{display: flex; justify-content: center; position: absolute; bottom: 0; width: 100%;} .sub_txt ul.solo{bottom: 10%;} .sub_txt ul li{width: 40%; background-color: #fff; text-align: center; padding: 0 3em; box-shadow: 2px 2px 10px 3px rgba(0,0,0,.15);} .sub_txt ul li:last-child{margin-left: 4em;} .sub_txt ul li.solo{margin-left: 0;} .sub_txt ul li h4{font-size: 1.3em; border-bottom: 1px solid #000; padding: 2em 0;} .sub_txt ul li p{font-size: 1.3em; padding: 5em 0; line-height: 2;} .com_in_bg_c{background-color: #f6f6f6;} .com_in .left{float:left; width:48%; text-align:left; height: 100%;} .com_in .right{float:right; width:45%; text-align:left; display: flex; justify-content: center; flex-direction: column; flex-wrap: nowrap; height: 100%;} .com_in .left .c6_imgcon {background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; height: 100%;} .com_in .colum::after{display: block; clear: both; content: ' ';} .com_in .colum{height: 350px; margin-bottom: 5em;} .com_in .colum:last-child{margin-bottom: 0;} .com_in .right h5{font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #000; padding: 1em 0; margin-bottom: 2em;} .com_in .right p{font-size: 1.3em; color: #000; margin-bottom: 1em;} .com_in_bg_con6 .com_in_icon7:before{content: url(../img/com_in_icon7.png);} .com_in_bg_con6 .com_in_icon8:before{content: url(../img/com_in_icon8.png);} .com_in_bg_con6 .com_in_icon9:before{content: url(../img/com_in_icon9.png);} .com_in_bg_con6 .com_in_icon10:before{content: url(../img/com_in_icon10.png);} .com_in_bg_con6 .com_in_icon11:before{content: url(../img/com_in_icon11.png);} .com_in_bg_con6 .com_in_icon12:before{content: url(../img/com_in_icon12.png);} .com_in_bg_con6 .com_in_icon13:before{content: url(../img/com_in_icon13.png);} .com_in_bg_con6 .com_in_icon14:before{content: url(../img/com_in_icon14.png);} .com_in_bg_con6 .com_in_icon15:before{content: url(../img/com_in_icon15.png);} .com_in_bg_con6 .com_in_icon16:before{content: url(../img/com_in_icon16.png);} .com_in_bg_con6 .com_in_icon17:before{content: url(../img/com_in_icon17.png);} .com_in_bg_con6 .com_in_icon18:before{content: url(../img/com_in_icon18.png);} .com_in_bg_con6 .com_in_icon19:before{content: url(../img/com_in_icon19.png);} .com_in_bg_con6 .com_in_icon20:before{content: url(../img/com_in_icon20.png);} .com_in_bg_con6 .com_in_icon21:before{content: url(../img/com_in_icon21.png);} .com_in_bg_con6 .com_in_icon22:before{content: url(../img/com_in_icon22.png);} .com_in_bg_con6 .tl_title_box_wrap li p{font-size: 1.3em !important; margin-top: 2em;} .com_in_bg_con6 .tl_title_box_wrap li:first-child{border-bottom-left-radius: 20px;} .com_in_bg_con6 .tl_title_box_wrap li:last-child{border-top-right-radius: 20px;} .inc_nav{width: 100%; background-color: #f6f6f6; margin-top: 3em;} .inc_nav_con{margin: 0 auto; width: 100%; padding: 4em 0; display: flex; flex-direction: row; align-items: center; justify-content: center;} .inc_nav_con::after{display: block; clear: both; content: ' ';} .inc_nav_con h4{text-align: center; font-weight: bold; font-size: 2em; float: left; width: 10%;} .inc_nav_con ul{float: left; width: 76%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;} .inc_nav_con ul li{width: 10vw; height: 10vw; text-align: center; border-radius: 100%; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; margin-left: 2em; display: flex; flex-direction: row; align-items: center; justify-content: center;} .inc_nav_con ul li a{color: #fff; font-size: 1.5em; display: block;} .inc_nav_con ul li:first-child{margin-left: 0;} .bt_p{font-size: 1.8em; font-weight: 500; line-height: 1.9;} .inner_y_c1{max-width: 1920px !important;} .sub_margin{margin-left: 60px;} .com_in{max-width: 1200px; margin: 0 auto;} @media (max-width: 980px){ .content_area .tit h3{font-size:30px; line-height:1.6em;} .content_area .tit h3 br{display:none;} .content_area .img { height:253px} .content_area .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;} .content_area .colum .left { width:100%; clear:both} .content_area .colum .right { width:100%; padding-top:20px; clear:both} .m_br{display: none;} .hd_pops {max-width:400px !important; width:90% !important; height:auto !important; left: 0 !important;} .content_area .con_section h4 a.time_a{display: block;} } /*인사말*/ /* 팝업레이어 */ #hd_pop {z-index:10;position:relative; max-width:1200px; margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} .contents02 { width:100%; color:#555} .contents02 h2 { font-size:28px; font-weight:bold; padding:32px 0 30px 0} .contents02 h3 { font-size: 19px; line-height:1.6; padding-bottom:50px; font-weight:400} .contents02 .doc_list { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0 20px 20px; margin:0 auto; margin-bottom:50px; } .contents02 .doc_list li{ line-height:1.6; font-size:16px; padding:5px 0 5px 15px; background-image: url('../img/icon_dot.gif'); background-repeat: no-repeat; background-position:left center} .contents02 .direction_wrap .left { width:40%; float:left} .contents02 .direction_wrap .right { width:56%; padding-left:4%; float:left} .contents02 .direction_wrap .right h2 {font-size:21px; line-height:30px; padding-bottom:20px; color:#36F; text-align:left} .contents02 .direction_wrap .right .cycle {border-radius:50px; background-color:#ff6699; width:200px; padding:20px; text-align:center; font-size:21px; font-weight:bold; line-height:24px; color:#fff; margin-bottom:20px;} .contents02 .direction_wrap .right li{line-height:1.6; font-size:16px; padding:5px 0 5px 15px; text-align:left } .contents02 #doc_tt01 { margin:50px 0;} .contents02 #doc_tt01 .cycle {border-radius:100px; width:200px; height:200px; padding:50px; text-align:center; font-size:23px; font-weight:bold; color:#fff; margin:30px auto; display:table-cell; vertical-align:middle; float:left} .contents02 #doc_tt01 .cycle01 {background-color:#ff6699;} .contents02 #doc_tt01 .cycle02 {background-color:#58c3f0;} .contents02 #doc_tt01 .cycle03 {background-color:#bd8cbf;} .contents02 #doc_tt01 .cycle ul li {line-height:1.6; font-size:16px; padding:5px 0 5px 15px; background-image: url('../img/icon_dot.gif'); background-repeat: no-repeat; background-position:left center} /*그룹소개*/ .company_info { width:100%; height:auto; } .company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} .company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px} .company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; } .company_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:15px} .company_info .Ideology { width:100%; padding-bottom:100px;} .company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;} .company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0} .company_info .Ideology .inner .point{color: #06F;} .company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;} .company_info .Ideology .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200} .company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd} .company_info .Ideology dl:last-child { border:0} .company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} .company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555; font-weight:300; letter-spacing: -0.02em; word-break:keep-all} .tl_title_box_wrap {width:100%; height:auto; clear:both;} .tl_title_box_wrap li {position:relative; width:31.99%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer; -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat} .com_in_bg2 .tl_title_box_wrap li {background-color: #f5f4f4 !important;} .tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; } .tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)} .tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;} .tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff} .tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;} .tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a} .tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;} .tl_title_box_wrap li .txt_wrap .cell p { font-size:20px; color:#000; word-break:keep-all; line-height:1.6;} .tl_title_box_wrap li:nth-child(4n+1) { margin-left:0} .com_in_bg_con6 .tl_title_box_wrap li{background-color: #fff !important; border: 1px solid #769d91; box-shadow: 1px 1px 4px 1px rgba(0,0,0,.15);} @media (max-width: 960px){ .company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;} .company_info .work_page ul li:last-child { margin-right:0} .company_info .work_page ul li:nth-child(2n+2) {margin-right:0;} .company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both} } @media (max-width: 640px){ .company_info .img_page { background-size:cover; height:300px} .company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;} } /*그룹소개*/ /*브랜드 소개*/ .brand_wrap .text-center{ text-align:center; margin: 150px 0 70px 0;} .brand_wrap .text-center h2 { font-size:48px; color:#333; letter-spacing:-1px; font-weight:300} .brand_wrap .brand{position:relative;} .brand_wrap .brand h2 { font-size:28px; text-align:center; color:#555; font-weight:500} .brand_wrap .top30 { margin-top:60px; word-break:keep-all} .brand_wrap .absol { position: absolute;} .brand_wrap .interior h2 { padding:20px 0 0} .brand_wrap .brand-color h2 { padding:20px 0 20px 0} /*브랜드 소개*/ /*연혁*/ .history_area {position: relative;width: 100%;padding-top: 37px;} .history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;} /*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/ .history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;} .history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;} .history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;} .history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: 500;} .history_area dd p {display: block;} .history_area dd .img_box {display: block;margin-top: 39px;} .right {text-align: right;} .left {text-align: left;} .fr {float: right;} .img_box img { max-width: 100%} @media (max-width: 960px){ .history_area .history_point {left: 10px;margin-left: 0;} .history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;} .history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;} .history_area div + div {margin-top: 40px;} .history_area div:nth-child(2) {margin-top: 0;} .history_area dt {margin-bottom: 20px;font-size:30px;} .history_area dd p br {display: none;} .history_area dd .img_box {margin-top: 20px;} } /*연혁*/ /*오시는 길*/ .map_area{position:relative;} .map_area .txt{position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);width:1000px;z-index:100;} .map_area .txt .txt_wrap {background-color:#006fce;box-shadow:3px 3px 3px rgba(0,0,0,0.2);padding:45px 0;} .map_area .txt .logo{position:absolute; top:34px; left:0; border-right:1px solid #1a7dd3; text-align:center; width:280px; line-height:90px; height:90px;} .map_area .txt .contact{display:block; color:#fff; font-weight:500; font-size:20px; letter-spacing:-1px; line-height:1.6; padding:0 0 0 325px;} .map_area .txt .tx .tel{font-weight:300;} .map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-35px;display:block;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px;} .contact_address {width:100%;height:auto; line-height:1.7;} .contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;} .contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px} .contact_traffic { max-width:1240px; margin:30px auto; letter-spacing:-0.8px; clear:both;} .contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;} .contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px} .contact_traffic .bus {width:100%;} .contact_traffic .subway {width:100%} .contact_traffic ul li {color: #555; line-height:33px; font-size:16px} .contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left; padding-left: 25px; position: relative;} .contact_traffic h3 i{position: absolute; left: 0; top: -3px;} .location_area iframe{border:1px solid #d6d6d6; border-top-right-radius: 20px; border-bottom-left-radius: 20px;} .loca_icon_f:before{content: url(../img/loca_icon1.png);} .loca_icon_s:before{content: url(../img/loca_icon2.png);} .loca_icon_t:before{content: url(../img/loca_icon3.png);} @media (max-width: 1400px){ .map_area .txt {margin-top: -30px;width: 1024px;} .map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px;} .map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;} .map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;} .map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;} .map_area .txt .contact .tel{font-weight:300;} .map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;} } @media screen and (max-width: 640px) { .map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;} .map_area .txt .logo img { height:20px} .map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both} .map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;} .map_area .txt .bt { position: static; border-radius: 65px; border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;} .map_area .txt .logo { position: relative; display: block; top: auto; left: auto; border-right: 0; width: 100%; line-height: 70px; height: 70px;} } /*오시는 길*/ /*food_menu*/ .food_menu .thumb_box {width:31.3333%; margin-right:3%; display:block; float:left; } .food_menu.top100 { padding-top:100px} @media screen and (min-width: 961px) { .food_menu .thumb_box:nth-child(3n+3) { margin-right:0} } .food_menu .thumb_box .img { width:100%; min-height:300px; background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative} .food_menu .photo01 .img{ background-image:url(../img/menu01.jpg);} .food_menu .photo02 .img{ background-image:url(../img/menu02.jpg);} .food_menu .photo03 .img{ background-image:url(../img/menu03.jpg);} .food_menu .photo04 .img{ background-image:url(../img/menu04.jpg);} .food_menu .photo05 .img{ background-image:url(../img/menu05.jpg);} .food_menu .photo06 .img{ background-image:url(../img/menu06.jpg);} .food_menu .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both} .food_menu .thumb_box .txt h2 { font-size:24px; text-align:center; color:#333; padding:0; letter-spacing:0; font-weight:bold} .food_menu .thumb_box .txt p { padding:20px 0px; text-align:center; } @media screen and (max-width: 960px) { .food_menu .thumb_box { width:49%; margin-right:2% } .food_menu .thumb_box:nth-child(2n+2) { margin-right:0} } @media screen and (max-width: 640px) { .food_menu .thumb_box { width:100%; margin:0; clear:both; float:none} } /*food_menu*/ /* content01 */ .content01 .box { position: relative; padding-bottom:80px; display:block;} .content01 .box .img_right { float:right} .content01 .box .txt_wrap { position: absolute; right: 0; top:0px; background: #fff; padding:50px; width: 50%;} .content01 .box .txt_wrap .half-round-tit { display:inline-block;margin-bottom:20px} .content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a; font-size:22px; font-weight:500; vertical-align: middle; line-height:1.6; letter-spacing:0;} .content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center; border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px} .content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left} .content01 .box .txt_wrap p {text-align: justify;} .content01 .box .txt_wrap02 { position: absolute; left: 0; top:0px; background: #fff; width: 50%;} @media screen and (max-width: 960px) { .content01 .box .img { text-align:center; display:block; float:none; clear:both} .content01 .box .img img { width:100%} .content01 .box .txt_wrap { width:100%; padding:20px; display:block; position:relative; clear:both} } /* content01 */ .counsel_area .left { width:20%; float:left} .counsel_area .left h2 { font-size:18px; font-weight:bold; color:#000} .counsel_area .left p { font-size:16px; color:#555} .counsel_area .right { width:80%; margin-bottom:50px; float:left; text-align:left} @media screen and (max-width: 640px) { .counsel_area .left { width:100%} .counsel_area .right { width:100%} } /* content_area04 */ .content04 .point { padding:0 20px 0 0} .content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;} .content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;} .content04 .colum { max-width:1400px; margin:0 auto; padding: 30px 0 } .content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px} .content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .colum .right { width:50%; float:left; padding-left:50px; line-height:1.8; text-align:left} .content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .img img { width:100%} .content04 .content_sub_title { margin:0 auto; padding:30px 0 0} .content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;} .content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0; padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box} .content04 .content_sub_title .sub_txt {float:right; width:75%;} .content04 .content_sub_title .sub_txt .h2 { font-size:20px; } .content04 .content_sub_title .img { float:left; text-align:right; width:450px } .mobile_view{display: block;} @media screen and (max-width: 960px) { .content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both} .content04 .colum .right { width:100%; padding:20px 0 0 } .content04 .content_sub_title .sub_title { width:100%; margin-bottom:20px; clear:both} .content04 .content_sub_title .sub_txt { float:left; width:100%} } @media screen and (max-width: 640px) { .mobile_view{display: none;} } /* content_area04 */ /* content_area05 */ .content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both} .content05 .photo_box .img { max-width:50%; float:left;display:block} .content05 .photo_box .img img { width:100%} .content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block} .content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left} .content05 .photo_box .txt p { padding-top:30px; word-break:keep-all} @media screen and (max-width: 960px) { .content05 .photo_box .img { max-width:100%; display:block} .content05 .photo_box .txt { max-width:100%;} .content05 .photo_box .txt h2 { font-size:24px; font-weight:bold} } /* content_area05 */ /* content_area06 */ .content06 .thumb_box {width:31.3333%; margin-right:3%; display:block; float:left; } .content06.top100 { padding-top:100px} @media screen and (min-width: 961px) { .content06 .thumb_box:nth-child(3n+3) { margin-right:0} } .content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative} .content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both} .content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold} .content06 .thumb_box .txt p { padding:20px 0px; text-align:center; } @media screen and (max-width: 960px) { .content06 .thumb_box { width:49%; margin-right:2% } .content06 .thumb_box:nth-child(2n+2) { margin-right:0} } @media screen and (max-width: 640px) { .content06 .thumb_box { width:100%; margin:0; clear:both; float:none} } /* content_area06 */ @media screen and (max-width: 640px) { #email1 { width:45%} #email2 { width:45%} #phone1 { width:45%} #phone2 { width:45%} #phone3 { width:45%; margin-top:2%} } /*의료진 소개*/ .btn-adm{position:absolute;top:5px;right:5px;width:30px;height:30px;color:tomato;line-height:28px;font-size:16px;display:inline-block;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-radius:2px;background-color:#fff} .doctor_area { width: 100%;position: relative;} .doctor_area .doctor_profile{width:100%;border-bottom:1px solid #ddd;padding:80px 0} .doctor_area .doctor-list .thumb{float:left;width:320px;height:410px;padding:0 20px;border:1px solid #d2d2d2;background-size:cover;background-position:center} .doctor_area .info{width:65%;padding:20px 0;float:right} .doctor_area .info .name{display:block;margin-bottom:15px;font-size:23px;color:#222;font-weight:500} .doctor_area .info span{font-size:14px;color:#555;font-weight:300} .doctor_area .info .postion { color: #2352ab; font-weight: 500} .doctor_area .info dl dt{display:inline;font-size:16px;font-weight:500;line-height:28px;color:#333} .doctor_area .info dl dt:after{content:':';display:inline-block;padding:0 4px} .doctor_area .info dl dd { display: inline; font-size: 16px; color: #666} .doctor_area .info dl dd:after{content:'';display:block} .doctor_area .schedule { margin: 34px -1px 0;} .doctor_area .schedule .surgery { color: #F00; font-size: 16px} .doctor_area .btn-group {margin-top: 20px;} .doctor_area .btn-group .btn-rt {float: right} .doctor_area .btn-group .btn-doctor{display:inline-block;margin:0 5px;padding:7px;width:120px;height:40px;font-size:14px;font-weight:300;line-height:24px;letter-spacing:-.5px;text-align:center;border:1px solid transparent} .doctor_area .btn-group .btn-Introduction{color:#333;border-color:#ddd;background-color:#f8f8f8} .doctor_area .btn-group .btn-reservation{color:#fff;border-color:#384451;background-color:#384451} .doctor_area .btn-group .btn-reservation span { color: #fff } .doctor_area .sub_navi{width:100%;margin:20px auto;border-bottom:1px solid #ddd;clear:both} .doctor_area .sub_navi ul { padding-top: 50px} .doctor_area .sub_navi li{display:inline-block;margin-left:-3px;width:19%} .doctor_area .sub_navi li a{display:block;box-sizing:border-box;color:#555;text-align:center;font-size:17px;position:relative;height:55px;line-height:55px} .doctor_area .sub_navi li a.on {color: #0ba2b3; border-bottom: 1px solid #0ba2b3} .tab_content ul li{display:block;line-height:2.4;font-weight:300;font-size:16px;color:#555} .tab_content p { line-height:2.1; color:#555; font-size:16px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position:center left; padding-left:10px} @media screen and (max-width: 960px) { .doctor_area .doctor-list {float: none } .doctor_area .doctor-list .thumb { float: none; clear: both; display: block; margin: 0 auto} .doctor_area .info {width: 100%;} } /*의료진 소개*/ /*외래진료*/ .process_area .ing_area h2 { font-size:24px; color:#333; text-align:left; font-weight:bold; margin-bottom:30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; padding-left:30px} .process_area .ing_area ul { max-width:1000px; padding-bottom:80px; margin:0 auto} .process_area .ing_area li { float:left; width:25%; text-align:center} .process_area .ing_area .circle { border-radius: 50%;width: 200px; height: 200px; display:table; margin:0 auto; } .process_area .ing_area li:first-child { margin-left:0;} .process_area .ing_area li span { display: block; color: #fff; font-size: 16px; padding-top: 5px;} .process_area .ing_area li p { font-size:13px; color:#f5f5f5; font-weight:500; display:table-cell; vertical-align:middle} .process_area .ing_area02 ul { max-width:1200px; padding-bottom:80px} .process_area .ing_area02 li { float:left; width:14.2857142857%; text-align:center} .process_area .ing_area02 .circle02 { border-radius: 50%;width: 145px; height: 145px; display:table; margin:0 auto; } .process_area .ing_area .step01 { background-color:#5a93d9} .process_area .ing_area .step02 { background-color:#099} .process_area .ing_area .step03 { background-color:#5a93d9} .process_area .ing_area .step04 { background-color:#099} .process_area .ing_area .step05 { background-color:#5a93d9} .process_area .ing_area .step06 { background-color:#099} .process_area .ing_area .step07 { background-color:#5a93d9} .process_area .ing_area .list_tit h3 { font-size:20px; padding-top:20px; font-weight:bold;} .process_area .ing_area .list_tit p { display:block; padding-left:10px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position: left 12px;} @media screen and (max-width: 960px) { .process_area .ing_area ul { max-width:500px; margin:0 auto} .process_area .ing_area li { width:50%; margin-bottom:7%} .process_area .ing_area li:nth-child(2n+1) { margin-left:0} } @media screen and (max-width: 640px) { .process_area .ing_area .circle { width:180px; height:180px} } /*외래진료*/ /*비급여안내*/ .non-payment_area .notice { text-align:center; margin-bottom:50px} .non-payment_area ul { padding-bottom:30px; margin:0 auto; } .non-payment_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .non-payment_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts6 ul li { width:16.66666666666667%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .non-payment_area .ts ul li a.on { background-color:#3181cb; color:#fff; box-shadow: 0 15px 15px rgba(65,71,143,0.2);} @media screen and (max-width: 640px) { .non-payment_area .ts ul li { width:50%; margin-top:-1px} } /*비급여안내*/ /*입퇴원*/ .Instructions_area .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;} .Instructions_area .colum .left { width:33%; font-size:22px; font-weight:600; text-align:left; float:left;} .Instructions_area .colum .right {width: 67%; float: right; } .Instructions_area .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;} @media screen and (max-width: 960px) { .Instructions_area .colum .left { width:100%; float:none; clear:both} .Instructions_area .colum .right { width:100%; float:none; clear:both} .Instructions_area .colum .right ul li { padding-left:13px} } /*입퇴원*/ @media screen and (max-width: 1100px) { .content_area .con_section{margin-top: 1em;} .content_area .con_section .c2_ul li{position: inherit; width: 280px; height: 280px; margin: 0 auto; margin-bottom: 1em;} .content_area .con_section .c2_ul li h5{font-size: 15px;} .content_area .con_section .c2_ul li p{font-size: 15px;} .content_area .con_section .c2_ul li img{width: 70px;} .content_area .con_section .c2_ul li:first-child{left: inherit;} .content_area .con_section .c2_ul li:nth-child(2){left: inherit; transform: inherit;} .content_area .con_section .c2_ul li:last-child{right: inherit;} .content_area .con_section .c2_ul ul{justify-content: space-around;} .sub_margin{margin-left: 0;} .tab_div .sub_tab{display: flex; flex-direction: row; flex-wrap: wrap;} .content_area .con_section .con_txt_section .sub_tab .tablinks{width: 25%; font-size: 1.1em;} .content_area .con_li{padding: 40px 20px 40px 20px;} .content_area .con_li .right{width: 66%;} #sit_ov{float: inherit !important; margin-top: 3em !important; width: 100% !important;} #sit_pvi_big{float: inherit !important;} #sit_pvi_thumb{float: inherit !important;} #sit_pvi_thumb li{margin: 20px 15px 15px 0 !important;} #sit_pvi{float: inherit !important;} } @media screen and (max-width: 999px) { .com_in .right{width: 48%; margin-right: 1%;} .inc_nav_con{display: block;} .inc_nav_con h4{float: inherit; width: 100%;} .inc_nav_con ul li{width: 250px; height: 250px; margin-left: 0; margin: 1em;} .inc_nav_con ul{width: 100%; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; float: inherit; margin-top: 3em;} .inc_nav_con ul li:first-child{margin-left: 1em;} #container .inner_y{padding: 0 10px;} } @media screen and (max-width: 880px) { .com_in_bg3 .tl_title_box_wrap li{width: 200px; height: 200px; margin-right: 2%;} .com_in_bg3 .tl_title_box_wrap li:last-child{margin-right: 0;} .com_in_bg3 .tl_title_box_wrap li .txt_wrap{padding: 0;} .gnb_nav{height: 70px;} #aside .lnb{height: 70px;} } @media screen and (max-width: 772px){ .content_area .con_li .left{float: inherit; width: 100%; height: 250px;} .content_area .con_li .right{float: inherit; width: 100%; margin-top: 2em;} .content_area .con_li{height: auto; padding: 40px 10px 40px 10px;} .content_area .c4_con .c4_flex_box{width: 100%;} .tl_title_box_wrap li{width: 100%; min-height: 300px; margin-left: 0; margin-bottom: 1em;} .tl_title_box_wrap ul{padding: 0 10px;} .sub_txt ul li{width: 100%; margin-bottom: 3em;} .sub_txt ul{flex-direction: column; align-items: center; position: inherit; margin-top: 2em;} .sub_txt ul li:last-child{margin-left: 0;} .sub_txt{padding-bottom: 1em; margin-bottom: 1em;} .com_in_bg{padding: 3em 0;} .com_in .left{width: 100%; float: inherit; margin-bottom: 3em;} .com_in .right{width: 100%; float: inherit; padding: 0 10px;} .com_in .colum{height: auto;} .com_in .left .c6_imgcon{height: 250px;} .com_in .colum:last-child{padding-bottom: 5em;} .com_in_bg2 .com_in .tl_title_box_wrap .inner{align-items: center; flex-direction: column;} .com_in_bg_con6 .tl_title_box_wrap li:first-child{border-top-right-radius: 20px; border-bottom-left-radius: 0;} .com_in_bg_con6 .tl_title_box_wrap li:last-child{border-bottom-left-radius: 20px; border-top-right-radius: 0;} #aside .lnb::after{display: block; clear: both; content: '';} #aside .lnb{height: auto; text-align: center; flex-wrap: wrap;} #aside .lnb li{ padding-bottom: 0.5em;} .gnb_nav{height: auto;} #aside .lnb li a.on{padding-bottom: 0; border-bottom: 0;} .sct_40 .sct_cost{position: inherit !important; right: inherit !important;} .sct_40 .list-10-btn .sct_cart{position: inherit; top: inherit; bottom: inherit; right: inherit; margin-top: 1em;} #sct{padding: 0 10px;} .path span{padding: 0 5px;} .path span.home{margin-right: 5px;} } @media screen and (max-width: 600px){ /* .content_area .con_section .c2_ul li{width: 100%; height: 300px;} */ .content_area .con_section .c2_ul ul{display: block; height: auto;} .com_in_bg3 .tl_title_box_wrap ul.inner{flex-direction: column; align-items: center;} .tl_title_box_wrap li{float: inherit;} .com_in_bg3 .tl_title_box_wrap li{width: 250px; height: 250px; margin-right: 0;} .inc_nav_con ul li{width: 150px; height: 150px; margin-left: 0; margin: 1em;} } @media screen and (max-width: 450px){ .content_area .con_li .in_li{display: flex; margin-bottom: 1.3em; line-height: inherit;} .content_area .con_li .in_li h6{margin-right: 15px; word-break: keep-all;} .content_area .c4_con .in_li{display: flex; margin-bottom: 1.3em; line-height: inherit;} .content_area .c4_con h6{margin-right: 15px; word-break: keep-all;} .com_in .con_sub_tit img{width: 100%;} } @media screen and (max-width: 368px){ .inc_nav_con ul li{width: 140px; height: 140px;} .path span{padding: 0 10px;} .path span.home{margin-right: 5px;} }