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

.sub_container .contents {
}
.sub_container .contents i { 
	margin: 0 5px;
}
.sub_container .contents h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #222;
    position: relative;
    /*padding-top: 3rem;*/
}
.sub_container .contents h3.align_c {
    margin: 0rem auto 2rem;
}
/*.sub_container .contents h3.align_c:before {
	content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 0;
    background: #19459d;
    margin-left: -15px;
}*/
.sub_container .contents h3 span {
    font-size: 1.125rem;
    color: #333;
    font-weight: 500;
    display: block;
    line-height: initial;
}
.sub_container .contents h3 span.no {
	width: 32px;
    height: 32px;
    background: #008fd5;
    border-radius: 35px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 1.25rem;
    color: #fff;
    line-height: 33px;
}
.sub_container .contents h4 {
	font-size: 1.5rem;
    font-weight: 600;
	margin: 3rem auto 1rem;
    color: #222;
	position: relative;
}
.sub_container .contents h4.bullet:before {
	font-family: "Font Awesome 5 Free" ;
    content: "\f142";
    font-size: 1.325rem;
	font-weight: 900;
    margin-right: 10px;
	display: inline-block;
    color: #19459d;
}
.sub_container .contents h5 {
	font-size: 1.25rem;
    font-weight: 600;
    margin: 2rem 0 1rem;
}
/*.sub_container .contents h5 span {
	color: #666;
	font-size: 1.063rem;
	font-weight: 400;
	margin-left: 0px;
	padding: 0;
    display: inline-block;
}*/
.sub_container .contents h5 span.sub {
	position: relative;
	padding: 0 10px 0 15px;
	margin-left: 15px;
	font-size: 1.125rem;
	font-weight: 500;
	color: #333;
}
.sub_container .contents h5 span.sub:before {
	content: "";
    width: 2px;
    height: 18px;
    background: #ccc;
    position: absolute;
    top: 6px;
    left: 0;
}
.sub_container .contents h5.bullet {
    position: relative;
}
.sub_container .contents h5.bullet::before {
    font-family: "Font Awesome 5 Free";
    content: "\f142";
    font-size: 1.1rem;
    font-weight: 900;
    margin-right: 10px;
    color: #19459d;
}
.sub_container .contents h5.bullet::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
}
.sub_container .contents h6 {
	font-size: 1.063rem;
    font-weight: 600;
    margin: 1rem 0 0.6rem;
}
.sub_container .contents h6.line {
	font-size: 1.063rem;
    font-weight: 600;
    margin: 1rem auto;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc dotted;
    padding: 10px 0;
}
.sub_container .contents h7 {
	font-size: 1rem;
    font-weight: 600;
    margin: 0.6rem 0 0.3rem;
    display: inline-block;
}
.agree_list .terms .white_box h6:first-child {
    margin: 0rem auto 0.6rem;
}
.agree_list .terms .white_box h7:first-child {
    margin: 0rem auto 0.3rem;
}
.sub_container .contents p {
	/*line-height: 1.5em;
    font-size: 1.063rem;*/
}

.tabcontent p {margin: 10px auto;}

.grey_box {
    /*border: 1px solid #ddd;*/
    padding: 2.5rem;
    overflow: hidden;
    background: #f0f0f0;
    margin-bottom: 3rem;
}
.grey_box a.link {
    color: #19459d;
    /*font-weight: 500;*/
}
.grey_box a i {
    font-size: 0.938rem;
}
.grey_box span.material-icons-outlined {
    vertical-align: text-bottom;
    font-size: 1.125rem;
}

.white_box {
    /*border: 1px solid #ddd;*/
    padding: 2.5rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: 2rem;
}
.agree_list .terms .white_box p {
    margin-top: 0px; 
    margin-bottom: 0rem;
}
.line_box_b {
    border-top: 2px solid #19459d;
    padding: 2.5rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: 3rem;
}

.blue_box {
    padding: 1.5rem 1.875rem;
    overflow: hidden;
    background: rgba(146,153,174,0.1);
    border: 1px rgba(146,153,174,0.3) solid;
    margin-bottom: 3rem;
}
.blue_box a.link {
    color: #19459d;
    font-weight: 500;
}
.blue_box span.material-icons-outlined {
    vertical-align: text-bottom;
    font-size: 1.125rem;
}
.blue_box.mt_50 {margin-bottom: 0rem;}

