@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
/*  한국어 */
:lang(ko) {
  font-family: 'Noto Sans KR', sans-serif;
}
 /* 일본어 */
:lang(ja) {
  font-family: 'Noto Sans JP', sans-serif;
}
 /* 중국어 (간체) */
:lang(zh-Hans) {
  font-family: 'Noto Sans SC', sans-serif;
}

/* swiper */
div.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(/assets/img/main_arrow_prev.png);
	background-size: auto 30px;
}
div.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(/assets/img/main_arrow_next.png);
	background-size: auto 30px;
}
.swiper-pagination-bullet-active{
	background: #333 !important;
}
body { }

a, a:hover { text-decoration: none; color: #323232; }
.cl {clear: both; overflow-y: hidden;}
img {vertical-align: text-bottom;}

body * {box-sizing: border-box; -webkit-transition: background-color 0.3s, color 0.3s; transition: color 0.3s, background-color : 0.3s; word-break: keep-all;}
.contents_box * {max-width: 100% !important;}
.bold { font-weight: bold; }
.full_link {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.float_link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.ell {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:100%;
	overflow:hidden;
}
.inwrap {
	background: #FFF;
	margin: 0 auto;
	max-width: 1476px;
	overflow: hidden;
}
[onclick], [data-role="tab-btn"], [data-role="change_video"]{
	cursor: pointer;
}
/* TOP 버튼 */
#scroll_top_box {
    position: fixed; 
    right: 20px; 
    bottom: 20px; 
    z-index: 100; 
}
/* 여백 */
.font20 {
	font-size: 19px;
	line-height: 30px;
	letter-spacing: -1px;
}
.font20.gray {
	color: #999;
}

.font16 {
	font-size: 16px;
	line-height: 30px;
}
.font16.gray {
	color: #999;
}

.tb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.b30 {
	margin-bottom: 30px;
}

.b50 {
	margin-bottom: 50px !important;
}

.only-pc, .only-m { display: none; }

.inwrap img{
	max-width: 100%; /*sim-modify:100%*/
}

.inwrap .inwrap_inside{
	padding: 0 100px;
}
.inwrap .inwrap_inside:last-child{
		padding-bottom: 50px;
	}
.inwrap .inwrap_inside:last-child{
	padding-bottom: 100px;
}
.inwrap .inwrap_inside:last-child{
		padding-bottom: 50px;
	}

.inwrap .inwrap_inside .gray_bg{
	background: #f9f9f9;
	letter-spacing: -1
	.inwrap .inwrap_inside:last-child{
		padding-bottom: 50px;
	}px;
	height: auto;
	overflow-y: hidden;
	padding: 50px 20px;
	font-size: 20px;
	margin: 50px 0;
}
.inwrap .inwrap_inside :first-child.gray_bg{
	margin-top: 100px;
}
.inwrap .inwrap_inside:last-child{
		padding-bottom: 50px;
	}
.inwrap .inwrap_inside .gray_bg h3{
	margin-top: 5px;
	margin-bottom: 1
	.inwrap .inwrap_inside:last-child{
		padding-bottom: 50px;
	}5px;
}


/* half box */

.inwrap .half_box {
	overflow: hidden;
	clear: both;
	height: auto;
	margin-bottom: 20px;
}
.inwrap .half_box img {
	max-width: 100%;
}
.inwrap .half_box > div {
}
.inwrap .half_box .text {
	font-weight: none; /*sim-modify:bold*/
	color: #222;
	font-size: 19px;
	line-height: 30px;
	word-break: keep-all;
	text-align: left;
	padding: 2% 3%; /*sim-modify:2% 5%*/
}
.main_title,
.inwrap .half_box .text > .title {
	display: block;
	font-size: 26px;
	line-height: 40px;
	margin-bottom: 15px;
}

.blue_list_mark {
	display: inline-block;
	padding-left: 20px;
	background: url('/assets/img/list_style.png') no-repeat top 11px left 7px;
	font-weight: bold;
	padding-right: 5px;
	/*font-size:0.95rem; /*심-추가*/*/
}
.title_zone{
	margin:80px 0 60px 0;
	text-align: center;
	word-break: keep-all;
}
.title_zone h1{
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 50px;
	line-height: 60px;
	color: #2f2f2f;
	word-break: keep-all;
}
.title_zone h3{
	margin:0 5%;
	/*font-weight: bold;*/ /*sim-modify*/
	font-size: 20px;
	line-height: 40px;
	color: #444;
}
.site_main_line {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 2px;
	background: #31dbf1;
}
.context_title {
	margin-top: 90px;
}
.context_title span.subject{
	display: block;
	clear: both;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 50px;
	font-size: 34px;
	line-height: 45px;
	color: #333;
}
.context_title span.line{
	display: inline-block;
	width: 60px;
	height: 2px;
	background: #1bacbf;
}

/* pagin */
ul.list_pagination {
    display: -webkit-inline-box;
    margin-bottom: 50px;
}
ul.list_pagination .active a {
	border:solid 1px #d6d6d6;
}

ul.list_pagination li {
	display: inline-block;
	min-width: 34px;
	height: 34px;
	margin: 0 2px;
	border: solid 1px #d6d6d6;
	line-height: 32px;
}
ul.list_pagination li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 4px;
	color: #333;
	background: #FFF;
	border-radius: 0 !important;
}
ul.list_pagination li.active {
	background: #269aa9;
	color: #FFF;
}

