/* #main-container{} .main-content-box{width: 1200px;margin: 0 auto;} .main-content-wrap{background: #fbfbfb;} #sub-container{width:100%; max-width:1200px; margin: 0 auto;padding: 50px 0;} */ /*pc mobile 다르게*/ #pcver{ width:100%; margin:0 auto; } #mobilever{ width:100%; margin:0 auto; display:none; } @media all and (max-width:800px){ #pcver{ display:none; } #mobilever { display:block; } } @media screen and (max-width: 800px){ #pcver{ display:none; } #mobilever { display:block; } } /*COMMON 컨텐츠wrap*/ .con_wrap {*zoom:1;} .con_wrap:after{content:""; display:block; clear:both;} /*공통스타일*/ .con_wrap h2 .gr{background: url("/images/contents/h2_icon_g.jpg") 0 2px no-repeat; text-align: left; padding-left:37px; font-weight:600; font-size: 25px; } .con_wrap h2 .gb{background: url("/images/contents/h2_icon_gb.jpg") 0 2px no-repeat; text-align: left; padding-left:37px; font-weight:600; font-size: 25px; } .con_wrap h2 .gb2{background: url("/images/contents/h2_icon_gb2.jpg") 0 2px no-repeat; text-align: left; padding-left:37px; font-weight:600; font-size: 25px; } .con_wrap h2 .bl{background: url("/images/contents/h2_icon_b.jpg") 0 2px no-repeat; text-align: left; padding-left:37px; font-weight:600; font-size: 25px; } .con_wrap h3 {background: url("/images/contents/h3_icon.jpg") 0 7px no-repeat; text-align: left; padding-left:10px; font-weight:400; font-size: 20px; margin-bottom: 10px; } .w2d_wrap {*zoom:1; width: 100%;} .w2d_wrap:after{content:""; display:block; clear:both;} .w2d_wrap .left {width:15%; float: left;} .w2d_wrap .right {width:85%; float:right;} .w2d_wrap .right h3{font-size: 18px; font-weight: 600;} .w2d_wrap .center100 {width:100%;} .w2d_wrap .center100 .tit h2 .gb{background: url("/images/contents/h2_icon_gb.jpg") 0 10px no-repeat; text-align: left; padding-left:37px; font-weight:600; font-size: 25px; } .w2d_wrap .center100 .tit{width:50%; float: left;} .w2d_wrap .center100 .titr{width:600px; float: right; min-height: 50px; text-align: right; } .w2d_wrap .center100 .timeicon {background: url("/images/contents/time_icon.jpg") 0 0px no-repeat; padding:5px 0px 7px 40px; font-weight:400; font-size: 16px; } .w2d_wrap .center100 span{float:left; margin-right: 30px; padding:5px 0px 7px 0px; font-weight: 400; font-size: 16px;} .w2d_wrap .center100 span strong{color: #399; font-weight: 400; font-size: 16px; } .info li{font-size: 16px; font-weight: 500; line-height: 200%;} .info li span{color: #CC3333;font-size: 16px; font-weight: 500;} .graybox {background-color: #f7f7f7; text-align: center; padding: 50px 0px; margin-bottom: 50px;} .graybox .r_text {width: 70%; float: left; padding-left: 50px;} .graybox .r_text th{width: 20%; text-align: left; font-size: 18px; vertical-align: top; } .graybox .r_text td{width: 80%; text-align: left; font-size: 18px; color: #666; font-weight: 300; padding-bottom: 20px;} .graybox .r_img {width: 30%; float: right;} .graybox2 {background-color: #f7f7f7; text-align: left; margin-bottom: 50px; margin-top: 15px; } .graybox2 ul{padding: 50px; } .graybox2 li {font-size: 16px; color: #000000; padding-bottom: 10px; line-height: 160%; background: url("/images/contents/li_icon.jpg") 0 5px no-repeat; text-align: left; padding-left:10px; } .greenbox {background-color: #ddfdf2; padding: 50px; margin-bottom: 50px;} .greenbox ul{} .greenbox li span{font-size: 18px; color: #000000; font-weight: 600; padding-right: 20px;} .greenbox li {font-size: 18px; color: #000000; padding-bottom: 10px; line-height: 160%; background: url("/images/contents/spport_liicon.jpg") 0 5px no-repeat; text-align: left; padding-left:10px; } .sport_h {background: url("/images/contents/business11.jpg") right 0 no-repeat; background-color: #ddfdf2; padding: 55px; } .sport_g {background: url("/images/contents/business21.jpg") right 0 no-repeat; background-color: #ddfdf2; padding: 55px; } @media screen and (max-width: 1200px){ .w2d_wrap .center100 .tit{width:30%; float: left;} } @media screen and (max-width: 1000px){ .w2d_wrap .left {width:100%; float: left; padding-bottom: 10px;} .w2d_wrap .right {width:100%; float:left;} } @media screen and (max-width: 900px){ .w2d_wrap .center100 {margin: 20px 0px;} .w2d_wrap .center100 .tit{width:100%; float:none;} .w2d_wrap .center100 .titr{width:100%; float:left;} .w2d_wrap .center100 .timeicon {background: url("/images/contents/time_icons.jpg") 0 0px no-repeat; font-weight:400; font-size: 14px; padding:5px 0px 7px 30px;} .w2d_wrap .center100 span{margin-right:5px; font-weight: 400; font-size: 14px; letter-spacing: -1px;} .w2d_wrap .center100 span strong{color: #399; font-weight: 400; font-size: 14px; } .graybox .r_text {width: 100%; padding: 0px 20px; } .graybox .r_text th{font-size: 16px; } .graybox .r_text td{font-size: 16px; padding-bottom: 15px;} .graybox .r_img {display: none;} .greenbox li span{font-size: 16px; font-weight: 500; padding-right: 10px;} .greenbox li {font-size: 16px;} .sport_h {background: url("none") 0 0 no-repeat; background-color: #ddfdf2; padding: 30px; } .sport_g {background: url("none") 0 0 no-repeat; background-color: #ddfdf2; padding: 30px; } } /*탭*/ .sub-tab-wrap{margin:0 -5px; margin-bottom:40px; } .sub-tab-box{display:block;} .sub-tab-box ul{display:flex;text-align:center;justify-content:center;} .sub-tab-box ul li{display:inline-block; width:auto !important; } .sub-tab-box ul li a{margin-left:-1px; color:#989898; border: 1px solid #ddd; padding:0px 50px; font-size:16px; display:block; height:70px; line-height:70px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;} .sub-tab-box ul li a.active{background:#009966; border: 1px solid #009966; color:#fff;} .sub-tab-content{display: none;} .sub-tab-content.active{display: block;} @media screen and (max-width: 1000px){ .sub-tab-box ul li a{color:#989898; border: 1px solid #ddd; padding:0px 20px; font-size:14px; display:block; height:50px; line-height:50px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;} } .sub-tab-wrap2{margin:0 -5px; margin-bottom:40px; } .sub-tab-box2{display:block;} .sub-tab-box2 ul{display:flex;text-align:center;justify-content:center;} .sub-tab-box2 ul li{display:inline-block; width:auto !important; } .sub-tab-box2 ul li a{margin-left:-1px; color:#989898; border: 1px solid #ddd; padding:0px 50px; font-size:16px; display:block; height:70px; line-height:70px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;} .sub-tab-box2 ul li a.active{background:#003d99; border: 1px solid #003d99; color:#fff;} .sub-tab-content2{display: none;} .sub-tab-content2.active{display: block;} @media screen and (max-width: 1000px){ .sub-tab-box2 ul li a{color:#989898; border: 1px solid #ddd; padding:0px 20px; font-size:14px; display:block; height:50px; line-height:50px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;} } .sub-tab-box3{display:table;width:100%;} .sub-tab-box3 ul{display:table-row;} .sub-tab-box3 ul li{display:table-cell;padding:0 3px;} .sub-tab-box3 ul li a{display:block;height:60px;line-height:60px;background:#397;color:#fff; border: 1px solid #397; font-size:18px; font-weight: 500; background:#397;text-align:center;transition:all .2s ease-in-out;} .sub-tab-box3 ul li a.active{background:#fff; color:#397; font-weight: 400; border: none; border-bottom: 6px solid #397;} .sub-tab-box{display:table;width:100%;} .sub-tab-box ul{display:table-row;} .sub-tab-box ul li{display:table-cell;padding:0 3px;} .sub-tab-box ul li a{display:block;height:60px;line-height:60px;background:#0099cc;color:#fff; border: 1px solid #399; font-size:18px; font-weight: 500; background:#399;text-align:center;transition:all .2s ease-in-out;} .sub-tab-box ul li a.active{background:#fff; color:#399; font-weight: 400; border: none; border-bottom: 6px solid #399;} .sub-tab-box.column5 ul li{width:20%;} .sub-tab-box.column4 ul li{width:25%;} .sub-tab-box.column3 ul li{width:33.333%;} .sub-tab-box.column2 ul li{width:50%;} .sub-tab-content {*zoom:1; } .sub-tab-content:after{content:""; display:block; clear:both;} /*////////////////////////////컨텐츠/////////////////////////////////////*/ /**/ .jjclass_info_box {width: 100%; min-height: 100px; margin: 50px 0px 20px;} .jjclass_info_box {background: url("/images/contents/cal_icon.jpg") 0 0 no-repeat; } .jjclass_info_box h2{margin-left: 100px; padding: 7px 0px 5px; text-align: left; font-size: 20px; font-weight: 600;} .jjclass_info_box li{margin-left: 100px; text-align: left; font-size: 14px; font-weight: 400;} /*센터소개 > 인사말*/ .visual_wrap_greeting {background: url("/images/contents/greeting_top.jpg") 0 0 repeat; min-height: 308px; } .visual_wrap_greeting p{color: #fff; font-size: 48px; text-align: center; padding-top: 110px; } .greeting_wrap{padding-top: 35px;} .greeting_wrap p{color: #333; font-size: 18px; font-weight: 300; padding-bottom: 50px; line-height: 160%;} .greeting_wrap p strong{font-weight: 600;} .greeting_wrap_r{text-align: right; font-weight: 400;} .greeting_wrap_r p{color: #333; font-size: 24px;} .greeting_wrap_r p strong{font-weight: 600; padding-left:20px;} @media screen and (max-width: 900px){ .visual_wrap_greeting p{padding-top: 110px; font-size: 40px; } } @media screen and (max-width: 600px){ .visual_wrap_greeting p{padding-top: 90px;} } /*센터소개 > 연혁*/ .history_wrap {*zoom:1; width: 100%; padding-bottom: 70px;} .history_wrap:after{content:""; display:block; clear:both; } /*청록색*/ .history_wrap .history_y{float: left; width: 30%; background: url(/images/contents/history_b.jpg) right 15px no-repeat; } .history_wrap .history_y h2{font-size: 48px; color: #099; font-weight: 800; text-align:right; padding-right: 230px;} .history_wrap .history_c {width: 70%; float: right; padding-left: 50px; } .history_wrap .history_c .cont {width: 100%; padding-bottom:10px; float: left;} .history_wrap .history_c .cont .name {width: 30%; font-size: 19px; color: #666; font-weight: 300; line-height: 140%; float: right; text-align:right;}/*주최*/ .history_wrap .history_c .cont .con {width: 60%; padding-right: 50px; font-size: 19px; color: #333; font-weight: 300; line-height: 140%; float: left;}/*내용*/ .history_wrap .history_c .cont .data {width: 10%; padding-right: 50px; font-size: 22px; color: #099; font-weight: 600; line-height: 140%; float: left;}/*날짜*/ /*오렌지*/ .history_wrap .history_y2{float: left; width: 30%; background: url(/images/contents/history_o.jpg) right 15px no-repeat; } .history_wrap .history_y2 h2{font-size: 48px; color: #f90; font-weight: 800; text-align:right; padding-right: 110px;} .history_wrap .history_c2 {width: 70%; float: right; padding-left: 50px; } .history_wrap .history_c2 .cont {width: 100%; padding-bottom:10px; float: left;} .history_wrap .history_c2 .cont .name {width: 30%; font-size: 19px; color: #666; font-weight: 300; line-height: 140%; float: right;text-align:right;}/*주최*/ .history_wrap .history_c2 .cont .con {width: 60%; padding-right: 50px; font-size: 19px; color: #333; font-weight: 300; line-height: 140%; float: left;}/*내용*/ .history_wrap .history_c2 .cont .data {width: 10%; padding-right: 50px; font-size: 22px; color: #f90; font-weight: 600; line-height: 140%; float: left;}/*날짜*/ @media screen and (max-width: 1200px){ .history_wrap {padding-bottom: 30px;} /*청록색*/ .history_wrap .history_y{float:none; width: 100%; background: url(none); } .history_wrap .history_y h2{font-size: 40px; text-align:left; padding-right: 0px;} .history_wrap .history_c {width: 100%; float: none; padding-left: 0px; } .history_wrap .history_c .cont {width: 100%; padding-bottom:10px; float: left;} .history_wrap .history_c .cont .name {width: 30%; font-size: 16px; }/*주최*/ .history_wrap .history_c .cont .con {width: 60%; padding-right: 20px; font-size: 16px; }/*내용*/ .history_wrap .history_c .cont .data {width: 10%; padding-right: 20px; font-size: 20px; }/*날짜*/ /**/ .history_wrap .history_y2{float:none; width: 100%; background: url(none); } .history_wrap .history_y2 h2{font-size: 40px; text-align:left; padding-right: 0px;} .history_wrap .history_c2 {width: 100%; float: none; padding-left: 0px; } .history_wrap .history_c2 .cont {width: 100%; padding-bottom:10px; float: left;} .history_wrap .history_c2 .cont .name {width: 30%; font-size: 16px; }/*주최*/ .history_wrap .history_c2 .cont .con {width: 60%; padding-right: 20px; font-size: 16px; }/*내용*/ .history_wrap .history_c2 .cont .data {width: 10%; padding-right: 20px; font-size: 20px; }/*날짜*/ } @media screen and (max-width: 800px){ .history_wrap .history_y h2{font-size: 25px; } .history_wrap .history_c .cont {float: none; padding-top:10px;} .history_wrap .history_c .cont .name {width: 100%; float: none; text-align:left; }/*주최*/ .history_wrap .history_c .cont .con {width: 100%; float: none; padding-bottom: 5px;}/*내용*/ .history_wrap .history_c .cont .data {width: 100%; float: none;}/*날짜*/ .history_wrap .history_y2 h2{font-size: 25px; } .history_wrap .history_c2 .cont {float: none; padding-top:10px;} .history_wrap .history_c2 .cont .name {width: 100%; float: none; text-align:left; }/*주최*/ .history_wrap .history_c2 .cont .con {width: 100%; float: none; padding-bottom: 5px;}/*내용*/ .history_wrap .history_c2 .cont .data {width: 100%; float: none;}/*날짜*/ } /*센터소개 > 법인소개*/ .sub-title-box1{font-size: 24px;background: url(/images/contents/common_title_icon1.jpg) 0 5px no-repeat;padding-left: 30px;margin-bottom: 15px;margin-top: 50px;} .sub-title-box1:first-child{margin-top: 0;} .sub-title-box1 span{font-size: 14px;margin-left: 5px;font-weight: 600;} .sub0104-content-box{font-size: 16px;} .sub0104-ul1{background: #f5f5f5;padding: 25px;*zoom:1;} .sub0104-ul1:after{content:""; display:block; clear:both;} .sub0104-ul1 li{font-size: 16px;width: 100%;float: left;position: relative;padding-left: 14px;} .sub0104-ul1 li:after{content:"";width: 4px;height: 4px;background: #b0b0b0;border-radius: 50%;position: absolute;left:0;top:9px;} .sub0104-ul2{*zoom:1;} .sub0104-ul2:after{content:""; display:block; clear:both;} .sub0104-ul2 li{float: left;width: 188px;height: 188px;line-height: 160px;text-align: center;margin-right: 12px;border: 14px solid #000;border-radius: 50%;position: relative;font-size: 26px;} .sub0104-ul2 li:after{content:"";position: absolute;width: 58px;height: 1px;left:50%;margin-left: -29px;top:50%;margin-top: 22px;} .sub0104-ul2 li:last-child{margin-right: 0;} .sub0104-ul2 li.n01{border-color: #90b2d6;color:#4d7aa9;} .sub0104-ul2 li.n01:after{background: #90b2d6;} .sub0104-ul2 li.n02{border-color: #bfce8a;color:#7c8f3a;} .sub0104-ul2 li.n02:after{background: #bfce8a;} .sub0104-ul2 li.n03{border-color: #8cc5b1;color:#439478;} .sub0104-ul2 li.n03:after{background: #8cc5b1;} .sub0104-ul2 li.n04{border-color: #7dbdcd;color: #3d8da1;} .sub0104-ul2 li.n04:after{background: #7dbdcd;} .sub0104-ul2 li.n05{border-color: #b596d2;color: #6b369c;} .sub0104-ul2 li.n05:after{background: #b596d2;} .sub0104-ul2 li.n06{border-color: #ee95a6;color: #c0566a;} .sub0104-ul2 li.n06:after{background: #ee95a6;} .sub0104-ul3{*zoom:1;margin: 0 -10px;} .sub0104-ul3:after{content:""; display:block; clear:both;} .sub0104-ul3>li{width: 33.33%;padding: 10px;float: left;} .sub0104-ul3>li div{background: #f5f5f5;min-height: 235px;} .sub0104-ul3>li p{height: 55px;line-height: 55px;text-align: center;font-size: 20px;color:#fff;} .sub0104-ul3>li ul{padding: 20px;} .sub0104-ul3 li.n01 p{background: #675bd4;} .sub0104-ul3 li.n02 p{background: #a55bd4;} .sub0104-ul3 li.n03 p{background: #d45bb1;} .sub0104-ul3 li.n01 ul li{text-align: center;font-size: 16px;} .sub0104-ul3 li.n02 ul li, .sub0104-ul3 li.n03 ul li{position: relative;padding-left: 12px;font-size: 16px;} .sub0104-ul3 li.n02 ul li:after, .sub0104-ul3 li.n03 ul li:after{content:"";width: 4px;height: 4px;background: #b0b0b0;border-radius: 50%;position: absolute;left:0;top:8px;} .sub0104-ul4{min-height: 300px;position: relative;background: url(/images/contents/con0104_logoL.jpg) 420px center no-repeat;border: 1px solid #f5f5f5;border-left: none;border-right: none;} .sub0104-ul4 li.n01{position: absolute;left:50%;top:120px;margin-left: -485px;} .sub0104-ul4 li.n02{position: absolute;left:50%;top:50px;margin-left: 80px;} .sub0104-ul4 li.n03{position: absolute;left:50%;top:170px;margin-left: 80px;} .sub0104-ul4 li strong{display: block;color:#0800bd;font-size: 18px;margin-bottom: 8px;position: relative;padding-left: 14px;} .sub0104-ul4 li strong:after{content:"";width: 4px;height: 4px;background: #b0b0b0;border-radius: 50%;position: absolute;left:0;top:10px;} .sub0104-ul4 li span{display: block;font-size: 16px;} .introduce-character{background: url(/images/contents/con0104_characterL.jpg) right 10px top 10px no-repeat;padding-top: 140px;position: relative;} .introduce-character:after{content:"";border: 1px solid #e0e0e0;height: 258px;width: 100%;display: block;margin-top: 20px;background: url(/images/contents/con0104_character_all.jpg) center center no-repeat;} .sub0104-content-box p{color:#1341d8;font-size: 24px;} .sub0104-content-box p span{color:#1341d8;font-size: 18px;} .sub-table-list0{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list0 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;} .sub-table-list0 td{border: 1px solid #d9d9d9;height: 60px; font-size: 16px;padding:10px; text-align:!important;} .sub-table-list0 th:first-child, .sub-table-list0 td:first-child{border-left: none;} .sub-table-list0 th:last-child, .sub-table-list0 td:last-child{border-right: none;} .sub-table-list1{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list1 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;} .sub-table-list1 td{border: 1px solid #d9d9d9;height: 60px; text-align:center;font-size: 16px;padding:10px;} .sub-table-list1 th:first-child, .sub-table-list1 td:first-child{border-left: none;} .sub-table-list1 th:last-child, .sub-table-list1 td:last-child{border-right: none;} .sub-table-list2{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list2 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;} .sub-table-list2 td{border: 1px solid #d9d9d9;height: 60px;font-size: 16px;padding: 20px; } .sub-table-list2 tbody th{background: none;font-weight: normal;} .sub-table-list2 th:first-child, .sub-table-list2 td:first-child{border-left: none;} .sub-table-list2 th:last-child, .sub-table-list2 td:last-child{border-right: none;} .sub-table-list4{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list4 th{height: 60px;text-align: center;font-size: 18px;background: #fce9d9;border: 1px solid #d9d9d9;} .sub-table-list4 td{border: 1px solid #d9d9d9;height: 60px;font-size: 16px;padding: 20px; } .sub-table-list4 .bgf9 {background-color:#f9f9f9;} .sub-table-list4 tbody th{background: none;font-weight: normal;} .sub-table-list4 th:first-child, .sub-table-list4 td:first-child{border-left: none;} .sub-table-list4 th:last-child, .sub-table-list4 td:last-child{border-right: none;} .sub-table-list5{border-collapse:collapse;border-top: 2px solid #3d3c3a;width: 100%; word-break:break-all;} .sub-table-list5 th{height: 60px;text-align: center;font-size: 18px;background: #f1f1f1;border: 1px solid #dbdbdb;} .sub-table-list5 td{border: 1px solid #dbdbdb;height: 60px; text-align:center;font-size: 16px;padding:10px;} .sub-table-list5 th:first-child, .sub-table-list1 td:first-child{border-left: none;} .sub-table-list5 th:last-child, .sub-table-list1 td:last-child{border-right: none;} .sub0104-ul5{padding-top: 30px;} .sub0104-ul5 li{min-height:117px;padding-left: 150px;margin-bottom: 40px;} .sub0104-ul5 li div{font-size: 20px;margin-bottom: 10px;font-weight: 700;} .sub0104-ul5 li.n00 div{color:#ffc600;} .sub0104-ul5 li.n01 div{color:#ff6500;} .sub0104-ul5 li.n02 div{color:#29a200;} .sub0104-ul5 li.n03 div{color:#0059ef;} .sub0104-ul5 li.n04 div{color:#630000;} .sub0104-ul5 li.n05 div{color:#8c0052;} .sub0104-ul5 li p{font-size: 16px;} .sub0104-ul5 li.n00{background: url(/images/contents/con0104_logos0.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n01{background: url(/images/contents/con0104_logos1.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n02{background: url(/images/contents/con0104_logos2.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n03{background: url(/images/contents/con0104_logos3.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n04{background: url(/images/contents/con0104_logos4.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n05{background: url(/images/contents/con0104_logos5.jpg) 0px 0 no-repeat;} .sub0104-ul5-etc{margin-top: 20px;border-top: 1px solid #e0e0e0;padding-top: 50px;text-align: center;font-size: 18px;} @media screen and (max-width:1200px){ .sub0104-ul4{background-position: center 30px; padding-top: 230px;height: auto; padding-bottom: 30px;} .sub0104-ul4 li{position: static !important;margin:20px 0 10px !important;} } @media screen and (max-width:1000px){ .sub0104-ul3>li{width:100%;} .sub0104-ul3>li div{min-height: 100px;} .introduce-character{background: url(none); padding-top: 0px; margin: 50px 0px;} } @media screen and (max-width:600px){ .sub0104-ul5 li{padding-left:65px;} .sub0104-ul5 li.n00{background: url(/images/contents/con0104_logos0s.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n01{background: url(/images/contents/con0104_logos1s.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n02{background: url(/images/contents/con0104_logos2s.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n03{background: url(/images/contents/con0104_logos3s.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n04{background: url(/images/contents/con0104_logos4s.jpg) 0px 0 no-repeat;} .sub0104-ul5 li.n05{background: url(/images/contents/con0104_logos5s.jpg) 0px 0 no-repeat;} } /*센터소개 > 시설안내*/ /*센터소개 > 시설견학*/ .expand02_wrap {} .expand02_wrap p{text-align: center; font-size: 18px; color: #000; line-height: 160%; font-weight: 300; padding-bottom: 30px;} .downbtn{margin: 70px 0px; text-align: center;} .downbtn a{display: inline-block;background: #399;font-size: 18px; padding: 23px 80px 23px 45px;color:#fff;border-radius: 40px;font-weight: 500; background: url(/images/contents/expand02_btbg.jpg) right 0px no-repeat; } .expand02-ul2{*zoom:1;margin: 0 -19px;} .expand02-ul2:after{content:""; display:block; clear:both;} .expand02-ul2 li{float: left;width: 25%;padding:0 19px;height: 250px;position: relative;} .expand02-ul2 li:after{content:"";background: url(/images/contents/expand02_next.jpg) 0 0 no-repeat;display: block;position: absolute;right:-15px;top:50%;margin-top: -15px;width: 29px;height: 29px;} .expand02-ul2 li:last-child:after{display: none;} .expand02-ul2 li div{border: 1px solid #e3e3e3; height: 100%; padding: 110px 20px 20px; text-align: center; } .expand02-ul2 li span{font-size: 16px;color:#399;display: block;margin-bottom: 3px;} .expand02-ul2 li strong{font-size: 16px;color:#000;display: block;margin-bottom: 5px;font-weight:400;} .expand02-ul2 li p{font-size: 16px; color:#000; font-weight:400; border-radius:40px; background-color: #FDB500; padding: 10px 15px; margin: 10px;} .expand02-ul2 .icon01 {background: url(/images/contents/expand02_icon01.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand02-ul2 .icon02 {background: url(/images/contents/expand02_icon02.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand02-ul2 .icon03 {background: url(/images/contents/expand02_icon03.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand02-ul2 .icon04 {background: url(/images/contents/expand02_icon04.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand02-ul2 .icon05 {background: url(/images/contents/expand02_icon05.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand02-ul2 .sign {background: url(/images/contents/expand02_sign.jpg) 0px 15px no-repeat; border-bottom: 2px solid #000; padding: 20px 0px 20px; margin: 50px 20px; 0px} .expand02-ul2 .sign span {font-size: 18px; color:#000; margin-left: 60px; } .expand02-ul2 .sign span strong{padding-left: 30px;} @media screen and (max-width:1200px){ .expand02-ul2 li{width: 50%;margin-bottom: 15px;} .expand02-ul2 li:nth-child(3):after{display: none;} } @media screen and (max-width:700px){ .expand02-ul2 li{width: 100%;height: auto;} .expand02-ul2 li:after{display: none;} .expand02-ul2 .sign {margin: 30px 20px; 0px} .expand02-ul2 .sign span {font-size: 17px; letter-spacing: -1px; margin-left:50px; } .expand02-ul2 .sign span strong{padding-left: 15px;} } /*센터소개 > 시설대관*/ /*01탭 시설소개*/ .expand03_wrap p{text-align: center; font-size: 18px; color: #000; line-height: 160%; font-weight: 300;} .expand_gall{*zoom:1;margin: 0 -19px;} .expand_gall:after{content:""; display:block; clear:both;} .expand_gall {border-bottom: 1px solid #eaeaea; margin-bottom:50px; } .expand_gall .left{width: 35%; float:left; padding-bottom: 30px;} .expand_gall .right{width: 50%; float:left;padding-bottom: 30px;} .expand_gall .right h2 {font-size: 24px; padding-top: 30px;} .expand_gall .right ul {padding: 20px 0px; line-height: 200%;} .expand_gall .right ul li {font-size: 16px;} .expand_gall .right ul li span{font-size: 16px; font-weight: 500;} .expand_gall .end {width: 109px; margin: 30px 30px 0px 0px; float: right;} .expand_gall .end .downbtns{margin: 0px 0px; text-align: center; width: 109px; height: 109px; text-align: center; } .expand_gall .end .downbtns a{display: inline-block;background: #399;font-size: 14px; padding-top: 30px; color:#fff; border-radius: 100%; font-weight: 500; background: url(/images/contents/expand03_bt.jpg) 0px 0px no-repeat; height: 109px; width: 109px; } @media screen and (max-width:1000px){ .expand_gall .left{width: 50%; float:left; } .expand_gall .right{width: 50%; float:right; padding-bottom: 0px;} .expand_gall .right ul {padding: 0px 0px; } .expand_gall .end {width:50%; margin: 0px 0px 0px 30px; float: right;} .expand_gall .end .downbtns{margin: 0px 0px; text-align: center; width:70%; height: none; text-align: center; } .expand_gall .end .downbtns a{display: inline-block;background: #399;font-size: 16px; padding: 10px; color:#fff;border-radius:30px; font-weight: 500; background: url(/images/contents/expand02_btbg.jpg) right -15px no-repeat; height:50px; width: 100%; } } @media screen and (max-width:800px){ .expand_gall .left{width: 100%;} .expand_gall .right{width: 100%;padding-bottom:15px;} .expand_gall .right ul {padding: 0px 0px 0px; margin-left: 30px; } .expand_gall .right h2 {padding-top: 15px; margin-left: 30px; } .expand_gall .end {width:100%; margin: 0px 30px; float: right;} .expand_gall .end .downbtns{margin: 0px 30px; text-align: center; width:100%; height: none; } .expand_gall .end .downbtns a{display: inline-block;background: #399;font-size: 16px; padding: 10px; color:#fff;border-radius:30px; font-weight: 500; height:50px; width: 90%; } } /*02탭 대관안내*/ /*03탭 대관신청*/ .expand03-ul2{*zoom:1;margin: 0 -19px;} .expand03-ul2:after{content:""; display:block; clear:both;} .expand03-ul2 li{float: left;width: 33.3333%; padding:0 19px;height: 200px;position: relative;} .expand03-ul2 li:after{content:"";background: url(/images/contents/expand02_next.jpg) 0 0 no-repeat;display: block;position: absolute;right:-15px;top:50%;margin-top: -15px;width: 29px;height: 29px;} .expand03-ul2 li:last-child:after{display: none;} .expand03-ul2 li div{border: 1px solid #e3e3e3; height: 100%; padding: 110px 20px 20px; text-align: center; } .expand03-ul2 li span{font-size: 16px;color:#399;display: block;margin-bottom: 3px;} .expand03-ul2 li strong{font-size: 16px;color:#000;display: block;margin-bottom: 5px;font-weight:400;} .expand03-ul2 .icon01 {background: url(/images/contents/expand02_icon01.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand03-ul2 .icon02 {background: url(/images/contents/expand02_icon02.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand03-ul2 .icon03 {background: url(/images/contents/expand02_icon03.jpg) center 40px no-repeat; background-color: #f7f7f7; } .expand03-ul2 .box50 {width: 50%; float: left; border: 1px solid #f7f7f7; padding: 50px; text-align: left; margin-top: 50px;} .expand03-ul2 .box50 h2.gb{background: url("/images/contents/h2_icon_gb.jpg") 0 2px no-repeat; text-align: left; padding-left:37px; font-weight:600; font-size: 25px; margin-bottom: 30px; } .expand03-ul2 .box50 p{font-size: 16px; text-align: left; padding-bottom: 30px;} .expand03-ul2 .box50 strong{text-align: left; font-size: 16px; } .expand03-ul2 .box50 strong span{color: #399; font-size: 16px; } @media screen and (max-width:1200px){ .expand03-ul2 .box50 {width: 100%; float:none; margin-top: 0px;} } @media screen and (max-width:700px){ .expand03-ul2 li{width: 100%;height: auto;} .expand03-ul2 li:after{display: none;} } /*센터소개 > 오시는길*/ .con0105 {width:100%;} .con0105 .map {min-height:360px; width:100%; margin-bottom:65px;} .con0105 .map .left{width:29%; border:1px solid #d8d8d8; float:left; padding:30px; min-height:332px;} .con0105 .map .left h2 {font-size:24px; color:#000; text-align:left; padding:30px 0px 30px 0px} .con0105 .map .left .icon01 {font-size:18x; line-height:30px; min-height:30px; color:#000; text-align:left; margin-bottom:15px; background-image:url(/images/contents/con0105_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:37px;} .con0105 .map .left .icon02 {font-size:18px; line-height:30px; min-height:30px; color:#000; text-align:left; background-image:url(/images/contents/con0105_icon02.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:37px;} .con0105 .map .left .mapbt {font-size:14px; color:#000; font-weight:300; border:1px solid #000; padding:7px; margin-top:40px; width:115px; text-align:center;} .con0105 .map .right{float:right; width:880px;} /*.con0105 .map .right{background-color:#f9f9f9; float:right; width:68%; text-align:right;} .con0105 .map .right img {vertical-align:top; width:100%;} .con0105 .map .right .rightbox { min-height:33px; text-align:right; border:1px solid #e3e3e3; border-top:none; } .con0105 .map .right span {padding:15px 7px; font-size:14px; line-height:33px; color:#333; } */ .con0105 .map2 {width:100%;} .con0105 .map2 .left {float:left; text-align:left; vertical-align:text-top; width:18%;} .con0105 .map2 .left .bus {background-image:url(/images/contents/con0105_icon03.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left; } .con0105 .map2 .left .bus p {font-size:24px; color:#000; line-height:37px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;} .con0105 .map2 .left .drive {background-image:url(/images/contents/con0105_icon04.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left } .con0105 .map2 .left .drive p {font-size:24px; color:#000; line-height:33px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;} .con0105 .map2 .left .pinfo {background-image:url(/images/contents/con0105_icon05.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left } .con0105 .map2 .left .pinfo p {font-size:24px; color:#000; line-height:27px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;} .con0105 .map2 .right {width:80%; float:right;} .con0105 .map2 .right p {font-size:16px; color:#000; font-weight:500; text-align:left; background-image:url(/images/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px; padding-bottom:5px; } .con0105 .map2 .right ul {margin-left:10px; margin-bottom:30px;} .con0105 .map2 .right ul li{font-size:16px; line-height:160%; color:#666; text-align:left; } .con0105 .map2 .right ul li .tit{color:#000;} .con0105 .map2 .right ul li .comm{font-size:14px; } .con0105 .map2 .map2_info{*zoom:1; } .con0105 .map2 .map2_info:after{content:""; display:block; clear:both;} .con0105 .map2 .map2_info {padding-bottom:60px;} @media screen and (max-width: 1300px){ .con0105 .map .left {width:100%;} .con0105 .map .right {vertical-align:top; width:100%; padding-bottom: 30px;} } @media screen and (max-width: 1000px){ .con0105 .map .left{width:100%; min-height:0;} .con0105 .map .left h2 {padding:0px 0px 30px 0px} .con0105 .map .left .mapbt {margin-top:30px;} .con0105 .map .right {margin-bottom:50px;width:100%; } /*.con0105 .map .right{width:100%; margin-bottom:65px; } .con0105 .map .right img {vertical-align:top; width:100%; min-height:none;} */ .con0105 .map2 .left {float:left; text-align:left; vertical-align:text-top; width:23%;} .con0105 .map2 .right {width:75%; float:right;} } @media screen and (max-width: 590px){ .con0105 .map2 .left {width:100%; margin-bottom:20px;} .con0105 .map2 .right {width:100%; margin-bottom:20px;} } /*생활체육강좌 > 이용안내*/ .graybox .r_text2 {width: 100%; float: left; padding:0px 50px 0px 70px;} .graybox .r_text2 th{width:150px; text-align: left; font-size: 18px; font-weight: 500; vertical-align: top; } .graybox .r_text2 th .busintit1{background: url("/images/contents/business_icon1.jpg") 0 0px no-repeat; padding-left: 40px; line-height: 34px; } .graybox .r_text2 th .busintit2{background: url("/images/contents/business_icon2.jpg") 0 0px no-repeat; padding-left: 40px; line-height: 34px;} .graybox .r_text2 th .busintit3{background: url("/images/contents/business_icon3.jpg") 0 0px no-repeat; padding-left: 40px; line-height: 34px;} .graybox .r_text2 th .busintit4{background: url("/images/contents/business_icon4.jpg") 0 0px no-repeat; padding-left: 40px; line-height: 34px;} .graybox .r_text2 th .busintit5{background: url("/images/contents/business_icon5.jpg") 0 0px no-repeat; padding-left: 40px; line-height: 34px;} .graybox .r_text2 td{text-align: left; font-size: 18px; color: #000; font-weight: 400; padding-bottom: 20px;} .graybox .r_text2 td span{font-size: 14px; color: #cc3333; font-weight: 400; padding-left: 20px; } .graybox .r_text3 {width: 100%; float: left; padding:0px 30px;} .graybox .r_text3 p {font-size: 16px; line-height: 200%; padding-bottom: 40px; font-size: 300; text-align: left;} .whitebox .r_text2 {} .whitebox .r_text2 p {font-size: 18px; line-height: 200%; padding-bottom: 20px; font-size: 300;} .whitebox .r_text2 p strong{font-size: 18px; line-height: 200%; font-weight: 600;} .whitebox .r_text2 h3 {font-size: 16px; line-height: 200%; font-weight: 600;} .whitebox .r_text2 .grbox {width: 100%; background-color:#f7f7f7; padding: 40px 40px 20px 40px; margin-bottom: 40px; text-align: left; font-size: 16px; line-height: 200%; font-size: 300; } @media screen and (max-width: 900px){ .graybox .r_text2 {width: 100%; float: left; padding:0px 30px 0px 30px;} } /*헬스*/ .visual_wrap_health {background: url("/images/contents/business12.jpg") 0 0 no-repeat; min-height: 472px; } /*골프*/ .visual_wrap_golf {background: url("/images/contents/business22.jpg") 0 0 repeat; min-height: 472px; } /*고드림 학교*/ .visual_wrap_school {background: url("/images/contents/school.jpg") center 0 repeat; min-height: 472px; } .visual_wrap_school div {padding-top: 140px; text-align: center;} .visual_wrap_school span{color: #fff; font-size: 30px; text-align: center; } .visual_wrap_school p{color: #fff; font-size: 18px; text-align: center; line-height: 160%; } .w2d_wrap .right ul{} .w2d_wrap .right li{font-size: 18px; font-weight: 300; line-height: 200%; padding-bottom: 5px;} .w2d_wrap .right li strong{font-size: 18px; font-weight: 500; background: url("/images/contents/h3_icon.jpg") 0 5px no-repeat; padding-left: 10px; } .img4d {width: 100%; padding-top: 30px; padding-bottom: 50px;} .img4d img{width: 25%; float: left; padding-right: 10px;} @media screen and (max-width: 900px){ .img4d img{width: 50%; float: left; padding-right: 10px; padding-bottom: 10px;} } @media screen and (max-width: 700px){ .visual_wrap_school div {text-align: center; padding: 100px 30px 0px;} .visual_wrap_school span{font-size: 24px;} .visual_wrap_school p{font-size: 16px;} } /*본문 .con0104 {width:100%; float:right;} .con0104 .map {width:100%; border:1px solid #d8d8d8; text-align:center; margin-bottom:40px; padding:50px; } .con0104 .map img{width:545px;} .con0104 .img {width:23%; margin-right:2%; margin-bottom:2%; float:left; border:1px solid #d8d8d8;} .con0104 .img img{width:100%;} .con0104 .img p {text-align:center; font-size:14px; color:#333; margin:20px 0px; } @media screen and (max-width: 1000px){ .con0104 {width:100%; } .con0104 .map img{width:100%;} .con0104 .img {width:48%; margin-right:2%; } } @media screen and (max-width: 590px){ .con0104 .img {width:100%; } } /*준비중입니//////////////////////////////////////////////////////////////////////////// .comm {width:100%; *zoom:1; } .comm:after{content:""; display:block; clear:both;} .comm { background-color:#f9f9f9; border: 1px solid #d7d7d7; } .comm h1 {padding: 100px 0px 30px 0px; font-size: 50px; color: #136B5F; text-align: center; font-weight:300;} .comm h1 strong {color: #f88a2b;} .comm img {width: 100%;} @media screen and (max-width: 800px){ .comm h1 {padding: 50px 0px 10px 0px; font-size: 30px;} } /*인사말//////////////////////////////////////////////////////////////////////////// .greeting{width:100%; *zoom:1; } .greeting:after{content:""; display:block; clear:both;} .greeting {background-image:url(/images/contents/greeting_bg.gif); border: 1px solid #d7d7d7; padding:100px 60px; } .greeting .title {text-align: center;} .greeting .title h2 {font-size: 36px; line-height: 140%; color: #000; font-weight:300;} .greeting .title h3 {font-size: 36px; line-height: 140%; color: #000; font-weight:300; padding-bottom: 20px; } .greeting .title h3 span{background-image:url(/images/contents/text_bg_y.gif); background-repeat:repeat-x; background-position:0px 10px;} .greeting .title h2 span{background-image:url(/images/contents/text_bg_b.gif); background-repeat:repeat-x; background-position:0px 10px;} .greeting .title h2 span strong {font-weight: 600;} .greeting .title h3 span strong {font-weight: 600;} .greeting .imgbox {padding: 10px 0px;} .greeting .imgbox img {width: 25%; padding:10px 1px 50px 0px; float: left;} .greeting .textbox p {font-size: 18px; line-height: 160%; color: #000; padding-bottom:30px; text-align: center; font-weight:300;} @media screen and (max-width: 600px){ .greeting {background-image:url(/images/contents/greeting_bg_m.gif);} .greeting .imgbox{padding:10px 0px; } .greeting .imgbox img {width: 50%; padding:1px; float: left;} .greeting .textbox {padding-top: 20px;} .greeting .textbox p {font-size: 16px; padding-bottom:60px; padding-top:20px; } } /*미션비전//////////////////////////////////////////////////////////////////////////// .m_vision{width:100%; *zoom:1; } .m_vision:after{content:""; display:block; clear:both;} .m_vision h2 {text-align:center; font-size: 30px; font-weight: 300; padding-top: 30px; background: url(/images/contents/bar_black.jpg) center 0px no-repeat; } .m_vision h2 strong {font-weight: 700;} .m_vision h2 span {font-weight: 700; color: #396;} .circle_box1 {width: 100%; *zoom:1; } .circle_box1:after{content:""; display:block; clear:both;} .circle_box1 p {text-align: center; font-size:30px; color: #000; } .circle_box1 span{text-align: center; font-size:18px; color: #999;} .circle_box1 .icon01 {background: url(/images/contents/vision_icon01.jpg) center 40px no-repeat; border: 20px solid #e6e6e6; border-radius: 140px; width: 23%; height: 280px; text-align: center; margin-right: 20px; float: left; } .circle_box1 .icon01 p{font-size: 30px; color: #000; font-weight: 300; padding-top: 110px;} .circle_box1 .icon01 span{font-size: 18px; color: #999; font-weight: 600;} .circle_box1 .icon02 {background: url(/images/contents/vision_icon02.jpg) center 40px no-repeat; border: 20px solid #e6e6e6; border-radius: 140px; width: 23%; height: 280px; text-align: center; margin-right: 20px; float: left;} .circle_box1 .icon02 p{font-size: 30px; color: #000; font-weight: 300; padding-top: 110px;} .circle_box1 .icon02 span{font-size: 18px; color: #999; font-weight: 600;} .circle_box1 .icon03 {background: url(/images/contents/vision_icon03.jpg) center 40px no-repeat; border: 20px solid #e6e6e6; border-radius: 140px; width: 23%; height: 280px; text-align: center; margin-right: 20px; float: left;} .circle_box1 .icon03 p{font-size: 30px; color: #000; font-weight: 300; padding-top: 110px;} .circle_box1 .icon03 span{font-size: 18px; color: #999; font-weight: 600;} .circle_box1 .icon04 {background: url(/images/contents/vision_icon04.jpg) center 40px no-repeat; border: 20px solid #e6e6e6; border-radius: 140px; width: 23%; height: 280px; text-align: center; float: left;} .circle_box1 .icon04 p{font-size: 30px; color: #000; font-weight: 300; padding-top: 110px;} .circle_box1 .icon04 span{font-size: 18px; color: #999; font-weight: 600;} @media all and (max-width:800px){ .circle_box1 .icon01 {border: 20px solid #e6e6e6; width: 45%; margin:5px 5px; background: url(/images/contents/vision_icon01.jpg) center 40px no-repeat; } .circle_box1 .icon01 p{padding-top: 110px;} .circle_box1 .icon02 {border: 20px solid #e6e6e6; width: 45%; margin:5px 5px; background: url(/images/contents/vision_icon02.jpg) center 40px no-repeat; } .circle_box1 .icon02 p{padding-top: 110px;} .circle_box1 .icon03 {border: 20px solid #e6e6e6; width: 45%; margin:5px 5px; background: url(/images/contents/vision_icon03.jpg) center 40px no-repeat; } .circle_box1 .icon03 p{padding-top: 110px;} .circle_box1 .icon04 {border: 20px solid #e6e6e6; width: 45%; margin:5px 5px; background: url(/images/contents/vision_icon04.jpg) center 40px no-repeat; } .circle_box1 .icon04 p{padding-top: 110px;} } .circle_box2 {background-image:url(/images/contents/vision_bg.gif); background-repeat:no-repeat; background-position: center; padding: 80px 0px 130px;} .circle_box2 p {text-align: center; font-size: 36px; font-weight: 300; padding: 20px 0px;} .circle_box2 p .bor{background-image:url(/images/contents/borderbottom1line.jpg); background-repeat:repeat-x; } .circle_box2 p .ora{color: #ff8100; font-weight: 600;} .circle_box2 p .gre{color: #08a065; font-weight: 600;} .circle_box3 {width: 850px; margin: auto;} .circle_box3 .icon01 {background-image:url(/images/contents/kewword_01.jpg); width: 270px; height: 271px; text-align: center; margin-right: 20px; float: left; } .circle_box3 .icon01 p{font-size: 30px; color: #fff; font-weight: 600; padding-top: 85px; } .circle_box3 .icon01 span{font-size: 30px; color: #fff; font-weight: 200;} .circle_box3 .icon02 {background-image:url(/images/contents/kewword_02.jpg); width: 270px; height: 271px; text-align: center; margin-right: 20px; float: left;} .circle_box3 .icon02 p{font-size: 30px; color: #fff; font-weight: 600; padding-top: 85px;} .circle_box3 .icon02 span{font-size: 30px; color: #fff; font-weight: 200;} .circle_box3 .icon03 {background-image:url(/images/contents/kewword_03.jpg); width: 270px; height: 271px; text-align: center; float: left;} .circle_box3 .icon03 p{font-size: 30px; color: #fff; font-weight: 600; padding-top: 85px;} .circle_box3 .icon03 span{font-size: 30px; color: #fff; font-weight: 200;} .ml130 {margin-left: 172px;} @media all and (max-width:900px){ .circle_box3 {width: 270px; margin: auto;} .circle_box3 .icon01 {width: 270px; height: 271px; margin-right:0px; margin-bottom: 10px; float: none; } .circle_box3 .icon02 {width: 270px; height: 271px; margin-right:0px; margin-bottom: 10px; float: none; } .circle_box3 .icon03 {width: 270px; height: 271px; margin-right:0px; margin-bottom: 10px; float: none; } } /*introduce 법인소개//////////////////////////////////////////////////////////////////////////// .introduce_box{background: url(/images/contents/introduce_img01.jpg) left 0px no-repeat; } .introduce_box{width:100%; *zoom:1; } .introduce_box:after{content:""; display:block; clear:both;} .introduce_box .title {width: 500px; float: right; height: 290px;} .introduce_box .title h1 {font-size: 40px; color: #333; font-weight: 200; line-height: 130%; text-align:left; letter-spacing: -2px; padding:60px 15px 0px; background: url(/images/contents/ddd_icon.jpg) 20px 20px no-repeat; } .introduce_box .title h1 strong {font-weight: 600;} .introduce_box .title h1 .gr {color: #15ae79; font-weight: 600;} .introduce_box .title h1 .or {color: #ff9600; font-weight: 600;} .introduce_box .title h2 {color: #999; font-size: 24px; line-height: 120%; font-weight: 300; padding: 20px 0px 0px 20px; } .introduce_box .greenbox {width: 773px; float: right; background: url(/images/contents/introduce_img02.jpg) right bottom no-repeat; background-color: #339966; padding: 50px; } .introduce_box .greenbox p {font-size: 18px; line-height: 160%; padding-bottom: 20px; color: #fff; font-weight: 200;} @media all and (max-width:1200px){ .introduce_box{background: url(/images/contents/introduce_img01s.jpg) left 0px no-repeat; } } @media all and (max-width:1000px){ .introduce_box{background: url() left 0px no-repeat; } .introduce_box .greenbox {width:100%; } .introduce_box .title {width: 100%; float:left; height: none;} .introduce_box .title h1 {padding:60px 15px 0px 30px; } } .introduce_box2{width:100%; *zoom:1; margin-top: 50px; } .introduce_box2:after{content:""; display:block; clear:both;} .introduce_box2 h2 {text-align: left; font-size: 24px; color: #333; font-weight: 700; padding-bottom: 30px;} .linebox {border: 1px solid #e4e4e4; padding: 60px; background: url(/images/contents/introduce_img03.jpg) center 100px no-repeat; min-height: 600px; } .linebox .left {float: left; width: 50%; } .linebox .right {float: right; width: 50%; } .linebox .left .lt {text-align: right; width: 60%; float: left; vertical-align: top;} .linebox .left .lt h3 {font-size: 24px; padding-bottom:20px; color: #390;} .linebox .left .lt p {font-size: 18px; color: #666; line-height: 130%;} .linebox .left .lb {text-align: right; width: 60%; float: left; padding-top: 200px;} .linebox .left .lb h3 {font-size: 24px; padding-bottom:20px; color: #33bfbe;} .linebox .left .lb p {font-size: 18px; color: #666; line-height: 130%;} .linebox .right .rt {text-align: left; width: 60%; float:right; vertical-align: top;} .linebox .right .rt h3 {font-size: 24px; padding-bottom:20px; color: #2a81bd;} .linebox .right .rt p {font-size: 18px; color: #666; line-height: 130%;} .linebox .right .rb {text-align: left; width: 60%; float:right; padding-top: 200px;} .linebox .right .rb h3 {font-size: 24px; padding-bottom:20px; color: #390;} .linebox .right .rb p {font-size: 18px; color: #666; line-height: 130%;} @media all and (max-width:1200px){ .linebox {background: url(/images/contents/introduce_img03.jpg) center 200px no-repeat; min-height: 800px; } .linebox .left .lt {width: 80%; float: left;} .linebox .left .lb {width: 80%; float: left; padding-top: 450px;} .linebox .right .rt {width: 80%; float:right;} .linebox .right .rb {width: 80%; float:right; padding-top:450px;} } @media all and (max-width:1000px){ .linebox {padding: 60px; background: url(/images/contents/introduce_img03s.jpg) center 25px no-repeat; min-height:850px; } .linebox .left {float: left; width: 100%; } .linebox .right {float: right; width: 100%; } .linebox .left .lt {text-align: left; width:100%; float: left; padding-top: 290px;} .linebox .left .lt h3 {font-size: 22px; padding-bottom:10px; } .linebox .left .lt p {font-size: 16px; padding-bottom: 20px;} .linebox .left .lb {text-align: left; width: 100%; float: left; padding-top: 0px;} .linebox .left .lb h3 {font-size: 22px; padding-bottom:10px; } .linebox .left .lb p {font-size: 16px; padding-bottom: 20px;} .linebox .right .rt {text-align: left; width: 100%; float:left; } .linebox .right .rt h3 {font-size: 22px; padding-bottom:10px; } .linebox .right .rt p {font-size: 16px; padding-bottom: 20px;} .linebox .right .rb {text-align: left; width: 100%; float:left; padding-top: 0px;} .linebox .right .rb h3 {font-size: 22px; padding-bottom:10px; } .linebox .right .rb p {font-size: 16px; padding-bottom: 20px;} } @media all and (max-width:600px){ .linebox {padding: 30px; min-height:900px; } .linebox .left .lt {padding-top: 320px;} } /*partner .partner{width:100%; *zoom:1; } .partner:after{content:""; display:block; clear:both;} .partner p {font-size: 18px; line-height: 160%; color: #333; text-align: center; padding-bottom:30px; } .partner .logo_wrap {margin-top: 50px;} .partner .logo_wrap .logo_l{width: 33%; float: left; } .partner .logo_wrap .logo_l img {text-align: center; padding-top: 120px} .partner .logo_wrap .logo_c{width: 34%; float: left; } .partner .logo_wrap .logo_c img {text-align: center; padding-top:none;} .partner .logo_wrap .logo_c .logo_cc {width: 300px; min-height: 300px; background-color: #f3f4e4; border-radius: 50%;} .partner .logo_wrap .logo_r{width: 33%; float: left; } .partner .logo_wrap .logo_r img {text-align: center; padding-top: 120px} @media all and (max-width:1000px){ .partner .logo_wrap .logo_l img {padding-top: 80px; width: 80%;} .partner .logo_wrap .logo_c img {padding-top:none; width: 80%;} .partner .logo_wrap .logo_c .logo_cc {width: 250px; min-height: 250px; } .partner .logo_wrap .logo_r img {padding-top: 80px; width: 80%;} } @media all and (max-width:700px){ .partner .logo_wrap .logo_l img {padding-top: 50px; width: 70%; } .partner .logo_wrap .logo_c img {padding-top:none; } .partner .logo_wrap .logo_c .logo_cc {width: 150px; min-height:150px; } .partner .logo_wrap .logo_r img {padding-top: 50px; width: 70%; } }*/ /*******************************/ /*//////////////////1 기관소개 > 오시는 길///////////////// .con0105 {width:100%;} .con0105 .map {min-height:433px; width:100%; margin-bottom:65px;} .con0105 .map .right{float:right; width:100%;} .mapbox {border:1px solid #e8e8e8; margin-top:40px; *zoom:1;width:100%; } .mapbox:after {content:""; display:block; clear:both;} .mapbox .add h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;} .mapbox .add p {font-size:16px; color:#000; text-align:left; margin-left:110px;} .mapbox .add { width:50%; float:left; border-bottom:1px solid #e8e8e8; min-height:170px; padding:30px;background-image:url("/images/contents/con0104_icon01.jpg"); background-repeat:no-repeat; background-position:30px 30px; } .mapbox .tel h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;} .mapbox .tel li {font-size:16px; color:#676767; text-align:left; margin-left:110px; padding-left:10px; background-image:url(/images/contents/liicon_02.jpg); background-repeat:no-repeat; background-position:0px 2px; } .mapbox .tel { width:50%; float:left; border-bottom:1px solid #e8e8e8; min-height:170px; padding:30px;background-image:url(/images/contents/con0104_icon02.jpg); background-repeat:no-repeat; background-position:30px 30px; } .mapbox .info h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;} .mapbox .info li {font-size:16px; text-align:left; margin-left:110px; padding-left:10px; padding-bottom:40px; line-height:180%; background-image:url(/nimg/liicon_04.jpg); background-repeat:no-repeat; background-position:0px 2px; } .mapbox .info li strong {color:#000;} .mapbox .info { width:100%; float:left; border-bottom:1px solid #e8e8e8; min-height:170px; padding:30px;background-image:url(/images/contents/con0104_icon03.jpg); background-repeat:no-repeat; background-position:30px 30px; } .mapbox .car h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;} .mapbox .car li {font-size:16px; text-align:left; margin-left:110px; padding-left:10px; padding-bottom:40px; line-height:180%; background-image:url(/nimg/liicon_04.jpg); background-repeat:no-repeat; background-position:0px 2px; } .mapbox .car li strong {color:#000;} .mapbox .car { width:100%; float:left; padding:30px;background-image:url(/images/contents/con0104_icon04.jpg); background-repeat:no-repeat; background-position:30px 30px; } @media screen and (max-width: 1400px){ .con0105 .map .right{width:100%;} .mapbox .add {min-height:220px;} .mapbox .tel {min-height:220px;} .mapbox .car {min-height:220px;} .mapbox .info {min-height:220px;} } @media screen and (max-width: 900px){ .mapbox .add { width:100%; float:none; min-height:100px;} .mapbox .tel { width:100%; float:none; min-height:100px; } .mapbox .car { width:100%; float:none; min-height:100px; } .mapbox .info { width:100%; float:none; min-height:100px; } } @media screen and (max-width: 590px){ .mapbox .add {background-image:url(/images/contents/con0104_icon01s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } .mapbox .add h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; } .mapbox .add p {margin-left:0px;} .mapbox .tel {background-image:url(/images/contents/con0104_icon02s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } .mapbox .tel h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; } .mapbox .tel li {margin-left:0px; } .mapbox .info {background-image:url(/images/contents/con0104_icon03s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } .mapbox .info h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; } .mapbox .info li {margin-left:0px;} .mapbox .car {background-image:url(/images/contents/con0104_icon04s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } .mapbox .car h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; } .mapbox .car li {margin-left:0px;} } /*기관소개 조직도////////////////// .imgbox_line {border: 1px solid #e9e9e9; text-align: center;} /*표 style*/ .p_summery_t {text-align:right; font-size:11px; color:#666; line-height:160%;} .p_summery_b {text-align:left; font-size:11px; color:#666; line-height:160%; padding-top:8px;} /*표2 style*/ /*right정렬*/ .p_nomal1 th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; height:42px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal1 td {font-size:16px; border-bottom:#dbdcdd 1px solid; padding:5px 5px 5px 10px; line-height:180%; color:#666; text-align:right; } .p_nomal1_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; } .p_nomal1_liner {border-right:#dbdcdd 1px solid; } .p_nomal1_lineeng {border-right:#dbdcdd 1px solid; } .p_nomal1 .thbg {border-bottom:#dbdcdd 1px solid; vertical-align:middle; height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal1 .tdbg_cen {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:center} .p_nomal1 .tdbg_rig {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:right;} .p_nomal1 .tdbg_lef {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:left;} .p_nomal1 .mintth {background-color:#d5e9e3;} .p_nomal1 .minttd {background-color:#eff7f7;} .p_nomal1 .mint {color:#3397a0;} .p_nomal1 .mint01 {background-color:#f9fcfc;} .p_nomal1 .mint02 {background-color:#f0f7f7;text-align:center; } .p_nomal1 .point {color:#5498c0;} /*표2 style*/ /*left정렬*/ .p_nomal2 th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; height:42px; font-size:20px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal2 td {font-size:18px; border-bottom:#dbdcdd 1px solid; padding:20px 20px 20px 25px; line-height:180%; color:#666; } .p_nomal2_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; } .p_nomal2_liner {border-right:#dbdcdd 1px solid; } .p_nomal2_lineeng {border-right:#dbdcdd 1px solid; } .p_nomal2 .tdbg {background-color:#f8f8f8; color:#252525; font-weight:700;} .p_nomal2 .topline {border-top:#3d3c3a 2px solid; } .p_nomal2 .catholic_pbg {background-image:url(/images/common/catholic_pbg.jpg); background-repeat:repeat; font-weight:500;} /*표3 style*/ /*center정렬*/ .p_nomal3 .topline {border-top:#3d3c3a 2px solid; } .p_nomal3 th {border:#dbdcdd 1px solid; vertical-align:middle; height:42px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal3 th:first-child, .p_nomal_basic th:first-child{border-left: none;} .p_nomal3 th:last-child, .p_nomal_basic th:last-child{border-right: none;} .p_nomal3 td {font-size:14px; border:#dbdcdd 1px solid; padding:5px 5px 5px 10px; line-height:180%; color:#666; } .p_nomal3 td:first-child, .p_nomal_basic th:first-child{border-left: none;} .p_nomal3 td:last-child, .p_nomal_basic th:last-child{border-right: none;} .p_nomal3 .al_center {text-align: center;} .p_nomal3 .al_right {text-align: right;} .p_nomal3_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; } .p_nomal3_liner {border-right:#dbdcdd 1px solid; } .p_nomal3 .tdbg {background-color:#f8f8f8; color:#252525;} .p_nomal3 .thbg {font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal3 .tdbg2 {background-color:#f8f8f8; color:#252525;} .p_nomal3 .thbg2 {font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal3 .mintth {background-color:#d5e9e3;} .p_nomal3 .minttd {background-color:#eff7f7;} .p_nomal3 .mint {color:#3397a0;} .p_nomal3 .mint01 {background-color:#f9fcfc;} .p_nomal3 .mint02 {background-color:#f0f7f7;} .p_nomal3 .mint03 {background-color:#e5f2f2;} .p_nomal3 .mint04 {background-color:#daecec;} .p_nomal3 .mint05 {background-color:#cae4e4;} .p_nomal3 .point {color:#5498c0;} /*표 style 정렬*/ .p_namal_left {padding-left:20px;text-align:left; } .p_namal_right {padding-right:20px;text-align:right; } .p_namal_center {text-align:center;} /*표 style*/ .p_nomal_basic th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; padding: 20px 0px; font-size:14px; color:#252525; font-weight:500; background-color:#f1f1f1; text-align:center;} .p_nomal_basic th:first-child, .p_nomal_basic th:first-child{border-left: none;} .p_nomal_basic th:last-child, .p_nomal_basic th:last-child{border-right: none;} .p_nomal_basic td {font-size:14px; border:#dbdcdd 1px solid; padding:10px 10px; line-height:180%; color:#666; text-align:center;} .p_nomal_basic td:first-child, .p_nomal_basic td:first-child{border-left: none;} .p_nomal_basic td:last-child, .p_nomal_basic td:last-child{border-right: none;} .p_nomal_basic td li {font-size:14px; color: #666; text-align: left; padding-left:10px; } .p_nomal_basic td p {font-size:14px; color: #666; background: url("/images/contents/table_li_icon.jpg") 0 5px no-repeat; text-align: left; padding-left:10px; } .p_nomal_basic_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; } .p_nomal_basic_liner {border-right:#dbdcdd 1px solid; } .p_nomal_basic_linel {border-left:#dbdcdd 1px solid; } .p_nomal_basic_lineeng {border-right:#dbdcdd 1px solid; } .p_nomal_basic .thbg {border-bottom:#dbdcdd 1px solid; vertical-align:middle; height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal_basic .tdbg_cen {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:center} .p_nomal_basic .tdbg_rig {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:right;} .p_nomal_basic .tdbg_lef {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:left;} .p_nomal_basic .mintth {background-color:#d5e9e3;} .p_nomal_basic .minttd {background-color:#eff7f7;} .p_nomal_basic .mint {color:#3397a0;} .p_nomal_basic .mint01 {background-color:#f9fcfc;} .p_nomal_basic .mint02 {background-color:#f0f7f7;text-align:center; } .p_nomal_basic .point {color:#5498c0;} .p_nomal_basic span {text-decoration: line-through;} .p_nomal_basic .left {padding-left:20px;text-align:left; } .p_nomal_basic .right {padding-right:20px;text-align:right; } .p_nomal_basic .center {text-align:center;} @media screen and (max-width: 860px) { .p_nomal_basic th {padding: 20px 10px; font-size:14px; } .p_nomal_basic td {padding: 20px 10px; font-size:14px; } } @media screen and (max-width: 590px) { .p_nomal_basic th {padding: 20px 10px; font-size:12px; } .p_nomal_basic td {padding: 20px 10px; font-size:12px; } .p_nomal_basic td li {font-size:12px; } } /*표 style*/ .p_nomal_basicjj2 th {border-top:#3d3c3a 1px solid; vertical-align:middle; padding: 20px 0px; font-size:14px; color:#252525; font-weight:500; background-color:#fff; text-align:center;} .p_nomal_basicjj2 th:first-child, .p_nomal_basicjj th:first-child{border-left: none;} .p_nomal_basicjj2 th:last-child, .p_nomal_basicjj th:last-child{border-right: none;} .p_nomal_basicjj2 td {font-size:14px; border:#dbdcdd 1px solid; padding:10px 10px; line-height:180%; color:#666; } .p_nomal_basicjj2 td:first-child, .p_nomal_basicjj td:first-child{border-left: none;} .p_nomal_basicjj2 td:last-child, .p_nomal_basicjj td:last-child{border-right: none;} .p_nomal_basicjj2 li {background: url("/images/contents/table_li_icon.jpg") 0 7px no-repeat; text-align: left; padding-left:10px; } .p_nomal_basicjj2 .topline22 {border-top:#3d3c3a 2px solid;} .p_nomal_basicjj2 .topline21 {border-top:#3d3c3a 1px solid; } .p_nomal_basicjj2_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; } .p_nomal_basicjj2_liner {border-right:#dbdcdd 1px solid; } .p_nomal_basicjj2_linel {border-left:#dbdcdd 1px solid; } .p_nomal_basicjj2_lineeng {border-right:#dbdcdd 1px solid; } .p_nomal_basicjj2 .thbg {border-bottom:#dbdcdd 1px solid; vertical-align:middle; height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal_basicjj2 .tdbgx_cen {background-color:#fff; color:#666; line-height:120%; text-align:center} .p_nomal_basicjj2 .tdbg_cen {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:center} .p_nomal_basicjj2 .tdbg_rig {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:right;} .p_nomal_basicjj2 .tdbg_lef {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:left;} .p_nomal_basicjj2 .mintth {background-color:#d5e9e3;} .p_nomal_basicjj2 .minttd {background-color:#eff7f7;} .p_nomal_basicjj2 .mint {color:#3397a0;} .p_nomal_basicjj2 .mint01 {background-color:#f9fcfc;} .p_nomal_basicjj2 .mint02 {background-color:#f0f7f7;text-align:center; } .p_nomal_basicjj2 .point {color:#5498c0;} .p_nomal_basicjj2 .strongtit {color:#000; font-weight: 500; text-align: center;} .p_nomal_basicjj2 span {text-decoration: line-through;} .p_nomal_basicjj2 .left {padding-left:20px;text-align:left; } .p_nomal_basicjj2 .right {padding-right:20px;text-align:right; } .p_nomal_basicjj2 .center {text-align:center;} @media screen and (max-width: 860px) { .p_nomal_basicjj2 th {padding: 20px 10px; font-size:14px; } .p_nomal_basicjj2 td {padding: 20px 10px; font-size:14px; } } @media screen and (max-width: 590px) { .p_nomal_basicjj2 th {padding: 20px 10px; font-size:12px; } .p_nomal_basicjj2 td {padding: 20px 10px; font-size:12px; } } /*표 style*/ .p_nomal_basicjj th {border:#dbdcdd 1px solid; vertical-align:middle; padding: 20px 0px; font-size:14px; color:#252525; font-weight:500; background-color:#fff; text-align:center;} .p_nomal_basicjj th:first-child, .p_nomal_basicjj th:first-child{border-left: none;} .p_nomal_basicjj th:last-child, .p_nomal_basicjj th:last-child{border-right: none;} .p_nomal_basicjj td {font-size:14px; border:#dbdcdd 1px solid; padding:10px 10px; line-height:180%; color:#666; } .p_nomal_basicjj td:first-child, .p_nomal_basicjj td:first-child{border-left: none;} .p_nomal_basicjj td:last-child, .p_nomal_basicjj td:last-child{border-right: none;} .p_nomal_basicjj li {background: url("/images/contents/table_li_icon.jpg") 0 7px no-repeat; text-align: left; padding-left:10px; } .p_nomal_basicjj .topline22 {border-top:#3d3c3a 2px solid;} .p_nomal_basicjj .topline21 {border-top:#3d3c3a 1px solid; } .p_nomal_basicjj_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; } .p_nomal_basicjj_liner {border-right:#dbdcdd 1px solid; } .p_nomal_basicjj_linel {border-left:#dbdcdd 1px solid; } .p_nomal_basicjj_lineeng {border-right:#dbdcdd 1px solid; } .p_nomal_basicjj .thbg {border-bottom:#dbdcdd 1px solid; vertical-align:middle; height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal_basicjj .tdbgx_cen {background-color:#fff; color:#666; line-height:120%; text-align:center} .p_nomal_basicjj .tdbg_cen {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:center} .p_nomal_basicjj .tdbg_rig {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:right;} .p_nomal_basicjj .tdbg_lef {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:left;} .p_nomal_basicjj .mintth {background-color:#d5e9e3;} .p_nomal_basicjj .minttd {background-color:#eff7f7;} .p_nomal_basicjj .mint {color:#3397a0;} .p_nomal_basicjj .mint01 {background-color:#f9fcfc;} .p_nomal_basicjj .mint02 {background-color:#f0f7f7;text-align:center; } .p_nomal_basicjj .point {color:#5498c0;} .p_nomal_basicjj .strongtit {color:#000; font-weight: 500; text-align: center;} .p_nomal_basicjj span {text-decoration: line-through;} .p_nomal_basicjj .left {padding-left:20px;text-align:left; } .p_nomal_basicjj .right {padding-right:20px;text-align:right; } .p_nomal_basicjj .center {text-align:center;} @media screen and (max-width: 860px) { .p_nomal_basicjj th {padding: 20px 10px; font-size:14px; } .p_nomal_basicjj td {padding: 20px 10px; font-size:14px; } } @media screen and (max-width: 590px) { .p_nomal_basicjj th {padding: 20px 10px; font-size:12px; } .p_nomal_basicjj td {padding: 20px 10px; font-size:12px; } } /*표 style 컬러게시판*/ .p_nomal_basic_n {border-top:#004a25 2px solid; } .p_nomal_basic_n th {border-bottom:#e9e9e9 1px solid; background-color: #396; vertical-align:middle; padding: 15px 0px; font-size:16px; color:#FFF; font-weight:bold; text-align:center;} .p_nomal_basic_n th:first-child, .p_nomal_basic_n th:first-child{border-left: none;} .p_nomal_basic_n th:last-child, .p_nomal_basic_n th:last-child{border-right: none;} .p_nomal_basic_n td {font-size:16px; border:#e9e9e9 1px solid; padding:20px; line-height:180%; color:#000; text-align: center;} .p_nomal_basic_n td:first-child, .p_nomal_basic_n td:first-child{border-left: none;} .p_nomal_basic_n td:last-child, .p_nomal_basic_n td:last-child{border-right: none;} .p_nomal_basic_n td li{background: url(/images/contents/doticon_b.jpg) 0px center no-repeat; padding-left: 12px; text-align: left;} .p_nomal_basic_n .bg_gray {background-color: #fbfbfb;} .p_nomal_basic_n .bg_green {background: url(/images/contents/linebg.jpg) 0px 0px repeat; } .p_nomal_basic_n .text_black {color: #000000; font-weight: 500} .p_nomal_basic_n_line {border-left:#e9e9e9 1px solid; border-right:#e9e9e9 1px solid; } .p_nomal_basic_n_liner {border-right:#e9e9e9 1px solid; } .p_nomal_basic_n_linet{border-top:#e9e9e9 1px solid; } .p_nomal_basic_n_lineeng {border-right:#e9e9e9 1px solid; } .p_nomal_basic_n .thbg {border-bottom:#e9e9e9 1px solid; vertical-align:middle; height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;} .p_nomal_basic_n .tdbg_cen {background-color:#f9f9f9; color:#000; line-height:120%; text-align:center} .p_nomal_basic_n .tdbg_rig {background-color:#f9f9f9; color:#000; line-height:120%; text-align:right;} .p_nomal_basic_n .tdbg_lef {background-color:#f9f9f9; color:#000; line-height:120%; text-align:left;} .p_nomal_basic_n .left {padding-left:20px;text-align:left; } .p_nomal_basic_n .right {padding-right:20px;text-align:right; } .p_nomal_basic_n .center {text-align:center;} .p_nomal_basic_nleft th {border-bottom:#e9e9e9 1px solid; background-color: #396; vertical-align:middle; padding: 15px 0px; font-size:16px; color:#FFF; font-weight:bold; text-align:center;} .p_nomal_basic_nleft th:first-child, .p_nomal_basic_n th:first-child{border-left: none;} .p_nomal_basic_nleft th:last-child, .p_nomal_basic_n th:last-child{border-right: none;} .p_nomal_basic_nleft td {font-size:16px; border:#e9e9e9 1px solid; padding:20px; line-height:180%; color:#000; text-align: center;} .p_nomal_basic_nleft td:first-child, .p_nomal_basic_n td:first-child{border-left: none;} .p_nomal_basic_nleft td:last-child, .p_nomal_basic_n td:last-child{border-right: none;} .p_nomal_basic_nleft td p{text-align: left; color: #1A71D9;} .p_nomal_basic_nleft td li{background: url(/img_page/doticon_b.jpg) 0px center no-repeat; padding-left: 12px; text-align: left;} @media screen and (max-width: 860px) { .p_nomal_basic_n th {padding: 20px 10px; font-size:14px; } .p_nomal_basic_n td {padding: 20px 10px; font-size:14px; } .p_nomal_basic_nleft th {padding: 20px 10px; font-size:14px; } .p_nomal_basic_nleft td {padding: 20px 10px; font-size:14px; } } @media screen and (max-width: 590px) { .p_nomal_basic_n th {padding: 10px 5px; } .p_nomal_basic_n td {padding: 10px 5px; } .p_nomal_basic_nleft th {padding: 10px 5px;} .p_nomal_basic_nleft td {padding: 10px 5px;} } /* .imgbox_pro{*zoom:1; width: 100%;} .imgbox_pro:after{content:""; display:block; clear:both;} .imgbox_pro img{width: 32%; float: left; padding:0px 1px 1px 0px;} @media screen and (max-width: 700px){ .imgbox_pro img{width: 100%;} } /* .a_counseling_img4 {*zoom:1; width: 100%;} .a_counseling_img4:after{content:""; display:block; clear:both;} .a_counseling_img4 img{width: 25%; float: left; border-top-right-radius: 50px; padding:0px 1px 1px 0px;} @media screen and (max-width: 900px){ .a_counseling_img4 img{width: 50%;} } /*공간예약 .sub-title-box10 {font-size: 24px; color: #000; font-weight: 600; padding-bottom: 20px;} .sub-title-box102{font-size: 24px; color: #000; font-weight: 600; padding-bottom: 20px; *zoom:1; width: 100%; float: left} .sub-title-box102:after{content:""; display:block; clear:both;} .con0401{width:100%;} .con0401 .top {width:100%; background-image:url(/images/contents/con0401_icon01.jpg); background-repeat:no-repeat; background-position:right 20px;} .con0401 .top2 {width:100%; background-image:url(/images/contents/con0401_icon02.jpg); background-repeat:no-repeat; background-position:right 20px; } .con0401 h2 {font-size:24px; color:#333; text-align:left; margin-bottom:20px; background-image:url(/images/contents/icon_wtit.jpg); background-repeat:no-repeat; background-position:left 5px; padding-left: 40px;} .con0401 h2 span {font-size:16px; font-weight:500; color:#333; text-align:left;} .con0401 h3 {font-size:18px; color:#396; text-align:left; padding-bottom:10px;} .con0401 p {font-size:16px; color:#666; text-align:left; padding-bottom:10px;} .con0401 .time {font-size:16px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/images/contents/con0201_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:30px; margin-bottom:20px;} .con0401 li {font-size:16px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/images/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px;} .con0401 li strong{font-size:16px; color:#000; font-weight: 500;} .con0401 .w50p {width: 50%; float: left;} .con0401 .w50p li {font-size:16px; } .con0401 .graybox {width:100%; background-color:#f5f5f5; padding:35px; margin:30px 0px 50px 0px;} .con0401 .graybox p {font-size:14px; color:#000; } .con0401 .graybox li {background-image:url(none); } .con0401 .bluebox {width:100%; background-color:#e4f0f8; padding:35px; margin:25px 0px 50px 0px;} .con0401 .bluebox p {font-size:14px; color:#000; } .con0401 .redpoint {color: #D90003;} .con0401 .w100p {width: 100%; *zoom:1;} .con0401 .w100p:after{content:""; display:block; clear:both;} .con0401 .w100p .telbox { } .con0401 .w100p .telbox p {font-size: 18px; font-weight: 400; padding-left:45px; color:#096; background: url(/images/contents/con0201_icon02.jpg) 15px 0 no-repeat; } .con0401 .pclassbox {width: 100%; text-align: left; padding: 20px 0px 30px;} .con0401 .pclassbox p {font-size: 13px; color: #000; line-height: 120%; } @media screen and (max-width: 590px){ .con0401 .top {background-image:url(none);} .con0401 .top2 {background-image:url(none);} .con0401 .w50p {width: 100%; float: none;} } .sub0107-ul2{*zoom:1;margin: 0 -19px;} .sub0107-ul2:after{content:""; display:block; clear:both;} .sub0107-ul2 li{float: left;width: 20%; padding:0 19px 20px; height: 190px;position: relative;} .sub0107-ul2 li:after{content:"";background: url(/images/contents/arrow1.jpg) 0 0 no-repeat;display: block;position: absolute;right:-10px;top:50%;margin-top: -15px;width: 31px;height: 32px;} .sub0107-ul2 li:last-child:after{display: none;} .sub0107-ul2 li div{border: 15px solid #dbe2c3; border-radius: 50%; width: 190px; height: 190px; text-align: center;}/*padding: 18px 20px; .sub0107-ul2 li strong{font-size: 17px;color:#000;display: block;margin-bottom: 5px;} .sub0107-ul2 li img {padding-top: 30px; } /*.sub0107-ul2 li p{font-size: 14px;color:#333;display: block;} .sub0107-ul2 li span{font-size: 24px;color:#ccc;display: block;margin-bottom: 3px;} @media screen and (max-width: 1200px){ .sub0107-ul2 li{height: 150px;} .sub0107-ul2 li div{border: 15px solid #dbe2c3; border-radius: 50%; width: 150px; height: 150px; text-align: center;} .sub0107-ul2 li strong{font-size: 15px;} .sub0107-ul2 li img {padding-top: 10px; } } @media screen and (max-width: 1000px){ .sub0107-ul2 li{width: 30%; height: 190px;} .sub0107-ul2 li:after{right:0px;} .sub0107-ul2 li div{width: 190px; height: 190px; margin-bottom: 10px;} .sub0107-ul2 li img {padding-top: 30px; } } @media screen and (max-width: 800px){ .sub0107-ul2 li{width: 30%; height:150px; } .sub0107-ul2 li:after{right:-15px;top:50%;margin-top: -35px;} .sub0107-ul2 li div{border: 10px solid #dbe2c3; border-radius:50%; width:100%; height:150px; margin-bottom: 0px;} .sub0107-ul2 li img {padding-top: 15px; } } .con0201t2 {width:100%;} .con0201t2 .arrbox {width:100%; text-align:center; padding-bottom:40px;} .con0201t2 .arrbox {*zoom:1; width:100%; margin:0px 0px 0px; float:none;} .con0201t2 .arrbox:after{content:""; display:block; clear:both;} .con0201t2 .arrbox .arr{width:160px; height:125px; float:left; background-image:url(/images/contents/con0201_arr.jpg); background-repeat:no-repeat; background-position:right 42px; margin-right:5px; margin-bottom:10px; } .con0201t2 .arrbox .arr1 {width:125px; height:125px; border-radius:50%; border:10px solid #36c; float:left; text-align:center; padding-top:18px; float:left; } .con0201t2 .arrbox .arr1 span {font-size:18px; color:#36c; border-bottom:1px solid #36c; font-weight:500; line-height:180%; } .con0201t2 .arrbox .arr1 p {font-size:18px; color:#36c; font-weight:500} .con0201t2 .arrbox .arr2 {width:125px; height:125px; border-radius:50%; border:10px solid #1b49a4; float:left; text-align:center; padding-top:18px; float:left; } .con0201t2 .arrbox .arr2 span {font-size:18px; color:#1b49a4; border-bottom:1px solid #1b49a4; font-weight:500} .con0201t2 .arrbox .arr2 p {font-size:18px; color:#1b49a4; font-weight:500} .con0201t2 .tel {font-size:18px; color:#000; text-align:left; padding-bottom:5px; line-height:210%; background-image:url(/images/contents/con0201_icon02.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; margin-bottom:10px;} .con0201t2 .right_bt1{width:170px; float:right; background-color:#1ecf6d; } .con0201t2 .right_bt1 p{font-size:14px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; background-image:url(/images/contents/con0201_bticon01.jpg); background-repeat:no-repeat; background-position:130px 15px;} .con0201t2 .sub-table-list011 td .div20 .right_bt2{width:230px; float:right; background-color:#24a85f; color:#fff; } .con0201t2 .sub-table-list011 td .div20 .right_bt2 p{font-size:14px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; background-image:url(/images/contents/con0201_bticon02.jpg); background-repeat:no-repeat; background-position:190px 10px;} .sub-table-list0 .right_bt2{width:230px; float:left; background-color:#24a85f; color:#fff; } .sub-table-list0 .right_bt2 p{font-size:14px; color:#fff; text-align:left; vertical-align:middle; padding:10px 20px; background-image:url(/images/contents/con0201_bticon02.jpg); background-repeat:no-repeat; background-position:190px 10px;} .sub-table-list011{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list011 td{font-size: 14px;padding:25px 15px 15px; text-align:!important;border-bottom: 1px solid #d8d8d8; } .sub-table-list011 .sub-table-list01 td:first-child{border-left: none;} .sub-table-list011 .sub-table-list01 td:last-child{border-right: none;} .sub-table-list011 td .div60 {width:60%; float:left} .sub-table-list011 td .div20 {width:20%; float:left} .sub-table-list011 td li {line-height:160%; margin-bottom:10px;} .sub-table-list011 td li span {color:#1ecf6d;} .sub-table-list011 td p span{font-size:14px; color:#1ecf6d; border-bottom:1px solid #1ecf6d; font-weight:500; line-height:200%; text-align:left; margin-right:10px;} .sub-table-list011 td p{font-size:18px; color:#1ecf6d; font-weight:500; text-align:left; padding:0px 20px;} .sub-table-list011 .td2 p span{font-size:14px; color:#24a85f; border-bottom:1px solid #24a85f; font-weight:500; line-height:200%; text-align:left; margin-right:10px;} .sub-table-list011 .td2 p{font-size:18px; color:#24a85f; font-weight:500; text-align:left; padding:0px 20px;} @media screen and (max-width: 1100px){ .sub-table-list011 td p{padding:0px 0px 10px;} .sub-table-list011 .td2 p{padding:0px 0px 10px;} .sub-table-list011 td .div60 {width:100%; float:none;} .sub-table-list011 td .div20 {width:100%; float:none;} } /*라운드 아이콘없는 버튼 블루*/ .sub0107-downbtn{margin-top: 50px;text-align: center;} .sub0107-downbtn a{display: inline-block;background: #3399fe;font-size: 18px;padding: 16px 45px;color:#fff;border-radius: 40px;font-weight: 500;} /*직각 아이콘있는 버튼 그린*/ .sub0107-downbtn2 {text-align: center; }/*background: url(/images/contents/bticon_gr.jpg) right 16px no-repeat;*/ .sub0107-downbtn2 a{display: inline-block;font-size: 18px;padding: 16px 50px; color:#fff; font-weight: 500; background: #24a85f; } /* .teliconbox {width: 100%; background-image:url(/images/contents/icon_0702_05b.jpg); background-repeat:no-repeat; background-position:20px; margin-top: 30px; padding: 30px 50px; border: 1px solid #d8d8d8; background-color: #ebf4fd;} .teliconbox .text {margin-left: 80px;} .teliconbox .text p {font-size: 20px; font-weight: 400; padding-top: 10px; color: #0E76E5;} @media screen and (max-width: 590px){ .sub-table-list0_center th{font-size: 12px;} .sub-table-list0_center td{font-size: 12px;} } @media screen and (max-width: 800px){ .sub0107-ul2 li{width: 48%;height: 160px;} } @media screen and (max-width: 590px){ .sub0107-ul2 li{width: 47%;height: 180px;} } /*환불안내 .sub-table-list033{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list033 th{ width:145px; text-align: center;font-size: 16px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;} .sub-table-list033 td{border: 1px solid #d8d8d8;font-size: 14px;padding:15px;} .sub-table-list033 th:first-child, .sub-table-list033 td:first-child{border-left: none;} .sub-table-list033 th:last-child, .sub-table-list033 td:last-child{border-right: none;} .sub-table-list033 .blackft {color:#000; font-weight:500; margin-bottom:5px;} .sub-table-list033 .redft {color:#ff0000; font-weight:500; margin-bottom:5px;} @media screen and (max-width: 590px){ .sub-table-list033 th{font-size: 12px;} .sub-table-list033 td{font-size: 12px;} } /*감면안내 .sub-table-list04{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; margin-bottom:20px;} .sub-table-list04 th{text-align: center;font-size: 14px; padding:10px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;} .sub-table-list04 td{padding:10px;border: 1px solid #d8d8d8;} .sub-table-list04 .tit {font-size: 16px; color:#333; font-weight:500;} .sub-table-list04 .comm {color:#333;font-weight:500;} .sub-table-list04 td li {background-image:url(none); } .sub-table-list04 th:first-child, .sub-table-list04 td:first-child{border-left: none;} .sub-table-list04 th:last-child, .sub-table-list04 td:last-child{border-right: none;} @media screen and (max-width: 590px){ .sub-table-list04 th{font-size: 12px;} .sub-table-list04 td{font-size: 12px; } } .sub-table-list01{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list01 th{ width:145px; text-align: center;font-size: 14px; color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8;} .sub-table-list01 td{border: 1px solid #d8d8d8;font-size: 14px;padding:25px 15px 15px; } .sub-table-list01 th:first-child, .sub-table-list01 td:first-child{border-left: none;} .sub-table-list01 th:last-child, .sub-table-list01 td:last-child{border-right: none;} .sub-table-list01 td ul {margin-left:20px;} .sub-table-list01 td li {line-height:160%; margin-bottom:10px;} .sub-table-list01 td li span {color:#F00;} .sub-table-list01 td li strong {color:#000; font-weight:600; margin-right:10px;} @media screen and (max-width: 590px){ .sub-table-list01 td ul {margin-left:0px;} } .sub-table-list-bus{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list-bus th{border: 1px solid #e2e2e2; text-align:center; font-size: 14px; color:#000; font-weight:400; padding:10px; background: #f5f5f5; } .sub-table-list-bus td{border: 1px solid #e2e2e2; text-align:center; font-size: 14px; color:#000; font-weight:400; padding:10px;} .sub-table-list1{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list1 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;} .sub-table-list1 td{border: 1px solid #d9d9d9;height: 60px; text-align:center;font-size: 16px;padding:10px;} .sub-table-list1 th:first-child, .sub-table-list1 td:first-child{border-left: none;} .sub-table-list1 th:last-child, .sub-table-list1 td:last-child{border-right: none;} .sub-table-list2{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list2 th{height: 60px;text-align: center;font-size: 18px;background: #edf2f8;border: 1px solid #d9d9d9;} .sub-table-list2 td{border: 1px solid #d9d9d9;height: 60px;font-size: 16px;padding: 20px; } .sub-table-list2 tbody th{background: none;font-weight: normal;} .sub-table-list2 th:first-child, .sub-table-list2 td:first-child{border-left: none;} .sub-table-list2 th:last-child, .sub-table-list2 td:last-child{border-right: none;} .sub-table-list4{border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all;} .sub-table-list4 th{height: 60px;text-align: center;font-size: 18px;background: #fce9d9;border: 1px solid #d9d9d9;} .sub-table-list4 td{border: 1px solid #d9d9d9;height: 60px;font-size: 16px;padding: 20px; } .sub-table-list4 .bgf9 {background-color:#f9f9f9;} .sub-table-list4 tbody th{background: none;font-weight: normal;} .sub-table-list4 th:first-child, .sub-table-list4 td:first-child{border-left: none;} .sub-table-list4 th:last-child, .sub-table-list4 td:last-child{border-right: none;} /*이용안내///////////////////////////////////////////////////////////////////////////////////////////////// .sub0702box{*zoom:1; width: 100%; } .sub0702box:after{content:""; display:block; clear:both;} .sub0702box{border: 1px solid #e9e9e9; background: url(/images/contents/information_bg.jpg) right 0px no-repeat; width: 100%; padding: 0px 60px 80px 60px; } /*박스안 탑 .sub0702_01{padding: 118px 0px 90px 20px; width: 100%;} .sub0702_01 h3 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 20px;} .sub0702_01 h3 span{font-weight: 600; font-size: 24px; color: #396;} .sub0702_01 ul {padding-bottom: 10px;} .sub0702_01 li{background: url(/images/contents/doticon_b.jpg) 0px center no-repeat; padding-left: 12px; text-align: left; font-size: 17px; color: #333;} .sub0702_01 li span {font-size: 17px; color: #ff0000;} .sub0702_01 li strong {font-size: 17px; color: #000; font-weight: 500;} .sub0702_01 span {font-size: 14px; color: #ff0000;} .sub0702_box {width: 100%; background-color: #fff; } /*박스안 1/4 .sub0702_box_1{width: 24%; margin: 5px; border: 1px solid #e9e9e9; border-radius: 30px; float: left; background-color: #fff; padding: 20px; min-height: 450px; background: url(/images/contents/information_icon01.png) center 30px no-repeat; } .sub0702_box_1 h3 {font-weight: 600; font-size: 24px; color: #ffcc00; line-height: 140%; margin:130px 0px 10px; text-align: center;} .sub0702_box_1 h3 span{font-weight: 600; font-size: 24px; color: #396;} .sub0702_box_1 ul {padding-bottom: 10px;} .sub0702_box_1 li{background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat; padding-left: 12px; text-align: left; font-size: 17px; color: #333;} .sub0702_box_1 li span {font-size: 18px; color: #ff0000;} .sub0702_box_1 li strong {font-size: 18px; color: #000; font-weight: 500;} .sub0702_box_1 span {font-size: 14px; color: #ff0000;} .sub0702_box_1 .linkbt {background-color: #ffcc00; border-radius: 15px; width: 100%; margin: 30px 0px 0px; text-align: center;} .sub0702_box_1 .linkbt a{font-size: 16px; color: #fff; font-weight: 600; line-height: 30px; height: 30px; } /*박스안 2/4 .sub0702_box_2{width: 24%; margin: 5px; border: 1px solid #e9e9e9; border-radius: 30px; float: left; background-color: #fff; padding: 20px; min-height: 450px; background: url(/images/contents/information_icon02.png) center 30px no-repeat; } .sub0702_box_2 h3 {font-weight: 600; font-size: 24px; color: #ff7e00; line-height: 140%; margin:130px 0px 10px; text-align: center;} .sub0702_box_2 h3 span{font-weight: 600; font-size: 24px; color: #396;} .sub0702_box_2 ul {padding-bottom: 10px;} .sub0702_box_2 li{background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat; padding-left: 12px; text-align: left; font-size: 17px; color: #333;} .sub0702_box_2 li span {font-size: 18px; color: #ff0000;} .sub0702_box_2 li strong {font-size: 18px; color: #000; font-weight: 500;} .sub0702_box_2 span {font-size: 14px; color: #ff0000;} .sub0702_box_2 .linkbt {background-color: #ff7e00; border-radius: 15px; width: 100%; margin: 30px 0px 0px; text-align: center; margin-top:137px; } .sub0702_box_2 .linkbt a{font-size: 16px; color: #fff; font-weight: 600; line-height: 30px; height: 30px; } /*박스안 3/4 .sub0702_box_3{width: 24%; margin: 5px; border: 1px solid #e9e9e9; border-radius: 30px; float: left; background-color: #fff; padding: 20px; min-height: 450px; background: url(/images/contents/information_icon03.png) center 30px no-repeat; } .sub0702_box_3 h3 {font-weight: 600; font-size: 24px; color: #389c93; line-height: 140%; margin:130px 0px 10px; text-align: center;} .sub0702_box_3 h3 span{font-weight: 600; font-size: 24px; color: #396;} .sub0702_box_3 ul {padding-bottom: 10px;} .sub0702_box_3 li{background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat; padding-left: 12px; text-align: left; font-size: 17px; color: #333;} .sub0702_box_3 li span {font-size: 18px; color: #ff0000;} .sub0702_box_3 li strong {font-size: 18px; color: #000; font-weight: 500;} .sub0702_box_3 span {font-size: 14px; color: #ff0000;} .sub0702_box_3 .linkbt {background-color: #389c93; border-radius: 15px; width: 100%; margin: 30px 0px 0px; text-align: center;margin-top:107px; } .sub0702_box_3 .linkbt a{font-size: 16px; color: #fff; font-weight: 600; line-height: 30px; height: 30px; } /*박스안 4/4 .sub0702_box_4{width: 24%; margin: 5px; border: 1px solid #e9e9e9; border-radius: 30px; float: left; background-color:#fff; padding: 20px; min-height: 450px; background: url(/images/contents/information_icon04.png) center 30px no-repeat; } .sub0702_box_4 h3 {font-weight: 600; font-size: 24px; color: #87cc36; line-height: 140%; margin:130px 0px 10px; text-align: center;} .sub0702_box_4 h3 span{font-weight: 600; font-size: 24px; color: #396;} .sub0702_box_4 ul {padding-bottom: 10px;} .sub0702_box_4 li{background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat; padding-left: 12px; text-align: left; font-size: 17px; color: #333;} .sub0702_box_4 li span {font-size: 18px; color: #ff0000;} .sub0702_box_4 li strong {font-size: 18px; color: #000; font-weight: 500;} .sub0702_box_4 span {font-size: 14px; color: #ff0000;} .sub0702_box_4 .linkbt {background-color: #87cc36; border-radius: 15px; width: 100%; margin: 30px 0px 0px; text-align: center;margin-top:87px; } .sub0702_box_4 .linkbt a{font-size: 16px; color: #fff; font-weight: 600; line-height: 30px; height: 30px; } @media screen and (max-width: 1100px){ .sub0702box{background: url(/images/contents/information_bgs.jpg) right 30px no-repeat; padding: 30px; } .sub0702_01{padding: 50px 0px 30px 20px;} .sub0702_box_1{width: 48%; } .sub0702_box_2{width: 48%; } .sub0702_box_3{width: 48%; } .sub0702_box_4{width: 48%; } } @media screen and (max-width: 700px){ .sub0702_box_1{width: 100%; } .sub0702_box_2{width: 100%; min-height:0px;} .sub0702_box_3{width: 100%; min-height:0px;} .sub0702_box_4{width: 100%; min-height:0px;} .sub0702_box_1 .linkbt {margin-top:10px; } .sub0702_box_2 .linkbt {margin-top:10px; } .sub0702_box_3 .linkbt {margin-top:10px; } .sub0702_box_4 .linkbt {margin-top:10px; } .sub0702box{background: url(none); padding: 30px; } .sub0702_01{padding: 10px 0px 30px 30px; width: 100%;} } @media screen and (max-width: 1000px){ .sub0702box{ width: 100%; } .sub0702box2{ width: 100%; } } .sub0702box2 {*zoom:1; width: 100%; } .sub0702box2:after{content:""; display:block; clear:both;} .sub0702box2{border: 1px solid #e9e9e9; background-color: #f5f5f5; width: 100%; padding: 40px; } .sub0702box2 p{background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat; padding-left: 12px; text-align: left; font-size: 18px; color: #333;} .sub0702box2 p span {font-size: 14px; color: #48b365;} .sub0702box2 p strong {font-size: 18px; color: #000; font-weight: 500;} .sub0702box2 .linkbt {background-color: #e66351; border-radius: 15px; width: 100%; margin: 30px 0px 0px; text-align: center; margin-top:10px; float: right; width: 200px; } .sub0702box2 .linkbt a{font-size: 16px; color: #fff; font-weight: 600; line-height: 30px; height: 30px; } .sub0702-ul2{*zoom:1;margin: 0 -19px; } .sub0702-ul2:after{content:""; display:block; clear:both;} .sub0702-ul2 .iconarr{float: left;width: 20%; padding:0 19px 20px; height: 190px;position: relative; list-style:none;} .sub0702-ul2 .iconarr:after{content:"";background: url(/images/contents/arr_green.png) 0 0 no-repeat;display: block;position: absolute;right:0px;top:50%;margin-top: -15px;width: 37px;height: 37px;} .sub0702-ul2 .iconarr:last-child:after{display: none;} .sub0702-ul2 .iconarr div{border-radius: 50px; background-color: #fff; width: 150px; height: 190px; text-align: center;} .sub0702-ul2 .iconarr strong{font-size: 17px;color:#000;display: block;margin-bottom: 5px;} .sub0702-ul2 .iconarr img {padding-top: 30px; } @media screen and (max-width: 1000px){ .sub0702-ul2 .iconarr{width: 30%; height: 190px; margin-bottom: 10px;} .sub0702-ul2 .iconarr:after{right:0px;} .sub0702-ul2 .iconarr div{width: 190px; height: 190px; margin-bottom: 10px;} .sub0702-ul2 .iconarr img {padding-top: 30px; } } @media screen and (max-width: 800px){ .sub0702-ul2 .iconarr{width: 45%; height:150px; } .sub0702-ul2 .iconarr:after{right:-15px;top:50%;margin-top: -35px;} .sub0702-ul2 .iconarr div{ width:100%; height:150px; margin-bottom: 0px;} .sub0702-ul2 .iconarr img {padding-top: 15px; } } .sub0702_tel {*zoom:1; width: 100%; } .sub0702_tel:after{content:""; display:block; clear:both;} .sub0702_tel {background: url(/images/contents/icon_0702_05.jpg) center bottom no-repeat; text-align: center; padding: 100px; margin-top: 30px;} .sub0702_tel h2 {font-weight: 600; font-size: 24px; color: #333; line-height: 140%; margin-bottom: 10px; } .sub0702_tel h2 span{color: #396;} .sub0702_tel p {font-size: 16px; color: #666;} /*개인정보취급방침*/ .terms_view{} .terms_view h4{padding:80px 0 5px; color:#2b6dc2; font-size:20px;} .terms_view .pno{padding:0px 0 5px; color:#2b6dc2; font-size:20px; font-weight:bold;} .terms_view div{line-height:1.4; color:#313131;font-size:14px; display:block;} .terms_view div strong{display:block; font-size:14px;} .terms_view div span{font-size:14px;} .terms_view div ol li{padding-left:15px; text-indent:-15px;font-size:14px;list-style: none;} .terms_view div ol li ol{padding:18px 0 18px; text-indent:-15px;} .terms_view div ol li ol li ol li{text-indent:-18px;} .terms_view div ol li ol li ul{padding:18px 0 18px;} .terms_view div ol li ol li ul li{padding-left:15px; text-indent:-15px;} .terms_view div ol li ol li ul li span{display:block; padding-left:10px; text-indent:-10px;} .terms_view .stitle {padding:10px 0 5px; color:#000; font-size:14px; font-weight:bold;} .terms_view .txt01 ol{padding:18px 0 0 15px;} .terms_view .txt01 ol > li > ol{padding-left:3px;} .terms_view .txt01 ol > li > ol > li{text-indent:-18px;} .terms_view .txt02{margin-bottom:16px;} .terms_view .txt02 span{display:block; margin-bottom:4px; font-size:14px; color:#000; font-weight:400; } .terms_view .txt03{} .terms_view .txt03 ol > li > ol > li{margin-bottom:12px;} .terms_view .txt04{} .terms_view .txt04 ol > li{padding:18px 0 0 15px;} .terms_view .txt04 ol > li span{display:block; margin-bottom:18px} .terms_view .txt05 ul li{padding-left:8px; text-indent:-8px;} .terms_view .txt06{margin-top:15px; padding:18px 20px; background-color:#f8f8f8;} .terms_view .txt06 strong{display:block; margin-bottom:7px; color:#2b6dc2;} .terms_view .txt06 p{padding-left:205px; text-indent:-205px;} .terms_view .txt07 li{padding:25px 0 0 15px; text-indent:-15px; font-size:14px; line-height:1.4; color:#313131;list-style: none;} .terms_view .txt07 li strong{display:block; padding-bottom:8px; color:#2b6dc2;font-size:14px; font-weight:400;list-style: none;} .terms_view .txt07 li span{display:block; padding-bottom:8px; color:#2b6dc2;font-size:14px; font-weight:400;} .terms_view .txt08{} .terms_view .txt08 ol > li{margin-bottom:10px;} .terms_view .txt08 ol > li > ol > li{margin-bottom:5px;} .terms_view .txt_top{padding:35px; background-color:#e9f0f9;} .terms_view .table_style{position:relative; margin-top:25px;} .terms_view .table_style strong{font-size:14px; font-weight:400;} .terms_view .table_style span{position:absolute; right:2px; top:2px; font-size:14px;} .terms_view .table_style .type{margin-top:8px; border:1px solid #d7d7d7; border-right:0; border-bottom:0;} .terms_view .table_style .type thead th{padding:11px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color:#eee; color:#313131; font-weight:400;} .terms_view .table_style .type tbody th{font-weight:400;} .terms_view .table_style .type tbody th, .terms_view .table_style .type tbody td{padding:11px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; font-size:14px;} .terms_view .table_style .type.type01 tbody th{background-color:#eee; font-weight:400;} .terms_view a{font-size:13px;line-height:1.4;color:#313131;}