<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.header_top { line-height: 40px; background: #f2f2f2; }
.header_top &gt; div { position: relative; color: #767676; }
.header_top &gt; div &gt; img { margin-left: 3px; }
.header_top &gt; div &gt; b { color: #000; margin-left: 15px; }
.header_top &gt; div &gt; a.customer { float: right; margin-left: 10px; color: #767676; font-weight: 700; }
.header_top &gt; div &gt; a.customer &gt; img { margin-right: 5px; }

.header_top &gt; div &gt; a.mgnb { position: absolute; top: 0px; left: 0px; display: none; width: 40px; border-right: 1px solid #9e9e9e; }
.header_top &gt; div &gt; a.mgnb &gt; img { width: 25px; }
.header_top &gt; div &gt; a.mcustomer { position: absolute; top: 0px; right: 0px; display: none; width: 40px; border-left: 1px solid #9e9e9e; }
.header_top &gt; div &gt; a.mcustomer &gt; img { width: 20px; }

.header_info { padding: 24px 0px 30px; }
.header_info &gt; li { float: left; width: calc(100% - 427px); }
.header_info &gt; li:nth-child(2) { text-align: center; }
.header_info &gt; li:nth-child(2) &gt; div { width: 489px; margin: 20px auto 0; text-align: left; }
.header_info &gt; li:nth-child(2) &gt; div &gt; a { color: #031372; font-size: 16px; margin-right: 10px; }
.header_info &gt; li:nth-child(2) &gt; div &gt; a:last-child { margin-right: 0px; }

.header_info &gt; li:nth-child(2) &gt; form { width: 489px; margin: 10px auto 0px; }
.header_info &gt; li:nth-child(2) &gt; form &gt; ul { border: 3px solid #031372; }
.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li { float: left; width: calc(100% - 55px); }
.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li &gt; input { padding: 10px; width: 100%; height: 47px; border: none;}
.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li:last-child { width: 55px; }

.header_info &gt; li:first-child { width: 189px; }
.header_info &gt; li:last-child { float: right; width: 238px; }
.header_info &gt; li:last-child &gt; form &gt; ul { }
.header_info &gt; li:last-child &gt; form &gt; ul &gt; li { float: left; width: 156px; }
.header_info &gt; li:last-child &gt; form &gt; ul &gt; li:last-child { width: 77px; margin-left: 5px; }
.header_info &gt; li:last-child &gt; form &gt; ul &gt; li:last-child &gt; a { display: inline-block; width: 100%; line-height: 71px; background: #031372; text-align: center; color: #fff;}
.header_info &gt; li:last-child &gt; form &gt; ul &gt; li:first-child &gt; div {
	border: 1px solid #cfcfcf; width: 100%;
}
.header_info &gt; li:last-child &gt; form &gt; ul &gt; li:first-child &gt; div:last-child { border-top: none;}
.header_info &gt; li:last-child &gt; form &gt; ul &gt; li:first-child &gt; div &gt; input { width: 100%; height: 34px; border: none; padding: 10px; }


.gnb_area {}
.gnb_area &gt; div.gnb_list { background: #031372; min-height: 66px;}
.gnb_area &gt; div.gnb_list &gt; ul {}
.gnb_area &gt; div.gnb_list &gt; ul &gt; li { float: left; width: 33.33333333333333333333%; }
.gnb_area &gt; div.gnb_list &gt; ul &gt; li &gt; a { display: inline-block; width: 100%; line-height: 66px; text-align: center; color: #fff; font-size:19px; font-weight: 700;  }
.gnb_area &gt; div.gnb_list &gt; ul &gt; li:nth-child(2) { border: 1px solid #6f77a8; border-top: none; border-bottom: none; }
.gnb_area &gt; div.gnb_list &gt; ul &gt; li:hover { background: #1e82d8; }
.gnb_area &gt; div.gnb_list &gt; ul &gt; li.active { background: #1e82d8; }

.gnb_area &gt; div.gnb_over_list { display: none; position: absolute; width: 100%; background: #fff; min-height: 66px; border-bottom: 1px solid #ededed; z-index: 1000; }
.gnb_area &gt; div.gnb_over_list &gt; ul {}
.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li { float: left; width: 33.33333333333333333333%; padding: 15px 0px; min-height: 174px; }
.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li &gt; a { display: inline-block; width: 100%; line-height: 33px; text-align: center; color: #898989; font-size:15px; font-weight: 700;  }
.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li:nth-child(2) { border: 1px solid #ededed; border-top: none; border-bottom: none; }
.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li &gt; a:hover { color: #f31c45; }
.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li &gt; a.active { color: #f31c45; }


.main_slider_area {}
.main_slider_area &gt; li { float: left; width: 850px; height: 380px; }
.main_slider_area &gt; li:last-child { float: right; width: 338px; border: 1px solid #cfcfcf; }

.adbanner01 { position: absolute; left: -283px; top: 0px; }
.adbanner01 &gt; a {display: inline-block; width: 100%; margin-bottom: 10px; }
.adbanner01 &gt; a &gt; img { width: 100%; }

.section_title { }
.section_title &gt; p:first-child { color: #05a55b; font-weight: 400; font-size: 25px;  }
.section_title &gt; p:last-child { color: #333; font-weight: 400; font-size: 16px; margin-top:10px; }
.section_title &gt; p:last-child &gt; a {
	color: #333; padding: 5px 10px; border-radius: 2px; border: 1px solid #cfcfcf;
}

.section_title02 { }
.section_title02 &gt; p:nth-child(1) { width: 100%; color: #3e3e3e; font-weight: 400; font-size: 25px;  }
.section_title02 &gt; p:nth-child(2) { color: #333; font-weight: 400; font-size: 16px; margin-top:10px; }
.section_title02 &gt; p:nth-child(2) &gt; a {
	color: #333; padding: 5px 10px; border-radius: 2px; border: 1px solid #cfcfcf;
}
.section_title02 &gt; p:nth-child(1) &gt; a.writer {
	display: inline-block; width: 150px; float: right; margin-top: -10px; line-height: 51px; background: #f21c42; color: #fff; text-align: center; font-size: 19px;
}

.edu_calendar { margin-top: 20px;}
.edu_calendar table { border-collapse: collapse; width: 100%; border: 1px solid #dddddd; }
.edu_calendar table th { background: #f4f4f4; padding: 10px; border: 1px solid #dddddd; width: 16.66666666666667%;  }
.edu_calendar table td { padding: 10px; border: 1px solid #dddddd; vertical-align: top; height: 134px; }

.edu_calendar table td &gt; p { }
.edu_calendar table td &gt; ul { margin-top: 10px; }
.edu_calendar table td &gt; ul &gt; li { float: left; width: calc(100% - 37px); font-size: 11px; }
.edu_calendar table td &gt; ul &gt; li:first-child { width: 37px; }

.edu_calendar table td &gt; ul &gt; li &gt; p &gt; a { font-size: 11px; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span { 
	border-radius: 2px; background: red; font-size: 11px; display: inline-block; width: 14px; height: 14px; line-height: 15px; text-align: center; color: #fff;
}
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type01 { background: #abce8e; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type02 { background: #61c9d4; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type03 { background: #2b82c9; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type04 { background: #5e67a0; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type05 { background: #bfbfbf; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type06 { background: #de93a7; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type07 { background: #f9944c; }
.edu_calendar table td &gt; ul &gt; li:first-child &gt; span.type08 { background: #5999a2; }

.edu_calendar table tr th:first-child { color: #f21a41; }
.edu_calendar table tr th:last-child { color: #357cd6; }
.edu_calendar table tr td:first-child { color: #f21a41; }
.edu_calendar table tr td:last-child { color: #357cd6; }


.edutypeviewer {}
.edutypeviewer &gt; span { 
	border-radius: 2px; background: red; font-size: 11px; display: inline-block; width: 14px; height: 14px; line-height: 15px; text-align: center; color: #fff;
}
.edutypeviewer &gt; span.type01 { background: #abce8e; }
.edutypeviewer &gt; span.type02 { background: #61c9d4; }
.edutypeviewer &gt; span.type03 { background: #2b82c9; }
.edutypeviewer &gt; span.type04 { background: #5e67a0; }
.edutypeviewer &gt; span.type05 { background: #bfbfbf; }
.edutypeviewer &gt; span.type06 { background: #de93a7; }
.edutypeviewer &gt; span.type07 { background: #f9944c; }
.edutypeviewer &gt; span.type08 { background: #5999a2; }
.edutypeviewer &gt; span.type09 { background: #6b668e; }
.edutypeviewer &gt; p { display: none; }

.section_banner01 { margin-top: 30px; }
.section_banner01 &gt; li { float: left; width: calc(50% - 10px); border: 1px solid #dfdfdf; min-height: 584px; }
.section_banner01 &gt; li:last-child { float: right; }

.section_banner01 &gt; li &gt; div.title_area { display: table; width: 100%; min-height: 123px; vertical-align: center; background: #6b668e; }
.section_banner01 &gt; li:last-child &gt; div.title_area { background: #777777; }
.section_banner01 &gt; li &gt; div.title_area &gt; div { display: table-cell; height: 100%; vertical-align: middle; text-align: center; }
.section_banner01 &gt; li &gt; div.title_area &gt; div &gt; p:first-child { font-size: 25px; color: #fff; font-weight: 100;  }
.section_banner01 &gt; li &gt; div.title_area &gt; div &gt; p:first-child &gt; b { font-weight: 700; }
.section_banner01 &gt; li &gt; div.title_area &gt; div &gt; p:nth-child(2) { line-height: 30px; font-size: 15px; color: #fff; }
.section_banner01 &gt; li &gt; div.title_area &gt; div &gt; p:nth-child(3) { margin-top: 10px; }
.section_banner01 &gt; li &gt; div.title_area &gt; div &gt; p:nth-child(3) &gt; a {
	color: #fff; border-radius: 2px; border: 1px solid #cfcfcf; padding: 5px 20px 5px 10px;
	background: url('../images/arrow01.png') right 8px center no-repeat; background-size: 5px;
}

.section_banner01 &gt; li &gt; div.rows { padding: 9px 20px; }
.section_banner01 &gt; li &gt; div.rows &gt; div { border-bottom: 1px solid #dddddd;  }
.section_banner01 &gt; li &gt; div.rows &gt; div:last-child { border-bottom: none; }
.section_banner01 &gt; li &gt; div.rows &gt; div &gt; a {
	width: calc(100% - 0px); line-height: 45px;
}
.section_banner01 &gt; li &gt; div.rows &gt; div &gt; a &gt; span { color: #6b668e; }
.section_banner01 &gt; li &gt; div.rows &gt; div &gt; span { line-height: 45px; color: #a1a1a1; }

.section_banner01 &gt; li &gt; div.rows_webzin { padding: 6px 20px; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul { padding: 15px 0px; border-bottom: 1px solid #dddddd; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul:last-child { border-bottom: none;}
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li { float: left; width: calc(100% - 94px); }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:first-child { 
	width: 81px; height: 81px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
	margin-right: 13px; position: relative;
}
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:first-child &gt; a { display: inline-block; width: 100%; height: 100%; position: absolute; lefT: 0px; top: 0px; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child { margin-top: 3px; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a {}
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:first-child { font-weight: 700; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(2) { margin-top: 5px; font-weight: 700; font-size: 13px; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) { font-size: 13px; color: #a1a1a1; }
.section_banner01 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(4) { font-size: 13px; color: #a1a1a1; }



.section_banner02 { margin-top: 30px; }
.section_banner02 &gt; li { float: left; width: calc(50% - 10px); border: 1px solid #dfdfdf; min-height: 584px; }
.section_banner02 &gt; li:last-child { float: right; }

.section_banner02 &gt; li &gt; div.title_area { display: table; width: 100%; min-height: 123px; vertical-align: center; background: #a56c7d; }
.section_banner02 &gt; li:last-child &gt; div.title_area { background: #6c9ea5; }
.section_banner02 &gt; li &gt; div.title_area &gt; div { display: table-cell; height: 100%; vertical-align: middle; text-align: center; }
.section_banner02 &gt; li &gt; div.title_area &gt; div &gt; p:first-child { font-size: 25px; color: #fff; font-weight: 100;  }
.section_banner02 &gt; li &gt; div.title_area &gt; div &gt; p:first-child &gt; b { font-weight: 700; }
.section_banner02 &gt; li &gt; div.title_area &gt; div &gt; p:nth-child(2) { line-height: 30px; font-size: 15px; color: #fff; }
.section_banner02 &gt; li &gt; div.title_area &gt; div &gt; p:nth-child(3) { margin-top: 10px; }
.section_banner02 &gt; li &gt; div.title_area &gt; div &gt; p:nth-child(3) &gt; a {
	color: #fff; border-radius: 2px; border: 1px solid #cfcfcf; padding: 5px 20px 5px 10px;
	background: url('../images/arrow01.png') right 8px center no-repeat; background-size: 5px;
}

.section_banner02 &gt; li &gt; div.rows { padding: 9px 20px; }
.section_banner02 &gt; li &gt; div.rows &gt; div { border-bottom: 1px solid #dddddd;  }
.section_banner02 &gt; li &gt; div.rows &gt; div:last-child { border-bottom: none; }
.section_banner02 &gt; li &gt; div.rows &gt; div &gt; a {
	width: calc(100% - 0px); line-height: 45px;
}
.section_banner02 &gt; li &gt; div.rows &gt; div &gt; a &gt; span { color: #6b668e; }
.section_banner02 &gt; li &gt; div.rows &gt; div &gt; span { line-height: 45px; color: #a1a1a1; }

.section_banner02 &gt; li &gt; div.rows_webzin { padding: 6px 20px; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul { padding: 15px 0px; border-bottom: 1px solid #dddddd; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul:last-child { border-bottom: none;}
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li { float: left; width: calc(100% - 94px); }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:first-child { 
	width: 81px; height: 81px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
	margin-right: 13px; position: relative;
}
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:first-child &gt; a { display: inline-block; width: 100%; height: 100%; position: absolute; lefT: 0px; top: 0px; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child { margin-top: 5px; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a {}
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:first-child { font-weight: 700; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(2) { margin-top: 5px; font-weight: 700; font-size: 13px; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) { font-size: 13px; color: #a1a1a1; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(4) { font-size: 13px; color: #a1a1a1; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) { margin-top: 5px;}
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span { 
	border: 1px solid red; padding: 3px 5px; font-size: 12px; color: red; display: inline-block;
}
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type01 { color: #041473; border: 1px solid #041473; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type02 { color: #1e82d8; border: 1px solid #1e82d8; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type03 { color: #f11b3d; border: 1px solid #f11b3d; }
.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type04 { color: #05a55b; border: 1px solid #05a55b; }

.tabinfo01 { 
    display:block; width:100%; border-bottom: 2px solid #4e4e4e; height: 46px; margin-top: 20px; position: relative; 
}
.tabinfo01 &gt; li { 
    float: left; width: 144px; height: 46px; line-height: 46px; border: 1px solid #cfcfcf; font-size: 15px; cursor: pointer; position: relative; z-index: 11 !important;
	border-bottom: 2px solid #4e4e4e; margin-left: -1px; position: relative; z-index: 1; text-align: center; color: #3e3e3e;
}

.tabinfo01 &gt; li.active { 
    border: 2px solid #4e4e4e; border-bottom: 2px solid #fff; z-index: 2; font-weight: 700;
}

.tabinfo02 {}
.tabinfo02 &gt; li { 
	float: left; width: 50%; cursor: pointer; text-align: center; font-size: 15px; line-height: 47px; 
	background: #f3f3f3; border-bottom: 1px solid #dedede;
}
.tabinfo02 &gt; li:first-child { border-right: 1px solid #dedede; }
.tabinfo02 &gt; li.active { background: #fff; border-bottom: 1px solid #fff; }

.bestslider { margin-top: 20px;  }
.bestslider .swiper-container { padding-top: 45px; position: relative; top: -50px; position: relative; z-index: 10; }
.bestslider .swiper-slide { padding-bottom: 22%; border: 1px solid #dddddd; }

.life_bestslider { margin-top: 20px;  }
.life_bestslider .swiper-container { padding-top: 30px; position: relative; top: -30px; position: relative; z-index: 10; }
.life_bestslider .swiper-slide { padding-bottom: 22%; border: 1px solid #dddddd; }

.mobile_gnb { display: none; position: fixed; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.7); z-index: 10000;}
.mobile_gnb &gt; div { width: 320px; height: 100%; background: #fff; }
.mobile_gnb &gt; div &gt; div.login_form { position: relative; padding: 10px 20px; background: #031372; }
.mobile_gnb &gt; div &gt; div.login_form &gt; a.mobile_gnb_close { position: absolute; right: 20px; top: 10px;}
.mobile_gnb &gt; div &gt; div.login_form &gt; a.mobile_gnb_close &gt; img { width: 16px; }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; div.title_txt { color: #fff; font-size: 12px; }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area {}

.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area { margin-top: 10px; }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area &gt; li { float: left; width: calc(100% - 82px); }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area &gt; li:last-child { width: 77px; margin-left: 5px; }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area &gt; li:last-child &gt; a { 
	display: inline-block; width: 100%; line-height: 71px; background: #fff; text-align: center; color: #031372;
}
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area &gt; li:first-child &gt; div {
	border: 1px solid #cfcfcf; width: 100%;
}
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area &gt; li:first-child &gt; div:last-child { border-top: none;}
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; ul.input_area &gt; li:first-child &gt; div &gt; input { width: 100%; height: 34px; border: none; padding: 10px; }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; div.links { margin-top: 10px; }
.mobile_gnb &gt; div &gt; div.login_form &gt; form &gt; div.links &gt; a { 
	color: #fff; font-size: 11px; border-left: 1px solid #575f8a; margin-left: 5px; padding-left: 5px; letter-spacing: -1px;
}

.mobile_gnb &gt; div &gt; div.m_gnb_area { padding: 0px 25px 25px; }
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul { margin-top: 30px; }
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul &gt; li { width: 100%; }
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul &gt; li:first-child {
	border-bottom: 1px solid #1e82d8; 
}
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul &gt; li:first-child &gt; a { 
	display: inline-block; width: 100%; line-height: 40px; font-weight: 700; color: #1e82d8; font-size: 15px;
}
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul &gt; li:last-child { margin-top: 10px; }
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul &gt; li:last-child &gt; a { 
	display: inline-block; width: calc(50% - 4px); line-height: 30px; font-weight: 700; color: #898989; font-size: 12px;
}
.mobile_gnb &gt; div &gt; div.m_gnb_area &gt; ul &gt; li:last-child &gt; a:hover { color: #f31a45; }

.subgnb_contents {}
.subgnb_contents &gt; li { float: left;  }
.subgnb_contents &gt; li:first-child { width: 200px; }
.subgnb_contents &gt; li:last-child { margin-left: 20px; width: calc(100% - 220px); }

.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul {}
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li { width: 100%; }
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:first-child { 
	line-height: 92px; text-align: center; font-weight: 800; font-size: 27px; border: 1px solid #dcdcdc; border-bottom: none;
}
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child { border: 1px solid #dcdcdc; border-top: none; }
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; a { 
	display: inline-block; width: 100%; line-height: 55px;  padding-left: 25px; font-size: 15px; font-weight: 700; border-top: 1px solid #dcdcdc;
	background: #fff url('../images/subgnb_dot2.png') no-repeat right 10px center; background-size: 9px;

}
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; a:last-child { }
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; a.active { 
	font-size: 18px; color: #fff; width: calc(100% + 2px); margin-left: -1px; 
	background: #3e3e3e url('../images/subgnb_dot.png') no-repeat right 10px center; background-size: 9px;
}

.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; div { display: none; padding: 20px 25px; }
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; div &gt; a {
	display: inline-block; width: 100%; line-height: 30px; font-size: 15px; font-weight: 700;
}
.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; div &gt; a.active { color: #1e82d7; }


.search_area01 &gt; form { }
.search_area01 &gt; form &gt; ul { }
.search_area01 &gt; form &gt; ul &gt; li { float: left; }
.search_area01 &gt; form &gt; ul &gt; li:first-child { width: 150px; border: 1px solid #cdcdcd; }
.search_area01 &gt; form &gt; ul &gt; li:first-child &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area01 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 208px); border: 1px solid #cdcdcd; margin-left: 10px; border-right: none; }
.search_area01 &gt; form &gt; ul &gt; li:nth-child(2) &gt; input { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area01 &gt; form &gt; ul &gt; li:last-child { width: 48px; border: 1px solid #525252; }
.search_area01 &gt; form &gt; ul &gt; li:last-child &gt; a &gt; img { margin-top: 0px; }


.search_area02 &gt; form { }
.search_area02 &gt; form &gt; ul { padding: 10px 20px; border: 1px solid #dcdcdc; background: #f2f2f2; }
.search_area02 &gt; form &gt; ul &gt; li { float: left; margin-top: 5px;  }
.search_area02 &gt; form &gt; ul &gt; li:first-child { width: 150px; border: 1px solid #cdcdcd; }
.search_area02 &gt; form &gt; ul &gt; li:first-child &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 503px); border: 1px solid #cdcdcd; margin-left: 10px; border-right: none; }
.search_area02 &gt; form &gt; ul &gt; li:nth-child(2) &gt; input { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02 &gt; form &gt; ul &gt; li:nth-child(3) { width: 48px; border: 1px solid #525252; margin-right: 10px; }
.search_area02 &gt; form &gt; ul &gt; li:nth-child(3) &gt; a &gt; img { margin-top: 0px; }
.search_area02 &gt; form &gt; ul &gt; li:nth-child(4) { width: 150px; border: 1px solid #cdcdcd; margin-right: 10px; }
.search_area02 &gt; form &gt; ul &gt; li:nth-child(4) &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02 &gt; form &gt; ul &gt; li:nth-child(5) { width: 125px; margin-right: 0px; margin-top: 0px; }
.search_area02 &gt; form &gt; ul &gt; li:nth-child(5) &gt; a { display: inline-block; width: 100%; line-height: 51px; background: #f21c42; color: #fff; text-align: center; font-size: 19px; }

.search_area02-1 &gt; form { }
.search_area02-1 &gt; form &gt; ul { padding: 10px 20px 15px; border: 1px solid #dcdcdc; background: #f2f2f2; }
.search_area02-1 &gt; form &gt; ul &gt; li { float: left; margin-top: 5px;  }
.search_area02-1 &gt; form &gt; ul &gt; li:first-child { width: 150px; border: 1px solid #cdcdcd; }
.search_area02-1 &gt; form &gt; ul &gt; li:first-child &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(2) { width: 150px; border: 1px solid #cdcdcd; margin-left: 10px; }
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(2) &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(3) { width: 150px; border: 1px solid #cdcdcd; margin-left: 10px; }
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(3) &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(4) { width: calc(100% - 528px); border: 1px solid #cdcdcd; margin-left: 10px; border-right: none; }
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(4) &gt; input { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(5) { width: 48px; border: 1px solid #525252; }
.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(5) &gt; a &gt; img { margin-top: 0px; }


.search_area03 &gt; form { }
.search_area03 &gt; form &gt; ul { padding: 10px 20px; border: 1px solid #dcdcdc; background: #f2f2f2; }
.search_area03 &gt; form &gt; ul &gt; li { float: left; margin-top: 5px;  }
.search_area03 &gt; form &gt; ul &gt; li:first-child { width: 150px; border: 1px solid #cdcdcd; }
.search_area03 &gt; form &gt; ul &gt; li:first-child &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area03 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 343px); border: 1px solid #cdcdcd; margin-left: 10px; border-right: none; }
.search_area03 &gt; form &gt; ul &gt; li:nth-child(2) &gt; input { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area03 &gt; form &gt; ul &gt; li:nth-child(3) { width: 48px; border: 1px solid #525252; margin-right: 10px; }
.search_area03 &gt; form &gt; ul &gt; li:nth-child(3) &gt; a &gt; img { margin-top: 0px; }
.search_area03 &gt; form &gt; ul &gt; li:nth-child(4) { width: 125px; margin-right: 0px; margin-top: 0px; }
.search_area03 &gt; form &gt; ul &gt; li:nth-child(4) &gt; a { display: inline-block; width: 100%; line-height: 51px; background: #f21c42; color: #fff; text-align: center; font-size: 19px; }

.search_area04 &gt; form { }
.search_area04 &gt; form &gt; ul { padding: 10px 20px 14px; border: 1px solid #dcdcdc; background: #f2f2f2; }
.search_area04 &gt; form &gt; ul &gt; li { float: left; margin-top: 5px;  }
.search_area04 &gt; form &gt; ul &gt; li:first-child { width: 150px; border: 1px solid #cdcdcd; }
.search_area04 &gt; form &gt; ul &gt; li:first-child &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area04 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 208px); border: 1px solid #cdcdcd; margin-left: 10px; border-right: none; }
.search_area04 &gt; form &gt; ul &gt; li:nth-child(2) &gt; input { padding: 10px; width: 100%; height: 40px; border: none;}
.search_area04 &gt; form &gt; ul &gt; li:nth-child(3) { width: 48px; border: 1px solid #525252; margin-right: 0px; }
.search_area04 &gt; form &gt; ul &gt; li:nth-child(3) &gt; a &gt; img { margin-top: 0px; }

.search_area05 &gt; form { }
.search_area05 &gt; form &gt; ul:first-child { border: 1px solid #dcdcdc; margin-top: 10px; }
.search_area05 &gt; form &gt; ul:first-child &gt; li { float: left; line-height: 53px; }
.search_area05 &gt; form &gt; ul:first-child &gt; li:first-child { width: 80px; text-align: center; font-size: 15px; font-weight: 700; color: #333; background: #f2f2f2; border-right: 1px solid #dcdcdc; }
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) { padding: 0px 10px;}
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) &gt; a { 
	display: inline-block; margin: 0px 5px; padding: 0px 15px; border: 1px solid #ccc; color: #999; line-height: 28px; border-radius: 2px;
}
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) &gt; a.active { color: #fff; font-weight: 700; background: #fe0000; border: 1px solid #fe0000; }

.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(3) { 
	width: 80px; text-align: center; font-size: 15px; font-weight: 700; color: #333; background: #f2f2f2; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;
}
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) { padding: 0px 10px; width: calc(100% - 540px); }
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) a { 
	display: inline-block; margin: 0px 5px; padding: 0px 15px; border: 1px solid #ccc; color: #999; line-height: 28px; border-radius: 2px; 
}
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; a.active { color: #fff; font-weight: 700; background: #fe0000; border: 1px solid #fe0000; }

.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div { width: calc(100% + 20px); padding-right: 70px; margin-top: 13px; }
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div &gt; div &gt; div { height: 28px; width: 20%; }
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div &gt; div &gt; div &gt; a { 
	display: inline-block; margin: 0px 5px; padding: 0px 15px; border: 1px solid #ccc; color: #999; line-height: 28px; border-radius: 2px; 
	width: 100%;
}
.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div &gt; div &gt; div &gt; a.active { color: #fff; font-weight: 700; background: #fe0000; border: 1px solid #fe0000; }
.search_area05 &gt; form &gt; ul:nth-child(2) { border: 1px solid #dcdcdc; border-top: none; margin-bottom: 10px; }
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li { float: left; line-height: 53px; }
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:first-child { 
	width: 80px; text-align: center; font-size: 15px; font-weight: 700; color: #333; background: #f2f2f2; border-right: 1px solid #dcdcdc; 
}
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(2) { width: calc(100% - 266px); padding: 0px 10px; }
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(2) &gt; input { width: 100%; padding: 5px; border-radius: 2px; border: 1px solid #cdcdcd; }
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(3) { width: 186px; background: #666666; text-align: center; }
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(3) &gt; a { display: inline-block; width: calc(100% - 20px); color: #fff; font-weight: 700; font-size: 17px; margin-left: -20px; }
.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(3) &gt; a &gt; img { margin-right: -10px; }



.reply_write &gt; form { }
.reply_write &gt; form &gt; ul { margin-top: 10px; padding: 15px 20px; border: 1px solid #dcdcdc; background: #f2f2f2; }
.reply_write &gt; form &gt; ul &gt; li { float: left; }
.reply_write &gt; form &gt; ul &gt; li:first-child { width: 150px; line-height: 81px; }
.reply_write &gt; form &gt; ul &gt; li:first-child &gt; span { font-weight: 700; }
.reply_write &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 295px);  margin-left: 10px; margin-right: 10px; border-right: none; position: relative; }
.reply_write &gt; form &gt; ul &gt; li:nth-child(2) &gt; textarea { padding: 15px 20px; border: 1px solid #b3b3b3; width: 100%; height: 40px; height: 79px; }
.reply_write &gt; form &gt; ul &gt; li:nth-child(2) &gt; div { position: absolute; width: 100px; right: 10px; bottom: 10px; line-height: 20px; text-align: right; }
.reply_write &gt; form &gt; ul &gt; li:nth-child(2) &gt; div &gt; span { margin-right: 10px; color: #aeaeae; }
.reply_write &gt; form &gt; ul &gt; li:last-child { width: 125px; border: 1px solid #525252; }
.reply_write &gt; form &gt; ul &gt; li:last-child &gt; a { display: inline-block; line-height: 77px; text-align: center; width: 100%; background: #666666; color: #fff; font-size: 18px; }


.reply_write02 &gt; form { }
.reply_write02 &gt; form &gt; ul { }
.reply_write02 &gt; form &gt; ul &gt; li { float: left; }
.reply_write02 &gt; form &gt; ul &gt; li:nth-child(1) { width: calc(100% - 155px);  margin-right: 10px; border-right: none; position: relative; }
.reply_write02 &gt; form &gt; ul &gt; li:nth-child(1) &gt; textarea { padding: 15px 20px; border: 1px solid #b3b3b3; width: 100%; height: 40px; height: 79px; }
.reply_write02 &gt; form &gt; ul &gt; li:nth-child(1) &gt; div { position: absolute; width: 100px; right: 10px; bottom: 10px; line-height: 20px; text-align: right; }
.reply_write02 &gt; form &gt; ul &gt; li:nth-child(1) &gt; div &gt; span { margin-right: 10px; color: #aeaeae; }
.reply_write02 &gt; form &gt; ul &gt; li:last-child { width: 125px; border: 1px solid #525252; }
.reply_write02 &gt; form &gt; ul &gt; li:last-child &gt; a { display: inline-block; line-height: 77px; text-align: center; width: 100%; background: #666666; color: #fff; font-size: 18px; }

.reply_write03 &gt; form { }
.reply_write03 &gt; form &gt; ul { margin-top: 10px; padding: 15px 40px; border: 1px solid #dcdcdc; background: #f2f2f2; }
.reply_write03 &gt; form &gt; ul &gt; li { float: left; }
.reply_write03 &gt; form &gt; ul &gt; li:nth-child(1) { width: calc(100% - 135px);  margin-right: 10px; border-right: none; position: relative; }
.reply_write03 &gt; form &gt; ul &gt; li:nth-child(1) &gt; textarea { padding: 15px 20px; border: 1px solid #b3b3b3; width: 100%; height: 40px; height: 149px; }
.reply_write03 &gt; form &gt; ul &gt; li:nth-child(1) &gt; div { position: absolute; width: 100px; right: 10px; bottom: 10px; line-height: 20px; text-align: right; }
.reply_write03 &gt; form &gt; ul &gt; li:nth-child(1) &gt; div &gt; span { margin-right: 10px; color: #aeaeae; }
.reply_write03 &gt; form &gt; ul &gt; li:last-child { width: 125px; border: 1px solid #525252; }
.reply_write03 &gt; form &gt; ul &gt; li:last-child &gt; a { display: inline-block; line-height: 147px; text-align: center; width: 100%; background: #666666; color: #fff; font-size: 18px; }



div.rows_webzin02 { padding: 6px 0px; }
div.rows_webzin02 &gt; ul { padding: 25px 0px; border-bottom: 1px solid #dddddd;  }
div.rows_webzin02 &gt; ul:last-child { border-bottom: none;}
div.rows_webzin02 &gt; ul &gt; li { float: left; width: calc(100% - 288px);  }
div.rows_webzin02 &gt; ul &gt; li:first-child { width: 170px; line-height: 81px; text-align: center; color: #666666;  }
div.rows_webzin02 &gt; ul &gt; li:last-child { 
	width: 96px; height: 96px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
	position: relative;
}
div.rows_webzin02 &gt; ul &gt; li:last-child &gt; a { display: inline-block; width: 100%; height: 100%; position: absolute; lefT: 0px; top: 0px; }
div.rows_webzin02 &gt; ul &gt; li:last-child &gt; span { font-weight: 800; background: #fff; padding: 3px 3px; position: absolute; right: 0px; bottom: 0px; color: #f54460; }
div.rows_webzin02 &gt; ul &gt; li:last-child &gt; span &gt; b { color: #000; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) { margin-top: 0px; margin-left: 10px; margin-right: 10px; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a {}
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:first-child { font-weight: 700; font-size: 15px; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(2) { margin-top: 5px; font-weight: 400; font-size: 13px; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) { font-size: 13px; color: #a1a1a1; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(4) { font-size: 13px; color: #a1a1a1; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) { margin-top: 5px;}
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.dot { 
	padding: 3px 5px; font-size: 9px; color: #dddddd; display: inline-block;
}
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt &gt; span.close { 
	background: url('../images/subgnb_dot2.png') no-repeat center center; background-size: 9px; display: inline-block; width: 9px; height: 9px;
}
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt &gt; span.open { 
	background: url('../images/subgnb_dot3.png') no-repeat center center; background-size: 9px; display: inline-block; width: 9px; height: 9px;
}
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt { cursor: pointer; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt &gt; b { color: #f22c50; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.s_type01 { color: #041473; border: 1px solid #041473; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.s_type02 { color: #1e82d8; border: 1px solid #1e82d8; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.s_type03 { color: #f11b3d; border: 1px solid #f11b3d; }
div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) &gt; span.s_type04 { color: #05a55b; border: 1px solid #05a55b; }


div.rows_webzin02 &gt; div.re_reply { padding: 6px 0px; background: #f2f2f2; border-bottom: 1px solid #dddddd; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul { padding: 25px 0px; border-bottom: 1px solid #dddddd;  }
div.rows_webzin02 &gt; div.re_reply  &gt; ul:last-child { border-bottom: none;}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li { float: right; width: calc(100% - 188px);  }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) { 
	background: url('../images/re_reply_icon.png') no-repeat left top 3px; background-size: 10px;
	margin-top: 5px; margin-left: 10px; margin-right: 10px; padding-left: 20px;
}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a {}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:first-child { font-weight: 700; font-size: 15px; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(2) { margin-top: 5px; font-weight: 400; font-size: 13px; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) { font-size: 13px; color: #a1a1a1; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(4) { font-size: 13px; color: #a1a1a1; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) { margin-top: 5px;}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.dot { 
	padding: 3px 5px; font-size: 9px; color: #dddddd; display: inline-block;
}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt &gt; span.close { 
	background: url('../images/subgnb_dot2.png') no-repeat center center; background-size: 9px; display: inline-block; width: 9px; height: 9px;
}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt &gt; span.open { 
	background: url('../images/subgnb_dot3.png') no-repeat center center; background-size: 9px; display: inline-block; width: 9px; height: 9px;
}
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt { cursor: pointer; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.review_viewbt &gt; b { color: #f22c50; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.s_type01 { color: #041473; border: 1px solid #041473; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.s_type02 { color: #1e82d8; border: 1px solid #1e82d8; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.s_type03 { color: #f11b3d; border: 1px solid #f11b3d; }
div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li:nth-child(1) &gt; a &gt; p:nth-child(3) &gt; span.s_type04 { color: #05a55b; border: 1px solid #05a55b; }

.list_more_bt { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.list_more_bt &gt; a {
	display: inline-block; width: 100%; line-height: 40px; text-align: center; font-weight: 700; 
}


.table_list { margin-top: 20px;}
.table_list table { border-collapse: collapse; width: 100%;  }
.table_list table th { padding: 0px 10px; border-top: 2px solid #666666; border-bottom: 1px solid #666666; height: 49px; text-align: center; }
.table_list table td { position: relative; width: 100px; padding: 10px; border-bottom: 1px solid #e1e1e1; height: 49px; text-align: center; word-break:break-all }
.table_list table tr td:first-child { width: 80px; }
.table_list table tr td:last-child { width: 80px; }
.table_list table tr.notice { background: #f2f2f2; }
.table_list table tr.best { background: #feefec; }
.table_list table tr td:first-child &gt; span { padding: 3px 5px; background: #f21c40; color: #fff; }
.table_list table tr.notice td:first-child &gt; span { background: #222222; }
.table_list table tr td.subject { width: 40%; }
.table_list table tr td.subject &gt; a { position: absolute; display: inline-block; width: 100%; line-height: 49px; left: 0px; top: 0px; }
.table_list table tr td.subject &gt; span { display: none; }


.table_list02 { margin-top: 20px;}
.table_list02 table { border-collapse: collapse; width: 100%;  }
.table_list02 table th { padding: 0px 10px; border-top: 2px solid #666666; border-bottom: 1px solid #666666; height: 49px; text-align: center; }
.table_list02 table td { position: relative; width: 100px; padding: 10px; height: 49px; text-align: center; word-break:break-all }
.table_list02 table tr td:nth-child(2) { width: 80px; }
.table_list02 table tr td:last-child { width: 80px; }
.table_list02 table tr td.subject { width: 70%; }
.table_list02 table tr td.subject &gt; a { position: absolute; display: inline-block; width: 100%; line-height: 49px; left: 0px; top: 0px; }
.table_list02 table tr:last-child td { border-bottom: 1px solid #e1e1e1; }



.subpage_title01 { font-size: 23px; font-weight: 700; padding: 0px 20px 13px;  }
.subpage_title02 { font-size: 23px; font-weight: 700; padding: 0px 0px 13px;  }
.subpage_comment01 { 
	padding: 14px 20px; border: 1px solid #eee; background: #fbfbfb; border-left: none; border-right: none; line-height: 24px; color: #7e7e7e; font-size: 14px; word-break: keep-all;
}

.subpage_comment02 { padding: 0px 0px 10px 25px; }
.subpage_comment02 &gt; p.title_txt { font-size: 15px; color: #333; word-break: keep-all; }
.subpage_comment02 &gt; p.button_text {
	color: #333; margin-top: 20px; word-break: keep-all;
}
.subpage_comment02 &gt; p.button_text &gt; a.use_bt { border: 1px solid #cfcfcf; padding: 5px; border-radius: 2px; }
.subpage_comment02 &gt; p.button_text &gt; a.review_write_bt { 
	float: right; display: inline-block; padding: 13px 40px; background: #f01c42; color: #fff; font-size: 20px; margin-top: -35px;
}

.subpage_comment03 { 
	padding: 14px 20px; border: 1px solid #eee; background: #fbfbfb; border-left: none; border-right: none; line-height: 24px; color: #7e7e7e; font-size: 18px; word-break: keep-all;
}
/*
.subpage_comment04 { 
	padding: 20px 40px 25px; border: 1px solid #eee; background: #fbfbfb; border-left: none; border-right: none; color: #333; font-size: 14px; word-break: keep-all;
}
.subpage_comment04 &gt; span { 
	float: right; font-size: 20px; font-weight: 700;
}
.subpage_comment04 &gt; span &gt; img { margin-right: 5px;}
*/

.subpage_comment04 { 
	padding: 20px 40px 20px; border: 1px solid #eee; background: #fbfbfb; border-left: none; border-right: none; color: #333; font-size: 14px; word-break: keep-all;
	text-align: right; 
}
.subpage_comment04 &gt; span { 
	font-size: 20px; font-weight: 700;
}
.subpage_comment04 &gt; span &gt; img { margin-right: 5px;}


.subpage_comment05 { 
	padding: 14px 20px; border: 1px solid #eee; background: #fbfbfb; border-left: none; border-right: none; line-height: 24px; color: #333; font-size: 14px; word-break: keep-all;
}
.subpage_comment05 &gt; a { text-decoration: underline; color: #0011ff; }


.category_area01 { margin: 10px 0px 5px; }
.category_area01 &gt; ul {}
.category_area01 &gt; ul &gt; li { float: left; margin-right: 5px; margin-bottom: 5px; }
.category_area01 &gt; ul &gt; li &gt; a { display: inline-block; padding: 6px 19px; border-radius: 2px; border: 1px solid #cdcdcd; color: #7f7f7f; }
.category_area01 &gt; ul &gt; li &gt; a.active { background: #031372; color: #fff; border: 1px solid #031372; }

.popup01 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; }
.popup01 &gt; div { width: 100%; background: #000; }
.popup01 &gt; div &gt; div.slider { position: relative; width: 713px; margin: auto; margin-top: 100px; padding: 40px 10px; }
.popup01 &gt; div &gt; div.slider &gt; a.close_bt { position: absolute; right: -30px; top: 43px; }
.popup01 &gt; div &gt; div.slider &gt; div.swiper-container { height: 475px; }
.popup01 &gt; div &gt; div.slider &gt; div.swiper-container2 { height: 75px; }


.academy_icon &gt; img { border: 1px solid #ccc; margin-right: 3px; width: 28px; height: 28px; }
.academy_icon02 &gt; img { border: 1px solid #ccc; margin-right: 3px; width: 57px; height: 57px; }

.search_result_area { margin: 20px 0px 50px; }
.search_result_area &gt; div.title_txt { font-size: 16px; padding: 10px 20px; border-bottom: 2px solid #666666; }
.search_result_area &gt; div.title_txt &gt; b { font-size: 18px; }
.search_result_area &gt; div.title_txt &gt; span { margin: 0px 10px 0 15px; color: #d1d1d1; }
.search_result_area &gt; div.rows_webzin { padding: 6px 0px; }
.search_result_area &gt; div.rows_webzin &gt; ul { padding: 15px 20px; border-bottom: 1px solid #dddddd; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li { float: left; width: calc(100% - 94px); }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:first-child { 
	width: 81px; height: 81px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
	margin-right: 13px; position: relative;
}
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:first-child &gt; a { display: inline-block; width: 100%; height: 100%; position: absolute; lefT: 0px; top: 0px; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child { margin-top: 5px; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a {}
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:first-child { font-weight: 700; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(2) { margin-top: 5px; font-weight: 700; font-size: 13px; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) { font-size: 13px; color: #a1a1a1; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(4) { font-size: 13px; color: #a1a1a1; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) { margin-top: 5px;}
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span { 
	border: 1px solid red; padding: 3px 5px; font-size: 12px; color: red; display: inline-block;
}
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type01 { color: #041473; border: 1px solid #041473; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type02 { color: #1e82d8; border: 1px solid #1e82d8; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type03 { color: #f11b3d; border: 1px solid #f11b3d; }
.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span.s_type04 { color: #05a55b; border: 1px solid #05a55b; }
.search_result_area &gt; div.more_butotn { text-align: center; margin: 15px 0px; }
.search_result_area &gt; div.more_butotn &gt; a { display: inline-block; line-height: 50px; width: 220px; border: 1px solid #929292; color: #929292; font-size: 18px; }


div.rows_normal {}
div.rows_normal &gt; div { padding: 20px; border-bottom: 1px solid #ddd; }
div.rows_normal &gt; div &gt; a &gt; p:first-child { font-weight: 700; font-size: 16px; }
div.rows_normal &gt; div &gt; a &gt; p:first-child &gt; span { color: #f01c42; }
div.rows_normal &gt; div &gt; a &gt; p:nth-child(2) { margin-top: 3px; font-size: 15px; line-height: 30px !important; color: #333; }
div.rows_normal &gt; div &gt; a &gt; p:nth-child(3) { margin-top: 10px; color: #666666; font-size: 12px; }
div.rows_normal &gt; div &gt; a &gt; p:nth-child(3) &gt; span { margin: 0px 10px; color: #c8c8c8; }


div.rows_program01 {}
div.rows_program01 &gt; ul {}
div.rows_program01 &gt; ul &gt; li { float: left; margin: 25px 15px 0px; width: calc(33.333333333333333% - 30px); border: 1px solid #dcdcdc; }
div.rows_program01 &gt; ul &gt; li &gt; div.pic { 
	position: relative; width: 100%; padding-bottom: 80%; 
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program01 &gt; ul &gt; li &gt; div.pic &gt; a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  }
div.rows_program01 &gt; ul &gt; li &gt; ul { padding: 10px; border-top: 1px solid #dcdcdc; }
div.rows_program01 &gt; ul &gt; li &gt; ul &gt; li { float: left; }
div.rows_program01 &gt; ul &gt; li &gt; ul &gt; li:first-child { 
	width: 43px; height: 43px; border: 1px solid #f2f2f2; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program01 &gt; ul &gt; li &gt; ul &gt; li:last-child { width: calc(100% - 53px); margin-left: 10px; margin-top: 1px; }
div.rows_program01 &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a { display: inline-block; width: 100%; height: 43px; color: #000; font-size: 16px; font-weight: 700; line-height: 18px; }
div.rows_program01 &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a &gt; p &gt; span { color: #f01c42; }


div.rows_program02 {}
div.rows_program02 &gt; ul { width: calc(100% + 12px); margin-left: -6px; }
div.rows_program02 &gt; ul &gt; li { position: relative; float: left; margin: 6px 6px 0px; width: calc(33.333333333333333% - 12px); border: 2px solid #f2f2f2; padding: 12px; cursor: pointer; }
div.rows_program02 &gt; ul &gt; li &gt; span.offline { 
	position: absolute; left: -2px; top: -2px; display: inline-block; width: 54px; line-height: 54px; background: #3a91de; font-size: 12px; text-align: center; z-index: 1; 
	color: #fff;
}
div.rows_program02 &gt; ul &gt; li &gt; span.online { 
	position: absolute; left: -2px; top: -2px; display: inline-block; width: 54px; line-height: 54px; background: #f21c42; font-size: 12px; text-align: center; z-index: 1; 
	color: #fff;
}
div.rows_program02 &gt; ul &gt; li &gt; span.online { 
	position: absolute; left: -2px; top: -2px; display: inline-block; width: 54px; line-height: 54px; background: #f21c42; font-size: 12px; text-align: center; z-index: 1; 
	color: #fff;
}
div.rows_program02 &gt; ul &gt; li &gt; span.comment_line1 {
	position: absolute; left: -2px; top: 52px; display: inline-block; width: 54px; line-height: 54px; background: #222222; font-size: 12px; text-align: center; z-index: 1; 
	color: #fff;
}
div.rows_program02 &gt; ul &gt; li &gt; span.comment_line2 {
	position: absolute; left: -2px; top: 52px; display: inline-block; width: 54px; height: 54px; background: #222222; font-size: 12px; text-align: center; z-index: 1; 
	color: #fff; line-height: 18px; padding-top: 7px;
}

div.rows_program02 &gt; ul &gt; li:hover { border: 2px solid #197ee6; }
div.rows_program02 &gt; ul &gt; li &gt; div.click { 
	display: none; position: absolute; left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px);  background: rgba(0,0,0,0.7); z-index: 2; 
}
div.rows_program02 &gt; ul &gt; li &gt; div.click &gt; div { 
	display: table; vertical-align: middle; width: 100%; height: 100%; 
}
div.rows_program02 &gt; ul &gt; li &gt; div.click &gt; div &gt; div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: Center; }
div.rows_program02 &gt; ul &gt; li &gt; div.click &gt; div &gt; div &gt; a { 
	color: #fff; font-size: 20px; display: inline-block; width: 150px; border-radius: 10px; border: 1px solid #fff; line-height: 55px;
}
div.rows_program02 &gt; ul &gt; li &gt; div.pic { 
	position: relative; width: 100%; padding-bottom: 70%; 
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program02 &gt; ul &gt; li &gt; ul { margin-top: 10px; }
div.rows_program02 &gt; ul &gt; li &gt; ul &gt; li { float: left; }
div.rows_program02 &gt; ul &gt; li &gt; ul &gt; li:first-child { 
	width: 43px; height: 43px; border: 1px solid #f2f2f2; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program02 &gt; ul &gt; li &gt; ul &gt; li:last-child { width: calc(100% - 53px); margin-left: 10px; margin-top: 1px; line-height: 42px; font-size: 15px; }
div.rows_program02 &gt; ul &gt; li &gt; div.title_txt { font-size: 16px; font-weight: 700; height: 40px !important;  }
div.rows_program02 &gt; ul &gt; li &gt; div.reply_list { margin-top: 0px; color: #666; line-height: 17px; }
div.rows_program02 &gt; ul &gt; li &gt; div.price_area { text-align: center; margin-top: 10px; color: #f31b42; font-weight: 700; font-size: 16px; padding-bottom: 10px; }
div.rows_program02 &gt; ul &gt; li &gt; div.price_area &gt; b { font-size: 20px; font-weight: 800; }


div.rows_program03 {}
div.rows_program03 &gt; ul { width: calc(100% + 20px); margin-left: -10px; }
div.rows_program03 &gt; ul &gt; li { float: left; margin: 20px 10px 0px; width: calc(20% - 20px); }
div.rows_program03 &gt; ul &gt; li &gt; div.pic { 
	position: relative; width: 100%; padding-bottom: 60%; border: 1px solid #dcdcdc;
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program03 &gt; ul &gt; li &gt; div.pic &gt; a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); text-align: center; }
div.rows_program03 &gt; ul &gt; li &gt; div.pic &gt; a &gt; img { margin-top: calc(30% - 17px);}
div.rows_program03 &gt; ul &gt; li &gt; ul { padding: 10px; }
div.rows_program03 &gt; ul &gt; li &gt; ul &gt; li { float: left; }
div.rows_program03 &gt; ul &gt; li &gt; ul &gt; li:first-child { 
	width: 35px; height: 35px; border: 1px solid #f2f2f2; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program03 &gt; ul &gt; li &gt; ul &gt; li:last-child { width: calc(100% - 53px); margin-left: 10px; margin-top: 1px; }
div.rows_program03 &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a { display: inline-block; width: 100%; height: 43px; color: #3f3f3f; font-size: 13px; font-weight: 700; line-height: 14px; }
div.rows_program03 &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a &gt; p &gt; span { color: #f01c42; }



div.rows_program04 {}
div.rows_program04 &gt; ul { width: calc(100% + 20px); margin-left: -10px; }
div.rows_program04 &gt; ul &gt; li { float: left; margin: 20px 10px 0px; width: calc(20% - 20px); }
div.rows_program04 &gt; ul &gt; li &gt; div.pic { 
	position: relative; width: 100%; padding-bottom: 100%; border: 1px solid #dcdcdc;
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
div.rows_program04 &gt; ul &gt; li &gt; div.pic &gt; a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); text-align: center; }
div.rows_program04 &gt; ul &gt; li &gt; div.pic &gt; a &gt; img { margin-top: calc(30% - 17px);}
div.rows_program04 &gt; ul &gt; li &gt; div.s_name { margin-top: 10px; }
div.rows_program04 &gt; ul &gt; li &gt; div.s_name &gt; a { display: inline-block; width: 100%; height: 43px; color: #3f3f3f; font-size: 15px; font-weight: 700; line-height: 14px;  }


/*
.sub_top_customer { }
.sub_top_customer &gt; li { float: left; line-height:40px; border: 1px solid #cdcdcd; font-weight: 700; font-size: 16px; }
.sub_top_customer &gt; li:nth-child(1) { width: 40px; border-right: none; }
.sub_top_customer &gt; li:nth-child(2) { width: calc(100% - 530px); padding: 0px 20px; border-right: none; }
.sub_top_customer &gt; li:nth-child(3) { width: 40px; }
.sub_top_customer &gt; li:nth-child(4) { width: 292px; text-align: center; }

.sub_top_customer &gt; li:nth-child(5) { float: right; width: 143px; }
.sub_top_customer &gt; li:nth-child(5) &gt; select { width: 100%; height: 38px; border: none;}
*/

.sub_top_customer { }
.sub_top_customer &gt; li { float: left; line-height:40px; border: 1px solid #cdcdcd; font-weight: 700; font-size: 16px; }
.sub_top_customer &gt; li:nth-child(1) { width: 40px; border-right: none; }
.sub_top_customer &gt; li:nth-child(2) { width: calc(100% - 193px); padding: 0px 20px; }

.sub_top_customer &gt; li:nth-child(3) { float: right; width: 143px; }
.sub_top_customer &gt; li:nth-child(3) &gt; select { width: 100%; height: 38px; border: none;}


.edu_info_area { padding: 45px; border-bottom: 1px solid #eee; }
.edu_info_area &gt; li { float: left; }
.edu_info_area &gt; li.pic { width: 458px; height: 297px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #eee; }
.edu_info_area &gt; li:nth-child(2) { width: calc(100% - 458px); padding: 30px 0px 45px 45px; }
.edu_info_area &gt; li:nth-child(2) &gt; div.title_txt { font-size: 25px; color: #333; font-weight: 700;}
.edu_info_area &gt; li:nth-child(2) &gt; div.comment_txt { margin-top: 20px; }
.edu_info_area &gt; li:nth-child(2) &gt; div.comment_txt &gt; p { position: relative; margin-top: 15px; font-size: 18px; padding-left: 90px; }
.edu_info_area &gt; li:nth-child(2) &gt; div.comment_txt &gt; p &gt; span { position: absolute; left: 0px; font-weight: 700; }
.edu_info_area &gt; li:nth-child(2) &gt; div.comment_txt &gt; p &gt; span &gt; span {
	display: inline-block; width: 7px; height: 7px; background: #232323; border-radius: 50%; position: relative; top: -3px; margin-right: 10px;
}
.edu_info_area &gt; li:nth-child(2) &gt; div.pay_button { margin-top: 30px; }
.edu_info_area &gt; li:nth-child(2) &gt; div.pay_button &gt; a { 
	display: inline-block; width: 100%; line-height: 60px; background: #f21c42; text-align: center; font-size: 20px; color: #fff; font-weight: 700;
}

.edu_info_area02 { padding: 45px 0 45px 45px; border-bottom: 1px solid #eee; }
.edu_info_area02 &gt; li { float: left; }
.edu_info_area02 &gt; li.pic { width: 288px; height: 176px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #eee; }
.edu_info_area02 &gt; li:nth-child(2) { width: calc(100% - 288px); padding: 0px 0px 0px 45px; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.title_txt { font-size: 25px; color: #333; font-weight: 700; margin-top: 5px; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.title_s_txt { font-size: 13px; color: #aeaeae; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt { margin-top: 10px; border-top: 2px solid #333; padding-top: 10px; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table { width: 100%; padding: 0px; border-spacing: 0px; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table th { color: #aeaeae; font-size: 14px; width: 15%; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table th,
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table td { padding: 10px 0px; border-bottom: 1px solid #cacaca; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table td { width: 35%; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table tr:last-child th { border-bottom: none; }
.edu_info_area02 &gt; li:nth-child(2) &gt; div.comment_txt table tr:last-child td { border-bottom: none; }


.introduce_area { padding: 45px; border-bottom: 1px solid #eee; }
.introduce_area &gt; div.title_txt { color: #333; font-weight: 700; font-size: 23px; }
.introduce_area &gt; div.title_txt &gt; p { margin-top: 5px; font-size: 15px; color: #999; }
.introduce_area &gt; div.movie_area { margin-top: 15px; }
.introduce_area &gt; div.comment_txt { color: #333; line-height: 20px; margin-top: 40px;  }

.introduce_area &gt; div.border_line_comment { margin-top: 15px; padding: 20px; border: 1px solid #dddddd; }
.introduce_area &gt; div.border_line_comment &gt; div.movie_area { }
.introduce_area &gt; div.border_line_comment &gt; div.comment_txt { color: #333; line-height: 20px; margin-top: 20px;  }

.introduce_area &gt; div.list_view_button { margin-top: 30px; text-align: right; }
.introduce_area &gt; div.list_view_button &gt; a { border: 1px solid #8e8e8e; padding: 13px 20px; }

.online_after_area {}
.online_after_area &gt; div.title_txt { padding: 35px 45px 10px; color: #333; font-weight: 700; font-size: 23px; }
.online_after_area &gt; ul.rows {}
.online_after_area &gt; ul.rows &gt; li { padding: 20px 45px; border-bottom: 1px solid #eee;}
.online_after_area &gt; ul.rows &gt; li:last-child { border-bottom: none; }
.online_after_area &gt; ul.rows &gt; li &gt; table { padding: 0; border-spacing: 0px; width: 100%; font-size: 14px;  }
.online_after_area &gt; ul.rows &gt; li &gt; table td.numbering { width: 40px; }
.online_after_area &gt; ul.rows &gt; li &gt; table td { line-height: 20px; }
.online_after_area &gt; ul.rows &gt; li &gt; table td p:last-child { margin-top: 10px; }
.online_after_area &gt; ul.rows &gt; li &gt; table td p:last-child &gt; a { color: #656565; font-size: 12px; }

/*
.academy_info { margin-top: 20px; }
.academy_info &gt; div.title_txt { padding: 35px 45px 10px; color: #333; font-weight: 700; font-size: 23px; }
.academy_info &gt; ul { padding: 45px; border-top: 2px solid #353a4d; background: #f7f7f7; border-bottom: 1px solid #dddddd; }
.academy_info &gt; ul &gt; li { float: left; }
.academy_info &gt; ul &gt; li.pic {
	width: 198px; height: 198px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
}

.academy_info &gt; ul &gt; li:nth-child(2) { margin-left: 50px; width: calc(100% - 444px); }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.title_txt { font-size: 35px; font-weight: 700; color: #444; }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.phone_txt { font-size: 22px; color: #444; margin-top: 5px; }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.dot_line { margin-top: 15px; width: 20px; height: 2px; background: #444;  }

.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt { margin-top: 15px; }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt &gt; p { position: relative; margin-top: 10px; font-size: 14px; padding-left: 85px; color: #444; }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt &gt; p &gt; span { position: absolute; left: 0px; color: #818181; }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt &gt; p &gt; span &gt; span {
	display: inline-block; width: 4px; height: 4px; background: #c4daf2; border-radius: 50%; position: relative; top: -3px; margin-right: 5px;
	border: 1px solid #338cdc;
}

.academy_info &gt; ul &gt; li:nth-child(3) { float: right; width: 186px; position: relative;}
.academy_info &gt; ul &gt; li:nth-child(3) &gt; div.sublink { 
	text-align: right; 
}
.academy_info &gt; ul &gt; li:nth-child(3) &gt; div.sublink &gt; a { 
	margin-left: 5px; color: #a7a7a7; border: 1px solid #a7a7a7; background: #fff; border-radius: 3px; padding: 5px 5px; font-size: 12px; color: #333;
}
.academy_info &gt; ul &gt; li:nth-child(3) &gt; div.wish_button { margin-top: 50px; }
.academy_info &gt; ul &gt; li:nth-child(3) &gt; div.wish_button &gt; a { 
	border-radius: 5px; background: #1e82d8; color: #fff; font-size: 18px; font-weight: 700; display: inline-block; width: 100%; line-height: 100px; text-align: center;
}
*/

.academy_info { margin-top: 20px; }
.academy_info &gt; div.title_txt { padding: 35px 45px 10px; color: #333; font-weight: 700; font-size: 23px; }
.academy_info &gt; ul { padding: 45px; border-top: 2px solid #353a4d; background: #f7f7f7; border-bottom: 1px solid #dddddd; }
.academy_info &gt; ul &gt; li { float: left; }
.academy_info &gt; ul &gt; li.pic {
	width: 198px; height: 198px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
}

.academy_info &gt; ul &gt; li:nth-child(1) { margin-left: 0px; width: calc(100% - 186px); }

/* 2109-05-23 수정 */

.academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li { float: left; width: calc(100% - 85px); }
.academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li:first-child { 
	width: 70px; height: 70px; background-size: cover; background-repeat: no-repeat;  border: 1px solid #dddddd; border-radius: 50%; margin-right: 15px; 
}
.academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li &gt; div.title_txt { font-size: 35px; font-weight: 700; color: #444; }
.academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li div.phone_txt { font-size: 22px; color: #444; margin-top: 5px; }
.academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li div.phone_txt &gt; a { 
	border: 1px solid #a7a7a7; background: #fff; border-radius: 3px; padding: 5px 5px; font-size: 12px; color: #333; position: relative; top: -2px;
	display: none; 
}
/* 2109-05-23 수정 끝 */

.academy_info &gt; ul &gt; li:nth-child(1) &gt; div.dot_line { margin-top: 15px; width: 20px; height: 2px; background: #444;  }

.academy_info &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt { margin-top: 15px; }
.academy_info &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt &gt; p { position: relative; margin-top: 10px; font-size: 14px; padding-left: 85px; color: #444; }
.academy_info &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt &gt; p &gt; span { position: absolute; left: 0px; color: #818181; }
.academy_info &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt &gt; p &gt; span &gt; span {
	display: inline-block; width: 4px; height: 4px; background: #c4daf2; border-radius: 50%; position: relative; top: -3px; margin-right: 5px;
	border: 1px solid #338cdc;
}

.academy_info &gt; ul &gt; li:nth-child(2) { float: right; width: 186px; position: relative;}
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.sublink { 
	text-align: right; 
}
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.sublink &gt; a { 
	margin-left: 5px; color: #a7a7a7; border: 1px solid #a7a7a7; background: #fff; border-radius: 3px; padding: 5px 5px; font-size: 12px; color: #333;
}
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.wish_button { margin-top: 50px; }
.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.wish_button &gt; a { 
	border-radius: 5px; background: #1e82d8; color: #fff; font-size: 18px; font-weight: 700; display: inline-block; width: 100%; line-height: 100px; text-align: center;
}

.academy_info02 { margin-top: 20px; position: relative; }
.academy_info02 &gt; div.title_txt { padding: 35px 45px 10px; color: #333; font-weight: 700; font-size: 23px; }
/*
.academy_info02 &gt; ul { padding: 45px; border-top: 2px solid #353a4d; background: #f7f7f7; border-bottom: 1px solid #dddddd; }
.academy_info02 &gt; ul &gt; li { float: left; }
.academy_info02 &gt; ul &gt; li.pic {
	width: 198px; height: 198px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
}

.academy_info02 &gt; ul &gt; li:nth-child(2) { position: relative; margin-left: 50px; width: calc(100% - 248px); }
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.title_txt { font-size: 35px; font-weight: 700; color: #444; }
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.phone_txt { font-size: 22px; color: #444; margin-top: 5px; }
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.dot_line { margin-top: 15px; width: 20px; height: 2px; background: #444;  }

.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt { margin-top: 15px; }
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt &gt; p { position: relative; margin-top: 10px; font-size: 14px; padding-left: 85px; color: #444; }
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt &gt; p &gt; span { position: absolute; left: 0px; color: #818181; }
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.comment_txt &gt; p &gt; span &gt; span {
	display: inline-block; width: 4px; height: 4px; background: #c4daf2; border-radius: 50%; position: relative; top: -3px; margin-right: 5px;
	border: 1px solid #338cdc;
}

.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.sublink { 
	position: absolute; width: 100%; text-align: right; top: -30px; right: -35px;
}
.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.sublink &gt; a { 
	margin-left: 5px; color: #a7a7a7; border: 1px solid #a7a7a7; background: #fff; border-radius: 3px; padding: 5px 5px; font-size: 12px; color: #333;
}
*/

.academy_info02 &gt; ul { padding: 45px; border-top: 2px solid #353a4d; background: #f7f7f7; border-bottom: 1px solid #dddddd; }
.academy_info02 &gt; ul &gt; li { float: left; }
.academy_info02 &gt; ul &gt; li:nth-child(1) { position: relative; margin-left: 0px; width: calc(100% - 0px); }

/* 2109-05-23 수정 */

.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li { float: left; width: calc(100% - 85px); }
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li:first-child { 
	width: 70px; height: 70px; background-size: cover; background-repeat: no-repeat;  border: 1px solid #dddddd; border-radius: 50%; margin-right: 15px; 
}
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li &gt; div.title_txt { font-size: 35px; font-weight: 700; color: #444; }
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li div.phone_txt { font-size: 22px; color: #444; margin-top: 5px; }
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li div.phone_txt &gt; a { 
	border: 1px solid #a7a7a7; background: #fff; border-radius: 3px; padding: 5px 5px; font-size: 12px; color: #333; position: relative; top: -2px;
	display: none; 
}
/* 2109-05-23 수정 끝 */


.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.dot_line { margin-top: 15px; width: 20px; height: 2px; background: #444;  }

.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt { margin-top: 15px; }
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt &gt; p { position: relative; margin-top: 10px; font-size: 14px; padding-left: 85px; color: #444; }
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt &gt; p &gt; span { position: absolute; left: 0px; color: #818181; }
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.comment_txt &gt; p &gt; span &gt; span {
	display: inline-block; width: 4px; height: 4px; background: #c4daf2; border-radius: 50%; position: relative; top: -3px; margin-right: 5px;
	border: 1px solid #338cdc;
}

.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.sublink { 
	position: absolute; width: 100%; text-align: right; top: -30px; right: -35px;
}
.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.sublink &gt; a { 
	margin-left: 5px; color: #a7a7a7; border: 1px solid #a7a7a7; background: #fff; border-radius: 3px; padding: 5px 5px; font-size: 12px; color: #333;
}


.arademy_order_bt {
	text-align: center; margin-top: 20px;
}
.arademy_order_bt &gt; a { display: inline-block; width: 232px; line-height: 60px; color: #fff; font-weight: 700; font-size: 20px; border-radius: 3px; background: #f01c42; }

p.board_stype { margin-left: -9px; margin-top: 25px; width: 100% !important; }
p.board_stype &gt; span { 
	border: 1px solid red; padding: 3px 5px; font-size: 12px; color: red; display: inline-block;
}
p.board_stype &gt; span.s_type01 { color: #041473; border: 1px solid #041473; }
p.board_stype &gt; span.s_type02 { color: #1e82d8; border: 1px solid #1e82d8; }
p.board_stype &gt; span.s_type03 { color: #f11b3d; border: 1px solid #f11b3d; }
p.board_stype &gt; span.s_type04 { color: #05a55b; border: 1px solid #05a55b; }


.ing_info_area { padding: 25px 15px 25px; border-bottom: 1px solid #eee; }
.ing_info_area &gt; ul &gt; li { float: left; width: calc(33.3333333333333333% - 30px); margin: 0px 15px; font-size: 15px; line-height: 40px; }

.set_area { padding: 30px; }
.set_area &gt; li { float: left; width: calc(100% - 80px); line-height: 25px; }
.set_area &gt; li:first-child { width: 80px; font-weight: 700; }
.set_area &gt; li &gt; p { margin-top: 5px; }



.set_save_button {
	text-align: right; margin-top: 20px;
}
.set_save_button &gt; a { text-align: center; display: inline-block; padding: 0px 25px; line-height: 55px; color: #fff; font-size: 20px; background: #3e3e3e; }
.set_save_button &gt; a.active { background: #f21c42; }


.input_area01 { padding: 15px 30px 30px; }
.input_area01 &gt; form {}
.input_area01 &gt; form &gt; ul { margin-top: 15px;}
.input_area01 &gt; form &gt; ul &gt; li { float: left; width: calc(100% - 120px); line-height: 25px; }
.input_area01 &gt; form &gt; ul &gt; li:first-child { width: 120px; font-weight: 700; }
.input_area01 &gt; form &gt; ul &gt; li &gt; input { 
	width: 220px; padding: 5px; border-radius: 4px; border: 1px solid #cccccc; 
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(227,227,227,1);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(227,227,227,1);
	box-shadow: inset 0px 1px 2px 0px rgba(227,227,227,1);
}
.input_area01 &gt; form &gt; ul &gt; li.button_sum &gt; a { border: 1px solid #a7a7a7; border-radius: 2px; background: #333; color: #fff; font-size: 11px; padding: 5px 10px; }

.inner_subpage_comment { 
	padding: 14px 20px; border: 1px solid #eee; background: #fff; border-left: none; border-right: none; line-height: 24px; color: #333; font-size: 14px; word-break: keep-all;
}
.inner_subpage_comment &gt; a { text-decoration: underline; color: #0011ff; }


.child_selecter {}
.child_selecter &gt; ul { margin-top: 10px; }
.child_selecter &gt; ul &gt; li { float: left; min-height: 116px; }
.child_selecter &gt; ul &gt; li:nth-child(1) { line-height: 116px; text-align: center; width: 60px; }
.child_selecter &gt; ul &gt; li:nth-child(2) { line-height: 116px; text-align: center; width: 40px; }
.child_selecter &gt; ul &gt; li:nth-child(3) { width: calc(100% - 100px); padding: 15px 30px 20px; background: #e8e8e8; font-size: 15px; }
.child_selecter &gt; ul &gt; li:nth-child(3) &gt; p { line-height:30px; position: relative; padding-left: 100px;  }
.child_selecter &gt; ul &gt; li:nth-child(3) &gt; p &gt; span { position: absolute; lefT: 0px; font-weight: 700; }

.register_pop { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1000; padding: 100px 10px; overflow: auto;  }
.register_pop &gt; div.register_area { width: 540px; margin: auto; background: #fff; }
.register_pop &gt; div.register_area &gt; div.title_txt { 
	position: relative; line-height: 87px; text-align: center; background: #1e82d8; color: #fff; font-size: 30px;
}
.register_pop &gt; div.register_area &gt; div.title_txt &gt; a.regi_pop_close { position: absolute; right: 30px; }
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area { padding: 10px 30px 30px 30px; border-bottom: 1px solid #d3d3d3; }
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) {
	position: relative; padding-left: 150px; border-bottom: 1px solid #d3d3d3; line-height: 50px; margin-top: 10px;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; span { 
	position: absolute; left: 0px; font-size: 17px; color: #3e3e3e;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; span &gt; span {
	display: inline-block; width: 5px; height: 5px; border: 1px solid #2385dc; border-radius: 50%; margin-right: 8px; position: relative; top: -2px;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(2) { margin-top: 10px; color: #f21a3f; font-size: 11px; }

.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; input {
	padding: 5px; width: 100%; border: none;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; select {
	padding: 5px; width: 100%; border: none;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.title_txt &gt; p:nth-child(1) {
	font-size: 17px; color: #333; 
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.title_txt &gt; p:nth-child(1) span { 
	display: inline-block; width: 5px; height: 5px; border: 1px solid #2385dc; border-radius: 50%; margin-right: 2px; position: relative; top: -2px;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.title_txt &gt; p:nth-child(2) { margin-top: 5px; color: #f21a3f; font-size: 11px; }
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.title_txt02 { 
	line-height: 40px; border-bottom: 1px solid #cecece; margin-top: 10px;
}

.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.checkbox_area {
	width: 400px; margin: 10px auto 0; text-align: center;
}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.checkbox_area02 { margin-top: 20px;}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.checkbox_area02 &gt; p { margin-top: 5px;}
.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.checkbox_area02 &gt; p &gt; a { 
	position: relative; border-radius: 2px; border: 1px solid #b0b3b8; padding: 2px 5px; font-size: 11px; top: -3px;
}

.register_pop &gt; div.register_area &gt; div.regi_comment { padding: 30px; background: #545660; color: #fff; }
.register_pop &gt; div.register_area &gt; div.regi_comment &gt; p:nth-child(1) { font-size: 18px; font-weight: 700; word-break: keep-all; }
.register_pop &gt; div.register_area &gt; div.regi_comment &gt; p:nth-child(2) { font-size: 15px; margin-top: 10px; word-break: keep-all; }
.register_pop &gt; div.register_area &gt; div.regi_comment &gt; p:nth-child(3) { font-size: 12px; margin-top: 10px; word-break: keep-all; }


div.regi_form_area2 &gt; form &gt; div.input_regi_area { padding: 10px 30px 30px 30px; border-bottom: 1px solid #d3d3d3; }
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) {
	position: relative; padding-left: 150px; border-bottom: 1px solid #d3d3d3; line-height: 50px; margin-top: 10px;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; span { 
	position: absolute; left: 0px; font-size: 17px; color: #3e3e3e;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; span &gt; span {
	display: inline-block; width: 5px; height: 5px; border: 1px solid #2385dc; border-radius: 50%; margin-right: 8px; position: relative; top: -2px;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(2) { margin-top: 10px; color: #f21a3f; font-size: 11px; }

div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; input {
	padding: 5px; width: 100%; border: none;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; select {
	padding: 5px; width: 100%; border: none;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.title_txt &gt; p:nth-child(1) {
	font-size: 17px; color: #333; 
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.title_txt &gt; p:nth-child(1) span { 
	display: inline-block; width: 5px; height: 5px; border: 1px solid #2385dc; border-radius: 50%; margin-right: 2px; position: relative; top: -2px;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.title_txt &gt; p:nth-child(2) { margin-top: 5px; color: #f21a3f; font-size: 11px; }
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.title_txt02 { 
	line-height: 40px; border-bottom: 1px solid #cecece; margin-top: 10px;
}

div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.checkbox_area {
	width: 100%; margin: 10px auto 0; text-align: center;
}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.checkbox_area02 { margin-top: 20px;}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.checkbox_area02 &gt; p { margin-top: 5px;}
div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.checkbox_area02 &gt; p &gt; a { 
	position: relative; border-radius: 2px; border: 1px solid #b0b3b8; padding: 2px 5px; font-size: 11px; top: -3px;
}


.selecter_map { 
	width: 100%; height: calc(100% - 150px);  text-align: center; display: table; width: 100%; vertical-align: middle; padding: 10px 10px; 
	background: url('../images/intro_map_bg.png') no-repeat center center; background-size: cover;
}
.selecter_map &gt; div.cell { display: table-cell; vertical-align: middle; }
.selecter_map &gt; div.cell &gt; div { width: 100%; text-align: center;}
.selecter_map &gt; div.cell &gt; div.comment_txt { font-size: 20px; font-weight: 700; margin: 40px 0px; }

.mobile_map_area { display: none; }
.mobile_map_area &gt; a {
	display: inline-block; width: 100%; margin-top: 10px; line-height: 50px; color: #fff; font-weight: 700; font-size: 15px;
	background: url('../images/arrow02.png') no-repeat right 10px center; background-size: 11px; border-radius: 5px;
	background-color: #cd73ae;
}
.mobile_map_area &gt; a:nth-child(2) { background-color: #90c23e; }
.mobile_map_area &gt; a:nth-child(3) { background-color: #57646e; }


.alert_pop01 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.alert_pop01 &gt; div.poparea01 { position: absolute; left: calc(50% - 250px); top: calc(50% - 250px);  width: 500px; padding: 30px; background: #fff; text-align: center; }
.alert_pop01 &gt; div.poparea01 &gt; div.comment_txt { font-weight: 700; font-size: 18px; margin: 50px 0px 70px; }

.set_ing { position: fixed; left: calc(50% - 136.5px); top: calc(50% - 88px);}
.set_txt { width: 100%; position: fixed; text-align: center; font-size: 24px; font-weight: 700; top: calc(50% + 58px); }

div.sim_rows_webzin { padding: 6px 20px; }
div.sim_rows_webzin &gt; ul { padding: 15px 0px; border-bottom: 1px solid #dddddd; }
div.sim_rows_webzin &gt; ul:last-child { border-bottom: none;}
div.sim_rows_webzin &gt; ul &gt; li { float: left; width: calc(100% - 183px); }
div.sim_rows_webzin &gt; ul &gt; li:first-child { 
	width: 170px; height: 170px; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #dddddd;
	margin-right: 13px; position: relative;
}
div.sim_rows_webzin &gt; ul &gt; li:first-child &gt; a { display: inline-block; width: 100%; height: 100%; position: absolute; lefT: 0px; top: 0px; }
div.sim_rows_webzin &gt; ul &gt; li:last-child { margin-top: 3px; }
div.sim_rows_webzin &gt; ul &gt; li:last-child &gt; a {}
div.sim_rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(1) { margin-top: 5px; font-weight: 700; font-size: 17px; }
div.sim_rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(2) { font-size: 13px; color: #a1a1a1; margin-top: 10px;  }
div.sim_rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) { display: none; font-size: 13px; color: #000; margin-top: 10px; }
div.sim_rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(4) { font-size: 13px; color: #444; margin-top: 10px; }
div.sim_rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(4) &gt; b { font-size: 20px;}
</pre></body></html>