span.quote_mark{
	display: block;
	margin:0 auto;
	width: 60px;
	height: 60px;
}
span.quote_mark.up{
	margin-top: 20px;
	background: url('/assets/img/sub_quote_up.png') no-repeat top center;
}
span.quote_mark.down{
	margin-top: 15px;
	margin-bottom: 20px;
	background: url('/assets/img/sub_quote_down.png') no-repeat top center;
}
.quote_text{
	letter-spacing: 0; /*sim-modify:-1px*/
	display: block;
	clear: both;
	font-size: 24px;
	line-height: 30px;
	color: #333; 
}

/* 공통 색상 */
.main_color{
	color: #1bacbf;
}

.red {
	color: #f62222;
}

/* 공통 양식 */

.inwrap span.sub_black_title{
	font-weight: bold;
	color: #000;
	font-size: 34px; /*sim-modify:22px*/
	line-height: 100px;
	display: block;
}

.inwrap span.sub_title{
	font-weight: bold;
	color: #1bacbf;
	font-size: 22px;
	line-height: 50px;
	display: block;
}
.inwrap .sub_list{
	display: block;
	height: auto;
	overflow: hidden;
	line-height: 25px; /*sim-modify:34px*/
	font-size: 16px; /*sim-modify:18px*/
	margin-bottom: 5px; /*sim-modify:35px*/
}
.inwrap .sub_list li{
	margin-left: 5px;
	padding-left: 15px;
	background: url('/assets/img/list_dot.png') no-repeat left center;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:100%;
	overflow:hidden;
}
.inwrap .blue_list li{
	margin-left: 5px;
	padding-left: 15px;
	background: url('/assets/img/list_style.png') no-repeat left top 12px;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:100%;
	overflow:hidden;
}
.inwrap .sub_list_2{
	line-height: 25px;
	font-size: 14px;
	color:#555;
}
.inwrap .center_img{
	margin: 30px 0 50px 0;
	text-align: center;
}
.inwrap .sub_box{
	/*margin: 40px 0 80px 20px;*/
}
.inwrap .redbold{
	color: #d20000;
	font-weight: bold;
}
/* 테이블 감싸기 */
.inwrap .table_wrap {width: 100%; overflow-x: auto;}
.inwrap .table_wrap > table {min-width: 600px !important;}


/* 메인 테이블 */
.main_table {
	border-top: solid 2px #8b8b8b;
	table-layout: fixed;
	width: 100%;
	margin: 50px 0;
	font-size: 18px;
	letter-spacing: -1px;
	word-break: keep-all;
}
.main_table thead {
	background : #f4f4f4;
	height: 30px;
	color: #333;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
}
.main_table tbody > tr:hover {
	background: #f4f4f4;
}
.main_table tr > td{
	vertical-align: middle;
	padding: 30px 10px;
}
.main_table tr > td:first-child span.title {
	display: block;
	clear: both;
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 5px;
	font-weight: bold;
}

.main_table th, .main_table td {
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}
.main_table th:last-child,
.main_table td:last-child {
	border-right: none;
}



.over_black_div{
	position: relative;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #FFF;
}

