@charset "utf-8";

/* #Reset
================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0 auto;
	padding: 0;
	font: inherit;
	font-size: 100%;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* #Font-Face
================================================== */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }


/* #Site Styles
================================================== */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	min-width: 360px;
	font-size: 18px;
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
}
body {
	font-family: 'Noto Sans KR', 'NanumGothic', 'Malgun Gothic', sans-serif;
	color: #070910;
	word-break: break-all;
}
a {
	color: inherit;
	text-decoration: none;
}
img, embed {
	max-width: 100%;
	height: auto;
}

h1 { font-size: 2rem; }
h1 .h1point{color:#ff3600;}
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.875rem; }
h6 { font-size: 0.75rem; }
.clear:after {
	content: "";
	display: block;
	clear: both;
}


/* #Main
================================================== */
/* header */
#hd {
	position: relative;
	text-align: center;
	background-image: url("/img/brain/top_bg_medi.jpg");
 	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
#hd h5 {
	padding: 0 3%;
	height: 40px;
	line-height: 40px;
	font-size: 0.71rem;
	font-weight: 500;
	color: #fff;
	background: #ff8005;
}
#hd h5>span {
	font-weight: 700;
	color: #ff0;
}
#hd h3 {
	margin: 40px 0 8px;
	font-weight: 300;
	font-size: 18px;
}
#hd h1 {
	font-weight: 700;
}
#hd h4 {
	/*margin: 20px 0 0;*/
	padding-bottom: 60px;
	height: 40px;
	line-height: 32px;
	font-weight: 700;
	color: #000;
	border-top: solid 0px #d0ced6;
	font-size: 20px;
}
#hd a {
	position: absolute; top: 44px; right: 3%;
	display: block;
}
#hd a>img {
	height: 24px;
}
#hd .btn_wrap {}
#hd .btn_wrap a {
	position: absolute;
	top: auto; bottom: 8%; right: 50%;
    margin-right: -3.5rem;
	padding: 8px 20px 6px 20px;
    color: #381e1f !important;
    background: #ffe000 !important;
	border-radius: 3rem;
}
#hd .btn_wrap a img {
	vertical-align: middle;
	width: 20px;
	height: auto !important;
	margin-top: -4px;
}


/* container */
#cont section {
	margin: 0 auto;
	padding: 20px 0 32px;
	width: 90%;
}
#cont section>.title,
#guide_cont section>.title {
	position: relative;
	font-weight: 700;
	text-indent: 24px;
}
#cont section>.title:before,
#guide_cont section>.title:before {
	content: "";
	display: inline-block;
	clear: both;
	position: absolute; top: 50%; left: 0;
	width: 18px; height: 18px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 24 24"%3E%3Cpath style="fill:#6196ff" d="M18.905 14c-2.029 2.401-4.862 5.005-7.905 8-5.893-5.8-11-10.134-11-14.371 0-6.154 8.114-7.587 11-2.676 2.865-4.875 11-3.499 11 2.676 0 .784-.175 1.572-.497 2.371h-6.278c-.253 0-.486.137-.61.358l-.813 1.45-2.27-4.437c-.112-.219-.331-.364-.576-.38-.246-.016-.482.097-.622.299l-1.88 2.71h-1.227c-.346-.598-.992-1-1.732-1-1.103 0-2 .896-2 2s.897 2 2 2c.74 0 1.386-.402 1.732-1h1.956c.228 0 .441-.111.573-.297l.989-1.406 2.256 4.559c.114.229.343.379.598.389.256.011.496-.118.629-.337l1.759-2.908h8.013v2h-5.095z"/%3E%3C/svg%3E');
	background-size: contain;
	transform: translateY(-50%);
}
h4.title:before {
	content: "";
	background: url('/img/brain/icon_set_medi2.png') no-repeat 5px 3px !important;
}
#cont section>.cont {
	margin-top: 16px;
}
#cont .btn {
	position: relative;
	padding: 0 16px 0 12px;
	height: 44px;
	line-height: 44px;
	font-weight: 700;
	color: #fff;
	background: #6196ff;
}
#cont .icon_down {
	display: inline-block;
	position: absolute; top: 50%; right: 12px;
	width: 18px; height: 18px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#fff" d="M16 11h5l-9 10-9-10h5v-11h8v11zm1 11h-10v2h10v-2z"/%3E%3C/svg%3E');
	background-size: contain;
	transform: translateY(-50%);
}
#cont .box1 .vod,
#cont .box2 .vod>div {
	max-width: 100%;
}

