@charset "utf-8";

/*********common**********/

/*»ó´Ü*/
.header {z-index: 99; max-width: 100%; padding-top: 10px;}
.top_menu {width: 100%; max-width: 1200px; margin: 0 auto; text-align:right; }
.top_menu li {display:inline-block; height: 28px;   }
.top_menu li a {font-size: 13px; color: #777; font-family:'Noto Sans KR';}
.top_menu li span {display:inline-block;margin: 0 7px; color: #999;}


.menu_wrap {width: 100%; height: 75px; background: #fff;}
.menu_wrap .menu_in {  width: 1200px; height: 75px; position: relative;    margin: 0 auto; }
.menu_wrap .logo {position: absolute; left:0; top: 0;  z-index: 99999999999;}
.menu_wrap .logo a {display:block;}  
.menu_wrap .nav_wrapper { /*  position: fixed;left: 0;top: 28px; */  transition: top .5s ease-out; text-align:right;} 

.menu {width: 1200px; height: 100%; margin: 0 auto; background: #fff;transition: all 0.3s ease;    }
.menu > ul {width: 75%;   padding: 0px;  display: inline-block; }
/* .menu > li > ul.sub-menu { padding: 4px 20px; background-color: #f4f4f4;border: 1px solid #fff;  position: relative;} */
.menu ul li { padding: 0px; }
.menu > ul > li {height: 75px; display: inline-block; padding:0 1%; margin-left: 0;}
.menu > ul > li:last-child {padding-right:0;}
.menu > ul > li > a {text-align:right; height: 100%; line-height: 75px; }
.menu ul li a {display: block;   text-decoration: none; padding-left:10px; color: #000;  font-weight:600; font-size: 18px; font-family: 'Nanum Square'; }
.menu ul li a:hover {color: #5fb8af;}
.menu ul li.hover > a {color: #5fb8af;}
.menu ul li > a {  }
.menu > ul > li > ul {display: none;position: absolute;  background: #f7f7f7; z-index: 999; text-align:left; border-bottom: 2px solid #5fb8af;}
.menu > ul > li:last-child  > ul {right:0;}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li {background-color: #F5F5F5; position: relative;  font-size: 16px; font-family: 'Noto Sans KR'; font-weight: 400;}
.menu ul ul > li a {padding: 10px 25px;height: auto;background: #F5F5F5; color: #555; font-size: 16px; font-family: 'Noto Sans KR'; font-weight: 400;}
.menu ul ul > li a:hover {background: #5fb8af;color: #fff;}
.menu ul ul ul {position: absolute;left: 100%;top: 0;}

#mobile-b {display:none;}
.spinner-master input[type=checkbox] {display:none;}


@media all and (max-width: 1200px) {
	.menu_wrap .menu_in {width:  100%;}
	.top_menu {width: 100%;}
	.menu {width: 100%;}
}

 @media all and (max-width: 1024px) {
	.pc-b {display:none;}
	.top_menu {width: 100%; max-width: 100%;}
	.menu_wrap .menu_in {width: 100%;}
	#mobile-b {display:block; border-bottom: 1px dashed #ccc; padding: 10px 0;}
	#mobile-b li span {display:inline-block; color: #555; width: 30%;}
	#mobile-b li span a {color: #555; font-weight:400; text-align:center;}
	#mobile-b li span:hover a {color: #fff;}
	.example-header .container { width: 100%; }

	#search { padding: 10px; }
	.header { }
	.menu_wrap .nav_wrapper {text-align:left; /*20190130*/position: absolute;  width: 100%; z-index: 9999999;}
	.spinner-master * {transition: all 0.3s;box-sizing: border-box;}
	.spinner-master {position: relative;margin: 22px 15px;height: 30px;width: 30px;float: right;}
	.spinner-master label {cursor: pointer;position: absolute;z-index: 99;height: 100%;width: 100%;top: 7px;right: 0;}
	.spinner-master .spinner {position: absolute;height: 3px;width: 100%;padding: 0;background-color: #333;}
	.spinner-master .diagonal.part-1 {position: relative;float: left;}
	.spinner-master .horizontal {position: relative;float: left;margin-top: 6px;}
	.spinner-master .diagonal.part-2 {position: relative;float: left;margin-top: 6px;}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-top: 10px;}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top: -12px;}

	a.menu-link {display: block;color: #fff;float: left;text-decoration: none;padding: 10px 16px;font-size: 1.5em;}
	a.menu-link:hover { color: #efa666; }
	a.menu-link:after {content: "\2630";font-weight: normal;}
	a.menu-link.active:after { content: "\2715"; }
	.menu {clear: both;min-width: inherit;float: none;}
	.menu,
	.menu > ul ul {overflow: hidden;max-height: 0;background-color: #eaeaea;}
	.menu > li > ul.sub-menu {padding: 0px;border: none;}
	.menu.active,
	.menu > ul ul.active { max-height: 100%; }
	.menu ul { display: block; width: 100%;  }
	.menu li,
	.menu > ul > li { display: block; height: auto; margin-left:0;}
	.menu > ul > li:last-of-type a { border: none; }
	.menu > ul > li > a {text-align:left; line-height: 50px; font-size: 16px; font-family:'Noto Sans KR'; font-weight: 400;}
	.menu > ul > li > ul {position: inherit; border-bottom:0;}
	.menu li a {color: #fff;display: block;padding: 7px;position: relative;}
	.menu li.has-submenu > a:after {  content: '+';  position: absolute;  top: 0;  right: 0;  display: block;  font-size: 1.5em;  padding: 0.55em 0.5em;}
	.menu li.has-submenu > a.active:after { content: "-"; }
	.menu ul ul > li a {background-color: #39484d;padding: 10px 18px 10px 30px; width: 100%; color: #fff;}
	.menu ul li a:hover {background: #4b5f65;color: #fff;}
	.menu ul li.hover > a {background: #4b5f65;color: #fff;}
	.menu ul ul,
	.menu ul ul ul {display: inherit;position: relative;left: auto;top: auto;border: none;}
	.menu_wrap .logo a {width: 70%}
	.menu_wrap .logo a img {width: 100%; }
	.menu_wrap .logo {left: 10px; top: 12px; }
	.test_guid_in::before {display:none;}

}
 

/*footer*/
.footer_wrap {background-color: #696969; padding: 40px 0;}
.footer {width: 1200px; margin: 0 auto; overflow:hidden; background: url('../images/bottom/b_logo.png') 0 50% no-repeat;}
.footer > .footer_inner {float:left; padding-left: 30%;}

.footer_top .footer_text li {display:inline-block; margin-right: 30px;}
.footer_top .footer_text li a {display:block; font-size: 14px; color: #fff; font-family: 'Noto Sans KR'; }
.footer_top .footer_text li:hover a {color: #fabb13;}
.footer_top ul {display:inline-block;} 
.footer_top ul.count { display: none; }
.footer_top ul.count li span {display:inline-block; color: #d2d2d2; font-size: 14px; margin-left: 20px;}

.footer_bottom {margin-top: 14px;}
.footer_bottom .copyright li {font-size: 14px; color: #d2d2d2; font-weight: 400; margin-top: 10px;}
.footer_bottom .copyright li.copyright02,
.footer_bottom .copyright li.copyright02 a {font-size: 14px; color: #d2d2d2; font-family: 'Noto Sans KR'; }




@media all and (max-width: 1200px) {
	.sub_content {width: 98%;}
	.footer {width: 100%;}
	.sub_menu ul {width: 100%;   text-align:center;}

	/* footer */
	.footer_wrap { padding: 40px 1.5%; }

}

@media all and (max-width: 1024px) {
	/* hedaer */
	html.active { overflow-y: hidden; }
	.dark.active {position: fixed;top: 85px;left: 0;width: 100%;height: calc(100% - 85px);background: #000;opacity: 0.7;z-index: 1000;}

	/* footer */
	.footer { background: none; }
	.footer > .footer_inner { padding-left: 0; }
	
	/* ¼­ºêž */
	.sub_top { height: 210px !important;   background-position: 0; }
	.sub_top h1 { font-size: 28px; font-weight: 500; }
	.sub_top p { font-size: 17px; font-family: 'Noto Sans KR'; }

	/* »çÀ̵å¹Ù */
	.sub_menu ul li a { font-size: 14px; padding: 13px 35px; }

	/* ¼­ºêÆäÀÌÁö °øÅë */
	.sub_title { margin-top: 35px; margin-bottom: 45px; }
	.sub_title h2 { font-size: 31px; }
}

@media all and (max-width: 550px) {
	/* ¼­ºêž */
	.sub_top {height: 190px !important;}

	/* footer */
	.footer_top ul { width: 100%; text-align: center; }
	.footer_top .footer_text li { margin: 0 7px; }
	.footer_top .footer_text li.mobile_none { display: none; }
	.footer_bottom .copyright li { text-align: center; }
}

@media all and (max-width: 500px) {

	/* footer */
	.footer_bottom .copyright li:first-child br { display: none; }

}

@media all and (max-width: 404px) {

	/* ¼­ºêž */
	.sub_top h1 { padding-top: 60px; }

}


/*·Ñ¸µ¹è³Ê font-size:11px; letter-spacing: -1.5;*/
.pr{text-align:center; padding:9px 0 9px 0;}
.pr_img_s{background-image:url(../images/product/noimg_s.jpg); text-align:center;border-width:2px; border-color:#dbdbdb; border-style:solid; background-position:center; background-repeat:no-repeat;}
.pr_img_m{background-image:url(../images/product/noimg_m.jpg); text-align:center;border-width:2px; border-color:#dbdbdb; border-style:solid; background-position:center; background-repeat:no-repeat;}
.pr_img_l{background-image:url(../images/product/noimg_l.jpg); text-align:center;border-width:2px; border-color:#dbdbdb; border-style:solid; background-position:center; background-repeat:no-repeat;}
.pr_txt{FONT-SIZE:12px;color:383838; FONT-FAMILY: µ¸¿ò; font-weight:bold;text-align:center;padding:0px 0px 3px 0px;}
.icon_w{FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: µ¸¿ò, Verdana; font-weight:bold; text-align:center; padding:2px 9px 0 16px;background-image:url(../images/icon/w.gif);background-position:left; background-repeat:no-repeat;}

/*Ãßõ»óÇ°*/
.recom_img_s{text-align:center;border-width:1px; border-color:#dbdbdb; border-style:solid;}

/* ¸ÞÀΰøÁö»çÇ× */
.line_dot{background-image:url(../images/main/line_dot.gif);background-repeat:repeat-x;background-position:left; height:1px;}
.icon_n{background-image:url(../images/main/dot.gif);background-repeat:no-repeat;background-position:left; padding:2px 0 0 5px; height:20px;}
.icon_p{background-image:url(../images/icon/icon_p2.gif);background-repeat:no-repeat;background-position:left; padding:18px 0 0 42px; height:45px; font-weight:bold; color:9a5c1a;}
.icon_p1{background-image:url(../images/icon/icon_p.gif);background-repeat:no-repeat;background-position:left; padding:6px 0 0 32px; height:30px; font-weight:bold; color:93711c;}
.date_n{FONT-SIZE: 11px; COLOR: #7f7f7f; FONT-FAMILY: µ¸¿ò, Verdana; text-align:right; padding:3px 0 0 10px;}




/**¼­ºêÄÁÅÙÃ÷ ½ÃÀÛÇϱâ**/
/*intro*/
/*Àλ縻*/
.greeting_tit {font-size: 28px; letter-spacing:-0.8px;  font-family:'NanumSquare'; text-align:center; color: #1a1a1a; margin-bottom: 20px;}
.greeting_01 {background: url('../images/intro/greeting_bg.png') right 0 no-repeat; background-size: cover;  padding: 50px 60px; color: #fff; position: relative;}
.greeting_01 span {color: #fff; font-size: 35px;  font-family:'NanumSquare'; margin-bottom: 10px; display:inline-block;}
.greeting_01 p {word-break: keep-all; font-weight: 400; color: #fff; width: 56%; font-size: 20px; line-height: 1.8em;}

.greeting_02 {font-size: 17px; word-break: keep-all; line-height: 1.5em; width: 95%; margin: 0 auto; margin-top: 50px; }
.greeting_02 p {font-size: 20px; }
.greeting_02 span {font-size: 21px; font-weight:bold; display:inline-block;}


/*¾÷¹«±¸¼ºµµ*/

.jojic_wrap {text-align:center;margin:0 auto;overflow:hidden;}
.group {position:relative;}
.group:before {content:""; position:absolute; box-sizing:border-box;}
.group i {display:block;color:#777;font-size:16px;font-weight:normal;font-style:normal;	}
.jojic .lvbox {transition:all 0.3s ease-out; display:block;box-sizing:border-box; font-size:18px; font-weight:500; color:#444;margin:0 auto;box-shadow: 0px 5px 0px 0px rgba(233,233,233,1);border:1px solid #ddd;border-radius:5px 5px 20px 5px;}

.jojic .lv00 .lvbox {transition:all 0.3s ease-out; background:#fff;padding:10px 0; position:relative;margin-bottom:30px;}
.jojic .lv00 .lvbox:after {height:1900%;border-left:1px solid #ccc; content:"";padding:0; top:0; position:absolute; z-index:-1; left:50%;}

.jojic .lv01 {position:relative;}
.jojic .lv01 .lvbox {transition:all 0.3s ease-out; position:relative;background:#fff;margin-bottom:30px;padding:10px 0;}

.jojic .lv02 {position:relative;}
.jojic .lv02 .lvbox {transition:all 0.3s ease-out; position:relative;background:#fff;margin-bottom:30px;padding:10px 0;}


.jojic .lv03 {transition:all 0.3s ease-out; position:relative;display:block;padding:10px 0;font-size:18px;}
.jojic .lv03.lvbox {/*background:#f7f7f7;*/ padding:20px 0;margin:15px 0;}
.jojic .lv03.lvbox.lvbox01 {background:#91c532; color:#fff;}
.jojic .lv03.lvbox.lvbox02 {background:#006eb9; color:#fff;}
.jojic .lv03.lvbox.lvbox03 {background:#3f76bb; color:#fff;}

.jojic .lv04 {transition:all 0.3s ease-out; position:relative;width:100%; padding:0.5%;  box-sizing:border-box;}
.jojic  .lv04 div  {margin:0.2%;}

.jojic .lv04.col1 strong,
.jojic .lv04.col2 strong,
.jojic .lv04.col3 strong {transition:all 0.3s ease-out; display:block;box-sizing:border-box;color:#fff;padding:10px 0;font-weight:400;}
.jojic .lv04.col1 strong {background:#91c532;}
.jojic .lv04.col2 strong {background:#006eb9;}
.jojic .lv04.col3 strong {background:#3f76bb;}
.jojic .lv05 {transition:all 0.3s ease-out; letter-spacing:-1px;border:1px solid #ddd;padding:10px 20px;text-align:left;background:#fff;box-shadow: 0px 5px 0px 0px rgba(233,233,233,1);}
.jojic .lv05 li {line-height: 25px;}

@media(min-width:1200px) {
	.jojic_wrap {width:auto; margin-top: 35px;}
	.group i {font-size:18px;}
	.jojic .lv00 .lvbox {width:280px; padding:20px 0; margin-bottom:80px;}
	.jojic .lv00 .lvbox:after {height:319px;}

	.jojic .lv01 .lvbox  {width:280px;padding:20px 0 ;}
	.jojic .lv01 .r{width:280px;position:absolute;top:-177px; right:0;margin:0 auto;}
	.jojic .lv01 .l{width:280px;position:absolute;top:-177px; left:0;margin:0 auto;}

	.jojic .lv01 .r:before {
		height:1px; width:800px; border-bottom:1px solid #ccc; content:"";
		padding:0; position:absolute; top:50%; left:-650px; z-index:-1;}

	.jojic .lv02 .lvbox  {width:280px; padding:20px 0;}
	.jojic .lv02 .r{width:280px;padding:31px 0 10px 0;position:absolute;top:0px;right:0;margin:0 auto;}
	.jojic .lv02 .r li {margin-bottom:20px; font-size:22px}

	.jojic .lv02 .r:before {
		content:"";display:block;
		height:1px; width:264px; border-bottom:1px solid #ccc;
		position:absolute; top:50%;left:-193px;z-index:-1;
		}
	
	.jojic .lv02 .l:before {
		content:"";display:block;
		height:1px; width:805px; border-bottom:1px solid #ccc;
		position:absolute; top:145%;left:-263px;z-index:-1;
		}

	.jojic .lv03 .lvbox  {width:280px;margin:70px auto 10px auto;}

	.jojic .lv04 { padding:3.1% 0.5%; float:left;overflow:hidden;}
	.jojic .lv04.col1 {width:33%;}
	.jojic .lv04.col2 {width:34%;}
	.jojic .lv04.col3 {width:33%;}
	.jojic .lv04.col1 div {width:100%;float:left;}
	.jojic .lv04:before {height:22%;border-left:1px solid #ccc; content:"";padding:0; top:13px; position:absolute; z-index:-1; left:50%;	}

	.jojic .lv04.col2 div {width:100%;float:left;}
	.jojic .lv04.col3 div {width:100%;float:left;}
	.jojic .lv04.col2 div.bx01 {}

	.jojic .lv05{padding:10px 20px;}

	}
	.H200{height: 230px;}


/*Á÷¿ø ´ã´ç¾÷¹«*/

.TeamBG .name{color: #555;}
.TeamBG h5{font-size: 19px; padding-bottom: 15px; letter-spacing: -1px; font-weight: 400;}
.TeamBG {overflow:hidden; margin-top: 35px;}
.TeamBG .txt {overflow:hidden;padding:10px;border: 1px solid #ddd;background:#fff;border-radius:5px 5px 20px 5px;box-shadow: 0px 5px 0px 0px rgba(233,233,233,1);}
.Team.FL {border-bottom:1px dotted #ddd;}
.Team.FL02 {border-left:none;}
.Team.FL.non {border-bottom:none;}
.TeamBG .name {display: inline-block;font-size:16px; font-weight:500;}
.TeamBG .name span {color:#3f76bb;}
.TeamBG .pos {overflow:hidden;margin:5px 0;}
.TeamBG .pos span {display:inline-block;color:#91c532;}
.TeamA {overflow:hidden;}
.TeamBG .TeamA .Team {border-bottom:1px dotted #ddd;}
.TeamBG .txt ul:last-child {border-bottom:none;}
.FB .pos {overflow:hidden;margin:5px 0;}
.FB .pos span {display:inline-block;color:#8dca3d}




@media(min-width:1200px) {
	.TeamBG .txt {overflow:hidden;padding:25px 20px;border: 1px solid #ddd;background:#fff;border-radius:5px 5px 20px 5px}
	.TeamBG .Team {width:45%;padding:20px;}
	.Team.FL {float:left;border-bottom:none; padding-left:20px;}
	.Team.FL02 {float:left;  border-bottom:none; border-left: 1px dotted #ddd;; width: 40% !important; position: relative; left: 20px; padding-left: 50px;}
	.Team.FR {float:right;}
	.TeamBG .name {font-size:18px;margin-bottom:10px;}
	.TeamBG .name span {font-size:22px;}
	.TeamBG .pos span{width:15%;float:left;}
	.TeamBG .pos ol {width:80%;float:left;}
	
	.TeamBG .TeamA .Team{width:100%;}

	.TeamA .FA {float:left;width:49%;}
	.TeamA .FB {float:right;width:49%;}
	/* .TeamA .txt {height:750px} */
}
		





/*.jojic_wrap {background: url('../images/intro/jojic_bg.png') center 0 no-repeat; background-size: 74% 80%; }
.jojic_top {text-align:center; }
.jojic_top li{display:inline-block; width: 20%; height: 50px; line-height: 50px; padding: 5px 0;   background-color: #444a54;color: #fff; margin: 0 auto;}

.jojic_se {text-align:center; margin-top: 50px;}
.jojic_se li {display:inline-block; vertical-align:top; color: #fff; margin: 0 auto; margin: 0 10%; width: 20%; height: 50px;  line-height: 50px;  padding: 5px 0; background-color: #005fca; }

.jojic_th {text-align:center;position: relative; margin-top: 100px; }  
.jojic_th ul li {width: 24%;margin-bottom: 10px;  height: 50px; padding: 5px 0; display:inline-block; vertical-align:top; background-color: #1b4692; color:#fff;}
.jojic_th ul li.jojic_right {position: absolute; right:0; line-height: 50px; background-color: #139873;}
.jojic_th ul li.jojic_lineh {line-height: 50px;}

.jojic_bottom {text-align:center; margin-top: 100px;}
.jojic_bottom dl {width: 23%; margin: 0 0.5%; display:inline-block; vertical-align:top; text-align:center;}
.jojic_bottom dl dt {background-color: #505f73; color: #fff; height: 50px; line-height: 50px;}
.jojic_bottom dl dd {background-color: #fff; border:  1px solid #999;  margin: 5px 0; padding: 7px 0;}
.jojic_bottom dl dd span {display:inline-block; margin-right: 10px; font-weight:bold; }

@media all and (max-width: 890px) { 
	.greeting_01 span {font-size: 28px;}
	.greeting_01 p {width: 80%; font-size: 16px;}
	
}

@media all and (max-width: 767px) {
	.greeting_tit {font-size: 20px; word-break:keep-all; }
	.greeting_01 p {width: 95%;}

	 .greeting_02  {font-size: 14px;}
	 .greeting_02 span {font-size: 16px;}

	.jojic_wrap {background-size: 74% 65%;}
	.jojic_top  {width: 50%;}
	.jojic_se li {margin: 0 4%; width: 36%; font-size: 14px; letter-spacing: -1.2px; } 
	.jojic_th ul li {width: 48%; font-size: 14px; letter-spacing: -1.2px; }
	.jojic_th ul li.jojic_right {width: 24%;}
	.jojic_bottom dl  {width: 46%; margin: 0 1%;}
}

@media all and (max-width: 520px) { 
	.greeting_01 {padding: 20px;}
	.greeting_01 span {font-size: 20px;}
	.greeting_01 p {font-size: 14px; width: 100%;}
}
@media all and (max-width: 400px) {
	.jojic_wrap {background-size: 103% 66%;}
	.jojic_th {text-align:left;}
	.jojic_th ul li {text-align:center; width: 60%; margin-left: 2%;}
	.jojic_th ul li.jojic_right {width: 30%;}
	.jojic_bottom dl dt {font-size: 14px;  letter-spacing: -1.2px;}
	.jojic_bottom dl dd {font-size: 12px; letter-spacing: -1.2px;}
	.jojic_bottom dl dd span {font-size: 14px;}
} */

 /*ÀÌ¿ë¾È³» ¹× ã¾Æ¿À½Ã´Â ±æ*/
.box_list {}
.box_list dl {padding-left: 180px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #999;}

.intro01_01 {background: url('../images/intro/intro01_01.png') 30px 10px no-repeat;}
.intro01_02 {background: url('../images/intro/intro01_02.png') 30px 0 no-repeat;}
.intro01_03 {background: url('../images/intro/intro01_03.png') 30px 10px no-repeat;}

.stroy_01 {overflow:hidden; border: 1px solid #ccc; padding: 40px 0; margin-left: 10px;}
.stroy_01 div {display:inline-block; width: 13.6%; height: 190px; vertical-align:top; margin: 0 3%; } 
.stroy_01 div ul {padding: 10px;}
.stroy_01 div ul li {text-align:center;}

.stroy_01 .story_title {background-color: #296da6; position: relative;}
.stroy_01 .story_title::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_01 .story_title ul { background: url('../images/intro/intro01_04.png') center 20px no-repeat;padding-top: 110px; }
.stroy_01 .story_title ul li {text-align:center; color: #fff; font-size: 18px; font-weight:bold;}

.stroy_01 .story_first {border: 3px solid #2ea5a5; box-sizing:border-box; position: relative;} 
.stroy_01 .story_first::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_01 .story_first ul {background: url('../images/intro/intro01_05.png') center 0 no-repeat; padding-top: 90px;}

.stroy_01 .story_se {  border: 3px solid #5b6774; box-sizing:border-box; position: relative;} 
.stroy_01 .story_se::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_01 .story_se ul {background: url('../images/intro/intro01_06.png') center 0 no-repeat; padding-top: 90px;}

.stroy_01 .story_th {  border: 3px solid #2ea5a5; box-sizing:border-box; position: relative;  } 
.stroy_01 .story_th::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_01 .story_th ul {background: url('../images/intro/intro01_07.png') center 0 no-repeat; padding-top: 90px;}

.stroy_01 .story_fo {   border: 3px solid #5b6774; box-sizing:border-box; position: relative;  } 
.stroy_01 .story_fo ul {background: url('../images/intro/intro01_08.png') center 0 no-repeat; padding-top: 90px;}
 
.stroy_02 {overflow:hidden; border: 1px solid #ccc; padding: 40px 0; margin-top: 30px;  margin-left: 10px;}
.stroy_02 div {display:inline-block; width: 13.6%; height: 190px; vertical-align:top; margin: 0 3%; } 
.stroy_02 div ul {padding: 10px;}
.stroy_02 div ul li {text-align:center;}

.stroy_02 .story_title {background-color: #ffab5f; position: relative;}
.stroy_02 .story_title::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_02 .story_title ul { background: url('../images/intro/intro01_09.png') center 20px no-repeat;padding-top: 110px; }
.stroy_02 .story_title ul li {text-align:center; color: #fff; font-size: 18px; font-weight:bold;}

.stroy_02 .story_first {border: 3px solid #2ea5a5; box-sizing:border-box; position: relative;} 
.stroy_02 .story_first::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_02 .story_first ul {background: url('../images/intro/intro01_05.png') center 0 no-repeat; padding-top: 90px;}

.stroy_02 .story_se {  border: 3px solid #5b6774; box-sizing:border-box; position: relative;} 
.stroy_02 .story_se::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_02 .story_se ul {background: url('../images/intro/intro01_10.png') center 0 no-repeat; padding-top: 90px;}

.stroy_02 .story_th {  border: 3px solid #2ea5a5; box-sizing:border-box; position: relative;  } 
.stroy_02 .story_th::before {content:''; background: url('../images/intro/arrow_right.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  right: -55px; top: 36%;}
.stroy_02 .story_th ul {background: url('../images/intro/intro01_11.png') center 0 no-repeat; padding-top: 90px;}

.stroy_02 .story_fo {   border: 3px solid #5b6774; box-sizing:border-box; position: relative;  } 
.stroy_02 .story_fo ul {background: url('../images/intro/intro01_12.png') center 0 no-repeat; padding-top: 90px;}

.address_iframe {margin-top: 20px;}
.address {border: 1px solid #ccc; border-top: 2px solid #155388; padding: 20px; margin-top: 30px;}
.address ul.address_in li {overflow:hidden;}
.address ul.address_in li span {display:inline-block; float:left; width: 13%; height: 30px; color: #155388;   position: relative; }
.address ul.address_in li a {font-family:'Noto Sans KR'; font-size: 16px;}
 
.address .bus {border-top: 1px dashed #ccc; padding-top: 20px; margin-top: 20px;}
.address .bus dl:last-child {margin-top: 10px;}
.address .bus dl dt {  color: #155388;     } 
.address .bus dl dd span {   }
.address .bus dl dd {position: relative; padding-left: 12px; margin-left: 7px;}
.address .bus dl dd::before {content:''; position: absolute;  width: 5px; height: 1px; background-color: #666; top:13px; left:0;}

@media all and (max-width: 1200px) {
 
}
@media all and (max-width: 900px) {
	.stroy_01 div {width: 23%; margin: 0 5%; }
	.stroy_01 div ul {padding: 5px;}

	.stroy_01 .story_se::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px;  top: inherit; bottom: -55px; left: 44%;}
	.stroy_01 .story_th {float:right; margin-top: 65px;}
	.stroy_01 .story_th::before {content:''; background: url('../images/intro/arrow_left.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  left: -55px; top: 36%;}
	.stroy_01 .story_fo {float:right; margin-top: 65px;}

	.stroy_02 div {width: 23%; margin: 0 5%; }
	.stroy_02 div ul {padding: 5px;}

	.stroy_02 .story_se::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px;  top: inherit; bottom: -55px; left: 44%;}
	.stroy_02 .story_th {float:right; margin-top: 65px;}
	.stroy_02 .story_th::before {content:''; background: url('../images/intro/arrow_left.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  left: -55px; top: 36%;}
	.stroy_02 .story_fo {float:right; margin-top: 65px;}
}

@media all and (max-width: 767px) {
	.stroy_01 div {width: 38%; height: 170px; margin: 0 3%;}
	.stroy_01 .story_first {float:right;  }
	.stroy_01 .story_first::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 44%;}
	
	.stroy_01 .story_se {float:right; margin-top: 65px;}
	.stroy_01 .story_se::before {content:''; background: url('../images/intro/arrow_left.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  left: -55px; top: 38%;}

	.stroy_01 .story_th {float:left; border: 3px solid #2ea5a5; box-sizing:border-box; position: relative; margin-top: 65px;} 
	.stroy_01 .story_th::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 44%;}
	
	.stroy_01 .story_fo {float:left;}

	.stroy_02 div {width: 38%; height: 170px; margin: 0 3%;}
	.stroy_02 .story_first {float:right;  }
	.stroy_02 .story_first::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 44%;}
	
	.stroy_02 .story_se {float:right; margin-top: 65px;}
	.stroy_02 .story_se::before {content:''; background: url('../images/intro/arrow_left.png') 0 50% no-repeat; position: absolute; width: 55px; height: 42px;  left: -55px; top: 38%;}

	.stroy_02 .story_th {float:left; border: 3px solid #2ea5a5; box-sizing:border-box; position: relative; margin-top: 65px;} 
	.stroy_02 .story_th::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 44%;}
	
	.stroy_02 .story_fo {float:left;}
}
 
@media all and (max-width: 480px) {
	.box_list dl {padding-left:0; background-position: center 0; padding: 0 20px; padding-top: 100px;}
	.list_ul dt {font-size: 16px;}
	.list_ul dd {font-size: 14px;}


	 .stroy_01 div {width: 100%; margin: 0; border:0;}
	 .stroy_01 div ul li br {display:none;}
 
	 .stroy_01 .story_title::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 46%;}
	 .stroy_01 .story_first {margin-top: 65px;}
	
	 .stroy_01 .story_se::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 46%;}
	 .stroy_01 .story_first::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 46%;}
	
	 .stroy_02 div {width: 100%; margin: 0; border:0;}
	 .stroy_02 div ul li br {display:none;}
 
	 .stroy_02 .story_title::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 46%;}
	 .stroy_02 .story_first {margin-top: 65px;}
	
	 .stroy_02 .story_se::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 46%;}
	 .stroy_02 .story_first::before {content:''; background: url('../images/intro/arrow_bottom.png') 0 50% no-repeat; position: absolute; width: 41px; height: 55px; top:inherit;  bottom: -55px; left: 46%;}
	
 	.address ul.address_in li {margin-bottom: 5px; position: relative; padding-left: 12px;}
	.address ul.address_in li span {padding-left:0; float:inherit; display:block;width: 100%; height: auto; color: #155388;   position: relative; }
	.address ul.address_in li::before {content:''; position: absolute;  width: 5px; height: 1px; background-color: #666; top:37px; left:0;}
}


/*ÁÖ¿ä»ç¾÷ biz*/

/**01**/
.box_icon {background-color: #f0efe5; border: 1px solid #dcdcdc; padding: 25px 55px;}
.box_icon p {height: 75px;background: url('../images/biz/content_icon.png') 0 0 no-repeat; padding-left: 110px; padding-top: 5px;}

.bul_list li {position: relative; padding-left: 15px;}
.bul_list li::before {content: '';position: absolute;width: 5px;height: 1px;background-color: #666;top: 13px;left: 0;}

p.bul_list {position: relative; padding-left: 15px; }
p.bul_list::before {content: '';position: absolute;width: 5px;height: 1px;background-color: #666;top: 13px;left: 0;}


.biz_box {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dashed #e5e5e5;}
.biz_box p {width: 28%; height: auto; padding: 10px; border: 1px solid #ccc; border-radius: 10px; display:inline-block; margin-right: 3%;}
.biz_box p img {width: 100%; height: auto;}
.biz_box div {width: 64%; display: inline-block; vertical-align:top; margin-top: 25px;  }
.biz_box div > h4 {margin-bottom: 0;}
.biz_box div dl {margin-left: 5px;}
.biz_box div dl dt {color: #333; font-size: 18px; margin-bottom: 20px;}
.biz_box div dl dd {line-height: 1.6em;margin-left: 10px;}
.biz_box:last-child {border-bottom: 0;}

.biz_list {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dashed #e5e5e5;}
.biz_list div dl dt{color: #333; font-size: 18px; margin-bottom: 20px;}
.biz_list div dl dd {margin-bottom: 20px;}
.biz_list h4 {margin-left:0; margin-bottom:0;}

/* ÀýÂ÷ */
.step{margin: 10px 0 0 0; height: 210px; background: url('../images/biz/step_wrap.png') 0 0 no-repeat; background-size: 100%;}
/* .step>li{float: left;} 
.step.li2>li{width: 50%;}
.step.li3>li{width: 33%;}
.step.li4>li{width: 25%;}
.step.li5>li{width: 20.5%;}
.step.li5>li.last {width: 18%;}
.step li { margin-bottom:10px; } 
.step.li6>li{width: 33%}
.step.li6>li.last{width:31%}
 */
/** ù¹ø° °­Á¦ È­»ìÇ¥ Ãß°¡   **/
/* .step>li:after,
.step>li.first:before {background: url('../images/biz/step_right.png')  center center no-repeat; width: 10%; height: 25px; display: inline-block; content: ''; vertical-align: middle;}
.step>li div{border: 2px solid #0fb897; text-align: center; display: inline-block; width: 87%; padding: 10px; box-sizing:border-box; border-radius: 6px;vertical-align: middle;}
.step>li.first div	{ width: 76%; }
.step>li:last-child:after{display: none;}
.step>li:last-child div{width: 100%;}
.step:after{content: ''; display: block; clear: both;}
.step>li .txt01{background: #0fb897; padding: 5px; color: #fff; font-weight: 600; }
.step>li .txt02{padding-top: 10px;}
.step>li p {display:block; border:0;}

.step li:nth-child(even) div{border: 2px solid #0080d2;}
.step li:nth-child(even) .txt01{background: #0080d2;} */
@media all and (max-width: 1043px) {
	.step.li5>li {width: 25%;margin-bottom: 10px;}
	.step.li5>li.last {width: 21.7%;}
}
@media all and (max-width: 845px) {
	.box_icon p {height: auto; }
	.biz_box div {margin-top:0;}
	.biz_box div dl dt {font-size: 16px;}
	.biz_box div dl dd {font-size: 14px;}

	.step.li5>li {width:33.33%;}
	.step.li5>li.last {width: 29%;}
}
@media all and (max-width: 720px) {
	.step{margin-top: 10px; min-height: 612px;   background: url('../images/biz/step_wrap_mobile.png') center 0 no-repeat; background-size: 60%; }
	.step>li{width: 50% !important; margin-bottom: 10px;}
	.step.li5>li {width:33.33% !important;}
	.step.li5>li.last {width: 29% !important;}
}
@media all and (max-width: 620px) {
	.step.li5>li {width:50% !important;}
	.step.li5>li.last {width: 43.4% !important;}
	.biz_list div dl dt {font-size: 16px; }
}
@media all and (max-width: 550px) {
	.box_icon {padding: 10px 30px;}
	.box_icon p {background-position: center 10px; padding-left:0; padding-top: 100px;}
	h4 {font-size: 18px;}
	.biz_box {margin-bottom: 20px; padding-bottom: 20px; margin-bottom:20px;}
	.biz_box p {width: 95%; }
	.biz_box div {width: 100%; margin-top: 10px;}
	.biz_box div dl dt {margin-bottom: 7px;}
	.biz_box div dl dd {margin-left:0;}

	.step>li{width: 100% !important;}
	.step>li.first:before,
	.step>li:after{background: url('../images/biz/step_bottom.png') no-repeat center center; width: 25px; height: 15px; content: ''; display: block; margin: 10px auto 0;}
	.step>li.first:before	{ margin: 0 auto 10px; }
	.step>li div,
	.step>li.first div	{width: 100%;}
	.biz_list div dl dd {  padding-bottom: 20px;}
	.biz_list div dl dd.last-step {border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.step {background-size: 86%; min-height: 670px; }
	.step.li5>li, .step.li5>li.last  {width:100% !important;}
}
@media all and (max-width: 400px) { 
	.step {background-size: 100%; min-height: 580px; }
}

/*Á¤½Å°Ç°­Á¤º¸ mind 2019-02-22*/


/* ÀÌÁÖÇö_190219 + */

/* Á¤½Å°Ç°­Á¤º¸ */
.list_init {margin: 0;padding: 0;}
p.explain {margin: 15px 0; margin-left: 15px;}
.concept {box-sizing: border-box;border: dashed 1px #3f76bb;padding: 20px;display: inline-block;}
.concept .icon_box {width: 15%;float: left;text-align: center;margin-right: 3%;}


.symptom {overflow:hidden;}
.list_initbox li {float:left; width: 29%; height: 100px; text-align:center; margin: 1%; background-color: #fafafa; border: 1px solid #ccc; padding: 1%;}
.list_initbox li p.num {text-align: center; width: 30px; height: 30px; background-color: #5FB8AF; border-radius: 50%; color: #fff; margin: 0 auto; line-height: 30px; margin-bottom: 10px;}

.concept .list_init {float: left;width: 82%;}
.concept .list_init li {line-height: 1.6;padding-bottom: 10px;list-style: circle;}
.concept li.no-style {list-style:none;}
.concept p.title {font-size: 18px; color: #333; margin-bottom: 7px;}

@media all and (max-width: 767px) {
	.concept p.text {font-size: 14px;}
}

.cause {border-bottom: dotted 1px #ccc;padding-bottom: 15px; overflow:hidden;}
.cause .icon_box {width: 15%;text-align: center;float: left;margin-right: 20px;}
ul.cause_list {width: 80%;float:right;color: #2e98b7;font-size: 18px;font-weight: 500;line-height: 2;}
ul.cause_list li {list-style: circle;}
table.symptom {width: 100%;padding: 0;margin: 0;border-spacing: 0;box-sizing: border-box;border-bottom: solid 1px #ddd;}
table.symptom li {list-style: circle;padding-bottom: 5px;}
table.symptom li b {font-weight: 500;padding-right: 5px;}
table.symptom_h th {background-color: #eef5f8;color: #2e98b7;font-weight: 500;text-align: center;vertical-align: middle;border-top: solid 1px #ddd;border-right: solid 1px #ddd; padding: 0 10px;}
table.symptom_h td {padding: 20px 20px 20px 40px;border-top: solid 1px #ddd;}
table.symptom_v th {background-color: #eef5f8;color: #2e98b7;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding: 20px;font-weight: 500;text-align: center;vertical-align: middle;}
table.symptom_v th:first-child {border-left: none;}
table.symptom_v td {padding: 20px 20px 20px 40px;border-left: solid 1px #ddd;}
table.symptom_v td:first-child {border-left: none;}


table.symptom_hv thead th {background-color: #eef5f8;color: #2e98b7;font-weight: 500;text-align: center;vertical-align: middle;border-top: solid 1px #ddd; padding: 20px 0;}
table.symptom_hv tbody th {background-color: #f8f8f8;color: #2e98b7;font-weight: 500;text-align: center;vertical-align: middle;border-top: solid 1px #ddd; padding: 0 10px;}
table.symptom_hv td {padding: 20px;border-top: solid 1px #ddd;border-left: solid 1px #ddd; text-align: center; vertical-align: middle;}
table.symptom_hv td.left {text-align:left;}
.cure_box {display: inline-block;}
.cure {background: url('../images/mind/bg_01.png') 0 0 no-repeat #f3f4f5;box-sizing: border-box;padding: 30px; margin-bottom: 10px;overflow:hidden;}
.cure .icon_box {width: 20%;text-align: center;margin-right: 2%;float: left;}
.cure .icon_box img {width: 78%;max-width: 200px;}
.cure h5 {font-size: 18px;font-weight: 500;width: 78%;margin: 20px 0 10px;float: left;}
.cure p {width: 78%;height: auto;float: left;}
span.source {display: inline-block;width: 100%;font-size: 15px;text-align: right; }
span.source a.link {font-size: 14px;color: #3f76bb; font-family: 'Noto Sans KR'; font-weight: 400;}
span.source a.link:hover {font-size: 15px;color: #2e98be;}

.symptom_v dl { float:left; width: 32%; border: 1px solid #ccc; min-height: 450px; margin-right: 10px;}
.symptom_v2 dl {width: 48%;}
.symptom_v dt {background-color: #eef5f8;color: #2e98b7; padding: 20px;font-weight: 500;text-align: center;vertical-align: middle;}
.symptom_v dd {padding: 10px;}
.symptom_v dd ul li {list-style: circle; margin-left: 20px; margin-bottom: 7px;}
.symptom_v dl:last-child {margin-right:0;}

 
/* ¾Æµ¿Ã»¼Ò³â Á¤½Å°Ç°­¹®Á¦ tab */
.tab_mind_wrap > .tab {list-style: none;width: 100%;border: none; padding:0;}
.tab_mind_wrap .tab ul {width: 100%;text-align: center; margin-bottom: 20px;}
.tab_mind_wrap .tab ul li.current {position: relative;}
.tab_mind_wrap .tab li {cursor: pointer;float: none;display: inline-block;font-size: 17px;color: #333;padding: 15px;margin-right: 10px;border: solid 1px #ccc;box-sizing: border-box;}
.tab_mind_wrap .tab ul li:last-child {margin-right:0;}
.tab_mind_wrap .tab ul li.current::before {content: none;}
.tab_mind_wrap .tab ul li.current {position: relative;border: solid 1px #3f76bb;color: #3f76bb;font-weight: 400;}
.tab_mind_wrap > .tab li a {padding: 0; font-family:'Noto Sans KR'; font-size: 15px;}

@media all and (max-width: 767px) { 
	.concept .icon_box {width: 100%; float:inherit; margin-right:0; margin-bottom: 10px;}
	.concept .icon_box img {width: 20%;}
	.concept .list_init {float:inherit; width: 100%;}
	.concept .list_init li {margin-left: 20px; font-size: 14px; margin-left:0; list-style: none;}

	.list_initbox li {font-size: 14px; width: 45%; }

	.tab_mind_wrap > .tab {padding-left:0 !important;}
	.tab_mind_wrap > .tab li.s_tab {font-size: 13px !important;}
	
	.cause .icon_box {width: 100%; float:inherit; }
	.cause .icon_box img {text-align:center;}
	ul.cause_list {width:100%; float:inherit; text-align:center;}
	ul.cause_list li { font-size: 14px; margin-left: 20px; text-align:left;}


	table.symptom_h th {display:block; width: 100%; clear: both; box-sizing:border-box; padding: 10px 0; border-left: 1px solid #ccc;}
	table.symptom_h td {display:block; width: 100%; clear:both; box-sizing:border-box; font-size: 14px; padding: 15px; margin-bottom: 20px;}
	table.symptom_h td ul {margin-left: 20px;}
	table.symptom_h td ul li {font-size: 14px;} 

	.cure .icon_box {display: inherit; width: 100%; margin-right:0; }
	.cure .icon_box img {text-align:center; width: 20%; margin-bottom: 20px;}
	.cure h5 {float:inherit; width: 100%; text-align:center; font-size: 17px; }
	.cure p {width: 100%; text-align:center; font-size: 14px;}

	table.symptom li {font-size: 14px;}

	.symptom_v dl {float:inherit; width: 98%; min-height: auto; margin-bottom: 10px; margin-right:0;box-sizing: border-box;}
	.symptom_v dt {padding: 10px 0; }
	.symptom_v dd ul li {font-size: 14px;}

	table.symptom_v th {padding: 15px 10px; color: #666; font-size: 15px; }
	table.symptom_v td {padding: 10px 10px 10px 30px;}
}

@media all and (max-width:540px) {
	.tab_mind_wrap > .tab li.s_tab {width: 48%; margin: 1%; margin-right:0 !important;}
	.tab_mind_wrap > .tab li {width: 40%;}
	span.source {font-size: 13px;}	
}

@media all and (max-width: 400px) {
	.cure {padding: 20px 10;}
	.cure .icon_box {display:none;}
	.cure h5 {margin-top:0;}

	.list_initbox li {width: 92%; height: auto; padding: 10px;}
	.list_initbox li p.num {font-size: 14px;}
}


/*ÀÚ°¡Å×½ºÆ®*/
.box02 {background-color: #f0efe5; border: 1px solid #dcdcdc; padding: 20px 50px;}
.box02 p {padding-bottom: 10px; background: url('../images/test/box2_icon.png') 0 0 no-repeat; padding-left: 80px; background-size: 42px 35px;}
.test_list {border-top: 2px solid #5fb8af; padding: 20px 10px; margin-top: 30px;}
.test_list dl {border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.test_list dl dt {font-size: 18px; color: #333; margin-bottom: 10px; margin-left: 10px;}
.test_list dl dd {margin-left: 25px; line-height: 1.8em;}

.text_ok {background-color: #6DD9E9; border-radius: 20px 20px 0 0; border: 1px solid #ccc; border-bottom:0; padding: 10px 20px; display:inline-block;  }
.text_ok > p {color: #2C4E5F;}
.test_list_ok {min-height: 150px; background: url('../images/test/ok_icon.png') 40px 40px #F1FBFE no-repeat; border: 1px solid #ccc; padding: 40px 20px; padding-left: 220px; }
.test_list_ok .ok_top {font-weight:bold;  font-size: 20px; margin-bottom: 10px;}

.ok_bottom {  margin-top: 20px;} 

.test_list_ok .ok_list {margin-top: 10px;}
.test_list_ok .ok_list > p {font-weight:bold;}

.test_guid {position: relative; min-height: 290px; margin-top: 30px;}
.test_guid_in {background-color: #f7f7f7; position: absolute; bottom: 0; width: 100%; min-height: 210px; padding: 40px 0;  padding-left: 40px; box-sizing: border-box; }
.test_guid_in::before {content:''; background: url('../images/test/test_guid.png') 0 0 no-repeat;   position: absolute; bottom:0; right: 30px; width: 210px; height: 290px;}
.test_guid span {display:block; font-size: 15px; color: #555; line-height: 1.8em; }
.test_guid span.ok_call {background: url('../images/test/call.png') 0 0 no-repeat; padding-left: 30px;}
.test_guid ul {overflow:hidden; margin-top: 20px;} 
.test_guid ul li {float:left; border-radius: 30px; padding: 7px 20px; background-color: #005dac;  color: #fff; margin-right: 15px;}
.test_guid ul li:nth-child(2) {background-color: #208ce8;}
.test_guid ul li:nth-child(3) {background-color: #5ab0f8;}


/*¹Ú½º : box*/
.box03 {padding: 25px 35px; background-color: #f5f5f5; font-size: 17px; margin-bottom: 20px; margin-top: 50px !important; margin-left: 0 !important;}
.box03.first {margin-top: 0 !important;}

/*¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â*/
.ask_btn .idpw_ok {background-color: #5fb8af;}
.member_search {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #ccc;  }
.member_search .member_in {padding: 40px; background-color: #f4f5f6; text-align:center; margin-bottom: 20px;}
.member_search .member_in p {color: #333; font-size: 17px;}
.other_in {border-top:1px solid #ccc; padding-top: 40px; margin-top: 40px;}

a.login_ok_btn {color: #fff; font-family:'Noto Sans KR'; font-size: 16px; margin: 0 auto; margin-top: 20px;}


/*Æ˾÷â*/
.popup_tit {font-size: 18px; font-family:"Noto Sans KR"; text-align:center;}

/*ȸ¿øÁ¤º¸ °¡ÀÔ¿Ï·á*/
.member_box{text-align:center; }

/**Ķ¸°´õ**/
/*Ķ¸°´õÆ˾÷*/
.album_bg {margin: 0; padding: 0; background-color: #f3f3f3;  }
.cal_title {background-color: #0b244f; padding: 20px 0;  color: #fff; text-align:center; font-size: 18px; font-family:'Noto Sans KR'; }
.cal_wrap { width: 95%; padding: 0 15px; padding-bottom: 15px;   background-color: #fff; margin: 20px auto;   box-shadow: 3px 3px 7px #ccc;}

.cal_month {text-align:left;height: 70px; line-height: 70px;}
.subject_tit {height: 40px; line-height: 40px; font-weight:bold; font-size: 18px; color: #0b244f;}
.subject_text {height: 40px; line-height: 40px; color: #555; }
.cal_btn {width: 100%;  text-align:center; padding-top: 30px;}
.cal_btn a {color: #fff; padding: 10px 40px; background-color: #0b244f; display:inline-block; margin: 0 auto; text-align:center; }
.cal_mon a {color: #5FB8AF; font-weight:bold;}


 

td.board_read img {
    display: inline-block;
    width: 70%;
}

@media all and (max-width:670px) {
.test_guid_in {padding-left: 0;padding: 30px;}
.test_list_ok {padding-left: 0;padding: 220px 20px 20px 20px;    min-height: inherit;}
}


/*°³ÀÎÁ¤º¸º¸È£Ã¥ÀÓÀÚ*/
.assign_table{border: 1px solid #ddd; margin-top: 5px; border-top: 2px solid #164b8c; margin-top: 10px;}
.assign_table > table{width: 100%;}
.assign_table > table .thead td{font-weight: 500;}
.assign_table > table td{text-align: center; width: 25%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px;}
.assign_table > table td.no_right{border-right: 0;}
.assign_table > table td.no_line{border-bottom: 0; border-right: 0;}
.assign_table > table tr:last-child td{border-bottom: 0}

/*±³À° ¹× Çà»ç*/
.education{border: 2px solid #164b8c;}
.education_list{border-bottom: 1px solid #ddd; padding: 15px; display: flex;}