:hover > .over_black_div{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.over_black_div > a.over_link{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

header#header {
	background: #FFF;
	z-index: 100;
	overflow: hidden;
	/* 드래그 방지 */
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
header#header > .inwrap {
	position: relative;
	height: 110px;
	padding: 30px 10px;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	overflow-y: visible;
} 
header#header > .inwrap > a#header_logo {
	float: left;
	display: inline-block;
    height: 50px;
    padding: 0px 0 20px 0;
}

nav#header_nav{
	float: left;
	margin-left: 70px;
	display: inline-block;
}

ul.a_full_menu {
	margin: 0;
	padding: 0;
}
ul.a_full_menu > li{
	float: left;
	height: 50px;
	text-align: center;
}
ul.a_full_menu li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}

nav#header_nav ul > li{
	float: left;
	height: 50px;
	line-height: 20px;
	padding: 15px 50px 15px 10px;
	text-align: center;
}
nav#header_nav ul > li:last-child{
	padding-right: 0;
}
nav#header_nav ul > li > a{
	color: #444;
}
nav#header_nav ul > li > a:hover{
	color: #007ac3;
}

#header_lang {
    position: absolute;
    top: 32px;
    right: 5%;
    cursor: pointer;
    z-index: 1005;
}
#header_lang ul {
	position: relative;
	overflow-y: visible;
	margin: 12px 0;
}
#header_lang ul > li {
	position: relative;
	font-size: 12px;
	height: 26px;
	line-height: 24px;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
	padding: 0 4px;
}
#header_lang ul > li:last-child {
	border-right:solid 1px #999;
}
#header_lang ul > li > a {
	color: #999;
}
#header_lang ul > li.active {
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	font-weight: bold;
	line-height: 24px;
}
#header_lang ul > li.active + li {
	border-left:solid 1px #333;
}
#header_lang ul > li.active:last-child {
	border-right:solid 1px #333;
}
#header_lang ul > li.active a {
	color: #333;
}


#header_mobile_menu {
	display: none;
}

#header_mobile_menu a > span{
	display: inline-block;
	width: 29px;
	height: 30px;
	background: url('../img/mobile_menu.png') no-repeat center center;
	background-size: auto 20px;
}
/* nav_mobile_nav */


nav.fixed_black_bg {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7);
	overflow-y: auto; display: none; z-index: 101;
}

ul#mobile_nav_set {
	border-top:solid 1px #000;
	background: #FFF;
}
ul#mobile_nav_set > li {
	display: block;
	line-height: 53px;
	font-size: 16px;
}
ul#mobile_nav_set > li > a,
ul#mobile_nav_set > li > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	height: 54px;
}
ul#mobile_nav_set > li > a {
	color: #FFF;
	border-bottom:solid 1px #FFF;
	background: url('../img/mobile_nav_down.png') no-repeat right 15px center #1bacbf;
}
ul#mobile_nav_set > li.active > a {
	background: url('../img/mobile_nav_up.png') no-repeat right 15px center #1bacbf;
}
ul#mobile_nav_set > li > ul {
	clear: both;
	height: auto;
}
ul#mobile_nav_set > li:not(.active) > ul {
	display: none;
}
/* nav_sitenavi */

nav#site_navi {
	background: #FFF;
	position: relative;
	height: 44px;
	border-top  : solid 1px #d6d6d6;
	border-bottom : solid 1px #d6d6d6;
	overflow-y: visible;
	z-index: 100;
}
nav#site_navi > .inwrap {
	overflow: visible;
}
nav#site_navi ul.navi_menu {
	margin: 0;
	padding: 0;
    height: 42px;
}
nav#site_navi ul.navi_menu > li a {
	font-size: 14px;
	color: #717171;
}
nav#site_navi ul.navi_menu > li {
	float: left;
	height: 42px;
	border-right:solid 1px #d6d6d6;
}
nav#site_navi ul.navi_menu > li:not(:first-child) {
	width: 200px;
	background: url(../img/navi_arrow.png) no-repeat right 18px center;
}
nav#site_navi ul.navi_menu > li:first-child {
	width: static;
	border-left:solid 1px #d6d6d6;
}
nav#site_navi ul.navi_menu > li:first-child > a {
	background: url(../img/navi_home.png) no-repeat left 18px center;
	padding: 0 20px 0 45px;
}
nav#site_navi ul.navi_menu > li > a {
	display: inline-block;
	padding: 0 20px;
	width: 100%;
	height: 100%;
	line-height: 42px;
}
nav#site_navi ul.navi_menu > li > ul.second_set {
	display: none
}
nav#site_navi ul.navi_menu > li:hover > ul.second_set {
	display: block !important;
	border-top:solid 1px #ddd;
}
nav#site_navi ul.navi_menu > li > ul.second_set > li {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #FFF;
	border-bottom:solid 1px #ddd;
}
nav#site_navi ul.navi_menu > li > ul.second_set > li:hover {
	background: #eee;
}