/* ÇÁ·Î±×·¥ ¼Ò°³ */
#cont .box1 {
	line-height: 24px;
	background-color: #e6e8f4;
}
#cont .box1 div {
	margin: 12px 0;
}
#cont .box1 h2 {
	font-weight: 700;
}
#cont .box1 h3 {
	margin-bottom: 12px;
	font-weight: 500;
}
#cont .box1 ul {
	/*float: left;*/
	margin-top:10px;
}
#cont .box1 li {
	position: relative;
	color: #000000;
	padding: 5px 0px 5px 10px;
	font-size: 16px;
	line-height: 22px;
	list-style: "-";
	margin-left: 10px;
}
#cont .box1 li:before {
	display: inline-block;
	clear: both;
	position: relative; top: -3px;
	margin-right: 8px;
}
#cont .box5 ul {
	margin-top: 10px;
	/*float: left;*/
}
#cont .box5 li {
	position: relative;
	color: #000000;
	padding: 5px 0px 5px 10px;
	font-size: 16px;
	line-height: 22px;
	list-style: "-";
	margin-left: 10px;
}
#cont .box5 li:before {
	display: inline-block;
	clear: both;
	position: relative; top: -3px;
	margin-right: 8px;
}

#cont .box1 p {
	float: right;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 96px;
}
#cont .box1 p>a {
	display: block;
	width: 96px;
	font-size: 0.938rem;
}
.edu_stxt section a {
	display: block;
	width: auto;
	font-size: 0.938rem;
	text-align: center;
	margin:15px auto 0px auto;
}
#cont .box1 article {
	padding: 8px 1.5% 0;
	line-height: 1.5;
	font-size: 0.625rem;
	color: #87868d;
}

/* ½É½ÅÈú¸µ ³ú±³À° ÇÁ·Î±×·¥ */
#cont .box2{
	background-color:#e6e8f4;
}
#cont .box2 section {
	padding-bottom: 0;
	width: 100%;
}
#cont .box2 h4,
#cont .box2 p,
#cont .box2 ul,
#cont .box2 .vod>div {
	margin: auto;
	width: 90%;
}
#cont .box2 p {
	display: flex;
	flex-flow: row wrap;
	font-size: 14.5px;
	line-height: 22px;
	font-weight: 300;
}
#cont .box2 p>a {
	display: block;
	margin-left: 4px;
}
#cont .box2 p>a:first-child {
	margin-left: 0;
}
#cont .box2 ul {
	display: flex;
	flex-flow: row wrap;
	margin-top: 16px;
	margin-bottom: 16px;
}
#cont .box2 li {
	flex-basis: 25%;
	margin-bottom: 4px;
}
#cont .box2 li a {
	display: block;
	margin-left: 4px;
	width: calc(100%-4px); height: 44px;
	line-height: 44px;
	color: #fff;
	background: #84d8f5;
	border-radius: 6px;
	text-align: center;
}
#cont .box2 li a.active {
	font-weight: 500;
	color: #ff0;
	background: #6196ff !important;
}
#cont .box2 li:first-child a,
#cont .box2 li:nth-child(5) a,
#cont .box2 li:nth-child(9) a{
	margin-left: 0;
}
#cont .box2 .vod {
	padding: 32px 0px;
	/*background: url('/img/brain/bg_vod.png') no-repeat 50% 0;*/
	background-size: cover;
	text-align: center;
	background-color: #6cb516;
}
#cont .box2 .vod>div {
	margin: auto;
	max-height: 360px;
	background: url('/img/brain/bg_player.png') no-repeat 50% 50%;
	background-size: cover;
}