ul.squre li {
	padding: 0px 0 0 10px;
	margin: 4px 10px 4px 0;
	position: relative;
	text-align: left;
}
ul.squre li:before {
	content: '';
	width: 4px;
	height: 4px;
	position: absolute;
	top: 8px;
	left: 0;
	background: #9e9e9e;
}
ul.circle &gt; li {
    font-weight: 400;
    padding-left: 12px;
    margin: 4px 0px 4px 8px;
	position: relative;
}
ul.circle &gt; li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 11px;
    left: 0;
    background: #9e9e9e;
    border-radius: 5px;
}

ul.billiard li {
	padding: 0px 0 0 12px;
	margin: 4px 10px 4px 0;
	position: relative;
	text-align: left;
}
ul.billiard li:before {
	content: '��';
	position: absolute;
	top: 0px;
	left: 0;
}
ul.line li {
	margin: 4px 0;
	position: relative;
	padding-left: 13px;
	text-indent: -13px;
}
ul.line li:before {
	content: '- ';
	/*margin-right: 5px;*/
}
ul.line.half {
	display: flex;
    flex-wrap: wrap;
}
ul.line.half li {
	width: 50%;
}
ul.bu_no li {
	margin: 4px 0;
	padding-left: 18px;
	text-indent: -18px;
	position: inherit;
}
ol&gt;li {
    list-style: decimal !important;
    margin: 4px 0 4px 24px;
    padding-left: 2px;
}
ol.han&gt;li {
    list-style: hangul !important;
    margin: 4px 0 4px 22px;
    padding-left: 22px;
}
ol.han_2&gt;li {
    list-style: hangul !important;
    margin: 4px 0 4px 22px;
    padding-left: 2px;
}
li.line {
    margin: 4px 0;
    position: relative;
    padding-left: 33px;
    text-indent: -33px;
    position: relative;
}

li.line:before {
	content: '- ';
	position: absolute;
	top: 0px;
	left: 0;
}

.num-c &gt; li{position:relative; padding-left:18px;margin: 4px 0;}
.num-c &gt; li:before{position:absolute; left:0; top:0; display:block;}
.num-c &gt; li.c1:before, .num-c &gt; li:nth-of-type(1):before{content:'�� ';}
.num-c &gt; li.c2:before, .num-c &gt; li:nth-of-type(2):before{content:'�� ';}
.num-c &gt; li.c3:before, .num-c &gt; li:nth-of-type(3):before{content:'�� ';}
.num-c &gt; li.c4:before, .num-c &gt; li:nth-of-type(4):before{content:'�� ';}
.num-c &gt; li.c5:before, .num-c &gt; li:nth-of-type(5):before{content:'�� ';}
.num-c &gt; li.c6:before, .num-c &gt; li:nth-of-type(6):before{content:'�� ';}
.num-c &gt; li.c7:before, .num-c &gt; li:nth-of-type(7):before{content:'�� ';}
.num-c &gt; li.c8:before, .num-c &gt; li:nth-of-type(8):before{content:'�� ';}
.num-c &gt; li.c9:before, .num-c &gt; li:nth-of-type(9):before{content:'�� ';}
.num-c &gt; li.c10:before, .num-c &gt; li:nth-of-type(10):before{content:'�� ';}
.num-c &gt; li.c11:before, .num-c &gt; li:nth-of-type(11):before{content:'�� ';}
.num-c &gt; li.c12:before, .num-c &gt; li:nth-of-type(12):before{content:'�� ';}
.num-c &gt; li.c13:before, .num-c &gt; li:nth-of-type(13):before{content:'�� ';}
.num-c &gt; li.c14:before, .num-c &gt; li:nth-of-type(14):before{content:'�� ';}
.num-c &gt; li.c15:before, .num-c &gt; li:nth-of-type(15):before{content:'�� ';}
.num-b &gt; li{position:relative; padding-left:18px;margin: 4px 0;}
.num-b &gt; li:before{position:absolute; left:0; top:0; display:block;}
.num-b &gt; li.b1:before, .num-b &gt; li:nth-of-type(1):before{content:'�� ';}
.num-b &gt; li.b2:before, .num-b &gt; li:nth-of-type(2):before{content:'�� ';}
.num-b &gt; li.b3:before, .num-b &gt; li:nth-of-type(3):before{content:'�� ';}
.num-b &gt; li.b4:before, .num-b &gt; li:nth-of-type(4):before{content:'�� ';}
.num-b &gt; li.b5:before, .num-b &gt; li:nth-of-type(5):before{content:'�� ';}
.num-b &gt; li.b6:before, .num-b &gt; li:nth-of-type(6):before{content:'�� ';}
.num-b &gt; li.b7:before, .num-b &gt; li:nth-of-type(7):before{content:'�� ';}
.num-b &gt; li.b8:before, .num-b &gt; li:nth-of-type(8):before{content:'�� ';}
.num-b &gt; li.b9:before, .num-b &gt; li:nth-of-type(9):before{content:'�� ';}
.num-b &gt; li.b10:before, .num-b &gt; li:nth-of-type(10):before{content:'�� ';}
.num-b &gt; li.b11:before, .num-b &gt; li:nth-of-type(11):before{content:'�� ';}
.num-b &gt; li.b12:before, .num-b &gt; li:nth-of-type(12):before{content:'�� ';}
.num-b &gt; li.b13:before, .num-b &gt; li:nth-of-type(13):before{content:'�� ';}
.num-b &gt; li.b14:before, .num-b &gt; li:nth-of-type(14):before{content:'�� ';}
.num-b &gt; li.b15:before, .num-b &gt; li:nth-of-type(15):before{content:'�� ';}

