<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


/*메인 콘텐츠*/

#pc {display:inline-block;}
#mb {display:none;}

/*문화의날 메인팝업*/
.popup_wrap { position: absolute; left: 50%; transform: translateX(-50%); top: 2%; z-index: 100; box-shadow: 0 0 10px 0;}
.popup {position:relative}
.popup &gt; button {right:0;top:0;position: absolute;width: 40px;height: 40px;font-size: 23px;font-weight: bold;line-height: 0;cursor: pointer;background: #080b2c;color: #fff;}
.popup &gt; img {width:100%}

@media (max-width: 767.98px) {
    .popup_wrap {width:90%;}
}


#container{}
#main_banner { position:relative;width:100%;height:500px; max-width:2000px; margin:0 auto}
#main_banner .slider .visual1 {background:url(/2019_images/main/main_visual0707_pc.png) no-repeat top center;}
#main_banner .slider .visual2 {background:url(/2019_images/main/main_visual5_pc.png) no-repeat top center;}
					
#main_banner .slider{}
#main_banner .slider div {height:500px;}
/*#main_banner .slider div &gt; span {display:block;margin:0 auto;width: 1200px; box-sizing:border-box}*/
#main_banner .slider div&gt;span {display:none;}
#main_banner .slick-slide img {margin: 32px auto;width: 970px;}

#main_banner .slick-prev {position: absolute;top: 44%;left: 15%;z-index: 1;width: 35px;height: 68px;background: url(../2019_images/main/img_more_left.png) 0 0 no-repeat;text-indent: -9999px; cursor: pointer;}
#main_banner .slick-next {position: absolute;top: 44%;right: 15%;z-index: 1;width: 35px;height: 68px;background: url(../2019_images/main/img_more_right.png) 0 0 no-repeat;text-indent: -9999px; cursor: pointer;}
#main_banner .slick-dots {position:absolute; width:100%; text-align:center; bottom:5px}
#main_banner .slick-dots &gt; li {opacity: .5; position:relative; display:inline-block; height:10px !important; cursor: pointer;margin:0 5px; }
#main_banner .slick-dots &gt; li &gt; button{ font-size:0; width:13px; height:13px; padding:5px; background: #730810;}
#main_banner .slick-dots &gt; li.slick-active{opacity: .75; color: black;}
#main_banner .slick-dots &gt; li.slick-active &gt; button {width : 35px;}

#main_banner_1 { position:relative;width:100%;height:330px; max-width:2000px; margin:0 auto}
#main_banner_1 .slider2{}
#main_banner_1 .slider2 div {height:360px;}
#main_banner_1 .slider2 div&gt;span {display:block;margin:0 auto;width: 1200px; box-sizing:border-box}
#main_banner_1 .slick-slide img {margin:0 auto}

#main_banner_1 .slick-prev {position: absolute;top: 35%;left: 5%;z-index: 1;width: 20px;height: 35px;background: url(../2019_images/main/img_more_left1.png) 0 0 no-repeat;text-indent: -9999px; cursor: pointer;}
#main_banner_1 .slick-next {position: absolute;top: 35%;right: 5%;z-index: 1;width: 20px;height: 35px;background: url(../2019_images/main/img_more_right1.png) 0 0 no-repeat;text-indent: -9999px; cursor: pointer;}

.section1 {padding:90px 0;}
.section1 .info &gt; li{width: 31.65%;height: 380px;overflow: hidden;}
.section1 .p_form {box-sizing: border-box;background: #f98f8f;padding: 30px;}
.section1 .p_form &gt; h3.title {color:#fff;font-size: 2.4rem;text-align: center;}
.section1 .form_box {position: relative;width: 100%;}
.section1 .form_box ul {}
.section1 .form_box ul li{margin-bottom: 4px; font-weight : bold;}
.section1 .form_box ul li label span {text-align : left;}
.section1 .form_box ul li span {text-align : left;}
.section1 .form_box span{display:inline-block;width: 50px;text-align: right;padding-right: 15px;font-size: 16px;color: #fff;}
.section1 .form_box input,
.section1 .form_box select{height: 30px;width: 15%;}
.section1 .form_box .w300{width: 74%;}
.section1 .form_box .mb_num{width: 28%;}
.section1 .form_box .form_btn {background: #e8e5e4;color: #f98686;right: 4.4%;top: 2px;text-align: center;line-height: 38px;font-weight: 600;width: 100%;display: block;margin-top: 20px;}
.section1 .form_box textarea {width: 74%;height: 38px;font-size: 12px;}
.section1 .form_box .check { text-align:center}
.section1 .form_box .check input[type="checkbox"] {width:20px; height:20px; margin-right:5px;}

.section1 .open {background: #e8e5e4;text-align: center;padding: 30px 0;}
.section1 .open .s_title{  font-size: 1.8rem; margin-bottom: 10px;}
.section1 .open .s_day{background: #f98686;color: #fff;font-size: 2rem;letter-spacing: -2px;}
.section1 .open .s_title_1{background: #f98686;color: #fff;font-size: 2rem;letter-spacing: -2px; font-weight : bold;}
.section1 .open .s_term{font-size: 1.4rem;line-height: 2rem;padding: 20px;}

.section1 .open2 {background:#c3e8ff; text-align: center;padding: 20px 0; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.section1 .open2 .s_title2 {font-size: 27px; margin-bottom: 10px; color:#316b91; font-weight:800}
.section1 .open2 .s_day2{background: #fff;color: #222;font-size: 20px;letter-spacing: -2px; border-radius: 21px;width: 90%;margin: auto; padding: 20px 0; font-weight: 700;}
.section1 .open2 .s_term2{font-size: 20px;line-height: 30px; padding: 18px;}

.section1 .open .s_con{font-size: 1.3rem;line-height: 2rem;padding: 20px;}
.section1 .open .s_con&gt; span {padding-top : 17px; display:block;}
.section1 .open .s_con&gt;strong&gt; span {color : red; font-weight : bold;}
.section1 .open a { color: #fff; font-size: 1.1rem;  background: #f98686; padding: 10px 30px;}
.section1 .open a.button1 {background: #58aedf;}

.section1 .banner{ }
.section1 .banner &gt; div{background: #ebf4f8;margin-bottom: 20px;border: 1px solid #d1e1e8; position:relative}
.section1 .banner &gt; div &gt;a {display:block; padding: 30px 25px;}
.section1 .banner h1{font-size: 1.7rem;font-weight: bold;color: #064172;}
.section1 .banner p{font-size: 1.1rem;line-height: 1.5;width: 70%;}
.section1 .banner &gt; div:before{content:'';width: 105px;height: 108px;position:absolute;right: 20px;top: 24px;background: url(../2020_images/common/icon_sp.png) no-repeat -20px -8px;}
.section1 .banner &gt; div:nth-child(1):before{background-position: -20px -8px;}
.section1 .banner &gt; div:nth-child(2):before{background-position: -128px -8px;}

.pv_btn {font-size: 17px;color: #ffffff;font-weight: 500; margin-top : 15px; padding-left:15px;}
.pv_btn_small {font-size: 12px;color: #ffffff;font-weight: 500;}
.pv_btn &gt;span {background: #ffffff; font-size: 17px;border: 1px solid #ffcdbd;width: 4px !important;height:20px;padding:0;vertical-align: middle;margin-right: 9px;}
.pv_btn &gt;span.on{background:url(../2020_images/main/check_ok.png) no-repeat center;width: 8px !important;height:30px;border: none;}
#privacy_pop{background: rgba(0, 0, 0, 0.7) !important;position:fixed;width:100%;height:100%;z-index:9990;left:0;top: 0;padding: 50px 0;}
#privacy_pop .mspop {margin: 120px auto;width: 450px;max-width: 450px;background:#fff;overflow: hidden;position: relative;height: 300px;top: 50%;padding: 0 30px;box-sizing: border-box;transform: translateY(-60%);}
#privacy_pop .mspop h3{font-size: 1.5rem;line-height: 80px;}
#privacy_pop .mspop table{}
#privacy_pop .mspop table td{ font-size: 17px; border: solid #ddd; padding: 5px 0; text-align: center; border-width: 1px 0px 1px 0px;}
#privacy_pop .close_btn {position: absolute;width: 100%;background: #ffe8a5;left: 0;bottom: 0;text-align: center;font-size: 19px;padding: 10px 0;}
#privacy_pop .close_btn &gt; a {display:block}


.section2 {padding:90px 0; background:#f2f2f2;}
.section2 .login_area{width: 31.8%;}
.section2 .login_area .main_login_box {position: relative;}
.section2 .login_area .main_login_box .login_message {text-align:center; font-size:1.2rem; margin:0;}
.section2 .login_area .main_login_box a.logout {font-size: 0.9rem;border-radius:50px;background: #878787;color:#fff;float: right;width: 30%;text-align: center;margin-top: 5px;}
.section2 .login_area .main_login_box .login_message &gt; strong {font-size:1.5rem}
.section2 .login_area .main_login_box &gt; div{width:80%;margin-bottom: 5px;}
.section2 .login_area .main_login_box .btn_login {position:absolute;width:80px;background: #0075c2;right: 0;top: 0;height: 40px;line-height: 40px;}
.section2 .login_area .main_login_box .btn_login &gt; a {color:#fff;display:block;text-align: center;}
.section2 .btn_box {text-align:center;padding: 30px;}
.section2 .btn_box &gt; a {background: #58aedf;display:inline-block;width: 49%;padding: 5px 0px;color:#fff;text-align: center;font-size: 18px;border-radius: 0;}
.section2 .cs_area {/* background:#fff; *//* border: 1px solid #dfdfdf; *//* padding: 30px 40px; *//* box-sizing: border-box; */width: 64.85%;}
.section2 .cs_area &gt; div {background:#fff;border: 1px solid #dfdfdf;padding: 18px 40px;box-sizing: border-box;position: relative;}
.section2 .cs_area &gt; div:before{content:'';width: 160px;height: 168px;position:absolute;left: 125px;top: 110px;background: url(../2020_images/common/icon_sp.png) no-repeat -237px -8px;}
.section2 .cs_area .cd_title{overflow:hidden;}
.section2 .cs_area .cd_t {padding-top:30px;}
.section2 .cs_area .cd_title h2{text-align:left; font-size: 2.5rem;font-weight: bold;letter-spacing: -1px;vertical-align: middle;}
.section2 .cs_area .cd_title h2.t2 {float: right}
.section2 .cs_area .cd_title h2 span{ font-weight: 300; }
.section2 .cs_area .cd_title p{background: #58aedf;color: #fff;text-align: center;padding: 2px;font-size: 1.1rem;float: left;width: 40%;margin: 22px 20px 0 20px;box-sizing: border-box;}
.section2 .tell{margin-left: 350px;}
.section2 .tell .cs_number{font-size: 3rem;color:#0075c2;font-weight: 700;text-align: left;letter-spacing: -2px;line-height: 1.6rem;}
.section2 .tell .cs_number&gt;span{ font-size:1.8rem;}
.section2 .cs_number1 {text-align:center; padding-top:20px;}
.section2 .cs_number1 .time { font-size:1.3rem;}

/* 텝 */
.section2 .tab_wrap {position: relative;/* border: 1px solid; */background: #fff;}
.section2 .tab_wrap &gt; .btn_tab {/* border:1px solid #d2d2d2; */width:100%;text-align: left;overflow: hidden;}
.section2 .tab_wrap &gt; .btn_tab &gt; li {float:left;width:50%;padding-left:0;margin-bottom:0;width: 50%;border-bottom: none;}
.section2 .tab_wrap &gt; .btn_tab &gt; li:first-child {}
.section2 .tab_wrap &gt; .btn_tab &gt; li:before{display:none}
.section2 .tab_wrap &gt; .btn_tab &gt; li &gt; a {display:block;font-size: 1.3rem;text-align:center;background: #d0d0d0;color: #fff;line-height:50px;font-size: 1.1rem;}
.section2 .tab_wrap &gt; .btn_tab &gt; li.active &gt; a{background: #58aedf;color: #fff;font-weight: 600;}
.section2 .tab_con_wrap{position:relative;margin:0;background: #fafafa;}
.section2 .tab_con{display:none;height: 177px; padding:50px 30px; box-sizing:border-box }
.section2 .tab_con.active{display:block;}

/*로그인 메시지*/
.section2 .login_area .main_login_box a.logout {
    font-size: 0.9rem;
    border-radius: 50px;
    background: #878787;
    color: #fff;
    float: right;
    width: 30%;
    text-align: center;
    margin-top: 5px;
}

.login_active a.logout {
    font-size: 0.9rem;
    border-radius: 50px;
    background: #878787;
    color: #fff;
    float: right;
    width: 30%;
    text-align: center;
    margin-top: 5px;
}
.login_active .login_message{border:none; padding:50px 30px; background:#fafafa;}
.login_active .login_message &gt; p {
    text-align: center;
    font-size: 1.2rem;
    margin: 0;
    padding: 25px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.login_active .login_message &gt; p&gt;strong {
    font-size: 1.5rem;
}

.login_active {
    padding: 0;
    box-sizing: border-box;
    background: #fafafa;
    overflow: hidden;
}




.section3 {padding: 90px 0 30px;}
.section3 .main_bbs &gt; li {height:385px; background:#fff}
.section3 .main_bbs &gt; li:nth-child(1) {width:57.5% }
/* 텝 */
.section3 .tab_wrap {position: relative;/* border: 1px solid; */background: #fff;}
.section3 .tab_wrap &gt; .btn_tab {/* border:1px solid #d2d2d2; */width:100%;text-align: left;overflow: hidden;}
.section3 .tab_wrap &gt; .btn_tab &gt; li {float:left;width:50%;padding-left:0;margin-bottom:0;border: 1px solid #d2d2d2;width: 30%;border-bottom: none;margin-right: -1px;}
.section3 .tab_wrap &gt; .btn_tab &gt; li:first-child {}
.section3 .tab_wrap &gt; .btn_tab &gt; li:before{display:none}
.section3 .tab_wrap &gt; .btn_tab &gt; li &gt; a {display:block;font-size: 1.3rem;text-align:center;background: #f4f4f4;color:#000;line-height:50px;color: #777;}
.section3 .tab_wrap &gt; .btn_tab &gt; li.active &gt; a{background: #ffffff;color: #000;font-weight: 600;}
.section3 .tab_con_wrap{position:relative;margin:0;border-top: 2px solid #000;}
.section3 .tab_con{display:none;}
.section3 .tab_con.active{display:block;}
	
	.notice {position:relative;padding: 20px 0;}
	.notice .more_btn {font-size: 2.5rem;font-weight:100;position: absolute;top: -55px;right:0;width: 60px;text-align: center;}
	.notice .more_btn &gt; a {display:block; font-size: 2rem;}
	.notice &gt; ul &gt; li{font-size: 1.2rem;padding: 0 20px;margin-bottom: 10px;}
	.notice &gt; ul &gt; li.point{border-bottom:1px solid #ddd;padding-bottom: 15px;}
	.clear .point i {color:#fff;padding:5px 10px; margin-right:5px; background:#df043a; font-size:1rem; 	}
	
.section3	.main_review_area {width:480px;}
.section3	.main_review .slick-prev {position: absolute;top: 44%;left: 2%;z-index: 1;width: 40px;height: 40px;background: url(../2020_images/main/img_more_left.png) center no-repeat rgba(51, 51, 51, 0.4);text-indent: -9999px; cursor: pointer;background-size: 15px 30px;border-radius: 50px;}
.section3	.main_review .slick-next {position: absolute;top: 44%;right: 2%;z-index: 1;width: 40px;height: 40px;background: url(../2020_images/main/img_more_right.png) center no-repeat rgba(51, 51, 51, 0.4);text-indent: -9999px;cursor: pointer;background-size: 15px 30px;border-radius: 50px;}

	

.section4 { }
.section4 .ever_pr{ }
.section4 .ever_pr &gt; li{width: 31.65%;height: 290px;overflow: hidden;}
.section4 .ever_pr li div{padding: 60px 35px; position:relative; box-sizing: border-box;background: #56557d;height: 100%;}
.section4 .ever_pr li:nth-child(1) div{background:#272847;}
.section4 .ever_pr li:nth-child(2) div{background:#56557d;} 
.section4 .ever_pr li:nth-child(3) div{background:#c89f73;}
.section4 .ever_pr li div:before{content:'';position:absolute;left: 66%;top: 40px;width: 100px;height: 100px;background: url(../2020_images/common/icon_sp.png) no-repeat 0px -202px;}
.section4 .ever_pr li:nth-child(1) div:before{ background-position:0px -202px;}
.section4 .ever_pr li:nth-child(2) div:before{ background-position:-100px -202px;}
.section4 .ever_pr li:nth-child(3) div:before{ background-position:-200px -202px;}
.section4 .ever_pr li div p.title{font-size: 1.6rem;line-height:1.2;color: #fff;font-weight: 600;letter-spacing: -1px;width: 70%;}
.section4 .ever_pr li div ul{margin-top: 40px;}
.section4 .ever_pr li div ul li{font-size:1rem;color: #fff;position:relative;padding-left: 30px;}
.section4 .ever_pr li div ul li:before{content:'';position:absolute;left:0;top:0;width: 20px;height: 20px;background: url(../2020_images/common/icon_sp.png) no-repeat -70px -170px;}


.section5 {padding: 55px 0;}
.section5 p {font-size: 2.7rem;text-align:center;}
.section5 p strong {font-weight:600; color:#da4040}

.section6 { }
.section6 .inline &gt; li {padding:0 5px}
.section6 .inline &gt; li p{text-align:center;line-height: 1.4;padding: 15px 0;font-size: 1.2rem;}
.section6 .inline &gt; li p &gt; span {font-weight: 600;display:block;}


.section7 {padding:90px 0;}
.section7 .ever_guide li {width: 31.65%;color:#fff;font-size:3rem;}
.section7 .ever_guide li:nth-child(1) div{background: url(../2020_images/main/section6_1.png) no-repeat center; background-size:cover}
.section7 .ever_guide li:nth-child(2) div{background:url(../2020_images/main/section6_2.png) no-repeat center; background-size:cover}
.section7 .ever_guide li:nth-child(3) div{background:url(../2020_images/main//section6_3.png) no-repeat center; background-size:cover}
.section7 .ever_guide li div {position:relative;color:#fff;font-size: 1.7rem;line-height: 1.4;padding: 45px 0;padding-left: 160px;letter-spacing: -3px;}
.section7 .ever_guide li div &gt; i {position:absolute;left:0;top: 30px;width: 130px;height: 110px;background: url(../2020_images/common/icon_sp.png) no-repeat -17px -430px;border-right: 1px solid #fff;padding-right: 10px;}
.section7 .ever_guide li div &gt; span {font-weight:500;}
.section7 .ever_guide li:nth-child(1) div&gt;i {background-position: 0  -313px;}
.section7 .ever_guide li:nth-child(2) div&gt;i {background-position: -123px  -309px;}
.section7 .ever_guide li:nth-child(3) div&gt;i {background-position: -246px  -309px;}



.section8 {padding:90px 0; background:#e5e3d5;}
.section8 ul &gt; li {width: 220px;}
.section8 ul &gt; li &gt; a {background:#fff;display: block;padding: 35px 10px;}
.section8 ul &gt; li &gt; a:before {content:'';display:block;width: 85px;height: 70px;background: url(../2020_images/common/icon_sp.png) no-repeat -17px -430px;margin: 0 auto 5px;} 
.section8 ul &gt; li:nth-child(1) &gt; a:before {background-position: -3px -430px;}
.section8 ul &gt; li:nth-child(2) &gt; a:before {background-position: -88px -430px;}
.section8 ul &gt; li:nth-child(3) &gt; a:before {background-position: -168px -430px;}
.section8 ul &gt; li:nth-child(4) &gt; a:before {background-position: -258px -430px;}
.section8 ul &gt; li:nth-child(5) &gt; a:before {background-position: -338px -430px;}
.section8 ul &gt; li:nth-child(6) &gt; a:before {background-position: -426px -430px;}
.section8 ul &gt; li&gt; a &gt;span {display:block;text-align:center;font-weight: 600;font-size: 1.2rem;}



/* 사이트맵 */
.section11 {background:#730810;color: #fff;padding-bottom: 50px;padding-top: 20px;}
.dpt_list1 &gt; li {float:left;width:14.2%;position: relative;box-sizing: border-box;padding-left: 10px;color: #fff;}
.dpt_list1 &gt; li:before {content: '';position: absolute;width: 1px;height: 50px;background: #fff;top: -20px;left: 0;}
.dpt_list1 &gt; li &gt; strong.tit {font-weight: 500;font-size: 16px;}
.dpt_list2 {margin-top:10px};
.dpt_list2 li { float:none; width:100%;}
.dpt_list2 li &gt; a {color:#bcbcbc; line-height:25px}
.dpt_list2 li &gt; a.point{border: 1px solid rgba(255,255,255,0.2);padding: 1px 10px;background: rgba(255,255,255,0.2);color: #fff;}

/* 관련사이트 */

.section12{padding:20px 0;}
.section12 .slider1 { text-align:center; height:39px; overflow:hidden}
.section12 .slider1 div {text-align:center;}
.section12 .slider1 div a {height:39px; line-height:39px; display:block;}
.section12 .slider1 button{vertical-align:top; display:inline-block;  cursor:pointer}
.section12 .slider1 button.slick-prev {font-size:0; width:19px; height:39px; background:url(../2019_images/main/icon_left.png) no-repeat; background-size: 19px 36px;}
.section12 .slider1 button.slick-next {font-size:0; width:19px; height:39px; background:url(../2019_images/main/icon_right.png) no-repeat; background-size: 19px 36px;}
.section12 .slick-list.draggable{width:95%; display:inline-block;}
.section12 .slider1 .slick-slide img { margin:0 auto}

.main_foot &gt; #footer {margin-top:0;}



@media (max-width: 767.98px) {
	.inline &gt; li{padding:0;}
	.row{margin:0;}
/*메인 콘텐츠*/

#mb {display:inline-block;}
#pc {display:none;}

#main_banner {height: auto;}
#main_banner .slider .visual1 {background:none}
#main_banner .slider .visual2 {background:none;}
#main_banner .slider div {height:auto;/*background-size: 640px 100% !important;background-position: center !important;*/}
#main_banner .slick-slide img {margin: 0 auto;}

#main_banner .slick-prev {background-size: 17px;left: 2%;}
#main_banner .slick-next {background-size: 17px;right: 0; width:22px;}
#main_banner .slick-dots &gt; li &gt; button{width: 5px;height: 5px;}
/*#main_banner .slider div&gt;span {width:100%;padding:0 25px; height:220px; line-height:220px; text-align:center }
#main_banner .slider div&gt;span&gt;img {width:80%;  display:inline-block}*/
#main_banner .slider .slick-active &gt; div {background:#e8e5e4}
#main_banner .slider div &gt; span {display:block}
#main_banner .slider div &gt; span &gt; img {width:100%}

#main_banner_1 {height: 360px;}
#main_banner_1 .slider div {height:220px;background-size: auto 220px !important;}

#main_banner_1 .slick-prev {background-size: 17px;left: 2%;}
#main_banner_1 .slick-next {background-size: 17px;right: 0; width:22px;}
#main_banner_1 .slick-dots &gt; li &gt; button{width: 5px;height: 5px;}
#main_banner_1 .slider div&gt;span {width:100%;padding:0 25px; }
#main_banner_1 .slider div&gt;span&gt;img {width:100%;}

.section1 {padding:0;}
.section1 .info &gt; li{width: 100%;height: auto;margin-bottom: 20px;}
.section1 .info &gt; li.banner {margin-bottom:0;}
.section1 .banner &gt; div:before {top:15px}

.section1 .open {padding: 20px 0;}
.section1 .open .s_title{  font-size:1.9rem; margin-bottom: 15px;}
.section1 .open .s_day{font-size: 2.1rem; height: 58px; line-height: 2;}
.section1 .open .s_term{font-size: 1.6rem;line-height: 2rem;padding: 36px 20px 40px 20px;}
.section1 .open a { font-size: 1.3rem;}

#privacy_pop .mspop {  width: 90%; top: 50%;  transform: translateY(-100%); }


.section2 {padding:20px 0;}
.section2 .login_area{width: 100%;}
.section2 .tab_con{display:none;height: auto;padding: 20px 30px;box-sizing:border-box;}
.section2 .cs_area {width:100%;}
.section2 .cs_area .cd_title{overflow:hidden;}
.section2 .cs_area .cd_t {padding-top:20px;}
.section2 .cs_area .cd_title h2{font-size: 2rem;font-weight: bold;letter-spacing: -1px;float: none;vertical-align: middle;text-align:center;}
.section2 .cs_area .cd_title h2.t2 {float: none;  text-align:center;}
.section2 .cs_area .cd_title p{width:100%; margin : 22px auto;}
.section2 .cs_area &gt; div:before{width: 0px;height: 0px;}
.section2 .call_img {width:100%;}
.section2 .call_img div img{width:100%;}
.section2 .call_img {position:relative;}
.section2 .call_img a div{position:absolute; width:90%; height:23%;}
.section2 .call_img a .call_div_1 {top:10%; left:5%;}
.section2 .call_img a .call_div_2 {top:40%; left:5%;}

.section2 .tell{margin-left: 0px;}
.section2 .tell .cs_number{text-align: center;font-size: 3.0rem; padding-bottom:15px; line-height: 3rem;}
.section2 .tell .cs_number&gt;span{  }
.section2 .cs_number1 {margin:0 auto; text-align:center;}
.section2 .tab_wrap &gt; .btn_tab &gt; li {width:100%;}

.section3 {padding: 20px 0}
.section3 .main_bbs &gt; li:nth-child(1) {width:100%}
.section3 .main_bbs &gt; li {height:auto;}
.section3 .main_bbs &gt; li img {width:100%}
.section3	.main_review_area {width:100%;}
.section3 .tab_wrap &gt; .btn_tab &gt; li{width:28%;}
.section3 .tab_wrap &gt; .btn_tab &gt; li &gt; a {font-size:1.1rem;}

.section4 .ever_pr &gt; li{width: 100%; height:auto}
.section4 .ever_pr li div {padding: 30px;}
.section4 .ever_pr li div ul{ margin-top: 20px;}

.section5 p {font-size: 2.2rem;text-align:center;}

.section6{widh: 100%;overflow-x: scroll;}
.section6 .inline{width: 1000px;}
.section6 .inline &gt; li {padding:0 5px;width: 190px;}
.section6 .inline &gt; li img {width:100%}

.section7 {padding:20px 0;}
.section7 .ever_guide li {width: 100%;color:#fff;font-size:2rem;margin-bottom: 10px;}
.section7 .ever_guide li div{font-size: 1.2rem;padding-left: 32%;letter-spacing: -1px;}
.section7 .ever_guide li div &gt; i {position:absolute;left: 24px;top: 30px;width: 78px;height: 65px;background: url(../2020_images/common/icon_sp.png) no-repeat 10px -186px;border-right: 1px solid #fff;padding-right: 10px;background-size: 300px;}
.section7 .ever_guide li div &gt; span {font-weight:500;}
.section7 .ever_guide li:nth-child(1) div&gt;i {background-position: 10px  -186px;}
.section7 .ever_guide li:nth-child(2) div&gt;i {background-position: -72px  -186px;}
.section7 .ever_guide li:nth-child(3) div&gt;i {background-position:  -151px  -186px;}

.section8 {padding:20px 0;}
.section8 ul &gt; li {width: 33%;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.section8 ul &gt; li&gt; a &gt;span {font-size:0.8rem;}

.section11, .section12 {display:none}
} 

@media (max-width: 640px) {
	/*#main_banner {height: 220px;}
	#main_banner .slider div {height:220px;}
	#main_banner .slider .visual1 {background:url(/2019_images/main/main_visual0707_mb.png) no-repeat top center;}
	#main_banner .slider .visual2 {background:url(/2019_images/main/main_visual5_mb.png) no-repeat top center;}*/
}

@media (max-width: 575.98px) {
/*#main_banner .slider div&gt;span&gt;img {width:90%; margin:0 auto}*/

}




</pre></body></html>