/* ¹è³Ê¸®½ºÆ® */
#cont .box3 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: auto;
	padding: 20px 0;
	width: 90%;
}
#cont .box3 li {
	/*flex-basis: 32.333333%;*/
	padding: 0 0 1% 1%;
}
#cont .box3 li:nth-child(3n-2) {
	padding-left: 0;
}
#cont .box3 li:nth-child(n+3) {
	padding-bottom: 0;
}
#cont .box3 li a {
	display: block;
	text-align: center;
}

/* °­»çÁø */
.professor1{width:100%; margin-top:20px;}
.professor1 ul{list-style: none; margin:0px; padding:0px;}
.professor1 ul li{list-style: none; margin:0px; padding:0px; font-size:16px; line-height: 22px; letter-spacing: -1px; }
.professor1 ul li .pf_txt1{font-size:30px; font-weight: 700; line-height:50px;}
.professor1 ul li .pf_txt2{font-size:20px; font-weight: 700; line-height:50px; margin-left:10px;}
.professor2{width:100%; margin-top:20px;}
.professor2 ul{list-style: none; margin:0px; padding:0px;}
.professor2 ul li{list-style: none; margin:0px; padding:0px; font-size:16px; line-height: 22px; letter-spacing: -1px; }
.professor2 ul li .pf_txt1{font-size:30px; font-weight: 700; line-height:50px;}
.professor2 ul li .pf_txt2{font-size:20px; font-weight: 700; line-height:50px; margin-left:10px;}


/* footer */
.footer {
	padding: 15px 10px 0;
	height: 50px;
	line-height: 22px;
	color: #fff;
	background-color: #303036;
}
.left {	float: left; }
.right { float: right; }
.footer .fname1{font-weight: 700; }
.footer .fname2{font-weight: 700; color:#fff500;}

/*¼Ò°³±Û*/
.edu_stxt{
	background-color:#e6e8f4;
	font-size:15px;
	font-weight: 300;
	line-height: 22px;
}

/*¼Ò°³±Û*/
/* modal */
.playlist {
	position: fixed; left: 0; top: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,.85);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	pointer-events: none;
}
.playlist:target {
	opacity: 1;
	pointer-events: auto;
}
.playlist>div {
	margin: auto;
	width: 90%; height: 90%;
	color: #fff;
	text-align: right;
	overflow: auto;
}
.playlist>div a {
	display: inline-block;
	padding: 8px 12px 10px;
	border: solid rgba(255,255,255,.5);
	border-width: 0 1px 1px;
}
.playlist>div h3 {
	padding: 40px 0 16px;
	font-weight: 700;
	text-align: center;
}
.playlist>div table {
	margin: auto;
	width: 100%;
	line-height: 40px;
	color: #303036;
	text-align: center;
}
.playlist>div table th {
	font-size: 0.75rem;
	font-weight: 500;
	color: #fff;
	background-color: #303036;
}
.playlist>div table td {
	padding: 10px 2%;
	line-height: 20px;
	font-size: 0.938rem;
	background-color: #fff;
	border-bottom: solid 1px #d0ced6;
	vertical-align: middle;
}
.playlist>div table td:nth-child(2),
.playlist>div table td:last-child {
	background-color: #f2f3f7;
}


/* #Sub
================================================== */
/* guide header */
#guide_hd {
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 24px;
	background-color: #fff;
}
#guide_hd h3 {
	flex-basis: 80%;
	padding: 16px 5%;
	font-weight: 700;
}
#guide_hd a {
	flex-basis: 20%;
	display: block;
	padding: 16px 5%;
	text-align: right;
}
#guide_hd a:before {
	content: "";
	display: inline-block;
	clear: both;
	width: 16px; height: 16px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#b7b6bd" d="M13.427 3.021h-7.427v-3.021l-6 5.39 6 5.61v-3h7.427c3.071 0 5.561 2.356 5.561 5.427 0 3.071-2.489 5.573-5.561 5.573h-7.427v5h7.427c5.84 0 10.573-4.734 10.573-10.573s-4.733-10.406-10.573-10.406z"/%3E%3C/svg%3E');
	background-size: contain;
}

