@charset "utf-8";

/* sub01_01 인사말 */
.s0101 {}
.s0101 .img_b_w {position: relative; margin-bottom: 25px;}
.s0101 .img_b_w .con01 {position: relative; width: 507px; height: 336px; background:url(/images/en/sub01/sub0101_img.png)no-repeat center;}
.s0101 .img_b_w .con01 .txt {position: absolute; right: 0; top: 0; width: 100px; height: 100px; background:url(/images/en/sub01/sub0101_img2.png)repeat-x; z-index: 1;}
.s0101 .img_b_w .con01 .txt span.sp01 {display: block; padding: 11px 0 5px; color :rgba(255,255,255,0.8); text-align: center; font-size: 11px; letter-spacing: 0.2em;}
.s0101 .img_b_w .con01 .txt span.sp02 {display: block; color: #fff; font-size: 13px; text-align: center; font-family: "nmj"; font-weight: bold; letter-spacing: 0.2em;}
.s0101 .img_b_w .con02 {position: absolute; right: 0; top: 55px; padding: 45px 20px 0 50px ;width: 485px; height: 235px; background: #e4e6e9;}
.s0101 .img_b_w .con02 p {font-size: 20px; font-weight: 600; color: #333; line-height: 1.4; letter-spacing: -0.05em; margin: 0;}
.s0101 .img_b_w .con02 p span {color: #015bbd;}
.s0101 .img_b_w .con02 em { display: block; margin-top: 15px;}
.s0101 .txt_b {margin-bottom: 50px; font-size: 16px; color: #000;}
.s0101 .text-right p {color: #000; margin: 0;}
.s0101 .text-right p:nth-of-type(1) {font-weight: bold;}
@media(max-width:1250px){
    .s0101 .img_b_w .con02 {width: 50%; padding: 55px 20px 20px; height: 250px;}
    .s0101 .img_b_w .con02 p {font-size: 20px; text-align: center;}
    .s0101 .img_b_w .con02 em {text-align:center; line-height:1.4;}
}
@media(max-width: 1100px) {
   .s0101 .img_b_w .con02 {height: 270px;}
}
@media (max-width: 1023px) {
   .s0101 .img_b_w .con02 {height: 235px;}
}
@media(max-width:800px){
    .s0101 .img_b_w .con01 {width:100%; background-size:cover;}
    .s0101 .img_b_w .con02 {position:static; width:100%; height:auto; padding:20px 20px;}
    .s0101 .img_b_w .con02 p {font-size: 18px;}
}
/* sub01_01 인사말 End */

/* sub01_05 국제자매결연 */
.s0105 .bodo_icon_list.typeB > ul.col2 > li.full {width: calc(100% - 20px);}
.s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: 185px;}
@media (max-width:1200px) {
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.m-size {min-height: 170px;}
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: 195px;}
}
@media (max-width:1100px) {
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.m-size {min-height: 200px;}
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: 225px;}
}
@media(max-width:1023px) {
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.m-size {min-height: 160px;}
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: 180px;}
}
@media(max-width: 900px) {
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: 200px;}
}
@media(max-width: 850px) {
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.m-size {min-height: 200px;}
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: 225px;}
}
@media(max-width: 767px) {
   .s0105 .bodo_icon_list.typeB > ul.col2 > li {width: calc(100% - 20px); min-height: auto;}
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.m-size {min-height: auto;}
   .s0105 .bodo_icon_list.typeB > ul.col2 > li.l-size {min-height: auto;}
}
/* sub01_05 국제자매결연 End */

/* sub01_06 오시는길 */
.s0106 .direct-e__type .inner .ui-local {padding : 25px 30px 20px;}
.s0106 .direct-e__type .inner .ui-local .ui-local__button {margin: 25px -2% 0;}
.s0106 .direct-e__type .inner .ui-local strong {margin: 0 0 25px;}
.s0106 .direct-e__type .inner .ui-local .ui-local__button .mapbtn {width: 100%; margin-bottom: 10px;}
@media (max-width: 767px) {
   .s0106 .direct-e__type .inner .ui-local .ui-local__button .mapbtn {width: 48%;}
}
@media (max-width: 550px) {
   .s0106 .direct-e__type .inner .ui-local .ui-local__button .mapbtn {width: 100%;}
}
/* sub01_06 오시는길 End */