.btn_move_top {
    position: fixed;
    bottom: 30px;
    right: 25px;
    z-index: 999;
    background: rgba(17, 17, 17, 0.8);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer;
	display: none;
	/*border-radius: 30px;*/
}



/*�⑹뼱�ъ쟾*/
.dic-wrap {
    
/*    border-bottom: 2px solid #19459d;*/
}

.dic-wrap .dic {
    width: 100%;
    margin: 2rem auto 1.5rem;
}
.dic-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.dic-wrap li {
    text-align: center;
    width: calc((100% - 130px) /27);
    height: 40px;
    background-color: #efefef;
    margin-right: 5px;
    font-size: 1rem;
    line-height: 40px;
    cursor: pointer;
    margin-bottom: 10px;
}
.dic-wrap li:last-child {margin-right: 0px;}
.dic-wrap .dic.wide {
    width: 100%;
}
.dic-wrap .dic.wide li {
    width: calc((100% - 85px) /18);
    margin-right: 5px;
}
.dic-wrap .dic.wide li:last-child {
    margin-right: 0px;
}
.dic-wrap .dic.full {
    width: 100%;
    margin: 3rem auto 1.875rem;
}
.dic-wrap .dic.full li {
    width: calc((100% - 130px) /26);
    margin-right: 5px;
    margin-bottom: 0;
}
.dic-wrap li:last-child {
    margin-right: 0;
}

.dic-wrap li:hover {
    background-color: #19459d;
    color: #fff;
}

.dic-wrap li.active {
    background-color: #19459d;
    color: #fff;
}


/*��*/
.tab_wrap.fixed {
    position: fixed;
    z-index: 8;
    top: 100px;
    max-width: 1200px;
    background: #fff;
    padding: 20px 10px;
    border-radius: 5px;
}
.tab_wrap {
    margin: 0px auto 50px;
    overflow: hidden;
    width: 100%;
}

.tab_wrap li a {
    color: #19459d;
}
.tab_wrap .tab_01 ul {
    display: flex;
    flex-wrap: nowrap;
}

.tab_wrap .tab_01 li {
    width: 16%;
    height: 60px;
    background: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 1.25rem;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 10px;
    padding: 18px;
    border: 1px #19459d solid;
    color: #19459d;
    border-radius: 5px;
}
.tab_wrap .tab_02 ul {
    display: flex;
    flex-wrap: nowrap;
}
.tab_wrap .tab_02 li {
    width: 50%;
    height: 60px;
    text-align: center;
    font-weight: 400;
    font-size: 1.25rem;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    margin-left: 10px;
    padding: 18px;
    border: 1px #19459d solid;
    color: #19459d;
    border-radius: 5px;
}
.tab_wrap .tab_03 ul {
    display: flex;
    flex-wrap: nowrap;
}