/* container */
#guide_cont {
	color: #303036;
	background: url('/img/brain/bg_sub.png') repeat-y 50% 0;
	background-size: 100%;
}
#guide_cont section>.title {
	margin: auto;
	padding: 16px 0;
	width: 90%;
	font-weight: 700;
	color: #fff;
}
#guide_cont section>.title:before {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 24 24"%3E%3Cpath style="fill:#0ff" d="M18.905 14c-2.029 2.401-4.862 5.005-7.905 8-5.893-5.8-11-10.134-11-14.371 0-6.154 8.114-7.587 11-2.676 2.865-4.875 11-3.499 11 2.676 0 .784-.175 1.572-.497 2.371h-6.278c-.253 0-.486.137-.61.358l-.813 1.45-2.27-4.437c-.112-.219-.331-.364-.576-.38-.246-.016-.482.097-.622.299l-1.88 2.71h-1.227c-.346-.598-.992-1-1.732-1-1.103 0-2 .896-2 2s.897 2 2 2c.74 0 1.386-.402 1.732-1h1.956c.228 0 .441-.111.573-.297l.989-1.406 2.256 4.559c.114.229.343.379.598.389.256.011.496-.118.629-.337l1.759-2.908h8.013v2h-5.095z"/%3E%3C/svg%3E');
}

#guide_cont section>.cont {
	background: #fff;
}

/* ÇÏ·ç¿¡ 10ºÐ, 8ÁÖ ½É½ÅÈú¸µ ³ú±³À° È¿°ú°ËÁõ°á°ú */
#guide_cont .box1 .cont {
	padding: 24px 5%;
}
#guide_cont .box1 ul {
	margin-top: 12px;
	padding: 0 0 0 2.5%;
}
#guide_cont .box1 li {
	line-height: 24px;
	color: #5a5960;
}
#guide_cont .box1 li:before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; left: -9px; top: -5.7px;
	width: 3px; height: 3px;
	background-color: #b7b6bd;
}

/* ½É½ÅÈú¸µ ³ú±³À° ÇÁ·Î±×·¥ Â÷½Ãº° È¿°ú */
#guide_cont .box2 li {
	padding: 20px 5%;
	line-height: 24px;
}
#guide_cont .box2 li:nth-child(2n) {
	background-color: #e9eaf2;
}
#guide_cont .box2 li h4 {
	padding-bottom: 20px;
	font-weight: 700;
}
#guide_cont .box2 li dt {
	margin-top: 12px;
}
#guide_cont .box2 li dt:first-child {
	margin-top: 0;
}
#guide_cont .box2 li dd {
	color: #5a5960;
}
#guide_cont .box2 li dd:before {
	content: "";
	display: inline-block;
	margin: 0 8px;
	width: 12px; height: 12px;
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#6196ff" d="M16 8v-4l8 8-8 8v-4h-5v-8h5zm-7 0h-2v8h2v-8zm-4.014 0h-1.986v8h1.986v-8zm-3.986 0h-1v8h1v-8z"/%3E%3C/svg%3E');
	background-size: contain;
}

/* Áõ»ó°³¼±À» À§ÇÑ ÇÁ·Î±×·¥ Á¶ÇÕ */
#guide_cont .box3 ul {
	display: flex;
	flex-flow: row wrap;
}
#guide_cont .box3 li {
	flex-basis: 50%;
	padding: 20px 0 20px 5%;
	border: solid 1px #d0ced6;
	border-width: 0 0 1px 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#guide_cont .box3 li:first-child,