/* sub02_02_01 백제역사유적지구 */
.s020201 .imgbox2 {padding: 0;}
.s020201 .txt-box{background-color: #313131;border:none;padding: 90px 35px;border-top: 1px dashed rgba(255,255,255,0.3);}
.s020201 .txt-box p{color: #e2dfd6;}
.s020201 .txt-box p.tit{text-align:center;font-size:22px;margin-bottom:30px}
/* sub02_02_01 백제역사유적지구 End */

/* sub02_02_02 ~ 공주의 세계유산 */
.s0202 {border: 1px solid #ddd; width: 100%;}
.s0202 .tour_title_box {width: 100%; padding: 50px 70px; overflow: hidden; position: relative; box-sizing: border-box; color: #fff;}
.s0202 .tour_title_box.color_01 {background-color: #14364a;}
.s0202 .tour_title_box.color_02 {background-color: #639527;}
.s0202 .tour_title_box.color_03 {background-color: #725c44;}
.s0202 .tour_title_box h2 {width:calc(100% - 120px);font-size: 35px;}
.s0202 .tour_title_box h2 small {font-size: 15px; color: #fff;}
.s0202 .tour_title_box::after {position: absolute; top: 50%; right: 50px; margin-top: -34px; width: 120px; height: 70px; content: ""; background-image: url(/images/tour/sub01/unesco_mark.png);}
.s0202 .main_img {width: 100%;}
.s0202 .main_img img {width: 100%; display: block;}
.s0202 .tour_con_box {width: 80%; margin: 50px auto 30px;}
.s0202 .tour_con_box .con {margin-bottom: 50px;}
.s0202 .tour_con_box .con.con01 .riegis_con_box {width: 100%; margin: 30px auto; position: relative; padding: 40px; background-color: #f5f5f5;}
.s0202 .tour_con_box .con.con01 .riegis_con_box::after {content: ""; display: block; clear: both;}
.s0202 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {width: 80%; float: left; padding: 0 30px 20px 0;}
.s0202 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {width: 20%; float: right; margin-top: -85px;}
.s0202 .tour_con_box .con.con01 .riegis_con_box .ri_img_box img {-webkit-box-shadow: 15px 15px 20px rgba(0,0,0,0.1); max-width: 100%; vertical-align: top;}

.s0202 .tour_con_box .con.con03 .photo_wrap.typeC {margin-top: 20px;}
.s0202 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 ul li {border: none;}
.s0202 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 img {width: 100%; display: block;}
.s0202 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li {width: calc(33.333% - 20px); box-sizing: border-box;}
.s0202 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 ul li {width: calc(50% - 22px);}

@media(max-width:1200px) {
   .s0202 .tour_con_box {width: 85%;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box {margin: 65px auto;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {width: 70%;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {width: 30%;}
}
@media(max-width:980px){
   .s0202 .tour_con_box {width: 90%;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box {margin-top: 60px;}
}
@media(max-width:850px) {
   .s0202 .tour_con_box .con.con01 .riegis_con_box {padding-right: 10px;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {width: 60%;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {width: 40%; margin-top: -90px;}
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li {width: calc(50% - 20px);}
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li.l-size {min-height: 290px;}
}
@media(max-width:767px) {
   .s0202 .tour_title_box {padding: 50px 50px;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box {padding: 30px; margin-top: 70px;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {float: none; width: 100%; padding: 30px 0;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {float: none; width: 100%; text-align: center; margin-top: 0;}
   .s0202 .tour_con_box .con.con01 .riegis_con_box .ri_img_box img {margin-top: -65px;}
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 ul li.min-size {min-height: 215px;}
}
@media(max-width:640px) {
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li {width: 100%;}
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li.l-size {min-height: auto;}
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 ul li {width: 100%;}
   .s0202 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 ul li.min-size {min-height: auto;}
}
@media(max-width:550px) {
   .s0202 .tour_title_box {padding: 50px 30px;}
   .s0202 .tour_title_box h2 {font-size: 28px;}
   .s0202 .tour_title_box::after {right: 30px;}
   .s0202 .tour_title_box h2 small {display: block; padding-top: 15px;}
}
@media(max-width:420px) {
   .s0202 .tour_title_box h2 {width: 100%; padding-top: 20px;}
   .s0202 .tour_title_box h2 small {font-size: 14px;}
   .s0202 .tour_title_box::after {width: 70px; height: 42px; background-size: 100%; top: 50px;}
}
/* sub02_02_02 ~ 공주의 세계유산 End */

/* sub02_01_03 공주랑 어플리케이션 */
.s020103 .gongjulang {width: 1200px; margin: 0 auto;}
.s020103 .gongjulang_top {position: relative; box-sizing: border-box; width: 100%; height: 318px; padding: 58px; background: url(/images/tour/sub07/sub07_03_06_img_06.png) no-repeat center; background-size:100%;}
.s020103 .gongjulang_top .gongjulang_logo {position: absolute; top: 55px; left: 58px;}
.s020103 .gongjulang_top h3 {font-size: 30px; font-weight: bold; margin-top: 80px; color: #fff; width: 70%;}
.s020103 .gongjulang_top p {font-size: 20px; margin-top: 18px; color: #fff;}
.s020103 .gongjulang_crt {position: absolute; top: -30px; right: 5px; display: block;}
.s020103 .gongjulang_cards {overflow: hidden; margin-top: 92px; margin-right: -15px; margin-left: -15px;}
.s020103 .gongjulang_card {line-height: 1.4; float: left; box-sizing: border-box; width: 33.3%; height: 685px; padding: 10px; text-align: center;}
.s020103 .gongjulang_card .card_in {box-sizing: border-box; width: 100%; height: 100%; padding: 295px 15px 30px; border: 1px solid #c8c8c8;}
.s020103 .gongjulang_card1 .card_in {background: url(/images/tour/sub07/sub07_03_06_img_07.png) no-repeat center 7%; background-size: 90%;}
.s020103 .gongjulang_card2 .card_in {background: url(/images/tour/sub07/sub07_03_06_img_08.png) no-repeat center 7%; background-size: 95%;}
.s020103 .gongjulang_card3 .card_in {background: url(/images/tour/sub07/sub07_03_06_img_09.png) no-repeat center 19%; background-size: 95%;}
.s020103 .gongjulang_card_tit {font-size: 19px; font-weight: bold; line-height: 1.5;}
.s020103 .gongjulang_card_txt {font-size: 16px; line-height: 1.5; margin-top: 15px;}
.s020103 .gongjulang_card_txt a {color:#fff;}
.s020103 .gongjulang_card_link {font-size: 15px; font-weight: bold; line-height: 34px; display: inline-block; height: 34px; margin-top: 10px; padding: 0 24px; color: #fff; border-radius: 34px; background: #757575; }
.s020103 .gongjulang_card_notice {font-size: 15px; line-height: 1.5; font-size:14px; color:#f20c0c; margin-top:10px;}
.s020103 .txt-box {margin-top:30px;}
.s020103 .gongjulang_info {margin-top: 35px; padding: 50px; background: #ececec;}
.s020103 .gongjulang_info li {font-size: 17px; line-height: 1.8; padding-left: 10px; background: url(/images/kr/sub7/gongjulang_v_line.png) no-repeat left 9px;}
.s020103 .gongjulang_info li span {font-weight: bold; color: #5e9e87;}
.s020103 .gongjulang_gallery {overflow: hidden; margin-top: 40px;}
.s020103 .gongjulang_gallery li {float: left; margin-right: 15px; width: calc(33.33% - 15px); text-align: center;}
.s020103 .gongjulang_gallery .gal2 img {width:100%; min-height:512px;}
.s020103 .gongjulang_gallery .last {margin-right: 0;}
.s020103 .gongjulang_links {margin-top: 80px; text-align: center;}
.s020103 .gongjulang_link {font-size: 24px; font-weight: bold; line-height: 60px; display: inline-block; width: 276px; height: 60px; margin: 0 2px; color: #fff; background: #6196db;}
@media screen and (max-width:1240px) {
   .s020103 .gongjulang_top {height: auto; padding: 5%;}
   .s020103 .gongjulang_top h3 {font-size: 25px; line-height: 1.3; margin-top: 10px;}
   .s020103 .gongjulang_top p {font-size: 16px; line-height: 1.5; margin-top: 10px;}
   .s020103 .gongjulang_logo {display: none;}
   .s020103 .gongjulang_crt {display: none;}
   .s020103 .gongjulang_cards {margin-top: 3%; margin-right: 0; margin-left: 0;}
   .s020103 .gongjulang_card { width: 100%; height: auto; padding: 3% 0 0;}
   .s020103 .gongjulang_card .card_in {padding-top: 300px; padding-bottom: 5%; padding-left: 30px; padding-right: 30px; background-size: inherit;}
   .s020103 .gongjulang{width: 100%;}
   .s020103 .gongjulang_gallery {position: relative; box-sizing: border-box; margin-top: 3%; margin-left: 0; padding-bottom: 85%;}
   .s020103 .gongjulang_gallery li {box-sizing: border-box; margin-right: 0; padding-right: 1.5%; padding-left: 1.5%;}
   .s020103 .gongjulang_gallery li:nth-of-type(1) {padding-left: 0;}
   .s020103 .gongjulang_gallery li:nth-of-type(3) {padding-right: 0;}
   .s020103 .gongjulang_gallery li:nth-of-type(2) {padding-left: 0; padding-right: 0; margin-top: 3.5%;}
   .s020103 .gongjulang_gallery .gal1 {width: 50%;}
   .s020103 .gongjulang_gallery .gal2 {position: absolute; top: 50%; left: 0; width: 100%; padding-right: 3%; padding-left: 3%; min-height:auto;}
   .s020103 .gongjulang_gallery .gal3 {width: 50%;}
   .s020103 .gongjulang_gallery li img {width: 100%;}
   .s020103 .gongjulang_links {margin-top: 3%;}
   .s020103 .gongjulang_link {font-size: 16px; line-height: 40px; width: 150px; height: 40px; margin-top: 5px;}
}
@media screen and (max-width:767px) {
   .s020103 .gongjulang_top {background-size:auto;}
   .s020103 .gongjulang_gallery {padding-bottom:0;}
   .s020103 .gongjulang_card .card_in {padding-bottom: 10%; background-position: center 10%; padding-top: 320px;}
   .s020103 .gongjulang_card3 .card_in {background-position: center 25%;}
   .s020103 .gongjulang_gallery li {padding-right: 0; padding-left: 0;}
   .s020103 .gongjulang_gallery .gal1 {width:100%; margin:10px 0;}
   .s020103 .gongjulang_gallery .gal3 {width: 100%; margin:10px 0;}
   .s020103 .gongjulang_gallery .gal2 {position:static; width:100%; margin:10px 0; padding-right: 1.5%; padding-left: 1.5%;}
   .s020103 .gongjulang_gallery .gal2 img {min-height: auto;}
   .s020103 .gongjulang_links a {width:100%; margin-bottom:5px;}
}
@media screen and (max-width:460px) {
   .s020103 .gongjulang_top {padding: 10% 5%;}
   .s020103 .gongjulang_links a {width:100%; margin-bottom:5px;}
   .s020103 .gongjulang_card .card_in {padding-top: 300px;}
   .s020103 .gongjulang_card1 .card_in {background-size: 70%;}
   .s020103 .gongjulang_card2 .card_in {background-size: 87%;}
   .s020103 .gongjulang_card3 .card_in {background-size: 85%; background-position: center 20%;}
}
@media screen and (max-width: 360px) {
   .s020103 .gongjulang_card .card_in {padding-top: 260px;}
   .s020103 .gongjulang_card1 .card_in {background-size: 75%;}
}
/* sub02_01_03 공주랑 어플리케이션 End */

.sub_tit {display:inline-block;height:30px;line-height:28px;margin: 20px 0 0;padding:0 20px;border:1px solid #014171;border-radius:30px;color:#014171;font-size:15px;font-weight:700;}

.info_box .list-1st li{color:#fff}
.info_box .list-1st li:before,
.info_box .txt_bul:before,
.info_box .list-2st li:before,
.info_box .txt_bul2:before {background: #cbcbcb;}

/* sub02 관광정보 우측 이미지 좌측 텍스트 스타일 */
.eng .photo_wrap .thumb{margin-right:20px;}
.eng .photo_wrap .info_box{float:none; width:auto; padding-left:0;}
.eng .photo_wrap .info_box > p{margin-bottom:0;}
.eng .photo_wrap .info_box > strong{display: block;}
.eng .schedule {margin-top:30px;}
.eng .schedule .tit {display: inline-block; height: 30px; line-height: 28px; margin: 0 0 15px; padding: 0 20px; border: 1px solid #014171; border-radius: 30px; color: #014171; font-size: 15px; font-weight: 700;}
.eng .schedule > p {position: relative; padding: 0 0 0 33px; font-size: 16px; color: #666;}
.eng .schedule > p span {display: inline-block; position: absolute; left: 0; top: -6px; width: 23px; height: 35px; margin-right: 10px; background: url(/images/skin/schedule_icon.png)no-repeat 0 0;}
.s0210 .photo_wrap.typeA .info_box .schedule > p{padding-left:0;}
.photo_wrap.typeA .info_box .sub_tit+p{padding-left:0;}
@media (max-width: 1200px) {
   .eng .photo_wrap {padding : 30px;}
   .eng .photo_wrap .thumb {width: 300px;}
}
@media (max-width: 1023px) {
   .eng .photo_wrap {padding : 40px;}
   .eng .photo_wrap .thumb {width: 100%;}
   .eng .photo_wrap .info_box {width: 100%; min-height: auto;}
}
@media (max-width: 550px) {
   .eng .photo_wrap {padding : 20px;}
}
/* sub02 관광정보 우측 이미지 좌측 텍스트 스타일 End */

/* sub02_03 공주10경 */
@media (max-width: 1200px) {
   .s0203 .photo_wrap .thumb {width: 300px;}
   .s0203 .photo_wrap .info_box {width: calc(100% - 300px);}
}
@media (max-width: 1023px) {
   .s0203 .photo_wrap .thumb {width: 100%;}
   .s0203 .photo_wrap .info_box {width: 100%;}
}
/* sub02_03 공주10경 End */

/* sub02_05_06 템플스테이 */
@media (max-width: 1200px) {
   .s020506 .photo_wrap .thumb {width: 300px;}
   .s020506 .photo_wrap .info_box {width: calc(100% - 300px);}
}
@media (max-width: 1023px) {
   .s020506 .photo_wrap .thumb {width: 100%;}
   .s020506 .photo_wrap .info_box {width: 100%;}
}
/* sub02_05_06 템플스테이 End */

/* sub02_08 숙박 */
@media (max-width: 1200px) {
   .s0208 .photo_wrap .thumb {width: 300px;}
   .s0208 .photo_wrap .info_box {width: calc(100% - 300px);}
}
@media (max-width: 1023px) {
   .s0208 .photo_wrap .thumb {width: 100%;}
   .s0208 .photo_wrap .info_box {width: 100%;}
}
/* sub02_08 숙박 End */

/* sub02_10 특산물 */
@media (max-width: 1200px) {
   .s0210 .photo_wrap .thumb {width: 300px;}
   .s0210 .photo_wrap .info_box {width: calc(100% - 300px);}
}
@media (max-width: 1023px) {
   .s0210 .photo_wrap .thumb {width: 100%;}
   .s0210 .photo_wrap .info_box {width: 100%;}
}
/* sub02_10 특산물 End */

/* sub03_01_01 한부모 가족지원 */
.s030101 .table_mt_0 {margin: -25px 0 10px;}
@media (max-width: 1200px) {
   .s030101 .table_mt_0 {margin: 10px 0 0;}
}
.bodo_icon_list > ul > li p.txt-check{color: #da4453;}
/* sub03_01_01 한부모 가족지원 End */

/* sub03_02_01 보육료지원대상자 */
.s030201 .table_mt_0 {margin: -25px 0 10px;}
.s030201 .table_w{overflow-x: scroll;}
.s030201 .table{width:1200px;}

@media (max-width: 767px) {
   .s030201 .table_mt_0 {margin: 0 0 10px;}
}
/* sub03_02_01 보육료지원대상자 End */

/* 포탈 바로가기 */
.potal-box{position: relative; width:100%;height:570px;background:url(/images/kr/sub02/potal_bg.jpg)center no-repeat;background-size:cover;text-align: center;}
.potal-box:before{display: inline-block;position: absolute;left:calc(50% - 360px);bottom:-60px;width:272px;height:235px;content: '';background: url(/images/kr/sub02/potalbox_gongju.png)center no-repeat;background-size:100%; z-index: 10;}
.potal-box:after{display: inline-block;position: absolute;right:calc(50% - 360px);bottom:-60px;width:272px;height:235px;content: '';background: url(/images/kr/sub02/potalbox_goma.png)center no-repeat;background-size:100%;z-index: 10;}
.potal-box .icon-box span{z-index: 10;position: absolute;animation: icon_ani 5s linear infinite;transform-origin:center;}
.potal-box .icon-box span.icon1{left: calc(50% - 330px);top: 20%;width:93px;height:74px;background: url(/images/kr/sub02/potalicon01.png)center no-repeat;animation:none}
.potal-box .icon-box span.icon2{left: calc(50% - 340px);bottom: 30%;width:109px;height:111px;background: url(/images/kr/sub02/potalicon02.png)center no-repeat;}
.potal-box .icon-box span.icon3{right:calc(50% - 360px);top: 30%;width:128px;height:78px;background: url(/images/kr/sub02/potalicon03.png)center no-repeat;animation-delay:4s}
.potal-box .icon-box span.icon4{right:calc(40% - 300px);bottom: 32%;width:158px;height:151px;background: url(/images/kr/sub02/potalicon04.png)center no-repeat;animation:none}
.potal-box .potal-img{position: relative;top:50px; width:581px;height:390px;margin:0 auto;background: url(/images/kr/sub02/potalbox_bg.png)center no-repeat;background-size:100%;}
.potal-box .potal-img span{overflow: hidden;position: absolute;left: 8px;top: 35px;width: 530px;height: 307px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.potal-box a{position: relative; display:inline-block;margin:50px;padding:10px 50px 10px 15px; text-align: center;color:#fff;background:#48546d;border-radius: 5px;}

@keyframes icon_ani {0% , 40%,100%{transform: translateY(0px);} 20%, 60%{transform: translateY(10px);}}
@media(max-width:767px){
    .potal-box{height:480px;}
    .potal-box:before{left:calc(50% - 250px);width:200px;}
    .potal-box:after{right:calc(50% - 250px);width:200px;}
    .potal-box .icon-box span{transform: scale(0.7);-webkit-transform: scale(0.7);}
    .potal-box .icon-box span.icon1{left:calc(50% - 260px);}
    .potal-box .icon-box span.icon2{left:calc(50% - 280px);bottom:40%;}
    .potal-box .icon-box span.icon3{right:calc(50% - 300px);top:20%;}
    .potal-box .icon-box span.icon4{right:calc(50% - 320px);bottom:42%;}
    .potal-box .potal-img{width:450px;height:290px;}
    .potal-box .potal-img span{top:20px;width:408px;height:240px;}
    .potal-box a{font-size:13px;}
}
@media(max-width:600px){
    .potal-box{height:320px;}
    .potal-box:before{left:10px;width:110px;}
    .potal-box:after{right:10px;width:110px;}
    .potal-box .icon-box{display: none;}
    .potal-box .potal-img{width:280px;height:200px;top:30px;}
    .potal-box .potal-img span{left:4px;top:25px;width:255px;height:145px;}
    .potal-box a{margin:30px;}
}
@media(max-width:440px){
    .potal-box:before, .potal-box:after{display: none;}
}

.potal_link_text{margin-top:10%;border:1px solid #ddd;padding: 40px 30px 40px 300px;position:relative;border-radius: 10px 0 10px 0;background:#f8f8f8 ;}
.potal_link_text .title{display:block;font-size:20px;font-weight:bold;position: absolute;left:50px;top: 40px;}
.potal_link_text .text{margin-top:0;}
.s030412 .link_blank .infotext a{width:49%;margin-bottom:5px;}

@media(max-width:1500px){
    .s030412 .link_blank .infotext a{width:100%; text-align: left;}
}
@media(max-width:767px){
    .potal_link_text{padding:30px;}
    .potal_link_text .title{position: relative;left:auto;top:auto;text-align: center;}
    .potal_link_text .text{margin-top:10px;}
}

/* 포탈 바로가기 End */