@charset "utf-8"; /* 반응형 이미지 크게보기 */ .imgbox{border:1px solid #dedede;padding:20px;text-align: center;} .imgbox.bg01{background: #f8f9fa;} .imgbox.noline{border:0;background: transparent;} .imgbox.p00{padding:0;} .imgbox.p10{padding:10px 20px;} .imgbox.p15{padding:15px 20px;} .imgbox.p20{padding:20px 20px;} .imgbox.p25{padding:25px 20px;} .imgbox.p30{padding:30px 20px;} .imgbox.p35{padding:35px 20px;} .imgbox.p40{padding:40px 20px;} .imgbox.p45{padding:45px 20px;} .imgbox.p50{padding:50px 20px;} .imgbox.p55{padding:55px 20px;} .imgbox.p60{padding:60px 20px;} .imgbox.p70{padding:70px 20px;} @media(max-width:767px){ .imgbox.p10, .imgbox.p15, .imgbox.p20, .imgbox.p25, .imgbox.p30, .imgbox.p35, .imgbox.p40, .imgbox.p45, .imgbox.p50, .imgbox.p55, .imgbox.p60, .imgbox.p70{padding:8.334% 20px;} } .pic_btn a, .ds_no {display: none;transition:0.3s ease-out } .pic_btn a:hover, .pic_btn a:focus{background:#00829b;color:#fff;} @media(max-width:767px){ .pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;} .pic_img{text-align: center;} } @media(max-width:560px){ .pic_btn a {width: 75%;} } @media(max-width:450px){ .pic_btn a {width: 100%;} } /* 반응형 이미지 크게보기 End */ /*탑박스아이콘*/ .ui.uit{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #949494;background-color:#f5f5f5;} .tp_icon {display:block;height:113px;overflow:hidden;width:113px;background:url("/images/kor/common/tp_icon.png") no-repeat;} .tp_icon.icon1 {background-position: -113px -223px;} .tp_icon.icon2 {background-position: -113px -113px} .tp_icon.icon3 {background-position: -226px -113px} .tp_icon.icon4 {background-position: -339px -113px;} .tp_icon.icon5 {background-position: -452px -113px;} .tp_icon.icon6 {background-position: -565px -113px;} .tp_icon.icon7 {background-position: -678px -113px;} .tp_icon.icon8 {background-position: -113px -562px;} .tp_icon.icon9 {background-position: -452px -226px;} .tp_icon.icon10 {background-position: 0 -561px;} .tp_icon.icon11 {background-position: -113px -226px} .tp_icon.icon12 {background-position: -226px -226px} .tp_icon.icon13 {background-position: -339px -226px;} .tp_icon.icon14 {background-position: -452px -226px;} .tp_icon.icon15 {background-position: -565px -226px;} .tp_icon.icon16 {background-position: -678px -226px;} .tp_icon.icon17 {background-position: -791px -226px;} .tp_icon.icon18 {background-position: -904px -226px;} .tp_icon.icon19 {background-position: 0 -339px;} .tp_icon.icon20 {background-position: -113px -339px} .tp_icon.icon21 {background-position: -226px -339px} .tp_icon.icon22 {background-position: -339px -339px;} .tp_icon.icon23 {background-position: -452px -339px;} .tp_icon.icon24 {background-position: -565px -339px;} .tp_icon.icon25 {background-position: -678px -339px;} .tp_icon.icon26 {background-position: -791px -339px;} .tp_icon.icon27 {background-position: -904px -339px;} .tp_icon.icon28 {background-position: 0 -452px;} .tp_icon.icon29 {background-position: -113px -452px;} .tp_icon.icon30 {background-position: -226px -452px;} .tp_icon.icon31 {background-position: -339px -452px;} .tp_icon.icon32 {background-position: -452px -452px;} .tp_icon.icon33 {background-position: -565px -452px;} .tp_icon.icon34 {background-position: -678px -452px;} .tp_icon.icon35 {background-position: -791px -452px;} .tp_icon.icon36 {background-position: -904px -452px;} .tp_icon.icon37 {background-position: 0 -565px;} .tp_icon.icon38 {background-position: -113px -565px;} .tp_icon.icon39 {background-position: -226px -565px;} .tp_icon.icon40 {background-position: -339px -565px;} .tp_icon.icon41 {background-position: -452px -565px;} .tp_icon.icon42 {background-position: -565px -565px;} .tp_icon.icon43 {background-position: -678px -565px;} .tp_icon.icon44 {background-position: -791px -565px;} .tp_icon.icon45 {background-position: -904px -565px;} .tp_icon.icon46 {background-position: 0 -678px;} .tp_icon.icon47 {background-position: -113px -678px;} .tp_icon.icon48 {background-position: -226px -678px;} .tp_icon.icon49 {background-position: -339px -678px;} .tp_icon.icon50 {background-position: -452px -678px;} .tp_icon.icon51 {background-position: -565px -678px;} .tp_icon.icon52 {background-position: -678px -678px;} .tp_icon.icon53 {background-position: -791px -678px;} .tp_icon.icon54 {background-position: -904px -678px;} .tp_icon.icon55 {background-position: 0 -791px;} .tp_icon.icon56 {background-position: -113px -791px;} .tp_icon.icon57 {background-position: -226px -791px;} .tp_icon.icon58 {background-position: -339px -791px;} .tp_icon.icon59 {background-position: -452px -791px;} .tp_icon.icon60 {background-position: -565px -791px;} .tp_icon.icon61 {background-position: -678px -791px;} .tp_icon.icon62 {background-position: -791px -791px;} .tp_icon.icon63 {background-position: -904px -791px;} .charter{width:100%;padding:250px 40px 50px 40px;background:#f7f7f7 url(/images/kor/sub05/sub05_02_01_img01.gif) no-repeat 50% 0;} .charter .b_txt{display:block;font-size:22px;color:#333;line-height:30px;text-align:center;font-weight:normal;word-break:keep-all;word-wrap: break-word;} .charter .m_txt{margin:5px 0 0 0;font-size:15px;color:#555;line-height:27px;text-align:center;word-break:keep-all;word-wrap:break-word;} .charter .charter_list{margin:75px 0 0 0;padding:25px;} .charter .charter_list span.num{display:inline-block;position:absolute;left:0;top:0;margin:0 5px 0 0;width:30px;height:30px;line-height:30px;background:url(/images/kor/sub05/sub05_02_01_num_bg.png) no-repeat 0 0;color:#fff;text-align:center} .charter .charter_list li{position:relative;margin:0 0 10px 0;padding:0 0 0 40px;line-height:30px;color:#555;word-break:keep-all;word-wrap:break-word;} @media(max-width:801px){ .charter{padding:250px 40px 45px} } @media(max-width:600px){ .charter{padding:240px 25px 45px} .charter.service_mark {background:none;} .charter .b_txt{font-size:20px} .charter .m_txt{font-size:14px;line-height:22px;} .charter .charter_list{margin:40px 0 0;} .charter .charter_list li{line-height:22px} } .music{background:url(/images/kor/sub05/sub05_02_02_bg.gif) repeat-x 0 0;border:1px solid #e2e0d9;border-top:none;} .music .music_bg{padding:80px 100px 420px 100px;background:url(/images/kor/sub05/music_bg.jpg) no-repeat left bottom;} .music .music_bg figcaption{display:none;} .music h2{position:inherit;margin:0 0 30px 0;padding:0;background:none;text-align:center;color:#444;font-size:26px;font-family:'nsr';} .music .item{position:relative;padding:50px 50px 50px 220px;min-height:100px;border-bottom:1px solid #ddd;} .music .item.last{border-bottom:none;} .music .item:after{content:"";display:block;clear:both;} .music .item *{margin:0;padding:0;background:none;} .music .item h3{position:absolute;top:50px;left:30px;width:200px;padding:0;color:#2452a7;font-size:18px;line-height:1;} .music .item h3 span{display:block;color:#000;font-size:22px;font-weight:normal;color:#000;line-height:1.2;} .music .item h3:before{display:none;} @media(max-width:1023px){ .music .music_bg{padding:50px 40px;background:none;} .music .item{position:relative;padding:35px 35px 35px 180px;} .music .item h3{top:30px;left:0;width:160px;} } @media(max-width:767px){ .music .music_bg{padding:50px 20px;background:none;} .music .item{position:relative;padding:25px;} .music .item h3{position:relative;top:auto;left:auto;width:100%;} } .intro{margin:0 0 30px 0;padding:55px 0 40px 0;background-color:#f6f7f8;} .intro .item{position:relative;padding:0 50px;height:865px;margin:0 auto;background:url(/images/kor/sub05/sub05_01_img02.jpg)no-repeat 50% 100%;text-align:center} .intro .item .slogan{display:block;padding:0 20px 20px;} .intro .item .item_txt{padding:0 20px;font-size:19px;line-height:25px} .intro .item .item_txt .c_red2{color:#2f71d2;} .intro .item .intro_btn{position:absolute;bottom:40px;left:30px;width:41%;} .intro .item .intro_btn .btn{margin-top:5px;width:100%;} @media(max-width:769px){ .intro .item{padding:0 20px;height:auto;background:none;} .intro .item .item_txt{font-size:16px;line-height:1.3;} .intro .item .item_txt span{display:block;} .intro .item .intro_btn{margin-top:15px;position:relative;bottom:auto;left:auto;width:auto;} .intro .item .intro_btn .btn{width:auto;} } .imgbox{border:1px solid #ddd;text-align:center;padding:20px;} .imgbox.ci{background:url(/images/kor/sub05/bg_symbol.png) repeat 50% 100%;border:none;} .cont_row .box_cont.noboard{border-top:none;} .cont_row.ci h3{margin-top:20px} .imgbox .btn_wrap{text-align:right;padding:30px 0 0;} .bimg{margin-bottom:10px;text-align:center} .bimg{} .ui.uilnk .box_col .col .item .txt_area{text-align:center} .map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;} .box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;} .box_local:after{content:"";display:block;clear:both;visibility:hidden;} .box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;} .box_local h2:before, .box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;} .box_local h2:before{left:5px;background-position:0 -42px;} .box_local h2:after{right:3px;background-position:-12px -42px;} .box_local h2 span{font-size:18px;line-height:20px;color:#06499d;font-weight:bold;font-family:'nsr','Malgun Gothic';} .box_local .lst_local{float:left;display:inline-block;padding-top:5px;} .box_local .lst_local li{position:relative;text-align:left;} .box_local .lst_local li b {margin-right:5px;} .box_local .lst_local li.last {margin-top:10px;} .box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;} .box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;} .box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;} @media all and (min-width:600px) { .box_local{padding:40px 150px 40px 50px;} .box_local h2{float:left;padding:35px 15px;margin-right:35px;} .box_local h2 span{display:block;} .box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;} .box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;} } .ui-map-box{padding:20px 0;margin:0 0 10px;border-bottom:1px solid #f1f1f1;} .ui-map-box:after {content:"";display:block;clear:both;} .ui-map-box h3 {float:left;width:15%;margin:0;padding:0} .ui-map-box .txt_h3 {float:left;width:75%;} .ui-map-box .txt_h3 li {margin:6px 0 0;font-size:14px;color:#666;line-height:1.4} .ui-map-box .txt_h3 li:after {content:"";display:block;clear:both;} .ui-map-box .ti {float:left;display:inline-block;width:55px;padding:3px 0 1px 0px;margin-right:10px;border-radius:20px;border:1px solid #333;font-size:13px;text-align:center;} .ui-map-box .ti.car {color:#4365B9;border-color:#4365B9;} .ui-map-box .ti.train {color:#005fa8;border-color:#005fa8;} .ui-map-box .ti.bus {color:#a72e75;border-color:#a72e75;} .ui-map-box .txt_h3 li .rcon {float:left;margin-left:5px;margin-top:-5px;width:90%} .ui-map-box .txt_h3 li .rcon strong{display:block;font-size:15px;color:#000;} @media(max-width:600px){ .box_local{display: flex;flex-direction: column;align-items: flex-start;padding: 40px;} .box_local h2{margin-top: 10px;} .box_local .lst_local{padding-top: 30px;} .ui-map-box h3{float:none;} .ui-map-box .txt_h3{float:none;width:100%;} .ui-map-box .ti{float:none;display:block;margin:10px 0 5px 0;} } /* 인사말 sub0101 */ .greeting{} .box_greeting{position:relative;margin:0 auto 90px;padding:52px 0 0 20px;max-width:100%} .box_greeting:before{content:"";display:block;position:absolute;top:20px;right:0;width:160px;height:32px;background:url(/images/oil/sub01/msg_txt_320.png) no-repeat} .box_greeting:after{content:"";display:block;position:absolute;top:81%;left:0;width:160px;height:120px;background:url(/images/area/sub03/sub03_10_01_img01.jpg) no-repeat 50% 50%;background-size:cover} .box_greeting .msg{position:relative;padding:25px;border:1px solid #ddd} .box_greeting .msg h2{margin:0 0 20px;padding:0;background:none;color:#666;font-size:20px;font-weight:normal;line-height:1.2;word-wrap:break-word;word-break:keep-all} .box_greeting .msg h2:before{display:none;} .box_greeting .msg h2 span{color:#858271;font-family:'nsr';font-weight:bold;line-height:28px} .box_greeting .msg .name{color:#696969;font-size:16px;text-align:right} .grt_txt{} .grt_txt:after{content:"";display:block;clear:both;visibility:hidden} .grt_txt .col{} .grt_txt .col p{margin-bottom:20px;color:#767676;font-size:17px;line-height:25px} .grt_txt .col p b{color:#333} @media only screen and (min-width:480px) { .box_greeting{margin-bottom:90px;max-width:460px} .box_greeting:after{top:81%;left: 0%;width:220px;height:130px} } @media only screen and (min-width:560px) { .box_greeting{padding:70px 0 0 45%;margin-bottom:40px;max-width:100%} .box_greeting:before{top:28px;width:205px;height:42px;background:url(/images/oil/sub01/msg_txt_768.jpg) no-repeat} .box_greeting:after{top:0;left: 0%;width:50%;height:260px} .box_greeting .msg{padding:25px 20px 5px 12.5%;} .box_greeting .msg h2{margin-bottom:30px;font-size:26px;line-height:1.2} .box_greeting .msg h2 span{display:block;margin-top:5px;color:#333;letter-spacing:2px;font-size:20px;} .box_greeting .msg .name{font-size:18px} .box_greeting .msg .name span{display:inline-block;margin:0 0 20px 10px;width:112px;height:60px;background:url(/images/oil/sub01/msg_sign.jpg) no-repeat;vertical-align:middle} .grt_txt .col{float:right;width:100%;padding-top:10px;text-align:justify} .grt_txt .col:first-child{float:left;text-align:justify} } @media only screen and (min-width:1300px) { .box_greeting{padding:80px 0 0 49%} .box_greeting .msg{padding:65px 40px 45px 150px} .box_greeting:before{top:22px;right: 0%;width:286px;height:58px;background:url(/images/oil/sub01/msg_txt.jpg) no-repeat} .box_greeting:after{width:530px;height:345px} .box_greeting .msg h2{margin-bottom:10px;font-size:30px;line-height:1.4} .box_greeting .msg h2 span{display:block;margin-top:5px;color:#333;letter-spacing:2px;font-size:21px;} } /* 인사말 sub0101 End */ /* 연혁 sub0102 */ .bg-topbox{display: flex;align-items: center;justify-content: center;padding:20px;min-height:270px;background: url(/images/area/sub03/sub03_10_02_img01.png) center/cover no-repeat;} .bg-topbox h2{color:#fff;font-size:20px;font-weight:normal;text-align:center;} .bg-topbox h2 span{display:block;font-size:34px;line-height:1.5;word-break: keep-all;} .city_tour p{margin-top:20px;font-size:15px;color:#5c5c5c;text-align:center;} .city_tour p.main_tit{margin-bottom:25px;font-size:26px;color:#000;} .city_tour p.main_tit span{color:#c9204d;line-height:1.1;} .city_tour p span{display:block;} .city_tour img{margin-top:50px;} .box_cont{border-bottom:none;} .history{position:relative;margin:138px 0;padding:10px 0 50px;} .history:before{content:"";display:block;position:absolute;top:0;left:29px;width:7px;height:100%;background:#e5e5e5;border-radius:4px;} .history>p{position:absolute;left:0;margin:0;width:80px;height:80px;border:1px solid #e5e5e5;border-radius:100%;color:#2f71d2;line-height:32px;text-align:center; padding-top: 26px; box-sizing: border-box;} .history .present{top:-98px;} .history .before{bottom:-80px;} .history .item{position:relative;margin-top:70px;} .history .item:first-child{margin-top:0;} .history .item:after{content:"";display:block;clear:both;visibility:hidden;} .history .item .grap{position:relative;padding:0 20px 0 55px;} .history .item .grap:before{content:"";display:block;position:absolute;top:-5px;left:25px;width:15px;height:33px;background:url(/images/oil/sub01/history_bul.png) no-repeat;} .history .item .grap .tit{position:relative;margin-bottom:10px;color:#000;/*font-family:'nsr','맑은 고딕','Malgun Gothic';*/} .history .item .grap .tit p{margin:0 0 10px;font-size:16px;line-height:20px;} .history .item .grap .tit p span{line-height:20px;} .history .item .grap .tit h3{margin:0;color:#333;font-size:22px;font-weight:bold;line-height:28px;word-wrap:break-word;word-break:keep-all;} .history .item .grap .tit h3 span{display:block;font-size:14px;font-weight:normal;line-height:18px;} .history .item .grap .con_history{} .history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;line-height:18px;word-wrap:break-word;word-break:keep-all;font-size:14px;} .history .item .grap .con_history .lst_history li:first-child{margin-top:0;padding-right: 95px;} .history .item .grap .con_history .lst_history li b{display:block;color:#2f71d2;font-size:17px;} .history .item .grap .gall_history{margin-top:20px;} .history .item .grap .gall_history li{margin-bottom:10px;} .history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;} .history .item .grap .gall_history li figure span img{width:100%;} .history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;} .history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;} @media all and (min-width:480px) { .history .item .grap .gall_history li{float:left;margin:0 0 0 1.5%;width:32.33%;} .history .item .grap .gall_history li:first-child{margin-left:0;} } @media all and (min-width:640px) { .history>p{left:50%;margin-left:-32px;} .history:before{left:50%;margin-left:6px;} .history .item .grap{padding:0;} .history .item .grap:before{top:-6px;left:50%;margin-left:2px;} .history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;} .history .item .grap .con_history{padding-top:2px;background:none;} .history .item .grap.lcnt .tit, .history .item .grap.rcnt .con_history{float:right;padding-left:46px;width:50%;text-align:left;} .history .item .grap.rcnt .tit, .history .item .grap.lcnt .con_history{float:left;padding-right:30px;width:50%;text-align:right;} .history .item .grap .con_history .lst_history li{margin-top:15px;} .history .item .grap .con_history .lst_history li:first-child{padding-right: 0;} /* .history .item .grap.lcnt .con_history .lst_history li{padding:4px 95px 0 0;} */ .history .item .grap.lcnt .con_history .lst_history li b{left:auto;right:0;} .history .item .grap.rcnt .gall_history{margin-left:-1%;} .history .item .grap.rcnt .gall_history li{float:left;margin:0 0 0 1%;width:32.33%;} .history .item .grap.lcnt .gall_history{margin-right:-1%;} .history .item .grap.lcnt .gall_history li{float:right;margin:0 1% 0 0;width:32.33%;} } @media all and (min-width:768px) { .history .item .grap .con_history .lst_history li{padding:0 95px;} .history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;} .history .item .grap .con_history .lst_history li:first-child{padding-right: 95px;} .history .item .grap .tit p{margin-bottom:15px;font-size:18px;line-height:22px;} .history .item .grap .tit p span{display:block;line-height:22px;} .history .item .grap .tit h3{font-size:26px;line-height:30px;} .history .item .grap .tit h3 span{margin-top:5px;font-size:16px;line-height:20px;} } @media all and (min-width:1280px) { .history .item .grap.rcnt .gall_history li{margin-left:10px;width:166px;} .history .item .grap.lcnt .gall_history li{margin-right:10px;width:166px;} .history .item .grap.rcnt .gall_history li:first-child, .history .item .grap.lcnt .gall_history li:first-child{margin:0;} } /* 연혁 sub0102 End */ /* 조직안내 sub0103 */ .organ {margin-bottom: 50px;} .organ, .organ ul, .organ ul li {position: relative;} .organ:before, .organ *:before, .organ *:after {content: "";display: block;position: absolute;background-color: #ddd;} .organ ul:after {clear: both;position: relative;visibility: hidden;} .organ ul li * {display: block;color: #fff;text-align: center;} .organ .org .lv1 strong {margin: 0 auto;padding: 60px 0;width: 150px;height: 150px;background-color: #2f71d2;border-radius: 100%;font-size: 20px;line-height: 30px;} .organ .org .lv2 {margin-top: 70px;} .organ .org .lv2>ul {} .organ .org .lv2>ul>li {float: left;} .organ .org .lv2>ul>.lv2_1{width: 46%;} .organ .org .lv2>ul>.lv2_2{width: 54%;} .organ .org .lv2>ul>li>span {margin: 0 auto;padding: 15px 0;width: 175px;background-color: #408896;font-size: 16px;line-height: 20px;} .organ .org .lv3 {margin-top: 60px;display: flex;justify-content: center;} .organ .org .lv3>li {float: left;margin: 0 5px;width: 11.28%;} .organ .org .lv3>li>span {margin: 0 auto;padding: 12px 10px 0;background-color: #76797d;width: 40px;height: 135px;line-height: 18px;} /* 조직도 라인 정리 */ .organ .org .lv1:before, .organ .org .lv2>ul>li:before, .organ .org .lv2>ul>li>span:after, .organ .org .lv3>li:before {left: 50%;margin-left: -1px;width: 1px;} .organ .org .lv1:before {top: 150px;height: 35px;} .organ .org .lv2:before {top: -35px;left: 46%;transform: translateX(-46%);width: 50%;height: 1px;} .organ .org .lv2>ul>li:before {top: -35px;width: 1px;height: 35px;} .organ .org .lv2>ul>li>span:after {top: 50px;height: 35px;} .organ .org .lv2_1 .lv3:before {top: -25px;left: 50%;width: 40%;transform: translateX(-50%);height: 1px;} .organ .org .lv2_2 .lv3:before {top: -25px;left: 50%;width: 87.8%;height: 1px;transform: translateX(-50%);} .organ .org .lv3>li:before {top: -25px;height: 25px;} @media(max-width:767px) { .organ .org .lv2 {margin-top: 30px;} .organ .org .lv2 ul li .border{width: 100%;padding: 20px;border: 1px solid #ddd;} .organ .org .lv3 {margin-top: 0px;flex-wrap: wrap} .organ .org .lv3>li{width: calc(25% - 20px);margin: 0 10px;} .organ .org .lv3>li>span{display: flex;justify-content: center;align-items: center;width: 100%;padding: 10px;height: 50px;} .organ .org .lv3.bottom>li{margin-bottom: 10px;} .organ .org .lv2>ul>li {float: none;margin: 20px 0;width: 100%;} .organ .org .lv2>ul>li.lv2_2 {margin-top: 30px;} .organ .org .lv2>ul>.lv2_1{width: 100%;} .organ .org .lv2>ul>.lv2_2{width: 100%;} .organ .org .lv2 ul li .border{margin-top: 35px;} /* 조직도 라인 정리 */ .organ .org .lv1:before, .organ .org .lv2:before, .organ .org .lv2>ul>li:before, .organ .org .lv2_1:after, .organ .org .lv2_1>span:before, .organ .org .lv2_1 .lv3:before, .organ .org .lv2_2 .lv3:before, .organ .org .lv3>li:before {display: none;} } @media(max-width:540px) { .organ .org .lv3>li{width: calc(50% - 20px);margin: 0 10px 10px;} } .s011003 .ui.uib {padding: 20px; border: 1px solid #ddd; margin-bottom:40px;} .s011003 .ui.uib .uibodo .thm_figure {border:0;} @media only screen and (min-width: 768px){ .s011003 .ui.uib.type3 .uibodo .thm_figure { float: right; width: 30%;} .s011003 .ui.uib.type3 .uibodo .thm_caption {float: left; width: 65%; padding:25px;} } @media (max-width: 768px){ .s011003 .thm_figure { width: 230px;} } /* 주요업무 sub0105 */ .sub031004 .report_ch{display: flex;flex-wrap: wrap;} .sub031004 .ir-content{background: url(/images/farm/sub01/ir-content.png) no-repeat;} .ir-content.ico01{background-position: 0 0;} .ir-content.ico02{background-position: -71px 0;} .ir-content.ico03{background-position: -142px 0;} .ir-content.ico04{background-position: -213px 0 } .ir-content.ico05{background-position: -0px -71px;} .ir-content.ico06{background-position: -71px -71px;} .ir-content.ico07{background-position: -142px -71px;} .ir-content.ico08{background-position: -213px -71px;} .ir-content.ico09{background-position: 0 -142px;} .ir-content.ico10{background-position: -71px -142px;} .ir-content.ico11{background-position: -142px -142px;} .ir-content.ico12{background-position: -213px -142px;} @media(max-width: 1024px){ .sub031004 .report_ch{flex-direction: column;} .report_ch>li{width: 100%;} .report_ch>li:first-child{width: 100%;border: 1px solid #c2c2c2;} } /* 주요업무 sub0105 End */ /* 청사안내 sub010601 */ .building_information .imgbox{position: relative;} .building_information .imgbox::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid #ddd;} .building_information .ui-tab_group .ui-tab_content .tab__body.on{display: block;} .building_information .ui-tab_group .ui-tab_content .tab__body{display: none;} .building_information .tab-ul.deth-4st li.active a, .building_information .tab-ul.deth-4st li.active a:hover, .building_information .tab-ul.deth-4st li.active a:focus, .building_information .tab-ul.deth-4st li.active a:active{border-color:#2f71d2;border-bottom-color:#2f71d2;background:url(/images/common/tab_4th_ov.png) no-repeat 95% 50%;background-color:#2f71d2;color:#fff;} .building_information .ui-tab_group{margin-top: 55px;} .building_information .top-box {margin: 0 auto;text-align: center;} .building_information .top-box .top-img .img-inner {position: relative;} .building_information .top-box .top-img .img-tab > a {display: block;position: absolute;width: 18px;height: 23px;background: url(/images/farm/sub01/map_offico.png);} .building_information .top-box .top-img .img-tab.active > a, .top-box .top-img .img-tab > a:focus, .top-box .top-img .img-tab > a:hover {background: url(/images/farm/sub01/map_ovico.png);} .building_information .top-box .top-img .img-tab > a[data-num="1"] {top: 27.5%; left: 40.5%;} .building_information .top-box .top-img .img-tab > a[data-num="2"] {top: 33.8%; left: 31.9%;} .building_information .top-box .top-img .img-tab > a[data-num="3"] {top: 36.3%; left: 61.8%;} .building_information .top-box .top-img .img-tab > a[data-num="4"] {top: 46%; left: 28.7%;} @media (max-width : 1023px){ .building_information .imgbox{padding: 20px;} } @media (max-width : 500px){ .building_information .top-box .top-img .img-tab > a[data-num="1"] {top: 23.5%; left: 39.5%;} .building_information .top-box .top-img .img-tab > a[data-num="2"] {top: 29.8%; left: 30.9%;} .building_information .top-box .top-img .img-tab > a[data-num="3"] {top: 32.3%; left: 61%;} .building_information .top-box .top-img .img-tab > a[data-num="4"] {top: 43%; left: 28%;} } /* 청사안내 sub010601 End */ /* 청사안내 sub010602 */ .farming_facilities .ui.uib{border-bottom: 1px solid #ddd;padding: 30px 0;} .farming_facilities .ui.uib:last-child{border-bottom: 0;} /* 청사안내 sub010602 End */ /* 농업현황 sub0201 */ .ui.uib.guide_box{padding:20px;border:1px solid #ddd;} .ui.uib.type1 .uibodo .thm_caption{width:70%;} @media (max-width : 767px){ .ui.uib.type1 .uibodo .thm_caption{width:100%;} } /* 농업현황 sub0201 End */ /* 농촌지도자태안군연합회 sub020301 */ .s020301 .Symbol.ui.uic .box_col{display: flex;flex-wrap: wrap;} .s020301 .Symbol.ui.uic .box_col.col2 .col{border: 1px solid #ddd;} .s020301 .ui.uic .box_col .col .item1{display: flex;flex-direction: column;padding:30px;min-height:220px;} .s020301 .Symbol .thm_figure_01{width:auto;} .s020301 .thm_figure_01{display:block;width:52%;overflow:hidden;margin: 0 auto;} .s020301 .ui.uic .box_col .col .item{min-height:200px;padding:20px;} .s020301 .ui.uic .box_col .col .item .thm_figure{width:100%;} .thm_caption{display:block;} @media (max-width : 767px){ .s020301 .Symbol.ui.uic .box_col.col2 .col{width: 100%;margin-left: 0;} .ui.uic .box_col.col4 .col{width: 49%;} } @media (max-width : 500px){ .ui.uic .box_col.col4 .col{width: 100%;} } @media only screen and (min-width: 500px){ .ui.uic .box_col .col .item .thm_figure img{width: 100%;} } /* 농촌지도자태안군연합회 sub020301 End */ /* 한국생활개선태안군연합회 sub020302 */ .improvement_life .thm_figure_01{display:block;width:208px;overflow:hidden;margin:0 auto;padding: 15px 0;} .improvement_life .ui.uilnk.type1 .box_col .col .bico b{word-break: keep-all;} .ui.uilnk.type1 .box_col .col ul li{display:inline-block;float:left;width:100%;} .ui.uilnk .box_col .col .item{min-height:366px;} @media(max-width: 767px){ .improvement_life .ui.uilnk .box_col .col .item{min-height: auto;} .improvement_life .ui.uilnk.type1 .box_col .col .bico b br{display: none;} } /* 한국생활개선태안군연합회 sub020302 End */ /* 태안군4-H연합회 sub03_03_03 */ .s020303 .ui.uic.mb_10 .box_col .col .item{min-height:200px;padding:20px;} .s020303 .ui.uic .box_col .col .item .thm_figure{width:100%;} @media (max-width: 800px){ .s020303 .ui.uic .box_col.col4 .col{width: 49%;} } @media (max-width: 540px){ .s020303 .ui.uic .box_col.col4 .col{width: 100%;} } /* 태안군4-H연합회 sub03_03_03 End */ /*20180111_조직도추가*/ .organ1 .lv2>ul{position:absolute;width: auto;top: 50px;left:20px;padding:0;margin:0 0 0 50px;} .organ1 .lv2_1{position:relative;width:100%;height:65px;} .organ1 .lv2_1 .lv2_1_1{position:absolute;top:0;left:25%} .organ1 .lv2_1 .lv2_1_2{position:absolute;top:0;right:25%} .organ1 .lv2_1 li a{border: 1px solid #d5d5d5;color:#fff;font-weight:400;text-align: center;background:#3C808D;line-height:50px;font-size:1.25em;padding:0px 25px;} .organ{position: relative;width: 100%;overflow: hidden;} .organ a, .organ strong{display: block;font-weight: 400;font-size: 1.2em;color: #fff;} .organ strong{position: relative;z-index: 1;width: 160px;margin:0 auto !important;padding: 13px 0;text-align: center;} .organ a:hover {text-decoration:underline;} .organ1 a{color:#fff;} .organ a{color: #454545;} .organ1>li{position: relative;padding-bottom: 15px;} .organ1>li>ul>li>a{height: 50px;padding: 0 10px 0 15px;font-size: 0.85em;background: #efefef url(/images/kor/sub05/organ_lv2.png) no-repeat 95% 50%;line-height: 50px;} .organ1 .lv1>ul>li a{border: 1px solid #d5d5d5;color: #454545;font-weight: 400;text-align: center;background: #fff;line-height:50px;font-size: 1em;} .organ1{position: relative;width: 100%;overflow: hidden;} .organ1>li>ul{position: relative;width: 100%;padding: 60px 0;overflow: hidden;} .organ1>li>ul>li{position: relative;float: left;width: 151px;margin-right: 18px;text-align: left;margin-left:18px} .organ1 li[class^="organ1_2"]{position: relative;height: 80px;z-index: 1;} .organ1 .lv1>ul>li{width: 187px;height: auto;} .organ1 .lv1{position: relative;padding-bottom: 40px;} .organ1 .lv1>a{display:block;width: 152px;height: 152px;margin:0 auto;line-height: 152px;background-color:#2f71d2;color: #fff;border-radius:50%;} .organ1>li:after{content: "";display: none;position: absolute;top: -40px;left: calc(50% - 2px);height: 15px;border-left: 2px solid #ccc;} .organ1 .lv1:before{content: "";position: absolute;top:286px;left: 412px;width: 400px;border-top: 1px solid #dcdcdc;} .organ1 .lv1>ul{position: absolute;width: auto;top: 150px;left: 20px;padding: 0;margin: 0 0 0 50px;} .organ1 .lv2:before{content: "";display:none;position: absolute;top:270px;left: 412px;width: 468px;border-top: 1px solid #dcdcdc;} .organ1 .lv2 strong{background-color: #1f4877;color:#fff;margin-bottom:70px !important;} .organ1 .lv2 strong:nth-child(2){margin-bottom:0 !important;} .organ1 .lv2 strong a{color:#fff;} .organ .lv2:after{display: block;bottom: -15px;height:360px;} .organ1 .lv3:before{content: "";display: block;position: absolute;top:97px;left:93px;width:843px;border-top: 2px solid #ccc;} .organ1>li>ul:after{content: "";display: none;position: absolute;top: 0px;left: 880px;height: 887px;border-left: 2px solid #ccc;} .organ1 li.organ1_2_6:after{content: "";display: block;position: absolute;top: -15px;left: -263px;width:840px;border-top: 2px solid #ccc;} .organ1 li.organ1_2_11:after{content: "";display: block;position: absolute;top: -15px;left: -432px;width: 843px;border-top: 2px solid #ccc;} .organ1 li.organ1_2_15:after{content: "";display: block;position: absolute;top: -15px;left: -432px;width: 843px;border-top: 2px solid #ccc;} .organ1>li>ul>li>a:after{content: "";display: block;position: absolute;top: -15px;left: calc(50% - 2px);height: 15px;border-left: 2px solid #ccc;} .organ1>li>ul:before{content: "";display: block;position: absolute;top: 45px;left: 934px;height:82px;border-left: 2px solid #ccc;} .organ1 .lv4:before{position: absolute;content: "";display:none;top: -65px;left: 170px;width: 641px;border-top: 1px solid #dcdcdc;} .organ1 .lv4:after, .organ1 .lv5:after{top: -65px;left: 170px;height: 140px;} .organ1 .lv4, .organ1 .lv5, .organ1 .lv6{float: left;margin-left: 32px;margin-top: 50px;} .organ1 .lv4 strong, .organ1 .lv5 strong, .organ1 .lv6 strong{background-color: #4c6377;margin-left: 70px !important;} .organ1 .lv4>ul:before, .organ1 .lv5>ul:before{height: auto;border-top: 2px solid #ccc;} .organ1 .lv4>ul:before, .organ1 .lv5>ul:before{top: 20px;left: 71px;width: 156px;} .organ1 .lv4>ul>li, .organ1 .lv5>ul>li{width: 140px;} .organ1 .lv4 li[class^="organ1_2"], .organ1 .lv5 li[class^="organ1_2"]{height: auto;} .organ1 .lv3>ul{padding-bottom: 0px;} .organ1 .lv4>ul, .organ1 .lv5>ul, .organ1 .lv6>ul{padding:35px 0;} .organ2{position: relative;} .organ2 a{font-weight: 400;font-size:1em;} .organ2>li{position: relative;} .organ2>li>strong{margin-left: 0;background-color: #118296;} .organ2>li>strong a{color:#fff;} .organ2>li>ul{padding-top: 15px;overflow: hidden;} .organ2>li>ul>li{position: relative;float: left;width:105px;margin: 15px 0 0 5px;text-align: left;border: 1px solid #dcdcdc;background-color: #fff;} .organ2>li>ul>li>a{display: block;padding:13px 5px;padding-right:15px;line-height: 1;font-size:13px;background: url(/images/kor/sub05/organ_lv2.png) no-repeat 98% 50%;color: #484848;} .organ2 .village1{margin-left: 0;} .organ2>li:after{content: "";position: absolute;top: 55px;left: 90px;height: 15px;border-left: 2px solid #ccc;} .organ2:after{content: "";display: block;position: absolute;top: 70px;left: 67px;width: 771px;border-top: 2px solid #ccc;} .organ2>li>ul>li:after{content: "";position: absolute;top: -15px;left: 66px;height: 15px;border-left: 2px solid #ccc;} .organ>a.taean_council{display: block;font-weight: 400;font-size: 1.2em;color: #fff;position:absolute;top:260px;right: 35%;margin-right:-250px;width: 180px;padding: 13px 0;text-align: center;background-color:#2c8000;z-index: 9999;} @media(max-width:945px){ .organ{width:100%;margin:0 auto;} .organ1 li.organ1_2_1:after, .organ1 li.organ1_2_6:after, .organ1 li.organ1_2_11:after{width:600px;} .organ1 li.organ1_2_6:after{left:-95px;} .organ1 li.organ1_2_11:after{left:-264px;} .organ1 li.organ1_2_14:after{width:600px;content: "";display:block;position:absolute;top:-15px;left: -95px;border-top: 1px solid #ccc;} .organ1>li>ul:after{left:705px;} .organ1>li>ul:before{left:673px;height:240px;} .organ1 .lv3:before{width: 293px;} .organ1 .lv4, .organ1 .lv5, .organ1 .lv6{margin-left:10px;} .organ1 .lv4:before{width:526px;} .organ2>li>ul{max-width:700px;} .organ2 .village5{margin-left:0px;} .organ2 .village6{margin-left:15px;} .organ2 .village7{margin-left:15px;} .organ1 .lv1>a {margin-left:0;margin:0 auto;} .organ1>li:after{left:50%;} .organ .lv2:after{height:155px;} .organ1 .lv2 strong{margin-left: 0;margin:0 auto;} .organ1 .lv1:before{width:120px;} .organ1 .lv1>ul>li{width:150px;} .organ1 .lv1:before{width:140px;left:220px;} .organ1 .lv3:before{left:360px;width:345px;} .organ2>li>ul>li{width:155px;} .organ2:after{width:481px;} .organ>a.taean_council{margin-right: -300px;} } @media(max-width:750px){ .organ{width:100%;margin:0 auto;} .organ1 .lv3{max-width:530px;} .organ1 .lv4, .organ1 .lv5, .organ1 .lv6{float: none;} .organ1 .lv4, .organ1 .lv5{margin-left: 80px;} .organ1>li>ul:before{left:505px;} .organ1>li>ul:after {left:525px;} .organ1 li.organ1_2_1:after, .organ1 li.organ1_2_6:after, .organ1 li.organ1_2_11:after, .organ1 li.organ1_2_14:after, .organ1 li.organ1_2_9:after{width:432px;} .organ1 li.organ1_2_6:after{left: -264px;} .organ1 li.organ1_2_9:after{content: "";display:block;position:absolute;top:-15px;left: -264px;border-top: 1px solid #dcdcdc;} .organ1 li.organ1_2_11:after{left: -95px;} .organ1>li>ul:before{height: 320px;} .organ1 .lv3:before{width: 250px;left:276px;} .organ1 .lv4:before{width: 275px;} .organ1 .lv5:before {position: absolute;content: "";top: -65px;left: 170px;width: 275px;border-top: 1px solid #dcdcdc;} .organ1 .lv5:after{height:270px;top:-197px;} .organ1 .lv5:before{display:none} .organ1 .lv4:after, .organ1 .lv5:after{left: 167px;} .organ2{max-width:530px;} .organ1 .lv1>ul{left:-25px;} .organ1 .lv1:before{width:100px;left:175px;} .organ2 .village5{margin-left:15px} .organ2 .village4, .organ2 .village7{margin-left:0;} .organ2:after{width:321px;} .organ>a.taean_council{width:150px;margin-right:-250px;} } @media(max-width:580px){ .organ {width: 100%;margin: 0 auto;} .organ1>li{padding-bottom: 0} .organ1 .lv1>a{width:100%;height:60px;line-height:60px;margin-left:0;border-radius:0;} .organ1 .lv1>ul{top:90px;} .organ1 .lv2{padding-top: 70px;padding-bottom:15px;} .organ1 .lv2 strong{width:100%;margin-bottom: 30px !important;} .organ1 .lv3:before, .organ1 .lv3>ul:after, .organ1 .lv3>ul>li:after, .organ1 .lv3>ul>li>a:after, .organ1 .lv4:before, .organ1 .lv4:after, .organ1 .lv5:after, .organ1 .lv4>ul:before, .organ1 .lv5>ul:before, .organ1>li>ul>li>a:after, .organ1>li>ul:after, .organ2>li:after, .organ2:after, .organ2>li>ul>li:after, .organ1 .lv1:before{display:none} .organ1>li>ul{padding:0;} .organ1 li[class^="organ1_2"]{font-size: 1.2em;width: 100%;height:65px;text-align: center;} .organ1 .lv4, .organ1 .lv5, .organ1 .lv6{margin-top: 0;margin-left:0;} .organ1 .lv1>ul{width:100%;left:-50px;} .organ1>li>ul:after{display:block;position:absolute;top: 25px;left: 50%;margin-left:-95px;width: 95px;border-left:0;border-top: 1px solid #dcdcdc;} .organ1 .lv4, .organ1 .lv5, .organ1 .lv6{width:100%;} .organ1 .lv4 strong, .organ1 .lv5 strong, .organ1 .lv6 strong{width: 100%;height: 60px;line-height: 60px;margin:0;padding:0;} .organ1 .lv4>ul, .organ1 .lv5>ul{padding:0;padding-top: 15px;} .organ1 .lv4 li[class^="organ1_2"], .organ1 .lv5 li[class^="organ1_2"]{width:100%;margin:0;margin-bottom:15px;} .organ2, .organ2>li>ul{max-width:none;} .organ2>li>strong{width:100%;} .organ2>li>ul>li{width: 100%;margin-left: 0;} .organ2>li>ul{padding-top: 0} .organ2 .village5, .organ2 .village6{margin-left: 0} .organ>a.taean_council{margin-right: 0;right: 0;top: 90px;padding: 10px 0;width:100%;} .organ1>li:after{height:80px;border-left: 1px solid #dcdcdc;z-index:-9999} .organ .lv2:after{height: 197px;} } /* 조직안내 sub0103 End */ /* 청사안내 sub010601 End */ .building_information .imgbox.addline img{border:2px solid #dedede;} /* 청사안내 sub010601 End */ /* 임대 사업소 위치 sub01_07_01 */ .location_establishment .index_box .box-wrap .info-wrap .info-box:hover, .index_box .box-wrap .info-wrap .info-box:focus{border: 1px solid #fff;} /* 임대 사업소 위치 sub01_07_01 End */ /* 대표 농산물 sub0202 */ .representative_product{margin-top: 80px;} .representative_product .top_txt{text-align: center;margin-bottom: 100px;} .representative_product .top_txt .top h2{margin-bottom: 5px;font-family: 'Gmarket Sans';font-weight: bold;font-size: 30px;color: #333;line-height: 1;} .representative_product .top_txt .top strong{display: inline-block;margin-bottom: 30px;font-family: 'Gmarket Sans';font-weight: 400;font-size: 14px;color: #507fd4;line-height: 1;letter-spacing: -0.025rem;} .representative_product .top_txt .bottom p{font-size: 15px;color: #444;line-height: 1.33;letter-spacing: 0;margin-bottom: 15px;word-break: keep-all;} .representative_product .item-box{margin-top: 80px;padding: 45px 35px;width: 100%;border-radius: 20px;background: #ddd;} .representative_product .item-box.c1{background: #eefcef;} .representative_product .item-box.c2{background: #fff8f8;} .representative_product .item-box.c3{background: #fff8f2;} .representative_product .item-box.c4{background: #fff8fd;} .representative_product .item-box.c5{background: #fff7fa;} .representative_product .item-box.c6{background: #fffaf5;} .representative_product .item-box.c2 .item .title-box .title{background: #d7493f;} .representative_product .item-box.c2 .item .title-box .sub-title{color: #d7493f;} .representative_product .item-box.c2 .mascot-box .txt .title{color: #d7493f;} .representative_product .item-box.c3 .item .title-box .title{background: #df5f20;} .representative_product .item-box.c3 .item .title-box .sub-title{color: #df5f20;} .representative_product .item-box.c3 .mascot-box .txt .title{color: #df5f20;} .representative_product .item-box.c4 .item .title-box .title{background: #a85d93;} .representative_product .item-box.c4 .item .title-box .sub-title{color: #a85d93;} .representative_product .item-box.c4 .mascot-box .txt .title{color: #a85d93;} .representative_product .item-box.c5 .item .title-box .title{background: #eb5588;} .representative_product .item-box.c5 .item .title-box .sub-title{color: #eb5588;} .representative_product .item-box.c5 .mascot-box .txt .title{color: #eb5588;} .representative_product .item-box.c6 .item .title-box .title{background: #a27730;} .representative_product .item-box.c6 .item .title-box .sub-title{color: #a27730;} .representative_product .item-box.c6 .mascot-box .txt .title{color: #a27730;} .representative_product .item-box .item .title-box{display: flex;align-items: center;font-family: 'Gmarket Sans';font-size: 24px;font-weight: bold;line-height: 1;letter-spacing: 0;} .representative_product .item-box .item .title-box .title{padding: 15px 25px; font: inherit;background: #3a933e;border-radius: 26px;color: #fff;margin-right: 20px;} .representative_product .item-box .item .title-box .sub-title{font: inherit;color: #3a933e;line-height: 1.2;text-align: center;word-break: keep-all;} .representative_product .item-box .item .txt{margin-top: 30px;font-size: 15px;color: #444;letter-spacing: 0;line-height: 1.33;} .representative_product .item-box .mascot-box{display: flex;margin-top: 50px;} .representative_product .item-box .mascot-box .mascot{display: flex;align-items: flex-start;justify-content: flex-start;width: 262px;margin-right: 30px;} .representative_product .item-box .mascot-box .txt{width: calc(100% - 292px);} .representative_product .item-box .mascot-box .txt .title{font-family: 'Gmarket Sans';font-size: 24px;color: #3a933e;line-height: 1;letter-spacing: 0;font-weight: 500;} .representative_product .item-box .mascot-box .txt strong{display: inline-block;margin-top: 30px;font-size: 20px;color: #222;line-height: 1.2;letter-spacing: 0;font-weight: bold;} .representative_product .item-box .mascot-box .txt p{margin-top: 20px;color: #444;line-height: 1.33;letter-spacing: 0;font-size: 15px;} .representative_product .item-box.c4 .mascot-box .txt strong{color: #444;font-size: 18px;} .representative_product .item-box.c4 .mascot-box .txt p{margin-top: 10px;} .representative_product .item-box.c4 .photobox-wrap .photobox strong{font-size: 18px; color: #444;} .representative_product .item-box .photobox-wrap{display: flex;justify-content: space-between;margin-top: 46px;} .representative_product .item-box .photobox-wrap .photobox{width: 100%;} .representative_product .item-box .photobox-wrap .photobox .photo{width: 100%;min-height: 138px;} .representative_product .item-box .photobox-wrap .photobox .photo img{width: 100%;border-radius: 20px;} .representative_product .item-box .photobox-wrap .photobox strong{display: inline-block;margin-top: 20px;font-weight: bold;font-size: 16px;line-height: 1;letter-spacing: 0;color: #222;} .representative_product .item-box .photobox-wrap .photobox p{color: #444;font-size: 15px;line-height: 1.33;} .representative_product .item-box .mascot-box .txt .photo_box{margin-top: 30px;} .representative_product .item-box .mascot-box .txt .photo_box img{width: 100%;border-radius: 20px;} .representative_product .item-box .mascot-box .txt .photo_title{margin-top: 20px;} @media (max-width: 767px){ .representative_product .top_txt{margin-bottom: 50px;} .representative_product .top_txt .bottom p br{display: none;} .representative_product .item-box{margin-top: 50px;} .representative_product .item-box .item .txt{text-align: center;} .representative_product .item-box .item .title-box{flex-direction: column;} .representative_product .item-box .item .title-box .title{margin-bottom: 20px;} .representative_product .item-box .mascot-box{flex-direction: column; align-items: center;} .representative_product .item-box .mascot-box .mascot{margin-right: 0;margin-bottom: 50px;width: 100%;justify-content: center;} .representative_product .item-box .mascot-box .txt{display: flex;flex-direction: column;align-items: center;width: 100%;} .representative_product .item-box .mascot-box .txt .title{font-size: 21px;word-break: keep-all;text-align: center;} .representative_product .item-box .mascot-box .txt p{text-align: center;} .representative_product .item-box .photobox-wrap{flex-wrap: wrap;} } @media (max-width: 580px){ .representative_product .item-box .mascot-box .txt .photo_box{min-height: auto;} } /* 대표 농산물 sub0202 End */ /* 귀농귀촌정보 sub0410 */ .index_box .box-wrap{padding: 105px 75px; background: #f2f7f9;text-align: center;} .index_box .box-wrap .title{font-family: 'Gmarket Sans';font-weight: bold;color: #222;font-size: 36px;line-height: 1.2;word-break: keep-all;} .index_box .box-wrap .title .blue_txt{font: inherit; color: #2452a7;} .index_box .box-wrap .info-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;} .index_box .box-wrap .info-wrap .info-box{display: flex;flex-direction: column;align-items: center;justify-content: space-between;margin-top: 45px;padding: 40px 15px;width: calc(50% - 20px);border: 1px solid #fff;background: #fff;border-radius: 15px;box-shadow: 0px 5px 10px 0px rgb(0, 0, 0, 0.1);;} .index_box .box-wrap .info-wrap .info-box strong{font-size: 20px;color: #222;letter-spacing: -0.025rem;font-weight: bold;line-height: 1.2;word-break: keep-all;} .index_box .box-wrap .info-wrap .info-box p{letter-spacing: -0.025rem;font-size: 15px;color: #666;line-height: 1.46;margin-top: 10px;word-break: keep-all;} .index_box .box-wrap .info-wrap .info-box .info_btn{display: flex;align-items: center;justify-content: center;margin-top: 25px;padding: 3.5px 10px; font-size: 15px;color: #fff;background: #6589d3;min-width: 95px;border-radius: 15px;} .index_box .box-wrap .info-wrap .info-box .info_btn span{margin-right: 5px;} .index_box .box-wrap .info-wrap .info-box .info_btn .arrow_ico{width: 8px;height: 8px;border: 2px solid #fff;border-bottom: 0;border-left: 0;transform: rotate(45deg);display: inline-block;} .index_box .box-wrap .info-wrap .info-box:hover, .index_box .box-wrap .info-wrap .info-box:focus{border: 1px solid #2452a7;} @media(max-width : 767px){ .index_box .box-wrap{padding: 105px 20px;} .index_box .box-wrap .info-wrap .info-box{width: 100%;padding: 40px 20px;} } /* 귀농귀촌정보 sub0410 */ /* 가격유통정보 sub0500 */ .price_information .index_box .box-wrap{position: relative;padding: 105px 75px 31%;} .price_information .index_box .box-wrap::after{content: "";position: absolute;width: 100%;height: 266px; bottom: 0;left: 0;background: url(/images/farm/sub05/bg.png) bottom/100% no-repeat;} .price_information .index_box .box-wrap .info-wrap .info-box{width: calc(33.3% - 20px);} @media(max-width : 860px){ .price_information .index_box .box-wrap{padding: 105px 75px 31%;} .price_information .index_box .box-wrap .info-wrap .info-box{padding: 40px 20px;} .price_information .index_box .box-wrap .info-wrap .info-box{width: calc(50% - 20px);} } @media(max-width : 767px){ .price_information .index_box .box-wrap{padding: 105px 20px 31%;} .price_information .index_box .box-wrap .info-wrap .info-box{width: 100%;} } /* 가격유통정보 sub0500 */ /* 20210121 sub050501 조직도 수정 */ .s050501 .organ1 .lv1 > a {font-size: 28px;} .s050501 .organ1 .lv2 strong a {font-size: 22px;} .s050501 .organ1 .lv2:before {top: 210px;} .s050501 .organ .lv2:after {height:415px;} .s050501 .organ1 .lv2 strong {margin-bottom: 40px !important;} .s050501 .organ1 .lv2 strong:nth-of-type(2) a,.s050501 .organ1 .lv2 strong:nth-of-type(3) a {font-size: 18px;} .s050501 .organ1 .lv3 strong{background:#D14164;} .s050501 .organ1 .lv3 strong a{font-size:18px !important; color:#fff !important;} .s050501 .organ1 .lv3_1 strong{background:#087EAC;} .s050501 .organ1 .lv3_1 strong a{font-size:18px !important; color:#fff !important;} .s050501 .organ1 .lv3_1 strong a:after{content:"";position: absolute;top:54px;left:calc(50% - 2px);height:50px;border-left:2px solid #ccc;} .s050501 .organ1 .lv3_1 strong a:before{content:"";position: absolute;top:-45px;left:calc(50% - 2px);height:45px;border-left:2px solid #ccc;} @media (max-width: 768px){ .organ1 .lv2_1 .lv2_1_1,.organ1 .lv2_1 .lv2_1_2,.s050501 .organ1 .lv3 strong,.s050501 .organ1 .lv3_1 strong{position: relative;width:100%;left:auto;right:auto;} .organ1 .lv2_1{height:auto;} } .s050501 .organ1>li>ul>li>a {font-size: 16px;} .s050501 .organ1 .lv4 {margin-left: 0;} .s050501 .organ1 .lv4>ul:before {width: 156px;} .s050501 .organ1 .lv4:before {width: 711px;} .s050501 .organ1 .lv5 {margin-left: 31px;} .s050501 .organ1>li.lv4>ul>li, .s050501 .organ1>li.lv5>ul>li, .s050501 .organ1>li.lv6>ul>li {margin-left:0;} .s050501 .organ1 .lv1:before {display: none;} .s050501 .organ1 li.organ1_2_6:after {left:77px;} .s050501 .organ1 li.organ1_2_11:after {left: -112px;} .s050501 .organ1 li.organ1_2_15:after {left: 75px;} .s050501 .organ1 .lv4:after, .s050501 .organ1 .lv5:after {height: 138px;} .s050501 .organ2 {padding-left: 30px;} .s050501 .organ2>li>strong {margin-bottom: 15px !important;margin: 0 auto;} .s050501 .organ2>li:after {top: 30px; height: 162px; left: -30px;} .s050501 .organ2:after {top: 30px; width: 50%; left: 0;} .s050501 .organ2>li>ul>li {width: calc(25% - 5px); padding: 5px; margin-bottom: 40px;} .s050501 .organ2>li>ul>li:after {left: 50%;} .s050501 .organ2>li>ul>li>a {font-size: 15px;} .s050501 .organ2 .village5 {margin-left: 0;} .s050501 .organ2 li ul li::before {content: ""; position: absolute; top: -15px; width: 105%; border-top: 2px solid #ccc; height: 1px; right: 50%;} .s050501 .organ2 li ul::before {content: ""; position: absolute; top: 83px; left: -30px; width: 30px; height: 107px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;} .organ1 .lv4 strong:after, .organ1 .lv5 strong:after, .organ1 .lv6 strong:after {content: ""; display: none; position: absolute; top: 53px; left: calc(50% - 4px); height: 21px; border-left: 2px solid #ccc; display: block; bottom: -15px;} .organ1 .lv6 strong:after {height:40px;} .organ1>li.lv6>ul>li.organ1_2_24>a:after {display:none;} .organ1>li.lv6>ul>li.organ1_2_24 {float: right;margin-right: 6px;} @media(max-width:1200px){ .s050501 {padding-right: 30px;} .s050501 .organ1 .lv1>a {margin: 0 auto;} .s050501 .organ strong {margin: 0 auto;} .s050501 .organ1>li:after {display: none;} .s050501 .organ .lv2:after {height: 355px;} .s050501 .organ1 .lv2:before {left: 50%;} .s050501 .organ1>li>ul>li {width: 25%; max-width: 165px;margin-left: 0;} .s050501 .organ1>li>ul:before {height: 321px; width: 50px; background-color: #fff;left: auto; right: 1px; z-index: 99;} .s050501 .organ1 .lv3:before {width: 790px; left: 84px;} .s050501 .organ1 li.organ1_2_6:after {left: -283px; width: 790px;} .s050501 .organ1 li.organ1_2_11:after {left: auto; right: -159px; width: 790px;} .s050501 .organ1 li.organ1_2_15:after {left: auto; right: -159px; width: 790px;} .s050501 .organ1 li.organ1_2_18:after {content: ""; display: block; position: absolute; top: -15px; left: -281px; width: 733px; border-top: 2px solid #ccc;} .s050501 .organ1 .lv4 {width: 100%;} .s050501 .organ1 .lv4:before {width: 50%; left: auto; right: 0;} .s050501 .organ1 .lv4 li {width: 33.3333%; max-width: none; margin: 0 0 15px 0;} .s050501 .organ1 .lv4 li:first-child {margin-left: 0;} .s050501 .organ1>li>ul>li>a {max-width: 210px; margin: 0 auto;} .s050501 .organ1 .lv4>ul:before {width: 33.333%; height: 1px; left: 33.333%; transform: translateX(-50%);} .s050501 .organ1 .lv5, .s050501 .organ1 .lv6 {width: 100%; margin-left: 0;} .s050501 .organ1 .lv5 li {width: 33.3333%; max-width: none; margin: 0 0 15px 0;} .s050501 .organ1 .lv5>ul:before {width: 33.3333%; height: 1px; left: 33.3333%; transform: translateX(-50%);} .s050501 .organ1 .lv4:after, .s050501 .organ1 .lv5:after {height: 275px;} .s050501 .organ1>li>ul:after {display: none;} .s050501 .organ1 .lv1:after {content: ""; position: absolute; width: 1px; height: 448px; border-left: 2px solid #dcdcdc; top: 0; left: 50%; transform: translateX(-50%); display: block; z-index: -99;} .s050501 .organ1 .lv3:after {content: ""; position: absolute; width: 1px; height: 460px; border-left: 1px solid #dcdcdc; top: 0; left: calc(100% - 1px); z-index: -99;} .s050501 .organ1 .lv4:after {content: ""; position: absolute; width: 1px; height: 140px; border-left: 2px solid #dcdcdc; top: 0; left: 50%; transform: translateX(-50%); display: block; z-index: -99;} .s050501 .organ1 .lv5:after {content: ""; position: absolute; width: 1px; height: 192px; border-left: 2px solid #dcdcdc; top: -120px; left: 50%; transform: translateX(-50%); display: block; z-index: -99;} .s050501 .organ2:after {width: 390px;} .organ1>li.lv6>ul>li.organ1_2_24 {margin: 0 auto; float: none;} .s050501 .organ1>li.lv6>ul:before {display:none;} } @media(max-width: 1100px) { .s050501 .organ1>li>ul:before {width: 25px;} } @media(max-width: 1023px) { .s050501 .organ1 .lv3:before {display: none;} .s050501 .organ1 li.organ1_2_6:after {display: none;} .s050501 .organ1 li.organ1_2_11:after {display: none;} .s050501 .organ1 li.organ1_2_15:after {display: none;} .s050501 .organ1 li.organ1_2_14:after {display: none;} .s050501 .organ1 li.organ1_2_18:after {display: none;} .s050501 .organ1>li>ul>li {max-width: none; width: calc(33.3333% - 10px); margin-right: 0; margin-left:0;} .s050501 .organ1>li>ul:before {height: 480px;} .s050501 .organ1 .lv3:after {height: 620px;} .s050501 .organ1 .lv3 ul li::before {content: ""; position: absolute; top: -15px; width: 105%; border-top: 2px solid #dcdcdc; height: 2px; left: 50%;} .s050501 .organ1 .lv3 ul li.organ1_2_18::before {width: calc(250% + 4px);} } @media(max-width: 945px) { .s050501 .organ {width: 100%;} .s050501 .organ2>li>ul {max-width: none;} .s050501 .organ2 .village6 {margin-left: 5px;} .s050501 .organ2 .village7 {margin-left: 5px;} .s050501 .organ2 .village8 {margin-left: 5px;} } @media(max-width:768px){ .s050501 {padding-right: 0;} .s050501 .organ {width: 95%;margin: 0 auto;} .s050501 .organ1>li{padding-bottom: 0} .s050501 .organ1 .lv1>a{width:100%;height:60px;line-height:60px;margin-left:0;border-radius:0;} .s050501 .organ1 .lv1>ul{top:90px;} .s050501 .organ1 .lv2{padding-top: 40px;padding-bottom:15px;} .s050501 .organ1 .lv2 strong{width:100%;margin-bottom: 30px !important;} .s050501 .organ1 .lv3:before, .s050501 .organ1 .lv3>ul:after, .s050501 .organ1 .lv3>ul>li:after, .s050501 .organ1 .lv3>ul>li>a:after, .s050501 .organ1 .lv4:before, .s050501 .organ1 .lv4:after, .s050501 .organ1 .lv5:after, .s050501 .organ1 .lv4>ul:before, .s050501 .organ1 .lv5>ul:before, .s050501 .organ1>li>ul>li>a:after, .s050501 .organ1>li>ul:after, .s050501 .organ2>li:after, .s050501 .organ2:after, .s050501 .organ2>li>ul>li:after, .s050501 .organ1 .lv1:before {display:none;} .s050501 .organ1>li>ul{padding:0;} .s050501 .organ1 li[class^="organ1_2"]{font-size: 1.2em;width: 100%;height:65px;text-align: center;} .s050501 .organ1 .lv4, .s050501 .organ1 .lv5, .s050501 .organ1 .lv6 {margin-top: 0;margin-left:0;} .s050501 .organ1 .lv1>ul{width:100%;left:-50px;} .s050501 .organ1>li>ul:after{display:block;position:absolute;top: 25px;left: 50%;margin-left:-95px;width: 95px;border-left:0;border-top: 1px solid #dcdcdc;} .s050501 .organ1 .lv4, .s050501 .organ1 .lv5, .s050501 .organ1 .lv6{width:100%;} .s050501 .organ1 .lv4 strong, .s050501 .organ1 .lv5 strong, .s050501 .organ1 .lv6 strong{width: 100%;height: 60px;line-height: 60px;margin:0;padding:0;} .s050501 .organ1 .lv4>ul, .s050501 .organ1 .lv5>ul, .s050501 .organ1 .lv6>ul{padding:0;padding-top: 15px;} .s050501 .organ1 .lv4 li[class^="organ1_2"], .s050501 .organ1 .lv5 li[class^="organ1_2"]{width:100%;margin:0;margin-bottom:15px;} .s050501 .organ2, .s050501 .organ2>li>ul{max-width:none;} .s050501 .organ2>li>strong{width:100%;} .s050501 .organ2>li>ul>li{width: 100%;margin-left: 0;} .s050501 .organ2>li>ul{padding-top: 0} .s050501 .organ2 .village5, .s050501 .organ2 .village6{margin-left: 0} .s050501 .organ>a.taean_council{margin-right: 0;right: 0;top: 90px;padding: 10px 0;width:100%;} .s050501 .organ1>li:after{height:2500px;border-left: 1px solid #dcdcdc;z-index:-9999;} .s050501 .organ .lv2:after{height: 197px;} .s050501 .organ1>li>ul>li {max-width: none;} .s050501 .organ1>li>ul>li>a {max-width: none;} .s050501 .organ1>li>ul:before {display: none;} .s050501 .organ1 .lv3 {max-width: none;} .s050501 .organ1 .lv3 ul li::before {display: none;} .s050501 .organ1 .lv3 ul li.organ1_2_18::before {display: none;} .s050501 .organ1 .lv3:after {display: none;} .s050501 .organ2 {padding-left: 0;} .s050501 .organ2 li ul::before {display: none;} .s050501 .organ2 li ul li::before {display: none;} .s050501 .organ2>li>ul>li {margin-bottom: 5px;} .s050501 .organ1 .lv4 strong {margin-top: 20px;} .s050501 .organ1 .lv1:after {height: 2200px;} .s050501 .organ2>li:after {left: 50%; height: 565px; display: block; z-index: -9;} .s050501 .organ1 .lv2:before {display: none;} .s050501 .organ2 .village6 {margin-left: 0;} .s050501 .organ2 .village7 {margin-left: 0;} .s050501 .organ2 .village8 {margin-left: 0;} .organ1>li.lv6>ul>li.organ1_2_24 {margin-right:0;} } /* 20200727 sub050501 조직도 수정 End */ .floor_guide{width:100%;overflow:hidden;border:1px solid #ddd;text-align: center;} .floor_guide img{max-width: 100%} .ui-top-dept figure{position:relative;margin:30px 0;padding:0;border:none;} .ui-top-dept figure .pic{max-width:560px} .ui-top-dept figcaption{position:absolute;top:94px;right:0;width:478px;padding:52px;background-color:#fafafa} .ui-top-dept figcaption .tit{position:relative;margin-bottom:10px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:20px;line-height:160%;font-weight:600;} .ui-top-dept figcaption p{color:#666;font-size:14px;line-height:160%;} .ui-top-dept figcaption p strong{color:#121212;font-family:'nsr','Malgun Gothic';font-weight:600;} @media(max-width:639px){ .ui-top-dept figcaption{position:relative;top:auto;width:100%;padding:20px;} } .ui-row-cnt .ui-item .list_1st li strong{position:relative;display:inline-block;margin-right:10px;padding-right:10px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:15px;} .ui-row-cnt .ui-item .list_1st li strong:before{content: "";display:block;position:absolute;top:6px;right:0;width:1px;height:12px;background-color:#dcdcdc;} .ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo1{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo1.jpg) no-repeat;} .ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo2{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo2.jpg) no-repeat;} .ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo3{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo3.jpg) no-repeat;} .ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo4{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo4.jpg) no-repeat;} .ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo5{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo5.jpg) no-repeat;} .ui-row-cnt .ui-item .ui-tit.sub05_08_01_logo6{width:248px;height:159px;font-size:0;background:url(/images/kor/sub05/sub05_08_01_logo6.jpg) no-repeat;} .cmn_ico {} .cmn_ico *{margin:0;padding:0;border:0;letter-spacing:normal;background:url(/images/kor/sub05/bg_ico.png);/*background-image: url(/images/mayor/common/bg_ico.svg), none;*/} .cmn_ico .bico {position:absolute;display:block;} .cmn_tx {} .cmn_tx *{margin:0;padding:0;border:0;letter-spacing:normal;background:url(/images/kor/sub05/bg_tx.png);/*background-image: url(/images/mayor/common/bg_ico.svg), none;*/} .cmn_tx .bico {position:absolute;display:block;font-size:0;text-indent: -999px;overflow:hidden;} /* common 공약아이콘_small */ .glico_s .bico{width:50px;height:50px;} .glico_s .gl1 .bico {background-position:0px -20px} .glico_s .gl2 .bico {background-position:-50px -20px} .glico_s .gl3 .bico {background-position:-100px -20px} .glico_s .gl4 .bico {background-position:-150px -20px} .glico_s .gl5 .bico {background-position:-200px -20px} .glico_s .gl6 .bico {background-position:-250px -20px} .glico_s .gl7 .bico {background-position:0 -70px} .glico_s .gl8 .bico {background-position:-50px -70px} .glico_s .gl9 .bico {background-position:-100px -70px} .glico_s .gl10 .bico {background-position:-150px -70px} .glico_s .gl11 .bico {background-position:-200px -70px} .glico_s .gl12 .bico {background-position:-250px -70px} /* sub2_1비전 */ .goaltop {width:270px;margin:0 auto;text-align:center;} .goaltop div {width:270px;height:460px;margin:0 auto;background:url(/images/kor/sub05/bg_goal.png) -145px 0; } .goaltop div p{color:#888;font-family:'nsr','Malgun Gothic';font-size:20px;} .goaltop div p em{display:block;padding:40px 0 80px;color:#121212;font-family:'nsr','Malgun Gothic';font-size:28px;background:none;font-weight:600;} .goaltop div p .bico{position:static;width:290px;height:31px;margin:0 auto;background-position:-390px -96px;} .goaltop {width:290px;margin:0 auto;} .goaltop ul{} .goaltop ul:after{content:"";clear:both;display:block} .goaltop ul li {float:left;width:144px;height:144px;padding:35px 30px 0;text-align:center;color:#fff;background:url(/images/kor/sub05/bg_goal.png);font-size:1.2em;line-height:1.2em;} .goaltop ul li.gt1 {left:0;top:20px;background-position:0 0;} .goaltop ul li.gt2 {left:81px;top:185px;background-position:0 -150px;} .goaltop ul li.gt3 {left:288px;top:270px;background-position:0 -300px;} .goaltop ul li.gt4 {left:493px;top:185px;background-position:0 -450px;} .goaltop ul li.gt5 {left:573px;top:20px;background-position:-1px -600px;} .goaltop ul li em {display:block;padding:1% 0 3%;font-size:0.7em;background:none;} .goaltop ul li .bico {position:static;margin:13px auto 0;} .goaltop ul li.gt1 .bico {width:20px;height:35px;background-position:-110px -370px;} .goaltop ul li.gt2 .bico {width:40px;height:25px;background-position:-130px -370px;} .goaltop ul li.gt3 .bico {width:25px;height:25px;background-position:-170px -370px;} .goaltop ul li.gt4 .bico {width:40px;height:30px;background-position:-200px -370px;} .goaltop ul li.gt5 .bico {width:30px;height:30px;background-position:-239px -370px;} .goalmid {padding:0 0 2%;border:1px solid #8a99a8;} .goalmid h3 {margin:0;padding:0;background:none;} .goalmid h3 .bico {position:static;width:315px;height:48px;margin:0 auto 20px;background-position:-500px 0;} .goalmid ul{border-top:1px dashed #d3d1d0;border-right:1px dashed #d3d1d0;} .goalmid ul li {float:left;display:block;width:31.3%;height:100px;padding:3% 0.5%;border:1px dashed #d3d1d0;border-top:0;border-bottom:0;border-right:0;text-align:center;font-size:0.85em;line-height:1.3em;} .goalmid ul li .bico {position:static;margin:0 auto 10px;} .goalmid ul li em {display:block;background:none;} .goalmid ul li em.smtx {font-size:0.8em} .goalbott p {width:290px;height:290px;margin:0 auto;background:url(/images/kor/sub05/bg_goal.png) -145px -300px;text-indent:-999px;overflow:hidden; } .icoarr{display:block;width:240px;height:60px;margin:30px auto;background:url(/images/kor/sub05/bg_goal.png) 0 -600px;text-indent:-999px;overflow:hidden; } @media all and (min-width:768px){ .goalmid ul li {width:16.66%;height:100px;padding:1% 1%;} .goalmid ul .noln_l {border-left:0;} .goalmid ul .noln_b {border-bottom:0;} .goaltop {position:relative;left:50%;height:460px;width:710px;margin:0 0 0 -354px;} .goaltop ul li {position:absolute;} /* .goaltop ul li.gt1 {left:0;top:140px;} .goaltop ul li.gt2 {left:40px;top:170px;} .goaltop ul li.gt3 {left:310px;top:120px;} .goaltop ul li.gt4 {left:450px;top:0;} */ .goalmid ul{border:0;} } @media all and (max-width:768px){ .goaltop div{height:200px} .goaltop ul{padding-bottom:20px;} .goalmid ul li{width:50%;} } @media all and (max-width:540px){ .goalmid ul li{margin-bottom:20px;padding-bottom:20px;width:100%;background:none;border-bottom:1px dashed #d3d1d0;} } /* 정보공개 */ figure.zoom_view{padding:50px;border:1px solid #ddd;text-align:center;} figure.zoom_view figcaption *{background:none;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;} .btn_view{display:none;} .bx_line {padding:30px;border:1px solid #d5d5d5;text-align:center;} .tbl_basic.bill b{font-size:16px;} .tbl_basic th.tlw, .tbl_basic td.tlw{border-left:1px solid #ccc;} .tbl_basic .alp_sum{display:block;font-size:13px;} .basic_search.yesan_list{float:right;border-top:0;} .tbl_graph_wrap:after{display:block;content:"";clear:both;visibility:hidden;} .tbl_graph_wrap .tbl_basic, .tbl_graph_wrap .graph_wrap{float:left;width:70%;} .tbl_graph_wrap .graph_wrap{width:30%;} .tbl_graph_wrap .graph_wrap.sub04_09_02, .tbl_graph_wrap .graph_wrap.sub04_09_04, .tbl_graph_wrap .graph_wrap.sub04_09_05{padding-left:15px;} .ui.uit.type1.service_mark .inner .tp_icon.circle{top:35px;background:none;} .ui.uit.type1.service_mark .inner .tp_icon.circle .tp_icon{width:98px;height:98px;background:url(/images/kor/sub04/service_mark.gif);} .charter.service_mark{margin-top:30px;padding-top:50px;background:#f7f7f7 url(/images/kor/sub05/sub04_12_01_bg.gif)no-repeat center top;} .charter.service_mark h2{margin-bottom:20px;font-family:'nsr';text-align:center;} .charter.service_mark h2:before{display:none;} .charter.service_mark .b_txt{color:#767676;font-size:16px;line-height:140%;} .charter.service_mark .b_txt span{display:block;} .charter.service_mark .charter_list{margin:50px 0;padding:25px;} .charter.service_mark .charter_txt {padding-top:20px;border-top:1px solid #ddd;} .charter.service_mark .charter_txt p{text-align:center;color:#555;font-size:15px;} @media only screen and (max-width:767px) { .btn_view{display:block;margin:30px 0 15px 0;text-align:center;} .tbl_graph_wrap .tbl_basic, .tbl_graph_wrap .graph_wrap{float:none;width:100%;} .tbl_graph_wrap .graph_wrap img{max-width:none;width:100%;} .tbl_graph_wrap .graph_wrap.sub04_09_02, .tbl_graph_wrap .graph_wrap.sub04_09_04, .tbl_graph_wrap .graph_wrap.sub04_09_05{padding-left:0;} } /* 그래프 */ .graph_box{display:block;position:relative;width:100%;height:160px;} .sub04_09_02 .graph_box, .sub04_09_03 .graph_box{height:210px;} .sub04_09_04 .graph_box{height:240px;} .sub04_09_04.second .graph_box{height:330px;} .sub04_09_05 .graph_box{height:220px;} .graph_box li{position:relative;font-size:13px;} .graph_box .bar-y, .graph_box .bar-y ul{height:100%;} .graph_box .bar-y ul li:before{display:inline-block;content:"";position:absolute;left:18%;top:10px;width:75%;height:1px;background-color:#ddd;} .graph_box .bar-y ul li .tit{position:absolute;left:0;top:0;width:40px;text-align:right;} .graph_box .bar-y ul.col3 li{height:33.3%;} .graph_box .bar-y ul.col5 li{height:20%;} .graph_box .bar-y ul.col6 li{height:16.6%;} .graph_box .bar-y ul.col8 li{height:12.5%;} .graph_box .bar-x{position:absolute;left:0;bottom:0;padding:0 0 21px 30px;/*padding:0 0 7% 10%;*/width:100%;height:100%;} .sub04_09_02 .graph_box .bar-x{padding-bottom:15px;} .sub04_09_03 .graph_box .bar-x{padding-bottom:25px;} .sub04_09_04 .graph_box .bar-x{padding-bottom:30px;} .sub04_09_04.second .graph_box .bar-x{padding-bottom:100px;} .sub04_09_05 .graph_box .bar-x{padding-bottom:33px;} .graph_box .bar-x ul{height:100%;} .graph_box .bar-x ul:after{display:block;content:"";clear:both;visibility:hidden;} .graph_box .bar-x ul li{float:left;text-align:center;height:100%;} .graph_box .bar-x ul li > span{position:absolute;left:0;top:0;margin:0 45%;width:10%;height:100%;} .graph_box .bar-x ul li > span .tit{position:absolute;left:50%;bottom:-37px;margin-left:-150px;width:300px;} .graph_box .bar-x ul li > span em{position:absolute;left:0;bottom:0;width:100%;background-color:#193873;font-size:0;text-indent:-9999px;} .graph_box .bar-x ul li > span em .cate1{bottom:auto;top:0;background-color:#CF2F28;} .graph_box .bar-x ul.col3 li{width:33.3%;} .graph_wrap .tit_box{margin:35px auto 0;width:75%;border:1px solid #ddd;border-radius:10px;text-align:center;} .graph_wrap.sub04_09_04.second .tit_box{margin-top:-40px;} .graph_wrap .tit_box .cate{display:inline-block;margin:0 5px;font-size:13px;} .graph_wrap .tit_box .cate:before{display:inline-block;content:"";margin-right:5px;width:7px;height:7px;background-color:#193873;vertical-align:middle;} .graph_wrap .tit_box .cate.cate2:before{background-color:#CF2F28;} .graph_wrap .tit_box .cate.cate3:before{background-color:#9DC631;} @media only screen and (max-width:767px) { .tbl_graph_wrap .graph_wrap.sub04_09_02, .tbl_graph_wrap .graph_wrap.sub04_09_03{margin:30px 0 70px 0;} .graph_box{margin:0 auto;width:300px;height:300px;transform:rotate(90deg);} .graph_box .bar-y{position:absolute;left:0;bottom:0;width:100%;} .graph_box .bar-y ul{width:100%;} .graph_box .bar-y ul:after{display:block;content:"";clear:both;visibility:hidden;} .graph_box .bar-y ul li{float:right;width:100%;height:100%;} .graph_box .bar-y ul li:before{left:15%;width:75%;} .graph_box .bar-y ul.col5 li{height:20%;} .graph_box .bar-y ul li .tit{left:auto;right:-15px;transform:rotate(-90deg);text-align:center;} .graph_box .bar-x{padding:0 0 49px 30px;} .graph_box .bar-x ul li > span .tit{transform:rotate(-90deg);} .graph_wrap .tit_box{width:210px;} .graph_wrap.sub04_09_04 .tit_box{margin-top:50px;} .graph_wrap.sub04_09_04.second .tit_box{margin:35px auto 0 auto;} .sub04_09_04.second .graph_box{position:relative;left:-40px;} .graph_wrap.sub04_09_05{margin:35px 0 100px 0;} .graph_wrap.sub04_09_02 .graph_box .bar-y ul li .tit, .graph_wrap.sub04_09_05 .graph_box .bar-y ul li .tit{transform:none;} } /* 지방세안내 */ .sub01_02 .ui.uilnk .box_col .col .item{min-height:315px;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico b span{display:block;font-size:13px;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico b.tit{margin:10px 0 20px} .sub01_02 .ui.uilnk.type1 .box_col .col .bico b{margin:10px 0 42px} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico{background: url(/images/kor/sub01/sub01_02_img01.png) no-repeat;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon2{background-position:-130px 0} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon3{background-position:-260px 0;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon4{background-position:-390px 0;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon5{background-position:-520px 0;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon6{background-position:-650px 0;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon7{background-position:-780px 0;} .sub01_02 .ui.uilnk.type1 .box_col .col .bico .ico.icon8{background-position:-910px 0;} /* 읍/면 안내 공통 */ .kor-s5-ir{background:url(/images/kor/sub05/kor-s5-ir.png) no-repeat;font-size:0;line-height:0;} .intro_town{margin-bottom:30px;} .intro_town .vr_wrap{height:390px;background-color:#f0f0f0;} .intro_town .vr_wrap.sub05_07_01_01{background:url(/images/kor/sub05/eubimg1_20181001.jpg) no-repeat 50% 50%} .intro_town .vr_wrap.sub05_07_02_01{background:url(/images/kor/sub05/eubimg2.jpg) no-repeat 50% 50%} .intro_town .vr_wrap.sub05_07_03_01{background:url(/images/kor/sub05/eubimg3.jpg) no-repeat 50% 50%} .intro_town .vr_wrap.sub05_07_04_01{background:url(/images/kor/sub05/eubimg4.jpg) no-repeat 50% 50%} .intro_town .vr_wrap.sub05_07_05_01{background:url(/images/kor/sub05/eubimg5.jpg) no-repeat 50% 20%} .intro_town .vr_wrap.sub05_07_06_01{background:url(/images/kor/sub05/eubimg6.jpg) no-repeat 50% 50%} .intro_town .vr_wrap.sub05_07_07_01{background:url(/images/kor/sub05/eubimg7.jpg) no-repeat 50% 50%} .intro_town .vr_wrap.sub05_07_08_01{background:url(/images/kor/sub05/eubimg8.jpg) no-repeat 50% 50%} .intro_town .intro_txt{padding:20px 40px 25px;background:#47516e url(/images/kor/sub05/intro_town_bg.png) no-repeat 97.5% 0;} .intro_town .intro_txt h2{margin:0 0 10px;color:#fff;font-size:25px;font-weight:normal;line-height:30px;} .intro_town .intro_txt p{color:#b4bdd7;} .intro_town .intro_txt ul{margin-top:15px;} .intro_town .intro_txt ul:after{content:"";display:block;clear:both;visibility:hidden;} .intro_town .intro_txt ul li{float:left;position:relative;;margin-right:20px;padding:2px 0 0 27px;color:#fff;line-height:19px;} .intro_town .intro_txt ul .airvr{padding-left:0;} .intro_town .intro_txt ul li .ir{position:absolute;top:0;left:0;width:21px;height:21px;background-position:-21px 0;} .intro_town .intro_txt ul li:first-child .ir{background-position:0 0;} .intro_town .intro_txt ul .airvr .ir{top:50%;left:10px;margin-top:-11px;background-position:-42px 0;} .intro_town .intro_txt ul .airvr .btn{position:relative;margin-top:-8px;padding:5px 12px 4px 41px;background-color:transparent;border-color:#fff;border-radius:0;} .intro_town .intro_txt ul .airvr .btn:hover, .intro_town .intro_txt ul .airvr .btn:focus{background-color:#fff;color:#4d5876;} @media(max-width:1023px) { .intro_town .vr_wrap{height:340px;} .intro_town{margin-bottom:20px;} .intro_town .intro_txt{padding:20px 35px 25px;} .intro_town .intro_txt h2{font-size:22px;line-height:27px;} } @media(max-width:767px) { .intro_town .vr_wrap{height:290px;background-position:0 50% !important;} .intro_town{margin-bottom:10px;} .intro_town .intro_txt{padding:20px 30px 25px;} .intro_town .intro_txt h2{font-size:20px;line-height:25px;} .intro_town .intro_txt ul li{float:none;margin:7px 0 0;} .intro_town .intro_txt ul li:first-child{margin:0;} } .ui-trace{position:relative;padding-left:313px;background:url(/images/kor/sub05/bg_trace_new.png) no-repeat 0 100px;} .ui-trace .obj{position:relative;padding-left:52px;margin-bottom:50px;} .ui-trace .obj h2{display:block;margin:19px 0;margin-left:-46px;width:100px;height:100px;color:#fff;font-size:16px;text-align:center;line-height:95px;border-radius:100px;background-color:#006bb4;} .ui-trace .obj h2.t2{background-color:#0086e6} .ui-trace .obj h2.t3{background-color:#40ac07} .ui-trace .obj h2.t4{background-color:#e4276e} .ui-trace .obj .item{position:relative;padding:0 36px 24px 36px;} .ui-trace .obj .item *{margin:0;padding:0;} .ui-trace .obj .item:before{content:"";display:block;position:absolute;top:0;left:6px;width:1px;height:100%;background:#ededed;} .ui-trace .obj .item h3{position:relative;margin-bottom:5px;color:#444;font-size:16px;word-wrap:break-word;word-break:keep-all;font-family:'nsr','Malgun Gothic';font-size:20px;color:#121212;line-height:160%;font-weight:600} .ui-trace .obj .item:after{content:"";display:block;position:absolute;top:8px;left:0;width:13px;height:13px;background:url(/images/life/common/history_bul1.png) no-repeat 0 0;} .ui-trace .obj .item p{color:#666;font-size:14px;line-height:160%;word-wrap:break-word;word-break:keep-all;} @media only screen and (max-width:800px) { .ui-trace{position:relative;padding-left:0;background:none;} .ui-trace .obj h2{padding:15px;width:100%;height:auto;text-align:center;border-radius:0;line-height:1.4;} } /* sub01_04 경영공시 */ .ui.uirow.alio{border-top-color:transparent;margin-bottom:50px;padding:0 0 40px;border-bottom-style:dashed;} .ui.uirow.alio .inner .row{margin:0;padding:0;border:0;} .ui.uirow.alio .inner .row .item>ul{overflow:hidden;padding-top:1px;} .ui.uirow.alio .inner .row .item>ul:after{content:"";display:block;clear:both;visibility:hidden;} .ui.uirow.alio .inner .row .item p{margin-bottom:20px;padding:15px;background-color:#fafafa;color:#666;} .ui.uirow.alio .inner .row .item .col{overflow:hidden;margin-top:-1px;} .ui.uirow.alio .inner .row .item .col.line{padding:10px 15px;border:1px solid #d7d7d7;} .ui.uirow.alio .inner .row .item .col>a, .ui.uirow.alio .inner .row .item .col>a:link, .ui.uirow.alio .inner .row .item .col>a:visited{display:block;position:relative;padding:0 55px 0 15px;border:1px solid #d7d7d7;color:#333;} .ui.uirow.alio .inner .row .item .col>a:hover, .ui.uirow.alio .inner .row .item .col>a:focus{border-color:#004a93;} .ui.uirow.alio .inner .row .item .col>a:before{content:"";display:inline-block;height:44px;vertical-align:middle;} .ui.uirow.alio .inner .row .item .col>a:hover:after, .ui.uirow.alio .inner .row .item .col>a:focus:after{content:"";display:block;position:absolute;bottom:-1px;left:-1px;width:101%;height:1px;background-color:#004a93;z-index:1;} .ui.uirow.alio .inner .row .item .col>a b{display:inline-block;margin:0;line-height:18px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;} .ui.uirow.alio .inner .row .item .col>a em {color:#666;} .ui.uirow.alio .inner .row .item .col>a span{display:block;position:absolute;top:0;right:-1px;width:46px;height:44px;background:#9aa2ac url(/images/kor/sub01/alio_lnk.png) no-repeat 50% 50%;font-size:0;line-height:0;} .ui.uirow.alio .inner .row .item .col>a:hover span, .ui.uirow.alio .inner .row .item .col>a:focus span{background-color:#004a93;} .ui.uirow.alio .inner .row .item .col>b{display:block;margin-bottom:10px;color:#333;line-height:24px;} .ui.uirow.alio .inner .row .item .list_1st{margin:0;} .ui.uirow.alio .inner .row .item .list_1st:after{content:"";display:block;clear:both;visibility:hidden;} .ui.uirow.alio .inner .row .item .list_1st li{margin:5px 0;background-position:0 9px;line-height:18px;} .ui.uirow.alio .inner .row .item .list_1st li a{display:inline-block;padding-right:23px;background:url(/images/kor/sub01/alio_lnk2.png) no-repeat 100% 50%;line-height:18px;} @media all and (min-width:480px) { .ui.uirow.alio .inner .row .item>ul{padding-left:1px;} .ui.uirow.alio .inner .row .item .col{float:left;} .ui.uirow.alio .inner .row .item .col.lline{border-left:0;} .ui.uirow.alio .inner .row .item .col.col1{width:100%;} .ui.uirow.alio .inner .row .item .col.col2{width:50%;} .ui.uirow.alio .inner .row .item .col>a:hover b:before, .ui.uirow.alio .inner .row .item .col>a:focus b:before{content:"";display:block;position:absolute;top:-1px;right:-1px;width:1px;height:50px;background-color:#004a93;z-index:1;} } @media all and (min-width:640px) { .ui.uirow.alio .inner .row .item .list_1st li{float:left;margin:0 0 5px;width:50%;} } @media all and (min-width:768px) { .ui.uirow.alio .tit_inner span{display:block;} .ui.uirow.alio{padding-left:150px;} } @media all and (min-width:1024px) { .ui.uirow.alio .inner .row .item .list_1st li{width:25%;} .ui.uirow.alio .inner .row .item .col.line{padding:10px 30px;} .ui.uirow.alio .inner .row .item .col>a, .ui.uirow.alio .inner .row .item .col>a:link, .ui.uirow.alio .inner .row .item .col>a:visited{padding:0 70px 0 30px;} } @media all and (min-width:1280px) { .ui.uirow.alio{padding-left:150px;} } figure.zoom_view{padding:50px;border:1px solid #ddd;text-align:center;} figure.zoom_view figcaption *{background:none;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;} .btn_view{display:none;} .bx_line {padding:30px;border:1px solid #d5d5d5;text-align:center;} .tbl_basic.bill b{font-size:16px;} .tbl_basic th.tlw, .tbl_basic td.tlw{border-left:1px solid #ccc;} .basic_search.yesan_list{float:right;border-top:0;} .tbl_graph_wrap:after{display:block;content:"";clear:both;visibility:hidden;} .tbl_graph_wrap .tbl_basic, .tbl_graph_wrap .graph_wrap{float:left;width:70%;} .tbl_graph_wrap .graph_wrap{width:30%;} .tbl_graph_wrap .graph_wrap.sub04_09_02, .tbl_graph_wrap .graph_wrap.sub04_09_04, .tbl_graph_wrap .graph_wrap.sub04_09_05{padding-left:15px;} .ui.uit.type1.service_mark .inner .tp_icon.circle{top:35px;background:none;} .ui.uit.type1.service_mark .inner .tp_icon.circle .tp_icon{width:98px;height:98px;background:url(/images/kor/sub04/service_mark.gif);} .charter.service_mark{margin-top:30px;padding-top:50px;background:#f7f7f7;} .charter.service_mark h2{margin-bottom:20px;font-family:'nsr';text-align:center;} .charter.service_mark h2:before{display:none;} .charter.service_mark .b_txt{color:#767676;font-size:16px;line-height:140%;} .charter.service_mark .b_txt span{display:block;} .charter.service_mark .charter_list{margin-top:50px;} @media only screen and (max-width:767px) { .btn_view{display:block;margin:30px 0 15px 0;text-align:center;} .tbl_graph_wrap .tbl_basic, .tbl_graph_wrap .graph_wrap{float:none;width:100%;} .tbl_graph_wrap .graph_wrap img{max-width:none;width:100%;} .tbl_graph_wrap .graph_wrap.sub04_09_02, .tbl_graph_wrap .graph_wrap.sub04_09_04, .tbl_graph_wrap .graph_wrap.sub04_09_05{padding-left:0;} } /* 그래프 */ .graph_box{display:block;position:relative;width:100%;height:160px;} .sub04_09_02 .graph_box, .sub04_09_03 .graph_box{height:210px;} .sub04_09_04 .graph_box{height:240px;} .sub04_09_04.second .graph_box{height:330px;} .sub04_09_05 .graph_box{height:220px;} .graph_box li{position:relative;font-size:13px;} .graph_box .bar-y, .graph_box .bar-y ul{height:100%;} .graph_box .bar-y ul li:before{display:inline-block;content:"";position:absolute;left:18%;top:10px;width:75%;height:1px;background-color:#ddd;} .graph_box .bar-y ul li .tit{position:absolute;left:0;top:0;width:40px;text-align:right;} .graph_box .bar-y ul.col3 li{height:33.3%;} .graph_box .bar-y ul.col5 li{height:20%;} .graph_box .bar-y ul.col6 li{height:16.6%;} .graph_box .bar-y ul.col7 li{height:13.8%;} .graph_box .bar-y ul.col8 li{height:12.5%;} .graph_box .bar-y ul.col9 li{height:11%;} .graph_box .bar-x{position:absolute;left:0;bottom:0;padding:0 0 21px 30px;/*padding:0 0 7% 10%;*/width:100%;height:100%;} .sub04_09_02 .graph_box .bar-x{padding-bottom:15px;} .sub04_09_03 .graph_box .bar-x{padding-bottom:25px;} .sub04_09_04 .graph_box .bar-x{padding-bottom:30px;} .sub04_09_04.second .graph_box .bar-x{padding-bottom:100px;} .sub04_09_05 .graph_box .bar-x{padding-bottom:33px;} .graph_box .bar-x ul{height:100%;} .graph_box .bar-x ul:after{display:block;content:"";clear:both;visibility:hidden;} .graph_box .bar-x ul li{float:left;text-align:center;height:100%;} .graph_box .bar-x ul li > span{position:absolute;left:0;top:0;margin:0 45%;width:10%;height:100%;} .graph_box .bar-x ul li > span .tit{position:absolute;left:50%;bottom:-37px;margin-left:-150px;width:300px;} .graph_box .bar-x ul li > span em{position:absolute;left:0;bottom:0;width:100%;background-color:#193873;font-size:0;text-indent:-9999px;} .graph_box .bar-x ul li > span em .cate1{bottom:auto;top:0;background-color:#CF2F28;} .graph_box .bar-x ul.col3 li{width:33.3%;} .graph_wrap .tit_box{margin:35px auto 0;width:75%;border:1px solid #ddd;border-radius:10px;text-align:center;} .graph_wrap.sub04_09_04.second .tit_box{margin-top:-40px;} .graph_wrap .tit_box .cate{display:inline-block;margin:0 5px;font-size:13px;} .graph_wrap .tit_box .cate:before{display:inline-block;content:"";margin-right:5px;width:7px;height:7px;background-color:#193873;vertical-align:middle;} .graph_wrap .tit_box .cate.cate2:before{background-color:#CF2F28;} .graph_wrap .tit_box .cate.cate3:before{background-color:#9DC631;} @media only screen and (max-width:767px) { .tbl_graph_wrap .graph_wrap.sub04_09_02, .tbl_graph_wrap .graph_wrap.sub04_09_03{margin:30px 0 70px 0;} .graph_box{margin:0 auto;width:300px;height:300px;transform:rotate(90deg);} .graph_box .bar-y{position:absolute;left:0;bottom:0;width:100%;} .graph_box .bar-y ul{width:100%;} .graph_box .bar-y ul:after{display:block;content:"";clear:both;visibility:hidden;} .graph_box .bar-y ul li{float:right;width:100%;height:100%;} .graph_box .bar-y ul li:before{left:15%;width:75%;} .graph_box .bar-y ul.col5 li{height:20%;} .graph_box .bar-y ul li .tit{left:auto;right:-15px;transform:rotate(-90deg);text-align:center;} /* .sub04_09_02 .graph_box .bar-y ul li .tit{writing-mode:vertical-rl;} */ .graph_box .bar-x{padding:0 0 49px 30px;} .graph_box .bar-x ul li > span .tit{transform:rotate(-90deg);} .graph_wrap .tit_box{width:210px;} .graph_wrap.sub04_09_04 .tit_box{margin-top:50px;} .graph_wrap.sub04_09_04.second .tit_box{margin:35px auto 0 auto;} .sub04_09_04.second .graph_box{position:relative;left:-40px;} } /* 탑박스 간격조절 */ .ui.uit .inner .txtwrap p.mt_10{margin-top:10px;} /* 본인확인 서비스 */ .ui.uit.join_box.kor{padding:0;background:none;border-top:2px solid #07469b;border-bottom:1px solid #d9d9d9;border-left-color:transparent;border-right-color:transparent} .ui.uit.join_box.kor p{padding:0;text-align:left;} .ui.uit.join_box.kor .tit_inner{margin-bottom:10px;} .join_cer{margin:0 auto;} .join_cer:after {content:"";display:block;clear:both;} .join_cer .box{display:block;padding:20px 21px;width:100%;} .join_cer .box .item{padding:30px;border:1px solid #ddd; position:relative;} .join_cer .box .item p a{width:185px;} .join_cer .box .item .text_box p{min-height:95px;color:#666;font-size:13px;line-height:1.4;} .join_cer .box .item .text_box .tipbox{margin:25px 0;padding:20px;background-color:#f2f6f9;} .join_cer .box .item .text_box .tipbox b{display:block;color:#333;font-size:16px;line-height:1.2;} .join_cer .box .item .text_box .tipbox ul li{color:#666;font-size:13px;line-height:1.2} .join_cer .box .icon{position:relative;display:block;overflow:hidden;margin:0 auto 20px auto;padding-bottom:29px;width:61px;height:90px;} .join_cer .box .icon:after {content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:1px;background-color:#ddd} .join_cer .box .icon.icon1{background:url(/images/common/icon1.gif) no-repeat 50% 50%;} .join_cer .box .icon.icon2{background:url(/images/common/icon2.gif) no-repeat 50% 50%;} .join_cer .box .icon.icon3 {background:url(/images/common/icon3.gif) no-repeat 50% 50%;} .join_cer .box .item .linkbox {position:relative; bottom:0; left:0; right:0;} @media all and (min-width:1024px) { .join_cer .box{display:inline-block;float:left;width:33.33%;} .join_cer .box .item{padding:25px 15px;min-height:650px;} .join_cer .box .item .text_box .tipbox{padding:30px;min-height:255px;} .join_cer .box .item .linkbox {position:absolute; bottom:30px; left:0; right:0;} } @media all and (min-width:1200px) { .join_cer .box .item{min-height:610px;} .join_cer .box .item .text_box p{min-height:80px;} .join_cer .box .item .text_box .tipbox{min-height:210px;} } /* sub02_08_01 - 일자리종합센터 소개 */ .purpose.sub02_08_01 .item{float:none;width:100%} .purpose.sub02_08_01:after{background:none;} .purpose.sub02_08_01_dw{} .purpose.sub02_08_01_dw .item{float:none;width:100%;min-height:125px;padding:40px;padding-left:130px;} .purpose.sub02_08_01_dw .item .lcon{position:absolute;top:35px;left:45px;} .purpose.sub02_08_01_dw .item .rcon .btn_dw{position:relative;} #sub02_08_01 .compare_sample .lcon ul li.list_3.l_end:before{display:none;} .purpose .item .lcon .s1_ico{display:block;width:60px;height:60px} .purpose .item .lcon .pur1{background:url(/images/kor/sub02/020801_ico.png) no-repeat;background-position:0 0;} .purpose .item .lcon .pur2{background:url(/images/kor/sub02/020801_ico.png) no-repeat;background-position:0 -60px;} .purpose .item .lcon .pur3{background:url(/images/kor/sub02/020801_ico.png) no-repeat;background-position:0 -120px;} .purpose .item .lcon .pur4{background:url(/images/kor/sub02/020801_ico.png) no-repeat;background-position:0 -180px;} .purpose .item .lcon .pur5{background:url(/images/kor/sub02/020801_ico.png) no-repeat;background-position:0 -240px;} .purpose .item .lcon .pur6{background:url(/images/kor/sub02/020801_ico.png) no-repeat;background-position:0 -300px;} @media only screen and (min-width:768px) { .purpose.sub02_08_01 .item{float:left;width:49%;min-height:182px;margin:0 1% 1% 0} .purpose.sub02_08_01_dw .item{padding-left:145px;} .purpose.sub02_08_01_dw .item .rcon .btn_dw{position:absolute;top:40px;right:50px;} } @media only screen and (min-width: 1024px){ .purpose .item .lcon {position:absolute;top:35px;left:45px;width:60px;} } @media (min-width: 0px){ .bx_storage{margin-bottom:20px;} .bx_storage:after{content:"";display:block;clear:both;visibility:hidden;} .bx_storage .bx{position:relative;padding:40px 25px;height:255px;border:1px solid #d5d5d5;} .bx_storage .bx:after{content:"";display:block;clear:both;visibility:hidden;} .bx_storage .bx.tit{padding:40px 25px;background-color:#cd2a55;border:1px solid #cd2a55;} .bx_storage.bx2 .bx{float:left;width:49%;margin-left:2%;} .bx_storage.bx2 .bx:first-child{margin-left:0;} .bx_storage.bx4 .bx{float:left;width:23.5%;margin-left:2%;} .bx_storage.bx4 .bx:first-child{margin-left:0;} .bx_storage.bx4.type2{margin-left:-2%;} .bx_storage.bx4.type2 .bx{margin:0 0 1.5% 2%;width:23%;} .bx_storage.bx4.type2 .tit{padding:30px 25px;} .bx_storage .bx:first-child{margin-left:0;} .bx_storage .bx h3{position:relative;margin:0;font-size:22px;line-height:1.2;text-align:center} .bx_storage .bx.tit h3{margin:0;padding:0;border:0;font-size:22px;color:#fff;} .bx_storage .bx.tit p{position:relative;margin-top:30px;padding-top:30px;color:#fff;font-size:14px;text-align:left;} .bx_storage .bx.tit ul{margin:15px 0 0;} .bx_storage .bx.tit ul li{position:relative;padding-left:15px;background:none;color:#fff;line-height:1.2;} .bx_storage .bx.tit ul li:before{content:"";display:block;position:absolute;top:8px;left:0;width:6px;height:1px;background:#fff;} .bx_storage .bx p{margin:15px 0 0;font-size:16px;color:#333;text-align:center;line-height:1.2;} .bx_storage .bx p em{display:block;margin-top:3px;font-size:14px;color:#656565;} .bx_storage .ico{display:block;margin:0 auto 25px;height:60px;background:url(/images/kor/sub02/020801_ico.png) no-repeat;} .bx_storage .ico.ico1{width:60px;background-position:0 -240px;} .bx_storage .ico.ico2{width:60px;background-position:0 -300px;} .bx_storage .ico.ico3{width:60px;background-position:0 -360px;} .bx_storage .ico.ico4{width:60px;background-position:0 -420px;} @media only screen and (max-width:640px) { .bx_storage.bx4 .bx, .bx_storage.bx4.type2 .bx, .bx_storage.bx4.type2 .bx.bx3{float:none;margin:0 0 20px;width:100%;min-height:0;height:auto;} .bx_storage.bx4.type2 .bx[class*="thumb"]{min-height:240px;} .bx_storage.bx4 .bx.tit{padding:20px;} .bx_storage .ico{margin-top:25px;} } } /*저작권정책*/ .img_opentype01 img{display:inline-block;position:relative !important; left:5px !important;width:70px !important;height:30px !important;} /* sub05_02_03 태안군 시그니처 */ .ci .box_cont .imgbox .inner{margin-top:35px;} .ci .box_cont .imgbox .inner:first-child{margin-top:0;} /* 홈페이지가이드 */ .homepage{} .homepage p{font-family:"nsr",sans-serif;font-size:15px;color:#555;line-height:1.4;} .homepage .title{display:block; line-height:28px; margin:0 0px 10px 0px;font-family:"nsr",sans-serif;font-weight:100; font-size:32px; letter-spacing:-1px; color:#121212;text-align:center;} .homepage .title span{display:inline-block;color:#d14d4d;font-family:"nsr",sans-serif;font-weight:600;} .homepage .tit{display:block; line-height:28px; margin:30px 0px 10px 0px; font-family:"nsr",sans-serif;font-weight:100; font-size:24px; letter-spacing:-1px; color:#121212;} .homepage .tit span{font-family:"nsr",sans-serif;color:#287db1} .homepage p strong{display:block;text-align:center;font-weight:600;color:#121212} .homepage .imgbox{margin-top:20px;padding:20px;border:1px solid #ddd;} /* 컨텐츠 페이지 공공누리 */ .btm_open {position:relative;margin:0;padding:0;margin-top:5px;background:#fff;border:1px solid #dbdbdb;padding:30px 15px 30px 210px;font-size:12px;color:#292929;font-weight:bold;} .btm_open > img {position:absolute;left:20px;top:25%;vertical-align:middle;width:166px;height:43px;} /* 민원상담 */ .sub02_ifram{width:100%;height:950px;} .sub02_ifram iframe{width:100%;height:100%;border:0;} /* 온라인 전자투표 */ .sub02_04_07 .imglist_txt{padding-top: 50px;border-top: 1px solid #dedede;} /* 개인정보처리방침 수정 */ .privacy_policy .text-center h2.h2 {display:inline-block} .privacy_policy .label_wrap{ width: 100%; box-sizing: border-box; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;} .privacy_policy .label_box{ width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); display: flex; flex-flow: column; justify-content: center; align-items:center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position:relative; cursor:auto} /* .privacy_policy .label_box:hover{ transition: 0.2s; border: 1px solid #1647aa;} */ .privacy_policy .label_cnt { font-size: 14px; margin-top: 20px; font-weight: 400; color: #111;} .privacy_policy .label_layer{ display: none; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #eee; width: 500px; z-index: 999;} .privacy_policy .label_desc_top{ width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;} .privacy_policy .label_desc_top p{color: #fff;} .privacy_policy .label_desc_btm{ width: 100%; box-sizing: border-box; padding: 15px 20px;} .privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;} .privacy_policy .desc_box{ width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between; } .privacy_policy .desc_tit{ width: 30%; font-weight: 500; color: #1647aa; word-break: keep-all; margin: 0;} .privacy_policy .desc_cnt{ width: 68%; color: #333; font-size: 14px; margin: 0;} .privacy_policy .desc_icon{box-sizing: border-box;/* padding-left: 30px; */height: auto;margin: 0;} .privacy_policy .desc_wrap{display: flex;flex-flow: row wrap;} .privacy_policy .desc_box{width: 100%;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px;margin-top: 10px;display: flex;flex-flow: row wrap;justify-content: space-between; } .privacy_policy .label_layer.num0{ top:0; left: 110%; } .privacy_policy .label_layer.num1{ top:0; left: 110%; } .privacy_policy .label_layer.num2{top:0;right: 110%; } .privacy_policy .label_layer.num3{top:0;left: 110%; } .privacy_policy .label_layer.num4{top:0;left: 110%; } .privacy_policy .label_layer.num5{ top:0; right: 110%;} .privacy_policy .panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all; float: none;} .privacy_policy .panel_box.pds{padding:10px 20px;} .privacy_policy .panel_box.pdm{padding:20px 25px;} .privacy_policy .panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:700;color: #165e9b;font-size: 20px;} .privacy_policy .panel_box .tit_f17{font-size:17px;font-weight:500;} .privacy_policy .panel_box .tit_f17 > *{font-size:17px;font-weight:500;} .privacy_policy .panel_box .tit_f17 strong{color:#4374ac;} .privacy_policy .panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;} .privacy_policy .panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;} .privacy_policy .panel_box .lineHeights li{margin-bottom:5px;} .privacy_policy .cnt_list{width: 85%;margin: 20px auto 0px;display: flex;flex-flow: row wrap;justify-content: space-between;} .privacy_policy .cnt_list li {width:45%;margin-bottom: 30px;position: relative;box-sizing: border-box; } .privacy_policy .cnt_list li a{ color: #444; font-weight: 400;box-sizing: border-box;padding-left: 30px;height: 25px;display: block;} .privacy_policy .cnt_list li a img {position:absolute; left:0; top:0; width:24px;} .privacy_policy .list_icon{margin-right: 10px;vertical-align: middle;} .privacy_policy h2 {/* padding-left:36px; */ position:relative; margin-top:20px} .privacy_policy h2:after, .privacy_policy h2:before {display:none;} .privacy_policy h2 img {width:32px;/* position:absolute; */ left:0; top:0px;} @media (max-width:1600px){ .privacy_policy .label_layer.num1{top:0;left: -120%; } .privacy_policy .label_layer.num4{top:0;left: -120%; } } @media (max-width:1023px){ .privacy_policy .label_section {display:none;} } @media (max-width:580px){ .privacy_policy .cnt_list li {width:100%;} .privacy_policy .cnt_list li a {height: auto;} } /* 개인정보처리방침 수정 */ /* 향우회추가 관련 css */ .s05100101 .ui.uic.mb_10 .box_col .col .item {min-height:auto;} .s05100102 .history{position:relative;margin:138px 0;padding:10px 0 50px;} .s05100102 .history:before{content:"";display:block;position:absolute;top:0;left:29px;width:7px;height:100%;background:#e5e5e5;border-radius:4px;} .s05100102 .history>p{position:absolute;left:0;margin:0;width:80px;height:80px;border:1px solid #e5e5e5;border-radius:100%;color:#2f71d2;line-height:32px;text-align:center; padding-top: 26px; box-sizing: border-box;} .s05100102 .history .present{top:-98px;} .s05100102 .history .before{bottom:-80px;} .s05100102 .history .item{position:relative;margin-top:70px;} .s05100102 .history .item:first-child{margin-top:0;} .s05100102 .history .item:after{content:"";display:block;clear:both;visibility:hidden;} .s05100102 .history .item .grap{position:relative;padding:0 20px 0 55px;} .s05100102 .history .item .grap:before{content:"";display:block;position:absolute;top:-5px;left:25px;width:15px;height:33px;background:url(/images/oil/sub01/history_bul.png) no-repeat;} .s05100102 .history .item .grap .tit{position:relative;margin-bottom:10px;color:#000;/*font-family:'nsr','맑은 고딕','Malgun Gothic';*/} .s05100102 .history .item .grap .tit p{margin:0 0 10px;font-size:16px;line-height:20px;} .s05100102 .history .item .grap .tit p span{line-height:20px;} .s05100102 .history .item .grap .tit h3{margin:0;color:#333;font-size:22px;font-weight:bold;line-height:28px;word-wrap:break-word;word-break:keep-all;} .s05100102 .history .item .grap .tit h3 span{display:block;font-size:14px;font-weight:normal;line-height:18px;} .s05100102 .history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;line-height:18px;word-wrap:break-word;word-break:keep-all;font-size:14px;} .s05100102 .history .item .grap .con_history .lst_history li:first-child{margin-top:0;} .s05100102 .history .item .grap .con_history .lst_history li b{display:block;color:#2f71d2;font-size:17px;} .s05100102 .history .item .grap .gall_history{margin-top:20px;} .s05100102 .history .item .grap .gall_history li{margin-bottom:10px;} .s05100102 .history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;} .s05100102 .history .item .grap .gall_history li figure span img{width:100%;} .s05100102 .history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;} .s05100102 .history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;} @media all and (min-width:480px) { .s05100102 .history .item .grap .gall_history li{float:left;margin:0 0 0 1.5%;width:32.33%;} .s05100102 .history .item .grap .gall_history li:first-child{margin-left:0;} } @media all and (min-width:640px) { .s05100102 .history>p{left:50%;margin-left:-32px;} .s05100102 .history:before{left:50%;margin-left:6px;} .s05100102 .history .item .grap{padding:0;} .s05100102 .history .item .grap:before{top:-6px;left:50%;margin-left:2px;} .s05100102 .history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;} .s05100102 .history .item .grap .con_history{padding-top:2px;background:none;} .s05100102 .history .item .grap.lcnt .tit, .s05100102 .history .item .grap.rcnt .con_history{float:right;padding-left:46px;width:50%;text-align:left;} .s05100102 .history .item .grap.rcnt .tit, .s05100102 .history .item .grap.lcnt .con_history{float:left;padding-right:30px;width:50%;text-align:right;} .s05100102 .history .item .grap .con_history .lst_history li{margin-top:15px;} .s05100102 .history .item .grap.lcnt .con_history .lst_history li{padding:4px 95px 0 0;} .s05100102 .history .item .grap.lcnt .con_history .lst_history li b{left:auto;right:0;} .s05100102 .history .item .grap.rcnt .gall_history{margin-left:-1%;} .s05100102 .history .item .grap.rcnt .gall_history li{float:left;margin:0 0 0 1%;width:32.33%;} .s05100102 .history .item .grap.lcnt .gall_history{margin-right:-1%;} .s05100102 .history .item .grap.lcnt .gall_history li{float:right;margin:0 1% 0 0;width:32.33%;} } @media all and (min-width:768px) { .s05100102 .history .item .grap .con_history .lst_history li{padding-left:95px;} .s05100102 .history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;} .s05100102 .history .item .grap .tit p{margin-bottom:15px;font-size:18px;line-height:22px;} .s05100102 .history .item .grap .tit p span{display:block;line-height:22px;} .s05100102 .history .item .grap .tit h3{font-size:26px;line-height:30px;} .s05100102 .history .item .grap .tit h3 span{margin-top:5px;font-size:16px;line-height:20px;} } @media all and (min-width:1280px) { .s05100102 .history .item .grap.rcnt .gall_history li{margin-left:10px;width:166px;} .s05100102 .history .item .grap.lcnt .gall_history li{margin-right:10px;width:166px;} .s05100102 .history .item .grap.rcnt .gall_history li:first-child, .s05100102 .history .item .grap.lcnt .gall_history li:first-child{margin:0;} } .s05100103 .mayorwrap{margin:0 -8px;display: flex;align-items: center;justify-content: center;} .s05100103 .mayorwrap:after{display:block;content:"";clear:both;visibility:hidden;} .s05100103 .mayorwrap .mayor{/* float:left; */width:33.33%;border:8px solid transparent;border-width:0 8px 20px;text-align:center;font-size:18px;} .s05100103 .mayorwrap .mayor .mayor_inner_wrap{border:1px solid #ccc;display: flex;/* align-items: center; */flex-wrap: wrap;} .s05100103 .mayorwrap .mayor .mayor_inner_wrap img{width: 125px;height: 135px;} .s05100103 .mayorwrap .mayor figure, .s05100103 .mayorwrap .mayor .mayor_cont{padding:20px;} .s05100103 .mayorwrap .mayor .mayor_cont{background-color:#efefef;min-height:340px;} .s05100103 .mayorwrap .mayor .mayor_cont span{display:block;} .s05100103 .mayorwrap .mayor .mayor_cont span.order{font-size:16px;color:#2F71D2;} .s05100103 .mayorwrap .mayor .mayor_cont span.goal{position:relative;} .s05100103 .mayorwrap .mayor .mayor_cont span.period{font-size:13px;color:#121212;} .s05100103 .mayorwrap .mayor .mayor_cont span.goal:before{display:inline-block;content:"";margin-right:5px;width:21px;height:18px;background:url(/images/mayor/sub04/tit_after_img.png);vertical-align:top;transform:rotate(180deg);} .s05100103 .mayorwrap .mayor .mayor_cont span.goal:after{display:inline-block;content:"";margin-left:5px;width:21px;height:18px;background:url(/images/mayor/sub04/tit_after_img.png);vertical-align:middle;} .s05100103 .mayorwrap .mayor .mayor_cont span.method_tit{margin:15px 0 5px 0;padding-top:15px;border-top:1px dashed #ccc;color:#2F71D2;} .s05100103 .mayorwrap .mayor .mayor_cont b{display:block;margin-top:-5px;font-size:22px;} .s05100103 .mayorwrap .mayor .mayor_cont ol{text-align:left;} .s05100103 .mayorwrap .mayor .mayor_cont ol:after{display:block;content:"";clear:both;visibility:hidden;} .s05100103 .mayorwrap .mayor .mayor_cont ol li{float:left;width:50%;} .s05100103 .mayorwrap .mayor .mayor_cont ol .num{display:none;margin-right:5px;width:25px;height:25px;background-color:#D73154;border-radius:50%;font-size:15px;color:#fff;vertical-align:middle;} .s05100103 .mayorwrap .mayor .mayor_cont ol .num:before{display:inline-block;content:"";height:100%;vertical-align:middle;} .s05100103 .mayorwrap .mayor .mayor_cont ol li{font-size:15px;color:#666;} @media all and (max-width:1200px){ .s05100103 .mayorwrap .mayor{width:50%;} } @media all and (max-width:640px){ .s05100103 .mayorwrap .mayor{float:none;width:100%;} } .s05100103 .mayorwrap .mayor figure, .s05100103 .mayorwrap .mayor .mayor_cont{width: 100%; padding:10px 10px 0 10px;;} .s05100103 .mayorwrap .mayor figure .img_wrap {border-bottom: 1px dashed #ddd; padding-bottom:10px} .s05100103 .mayorwrap .mayor .name {width:100%;padding: 10px;background: #ddd;} .s05100103 .mayorwrap .mayor .name b {font-size:22px;} .s05100103 .mayorwrap .mayor .name .order {font-size:16px;vertical-align: sub;margin-left: 5px;color: #2F71D2;} .s05100103 .mayorwrap .mayor .mayor_cont span {font-size:15px;} .s05100103 .mayorwrap .mayor .mayor_cont ul li {float:none; width:100%;text-align: left;/* background:none; *//* padding: 0; */} .s05100103 .mayorwrap .mayor .mayor_cont ul {padding:0;} .s05100103 .mayorwrap .mayor .mayor_cont {min-height: 150px;background: #fff;} @media(max-width:640px){ .mayorwrap {flex-wrap:wrap;} .s05100103 .mayorwrap .mayor .mayor_cont {min-height:auto;} .s05100103 .mayorwrap .mayor .mayor_cont ol li {float:left; width:50%;} } @media(max-width:460px){ .s05100103 .mayorwrap .mayor .mayor_cont ol li {float:none; width:100%;} } .s05100104 .ui.uic .box_col {display: flex; flex-wrap: wrap;} .s05100104 .ui.uic.mb_10 .box_col .col .item {min-height:auto; height: 100%;} .s05100104 .ui.uic.mb_10 .box_col .col .item h3 {margin-top: 8px; margin-bottom: 0; margin-right: 0;} /* 향우회추가 관련 css End */ /* 20221101 콘텐츠 페이지 하단 배너 slick.css 누락으로 추가함 */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slide img {display: block;width: 100%;height: auto;}