/* (주)한신정보기술 ○○○ - 201x.xx */ .box.icon .box_wrap:before{background:url(/site/mpva/images/contents/tempbox-icon-sprite.png) no-repeat;} .cts14 .box .box_wrap:before {width:88px; background: url(/site/mpva/images/contents/cst_14_icon.png) no-repeat left top;} .cts17 .box .box_wrap:before, .cts18 .box .box_wrap:before, .cts20 .box .box_wrap:before, .cts21 .box .box_wrap:before, .cts22 .box .box_wrap:before, .cts1465 .box .box_wrap:before, .cts1466 .box .box_wrap:before, .cts23 .box .box_wrap:before, .cts25 .box .box_wrap:before {width:90px; background: url(/site/mpva/images/contents/cst_18_icon.png) no-repeat left top;} .cts27 .box .box_wrap:before {width:90px; background: url(/site/mpva/images/contents/cst_27_icon.png) no-repeat left top;} .cts47 .box .box_wrap:before, .cts48 .box .box_wrap:before {width:90px; background: url(/site/mpva/images/contents/cst_47_icon.png) no-repeat left top;} .cts50 .box .box_wrap:before, .cts51 .box .box_wrap:before, .cts52 .box .box_wrap:before {width:99px; background: url(/site/mpva/images/contents/cst_50_icon.png) no-repeat left top;} .cts1415 .box .box_wrap:before {width:99px; background: url(/site/mpva/images/contents/cst_71_icon.png) no-repeat left top;} .cts88 .box .box_wrap:before {width:82px; height:89px; left:62px; top:41px; background: url(/site/mpva/images/contents/cst_88_icon.png) no-repeat left top;} .cts89 .box .box_wrap:before {width:86px; height:95px; left:56px; top:35px; background: url(/site/mpva/images/contents/cst_89_icon.png) no-repeat left top;} .cts90 .box .box_wrap:before {width:82px; height:86px; left:60px; top:45px; background: url(/site/mpva/images/contents/cst_90_icon.png) no-repeat left top;} .cts40 .box .box_wrap:before, .cts41 .box .box_wrap:before, .cts42 .box .box_wrap:before {width:129px; height:89px; left:35px; background: url(/site/mpva/images/contents/cst_40_icon.png) no-repeat left top;} .cts83 .box .box_wrap:before {top:37px; left:60px; background: url(/site/mpva/images/contents/cst_83_icon.png) no-repeat left top;} .cts12 .box .box_wrap:before {width:182px; height:130px; background: url(/site/mpva/images/contents/cst_12_icon.png) no-repeat left top;} .cts54 .box .box_wrap:before {width:182px; height:130px; background: url(/site/mpva/images/contents/cst_54_icon.png) no-repeat left top;} .cts30 .box .box_wrap:before {width:182px; height:130px; background: url(/site/mpva/images/contents/cst_30_icon.png) no-repeat left top;} .cts34 .box .box_wrap:before {width:182px; height:130px; background: url(/site/mpva/images/contents/cst_34_icon.png) no-repeat left top;} .cts57 .box .box_wrap:before, .cts1447 .box .box_wrap:before {width:182px; height:130px; background: url(/site/mpva/images/contents/cst_57_icon.png) no-repeat left top;} .cts157 .box .box_wrap:before {width:90px; height:82px; background: url(/site/mpva/images/contents/cst_157_icon.png) no-repeat left top;} .cts158 .box .box_wrap:before {width:98px; height:72px; background: url(/site/mpva/images/contents/cst_158_icon.png) no-repeat left top;} .cts254 .box .box_wrap:before, .cts253 .box .box_wrap:before{background:url(/site/mpva/images/contents/cst_253_icon.png) no-repeat;} .cts235 .box .box_wrap:before {background: url(/site/mpva/images/contents/cst_235_icon.png) no-repeat left top;} .cts248 .box .box_wrap:before {width:97px; background: url(/site/mpva/images/contents/cst_248_icon.png) no-repeat left top;} .mailling_box.box .box_wrap:before {width:83px; height:73px; top:57px; left:60px; background: url(/site/mpva/images/contents/cst_1452_icon.png) no-repeat left top;} .cts4 .board_box .box_wrap:before {width:97px; background: url(/site/mpva/images/contents/cst_4_icon.png) no-repeat left top;} .cts5 .board_box .box_wrap:before {width:92px; background: url(/site/mpva/images/contents/cst_5_icon.png) no-repeat left top;} .cts65 .board_box.icon .box_wrap:before {width:99px; background: url(/site/mpva/images/contents/cst_65_icon.png) no-repeat left top;} .cts84 .board_box .box_wrap:before {width:88px; height:85px; background: url(/site/mpva/images/contents/cst_84_icon.png) no-repeat left top;} .cts83 .board_box .box_wrap:before {width:82px; height:92px; background: url(/site/mpva/images/contents/cst_83_icon.png) no-repeat left top;} .cts85 .board_box .box_wrap:before {width:95px; height:82px; background: url(/site/mpva/images/contents/cst_85_icon.png) no-repeat left top;} .cts86 .board_box .box_wrap:before {width:82px; height:96px; background: url(/site/mpva/images/contents/cst_86_icon.png) no-repeat left top;} .cts191 .board_box .box_wrap:before {width:92px; background: url(/site/mpva/images/contents/cst_191_icon.png) no-repeat left top;} .cts198 .board_box .box_wrap:before {width:92px; background: url(/site/mpva/images/contents/cst_198_icon.png) no-repeat left top;} .cts220 .board_box .box_wrap:before {width:86px; height:89px; background: url(/site/mpva/images/contents/cst_220_icon.png) no-repeat left top;} .cts228 .board_box .box_wrap:before {width:89px; height:92px; background: url(/site/mpva/images/contents/cst_228_icon.png) no-repeat left top;} .cts1422 .board_box .box_wrap:before, .cts1421 .board_box .box_wrap:before {width:92px; background: url(/site/mpva/images/contents/cst_1421_icon.png) no-repeat left top;} .cts1035 .board_box .box_wrap:before {width:99px; background: url(/site/mpva/images/contents/cst_1035_icon.png) no-repeat left top;} .mailling.box .box_wrap:before {width:84px; height:74px; background: url(/site/mpva/images/contents/mailling_icon.png) no-repeat left top;} .mailing_txt {text-align:center; font-size:18px; color:#222222; padding:20px 0 0} .mailing_txt .line_text {} .mailing_txt .line_text span {position:relative; padding:0; display:inline-block;} .mailing_txt .line_text span:before {width:100%; height:21px; background:#e2ecfe; display:block; z-index:-1; position:absolute; bottom:-8px; left:0px} @media screen and (max-width:640px){ .mailing_txt {font-size:16px} } .colgroup{width: calc(100% - 300px);} /* web */ @media screen and (max-width:1200px){ } /* tablet */ @media screen and (max-width:1000px){ .colgroup{width:100%;} } /* mobile */ @media screen and (max-width:640px){ .cts40 .box .box_wrap:before, .cts41 .box .box_wrap:before, .cts42 .box .box_wrap:before { width: 80px; background-size:80px auto !important; left:25px} } #contents{font-size:16px; color: #222; line-height: 1.5;} @media screen and (max-width:640px){ #contents{font-size:15px; } } @media screen and (max-width:1320px){ .lang-xml {padding:0 20px} .lang-xml .box_wrap {width:800px; overflow-x:scroll;} } /* 95 나라사랑신문 구독해지 > 정보조회 */ .prgm_n95 .box.icon{border-radius:40px 10px 10px;} .prgm_n95 .box.icon .box_wrap:before{width: 82px; height: 80px; background-position: -10px -10px; } .inquiry_form{padding: 60px; border-radius:10px; background-color: #f0f6fd;} .inquiry_form ul{position: relative; margin: 0 auto; padding-right:145px; width: 520px; box-sizing:border-box;} .inquiry_form ul li{display: flex; align-items:center; flex-wrap:wrap; width: 100%;} .inquiry_form ul li label{display: block; width: 80px;} .inquiry_form ul li .p-input{width: calc(100% - 80px); padding: 10px; height: 42px; border:1px solid #c2c2c2; box-sizing:border-box;} .inquiry_form ul li.btn_area{display: block; position: absolute; top: 0; right: 0; width:130px; height: 100%;} .inquiry_form ul li.radio_box {padding:12px 0 0 80px} .inquiry_form ul li.radio_box label {width:auto; font-size:15px; padding:0 0 2px 28px} .inquiry_form ul li.btn_area .btn_pop_alert {display: block; width: 100%; height: 100%; background-color: #082b91; color: #fff; font-size: 20px;} .prgm_n95 .arrow_list li{padding-left: 20px; text-indent: -20px;} .prgm_n95 .table{word-break:keep-all;} .prgm_n95 .table th{width: 25%;} .prgm_n95 .table ul.radio_list li{float: left;} .prgm_n95 .table li:not(:first-child){margin-left: 60px;} .prgm_n95 .table .p-input{margin-right: 10px; width: calc(100% - 120px);} .prgm_n95 .table th, .prgm_n95 .table td{padding-left: 30px; padding-right: 30px;} @media screen and (max-width:640px){ .inquiry_form{padding: 20px 5%;} .inquiry_form ul{padding-right: 0; max-width:100%;} .inquiry_form ul li label{width: 80px;} .inquiry_form ul li .p-input{width:calc(100% - 80px);} .inquiry_form ul li.btn_area{position: static; margin-top: 10px; width: 100%;} .inquiry_form ul li.btn_area .btn_pop_alert {height:40px; font-size:16px} .inquiry_form ul li .p-input {height:30px; line-height:28px; font-size:15px} .inquiry_form ul li.btn_area input, .inquiry_form ul li.btn_area a, .inquiry_form ul li.btn_area button{height:40px; font-size: 16px;} .prgm_n95 .table ul.radio_list li{float: none;} .prgm_n95 .table li:not(:first-child){margin:10px 0 0;} .prgm_n95 .table .p-input{margin-right: 0; width:100%;} .prgm_n95 .table .p-input + a.btn{margin-top: 5px; width: 100%;} .prgm_n95 .table th, .prgm_n95 .table td{padding-left: 15px; padding-right: 15px;} } /* 214 정부기념식_목록 */ .prgm_n214 .board_box.icon .box_wrap:before{width: 82px; height: 95px; background: url(/site/mpva/images/contents/tempbox-icon-sprite.png) no-repeat -114px -2px;} /* 215 정부기념식_3참가신청 */ .self_certification.prgm_box_215 {text-align: center;} .self_certification.prgm_box_215 .box_title{position: relative; z-index: 1; font-size: 20px; color: #222;} .self_certification.prgm_box_215 .box_title span{display: inline-block; position: relative; } .self_certification.prgm_box_215 .box_title span:before{content:''; display: block; position: absolute; left: 50%; bottom: -5px; z-index: -1; width: calc(100% + 6px); height: 16px; background-color: #fff; transform:translateX(-50%);} .self_certification.prgm_box_215 .crtf_type{display: inline-block; margin-top: 35px;} .self_certification.prgm_box_215 .crtf_type li{float: left;} .self_certification.prgm_box_215 .crtf_type li:nth-child(2){margin-left: 40px;} .self_certification.prgm_box_215 .crtf_type li a{display: block; position: relative; width: 200px; height: 160px; border-radius:15px; box-sizing:border-box; box-shadow:0 0 0 rgba(255, 255, 255, 0); font-size: 16px; color: #fff; line-height: 23px; text-decoration: none; transition:all 0.2s linear;} .self_certification.prgm_box_215 .crtf_type li a.phone:hover, .self_certification.prgm_box_215 .crtf_type li a.phone:focus{box-shadow:0 0 15px rgba(152, 152, 238, 0.7);} .self_certification.prgm_box_215 .crtf_type li a.ipin:hover, .self_certification.prgm_box_215 .crtf_type li a.ipin:focus{box-shadow:0 0 15px rgba(164, 146, 229, 0.7);} .self_certification.prgm_box_215 .crtf_type li a.phone{background-color: #447fe1;} .self_certification.prgm_box_215 .crtf_type li a.ipin{background-color: #7a62d3;} .self_certification.prgm_box_215 .crtf_type li a span{display: flex; align-items:center; justify-content:center;} .self_certification.prgm_box_215 .crtf_type li a .icon_area{ height: 95px;} .self_certification.prgm_box_215 .crtf_type li a .icon_area:before{content:''; display: block; background: url(/site/mpva/images/contents/self_certification.png) no-repeat;} .self_certification.prgm_box_215 .crtf_type li a.phone .icon_area:before{width:39px; height:56px; background-position:0 0;} .self_certification.prgm_box_215 .crtf_type li a.ipin .icon_area:before{width:61px; height:37px; background-position:-73px -15px;} .self_certification.prgm_box_215 .crtf_type li a .text_area{height: 45px;} @media screen and (max-width:640px){ .self_certification.prgm_box_215 .box_title {font-size:18px} .self_certification.prgm_box_215 .crtf_type {width:100%} .self_certification.prgm_box_215 .crtf_type li{float:left; box-sizing:border-box; width:50%; padding:0 5px;} .self_certification.prgm_box_215 .crtf_type li a {width:100%} .self_certification.prgm_box_215 .crtf_type li:nth-child(2) {margin:0px} } .p-table .jumin_line{display: inline-block; float: left; text-align: center; line-height: 40px;} .p-table ul.radio_list li{float: left;} .p-table .btn{height: 40px; line-height: 37px; } .prgm_n215 .p-table th{width: 200px; word-break:keep-all;} .prgm_n215 .p-table [class^="col"]{align-items:center; min-height:40px} .prgm_n215 .p-table .p-input{} .prgm_n215 .p-table .p-form__label{padding-left: 0;} .prgm_n215 .p-table .p-form__label:before{display: none;} .prgm_n215 .p-table .family .p-form-inline{display: inline-block;} .prgm_n215 .p-table .family .p-form-inline br{display: none;} .prgm_n215 .p-table .family .p-form-inline .jumin_line{float: none;} .prgm_n215 .p-table .family .btn_area{display: inline-block; margin-left: 10px; vertical-align: middle; } .prgm_n215 .p-table .family .btn_area:after{content:''; display: table; clear:both;} .prgm_n215 .p-table .family .btn_area button{display: inline-block; float: left; position: relative; width:26px; height: 26px; background: url(/site/mpva/images/contents/prgm215_btn_icon.png) no-repeat;} .prgm_n215 .p-table .family .btn_area button:not(:first-child){margin-left: 6px;} .prgm_n215 .p-table .family .btn_area button.add{background-position:0 0;} .prgm_n215 .p-table .family .btn_area button.remove{background-position:-32px 0;} .prgm_n215 .p-table .family .p-form__label:nth-of-type(2){margin-left: 30px;} .bottom_btn{margin-top: 30px; text-align: center;} .bottom_btn .btn{width: 100px;} .prgm_n215 .p-table .group_file .p-form-group__upload{position: relative; padding-left: 32px;} .prgm_n215 .p-table .group_file .p-form-group__upload:before{content:''; display: block; position: absolute; top: 50%; left: 0; width:22px; height: 18px; background: url(/site/mpva/images/contents/prgm215_btn_icon.png) no-repeat -64px -4px; transform:translateY(-50%);} @media screen and (max-width:1320px){ .prgm_n215 .p-table .family .p-form-inline br{display: inline;} .prgm_n215 .p-table .family .p-form__label:nth-of-type(2){margin-left: 0;} .prgm_n215 .p-table .family .p-form-inline:first-child{margin-right: 0;} .prgm_n215 .p-table .family .p-form__label{width: 80px;} } @media screen and (min-width:766px) and (max-width:1320px){ .prgm_n215 .p-table th{width: 120px;} } @media screen and (max-width:765px){ .prgm_n215 .p-table th{width: 100px;} .prgm_n215 .p-table tr:not(.family) .jumin_line{display: block;width: 100%; height: 5px;font-size: 0; line-height: 0;} .prgm_n215 .p-table .address .btn{margin-top: 5px; width: 100%;} .prgm_n215 .p-table .family .p-input{width: calc(45% - 40px);} .prgm_n215 .p-table .group_file .btn_area{margin-top: 5px; padding-left: 32px; width: calc(100% - 32px);} .prgm_n215 .p-table .group_file .p-input__addon .btn{padding: 0; width: 80px;} } @media screen and (max-width:500px){ .prgm_n215 .p-table th{width: 80px; } .prgm_n215 .p-table .family .p-form__label{width: 100%;} .prgm_n215 .p-table .family .p-input{width: 100%;} .prgm_n215 .p-table .family .p-form-inline{width: 100%;} .prgm_n215 .p-table .family .p-form-inline .jumin_line{display: block; height: 5px;font-size: 0; line-height: 0;} .prgm_n215 .p-table .family .p-input + .p-input{margin-top: 5px;} .prgm_n215 .p-table .family .btn_area{width: 100%; margin: 5px 0 0;} .prgm_n215 .p-table .p-form-group{white-space:normal;} .prgm_n215 .p-table .p-form-group.col-sm-24 .p-input{width: 100%;} .prgm_n215 .p-table .p-form-group.col-sm-24 .p-input:not(:first-child){margin-top: 5px;} .prgm_n215 .p-table .p-form-group.col-sm-24 .p-form__split{display: none;} .prgm_n215 .p-table .group_file .btn_area .btn{padding: 0; width: 100%; white-space:normal; } } /* 216 정부기념식 참가신청현황 신청 */ .prgm_n216 .confirm_box{position: relative; padding: 60px 70px 0; box-sizing:border-box;} .prgm_n216 .confirm_box:before{content:''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 307px; border-radius:15px 15px 0 0; background: url(/site/mpva/images/contents/prgm_n216_bg.png) no-repeat center top;} .prgm_n216 .confirm_box .confirm_title{font-size: 30px; font-weight: normal; color: #fff; text-align: center; margin:0px; font-weight:200; letter-spacing:-0.035em} .prgm_n216 .confirm_box .confirm_text{margin-top:29px; letter-spacing:-0.035em; font-weight:200; font-size: 16px; color: #fff; line-height: 26px; text-align: center;} .prgm_n216 .inquiry_form {margin-top: 56px; padding: 80px 0; border-radius:0px; background-color: #fff; box-shadow:0 5px 20px rgba(83,102,152,0.1);} .prgm_n216 .inquiry_form ul{position: relative; margin: 0 auto; padding-right:145px; width: 520px; box-sizing:border-box;} .prgm_n216 .inquiry_form ul li{display: flex; align-items:center; flex-wrap:wrap; width: 100%;} .prgm_n216 .inquiry_form ul li label{display: block; width: 73px;} .prgm_n216 .inquiry_form ul li .p-input{width: calc(100% - 73px); padding: 10px; height:38px; border:1px solid #c2c2c2; box-sizing:border-box;} .prgm_n216 .inquiry_form ul li .p-input.jumin_num{width: calc(50% - 47px);} .prgm_n216 .inquiry_form ul li .jumin_line{width: 20px; text-align: center;} .prgm_n216 .inquiry_form ul li:first-child {margin-bottom:5px} .prgm_n216 .inquiry_form ul li:first-child .p-input {height:42px} .prgm_n216 .inquiry_form ul li.btn_area{display: block; position: absolute; top: 0; right: 0; width:130px; height: 100%;} .prgm_n216 .inquiry_form ul li.btn_area button{display: block; width: 100%; height: 89px; background-color: #082b91; color: #fff; font-size: 20px;} @media screen and (max-width:1000px){ .prgm_n216 .confirm_box{padding: 60px 5% 0;} .prgm_n216 .inquiry_form{padding: 20px 5%;} } @media screen and (max-width:640px){ .prgm_n216 .confirm_box{padding: 35px 5% 0; margin: 0 0 0 -15px; width: calc(100% + 30px);} .prgm_n216 .confirm_box .confirm_title {font-size:22px;} .prgm_n216 .confirm_box .confirm_text {margin-top:15px} .prgm_n216 .inquiry_form {margin-top:25px;} .prgm_n216 .inquiry_form ul{padding-right: 0; max-width:100%;} .prgm_n216 .inquiry_form ul li:not(:first-child){margin-top: 20px;} .prgm_n216 .inquiry_form ul li label{width: 100%;} .prgm_n216 .inquiry_form ul li .p-input{width:100%;} .prgm_n216 .inquiry_form ul li .p-input.jumin_num{width:100%;} .prgm_n216 .inquiry_form ul li .jumin_line{display: none;} .prgm_n216 .inquiry_form ul li.btn_area{position: static; margin-top: 10px; width: 100%;} .prgm_n216 .inquiry_form ul li.btn_area button{height: 50px; font-size: 18px;} } .org_sel_modal {height:calc(100vh - 450px); text-align:left; border-radius:0 0 20px 20px; } .org_sel_modal .org_sel_modal_wrap {text-align:left;} .org_sel_modal .org_sel_modal_wrap h4 {margin:0px} .org_sel_modal .org_sel_modal_wrap h4 a {color:#2637b8; font-size:18px;} .org_sel_modal .org_sel_modal_wrap .bu li a { color:#000000;} .org_sel_modal .org_sel_modal_wrap .bu li ul li a { color:#363636;} /* 216 정부기념식 참가신청현황 */ .prgm_n216 .bbs_top{overflow: hidden;} .prgm_n216 .bbs_top:before, .prgm_n216 .bbs_top:after{content:''; display: block; position: absolute; background:url(/site/mpva/images/contents/prgm_n216_bg2.png) no-repeat;} .prgm_n216 .bbs_top:before{top: 0; left: 0; width: 308px; height: 86px; background-position: 0 0;} .prgm_n216 .bbs_top:after{right:6%; bottom: 0; width: 320px; height: 92px; background-position:-329px 0;} .prgm_n216 .bbs_top .box_wrap{padding: 80px 0; text-align: center;} .prgm_n216 .bbs_top .title{display: inline-block; position: relative; padding-left: 85px; font-size: 25px; color: #000;} .prgm_n216 .bbs_top .title:before{content:''; display: block; position: absolute; top: 50%; left: 0; width:55px; height:54px; background:url(/site/mpva/images/contents/tempbox-icon-sprite.png) no-repeat -220px -24px; transform:translateY(-50%);} @media screen and (max-width:640px){ .prgm_n216 .bbs_top .box_wrap{padding: 50px 5%; text-align: left;} .prgm_n216 .bbs_top:before{left: -30%;} .prgm_n216 .bbs_top:after{right: -30%;} } /* 252 지방청 소개 */ .prgm_n252 .popup{float:left; position:relative; width:670px; height:300px;} .prgm_n252 .popup .slide_list{width:100%;} .prgm_n252 .popup .slide_list .slide_item a{display: block; overflow: hidden; height: 100%; background-color: #eee;} .prgm_n252 .popup .slide_list .slide_item a img{position: relative; top: 0; left: 50%; max-width:none; width: 100%; height: 100%; transform:translateX(-50%);} .prgm_n252 .popup .control_wrap{display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; right:0; width: 170px; height: 50px; background-color:#fff;} .prgm_n252 .popup .control_wrap .count{margin-left: 15px; line-height:1.25em} .prgm_n252 .popup .control_wrap .count span{display:inline-block; font-size:16px; color:#717171; line-height:16px; vertical-align:top;} .prgm_n252 .popup .control_wrap .count span.current{color:#000;} .prgm_n252 .popup .control_wrap .count span.all{position:relative; margin-left:4px; padding-left:9px; } .prgm_n252 .popup .control_wrap .count span.all:before{content:''; display:block; position:absolute; top:1px; left:2px; width: 1px; height: 16px; background-color: #717171; transform:skew(-20deg);} .prgm_n252 .popup .control_wrap .control {margin-left:-3px} .prgm_n252 .popup .control_wrap .control button{display:block; float:left; position: relative; margin-left: 5px; width:25px; height:25px; box-sizing:border-box;} .prgm_n252 .popup .control_wrap .control button:before{content:''; display:block; position:absolute; top:5px; background:url(/site/mpva/images/contents/prgm_m252_sprite.png) no-repeat; } .prgm_n252 .popup .control_wrap .control button.play{display: none; } .prgm_n252 .popup .control_wrap .control button.prev:before{width:21px; height:14px; background-position:-100px -10px; left:2px} .prgm_n252 .popup .control_wrap .control button.pause:before{width:10px; height:11px; background-position:-135px -12px; left: 7px; top: 7px;} .prgm_n252 .popup .control_wrap .control button.play:before{ width:9px; height:11px; background-position:-165px -12px; left:7px; top: 7px;} .prgm_n252 .popup .control_wrap .control button.next:before{width:21px; height:14px; background-position:-189px -10px;} .prgm_n252 .tel_info{float:right; position: relative; z-index: 1; width:300px; height:300px; padding-top: 42px; box-sizing:border-box; box-shadow:5px 5px 30px rgba(0,0,0,0.15); background: linear-gradient(45deg, #1757cb 0%,#0dc7a6 100%); text-align:center;} .prgm_n252 .tel_info:before{content:''; display: block; position: absolute; top: 1px; left: 1px; z-index: -2; width:calc(100% - 2px); height:calc(100% - 2px); background-color: #fff;} .prgm_n252 .tel_info .section_title{display:inline-block; position:relative; margin:0; padding:0; font-size:20px; font-weight:normal; color:#000;} .prgm_n252 .tel_info .section_title:before{content:''; display:block; position:absolute; bottom:-5px; left:0; z-index: -1; width:100%; height:22px; background-color:#dbf6f5;} .prgm_n252 .tel_info .main_tel{ margin-top:14px; font-size:35px; font-weight:600; color:#2a63cb;} .prgm_n252 .tel_info .sub_tell{margin-top:37px; font-size:20px; color:#000;} .prgm_n252 .tel_info .sub_tell .title{display:inline-block; position:relative; padding-left:39px; font-size:20px; color:#000;} .prgm_n252 .tel_info .sub_tell .title:before{content:''; display:block; position:absolute; top:50%; left:0; width: 32px; height: 32px; background:url(/site/mpva/images/contents/prgm_m252_sprite.png) no-repeat -48px -10px; transform:translateY(-50%);} .prgm_n252 .tel_info .sub_tell .tell_num{margin-top:9px; font-size:20px; color:#000;} .prgm_n252 .frequent{margin-top:40px;} .prgm_n252 .frequent ul li {float:left; width:25%; box-sizing:border-box;} .prgm_n252 .frequent ul li a{display:flex; align-items:center; text-decoration:none;} .prgm_n252 .frequent ul li span{display:block;} .prgm_n252 .frequent ul li span.img_area{display:flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:30px;} .prgm_n252 .frequent ul li span.text_area{padding-left:20px; width:calc(100% - 100px); box-sizing:border-box; font-size:16px; color:#000; line-height: 20px;} .prgm_n252 .frequent ul li:nth-child(1) .img_area{background-color:#eff7fe;} .prgm_n252 .frequent ul li:nth-child(2) .img_area{background-color:#f4f7fc;} .prgm_n252 .frequent ul li:nth-child(3) .img_area{background-color:#edf8fb;} .prgm_n252 .frequent ul li:nth-child(4) .img_area{background-color:#f5f4fc;} .prgm_n252 .frequent ul li a:hover .img_area {background:#ffffff !important; box-shadow:0px 0px 15px rgba(180,200,237,0.25); } .prgm_n252 .frequent ul li .img_area:before{content:''; display:block; background:url(/site/mpva/images/contents/prgm_m252_sprite.png) no-repeat;} .prgm_n252 .frequent ul li:nth-child(1) .img_area:before{width: 64px; height: 39px; background-position:-10px -62px;} .prgm_n252 .frequent ul li:nth-child(2) .img_area:before{width: 50px; height: 54px; background-position:-92px -52px;} .prgm_n252 .frequent ul li:nth-child(3) .img_area:before{width: 30px; height: 53px; background-position:-176px -54px;} .prgm_n252 .frequent ul li:nth-child(4) .img_area:before{width: 53px; height: 52px; background-position:-239px -55px;} .prgm_n252 .rowgroup2{margin-top:40px;} .prgm_n252 .board{float:left; position:relative; width:100%;} .prgm_n252 .board .tab_button {margin:0 0 10px} .prgm_n252 .board .tab_button ul li{float: left;} .prgm_n252 .board .tab_button ul li:not(:first-child){margin-left:10px;} .prgm_n252 .board .tab_button ul li button{display:block; width:170px; height:60px; border:1px solid #d8d8d8; font-size: 17px; color:#4c4c4c;} .prgm_n252 .board .tab_button ul li.active button{border-color:#1944af; box-shadow:5px 5px 10px rgba(8,43,131,0.2); background-color:#1944af; color:#fff;} .prgm_n252 .board .tab_content{display: none; position: relative; margin-top:25px;} .prgm_n252 .board .tab_content.active{display: block;} .prgm_n252 .board .tab_content ul li{position:relative; padding-left:15px; font-size:16px; color:#1c1b1b; line-height:1;} .prgm_n252 .board .tab_content ul li:before{content:''; display:block; position:absolute; top:11px; left:2px; width:3px; height:3px; background-color:#000; transform:rotate(45deg);} .prgm_n252 .board .tab_content ul li:not(:first-child){margin-top:8px;} .prgm_n252 .board .tab_content ul li a{display:block;} .prgm_n252 .board .tab_content ul li a:after{content:''; display:table; clear:both;} .prgm_n252 .board .tab_content ul li a .title{overflow:hidden; float:left; max-width:calc(100% - 100px); white-space:nowrap; text-overflow:ellipsis; color:#1c1b1b} .prgm_n252 .board .tab_content ul li a .date{float:right; font-size:15px; color:#9f9f9f;} .prgm_n252 .board .more{display: block; position: absolute; top:-73px; right: 0; width: 30px; height: 30px; background:url(/site/mpva/images/contents/prgm_m252_sprite.png) no-repeat -10px -10px; font-size: 0; color:transparent;} .prgm_n252 .gallery{float:right; position: relative; width:515px;} .prgm_n252 .gallery .section_title{margin: 0; padding:14px 0 11px; height:60px; box-sizing:border-box; font-size:20px; font-weight: normal; color:#000;} .prgm_n252 .gallery ul li{float:left; width:250px;} .prgm_n252 .gallery ul li.empty {width:100%; text-align:center;} .prgm_n252 .gallery ul li:last-child{float:right;} .prgm_n252 .gallery ul li a{display:block; text-decoration:none;} .prgm_n252 .gallery ul li .img_area{overflow:hidden; height:170px;} .prgm_n252 .gallery ul li .img_area img{width:100%;} .prgm_n252 .gallery ul li .text_area{overflow:hidden; margin-top:14px; width:95%; white-space:nowrap; text-overflow:ellipsis; color:#1b1b1b} .prgm_n252 .gallery .more{display: block; position: absolute; top:12px; right: 0; width: 30px; height: 30px; background:url(/site/mpva/images/contents/prgm_m252_sprite.png) no-repeat -10px -10px; font-size: 0; color:transparent;} @media screen and (max-width:1320px){ .prgm_n252 .popup {width:100%; height:auto} .prgm_n252 .tel_info {width:100%; height:auto; padding:30px 30px; text-align:left;} .prgm_n252 .tel_info .sub_tell {position:absolute; top:5px; right:30px; text-align:right;} .prgm_n252 .frequent ul li span.img_area {display:grid; margin:0 auto 10px} .prgm_n252 .frequent ul li a, .prgm_n252 .frequent ul li span.text_area {width:100%; display:inline-block; text-align:center; padding:0px} .prgm_n252 .tel_info .sub_tell .tell_num {margin-top:5px} .prgm_n252 .board {width:100%; margin:0 0 30px} .prgm_n252 .gallery {width:100%} } @media screen and (max-width:640px){ .prgm_n252 .tel_info .section_title:before {height:18px} .prgm_n252 .tel_info .sub_tell .title, .prgm_n252 .tel_info .sub_tell .tell_num, .prgm_n252 .tel_info .section_title {font-size:18px} .prgm_n252 .tel_info .main_tel {font-size:25px; margin-top:5px} .prgm_n252 .tel_info .sub_tell {margin-top:25px} .prgm_n252 .tel_info .sub_tell .title:before {transform: translateY(-50%) scale(0.8); transform-origin: right center;} .prgm_n252 .frequent ul li span.img_area {width:80px; height:80px; } .prgm_n252 .frequent ul li .img_area:before {transform: scale(0.8); transform-origin: center center;} .prgm_n252 .tel_info { box-shadow: 3px 3px 15px rgba(0,0,0,0.10);} .prgm_n252 .board .tab_button ul li button {height:45px; font-size:15px; width:80px; letter-spacing:-1px;} .prgm_n252 .board .more {top:-63px} .prgm_n252 .gallery ul li {width:calc(50% - 10px); } .prgm_n252 .gallery ul li:first-child {margin-right:20px} .prgm_n252 .gallery ul li:nth-child(3) {display:none} } @media screen and (max-width:480px){ .prgm_n252 .tel_info {padding:20px} .prgm_n252 .tel_info .sub_tell {margin-top:17px} .prgm_n252 .tel_info .sub_tell .title, .prgm_n252 .tel_info .sub_tell .tell_num, .prgm_n252 .tel_info .section_title {font-size:17px} .prgm_n252 .tel_info .section_title:before {height:15px} .prgm_n252 .frequent ul li span.img_area { width: 65px; height: 65px; border-radius: 20px;} .prgm_n252 .frequent ul li .img_area:before { transform: scale(0.6);} .prgm_n252 .frequent ul li span.text_area {font-size:15px;} .prgm_n252 .gallery ul li .img_area {height:135px} .prgm_n252 .gallery .more {top:14px} } .page217 .box.type3 .title.type2 {width:auto; display:inline-block; vertical-align:top;} .page217 .box.type3 ul.bu {display:inline-block; vertical-align:top; padding:0px 0 5px 20px} /* 224 나라사랑신문 구독해지 > 정보조회 */ .prgm_n224 .box.icon .box_wrap{min-height:0;} .prgm_n224 .box.icon .box_wrap:before{width: 85px; height: 80px; top:49px; left:58px; background: url(/site/mpva/images/contents/boxIcon_224.png) no-repeat;} .prgm_n224 .inquiry_form{padding: 60px; border-radius:10px; background-color: #f0f6fd;} .prgm_n224 .inquiry_form ul{position: relative; margin: 0 auto; padding-right:145px; width: 520px; box-sizing:border-box;} .prgm_n224 .inquiry_form ul li{display: flex; align-items:center; flex-wrap:wrap; width: 100%;} .prgm_n224 .inquiry_form ul li label{display: block; width: 80px;} .prgm_n224 .inquiry_form ul li .p-input{width: calc(100% - 80px); padding: 10px; height: 42px !important; border:1px solid #c2c2c2; box-sizing:border-box;} .prgm_n224 .inquiry_form ul li.btn_area{display: block; position: absolute; top: 0; right: 0; width:130px; height: 100%;} .prgm_n224 .inquiry_form ul li.btn_area .p-btn_pop_alert{display: block; width: 100%; height: 89px; background-color: #082b91; color: #fff; font-size: 20px;} .prgm_n224 .chk_list li{position: relative; padding-left: 30px; } .prgm_n224 .chk_list li:before{content:''; display: block; position: absolute; top: 1px; left: 0; width: 21px; height: 21px; background: url(/site/mpva/images/contents/chk_bul.png) no-repeat;} .prgm_n224 .chk_list li:not(:first-child){margin-top: 12px;} .prgm_n224 .bul{position: relative; padding-left: 15px;} .prgm_n224 .bul:before{content:''; display: block; position: absolute; top:11px; left:0; width: 5px; height: 5px; border-radius:5px; background-color: #3d59d0;} .prgm_n224 .agree_guide{text-align: center;} .prgm_n224 .agree_guide .guide_text{margin: 30px 0; font-size:18px} .prgm_n224 .agree_guide .guide_text span{display: inline-block; position: relative; z-index: 1;} .prgm_n224 .agree_guide .guide_text span:before{content:''; display: block; position: absolute; bottom: -10px; left: -2px; z-index: -1; width: calc(100% + 4px); height: 21px; background-color: #e2ecfe;} .prgm_n224 .agree_guide .p-form-checkbox:first-of-type{margin-right: 30px;} @media screen and (max-width:640px){ .prgm_n224 .inquiry_form{padding: 20px 5%;} .prgm_n224 .inquiry_form ul{padding-right: 0; max-width:100%;} .prgm_n224 .inquiry_form ul li label{width: 80px;} .prgm_n224 .inquiry_form ul li .p-input{width:calc(100% - 80px);} .prgm_n224 .inquiry_form ul li.btn_area{position: static; margin-top: 10px; width: 100%;} .prgm_n224 .inquiry_form ul li.btn_area button{height: 50px; font-size: 18px;} } /* 242 주요일정 */ .prgm_n242 .calendar_wrap{display: flex; border: 1px solid #d7d8db;} .prgm_n242 .calendar_wrap .calgroup{padding:40px; box-sizing:border-box;} .prgm_n242 .calendar_wrap .calgroup:first-child{width:58%;} .prgm_n242 .calendar_wrap .calgroup:last-child{width:42%; background-color: #f7f8fd;} .prgm_n242 .calendar_ctrl{position:relative; margin-bottom: 30px; padding:0 70px;} .prgm_n242 .calendar_ctrl .current_month{font-size:22px; color:#000; text-align:center;} .prgm_n242 .calendar_ctrl .current_month span{font-size: 30px; vertical-align: bottom;} .prgm_n242 .calendar_ctrl a{display:block; position:absolute; top:50%; width:40px; height:40px; background:url(/site/mpva/images/contents/calendar_btn2.png);transform:translateY(-50%);} .prgm_n242 .calendar_ctrl a span{font-size:0; color:transparent;} .prgm_n242 .calendar_ctrl a.prev{left:0; background-position:0 0;} .prgm_n242 .calendar_ctrl a.next{right:0; background-position:-48px 0;} .prgm_n242 .calendar_table{width:100%; border-top:1px solid #6e7794; color:#000;} .prgm_n242 .calendar_table th.sun{color:#da2c2c;} .prgm_n242 .calendar_table th.sat{color:#2637b8;} .prgm_n242 .calendar_table th{height:50px; background-color:#fbfcfe; font-size:16px;font-weight:normal; color:#000; text-align:center;} .prgm_n242 .calendar_table td{width:14.28571428571429%; text-align:center; height:45px; border-top:1px solid #d3d3d3;} .prgm_n242 .calendar_table td a.num{width: 33px; height: 33px; display:inline-block; box-sizing:border-box; font-size: 16px; color: #222; text-align: center; line-height:20px;} .prgm_n242 .calendar_table td a.num{border: 1px solid #257aed; border-radius:20px;} .prgm_n242 .calendar_table td a.num.active{background-color: #257aed; color: #fff;} .prgm_n242 .calendar_table td.today .num {background:#257aed; width:34px; height:34px; line-height:32px; padding:0px; color:#fff; border-radius:34px; margin:0 auto} .prgm_n242 .schedule_date{margin: 0 auto; width: 240px; max-width:100%; height: 60px; border-radius:30px; box-shadow:0 0 30px rgba(133,167,218,0.3); background-color: #fff; color: #2637b8; font-size: 18px; line-height:60px; text-align: center;} .prgm_n242 .schedule_contents .list{margin-top: 40px;} .prgm_n242 .schedule_contents .list li{display: flex; position: relative; word-break:keep-all;} .prgm_n242 .schedule_contents .list li:not(:first-child){margin-top: 10px;} .prgm_n242 .schedule_contents .list li .time{position: relative; padding-left:20px; width:90px; font-size: 18px; color: #2637b8;} .prgm_n242 .schedule_contents .list li .time:before{content:''; display: block; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; border-radius:3px; background-color: #2637b8;} .prgm_n242 .schedule_contents .list li .text{width: calc(100% - 90px); font-size: 16px; color: #222;} @media screen and (max-width:1320px){ .prgm_n242 .calendar_wrap .calgroup{padding:40px 3%;} } @media screen and (max-width:640px){ .prgm_n242 .calendar_wrap{flex-direction:column;} .prgm_n242 .calendar_wrap .calgroup:first-child{width:100%;} .prgm_n242 .calendar_wrap .calgroup:last-child{width:100%;} } /*주제 (슬로건) 공모 */ .cst_217_box1 {font-size:0px; width:100%; display:inline-block;} .cst_217_box1 .cst_217_list {position:relative; width:310px; height:185px; padding:35px 35px 0 125px; border:1px solid #f0f1f3; border-radius:5px; display:inline-block; box-sizing:border-box; vertical-align:top;} .cst_217_box1 .cst_217_list:before {position:absolute; top:40px; left:38px;width:61px; height:65px; display:block; position:absolute; background-repeat:no-repeat; background-position:left top } .cst_217_box1 .cst_217_list h4.h0 {font-size:20px} .cst_217_box1 .cst_217_list p {font-size:16px; margin-top:15px; line-height:1.3em} .cst_217_box1 .cst_217_list.list_2 {margin:0 35px} .cst_217_box1 .cst_217_list.list_1:before {background-image:url('/site/mpva/images/contents/cst_217_icon1.png')} .cst_217_box1 .cst_217_list.list_2:before {background-image:url('/site/mpva/images/contents/cst_217_icon2.png')} .cst_217_box1 .cst_217_list.list_3:before {background-image:url('/site/mpva/images/contents/cst_217_icon3.png')} @media screen and (max-width:1320px){ .cst_217_box1 .cst_217_list {width:31.33%; height:220px; padding:90px 25px 25px} .cst_217_box1 .cst_217_list:before {top:15px; left:25px} .cst_217_box1 .cst_217_list.list_2 {margin:0 3%} } @media screen and (max-width:640px){ .cst_217_box1 .cst_217_list {width:100%; height:auto; padding:20px 25px 20px 85px} .cst_217_box1 .cst_217_list h4.h0 {font-size:18px} .cst_217_box1 .cst_217_list:before {top:15px; left:25px; transform: scale(0.7); transform-origin: left top;} .cst_217_box1 .cst_217_list.list_2 {margin:10px 0} .cst_217_box1 .cst_217_list p {font-size:15px} } #colgroup .cst_231_box {margin-top:30px; border:10px solid transparent; border-radius:8px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #f2f9ff, #fff) border-box;} .cst_231_box .title {margin:-40px 0 54px 0} .cst_231_box .title h3.h0 {margin:0 auto; width:280px; text-align:center; color:#fff; font-size:20px; letter-spacing:-0.025em; height:62px; line-height:62px; background:#1097ff; border-radius:62px; box-shadow:0 5px 5px rgba(18,123,204,0.14); } .cst_231_box .title_text {text-align:center} .cst_231_box .title_text span {position:relative; padding:0 95px 25px; font-size:30px; color:#000000; letter-spacing:-0.025em; margin-left:-43px} .cst_231_box .title_text span:after {position:absolute; top:5px; right:0px; width:71px; height:57px; display:block; background:url('../images/contents/cst_231_bl.png') no-repeat left top;} .cst_231_box .title_text span em {color:#2637b8;} .cst_231_box .cont {border-bottom:1px solid #e7e7e7;} .cst_231_box .cont ul {font-size:0px; text-align:center; width:100%; display:inline-block; margin-top:66px} .cst_231_box .cont ul li {width:285px; height:250px; display:inline-block; vertical-align:top; margin:0 12px;} .cst_231_box .cont ul li a {position:relative; width:100%; height:100%; box-sizing:border-box; padding:50px 30px 0; display:inline-block; border-radius:27px} .cst_231_box .cont ul li a .text_box {width:100%; display:inline-block; font-size:20px; letter-spacing:-0.025em; text-align:left; line-height:1.25em} .cst_231_box .cont ul li a:before {position:absolute; left:30px; background-repeat:no-repeat; background-position:center; display:block; content:""} .cst_231_box .cont ul li.li_1 a:before {width:74px; height:68px; top:122px; background-image:url('../images/contents/cst_231_icon1.png')} .cst_231_box .cont ul li.li_3 a:before {width:60px; height:79px; top:120px; background-image:url('../images/contents/cst_231_icon2.png')} .cst_231_box .cont ul li.li_2 a:before {width:73px; height:77px; top:123px; background-image:url('../images/contents/cst_231_icon3.png')} .cst_231_box .cont ul li a .text_box:after {position:absolute; top:-5px; right:0px; width:38px; height:38px; border-radius:38px; content:""; display:block; background-color:#fff; background-position:center; background-repeat:no-repeat; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.05); } .cst_231_box .cont ul li.li_1 a .text_box:after {background-image:url('../images/contents/cst_231_bl1.png')} .cst_231_box .cont ul li.li_2 a .text_box:after {background-image:url('../images/contents/cst_231_bl2.png')} .cst_231_box .cont ul li.li_3 a .text_box:after {background-image:url('../images/contents/cst_231_bl3.png')} .cst_231_box .cont ul li.li_1 a {background:#fff4f2; color:#b64118;} .cst_231_box .cont ul li.li_2 a {background:#f0f8ff; color:#3648a5;} .cst_231_box .cont ul li.li_3 a {background:#f1edfe; color:#38206e;} .cst_231_box .bo_logo {padding:60px 0; text-align:center;} @media screen and (max-width:1320px){ .cst_231_box .cont ul li {width:calc(33.33% - 12px); height:200px; margin:0 6px} .cst_231_box .cont ul {padding:0 20px} .cst_231_box .cont ul li a {padding:30px 20px 0} .cst_231_box .cont ul li a .text_box {word-break:keep-all; padding:0 50px 0 0; box-sizing:border-box;} .cst_231_box .cont ul li.li_1 a:before {top:102px;} .cst_231_box .cont ul li.li_3 a:before {top:100px; } .cst_231_box .cont ul li.li_2 a:before {top:100px; } } @media screen and (max-width:640px){ .cst_231_box .title { margin: -32px 0 30px 0;} .cst_231_box .title_text span {font-size:24px} .cst_231_box .cont ul {margin-top:30px} .cst_231_box .title h3.h0 {font-size:18px; height:50px; line-height:50px} .cst_231_box .title_text span:after { width: 41px; background-size: 41px auto;} .cst_231_box .cont ul li {width:100%; margin:5px 0; height:90px} .cst_231_box .cont ul li a:before {transform: scale(0.7); transform-origin: left center;} .cst_231_box .cont ul li.li_1 a:before {top:12px; left:27px} .cst_231_box .cont ul li.li_2 a:before {top:8px;} .cst_231_box .cont ul li.li_3 a:before {top:4px; left:32px} .cst_231_box .cont ul li a {padding:35px 30px 0 100px;} .cst_231_box .cont ul li a .text_box {font-size:18px} .cst_231_box .cont ul li a .text_box:after {top:-10px} } @media screen and (max-width:500px){ .cst_231_box .title h3.h0 {width:230px} .cst_231_box .title_text span {font-size:20px;padding:10px 20px} .cst_231_box .title_text span:after {display:none} .cst_231_box .cont ul li a {padding:20px 5px 20px 65px; font-size:16px;} .cst_231_box .cont ul li a:before {transform: scale(0.4); transform-origin: left top;} .cst_231_box .cont ul li.li_1 a:before {top:18px; left:20px} .cst_231_box .cont ul li.li_2 a:before {top:16px; left:22px} .cst_231_box .cont ul li.li_3 a:before {top:16px; left:23px} .cst_231_box .cont ul li a .text_box:after {transform: scale(0.8); right:10px; transform-origin: right center} .cst_231_box .cont ul li {height:auto;} } .cst_232_box {position:relative; width:100%; height:700px; display:inline-block; background:url('../images/contents/cst_232_bg2.jpg') no-repeat center top; } .cst_232_box .title:before {display:block; position:relative; margin:0 auto 15px; width:64px; height:45px; background:url('../images/contents/cst_232_bl.png') no-repeat center top;} .cst_232_box .title {position:absolute; left:50%; top:205px; width:240px; color:#000; font-size:18px; text-align:center; transform: translate(-50%, 0);} .cst_232_box .title span {position:relative} .cst_232_box .title span:before {position:absolute; bottom:-5px; left:-2px; z-index:-1; width:100%; padding:0 2px; height:16px; background:#dbf8ff; border-radius:16px; display:inline-block; content:"";} .cst_232_box li {text-align:center; position:absolute; width:315px; font-size:18px; color:#000; line-height:1.35em} .cst_232_box .li_1 {left:0px; top:65px;} .cst_232_box .li_2 {right:0px; top:65px;} .cst_232_box .li_3 {left:0px; top:443px} .cst_232_box .li_4 {right:0px; top:443px} .cst_232_box .li_5 {left:340px; top:584px;} @media screen and (max-width:1320px){ .cst_232_box {background-size:670px auto; height:450px} .cst_232_box .title {top:115px; line-height:1.25em} .cst_232_box .li_1, .cst_232_box .li_2 {top:38px; font-size:16px} .cst_232_box .li_3, .cst_232_box .li_4 {top:290px; font-size:16px} .cst_232_box .li_5 {left:232px; top:384px; font-size:16px} .cst_232_box li {width:210px} } @media screen and (max-width:1000px){ .cst_232_box {width: 670px; margin: 0 auto; display: block;} } @media screen and (max-width:640px){ .cst_232_box {width:100%; height:auto; display:inline-block; background:none} .cst_232_box .title {position:relative; top:auto; width:100%; height: 140px; font-size:16px; border: 20px solid transparent; border-radius: 140px; overflow: hidden; background: -webkit-linear-gradient(white, white), -webkit-linear-gradient(to top, #4273ca 0%, #42b8ca 100%); background: -o-linear-gradient(white, white), -o-linear-gradient(to top, #4273ca 0%, #42b8ca 100%); background: linear-gradient(white, white), linear-gradient(to top, #4273ca 0%, #42b8ca 100%); -webkit-background-clip: padding-box, border-box; -moz-background-clip: padding-box, border-box; background-clip: padding-box, border-box; -webkit-background-origin: border-box; background-origin: border-box; -webkit-background-size: 100% 100%; background-size: 100% 100%; display: inline-block; } .cst_232_box .title p { width: auto; font-size: 16px; color: #000; text-align: center; display: block; } .cst_232_box .title:before {width:38px; height:27px; margin:10px auto 5px; background-size:38px auto} .cst_232_box .title br {display:none} .cst_232_box .title br.br_m {display:block} .cst_232_box ul li {position:Relative; word-break:keep-all; margin-top:10px; box-sizing:border-box; height:64px; line-height:64px; border-radius:64px; width:100%; display:inline-block; left:auto !important; top:auto !important; bottom:auto !important; right:auto !important;} .cst_232_box ul li:before {width:13px; height:13px; box-sizing:border-box; background:#fff; border-radius:50%; border-width:4px; border-style:solid; display:block; position:absolute; top:-5px; left:50%; margin:0 0 0 -6px} .cst_232_box ul li span {color:#000} .cst_232_box ul li:nth-child(1) {background:#daf7f9; box-shadow:0 5px 5px rgba(168,227,231,0.09)} .cst_232_box ul li:nth-child(2) {background:#fbefef; box-shadow:0 5px 5px rgba(237,155,155,0.09)} .cst_232_box ul li:nth-child(3) {background:#d3f2ea; box-shadow:0 5px 5px rgba(67,189,159,0.09)} .cst_232_box ul li:nth-child(4) {background:#e5f1fb; box-shadow:0 5px 5px rgba(98,184,255,0.09)} .cst_232_box ul li:nth-child(5) {background:#efe9f9; box-shadow:0 5px 5px rgb(175 98 255 / 9%)} .cst_232_box ul li:nth-child(1):before {border-color:#42a8ca;} .cst_232_box ul li:nth-child(2):before {border-color:#f2acac;} .cst_232_box ul li:nth-child(3):before {border-color:#33b090;} .cst_232_box ul li:nth-child(4):before {border-color:#4279ca;} .cst_232_box ul li:nth-child(5):before {border-color:#9861b5;} .cst_232_box ul li br {display:none} } @media screen and (max-width:480px){ .cst_232_box ul li {font-size:15px;} } .cst_233_box .logo_box {padding:70px 0} .cst_233_box .color_box {border:1px solid #d7d8db; padding:35px 0; width:100%; display:inline-block; box-sizing:border-box; font-size:0px} .cst_233_box .color_box .color_box_list {width:25%; display:inline-block; vertical-align:top; padding:0 0 0 25px; box-sizing:border-box} .cst_233_box .color_box .color_box_list h4 {font-size:16px; font-weight:bold; letter-spacing:-0.025em} .cst_233_box .color_box .color_box_list:before {width:80px; height:80px; margin:0 auto 30px; border-radius:80px; display:block; content:"";} .cst_233_box .color_box .color_box_list ul {margin-top:10px } .cst_233_box .color_box .color_box_list ul li {font-size:14px;} .cst_233_box .color_box .color_box_list ul li .title {font-weight:bold; color:#222222; width:75px; display:inline-block; vertical-align:top;} .cst_233_box .color_box .color_box_list ul li .text {width:calc(100% - 75px); display:inline-block; vertical-align:top;} .cst_233_box .color_box .color_box_list.blue:before {background:#043863} .cst_233_box .color_box .color_box_list.red:before {background:#e10033} .cst_233_box .color_box .color_box_list.gray:before {background:#575757} .cst_233_box .color_box .color_box_list.white:before {background:#fff; border:1px solid #d7d8db; box-sizing:border-box;} .cst_233_box .color_box .color_box_list.blue h4 {color:#043863} .cst_233_box .color_box .color_box_list.red h4 {color:#e10033} .cst_233_box .color_box .color_box_list.gray h4 {color:#575757} .cst_233_box .color_box .color_box_list.white h4 {color:#000000} .cst_233_box .signature_box {text-align:center;} .cst_233_box .signature_box ul {position:relative; display:inline-block; background:url('/downloadContentsFile.do?key=233&fileNo=10004') no-repeat center top; width:822px; height:417px; margin:40px 0} .cst_233_box .signature_box ul li {text-indent:-9999px} .cst_233_box .bohun_box {text-align:center; padding:65px 20px;} .cst_233_box .bohun_box ul {padding-top:55px} .cst_233_box .bohun_box ul li {display:inline-block; padding:0 20px} @media screen and (max-width:1320px){ .cst_233_box .color_box .color_box_list {width:50%; padding:0 50px} .cst_233_box .color_box .color_box_list:nth-child(n+3) {margin-top:20px} } @media screen and (max-width:900px){ .cst_233_box .signature_box ul { width:480px; height:800px; background:url('/downloadContentsFile.do?key=233&fileNo=10011') no-repeat center top;} } @media screen and (max-width:800px){ .cst_233_box .logo_box img {max-width:90%} .cst_233_box .color_box .color_box_list h4 {text-align:center;} .cst_233_box .color_box .color_box_list {width:50%; padding:0 50px} .cst_233_box .color_box .color_box_list:nth-child(n+3) {margin-top:20px} } @media screen and (max-width:640px){ .cst_233_box .color_box .color_box_list { padding:0 20px} .cst_233_box .color_box .color_box_list:before {width:40px; height:40px; margin:0 auto 20px} } @media screen and (max-width:520px){ .cst_233_box .signature_box ul { width:400px; height:680px; background-size:400px auto;} } @media screen and (max-width:480px){ .cst_233_box .color_box .color_box_list {width:100%; padding:0 80px} .cst_233_box .color_box .color_box_list:nth-child(n+2) {margin-top:30px} .cst_233_box .logo_box img {max-width:80%} } @media screen and (max-width:440px){ .cst_233_box .signature_box ul { width:340px; height:580px; background-size:340px auto;} } @media screen and (max-width:400px){ .cst_233_box .color_box .color_box_list { padding:0 50px} .cst_233_box .signature_box {padding:0px; } .cst_233_box .signature_box ul {margin:0px; background-size:310px auto} } .mpva_hello_box {background:url('../images/contents/mpva_hello_box_bg_right.jpg') no-repeat right top } .mpva_hello_box .mpva_hello_box_wrap {background:url('../images/contents/mpva_hello_box_bg_left.jpg') no-repeat left top; width:100%; position:relative; display:inline-block; padding-left:275px; padding-right:20px; word-break:keep-all; box-sizing:border-box} .mpva_hello_box .mpva_hello_box_wrap .img {position:absolute; left:67px; top:70px; } .mpva_hello_box .mpva_hello_box_wrap .img img {vertical-align:top; box-shadow:0px 0px 30px rgba(108,182,170,0.22);} .mpva_hello_box .mpva_hello_box_wrap .top_box p {color:#167c95; font-size:28px; line-height:1.25em;} .mpva_hello_box .mpva_hello_box_wrap .top_box {margin:65px 0 95px} .mpva_hello_box .mpva_hello_box_wrap .mid_box {padding-right:50px} .mpva_hello_box .mpva_hello_box_wrap .mid_box p {margin:0 0 25px; word-break:keep-all; font-size:16px} .mpva_hello_box .mpva_hello_box_wrap .mid_box p.name {font-size:20px; margin-top:35px; margin-bottom:0px; color:#000} @media screen and (max-width:765px){ .mpva_hello_box .mpva_hello_box_wrap {padding-left: 235px;} .mpva_hello_box .mpva_hello_box_wrap .img {left: 47px; top: 40px;} .mpva_hello_box .mpva_hello_box_wrap .top_box {margin: 65px 0 75px;} } @media screen and (max-width:640px){ .mpva_hello_box .mpva_hello_box_wrap .top_box { height: 90px;} .mpva_hello_box .mpva_hello_box_wrap {padding-left:25px; padding-right:25px} .mpva_hello_box .mpva_hello_box_wrap .top_box p {padding-left:200px; font-size:22px} .mpva_hello_box .mpva_hello_box_wrap .img {left: 27px; top: 27px;} .mpva_hello_box .mpva_hello_box_wrap .mid_box {padding-right:0px} } @media screen and (max-width:480px){ .mpva_hello_box, .mpva_hello_box .mpva_hello_box_wrap {background-size: auto 150px;} .mpva_hello_box .mpva_hello_box_wrap .top_box {margin:40px 0 60px} .mpva_hello_box .mpva_hello_box_wrap .top_box p {padding-left: 140px; font-size:18px} .mpva_hello_box .mpva_hello_box_wrap .img img {width:120px} .mpva_hello_box .mpva_hello_box_wrap .mid_box p {font-size:15px} } @media screen and (max-width:360px){ } .chung_map_box {width:100%; height:500px} .cst_254_link_box {position:relative; width:calc(100% + 35px)} .cst_254_link_box ul {font-size:0px; width:100%; display:inline-block} .cst_254_link_box li {width:calc(33.33% - 35px); margin:0 35px 0 0; display:inline-block} .cst_254_link_box li a {font-size:16px; color:#000; width:100%; height:60px; display:inline-block; text-align:center; line-height:60px; background:#eef6fd; border:1px solid #b0cfeb; border-radius:10px; box-sizing:border-box;} @media screen and (max-width:640px){ .cst_254_link_box {width:100%} .cst_254_link_box li {width:100%; margin:3px 0} .cst_254_link_box li a {height:45px; line-height:43px;} } .cst_3_box {position:relative; width:calc(100% + 21px); font-size:0px;} .cst_3_box .cst_3_list_box {width:calc(33.33% - 21px); display:inline-block; margin-right:21px; margin-bottom:21px; border-radius:10px; border:1px solid transparent; background:linear-gradient(#fff,#fff) padding-box, /*this is your grey background*/ linear-gradient(to top, #e1e1e1 0%, #f1f1f1 20%, #fff 80%) border-box; overflow:visible; box-sizing:border-box; vertical-align:top; } .cst_3_box .cst_3_list_box a{display:block;} .cst_3_box .cst_3_list_box a:focus{margin:1px;} .cst_3_box .cst_3_list_box .title_text {position:relative; font-size:18px; width:100%; padding:0 24px; height:54px; line-height:54px; border-radius:10px 10px 0 0; box-sizing:border-box; background:#f6f6f6; color:#000} .cst_3_box .cst_3_list_box .info_text {font-size:16px; width:100%; padding:10px 24px; height:85px; border-radius:0 0 10px 10px; box-sizing:border-box; align-items: center; display: flex;} .cst_3_box .cst_3_list_box:hover {border:1px solid #35a3b7; box-shadow:0 0 6px rgba(73,193,211,0.3)} .cst_3_box .cst_3_list_box:hover .title_text {background:#b2f0f9; color:#0e6ca2;} .cst_3_box .cst_3_list_box .title_text:after {position:absolute; top:5px; right:15px; width:42px; height:42px; display:block; background-repeat:no-repeat; background-position:center;} .cst_3_box .cst_3_list_box.list_1 .title_text:after {background-image:url('../images/contents/cst_4_icon_1.png')} .cst_3_box .cst_3_list_box.list_2 .title_text:after {background-image:url('../images/contents/cst_4_icon_2.png')} .cst_3_box .cst_3_list_box.list_3 .title_text:after {background-image:url('../images/contents/cst_4_icon_3.png')} .cst_3_box .cst_3_list_box.list_4 .title_text:after {background-image:url('../images/contents/cst_4_icon_4.png')} .cst_3_box .cst_3_list_box.list_5 .title_text:after {background-image:url('../images/contents/cst_4_icon_5.png')} .cst_3_box .cst_3_list_box.list_6 .title_text:after {background-image:url('../images/contents/cst_4_icon_6.png')} @media screen and (max-width:800px){ .cst_3_box .cst_3_list_box .info_text br {display:none} } @media screen and (max-width:640px){ .cst_3_box, .cst_3_box .cst_3_list_box {width:100%;} .cst_3_box .cst_3_list_box {margin-bottoM:10px} .cst_3_box .cst_3_list_box .title_text {font-size:16px; height:45px; line-height:45px; padding:0 20px;} .cst_3_box .cst_3_list_box .info_text {height:auto; padding:10px 20px; font-size:15px} .cst_3_box .cst_3_list_box .title_text:after {transform: scale(0.85); transform-origin: right top;} } #contents .cst_36_top_box {position:relative; width:100%; padding:35px 125px; box-sizing:border-box; border:1px solid #2455c4; border-radius:40px 10px 10px 10px; margin-top:70px} .cst_36_top_box {position:relative; width:100%; padding:35px 125px; box-sizing:border-box; border:1px solid #2455c4; border-radius:40px 10px 10px 10px} .cst_36_top_box:before {position:absolute; top:-40px; left:151px; width:165px; height:150px; display:block; background:url('../images/contents/cst_36_bl.png') no-repeat left top } .cst_36_top_box h3.h0 {position:relative; color:#0e3fae; font-size:30px; padding:5px 10px; display:inline-block; margin:20px 0 40px 220px} .cst_36_top_box h3.h0:before {position:absolute; top:-5px; left:0px; border-radius:0px; background: rgb(212,250,255); background: linear-gradient(90deg, rgba(212,250,255,1) 0%, rgba(255,255,255,1) 100%); display:block; width:100%; height:27px; z-index:-1} .cst_36_top_box p {font-size:18px; color:#222} .cst_con_36_box.box .box_wrap {padding-left:200px;min-height: 170px;} .cst_con_36_box.box .box_wrap:before {width:109px; height:109px; position:absolute; top:30px; left:43px; border-radius:42px; display:block; background-repeat:no-repeat; background-position:center center; background-color:#fff;} .cst_con_36_box.box.cst_36_1 .box_wrap:before {background-image:url('../images/contents/cst_36_icon1.png')} .cst_con_36_box.box.cst_36_2 .box_wrap:before {background-image:url('../images/contents/cst_36_icon2.png')} .cst_con_36_box.box.cst_36_1 .box_wrap p {margin-top:15px;} .cst_con_36_box.box.cst_36_2 .box_wrap p {margin-top:25px;} .cst_con_36_box.box .box_wrap p:first-child {margin-top:0px} .cst_con_36_box.box .box_wrap p.text_big {font-size:20px; line-height:1.25em} @media screen and (max-width:1320px){ .cst_36_top_box:before {left:100px} #contents .cst_36_top_box {padding:35px 50px} } @media screen and (max-width:1000px){ .cst_36_top_box h3.h0 { font-size:22px} .cst_36_top_box p {font-size:16px} } @media screen and (max-width:640px){ #contents .cst_36_top_box {margin-top:0px; border-radius:20px 5px 5px 5px; padding:25px 30px} .cst_36_top_box:before {display:none} .cst_36_top_box h3.h0 { margin:0px 0 10px 0px; font-size:20px} .cst_con_36_box.box .box_wrap {padding-left:120px} .cst_con_36_box.box .box_wrap p.text_big {font-size:18px} .cst_con_36_box.box .box_wrap:before { background-size:59px auto; width:69px; height:69px; left:25px; top:25px; border-radius:20px} } @media screen and (max-width:400px){ .cst_con_36_box.box .box_wrap:before {display:none} .cst_con_36_box.box .box_wrap {padding-left:5%} } .box_title_h4 {display:inline-block; color:#3a62bd; font-size:22px} .cst_61_top_box {position:relative; width:100%; padding:35px 125px; box-sizing:border-box; border:1px solid #2455c4; border-radius:40px 10px 10px 10px} .cst_61_top_box:before {position:absolute; top:-40px; left:151px; width:191px; height:144px; display:block; background:url('../images/contents/cst_61_icon.png') no-repeat left top } .cst_61_top_box h3.h0 {position:relative; color:#0e3fae; font-size:30px; padding:5px 10px; display:inline-block; margin:20px 0 40px 220px} .cst_61_top_box h3.h0:before {position:absolute; top:-5px; left:0px; border-radius:0px; background: rgb(212,250,255); background: linear-gradient(90deg, rgba(212,250,255,1) 0%, rgba(255,255,255,1) 100%); display:block; width:100%; height:27px; z-index:-1} .cst_61_top_box p {font-size:18px; color:#222} @media screen and (max-width:1320px){ .cst_61_top_box:before {left:100px} #contents .cst_61_top_box {padding:35px 50px} } @media screen and (max-width:1000px){ .cst_61_top_box h3.h0 { font-size:22px} .cst_61_top_box p {font-size:16px} } @media screen and (max-width:640px){ #contents .cst_61_top_box {margin-top:0px; border-radius:20px 5px 5px 5px; padding:25px 30px; text-align:left;} #contents .cst_61_top_box p br {display:none} #contents .cst_61_top_box p.text_center {text-align:left;} .cst_61_top_box:before {display:none} .cst_61_top_box h3.h0:before {height:16px; top:0px} .cst_61_top_box h3.h0 { margin:0px 0 10px 0px; font-size:20px} } @media screen and (max-width:400px){ .cst_61_top_box.box .box_wrap:before {display:none} .cst_61_top_box.box .box_wrap {padding-left:5%} } .design_title {text-align:center; margin:40px 0 25px } .design_title h3.h0 {font-size:24px; color:#222; display:inline-block;} .design_title h3.h0 span {position:relative; font-size:24px; color:#222} .design_title h3.h0 span:before {position:absolute; bottom:-5px; left:0px; width:100%; height:21px; display:block; background:#d4faff; z-index:-1} .cst_con_1415_box.box .box_wrap {padding-left:200px; display:flex; align-items:center; flex-wrap:wrap; min-height:170px; box-sizing:border-box;} .cst_con_1415_box.box .box_wrap .text { display:inline-block; width:100%;} .cst_con_1415_box.box .box_wrap:before {width:109px; height:109px; position:absolute; top:30px; left:43px; border-radius:42px; display:block; background-repeat:no-repeat; background-position:center center; background-color:#fff;} .cst_con_1415_box.box.cst_1415_1 .box_wrap:before {background-image:url('../images/contents/cst_1415_icon_1.png')} .cst_con_1415_box.box.cst_1415_2 .box_wrap:before {background-image:url('../images/contents/cst_1415_icon_2.png')} .cst_con_1415_box.box.cst_1415_3 .box_wrap:before {background-image:url('../images/contents/cst_1415_icon_3.png')} .cst_con_1415_box.box.cst_1415_4 .box_wrap:before {background-image:url('../images/contents/cst_1415_icon_4.png')} .cst_con_1415_box.box.cst_1415_5 .box_wrap:before {background-image:url('../images/contents/cst_1415_icon_5.png')} @media screen and (max-width:1320px){ } @media screen and (max-width:1000px){ } @media screen and (max-width:640px){ .design_title h3.h0, .design_title h3.h0 span {font-size:18px} .design_title h3.h0 span:before {height:16px} .cst_con_36_box.box .box_wrap {min-height:auto} .cst_con_1415_box.box .box_wrap {padding-left:120px; min-height:120px} .cst_con_1415_box.box .box_wrap:before { background-size:59px auto; width:69px; height:69px; left:25px; top:25px; border-radius:20px} } @media screen and (max-width:400px){ .cst_con_36_box.box .box_wrap:before {display:none} .cst_con_36_box.box .box_wrap {padding-left:5%} } .cst_159_box {position:relative; width:100%; display:inline-block; margin:0 0 50px 0} .cst_159_box img {width:calc(50% - 25px); float:left;} .cst_159_box img:first-child {margin-right:50px;} @media screen and (max-width:480px){ .cst_159_box { margin:0 0 20px 0} .cst_159_box img {width:90%; margin-left:5%; margin-right:5%; float:left;} .cst_159_box img:first-child {margin-right:0px; margin-bottom:15px} } @media screen and (max-width:420px){ .cst_159_box img {width:100%; margin-left:0%; margin-right:0%;} } .cts149 .box_wrap:before {position:absolute; width:213px; height:107px; display:block; left:106px; top:-38px; background:url('../images/contents/cst_149_icon.jpg') no-repeat left top;} .box.type1_color .box_wrap .text {font-size:18px} @media screen and (max-width:1320px){ .cts149 .box .box_wrap {padding-top:100px} .cts149 .box_wrap:before {left:50%; margin:0 0 0 -107px} } @media screen and (max-width:640px){ .grad_bg_title {font-size:22px} .box.type1_color .box_wrap .text {font-size:16px} } @media screen and (max-width:480px){ .cts149 .box .box_wrap {padding-top:60px} .cts149 .box_wrap:before {position:absolute; width:120px; margin:0 0 0 -60px; height:60px; display:block; top:-28px; background:url('../images/contents/cst_149_icon.jpg') no-repeat left top; background-size:120px auto} } .cst_206_box .cst_206_box_top {background:#f9f7fc; border-radius:10px; width:100%; box-sizing:border-box; padding:35px 0; text-align:center;} .cst_206_box .cst_206_box_top .text_1 {font-size:18px; color:#000; padding-bottom:30px} .cst_206_box .cst_206_box_top .text_2 {font-size:18px; color:#9388a3} .cst_206_box .cst_206_box_mid:after {position:absolute; bottom:115px; right:65px; width:55px; height:52px; display:block; background:url('../images/contents/cst_206_bg.png') no-repeat left top } .cst_206_box .cst_206_box_mid {background:#fff; border:1px solid #f0f1f3; border-radius:5px; border-top:5px solid #3d61cc; width:100%; box-sizing:border-box; padding:38px 0 0; margin-top:40px; text-align:center;} .cst_206_box .cst_206_box_mid h3.h0 {text-align:center; color:#2637b8; margin-bottom:15px; font-size:24px; letter-spacing:-0.05em; font-weight:200;} .cst_206_box .cst_206_box_mid ul {width:100%; text-align:left; padding:0 100px} .cst_206_box .cst_206_box_mid ul li {position:relative; width:100%; text-align:left; padding:12px 0 12px 50px; color:#4c4c4c; font-size:17px} .cst_206_box .cst_206_box_mid .num_item {position:absolute; top:5px; left:0px; width:32px; height:32px; vertical-align:top; display:inline-block; background:#f4f4f7; border-radius:32px; font-size:20px; color:#000; font-weight:bold; line-height:1em} .cst_206_box .cst_206_box_mid div {padding:50px 100px; text-align:center; color:#656daa; background:#f7f8fb; margin-top:30px; font-size:17px} @media screen and (max-width:1320px){ .cst_206_box .cst_206_box_mid ul li br {display:none} } @media screen and (max-width:800px){ .cst_206_box .cst_206_box_mid ul {padding:0 50px} .cst_206_box .cst_206_box_mid div {padding:30px 50px} .cst_206_box .cst_206_box_mid:after {display:none} } @media screen and (max-width:640px){ .cst_206_box .cst_206_box_top .text_1, .cst_206_box .cst_206_box_top .text_2 {font-size:16px; padding-left:30px; padding-right:30px; line-height:1.4em} .cst_206_box .cst_206_box_top .text_1 {padding-bottom:20px; word-break:keep-all} .cst_206_box .cst_206_box_mid ul {padding:0 30px} .cst_206_box .cst_206_box_mid ul li { font-size:16px; padding: 8px 0 8px 40px;} .cst_206_box .cst_206_box_mid .num_item {width:25px; height:25px; font-size:18px} .cst_206_box .cst_206_box_mid div {font-size:16px; } .cst_206_box .cst_206_box_top .text_1 br, .cst_206_box .cst_206_box_mid div br {display:none} } .cst_70_box {position:relative; border:1px solid #5d8cdb; border-radius:15px; width:100%; display: flex; align-items:center; box-sizing:border-box; margin-bottom:40px} .cst_70_box .de_text {position:relative; padding-bottom:12px} .cst_70_box .de_text:before {position:absolute; left:0px; bottom:0px; width:100%; height:21px; display:block; background: rgb(240,243,249); background: linear-gradient(90deg, rgba(240,243,249,1) 0%, rgba(255,255,255,1) 100%);} .cst_70_box .de_text span {color:#18205f; font-size:18px; letter-spacing:-0.035em} .cst_70_box.type1 {background:#e8f3ff} .cst_70_box.type2 {background:#5d8cdb} .cst_70_box.type1 .title_box h3.h0 {color:#2637b8} .cst_70_box.type2 .title_box h3.h0 {color:#fff;} .cst_70_box .title_box {width:200px; height:100%; position:relative; display:inline-block} .cst_70_box .title_box h3.h0 {text-align:center; font-size:22px; font-weight:200; letter-spacing:-0.035em} .cst_70_box .text_box {width:calc(100% - 200px); height:100%; position:relative; background:#fff; padding:30px 25px; border-radius:0 15px 15px 0} .cst_70_box {} @media screen and (max-width:1320px){ .cst_70_box .text_box {padding:30px 25px} } @media screen and (max-width:640px){ .cst_70_box {display:inline-block; background:#fff; border-radius:10px;} .cst_70_box.type1 .title_box {background:#e8f3ff} .cst_70_box.type2 .title_box {background:#5d8cdb} .cst_70_box .title_box {width:100%; border-radius:10px 10px 0 0; padding:15px 0;} .cst_70_box .title_box br {display:none} .cst_70_box .text_box {width:100%; border-radius:0 0 10px 10px; padding:20px} .cst_70_box .title_box h3.h0 {font-size:20px;} .cst_70_box .de_text span {font-size:16px;} .cst_70_box .de_text:before {display:none} } .cst_137_box {width:100%; display:inline-block} .cst_137_box ul {width:calc(100% + 20px); font-size:0px; display:inline-block; margin:0 0 0 -10px} .cst_137_box li {width:calc(20% - 20px); margin:0 10px 20px; background:#f8f8fe; border-radius:10px; height:140px; font-size:20px; text-align:center; display: inline-flex; align-items:center; } .cst_137_box li a {width:100%; display:inline-block;} .cst_137_box li .location_title {width:100%; display:inline-block; color:#7e90c9} .cst_137_box li .call_text {width:100%; display:inline-block; color:#5a72b4} @media screen and (max-width:1320px){ .cst_137_box li {width:calc(33.33% - 20px); } } @media screen and (max-width:1000px){ .cst_137_box li {width:calc(25% - 20px); } } @media screen and (max-width:640px){ .cst_137_box li {width:calc(33.33% - 10px); margin:0 5px 10px; font-size:16px; height:100px} } @media screen and (max-width:640px){ .cst_137_box li {width:calc(50% - 10px)} } .cst_150_box .box_wrap {padding-left:165px} .cst_150_box .box_wrap:before {position:absolute; top:55px; left:45px; display:block; width:74px; height:68px; background-repeat:no-repeat; background-position:center center;} .cst_150_box .box_wrap h3.h0 { color:#222222; letter-spacing:-0.035em} .cst_150_box .box_wrap h3.h0 span {font-size:20px; padding-top:11px; padding-left:4px; padding-right:4px; position:relative; display:inline-block; color:#222} .cst_150_box .box_wrap h3.h0 span:after {position:absolute; left:-18px; top:8px; width:5px; height:5px; border-radius:5px; display:block;} .cst_150_box .box_wrap h3.h0 span:before {position:absolute; top:0px; left:0px; width:100%; height:20px; display:block; z-index:1} .cst_150_box .box_wrap h3.h0 span em {position:Relative; z-index:2} .cst_150_box.cst_150_1 .box_wrap h3.h0 span:before, .cst_150_box.cst_150_2 .box_wrap h3.h0 span:before {background: rgb(237,252,255); background: linear-gradient(90deg, rgba(237,252,255,1) 0%, rgba(255,255,255,1) 100%);} .cst_150_box.cst_150_3 .box_wrap h3.h0 span:before, .cst_150_box.cst_150_4 .box_wrap h3.h0 span:before {background: rgb(241,244,254); background: linear-gradient(90deg, rgba(241,244,254,1) 0%, rgba(255,255,255,1) 100%);} .cst_150_box.cst_150_5 .box_wrap h3.h0 span:before, .cst_150_box.cst_150_6 .box_wrap h3.h0 span:before {background: rgb(255,244,242); background: linear-gradient(90deg, rgba(255,244,242,1) 0%, rgba(255,255,255,1) 100%);} .cst_150_box.cst_150_1 .box_wrap h3.h0 span:after, .cst_150_box.cst_150_2 .box_wrap h3.h0 span:after {background:#57e9ff;} .cst_150_box.cst_150_3 .box_wrap h3.h0 span:after, .cst_150_box.cst_150_4 .box_wrap h3.h0 span:after {background:#8697ff;} .cst_150_box.cst_150_5 .box_wrap h3.h0 span:after, .cst_150_box.cst_150_6 .box_wrap h3.h0 span:after {background:#ff8976} .cst_150_box .box_wrap p {letter-spacing:-0.035em; margin-top:15px} .cst_150_box.cst_150_1 .box_wrap:before {background-image:url('/site/mpva/images/contents/cst_150_icon1.png')} .cst_150_box.cst_150_2 .box_wrap:before {background-image:url('/site/mpva/images/contents/cst_150_icon2.png')} .cst_150_box.cst_150_3 .box_wrap:before {background-image:url('/site/mpva/images/contents/cst_150_icon3.png')} .cst_150_box.cst_150_4 .box_wrap:before {background-image:url('/site/mpva/images/contents/cst_150_icon4.png')} .cst_150_box.cst_150_5 .box_wrap:before {background-image:url('/site/mpva/images/contents/cst_150_icon5.png')} .cst_150_box.cst_150_6 .box_wrap:before {background-image:url('/site/mpva/images/contents/cst_150_icon6.png')} @media screen and (max-width:640px){ .cst_150_box .box_wrap {padding-left:140px} .cst_150_box .box_wrap:before {left:25px; top:30px;} .cst_150_box .box_wrap h3.h0 span {font-size:17px} .cst_150_box .box_wrap p {font-size:15px;} } @media screen and (max-width:480px){ .cst_150_box .box_wrap h3.h0 span {padding-top:5px;} .cst_150_box .box_wrap h3.h0 span:before {height: 14px; top: 4px; left: 2px;} .cst_150_box .box_wrap h3.h0 span:after {left:-8px} .cst_150_box .box_wrap:before {display:none} .cst_150_box .box_wrap {padding-left:20px} .cst_150_box .box_wrap p {margin-top:7px} } /*행정서비스 이행표준 */ .box.cst_207_li .box_wrap {padding:36px 0} .box.cst_207_li .box_wrap ul {display:inline-block; vertical-align:top} .box.cst_207_li .box_wrap li {padding:5px 0 5px 55px; box-sizing:border-box; width:50%; display:inline-block; float:left} .box.cst_207_li .box_wrap li a {position:Relative; display:inline-block; box-sizing:border-box; color:#737373;} .box.cst_207_li .box_wrap li a:hover {color:#2637b8; text-decoration:none} .box.cst_207_li .box_wrap li a:before {position:absolute; bottom:-2px; left:0px; width:100%; height:1px; background:#2637b8 } .box.cst_207_li .box_wrap li a:after {position:absolute; top:50%; margin:-2px; right:-20px; width:4px; height:4px; border-radius:1px; background:#2637b8} .box.cst_207_li .box_wrap li a:hover:before {display:block} .box.cst_207_li .box_wrap li a:hover:after {display:block; } @media screen and (max-width:800px){ .box.cst_207_li .box_wrap li {width:100%; padding:3px 0 3px 55px} } @media screen and (max-width:480px){ .box.cst_207_li {display:none} #svc1 {margin-top:0px} } /*보훈가족께 드리는 당부말씀 */ .cst_208_box {background:#f9f7fc; padding:35px 30px; text-align:center; font-size:18px; color:#000000} .cst_208_box2 {position:relative; box-sizing:border-box; border:1px solid #f0f1f3; margin-top:40px; padding:0 60px 50px} .cst_208_box2:before {position:absolute; top:-5px; left:0px; width:100%; height:5px; display:inline-block; background: rgb(60,97,204); background: linear-gradient(90deg, rgba(60,97,204,1) 0%, rgba(140,115,210,1) 100%); border-radius:5px 5px 0 0} .cst_208_box2 h3.h0 {color:#2637b8; font-size:24px; padding:40px 0 40px; text-align:center; font-weight:200; letter-spacing:-0.05em} .cst_208_box2 li { border-radius:5px; padding:32px 40px; margin-top:31px} .cst_208_box2 li:first-child {margin-top:0px} .cst_208_box2 li:nth-child(even) {background:#f5f7fb; border:1px solid #f5f7fb} .cst_208_box2 li:nth-child(odd) {border:1px solid #d9dbee;} .cst_208_box2 li span {display:inline-block; width:100%; font-size:17px} .cst_208_box2 li span:nth-child(even) {color:#000} .cst_208_box2 li span:nth-child(odd) {color:#4c4c4c} @media screen and (max-width:1320px){ .cst_208_box2 li span {display:inline} } @media screen and (max-width:640px){ .cst_208_box {font-size:16px} .cst_208_box br {display:none; word-break:keep-all} .cst_208_box2 h3.h0 {font-size:20px; padding:30px 0 20px} .cst_208_box2 {margin-top:30px; padding: 0 40px 30px;} .cst_208_box2 li {padding:20px 25px; margin-top:17px;} } @media screen and (max-width:480px){ .cst_208_box2 {margin-top:20px; padding: 0 20px 15px;} .cst_208_box2 li span {display:inline; width:auto} } .cst_238_box {position:Relative;} .cst_238_box .top_box {position:relative; width:100%; height:420px; padding:85px 60px; box-sizing:border-box; background:#f6f6f6;} /*.cst_238_box .top_box:before {width:100%; height:100%; display:block; background: url('/site/mpva/images/contents/cst_238_img.jpg') no-repeat right top; position:absolute; top:0px; right:0px; }*/ .cst_238_box .top_box .text_1 {position:relative; z-index:3; display:block; font-size:26px; color:#000; letter-spacing:-0.025em; line-height:1.35em; word-break:keep-all} .cst_238_box .top_box .text_2 {position:relative; z-index:3; display:block; font-size:20px; color:#000; margin:35px 0 50px} .cst_238_box .top_box .text_3 {position:relative; z-index:3; display:block; } .cst_238_box .top_box .text_3 img {vertical-align:middle; margin:0 0 0 15px} .cst_238_box .mid_box {padding-bottom:40px} .cst_238_box .mid_box p.line_2 {margin-top:50px} .cst_238_box .mid_box p {margin-top:25px; color:#515151; font-size:18px} .cst_238_box .mid_box p span {color:#000} .cst_238_box .top_box .cts238_img {position:absolute; right:0; top:0;} @media screen and (max-width:1320px){ .cst_238_box .top_box {height:300px; overflow:hidden; padding:45px 40px} .cst_238_box .top_box .text_1 {width:50%} .cst_238_box .top_box:before {background-size:auto 100%; right:-60px} .cst_238_box .top_box .text_2 {margin:15px 0 30px} } @media screen and (max-width:640px){ .cst_238_box .top_box {height:auto;} .cst_238_box .top_box:before { right:-80px} .cst_238_box .top_box .text_1 {font-size:22px; margin-top:400px; width:100%} .cst_238_box .top_box .text_2 {font-size:18px} .cst_238_box .mid_box p.line_2 {margin-top:20px} .cst_238_box .mid_box p {font-size:16px;} .cst_238_box .top_box .cts238_img {position:static; display:block; top:0; left:0; text-align: center;} } @media screen and (max-width:600px){ .cst_238_box .top_box .text_3 span {display:block} .cst_238_box .top_box .text_3 img {margin:10px 0 0 0} } @media screen and (max-width:530px){ /*.cst_238_box .top_box:after {position:absolute; top:0px; left:30%; width:50%; height:100%; display:block; background: rgb(246,246,246);background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%);}*/ } /* @media screen and (max-width:480px){ .cst_238_box .top_box {padding:35px 30px; height:270px} .cst_238_box .top_box .text_1 {width:200px} .cst_238_box .top_box .text_2 {margin:10px 0} .cst_238_box .top_box:before { right:-60px} .cst_238_box .top_box:after {left:15%; width:60%} .cst_238_box .top_box .text_3 span.text_3_1 {display:none} .cst_238_box .mid_box p {font-size:15px} } @media screen and (max-width:450px){ .cst_238_box .top_box:after {left:25%; width:90%; background: rgb(246,246,246); background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 50%);} }*/ @media screen and (max-width:430px){ /*.cst_238_box .top_box {height:230px} */ .cst_238_box .top_box .text_1 {font-size:20px} .cst_238_box .top_box .text_3 span.sign_text {display:none} .cst_238_box .top_box .text_3 span.text_3_1 {display:block} .cst_238_box .top_box:after {left:15%; width:90%; background: rgb(246,246,246); background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 70%)} } .history_box {position:relative; width:100%; padding:35px 0 0 250px; box-sizing:border-box; display:inline-block} .history_box:before {position:absolute; top:0px; left:0px; width:280px; height:700px; display:block; content:""; background:url('../images/contents/history_bg.jpg') no-repeat left top} .history_box .history_box_left {position:absolute; left:40px; top:35px} .history_box .history_box_left span {font-size:28px; display:block; line-height:1.25em; letter-spacing:-0.05em} .history_box .history_box_left span.text_1 {color:#2637b8} .history_box .history_box_left span.text_2 {color:#6d749c} .history_box .history_year {font-size:28px; color:#000; float:left; display:inline-block; padding:2px 0 0 0; letter-spacing:-0.05em} .history_box .history_depth1 {position:relative; float:left; width:100%; padding-bottom:15px} .history_box .history_depth1:after {position:absolute; top:10px; right:544px; display:block; width:1px; height:100%; z-index:-1; background:url('../images/contents/history_line_bg.gif') repeat-y left top} .history_box .history_depth2 {display:inline-block; float:left; width:calc(100% - 110px); margin:0 0 0 47px; } .history_box .history_depth2 > ul > li {width:100%; display:inline-block; vertical-align:top; line-height:1.25em; padding-bottom:25px} .history_box .history_depth2 > ul > li.first_date .history_mon_date {color:#2637b8} .history_box .history_depth2 > ul > li.first_date .history_depth3 ul > li:first-child:before {background:#3d59d0} .history_box .history_depth3 {display:inline-block; float:left; width:calc(100% - 100px); margin:0 0 0 50px} .history_box .history_depth3 ul {} .history_box .history_depth3 ul li {position:relative; width:100%; display:inline-block; padding:0 0 0 15px; box-sizing:border-box; word-break:keep-all;} .history_box .history_depth3 ul li:before {position:absolute; top:10px; left:0px; width:4px; height:4px; border-radius:2px; display:block; background:#c1c6d9; z-index:5} .history_box .history_depth3 ul li ul li:first-child:before {background:#777777;} .history_box .history_depth2 > ul > li.first_date .history_depth3 ul > li:first-child ul li:first-child:before {background:#777777} .history_box .history_depth3 ul li ul li {padding-left:18px} .history_box .history_depth3 ul li ul {padding:5px 0;} .history_box .history_depth3 ul li ul li:before {width:5px; height:1px; background:#777777; border-radius:0px; top:12px; left:3px} .history_box .history_depth3 ul li:after {position:absolute; top:-4px; left:1px; width:2px; height:30px; background:#fff; display:block;} .history_box .history_depth1:last-child:after {display:none} .history_box .history_mon_date {float:left; vertical-align:top; font-size:18px} @media screen and (max-width:1320px){ .history_box:before {width:150px; background-size:150px; } .history_box {padding:35px 0 0 30px} .history_box .history_depth1:after {right:433px} .history_box .history_box_left {position: relative; left: auto; top: auto; padding: 0 0 40px 0;} .history_box .history_box_left span {display:inline-block;} } @media screen and (max-width:1000px){ .history_box:before {} .history_box .history_depth1:after {right:auto; left:205px} .history_box .history_depth3 ul li:after {left:0px;} .history_box:before {width: 161px; background-size: 161px;} } @media screen and (max-width:640px){ .history_box {padding:0px} .history_box:before {display:none} .history_box .history_box_left {padding:0 0 15px 0} .history_box .history_year {font-size:22px; padding:0px} .history_box .history_box_left span {font-size:22px} .history_box .history_depth1:after {left:156px} .history_box .history_depth3 ul li:after {left:1px} .history_box .history_depth2 { width: calc(100% - 90px); margin: 0 0 0 30px;} .history_box .history_depth3 { width: calc(100% - 85px); margin: 0 0 0 30px;} } @media screen and (max-width:480px){ .history_box {padding:0px 0 0 0} .history_box:before {display:none} .history_box .history_year{width:100%} .history_box .history_depth2 {margin:10px 0 0 3px; width:100%} .history_box .history_depth1:after {display:none} .history_box .history_depth3 {width: calc(100% - 65px); margin: 0 0 0 15px;} .history_box .history_depth3 ul li:after {display:none} .history_box .history_depth1 {padding:20px 20px} .history_box .history_depth2 > ul > li {padding-bottom:10px} .history_box .history_depth1:nth-child(odd) {background:#f6f8fd; border-radius:5px} .history_box .history_mon_date {font-size:16px} } .man_history_box:before {position:absolute; top:460px; left:-1200px; width:150vw; height:480px; display:block; background:#f8f8f8; z-index:-1} .man_history_box {position:relative; padding-top:30px} .man_history_box .top_box {position:relative; height:545px} .man_history_box .top_box .text_box { width:165px; padding:65px 0 0; text-align:right;} .man_history_box .top_box .name {font-size:40px; color:#000; line-height:1.25em; border-bottom:1px solid #000; padding:0 0 30px 0; margin:0 0 30px 0} .man_history_box .top_box h3.h0 {text-align:right; font-size:20px} .man_history_box .top_box .img {position:absolute; top:0px; right:0px;} .man_history_box .mid_box {width:610px; float:right; margin-top:65px} .man_history_box .mid_box .info_box1 ul {display:inline-block; width:100%} .man_history_box .mid_box .info_box1 li {float:left; width:33.33%;} .man_history_box .mid_box .info_box1 li span {display:block} .man_history_box .mid_box .info_box1 li .title {color:#000000; font-size:20px;} .man_history_box .mid_box .info_box1 li .text {color:#686868; font-size:16px; margin-top:7px} .man_history_box .mid_box h3.h0 {font-size:20px; margin-top:50px} .man_history_box .mid_box .info_box2 li {width:100%; display:inline-block; margin-top:10px; font-size:16px; vertical-align:top} .man_history_box .mid_box .info_box2 li .year {float:left; width:85px; color:#000} .man_history_box .mid_box .info_box2 li .text {float:left; width:calc(100% - 85px); color:#676767;} @media screen and (max-width:1320px){ .man_history_box .top_box {height:420px} .man_history_box .top_box .img {width:400px} .man_history_box .mid_box {width:100%;} } @media screen and (max-width:1000px){ .man_history_box:before {width: 110vw; left: -20px; height: 320px;} } @media screen and (max-width:640px){ .man_history_box {padding-top:0px} .man_history_box:before {top: 360px; height: 300px;} .man_history_box .top_box {height:360px} .man_history_box .top_box .img {width:350px} .man_history_box .top_box .name {font-size:30px; padding:0 0 20px 0; margin: 0 0 20px 0;} .man_history_box .mid_box .info_box1 li .title, .man_history_box .mid_box h3.h0 {font-size:18px} .man_history_box .mid_box .info_box2 li, .man_history_box .mid_box .info_box1 li .text {font-size:15px} .man_history_box .mid_box {margin-top:40px;} } @media screen and (max-width:560px){ .man_history_box .top_box .img {left:0px} .man_history_box .top_box .text_box {position:absolute; top:0px; right:0px; text-align:left; z-index:5} .man_history_box .top_box .name {text-align:right} } @media screen and (max-width:480px){ .man_history_box .top_box {height:auto} .man_history_box:before {display:none;} .man_history_box .top_box .img {position:relative; width:calc(100% - 100px)} .man_history_box .top_box .name {font-size:22px; padding-bottom:10px; margin-bottom:10px} .man_history_box .top_box h3.h0 {font-size:18px} .man_history_box .top_box .text_box {width:130px} } @media screen and (max-width:400px){ .man_history_box .top_box .text_box {left:0px; text-align:left;} .man_history_box .top_box .name, .man_history_box .top_box h3.h0 {text-align:left;} .man_history_box .top_box .img {left:auto; float:right} .man_history_box .mid_box .info_box1 li {width:100%; margin:10px 0} .man_history_box .mid_box {margin-top:30px} .man_history_box .top_box .img {width:210px} .man_history_box:before { width: 100vw; left: 0px; height: 240px; width: 100%; top: 210px; left: -20px; width: 100vw;} } .man_history_box2:before {position:absolute; top: 437px; left:-1200px; width:150vw; height: 620px; display:block; background:#f8f8f8; z-index:-1} .man_history_box2 {position:relative; padding-top:30px} .man_history_box2 .top_box {position:relative; height: 420px;} .man_history_box2 .top_box .text_box { width:165px; padding:65px 0 0; text-align:right;} .man_history_box2 .top_box .name {font-size:40px; color:#000; line-height:1.25em; border-bottom:1px solid #000; padding:0 0 30px 0; margin:0 0 30px 0} .man_history_box2 .top_box h3.h0 {text-align:right; font-size:20px} .man_history_box2 .top_box .img {position:absolute; top:0px; right:0px;} .man_history_box2 .top_box .info_box1 {position:absolute; left:310px; top:35px} .man_history_box2 .top_box .info_box1 ul {display:inline-block; width:100%} .man_history_box2 .top_box .info_box1 li {float:left; width:100%; margin-top:30px} .man_history_box2 .top_box .info_box1 li span {display:block} .man_history_box2 .top_box .info_box1 li .title {color:#000000; font-size:20px;} .man_history_box2 .top_box .info_box1 li .text {color:#686868; font-size:16px; margin-top:7px} .man_history_box2 .mid_box {width:100%; float:right; display:inline-block} .man_history_box2 .mid_box h3.h0 {font-size:20px; margin-top:40px} .man_history_box2 .mid_box .info_box2 {width:50%; float:left; /*padding:0 0 0 120px; */ box-sizing:border-box;} .man_history_box2 .mid_box .info_box2 li {width:100%; display:inline-block; margin-top:10px; font-size:16px; vertical-align:top} .man_history_box2 .mid_box .info_box2 li .year {float:left; width:155px; color:#000} .man_history_box2 .mid_box .info_box2 li .text {float:left; width:calc(100% - 155px); color:#676767;} @media screen and (max-width:1320px){ .man_history_box2 .top_box {height:auto} .man_history_box2 .top_box .text_box {padding: 65px 0 120px;} .man_history_box2 .top_box .info_box1 {position:relative; left:auto; } .man_history_box2 .top_box .info_box1 li {width:33.33%} .man_history_box2 .mid_box {margin-top:40px} .man_history_box2 .mid_box .info_box2 {padding:0px} .man_history_box2:before {left:-1000px} .man_history_box2 .mid_box .info_box2 {width:100%} .man_history_box2:before {height: 1000px; } } @media screen and (max-width:1320px){ .man_history_box2:before {left:-20px; width:110vw} } @media screen and (max-width:640px){ .man_history_box2 {display:inline-block;} .man_history_box2 .top_box .text_box {padding:95px 0 140px} .man_history_box2 .top_box .name {font-size:30px; padding:0 0 20px 0; margin: 0 0 20px 0;} .man_history_box2:before {top: 630px; height:calc(100% - 380px)} .man_history_box2 .top_box .info_box1 li .title, .man_history_box2 .mid_box h3.h0 {font-size:18px} .man_history_box2 .mid_box .info_box2 li, .man_history_box2 .mid_box .info_box1 li .text {font-size:15px} .man_history_box2 .mid_box .info_box2 li .text {width:100%} } @media screen and (max-width:550px){ .man_history_box2 .top_box .text_box {padding:0 0 100px;} .man_history_box2 .mid_box .info_box2 {width:100%} .man_history_box2 .top_box .img {width:250px} } @media screen and (max-width:480px){ .man_history_box2:before {height: 1200px;} .man_history_box2 .top_box .img {right:auto; left:0px} .man_history_box2 .top_box .img {width:210px} .man_history_box2 .top_box .text_box {position:relative; float:right; z-index:3} } @media screen and (max-width:400px){ .man_history_box2 .top_box .text_box {padding:75px 0 80px} .man_history_box2 .top_box .info_box1 li {width:100%; margin:10px 0} } .chung_org {} .chung_org h4.h0 {position:relative; width:176px; height:50px; line-height:50px; box-sizing:border-box; border-radius:4px; background:#03115b; color:#fff; text-align:center; font-size:18px; margin:0 auto 30px} .chung_org h4:after {width:1px; height:30px; background:#eaeaea; display:block; position:absolute; bottom:-30px; left:50%;} .chung_org > ul:before {height:1px; background:#eaeaea; display:block; position:absolute; top:0px; left:50%; transform: translate(-50%, 0px);} .chung_org.list_5 > ul:before {width:calc(100% - 176px)} .chung_org.list_4 > ul:before {width:calc(100% - 382px)} .chung_org.list_3 > ul:before {width:calc(100% - 588px)} .chung_org.list_2 > ul:before {width:calc(100% - 794px)} .chung_org > ul {position:relative; padding-top:30px; width:100%; display:inline-block; text-align:center; font-size:0px; height:auto;} .chung_org > ul > li {position:relative; width:176px; display:inline-block; height:100%; vertical-align:top; margin:0 15px} .chung_org > ul > li:before {width: 1px; height: 30px; background: #eaeaea; display: block; position: absolute; top:-30px; left: 50%;} .chung_org > ul > li:first-child {margin-left:0px} .chung_org > ul > li:last-child {margin-right:0px} .chung_org > ul > li span {font-size:17px; border-radius:5px; display:inline-block; box-sizing:border-box; border:1px solid #78cad1;background:#e9fafc; color:#047c83; width:100%; height:50px; line-height:48px} .chung_org > ul > li ul {border:1px solid #dddddd; margin-top:-10px; padding:25px 16px; height:100%; text-align:left; } .chung_org > ul > li ul li {font-size:16px; padding:0 0 0 10px; box-sizing:border-box; position:relative; width:100%;} .chung_org > ul > li ul li:before {position:absolute; top:10px; left:0px; width:4px; height:4px; border-radius:4px; background:#425dd1; display:block} .bus_title {margin-right:5px; display:inline-block; margin-bottom:3px} .bus_num {font-size:15px; border-radius:5px; min-width:42px; box-sizing:border-box; padding:0 5px; display:inline-block; margin-bottom:3px; text-align:center; margin-right:5px} .bus_num.green {color:#23a30e; border:1px solid #a7da9f; } .bus_num.blue {color:#2637b8; border:1px solid #99b2e2; } .bus_num.red {color:#ca1b1b; border:1px solid #eaa4a4; } .bus_title.red {color:#ca1b1b} .map_info_ul li:first-child {padding:0 0 8px 19px} .map_info_ul li {padding:8px 0 8px 19px} .chung_map {position:relative; width:100%; box-sizing:border-box; border:1px solid #f0f1f3; display: flex; align-items: center; justify-content: center; border-radius:5px; padding:30px 0} .chung_map:before {position:absolute; top:30px; right:300px; width:1px; height:calc(100% - 60px); opacity:0.5; display:block; background:url('../images/contents/history_line_bg.gif') repeat-y left top} .chung_map .map_box {width:calc(100% - 300px); float:left; text-align:center; height:100%; } .chung_map .chung_list_box {width:300px; display:inline-block; float:left; padding:0 48px; box-sizing:border-box;} .chung_map .chung_list_box ul li {width:100%; height:36px; line-height:36px; background:#f3f5fa; border-radius:36px; color:#222; text-align:center; font-size:16px; margin-top:5px} .chung_map .chung_list_box ul li:first-child {margin-top:0px} .map_info_box_list2 h5 {margin-bottom:10px} @media screen and (max-width:1320px){ .chung_org > ul > li {} .chung_org h4:after, .chung_org > ul > li:before, .chung_org > ul:before {display:none} .chung_org h4.h0 {margin-bottom:0px} .chung_org.list_5 > ul > li:first-child {margin-left:5px} .chung_org.list_5 > ul > li { width:calc(33.33% - 10px); margin:0 5px 10px} .chung_org.list_4 > ul > li:first-child {margin-left:5px} .chung_org.list_4 > ul > li { width:calc(25% - 10px); margin:0 5px 10px} .chung_map .chung_list_box {width:250px; padding:0 20px} .chung_map:before {right:250px} .chung_map .map_box {width:calc(100% - 250px); padding:0 20px} } @media screen and (max-width:640px){ .chung_org h4.h0 {width:100%; margin:0 0 10px 0} .chung_org > ul > li {width:100% !important; margin:0 0 10px 0 !Important;} .chung_org > ul > li span {font-size:16px; height:45px; line-height:43px} .chung_org > ul > li ul li {font-size:15px} .chung_org > ul > li ul {height:auto !important;} .chung_map {display:inline-block} .chung_map:before {display:none} .chung_map .map_box {width:100%} .chung_map .chung_list_box {width:100%; margin-top:20px} .chung_map .chung_list_box ul li {width:auto; display:inline-block; padding:0 20px} .chung_map_box {height:300px} } .map_info_box {position:relative; width:100%; display:inline-block; box-sizing:border-box; padding:18px 20px; border:1px solid #f0f1f3; border-radius:5px; margin-top:40px} .map_info_box .map_info_box_list {position:relative; padding:16px 0 16px 80px; width:33.33%; float:left; box-sizing:border-box; } .map_info_box .map_info_box_list ul.bu li {width:100%; margin:0px} .map_info_box .map_info_box_list:after {position:absolute; width:40px; height:40px; display:block; background-repeat:no-repeat; background-position:center center;} .map_info_box .map_info_box_list.info_1:after {top:18px; left:11px; background-image:url('../images/contents/map_icon_icon_1.png')} .map_info_box .map_info_box_list.info_2:after {top:19px; left:11px; background-image:url('../images/contents/map_icon_icon_2.png')} .map_info_box .map_info_box_list.info_3:after {top:24px; left:10px; background-image:url('../images/contents/map_icon_icon_3.png')} .map_info_box .map_info_box_list.info_4:after {top:18px; left:11px; background-image:url('../images/contents/map_icon_icon_3_2.png')} .map_info_box .map_info_box_list h4.h0 {font-size:20px; margin-bottom:13px} .map_info_box .map_info_box_list:nth-child(odd) h4.h0 {color:#2637b8} .map_info_box .map_info_box_list ul {width:100%; display:inline-block; vertical-align:top} .map_info_box .map_info_box_list li {float:left; margin-right:30px} .map_info_box .map_info_box_list p, .map_info_box .map_info_box_list li {font-size:16px; color:#222} .map_info_box.chung_info_box .map_info_box_list {width:100%; background:url('../images/contents/line_type1.gif') repeat-x 100px top;} .map_info_box.chung_info_box .map_info_box_list:before { width: 80px; height: 1px; background: #fff; position: absolute; bottom: -1px; left: 0px; display: block; z-index: 5;} .map_info_box.chung_info_box .map_info_box_list:first-child {background:none} .map_info_box_list2 {position:relative; padding:5px 0 0 118px; min-height:105px;} .map_info_box_list2:before {position:absolute; top:0px; left:0px; display:block; border-radius:28px; border:1px solid #e6e6e6; width:94px; height:94px; background-repeat:no-repeat; background-position:center;} .map_info_box_list2.info_1:before {background-image:url('../images/contents/map_icon_icon_4.png')} .map_info_box_list2.info_2:before {background-image:url('../images/contents/map_icon_icon_5.png')} .map_info_box_list2.info_3:before {background-image:url('../images/contents/map_icon_icon_6.png')} @media all and (max-width:640px){ .map_info_box .map_info_box_list:before {position:absolute; top:0px; left:80px; width:calc(100% - 80px); height:1px; background:url('../images/contents/line_type1.gif') repeat-x left top; display:block;} .map_info_box > :first-child:before {display:none} .map_info_box .map_info_box_list {width:100%} .map_info_box {margin-top:20px; padding: 0px 20px;} .map_info_box .map_info_box_list h4.h0 { font-size: 18px;} } .cst_241_box {position:relative; width:100%; border:1px solid #a2b2cf; border-radius:30px; padding:70px; margin-bottom:180px; box-sizing: border-box;} .cst_241_box:before {position:absolute; right:-135px; bottom:-180px; width:550px; height:420px; display:block; background:url('../images/contents/cst_241_bg.png') no-repeat left top} .cst_241_box .top_box {position:relative; font-size:22px; word-break:keep-all; color:#000; font-weight:200; line-height:1.35em; padding:63px 0 30px 0} .cst_241_box .top_box:before {position:absolute; left:0px; top:0px; width:42px; height:50px; display:block; background:url('../images/contents/cst_241_bl.png') no-repeat left top} .cst_241_box .mid_box {margin:0 0 25px 0; word-break:keep-all} .cst_241_box .img {position:absolute; bottom: 25px; right:45px} .cst_241_box .btn_box {display:inline-block; vertical-align:top} .cst_241_box .btn_box a {float:left; margin:0 10px 0 0} @media screen and (max-width:1320px){ .cst_241_box {border-radius: 20px; padding: 35px 270px 35px 35px; } .cst_241_box .img {position: absolute; bottom: auto; right: -50px; top: 20px; width:300px} } @media screen and (max-width:1000px){ .cst_241_box .img {right:15px; top: 20px; width:350px} .cst_241_box {padding: 35px 370px 35px 35px; margin-bottom:40px } .cst_241_box .mid_box br {display:none} } @media screen and (max-width:800px){ .cst_241_box .img {width:300px} .cst_241_box {padding: 35px 320px 35px 35px; } } @media screen and (max-width:700px){ .cst_241_box .btn_box a {margin-top:5px} } @media screen and (max-width:640px){ .cst_241_box .top_box {font-size:20px; padding:63px 0 20px} .cst_241_box .img {width:250px} .cst_241_box {padding: 35px 280px 35px 35px; } .cst_241_box .btn_box {width:calc(100% + 180px)} .map_info_box .map_info_box_list h4 {margin-top:10px} } @media screen and (max-width:500px){ .cst_241_box .img {width:180px} .cst_241_box {padding: 25px 210px 25px 25px; } .cst_241_box .mid_box {width:calc(100% + 180px); margin:20px 0} .cst_241_box:before {width:400px; background-size:cover; right:-85px} .cst_241_box .top_box {padding:55px 0 20px} .cst_241_box .top_box:before { transform: scale(0.7); transform-origin: left;} } @media screen and (max-width:480px){ .cst_241_box .top_box {padding: 50px 110px 0px 0; font-size: 17px;} .cst_241_box {padding: 25px } .cst_241_box .img {right: -15px; width: 140px; top: 35px;} .cst_241_box .mid_box {width:100%;} .cst_241_box .btn_box {width:100%} } .chu_history .minister_list {margin-top:90px; border:10px solid transparent; border-radius:8px; background:#f7f8fb; padding:0 95px 20px} .chu_history .minister_list .title {margin:-40px 0 20px 0} .chu_history .minister_list .title h3.h0 {margin:0 auto; width:280px; text-align:center; color:#3e5ec5; font-size:20px; letter-spacing:-0.025em; height:62px; line-height:62px; background:#fff; border-radius:62px; box-shadow:0 0 25px rgba(201,214,238,0.3); } .chu_history .minister_list ul li {position:Relative; width:100%; display:inline-block; padding:6px 0;} .chu_history .minister_list .num_text {position:relative; color:#2637b8;} .chu_history .minister_list .num_text em {position:relative; z-index:1} .chu_history .minister_list .num_text:before {width:100%; height:16px; background:#fff; position:absolute; bottom:-5px; left:0px; display:block; z-index:0} .chu_history .minister_list ul li .name_text {margin-left:55px; width:150px; text-align:left; color:#000; display:inline-block} .chu_history .minister_list ul li .info_text {color:#676767;} @media screen and (max-width:1320px){ .chu_history .minister_list {padding:0 50px 20px} } @media screen and (max-width:680px){ .chu_history .minister_list ul li .name_text {margin-left:35px} } @media screen and (max-width:640px){ .chu_history .minister_list {margin-top:60px; padding:30px 20px} .chu_history .minister_list .title { margin: -62px 0 20px 0;} .chu_history .minister_list .title h3.h0 {height:46px; line-height:46px; font-size:18px} .chu_history .minister_list ul li .info_text {width:calc(100% - 70px); display:inline-block; margin:0 0 0 70px;} } @media screen and (max-width:480px){ .chu_history .minister_list .title h3.h0 {width:80%; margin:0 10%} } /* ///// 국가보훈처 소개 ///// */ /* 조직도 */ #organization_box {position:relative; margin-top:15px; width:100%; display:inline-block; padding-top:90px;} #organization_box .txt {line-height:15px;margin-bottom:55px;line-height:24px} #organization_box .txt span {font-weight:bold} #organization_box .org_box {width:100%;height:auto; background:url('/downloadContentsFile.do?key=248&fileNo=10482') top center no-repeat; position:relative} #organization_box .org_ifon {box-sizing:border-box;overflow:hidden;border:1px solid #dbdbdb;padding:9px 0px 9px 12px;width:269px;position:absolute;top:0;right:0} #organization_box .org_ifon span {float:left;display:block;width:85px;font-size:13px} #organization_box .org_ifon span:before {content:"";width:11px;height:11px;float:left;margin-right:6px;margin-top:5px} #organization_box .org_ifon span.list1:before {background:#4d74c4;border:1px solid #3861b4} #organization_box .org_ifon span.list2:before {background:#8558d8;border:1px solid #703ecb} #organization_box .org_ifon span.list3:before {background:#1b8cb1;border:1px solid #1b7ba9} #organization_box .org_box .org_in_box {font-size:0} #organization_box .org_box .org_in_box a, #organization_box .org_box .org_in_box button, #organization_box .org_box .org_in_box .a_btn_box {display:block;font-size:16px; width:100%} #organization_box .org_box .org_in_box .org_title {color:#fff; width:170px;line-height:50px;background:#03115b; margin:0 auto 30px;text-align:center; border-radius:5px; font-size:22px; display:block; font-weight:bold;} #organization_box .org_box .org_in_box .org_depth_2 {width:722px;margin:0 auto;text-align:center; } #organization_box .org_box .org_in_box .org_depth_2 li {position:relative;} #organization_box .org_box .org_in_box .org_depth_2 li button.depth_2_btn {position:relative; width:196px; height:50px; text-align: left; border-radius:5px; float:right;text-align:center;border:1px solid #7fa0d7; display:inline-block;background:#f7fdff;position:relative;box-sizing:border-box; z-index:2; color:#122375; font-size:17px;line-height:48px; } #organization_box .org_box .org_in_box .org_depth_2 li:first-child {/*float:left; */} #organization_box .org_box .org_in_box .org_depth_2 li ul {position:absolute;top:45px;left:502px; box-sizing:border-box;width:100%; padding:10px 0 8px; z-index:1; border: 1px solid #dddddd; border-radius:5px; background:#fff;} #organization_box .org_box .org_in_box .org_depth_2 li ul li {width:100%; box-sizing: border-box; text-align: left;padding:2px 13px; line-height:1.25em; } #organization_box .org_box .org_in_box .org_depth_2 li ul li a, #organization_box .org_box .org_in_box .org_depth_2 li ul li button {position:relative; color:#222222; padding:0 0 0 10px; line-height:24px; text-align: left;letter-spacing:-0.025em; z-index: 100;} #organization_box .org_box .org_in_box .org_depth_2 li ul li button:before {width:4px; height:4px; position:absolute; top:11px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box .org_in_box .org_depth_2 li ul.depth_3_btn_b {position:absolute;top:45px;left:526px; width:196px; } #organization_box .org_box .org_in_box .org_depth_2 li ul.depth_3_btn_c {position:absolute;top:45px;left:0; width:170px; } #organization_box .org_box .org_in_box .org_depth_2_a {width:672px;margin:0 auto;text-align:center; } #organization_box .org_box .org_in_box .org_depth_2_a li {position:relative;} #organization_box .org_box .org_in_box .org_depth_2_a li button.depth_2_btn {position:relative; width:170px; height:50px; line-height: 1.25em; text-align: left; border-radius:5px; float:right;text-align:center;border:1px solid #7fa0d7; display:inline-block;background:#f7fdff;position:relative;box-sizing:border-box; z-index:2; color:#122375; font-size:17px;line-height:48px; } #organization_box .org_box .org_in_box .org_depth_2_a li:first-child {float:left;} #organization_box .org_box .org_in_box .org_depth_2_a li ul {position:absolute;top:45px;left:502px; box-sizing:border-box;width:100%; padding:10px 0 8px; z-index:1; border: 1px solid #dddddd; border-radius:5px; background:#fff;} #organization_box .org_box .org_in_box .org_depth_2_a li ul li {width:100%; box-sizing: border-box; text-align: left;padding:2px 13px; line-height:1.25em; } #organization_box .org_box .org_in_box .org_depth_2_a li ul li a, #organization_box .org_box .org_in_box .org_depth_2_a li ul li button {position:relative; color:#222222; padding:0 0 0 10px; line-height:24px; text-align: left;letter-spacing:-0.025em; z-index: 100;} #organization_box .org_box .org_in_box .org_depth_2_a li ul li button:before {width:4px; height:4px; position:absolute; top:11px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box .org_in_box .org_depth_2_a li ul.depth_3_btn_b {position:absolute;top:45px;left:502px; width:170px; } #organization_box .org_box .org_in_box .org_depth_2b {position:relative; height:280px;} #organization_box .org_box .org_in_box .org_box_3 { width:170px;line-height:50px;height:50px;color:#fff;text-align:center;background:#6493f4; border-radius:5px; font-size:20px;margin:110px auto 30px; clear:both; font-weight:bold;} #organization_box .org_box .org_in_box .org_depth_2b .org_box_4 {position:absolute;top:150px;left:66.6%; width:170px;line-height:48px; height:50px;color:#017c66; text-align:center; background:#f7fffe; border:1px solid #88d1c8; box-sizing:border-box; border-radius:5px; } #organization_box .org_box .org_in_box .org_depth_2b .org_box_4b {position:absolute;top:150px;left:16.4%; width:170px;line-height:48px; height:50px;color:#017c66; text-align:center; background:#f7fffe; border:1px solid #88d1c8; box-sizing:border-box; border-radius:5px; } #organization_box .org_box .org_in_box .org_box_5 {width:755px;margin:65px auto 74px; padding-right:51px; overflow:hidden;text-align:center; box-sizing:content-box;} #organization_box .org_box .org_in_box .org_box_5 ul {float:left;width:170px; margin-left:25px;text-align:center} #organization_box .org_box .org_in_box .org_box_5 ul:first-child {margin-left:0} #organization_box .org_box .org_in_box .org_box_5 ul li.team {} #organization_box .org_box .org_in_box .org_box_5 ul li.team > .a_btn_box, #organization_box .org_box .org_in_box .org_box_5 ul li.team > a, #organization_box .org_box .org_in_box .org_box_5 ul li.team > button {position:relative; z-index:2; width:100%; box-sizing:border-box; height:50px; line-height: 1.25em; line-height:48px; color:#202359; font-size:17px; border-radius:5px; background:#fff; border:1px dotted #1d447c;} #organization_box .org_box .org_in_box .org_box_5 ul ul{position:relative; z-index:1; border:1px solid #ddd; border-radius:5px; width:100%; height:175px; margin:-5px 0 0 0; padding:13px 14px 10px;} #organization_box .org_box .org_in_box .org_box_5 ul ul li {width:100%; text-align:left;} #organization_box .org_box .org_in_box .org_box_5 ul ul li a, #organization_box .org_box .org_in_box .org_box_5 ul ul li button {position:relative; color:#222; padding:3px 0 2px 10px; line-height:24px; text-align: left; letter-spacing:-0.025em;} #organization_box .org_box .org_in_box .org_box_5 ul ul li a:before, #organization_box .org_box .org_in_box .org_box_5 ul ul li button:before {width:4px; height:4px; position:absolute; top:13px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box .org_in_box .org_box_6 {text-align:center;width:100%; padding-right:25px} #organization_box .org_box .org_in_box .org_box_6 ul {float:left;width:134px;margin-right:10px;} #organization_box .org_box .org_in_box .org_box_6 ul:first-child {margin-left:0} #organization_box .org_box .org_in_box .org_box_6 ul li.team {} #organization_box .org_box .org_in_box .org_box_6 ul li.team > a, #organization_box .org_box .org_in_box .org_box_6 ul li.team > .a_btn_box, #organization_box .org_box .org_in_box .org_box_6 ul li.team > button{position:Relative; z-index:2; color:#1d2a65;background-color:#dff0ff;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23add1f1' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");box-sizing:border-box;border:1px solid #8eb2e8; line-height: 1.25em; line-height:48px;height:50px; border-radius:5px} #organization_box .org_box .org_in_box .org_box_6 ul ul{ width:100%; position: relative; z-index: 1; border: 1px solid #ddd; border-radius: 5px; height:210px; margin: -5px 0 65px 0; padding: 13px 14px 10px;} #organization_box .org_box .org_in_box .org_box_6 ul ul li {width:100%; text-align:left;} #organization_box .org_box .org_in_box .org_box_6 ul ul li a, #organization_box .org_box .org_in_box .org_box_6 ul ul li button {position:relative; color:#222; padding:3px 0 2px 10px; font-size:15px; line-height: 22px; text-align: left; letter-spacing:-0.05em;} #organization_box .org_box .org_in_box .org_box_6 ul ul li a:before, #organization_box .org_box .org_in_box .org_box_6 ul ul li button:before {width:4px; height:4px; position:absolute; top:13px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box .org_in_box .org_box_6 ul li .org_box_6_text {font-size:18px; font-weight:bold; } #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 {float:left; width:322px; margin-right:10px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li {width:100%;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul {width:100%; margin: -5px 0 0 0; padding:10px 0 0 0; } #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li { width:48%; float:left; margin-left:3px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li button { height: 40px; background-color:#e9f5ff; border-radius:3px; text-align:center; padding:0;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li button:before {display:none;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul {width:100%; float:none; border:0px; padding: 5px 8px; margin: 3px 0 5px 0;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li {display:block; float:none; width:100%; text-align:left;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li button {display:block; text-align:left; float:none; font-size:15px; background-color:#fff; padding: 0 8px; width:100%; line-height:26px; height: auto;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li a:before, #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li button:before {width:4px; height:4px; position:absolute; top:10px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 {float:left; width:200px; margin-right:10px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li {width:100%;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul {width:100%; margin: -5px 0 0 0; padding:10px 0 0 0; } #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li { width:97%; float:left; margin-left:3px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li button { height: 40px; background-color:#e9f5ff; border-radius:3px; text-align:center; padding:0;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li button:before {display:none;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li ul {width:100%; float:none; border:0px; padding: 5px 8px; margin: 3px 0 5px 0;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li ul li {display:block; float:none; width:100%; text-align:left;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li ul li button {display:block; text-align:left; float:none; font-size:15px; background-color:#fff; padding: 0 8px; width:100%; line-height:26px; height: auto;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li ul li a:before, #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li ul li button:before {width:4px; height:4px; position:absolute; top:10px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box .org_in_box .org_box_6 li.team_new3a button, #organization_box .org_box .org_in_box .org_box_7 li.team_new3a button { height: 40px; background-color:#e9f5ff; border-radius:3px; text-align:center; padding:0;} #organization_box .org_box .org_in_box .org_box_6 li.team_new3a button:before, #organization_box .org_box .org_in_box .org_box_7 li.team_new3a button:before {display:none;} /*6월 1일 추가 가로형태 #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 {float:left; width:314px;margin-right:10px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul {height:auto; width:100%; } #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul {width:100%; background-color:#f7f9fa; border:0px; padding: 5px 10px; margin: 3px 0 5px 0;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li {display:inline-block; width:49%;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li button {display:inline-block; font-size:13px; padding: 0 8px; float:left; width:100%; line-height:20px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li a:before, #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li button:before {top:9px;} */ #organization_box .org_box .org_in_box .org_box_6 ul li ul li button.org_text01, #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li button.org_text01 {font-size:14px; letter-spacing:-1.6px;} #organization_box .org_box .org_in_box .org_box_7 ul li.team span.org_text02 {line-height: 22px;} #organization_box .org_box .org_in_box .org_box_7 {overflow:hidden;text-align:center; width:100%; margin:0 auto; padding-right: 50px; box-sizing: content-box;} #organization_box .org_box .org_in_box .org_box_7 ul {float:left;width:152px;margin-left:10px;} #organization_box .org_box .org_in_box .org_box_7 ul:first-child {margin-left:0} #organization_box .org_box .org_in_box .org_box_7 ul ul {width:100%;margin-left:0;margin-top:10px} #organization_box .org_box .org_in_box .org_box_7 ul li.team {} #organization_box .org_box .org_in_box .org_box_7 ul li.team > a, #organization_box .org_box .org_in_box .org_box_7 ul li.team > .a_btn_box, #organization_box .org_box .org_in_box .org_box_7 ul li.team > button {position:Relative; z-index:2; color:#361855;background-color:#d6d9ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 8 8'%3E%3Cg fill='%23b6bbf7' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");line-height: 1.25em; box-sizing:border-box;border:1px dashed #a3a8e5;line-height:48px;height:50px; border-radius:5px} #organization_box .org_box .org_in_box .org_box_7 ul ul{width:100%; position: relative; z-index: 1; border: 1px solid #ddd; border-radius: 5px; height:340px; margin: -5px 0 65px 0; padding: 13px 14px 10px;} #organization_box .org_box .org_in_box .org_box_7 ul ul li {width:100%; text-align:left;} #organization_box .org_box .org_in_box .org_box_7 ul ul li a, #organization_box .org_box .org_in_box .org_box_7 ul ul li button {position:relative; color:#222; padding:3px 0 2px 10px; line-height:24px; font-size:15px; text-align: left; letter-spacing:-0.05em;} #organization_box .org_box .org_in_box .org_box_7 ul ul li a:before, #organization_box .org_box .org_in_box .org_box_7 ul ul li button:before {width:4px; height:4px; position:absolute; top:13px; left:0px; background:#3d59d0; border-radius:3px; display:block} #organization_box .org_box li.gangjo span {display:inline-block; position:relative;} #organization_box .org_box li.gangjo span:before {width:100%; height:16px; background:#edefff; position:absolute; left:0px; bottom:-5px; z-index:-1; display:block} .pop_alert.org_pop .modal__footer {padding:0 0 20px 0} .pop_alert.org_pop .modal__body {max-width:400px} .pop_alert.org_pop .org_info_pop_list h4.h0 {display:inline-block; float:left; width:74px; height:35px; line-height:33px; text-align:center; border:1px solid #a0b3e4; border-radius:4px; color:#1f2fab; font-size:16px;} .pop_alert.org_pop .org_info_pop_list > a{float:left;} .pop_alert.org_pop .org_info_pop_list h4.h0 + a{margin-left:15px;} .org_pop .modal__content {padding:30px 20px 0} .org_pop .org_info_pop_list {text-align:left; width:100%; vertical-align:top; display:inline-block; margin-top:20px} .org_pop .org_info_pop_list:first-child {margin-top:0px} .org_pop .org_pop_list_1 .info_box, .org_pop .org_pop_list_2 .info_box {width:calc(100% - 74px); float:left; padding:5px 0 0 15px; box-sizing:border-box; display:inline-block; vertical-align:top} .org_pop .org_pop_list_3 .info_box {width:100%; max-height:170px; display:inline-block; overflow-y:auto; margin-top:10px} .org_pop .org_pop_list_3 .info_box ol.num {margin:0 0 10px; padding:0px;} .org_pop .org_pop_list_3 .info_box::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); background-color: #e8e8e8;} .org_pop .org_pop_list_3 .info_box::-webkit-scrollbar {width: 2px; background-color: #e8e8e8;} .org_pop .org_pop_list_3 .info_box::-webkit-scrollbar-thumb {background-color: #242424;} .org_pop .org_pop_list_2 ul li {width:100%;} .org_pop .org_pop_list_2 ul li span {color:#000000; margin:0 4px 0 0; vertical-align:top;} .org_pop .org_pop_list_2 ul li a {color:#676767; vertical-align:top;} .org_pop .org_pop_list_3 .info_box {word-break:keep-all; } .dotted_box {position:absolute; top:0px; right:0px; background:url('../images/contents/border_line_box_bg.gif') repeat left top; padding:1px; display:inline-block;} .dotted_box:before {position:absolute; left:0px; bottom:0px; background:url('../images/contents/border_line_box_bg.gif') repeat left top; display:block; z-index:1; width:100%; height:1px; } .dotted_box:after {position:absolute; right:0px; top:0px; background:url('../images/contents/border_line_box_bg.gif') repeat left top; display:block; z-index:1; width:1px; height:100%; } .dotted_box .dotted_box_wrap {background:#fff; display:inline-block; padding:10px 15px} .dotted_box .dotted_box_wrap span {display:inline-block; position:relative; padding-left:24px; padding-right:14px} .dotted_box .dotted_box_wrap .list3 {padding-right:0px} .dotted_box .dotted_box_wrap span:before {position:absolute; top:4px; left:0px; display:block; width:16px; height:16px; border-radius:2px} .dotted_box .dotted_box_wrap .list1:before {border:1px dashed #1d447c;} .dotted_box .dotted_box_wrap .list2:before {border:1px solid #8eb2e8; background-color:#dff0ff; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23add1f1' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .dotted_box .dotted_box_wrap .list3:before {border:1px solid #a3a8e5; background-color:#d6d9ff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 8 8'%3E%3Cg fill='%23b6bbf7' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");} @media screen and (max-width:1320px) { #organization_box .org_box {background:url('/downloadContentsFile.do?key=248&fileNo=9993') no-repeat center top} #organization_box .org_box .org_in_box .org_depth_2 {width:698px;} #organization_box .org_box .org_in_box .org_depth_2 li ul.depth_3_btn_b {left:502px; } #organization_box .org_box .org_in_box .org_box_5 {position:relative; overflow: visible; display:inline-block; width:calc(100% + 10px); margin-left:-10px; margin-top:45px; margin-bottom:45px; padding-right:0px} #organization_box .org_box .org_in_box .org_box_5 ul {width:calc(25% - 10px); margin-left:10px} #organization_box .org_box .org_in_box .org_box_5 ul:first-child {margin-left:10px} #organization_box .org_box .org_in_box .org_box_5 ul ul {padding:13px 0 10px 13px} #organization_box .org_box .org_in_box .org_box_5:before {position:absolute; top:-25px; left:calc(12.5% + 5px); width:75%; height:1px; display:block; background:#eaeaea} #organization_box .org_box .org_in_box .org_box_5 ul li.team {position:relative; } #organization_box .org_box .org_in_box .org_box_5 ul li.team:before {position:absolute; top:-25px; left:50%; height:25px; width:1px; display:block; background:#eaeaea} #organization_box .org_box .org_in_box .org_box_6 {position:relative; overflow: visible; display:inline-block; text-align:center; width:calc(100% + 10px); margin-left:-10px; margin-bottom:45px; padding-right:0px} #organization_box .org_box .org_in_box .org_box_6 ul {width:calc(33.33% - 10px); margin-left:10px; margin-right:0px; float:none; display:inline-block; vertical-align:top;} #organization_box .org_box .org_in_box .org_box_6 ul:first-child {margin-left:10px} #organization_box .org_box .org_in_box .org_box_6 ul ul {padding:13px 0 10px 13px; margin:-5px 0 20px 0;} #organization_box .org_box .org_in_box .org_box_6 ul ul li button br {display:none;} #organization_box .org_box .org_in_box .org_box_7 {padding-right:0px; width: calc(100% + 10px); margin-left: -10px; } #organization_box .org_box .org_in_box .org_box_7 ul { width: calc(33.33% - 10px); margin-left:10px} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 {float:none; width:440px; margin-right:0px; margin-bottom:20px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li { width:49%;} #organization_box .org_box .org_in_box .org_box_6 li.team_new3a button { width:94%;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 {float:none; width:200px; margin-right:0px; margin-bottom:20px;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 li ul li { width:97%;} #organization_box .org_box .org_in_box .org_box_6 ul li ul li button.org_text01, #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li ul li button.org_text01 {font-size:15px; letter-spacing:0px;} #organization_box .org_box .org_in_box .org_box_7 ul li.team span.org_text02 {line-height: 48px;} } @media screen and (max-width:800px) { #organization_box .org_box {background:none} #organization_box .org_ifon {position:relative;top:0;right:0;margin-bottom:30px;float:right;} #organization_box .org_box .org_in_box {clear:both} #organization_box .org_box .org_in_box .org_depth_2 {width:100%; display:inline-block;} #organization_box .org_box .org_in_box .org_depth_2 li{width:49%;box-sizing:border-box; float:left;} #organization_box .org_box .org_in_box .org_depth_2 li:first-child {margin-right:2%} #organization_box .org_box .org_in_box .org_depth_2 li button.depth_2_btn {width:100%;} #organization_box .org_box .org_in_box .org_depth_2 li ul li:first-child {width:100%;margin-right:0;} #organization_box .org_box .org_in_box .org_box_3 {margin:70px auto 25px} #organization_box .org_box .org_in_box .org_box_4 {margin:0 auto} #organization_box .org_box .org_in_box .org_box_5 ul li.team:before, #organization_box .org_box .org_in_box .org_box_5:before {display:none} #organization_box .org_box .org_in_box .org_box_5 {width:100%;margin-top:17px; margin-left:0px} #organization_box .org_box .org_in_box .org_box_5 ul {float:left;width:49%;margin-left:2%;margin-bottom:20px} #organization_box .org_box .org_in_box .org_box_5 ul:first-child {margin-left:0px} #organization_box .org_box .org_in_box .org_box_5 ul:nth-child(3) {margin-left:0} #organization_box .org_box .org_in_box .org_box_5 ul ul {height:auto} #organization_box .org_box .org_in_box .org_depth_2_a {width:100%; display:inline-block;} #organization_box .org_box .org_in_box .org_depth_2_a li{width:49%;box-sizing:border-box; float:left;} #organization_box .org_box .org_in_box .org_depth_2_a li:first-child {margin-right:2%} #organization_box .org_box .org_in_box .org_depth_2_a li button.depth_2_btn {width:100%;} #organization_box .org_box .org_in_box .org_depth_2_a li ul li:first-child {width:100%;margin-right:0;} #organization_box .org_box .org_in_box .org_depth_2_a li ul.depth_3_btn_b {position:absolute;top:45px;left:0px; width:100%; } #organization_box .org_box .org_in_box .org_depth_2 li ul.depth_3_btn_b {position:absolute;top:45px;left:0px; width:100%; } #organization_box .org_box .org_in_box .org_depth_2 li ul.depth_3_btn_c {width:100%; } #organization_box .org_box .org_in_box .org_depth_2b {height:180px;} #organization_box .org_box .org_in_box .org_depth_2b .org_box_4 {top:100px;left:51%; width:49%;} #organization_box .org_box .org_in_box .org_depth_2b .org_box_4b {top:100px;left:0%; width:49%;} #organization_box .org_box .org_in_box .org_box_6 {text-align:center;width:100%;margin:0 auto 55px} #organization_box .org_box .org_in_box .org_box_6 ul:first-child {margin:0px} #organization_box .org_box .org_in_box .org_box_6 ul {width:49%;margin-left:2%;margin-bottom:00px} #organization_box .org_box .org_in_box .org_box_6 ul ul {margin-bottom:20px} #organization_box .org_box .org_in_box .org_box_6 ul:nth-child(3) {margin-left:0} #organization_box .org_box .org_in_box .org_box_6 ul:nth-child(5) {clear:both;margin-left:0; width:100%;} #organization_box .org_box .org_in_box .org_box_6 ul:nth-child(1) {width:100%;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 {float:none; width:100%; margin:0px 0 20px 0;} #organization_box .org_box .org_in_box .org_box_6 ul.team_new4 {float:none; width:100%; margin:0px 0 20px 0;} #organization_box .org_box .org_in_box .org_box_7 {width:100%; margin-left:0px} #organization_box .org_box .org_in_box .org_box_7 ul ul {margin-bottom:20px} #organization_box .org_box .org_in_box .org_box_7 ul {width:49%;margin-left:2%;margin-bottom:0px} #organization_box .org_box .org_in_box .org_box_7 ul:nth-child(3) {margin-left:0} #organization_box .org_box .org_in_box .org_box_7 ul:nth-child(5) {margin-left:0} #organization_box .org_box .org_in_box .org_text01 {font-size:15px; letter-spacing:0px;} #organization_box .org_box .org_in_box .org_text02 {line-height: 48px;} } @media screen and (max-width:640px) { #organization_box .org_box .org_in_box .org_title {width:100%;} #organization_box .org_box {background:none} #organization_box .org_ifon {position:relative;top:0;right:0;margin-bottom:30px;float:right} #organization_box .org_box .org_in_box {clear:both} #organization_box .org_box .org_in_box .org_depth_2 {width:100%} #organization_box .org_box .org_in_box .org_depth_2 li{width:100%;box-sizing:border-box} #organization_box .org_box .org_in_box .org_depth_2 li:first-child {} #organization_box .org_box .org_in_box .org_depth_2 li:nth-child(2) {margin-top:5px;} #organization_box .org_box .org_in_box .org_depth_2 li:nth-child(2) ul li {margin-top:0px;} #organization_box .org_box .org_in_box .org_box_3 {margin:50px auto 10px auto;width:100%; margin-top:60px;} #organization_box .org_box .org_in_box .org_box_4 {margin:0 auto;width:100%} #organization_box .org_box .org_in_box .org_box_5 {width:100%;margin:25px auto} #organization_box .org_box .org_in_box .org_box_5 ul {float:left;width:100%;margin-left:0%;} #organization_box .org_box .org_in_box .org_depth_2_a li ul li a, #organization_box .org_box .org_in_box .org_depth_2_a li ul li button {line-height:20px;} #organization_box .org_box .org_in_box .org_box_6 {text-align:center;width:100%;margin:20px auto 25px} #organization_box .org_box .org_in_box .org_box_6 ul {width:100%;margin-left:0%;margin-bottom:5px} #organization_box .org_box .org_in_box .org_box_7 {width:100%} #organization_box .org_box .org_in_box .org_box_7 ul ul {height:auto} #organization_box .org_box .org_in_box .org_box_7 ul {width:100%;margin-left:0%;margin-bottom:5px} .pop_alert.org_pop .modal__body {max-width:320px} #organization_box .org_box .org_in_box .org_box_6 ul ul {height:auto} #organization_box .org_box .org_in_box .org_depth_2_a {width:100%; margin-bottom:50px;} #organization_box .org_box .org_in_box .org_depth_2_a li{width:100%;box-sizing:border-box} #organization_box .org_box .org_in_box .org_depth_2_a li:first-child {margin-right:2%;margin-bottom:10px; margin-top:-20px;} #organization_box .org_box .org_in_box .org_depth_2_a li ul {padding-top:30px;} /*#organization_box .org_box .org_in_box .org_depth_2_a li:nth-child(2) {margin-top:15px;margin-bottom:15px;} */ #organization_box .org_box .org_in_box .org_depth_2 li ul.depth_3_btn_b {position:absolute;top:45px;left:0px; width:100%;} #organization_box .org_box .org_in_box .org_depth_2b {height:auto;} #organization_box .org_box .org_in_box .org_depth_2b .org_box_4 {width:100%; position:inherit; top:0; left: 0; margin-top:20px;} #organization_box .org_box .org_in_box .org_depth_2b .org_box_4b {width:100%; position:inherit; top:0; left: 0; margin-top:90px;} } @media screen and (max-width:440px) { #organization_box .org_box .org_in_box .org_box_6 ul.team_new3 li ul li { width:32%;} } @media screen and (max-width:400px) { .pop_alert.org_pop .modal__body {max-width:300px} } /* 215 기념식참가신청 원패스 버튼 추가 */ .one_pass_box h3.h0 {font-size:20px;} .one_pass_box h3.h0 span {position:relative; font-size:20px; color:#222} .one_pass_box h3.h0 span em {position:relative; z-index:2} .one_pass_box .one_pass_btn {position:relative; padding:0 38px 0 80px; width:285px; height:40px; line-height:40px; display:block; margin:0 auto; background:#192474; border-radius:6px; color:#fff; font-size:18px;} .one_pass_box .one_pass_btn:before {position:absolute; left:17px; top:6px; display:block; width:31px; height:28px; background:url('../images/contents/onepass_btn.gif') no-repeat left top;} .one_pass_box h3.h0 span:before {width:100%; height:16px; background:#fff; display:block; position:absolute; bottom:-3px; left:0px; z-index:0} @media screen and (max-width:640px) { .one_pass_box .one_pass_btn {height:30px; line-height:30px; font-size:16px; padding:0 20px 0 50px; width:230px} .one_pass_box .one_pass_btn:before {width:25px; background-size:20px} } /* q배너 */ .banner_list {position:relative; width:100%; padding:20px 0; border-top:2px solid #222222; margin-top:15px} .banner_list ul {width:calc(100% + 14px); display:inline-block; font-size:0px;} .banner_list li {width:calc(25% - 14px); margin-right:14px; margin-bottom:10px; margin-top:10px; displaY:inline-block; font-size:16px; vertical-align:top;} .banner_list li a {height:90px; color:#222; line-height:1.35em; border:1px solid #f0f1f3; border-radius:10px; display:grid; width:100%; padding:0 30px; align-items: center; justify-content: center; text-align:center; word-break:keep-all} .banner_list li a:hover {border:1px solid #464646} @media screen and (max-width:1320px) { .banner_list li {width:calc(50% - 14px); } } @media screen and (max-width:1000px) { .banner_list li {width:calc(25% - 14px);} } @media screen and (max-width:800px) { .banner_list li {width:calc(50% - 14px);} } @media screen and (max-width:640px) { .banner_list ul {width:calc(100% + 10px); } .banner_list li {width:calc(50% - 10px); margin-right:10px; margin-bottom:8px; margin-top:8px; } .banner_list li a {padding:0 15px; font-size:15px} } #organization_box .org_box { } #organization_box .org_box .org_in_box .org_box_7 {width:100%;} #organization_box .org_box .org_in_box .org_box_7 ul ul{height:230px;} .dotted_box .dotted_box_wrap .list1:before, #organization_box .org_box .org_in_box .org_box_5 ul li.team > .a_btn_box, #organization_box .org_box .org_in_box .org_box_5 ul li.team > a, #organization_box .org_box .org_in_box .org_box_5 ul li.team > button{border-style:dashed;} .dotted_box .dotted_box_wrap .list2:before, #organization_box .org_box .org_in_box .org_box_6 ul li.team > .a_btn_box, #organization_box .org_box .org_in_box .org_box_6 ul li.team > a, #organization_box .org_box .org_in_box .org_box_6 ul li.team > button{background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23add1f1' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .dotted_box .dotted_box_wrap .list3:before, #organization_box .org_box .org_in_box .org_box_7 ul li.team > a, #organization_box .org_box .org_in_box .org_box_7 ul li.team > .a_btn_box, #organization_box .org_box .org_in_box .org_box_7 ul li.team > button{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 8 8'%3E%3Cg fill='%23b6bbf7' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");} .pop_alert.org_pop .org_info_pop_list > a{float:left;} .pop_alert.org_pop .org_info_pop_list > h4.h0 + a{margin-left:15px;} @media screen and (max-width:800px) { #organization_box .org_box {background:none} #organization_box .org_box .org_in_box .org_box_7 {width:100%; margin-left:0px} } @media screen and (max-width:640px) { #organization_box .org_box .org_in_box .org_box_7 ul ul {height:auto} } /* 민원참여 > 보은민원모음 */ .cts1771_list {width:calc(100% + 20px); margin:0 0 0 -20px; font-size:0;} .cts1771_list li {display:inline-block; position:relative; width:calc(33.3% - 35px); min-height:380px; margin:0 0 35px 35px; padding:30px 0; border:1px solid #d5d5d5; font-size:16px; text-align:center; vertical-align:top;} .cts1771_list li:before {display:block; position:absolute; top:0; left:0; right:0; height:100px; background-color:#f6f7f9;} .cts1771_list li * {position:relative; /*z-index:1; */;} .cts1771_list .cts1771_btn {text-align:center; margin-top:-32px;} .cts1771_list .name {display:block; margin:20px 0 10px 20px; color:#193774; font-size:17px; font-weight:600; line-height:22px; text-align:left; } .cts1771_list .image {display:block; width:220px; height:120px; margin:0 auto 15px; box-shadow:0 5px 20px rgba(0, 0, 0, .15); background-color: #fff; vertical-align: middle; padding-top:36px; border-radius: 20px;} .cts1771_list .cts1771_text li {display:block; color:#707070; font-size:15px; line-height:24px; min-height:auto; border: 0px; width: 90%; text-align: left; padding:0px 0; margin:0 20px; word-break:keep-all;} .cts1771_list .cts1771_text li:before {display:none;} @media all and (max-width: 1320px) { .cts1771_list li {width:calc(50% - 35px);} } @media all and (max-width: 1000px) { .cts1771_list li {width:calc(33.3% - 35px);} } @media all and (max-width: 820px) { .cts1771_list li {width:calc(50% - 35px);} } @media all and (max-width: 560px) { .cts1771_list {width:calc(100% + 35px); margin:0 0 0 -20px;} .cts1771_list li {width:calc(94% - 35px); padding:22px 0; min-height:auto; margin:0 0 10px 20px;} .cts1771_list .name {margin-bottom:4px; font-size:18px;} }