#guide_cont .box3 li:nth-child(3) {
	border-left: 0;
}
#guide_cont .box3 li:nth-child(3),
#guide_cont .box3 li:nth-child(4) {
	border-bottom: 0;
}
#guide_cont .box3 li h4 {
	position: relative;
	padding-bottom: 24px;
	height: 36px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: 2px;
}
#guide_cont .box3 li h4:after {
	content: "";
	display: block;
	clear: both;
	position: absolute; top: -1px; right: 20px;
	width: 40px; height: 40px;
	background-size: contain;
	opacity: 0.9;
}
#guide_cont .box3 li:nth-child(1) h4:after { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#6196ff" d="M18.414 10.727c.17 1.304-1.623 2.46-2.236 3.932-.986 2.479 2.405 3.747 3.512 1.4.931-1.974-.454-4.225-1.276-5.332zm.108 3.412c-.407.428-.954.063-.571-.408.227-.28.472-.646.667-1.037.128.338.236 1.097-.096 1.445zm-.522-4.137l-.755.506s-.503-.948-1.746-.948c-1.207 0-1.745.948-1.745.948l-.754-.506c.281-.748 1.205-2.002 2.499-2.002 1.295 0 2.218 1.254 2.501 2.002zm-7 0l-.755.506s-.503-.948-1.746-.948c-1.207 0-1.745.948-1.745.948l-.754-.506c.281-.748 1.205-2.002 2.499-2.002 1.295 0 2.218 1.254 2.501 2.002zm1-10.002c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 22c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10zm3.582-4.057c-.303.068-.645.076-1.023-.003-.903-.19-1.741-.282-2.562-.282-.819 0-1.658.092-2.562.282-1.11.233-1.944-.24-2.255-1.015-.854-2.131 1.426-3.967 4.816-3.967 1.207 0 2.245.22 3.062.588-.291.522-.44.912-.515 1.588-1.797-.874-6.359-.542-5.752 1.118.138.377 1.614-.279 3.205-.279 1.061 0 2.039.285 2.633.373.162.634.415 1.116.953 1.597z"/%3E%3C/svg%3E'); }
#guide_cont .box3 li:nth-child(2) h4:after { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#6196ff" d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3.5 8c.828 0 1.5.671 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.671-1.5-1.5.672-1.5 1.5-1.5zm-7 0c.828 0 1.5.671 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.671-1.5-1.5.672-1.5 1.5-1.5zm8.122 9.377c-1.286-.819-2.732-1.308-4.622-1.308s-3.336.489-4.622 1.308l-.471-.58c.948-1.161 2.761-2.797 5.093-2.797s4.145 1.636 5.093 2.797l-.471.58z"/%3E%3C/svg%3E'); }
#guide_cont .box3 li:nth-child(3) h4:after { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#6196ff" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4 17h-8v-2h8v2zm-7.5-9c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5 1.5-.671 1.5-1.5-.672-1.5-1.5-1.5zm7 0c.828 0 1.5.671 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.671-1.5-1.5.672-1.5 1.5-1.5zm0-2c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5z"/%3E%3C/svg%3E'); }
#guide_cont .box3 li:nth-child(4) h4:after { background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath style="fill:#6196ff" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4 17h-8v-2h8v2zm-.499-6.296l-1.298 1.296-1.203-1.204 1.298-1.296-1.298-1.296 1.203-1.204 1.298 1.296 1.296-1.296 1.203 1.204-1.297 1.296 1.297 1.296-1.202 1.204-1.297-1.296zm-7 0l-1.298 1.296-1.203-1.204 1.298-1.296-1.298-1.296 1.203-1.204 1.298 1.296 1.296-1.296 1.203 1.204-1.297 1.296 1.297 1.296-1.202 1.204-1.297-1.296z"/%3E%3C/svg%3E'); }

#guide_cont .box3 li p {
	line-height: 24px;
	color: #5a5960;
}
#guide_cont .box3 li p>span {
	display: inline-block;
	margin-right: 8px;
	width: 40px;
	letter-spacing: -0.5px;
	text-align: right;
}


/* #Media
================================================== */
@media (max-width: 768px) {
	html { font-size: 16px; }
	#hd a>img { height: 20px; }
	#guide_cont .box3 li p>span { width: 36px; }
}
@media (max-width: 399px) {
	html { font-size: 15px; }
}