/* 사이트 공통 버튼 */
.normal_form .normal_input {
    background: #FFF;
    width: 200px;
    padding: 3px 5px;
    height: 38px;
    line-height: 30px;
    border: solid 1px #dcdcdc;
	vertical-align: text-bottom;
}
.inwrap .normal_btn{
	background: #1bacbf;
	cursor: pointer;
	padding: 0 15px;
	border:none;
	font-size: 20px;
	line-height: 38px;
	height: 38px;
	color: #FFF;
	vertical-align: text-bottom;
}

.inwrap .normal_btn.cancel {
	color:#333;
	background: #e2e2e2;
}

.inwrap .normal_btn.gray {
	background: #999;
}
 
section#contents {
	z-index: 0;
}
/* content_select , intro_select */
[data-role="tab-contents"] > div:not(:first-child) {
    display: none;
}

[data-role="tab- "][data-match] ul > li {cursor: pointer;}
[data-role="tab-contents"][data-match] > div {clear: both;}

/* main_nav_set */
.main_nav_set_btn  {
	overflow: hidden;
	height: auto;
}
.main_nav_set_btn ul {
	overflow: hidden;
	border-top: solid 1px #d0d0d0;
	border-left:solid 1px #d0d0d0;
	margin:0;
}
.main_nav_set_btn ul > li:not(:first-child) {
	border-left: none;
}
.main_nav_set_btn ul > li {
	display: inline-block;
	float: left;
	height: 42px;
	line-height: 40px;
	color: #666;
	font-size: 17px;
	border-right: solid 1px #d0d0d0;
	border-bottom: solid 1px #a3a3a3;
	text-align: center;
	background: #fafafa;
}
.main_nav_set_btn ul > li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.main_nav_set_btn ul > li.active {
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #0e6a6b;
	background: #36bcbd;
}
.main_nav_set_btn ul > li.active > a {
	color: #FFF !important;
}


.intro_select{
	position: relative;
	height: 480px;
	margin: 0 auto;
	max-width: 1476px;
}
.intro_select > .bottom_nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	/*height: 50px;*/
	background: rgba(0,0,0,0.5);
}
.intro_select > .bottom_nav > ul > li {
	display: inline-block;
	float: left;
	width: 25%;
	text-align: center;
}
.intro_select > .bottom_nav > ul > li > a {
	display: inline-block;
	margin:0 auto;
	height: 100%;
	color: #FFF;
	line-height: 48px;
	border-bottom: solid 2px transparent;
	font-size: 21px;
}
.intro_select > .bottom_nav > ul > li.active > a,
.intro_select > .bottom_nav > ul > li:hover > a {
	color: #4ddcef;
	border-bottom: solid 2px #4ddcef;
}

.intro_select > .zone {
	padding-top: 130px;
	text-align: center;
}
.intro_select > .zone > .opacity_text {
	text-align: center;
	opacity: 0.5;
	-webkit-opacity: 0.5;
	font-size:14px;
	letter-spacing: 2px;
	line-height: 50px;
	color: #FFF;
	text-transform: uppercase;
}

.intro_select > .zone > .intro_text {
	display: block;
	margin-top: 10px;
	font-size: 40px;
	line-height: 56px;
	font-weight: bold;
	color: #FFF;
	text-shadow: #000 5px 5px 15px;
}

/* view box */
.inwrap #view_box {
	padding-top: 100px;
	padding-bottom: 100px;
}
.inwrap #view_box .subject_box {
	height: auto;
	overflow-y: hidden;
}

.inwrap #view_box .subject_box > .category,
.inwrap #view_box .subject_box > .title,
.inwrap #view_box .subject_box > .etc
{
	clear: both;
	display: block;
}
.inwrap #view_box .subject_box > .category{
	line-height: 40px;
	height: 40px;
	font-size: 24px;
}

.inwrap #view_box .subject_box > .title{
	line-height: 45px;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}

.inwrap #view_box .subject_box > .name{
	font-size: 20px;
	line-height: 46px;
}