.tab_wrap .tab_03 li {
    width: 16%;
    height: 60px;
    text-align: center;
    font-weight: 400;
    font-size: 1.25rem;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 10px;
    padding: 9px 0px;
    border: 1px #19459d solid;
    color: #19459d;
    border-radius: 5px;
}
.tab_wrap .tab_04 ul {
    display: flex;
    flex-wrap: nowrap;
}
.tab_wrap .tab_04 ul:first-child {
    padding-bottom: 10px;
}
.tab_wrap .tab_04 li {
    width: 25%;
    height: 60px;
    text-align: center;
    font-weight: 400;
    font-size: 1.25rem;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 10px;
    padding: 18px 0px;
    border: 1px #19459d solid;
    color: #19459d;
    border-radius: 5px;
}
.tab_wrap li:first-child {
    margin-left: 0;
}

.tab_wrap li:hover {
    background: #19459d;
    color: #fff;
}
.tab_wrap li:hover a {
    color: #fff;
}
.tab_wrap li.tab_on {
    background: #19459d;
    color: #fff;
}
.tab_wrap li.tab_on a {
    color: #fff;
}



.state {
	display: inline-flex;
    font-size: 0.938rem;
	font-weight: 400;
	color: #fff;
	padding: 0.25rem 0.375rem;
    border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
    min-width: 4.375rem;
}
.state01 { 
	background: var(--sub-color);
}
.state02 { 
	background: var(--main-color-2);
}
.state03 {
	background: #999;
}

.state01_txt { 
	color: var(--sub-color);
    font-weight: 500;
}
.state02_txt { 
	color: var(--main-color-2);
    font-weight: 500;
}
.state03_txt {
	color: #999;
    font-weight: 500;
}

.btn_line {
	display: inline-flex;
    font-size: 0.938rem;
	font-weight: 400;
	color: var(--main-color-2);
	padding: 0.25rem 0.375rem;
    border: 1px #1f54c0 solid;
    border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
    min-width: 4.375rem;
    cursor: pointer;
}

.btn_line.btn_print:before {
    font-family: 'Material Icons Outlined';
    content: 'print';
    font-size: 1rem;
    text-align: right;
}
.btn_line:hover {
    background: var(--main-color-2);
    color: #fff;
}

.time {
	display: inline-flex;
    font-size: 0.938rem;
	font-weight: 400;
	color: #fff;
	padding: 0.25rem 0.375rem;
    border-radius: 6px;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
    min-width: 3.5rem;
    background: #666;
}