.inwrap #view_box .contents_box{
	padding: 50px 0;
	margin-bottom: 20px;
	border-top: solid 1px #d6d6d6;
	border-bottom: solid 1px #d6d6d6;
}
.inwrap #view_box .btn_box{
	margin-top: 50px;
}


/* footer */
footer#footer {
	clear: both;
	position: relative;
	word-break: keep-all;
	margin: 0 auto 0 auto; /*sim-modify:0 auto 130px auto*/
	background: #222; /*sim-modify:#000*/
	padding: 25px 30px;
	color: #cacaca;
	overflow: visible;
}
footer#footer a {
	color: #999;
	font-size: 14px;
}

#footer_nav {
	overflow-y: hidden;
	height: auto;
	clear: both;
}
#footer_nav ul > li {
	line-height: 16px;
	height: 16px;
	padding-right: 10px;
	margin-right: 10px;
}
#footer_nav ul > li:not(:last-child) {
	border-right: solid #666 1px;
}
#footer_address {
	margin: 20px 0 15px 0;
	font-size: 13px;
	line-height: 20px;
}
#footer_copyright {
	color: rgba(255,255,255,0.5);
	font-size: 13px;
}

footer#footer > .right_side{
	position: absolute;
	right: 50px; /*sim-modify:30px*/
	top: 30px;
	width: 185px; /*sim-modify:180px*/
}
footer#footer > .right_side > ul{
	overflow-y: hidden;
}
footer#footer > .right_side > ul > li{
	float: left;
}
footer#footer > .right_side > ul > li a.bg_sns > span{
	display: inline-block;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	margin: 0 5px 0 5px;
}
footer#footer > .right_side > ul > li a.bg_sns.f > span{	background: url(../img/sns_f.png) no-repeat center center #537abb; }
footer#footer > .right_side > ul > li a.bg_sns.b > span{	background: url(../img/sns_b.png) no-repeat center center #42b648; }
footer#footer > .right_side > ul > li a.bg_sns.y > span{	background: url(../img/sns_y.png) no-repeat center center #ca2029; }

footer#footer > .right_side > .family_site{
	position: relative;
	height: 30px;
	overflow-y: visible;
	z-index: 10000;
}
footer#footer > .right_side > .family_site ul.site_list{
	position: absolute;
	margin:0;
	padding: 0;
	bottom: 30px;
	left: 0;
	width: 100%;
	display: none;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
footer#footer > .right_side > .family_site:hover ul.site_list{
	display: block;
}
footer#footer > .right_side > .family_site ul.site_list > li {
	display: block;
	width: 100%;
	clear: both;
	height: 34px;
	background: #FFF;
	border-top: solid 1px #ddd;
	line-height: 34px;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	
}
footer#footer > .right_side > .family_site ul.site_list > li:hover {
	background: #eee;				
}
footer#footer > .right_side > .family_site .site_btn {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	background: url(../img/family_arrow.png) no-repeat right center #FFF;
	border-radius: 0px;
	color: #939292;
}
footer#footer > .right_side > .family_site.active .site_btn {
	filter: alpha(opacity=70);
	opacity: 0.7;
	color: #000;
}

@media (max-width: 1500px) {
	.inwrap,
	.intro_select{
		max-width: 1259px;
	}
}
@media (max-width: 1280px) {
	.inwrap {
		padding: 0 10px;
		width: 100%;
	}
	nav#header_nav {
	    margin-left: 40px;
	}
}

@media (max-width: 991px) {
	body {padding-top: 70px;}

	.inwrap .inwrap_inside{
		padding: 0 50px;
	}
	.inwrap .inwrap_inside:last-child{
		padding-bottom: 50px;
	}
	nav.fixed_black_bg.active{
		display: block;
	}
	nav#header_nav {
	    margin-left: 20px;
	}
	.row table.half_list {
   		margin: 0 1.5% 0 1.5%;
	}
	header#header {
		position: fixed;
		top:0;
		width: 100%;
		height: 71px;
		border-bottom: solid 1px #adadad;
		overflow-y: visible;
	}
	header#header > .inwrap {
	    padding: 10px 0;
	    height: 70px;
   		overflow-y: visible;
	}
	header#header > .inwrap > a#header_logo {
		float: none;
	}
	header#header > .inwrap > a#header_logo > img{
		max-height: 25px;
	}
	nav#header_nav {
	    display: none;
	}
	#header_lang {
		position: fixed;
	    right: 10px;
	    top: 12px;
	}
	#header_mobile_menu {
		display: block;
		position: absolute;
	    left: 10px;
	    top: 20px;
	}

	#site_navi {
		display: none;
	}

	.title_zone{
		margin:40px 0 30px 0;
	}
	.title_zone h1{
		font-size: 30px;
		line-height: 40px;
	}
	.title_zone h3{
		font-size: 14px;
		line-height: 25px;
	}


	.context_title {
		margin-top: 50px;
	}
	.context_title span.subject{
		margin-top: 10px;
		margin-bottom: 30px;
		font-size: 26px;
		line-height: 32px;
	}
	.context_title span.line{
		display: inline-block;
		width: 50px;
		height: 2px;
		background: #1bacbf;
	}

	.inwrap .inwrap_inside :first-child.gray_bg{
		margin-top: 50px;
	}
	
	/*sim-add*/
	.inwrap .inwrap_inside .gray_bg{
		margin-top: 50px;
		font-size:14px;
	}
	
	/*sim-add*/
	.inwrap .inwrap_inside .gray_bg h3{
		font-size:16px;	
	}	
	
	span.quote_mark{
		display: block;
		margin:0 auto;
		width: 60px;
		height: 30px;
	}
	span.quote_mark.up{
		margin-top: 10px;
		background-size: 50%;
	}
	span.quote_mark.down{
		margin-top: 7px;
		margin-bottom: 10px;
		background-size: 50%;
	}
	.quote_text{
		font-size: 18px;
		line-height: 24px;
	}

	/* bot nav*/
	.intro_select{
		margin: 0;
	}
	.intro_select > .bottom_nav > ul > li > a {
		line-height: 40px;
		font-size: 18px;
	}

	/* half box */

	.inwrap .half_box {
		margin-bottom: 20px;
	}
	.inwrap .half_box .text {
		font-size: 15px; /*sim modify:17px;*/
		line-height: 25px; /*sim modify:30px;*/
	}
	.main_title,
	.inwrap .half_box .text > .title {
		font-size: 20px;
		line-height: 40px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.inwrap .half_box .text > .title.nb {
		margin-bottom: 0px;
	}



	.intro_select {
	    position: relative;
	    width: 100%;
	    height: inherit;
	    padding-bottom: 40px; /*sim-modify:70px*/
	}

	.intro_select > .zone {
		padding-top: 63px;
	}
	.intro_select > .zone > .opacity_text {
		font-size:12px;
		letter-spacing: 1px;
		line-height: 30px;
	}

	.intro_select > .zone > .intro_text {
		margin-top: 10px;
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 30px;
	}
	.normal_form .normal_input{
		width: 150px;
	}
	.normal_form .normal_input, .inwrap .normal_btn {
	    font-size: 14px;
	    line-height: 28px;
	    height: 28px;
	}
	.normal_form .normal_input#search_key{
		width: 100px;
	}


	/* 메인 테이블 */
	.main_table {
		margin: 50px 0;
		font-size: 20px;
	}
	.main_table thead {
		line-height: 35px;
		font-size: 16px;
	}
	.main_table tr > td{
		min-height: 100px;
		padding: 20px 5px;
	}
	.main_table tr > td:first-child span.title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 5px;
	}


	.quote_text {
	    font-size: 14px; /*sim modify:18px;*/
	    line-height: 24px;
	}

	/* 페이지 네이션 */
	ul.list_pagination li {
	    min-width: 28px;
	    font-size: 12px;
	    height: 28px;
	    line-height: 26px;
	}
	ul.list_pagination li.active {
		border:solid 1px #199eb0;
	}

	/* view box */
	.inwrap #view_box {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.inwrap #view_box .subject_box > .category{
		line-height: 30px;
		height: 30px;
		font-size: 16px;
	}

	.inwrap #view_box .subject_box > .title{
		line-height: 30px;
		margin-bottom: 10px
		font-size: 18px;
	}

	.inwrap #view_box .subject_box > .name{
		font-size: 14px;
		line-height: 28px;
	}

	.inwrap #view_box .contents_box{
		padding: 25px 0;
		margin-bottom: 25px;
	}

	.inwrap .normal_btn {
	    font-size: 14px;
	    line-height: 28px;
	    height: 28px;
	}



	footer#footer {
		padding: 25px 15px;
		margin-bottom: 0;
	}
	footer#footer > .right_side{
		position: static;
		clear: both;	
		width: 100%;
		height: 50px;
		margin-top: 25px;
		overflow-y: visible;
	}
	footer#footer > .right_side > ul {
		float: left;
	}
	footer#footer > .right_side > .family_site{
		float: right;
		width: 130px;
	}
	footer#footer > .right_side > .family_site:hover ul.site_list{
		width: 130px;
	     right: 0;
	    bottom: 30px;
	}
	footer#footer > .right_side > ul > li a.bg_sns > span{
		width: 30px;
		height: 30px;
		border-radius: 25px; 
		margin: 0 3px 0 3px;
	}
	footer#footer > .right_side > ul > li a.bg_sns.f > span
	{ background-size: auto 80%;}
	footer#footer > .right_side > ul > li a.bg_sns.b > span,
	footer#footer > .right_side > ul > li a.bg_sns.y > span
	{ background-size: 80% auto;}

	#footer_nav ul > li, #footer_copyright {
		font-size: 11px;
		padding-right: 5px;
    	margin-right: 5px;
	}

}