/* FAQ */
.faq_list {border-top: 2px solid #000;}
.faq_list dt {overflow: hidden; height: auto; padding: 20px 25px; cursor: pointer; border-bottom: 1px solid #ddd;  line-height: 40px; position: relative;}

.faq_list dt:after {
    content: '';
    display:inline-block;
    width:9px;
    height:9px;
    vertical-align:middle;
    border-right:2px solid #aaa;
    border-top:2px solid #aaa;
    transform:rotate(135deg);
    position:absolute;
    top: 30px;
    right: 30px;
    transition: 0.5s;
}
.faq_list dt.on:after {
    content: '';
    display:inline-block;
    width:9px;
    height:9px;
    vertical-align:middle;
    border-right:2px solid #aaa;
    border-top:2px solid #aaa;
    transform:rotate(-45deg);
    position:absolute;
    top: 36px;
    right: 8px;
    transition: 0.5s;
}
.faq_list dt .tit_q {float: left; width: 38px; height: 38px;  background: rgba(25,69,157,1); border-radius: 20px; color: #fff;  display: inline-block; font-size: 1.25rem; font-weight: 500; text-align: center; margin-right: 20px;}
.faq_list dt .tit {float: left; width: 100%; font-size: 1.125rem; font-weight: 500; color: #111;}
.faq_list dd {display: none; height: auto; padding: 20px 25px; line-height: 150%; border-bottom: 1px solid #ddd; line-height: 150%;}
.faq_list dd .list_cont { width:100%; }
.faq_list dt p { float: left; padding-left: 25px;}

/* Press */
.press_list {border-top: 2px solid #000;}
.press_list ul {
    border-bottom: 1px solid #ccc;
}
.press_list ul li:last-child {
    border-bottom: none;

}
.press_list li {
    overflow: hidden; 
    height: auto; 
    padding: 15px 25px 15px 0; 
    cursor: pointer; 
    border-bottom: 1px dotted #ddd;  
    line-height: 40px; 
    display: flex;
    align-items: center;
    position: relative;
}
.press_list li:after {
    content: '';
    display:inline-block;
    width:9px;
    height:9px;
    vertical-align:middle;
    border-right:2px solid #aaa;
    border-top:2px solid #aaa;
    transform:rotate(45deg);
    position:absolute;
    top: 30px;
    right: 8px;
    transition: 0.5s;
}
.press_list .cate {
    width: 130px; 
    height: 38px;  
    background: rgba(25,69,157,0.1);  
    display: inline-block; 
    font-size: 1rem; 
    font-weight: 500; 
    text-align: center; 
    margin-right: 20px;
    border-radius: 5px;
}
.press_list .tit {
    font-size: 1.125rem; 
    font-weight: 500; 
    color: #111;
    width: calc(100% - 200px);
}
.press_list .date {
    margin-right: 1.875rem;
}


.contents .tab_wrap { width: 100%;display: flex; justify-content: space-between; margin-bottom: 1.875rem; flex-wrap: wrap; }
.contents .tab_wrap .tab {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: var(--sub-color-2);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
    padding: 1rem;
    cursor: pointer;
    border-radius: 3px;
}
.contents .tab_wrap .tab:hover {
    background: #19459d;
    color: #fff; 
}
.contents .tab_wrap .tab:first-child { border-left: 1px #ddd solid;  }
.contents .tab_wrap .tab.active:first-child { border-left: 1px #19459d solid;  }
.contents .tab_wrap .tab.active {background: #19459d; border-top: 1px #19459d solid; border-right: 1px #19459d solid; border-bottom: 1px #19459d solid; color: #fff; }
.contents .tab_wrap .tab.eight {width: calc((100% - 8px) /5); height: 50px;  line-height: 1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #555; border: 0; text-align: center;font-size: 1.1rem; font-weight: 400; color: #fff;border-radius: 3px; margin-right: 2px; padding: 0; cursor: pointer; margin-bottom: 2px;}
.contents .tab_wrap .tab:last-child { margin-right: 0px;  }
.contents .tab_wrap .tab.eight.active {background: #19459d; color: #fff; }
.contents .tab_wrap .tab.five {
    width: calc((100% - 20px) /5);
}
/*.contents .tab_wrap.two { width: 40%;}*/
.contents .tab_wrap.two .tab {
    width: calc((100% - 5px) /2);
}
/*.contents .tab_wrap.three { width: 60%;}*/
.contents .tab_wrap.three .tab {
    width: calc((100% - 10px) /3);
}



/*  �몄궗留� */
.greeting_wrap { 
    width: 100%; 
    height: auto;
    padding: 5rem;
    margin: 0px auto; 
    background: url(../images/sub/greeting_bg.jpg);
}
.greeting_wrap .greeting_tit {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    line-height: 2.5rem;
    margin-bottom: 1.875rem;
}
.greeting_wrap .greeting_tit:before {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 0;
    width: calc(100% - 200px);
    height: 1px;
    background: #333;
}
.greeting_wrap p { 
    margin-top: 1rem;
    text-align: justify;
    font-size: 1.1rem;
    line-height: 2rem;
    font-weight: 500;
 }
 .greeting_wrap .sub_tit {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 600;
 }
.greeting_wrap .align_r {

    display: flex;
    justify-content: flex-end;
    
}
.greeting_wrap .align_r .photo .name {
    text-align: center;
    font-size: 1.1rem; 
    line-height: 1.75rem;
}

.greeting_wrap .align_r .photo .name span { 
    font-size: 1.25rem; 
    font-weight: bold; 
    display: block;
}
.greeting_wrap .align_r img { margin-left: 20px;}


.profile_wrap {}
.profile_wrap .profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    padding: 2.5rem 3rem;
    margin-bottom: 1.875rem;
}
.profile_wrap .profile .tit {
    width: 22%;
    font-size: 1.5rem;
    font-weight: 700;
}
.profile_wrap .profile .con {
    width: 78%;
    /*font-size: 1.063rem;*/
}
.profile_wrap .profile .con span {
    font-weight: 500;
    width: 70px;
    display: inline-block;
}

/* announcement */
.tab_scroll-tab { width: 100%;}
.tab_scroll-tab ul {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.tab_scroll-tab ul li {
    width: calc((100% - 20px) /5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: var(--sub-color-2);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
    padding: 1rem;
    cursor: pointer;
    border-radius: 3px;
}
.tab_scroll-tab li:hover, .tab_scroll-tab li.tab_on {
    background: #1f54c0;
    color: #fff;
}
.tab_scroll-tab ul li a{color: #fff;width: 100%;}

.tab_scroll-tab.fixed {
    position: fixed;
    z-index: 8;
    top: 100px;
    max-width: var(--web-width);
}

.tab_scroll-cont{padding: 3rem 0;border-bottom:1px solid #ddd;}
.tab_scroll-cont:last-child{border-bottom:none;}

.tab_cont .schedule img { width: 100%;}

.schedule_img {text-align: center;}
.schedule_img img{
    width: 70%;
}

/*�ㅼ떆�붽만 1*/
.address_wrap { text-align: center; margin: 0.5rem auto 0; }
.address_wrap .t { font-size: 1.75rem; margin-bottom:1rem; }
.address_wrap .c { font-size: 1.5rem; margin:0px 2rem; display: inline; }
.address_wrap span {font-weight: 600; }

.address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -0.5rem 0 3rem;
}
.address li {
    width: 50%;
    background: var(--main-color);
    font-size: var(--txt-lg);
    color: #fff;
    padding: 1.5rem 3rem;
}
.address li strong {
    font-size: var(--txt-xl);
    margin-right: 1rem;
}
.address li:nth-child(2) {
    width: 50%;
    background: #3989c9;
}

.cont_tit_m {
    text-align: left;
 }

.cont_tit_m h5.bus {
    position: relative;
    padding-left: 3.5rem;
    font-size: 2.2rem;
    font-weight: 700;
    margin: 3.125rem 0 2.5rem;
}
.cont_tit_m h5.bus::before {
    position: absolute;
    content: '\eff6';
    font-family: 'Material Icons outlined';
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-size: 2.0rem;
    font-weight: 300;
    background: #ebebeb;
    color: var(--main-color);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.cont_tit_m h5.air {
    position: relative;
    padding-left: 3.5rem;
    font-size: 2.2rem;
    font-weight: 700;
    margin: 4.0rem 0 2.5rem;
}
.cont_tit_m h5.air::before {
    position: absolute;
    content: '\e539';
    font-family: 'Material Icons outlined';
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-size: 2.0rem;
    font-weight: 300;
    background: #ebebeb;
    color: var(--main-color);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.cont_tit_m h5.taxi {
    position: relative;
    padding-left: 3.5rem;
    font-size: 2.2rem;
    font-weight: 700;
    margin: 4.0rem 0 2.5rem;
}
.cont_tit_m h5.taxi::before {
    position: absolute;
    content: '\eff7';
    font-family: 'Material Icons outlined';
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-size: 2.0rem;
    font-weight: 300;
    background: #ebebeb;
    color: var(--main-color);
    border-radius: 50%;
    width: 45px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;

}

.traffic{
    text-align: left;
}

.traffic .box {
    font-size: var(--txt-lg);
    border-top: 1px solid var(--c-black-5);
    padding: 0.75rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.traffic .box:last-child {
    border-bottom: 1px solid var(--c-black-5);
}
.traffic .box p {
     min-width: 220px;
     margin-right: 1rem;
}
.traffic .box span {
    width: 450px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    text-align: center;
    color: #000;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.traffic .box a {
	display: inline-block;
    background: #888;
    color: #fff;
    font-size: 14px;
    padding: 0px 10px;
    vertical-align: text-bottom;
    margin-left: 10px;
    line-height: 24px;
}


.traffic .box2 {
    font-size: var(--txt-lg);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid var(--c-black-5);
}


.traffic .box2 p {
    font-size: 15px;
    padding: 10px 0 0 50px;
    
}
	</pre></body></html>