@media (min-width: 768px) {
	.only-pc { display: block; }
	.only-m { display: none; }
}
@media (max-width: 767px) {

	.only-pc { display: none; }
	.only-m { display: block; }

	.title_zone {
	    margin: 20px 0;
	}
	.inwrap .inwrap_inside{
		padding: 0 30px;
	}
	.inwrap .inwrap_inside:last-child{
		padding-bottom: 30px;
	}
	nav#header_nav {
	    margin-left: 0px;
	}
	.inwrap .inwrap_inside {
	    padding: 0 30px;
	}

	.main_nav_set_btn ul > li{
		font-size: 14px;
	}

	.intro_select > .zone {
		padding-top: 33px;
	}

	.intro_select > .zone > .intro_text {
		margin-top: 10px;
		font-size: 18px;
		line-height: 30px;
	}


	.inwrap span.sub_black_title {
	    font-size: 16px;
	    line-height: 50px;
	}

	.font20 {
	    font-size: 14px;
	    line-height: 20px;
	    letter-spacing: -1px;
	}
	.inwrap .sub_list,
	.inwrap .sub_list_2 {
	    line-height: 20px;
	    font-size: 12px;
	    margin-bottom: 25px;
	}
	/* bot nav*/
	.intro_select > .bottom_nav > ul > li > a {
		font-size: 14px;
		line-height: 30px;
	}
	#footer_address, footer#footer a{
		font-size: 12px;
	}

	
	footer#footer .family_site ul.site_list > li > a{
		font-size: 10px;
	}
}

@media (max-width: 575px) { 

	.inwrap .inwrap_inside{
		padding: 0 10px;
	}
	#header_lang {
		top: 12px;
		width: 36px;
		overflow-x: hidden;
	}
	#header_lang ul > li {
		display: none;
		width: 36px;
		text-align: center;
		background: #FFF;
	}
	#header_lang ul > li.active {
		display: block;
	    border: solid 1px #333;
	    font-weight: bold;
	    line-height: 24px;
	}
	#header_lang ul.active:hover > li {
		display: block;
	}
	#header_lang ul > li:not(.active):first-child {
		border-top:solid 1px #999;
	}
	#header_lang ul > li.active + li,
	#header_lang ul > li:not(.active) {
	    border-left: solid 1px #999;
	    border-right: solid 1px #999;
	    border-bottom: solid 1px #999;
	    border-top: none;
	}
	.inwrap .inwrap_inside {
	    padding: 0 5px;
	}
	/* view box */
	.inwrap #view_box {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.inwrap #view_box .subject_box > .category{
		line-height: 24px;
		height: 24px;
		font-size: 12px;
	}

	.inwrap #view_box .subject_box > .title{
		line-height: 20px;
		margin-bottom: 10px;		
		font-size: 15px;
	}

	.inwrap #view_box .subject_box > .name{
		font-size: 12px;
		line-height: 28px;
	}

	.inwrap #view_box .contents_box{
		padding: 20px 0;
		margin-bottom: 20px;
	}

	.inwrap .inwrap_inside :first-child.gray_bg{
		margin-top: 30px;
	}


	.main_nav_set_btn ul > li {
		font-size: 12px;
		line-height: 28px;
		height: 30px;

	}




}