@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url(common.css);
@font-face { 
font-family: 'OTEnjoystoriesBA';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
font-weight: normal;
font-style: normal; 
}

* {
margin:0 auto;
padding:0;
}
.clearfix::after {
clear:both;
content:"";
display:block;
}
body {
font-size:13px;
font-family: "Nanum Gothic" !important;
font-weight: normal;
overflow-x:hidden;
position:relative;
	top:0;
	left:0;
	max-width:100%;
}
#wrap {
	width:100%;
}
#header {
width:100%;
}

/* 네비게이션 */
#skipnavigation{position:absolute; z-index:9999;}
#skipnavigation a{display:block; position:absolute; text-align:center; top:-500px;width:500px;}
#skipnavigation a:hover,
#skipnavigation a:focus,
#skipnavigation a:active{background:#000; color:#FFF; left:50%; padding:5px; position:absolute; top:0; z-index:999;}

textarea{
	border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
	box-shadow: none !important;
}
/* header_start */
header nav {
transform:translateX(100%);
width:100%;
height:100%;
z-index:100;
opacity:0;
}

header nav > .nav__list {
	flex-direction:column;
	align-items:flex-start;
	margin:0;
    box-sizing: border-box;
}

header nav .nav__item {
text-align:center;
}

.nav__link {
text-decoration:none;
transition:opacity .5s ease-in-out;
transition-delay:500ms;
opacity:0;
}

.nav__list a.m_t {
font-size:1.2em;
font-weight: 600;
border-bottom:1px solid #ddd;
padding:12px 0;
    cursor: pointer;
}

.nav__list a.m_t_on {
    color: #fff;
    border-bottom: 1px solid #13254d;
    background-color: #677693;
}

.nav__trigger,.nav_close {
display:block;
float:right;
background-color:#13254d;
padding:16px 15px 24px;
}

.nav__icon {
display:inline-block;
position:relative;
width:35px;
height:3px;
background-color:#fff;
transition-property:background-color, transform;
transition-duration:.5s;
}

.nav__icon:before,.nav__icon:after {
content:'';
display:block;
width:35px;
height:3px;
max-width: 50px;
max-height: 71px;
position:absolute;
background:#fff;
transition-property:margin, transform;
transition-duration:.5s;
}

.nav__icon:before {
margin-top:-12px;
}

.nav__icon:after {
margin-top:12px;
}

.nav--active .nav__link {
display:block;
opacity:1;
}

header #nav_layer{
    transform: translateX(100%);
	opacity: 0;
}
.nav--active #nav_layer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 99;
	transition: all 300ms ease-in-out;
    transform: translateX(0);
	opacity: 1;
}
.nav--active .nav {
position:fixed;
width:60%;
height:100%;
top:0;
right:0;
transition:all 300ms ease-in-out;
transform:translateX(0);
opacity:1;
background:#fff;
/* box-shadow:0 0 0 2000px rgba(0,0,0,0.8); */
overflow-y:scroll;
}

.nav--active .nav .nav_close > .nav__icon {
background:rgba(0,0,0,0);
}

.nav--active .nav .nav_close > .nav__icon:before {
margin-top:0;
transform:rotate(45deg);
}

.nav--active .nav .nav_close > .nav__icon:after {
margin-top:0;
transform:rotate(-45deg);
}
nav > .n_top{
	background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
nav .home {
    width: 51px;
    padding: 6px 0 0 16px !important;
    font-size: 1.1em;
    text-align: center;
    float: left;
}
nav .home > i{
    color: #203564;
    display: block;
}
nav > .log {
width:100%;
text-align:center;
margin-top:59px;
background-color:#677693;
padding:10px 0;
}

nav > .log > div {
width:80%;
}

nav > .log a {
width:47%;
display:block;
font-size:1.2em;
float:left;
border-radius:5px;
background-color:#fff;
text-align:center;
padding:5px 0;
}

nav > .log a:last-child{
float:right;
}

header > .logo1 {
    width: 200px;
padding-top:12px;
margin-left:5%;
}
nav {
width:100%;
height:53px;
overflow:hidden;
position:absolute;
background-color:#fff;
box-sizing:border-box;
border-bottom:1px solid #ddd;
}

.nav__list .subnav_list {
height:100%;
font-size:1.1em;
border-right:1px solid #ddd;
display:none;
padding:0;
}

.nav__list .subnav_list > li {
text-align:left;
background-color:#f2f2f2;
border-bottom:1px solid #fff;
box-sizing:border-box;
}

.nav__list .subnav_list > li:last-child {
border-bottom:1px solid #ddd;
}

.nav__list .subnav_list a {
	display: block;
    font-size: 1.1em;
    color: #666;
    letter-spacing: 1px;
    padding: 10px 0;
    margin-left: 20px;
    position: relative;
    top: 0;
    left: 0;
}
.nav__list .subnav_list a:before{
	content:"-";
	display: block;
    position: absolute;
    margin-left: -11px;
}
/* header_end*/
/* section_start */
section .container {
width:100%;
padding-top: 20px;
}

section .container > .m_but {
width:90%;
    min-width: 288px;
padding-bottom:10px;
margin:0 auto;
}

section .container > .m_but> li {
width:32%;
float:left;
text-align:center;
}

/*section .container > .m_but > li:nth-child(2) {
margin:0 2%;
}

section .container > .m_but > li:nth-child(4) {
margin:5% 2% 0 17%;
}

section .container > .m_but > li:nth-child(5) {
margin-top:5%;
}*/

section .container > .m_but> li > a {
width:100%;
display:block;
}

section .container > .m_but> li > a > img {
width:100%;
height:auto;
}

/*section .container > .m_but> li:nth-child(1),section .container > .m_but > li:nth-child(3),section .container > .m_but > li:nth-child(4) {
background-color:#13254d;
}

section .container > .m_but> li:nth-child(2),section .container > .m_but > li:nth-child(5) {
background-color:#203564;
}*/

section .container > .t_menu,section .container > .con1 {
width:100%;
float:left;
text-align:center;
position:relative;
top:0;
left:0;
margin-bottom:20px;
}
section .container > .con2 {
width:100%;
float:left;
margin-bottom: 20px;
}
section .container > .info{
text-align:center;
}
section .container > .con1 > .t_menu:first-child {
padding-top:20px;
}

.container .mboard > ul > li {
/* height:42px; */
border-bottom:1px dotted #ddd;
text-align:left;
padding:12px 0;
}

.container .mboard > ul span {
font-size:1.2em;
color:#909090;
display:block;
}

.container .mboard > ul a {
display:block;
width:100%;
font-size:1.2em;
color:#505050;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.container > .t_menu .more_but , .container > .con1 .more_but  {
display:inline-block;
background-color:#151515;
color:#fff !important;
font-size:2em;
font-weight:600;
position:absolute;
top:30px;
right:5%;
padding:0 12px;
}

.container h4.con_t::before {
content:"";
width:100%;
height:3px;
display:block;
background-color:#677693;
position:relative;
top:-15px;
}

.container h4.con_t {
width:90%;
font-size:1.6em;
font-weight:bolder;
padding:28px 0 10px;
text-align: center;
}
.container .e_arrow{
    width: 30%;
    min-width: 250px;
    position: relative;
    top: -67px;
}
.container .e_arrow > .e_but_l{
display:inline;
float: left;
}
.container .e_arrow > .e_but_r{
display:inline;
float: right;
}
.container .info > ul {
font-size:1.4em;
font-weight:600;
}

.container .info > ul > li:nth-child(1) {
color:#505050;
}

.container .info > ul > li:nth-child(2) {
color:#133e9d;
margin:6px 0;
}

.container .info > ul > li:nth-child(3) {
color:#EB0F15;
}

.container .t_menu > table {
margin-top:11px;
}

.container .t_menu > table.meal_list {
width:100%;
margin-top:0;
}

.container .t_menu > table th > a,.container .t_menu > table td > a,.event_list a {
display:block;
font-size:1.4em;
color:#505050;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.container .t_menu > .event_list::before {
content:"";
width:0;
height:0;
display:block;
border:10px solid transparent;
border-top:none;
border-bottom:10px solid #203564;
position:relative;
top:-9px;
left:50%;
margin-left:-5px;
}

.container .t_menu > .event_list {
width:90%;
background-color:#203564;
    padding-bottom: 12px;
}

.container .t_menu > .event_list a {
color:#fff;
line-height: 1.8;
}

.container .t_menu > table.meal_list tr .m_date {
font-size:1.4em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
padding-bottom:10px;
color:#A86500;
}

/* .t_menu > div {
position:absolute;
bottom:0;
} */

.container .t_menu > table.meal_list tr .list {
line-height:36px;
}

.container h4.e_title img,.container h4.meal img,.container > .con1 h4.n_title img {
display:block;
padding-bottom:12px;
}

.container #gallery > li {
width:49%;
float:left;
}

.container #gallery > li:first-child {
margin-right:2%;
}

.container #gallery > li span {
width:100%;
display:block;
font-size:1.2em;
    font-weight: 600;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:left;
}

.container #gallery > li span:last-child {
color:#787878;
font-size:1em;
}

.container #visit {
width:90%;
height:auto;
text-align:center;
background:url(/images/gjnoin/visit.jpg) no-repeat top center / cover;
}

.container #visit > .title > a {
display:block;
width:100%;
color:#fff;
font-size:1.8em;
font-weight:bolder;
text-shadow:2px 2px 5px rgba(0,0,0,0.7);
padding:60px 0;
}

.container .tab {
width:90%;
padding-bottom:20px;
}
.container .tab h4 {
	font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px 0;
    letter-spacing: -0.6px;
}

.container .tab > li {
width:23.5%;
float:left;
margin-right:2%;
}

.container .tab .on {
color:#fff;
background-color:#203564;
}
.container .t_wrap > .tab_contents {
width:90%;
height:300px;
overflow-y:hidden;
border-bottom:1px solid #ddd;
margin-bottom: 20px;
}
.container .t_wrap > .tab_contents > .t_table{
	width:100%;
}
.container .t_wrap > .tab_contents > table tr > th , section > article.contents table.t_table thead th{
    font-size: 1.25em;
    background-color: #e9e9e9;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    padding: 12px 6px;
    vertical-align: middle;
    color: #666;
}
table.t_table tbody > tr{
	cursor: pointer;
}
table.t_table tr:hover{
	background-color:#f4f7fd;
}
.container .t_wrap > .tab_contents > table tr > td , section > article.contents table.t_table tbody td{
font-size:1.15em;
border-right:1px solid #dbdbdb;
border-left:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
text-align:center;
padding:12px 6px;
vertical-align: middle;
}
.container .mboard > ul > li:last-child,.container .t_wrap > .tab_contents > table tr:last-child > td {
border-bottom:0;
}
.container .t_wrap > .but01 {
	width: 90%;
    display: block;
    background-color: #151515;
    font-size: 1.6em;
    line-height: 1.1;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.container .t_wrap > .but01_1 {
width:160px;
display:none;
}
.container #m_d {
width:90%;
}

.container #m_d >.title {
color:#fff;
font-size:1.8em;
font-weight:bolder;
padding-top:40px;
text-shadow:2px 2px 5px rgba(0,0,0,0.5);
text-align:center;
}
.container #m_d > a{
width:23.5%;
display:block;
float:left;
border: 1px solid #ddd;
box-sizing:border-box;
text-align: center;
position: relative;
top: 0;
left: 0;
margin-left:2%;
}
.container #m_d > a:first-child{
margin-left:0;
}
.container #m_d > a > img{
	width:100%;
}
/* #m_d > a:nth-child(1) {
background:url(/images/mobile/d01.png) no-repeat 50%  45%;
}
#m_d > a:nth-child(2) {
margin:0 2%;
background:url(/images/mobile/d02.png) no-repeat 50%  45%;
}
#m_d > a:nth-child(3) {
background:url(/images/mobile/d03.png) no-repeat 50%  45%;
} */
.container #m_d > a > span {
background-color:#242424;
font-size: 1.7em;
font-weight: 600;
color:#fff;
padding:0 10px;
position: absolute;
top: 0;
right: 0;
}

section .container > .banner {
width: 90%;
height: 83px;
border: 1px solid #ddd;
float: left;
margin-left: 5%;
box-sizing: border-box;
}
.container > .banner > .l_but{
	display: inline;
    float: left;
    position: relative;
    top: 50%;
    margin-top: -20px;
    left: 3%;
}
.container > .banner > .r_but{
	display: inline;
    float: right;
    position: relative;
    top: 50%;
    margin-top: -20px;
    right: 3%;
}

.container > .banner > .r_but{
	display: inline;
    float: right;
    position: relative;
    top: 50%;
    margin-top: -20px;
    right: 3%;
}


.container > .banner > .banner_wrap {
width:180px;
height:44px;
position:relative;
top:19px;
overflow:hidden;
}

.container > .banner .banner_container {
height:44px;
/* position:absolute;
left:0; */
}

.container > .banner .banner_container > li {
width:180px;
height:auto;
float:left;
/* padding-right:10px; */
}

.container > .banner .banner_container > li img {
width:100%;
border:1px solid #ddd;
box-sizing:border-box;
}
header nav > .nav__list .subnav_list_on,.container h4.con_t > .e_date, header > .logo1 > a , section .bx-wrapper .bxslider a , .container > .banner .banner_container a {
display:block;
}
.container h4.con_t > .e_date, header > .logo1 > a > img{
	width: auto;
    height: 35px;
}
.container > .t_menu:last-child,.container .tab > li:last-child {
margin-right:0;
}

.container .mboard > ul , .container #gallery {
width:90%;
}

.container #gallery > li img, .container .tab > li:last-child > ul {
width:100%;
}
/* section_end */

/* footer_start */
footer {
margin-top:100px;
}

footer .copylink{
    width: 90%;
    min-width: 300px;
    /* max-width: 700px; */
    text-align: center;
}

footer .copylink > li {
    /* margin-left: 12px; */
    text-align: center;
    display: inline-flex;
	margin: 0 10px;
}
/* footer .copylink > li:first-child{
margin-left: 0;
} */
/* footer .copylink > li:nth-child(2) > a {
    padding: 0 12px;
} */
footer .copylink > li > a {
    display: block;
    font-size: 0.9em;
    color: #666;
    line-height: 2.5;
	position: relative;
    top: 0;
    left: 0;
}
/* footer .copylink > li:last-child > a::after {
	display:none;
}
footer .copylink > li > a::after{
	content:"";
	width:1px;
	height:12px;
	display:block;
	background-color:#909090;
	position: absolute;
    top: 1px;
    right: -6px;
} */

/* footer .copylink > li:nth-child(2) > a::before{
content:"";
width:1px;
height:12px;
display:block;
background-color:#909090;
float:right;
margin: 7px 2px 0 5px;
} */

footer #set_copy {
background-color:#f2f2f2;
padding: 30px 0;
}

/* #set_copy > div {
width:1200px;
padding:30px 0;
} */

footer #set_copy > .pc_btn{
    display: block;
    width: 57px;
    padding: 6px 12px;
    color: #fff;
    background-color: #787878;
    border-radius: 3px;
	margin: 16px auto;
	text-align:center;
}

footer #set_copy > .copyaddress {
    width: 90%;
    text-align: center;
}

footer .copyaddress > li {
color:#606060;
padding:2px 0;
}
footer .copyaddress > li#copyright {
font-size:0.9em;
color:#999999;
font-weight:normal;
padding-top:20px;
}
footer .copyaddress .copy_c {
color:#1b5499;
}
footer .copyaddress span{
    display: inline-block;
}
/* footer .copyaddress > li.qr{
padding:20px 0;
} */
/* footer .copyaddress > li.qr > a {
display:block;
width:75px;
} */
/* footer .socialnetwork{
	width: 100%;
    text-align: center;
    padding-top: 20px;
}
footer .socialnetwork > a {
display:block;
width:75px;
}
footer .socialnetwork span {
display:block;
font-size:1.1em;
text-align:center;
margin-top:2px;
} */

/*************서브공통_start*************/
#wrap > div.sub_top{
    height: 135px;
}
#wrap div.sub_vis{
	text-align: center;
	padding-top: 34px;
}
#wrap div.sub_vis01{
padding-top: 50px;
}
#wrap h3.sub_t{
    font-size: 1.8em;
    font-weight: 900;
    color: #fff;
	text-shadow: rgba(0, 0, 0, 0.45) 0px 0px 5px;
}
#wrap h3.sub_t.long {
	font-size:1.6em;
}
#wrap div.sub_title > p > a , #wrap div.sub_title > p > i{
	color:#fff;
    font-size: 1.2em;
    padding: 10px 2px 0 2px;
	text-shadow: rgba(0, 0, 0, 0.45) 0px 0px 5px;
}

section > article.contents{
    padding-top: 50px;
}
section div.in_box{
	/* width:90vw;
	min-width: 290px; */
	    padding: 0 15px;
	margin:0 auto;
}
section > article.contents h5{
    font-size: 2em;
    font-weight: 600;
    padding-bottom: 30px;
    font-family: "Nanum Gothic";
    text-align: center;
}
section p.business01{
    background-color: #f9f9f9;
    font-size: 1.25em;
    font-weight: 600;
    color: #203564;
    text-align: left;
    line-height: 1.6;
    padding: 12px 24px;
}
section p.business01 > span{
    display: block;
    position: relative;
    top: 0;
    left: 0;
}
section p.business01 > span::before{
	content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    top: 10px;
    left: -10px;
    background-color: #203564;
}
section ul.business02 > li:first-child span{
	display: block;
    width: 20vw;
    height: 20vw;
    max-width: 70px;
    max-height: 70px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    text-align: center;
    background: url(/images/gjnoin/dot_bg.png) no-repeat 50% 50%;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 7px 14px 0 rgba(18, 24, 34, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 7px 14px 0 rgba(18, 24, 34, 0.15);
    -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 7px 14px 0 rgba(18, 24, 34, 0.15);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2), 3px 3px 5px 0 rgba(18, 24, 34, 0.15);
}
section ul.business02  > li:first-child span > i{
    line-height: 2.6;
    color: #fff;
}
section ul.business02  > li:last-child{
    position: relative;
    top: 0;
    left: 0;
    padding: 16px 24px;
    background-color: #fff;
    border: 2px solid #ddd;
    margin:30px 0 40px 0;
}
section ul.business02  > li:last-child::before{
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 30px;
    height: 30px;
    border-top: 2px solid #fdc426;
    border-left: 2px solid #fdc426;
}
section ul.business02  > li:last-child::after{
	content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #0068b7;
    border-right: 2px solid #0068b7;
}
section ul.business02  > li:last-child > p {
    font-size: 1.15em;
    line-height: 1.8;
    padding-bottom: 6px;
}
section ul.business02  > li:last-child > p > span{
    display: block;
    padding-left: 15px;
}
section ul.business02  > li:last-child > p:last-child{
	padding-bottom: 0;
}
section p.sub_tit{
    font-size: 1.5em;
    font-weight: 600;
    color: #0068b7;
    line-height: 1.2;
	margin-bottom: 12px;
}
section p.sub_tit > i{
    font-size: 0.75em;
    line-height: 0.7;
    padding-right: 2px;
}
article.contents table.chart01 > thead th , article.contents ul.chart03 p:first-child{
    padding: 6px 10px;
    color: #fff;
	font-size: 1.25em;
    font-weight: 700;
    text-align: center;
    background-color: #4b5164;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	box-sizing: border-box;
}
article.contents table.chart01 > tbody th{
    padding: 6px 10px;
    color: #666;
	font-size: 1.125em;
    font-weight: 700;
    text-align: center;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
	box-sizing: border-box;
}
article.contents table.chart01 > tbody td{
	padding: 6px 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
}
article.contents div.sub_pic{
    padding-top: 24px;
}
article.contents div.sub_pic01{
    padding-top: 12px;
}
article.contents div.sub_pic > div{
	width: 100%;
	float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
	margin-bottom: 6px;
	background-color: #f9f9f9;
}
article.contents div.sub_pic > div:last-child{
	margin-bottom: 0;
}
article.contents div.sub_pic p.pic > img{
    width: 100%;
    height: 250px;
}
article.contents div.sub_pic p:last-child{
    padding: 6px 0;
    text-align: center;
    font-size: 1.1em;
}
article.contents div.sub_pic p:last-child > strong{
	vertical-align: middle;
}
article.contents div.sub_pic p:last-child > strong::before{
	content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 7px;
    background-color: #e82682;
	vertical-align: middle;
}
section ul > li.sub_img{
    width: 50vw;
    height: 50vw;
    max-width: 240px;
    max-height: 240px;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 50%;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 7px 14px 0 rgba(18, 24, 34, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 7px 14px 0 rgba(18, 24, 34, 0.15);
    -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 7px 14px 0 rgba(18, 24, 34, 0.15);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2), 3px 3px 7px 0 rgba(18, 24, 34, 0.15);
}

section > article.contents div.search_wrap > div{
	background-color: #e7eaf2;
    padding: 24px 0;
}
section > article.contents div.search_wrap > div > div{
	width: 56%;
	min-width: 268px;
	border: 1px solid #ccc;
    box-sizing: border-box;
}
section > article.contents div.search_wrap > div select{
    width: 31%;
    height: 45px;
    font-size: 1.05em;
    float: left;
	border:0;
    border-right: 1px solid #ccc !important;
    border-radius: 0 !important;
}
section > article.contents div.search_wrap > div div.sear_wrap{
    width: 69%;
    background-color: #fff;
    float: left;
    position: relative;
    top: 0;
    left: 0;
}
section > article.contents div.search_wrap > div div.sear_wrap > input{
	width: 80%;
    padding: 12px 2%;
    font-size: 1.1em;
    border: none;
	float: left;
}
section > article.contents div.search_wrap > div div.sear_wrap > a{
    width: 16%;
    float: left;
    display: block;
    padding: 12px 0;
	text-align: center;
}
section > article.contents div.search_wrap > div div.sear_wrap i{
    font-size: 1.45em;
}
/* section > article.contents div.search_wrap > div div.sear_wrap > i{
    position: absolute;
    top: 14px;
    right: 12px;
    color: #ccc;
	font-size: 1.2em;
}
section > article.contents div.search_wrap > div button{
    width: 15%;
    padding: 12px 0;
    float: left;
    background-color: #e63c59;
    color: #fff;
    font-family: "Nanum Gothic";
    font-size: 1.1em;
} */
section > article.contents p.p_num{
    color: #666;
    padding: 20px 0 10px 0;
}
section > article.contents div.board {
list-style:none;
}
section > article.contents div.board > div.button{
    width: 100%;
	border: 1px solid #e4e7e9;
    border-bottom-color: #bbbfc8;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
    box-shadow: inset 0px -1px 0px #fff, 0px 1px 1px #f0f0f0;
	margin-top: 24px;
}
section > article.contents div.board > div.button > a{
	display: block;
    text-align: center;
	padding: 10px 0;
}
section > article.contents div.board > table{
	min-width: 290px;
    border-top: 3px solid #677693;
}
section > article.contents div.board > table tr{
    /* padding:20px 0; */
	display: list-item;
	border-bottom: 1px solid #ddd;
}
/* section > article.contents div.board > table tr:last-child{
	border-bottom: 2px solid #ddd;
} */
section > article.contents div.board > table tr.f_download > th{
	color: #909090;
    font-size: 1.1em;
    padding: 10px 6px;
    border-bottom: 1px solid #ddd;
}
section > article.contents div.board > table tr.f_download > td{
    padding: 16px 6px;
}
section > article.contents div.board > table tr.f_download > td li{
    text-align: left;
}
section > article.contents div.board > table tr.f_download > td li > a{
    padding: 7px 0;
    display: block;
    color: #909090;
    font-size: small;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
section > article.contents div.board > table th{
    display: list-item;
}
section > article.contents div.board > table th{
    font-family: "Nanum Gothic";
	padding: 16px 6px 0 6px;
	margin:0;
}
p.b_title01{
	white-space: nowrap;
}
p.b_title01 , p.b_title02{
	width: 100%;
	font-size: 1.15em;
	font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;  
}
section > article.contents div.board > table.writebox th.head span , section > article.contents div.board > table.writebox th.end span{
    display: block;
    width: 60px;
    margin: 0 0 2px 0;
}
section > article.contents div.board_d > table th{
    background-color: #f9f9f9;
	padding: 16px 6px;
	overflow: hidden;
    text-overflow: ellipsis;
}
section > article.contents div.board_d > table.writebox th{
padding: 4px 6px;
}
section > article.contents div.board_d > table.writebox th.head , section > article.contents div.board_d > table.writebox th.end{
    background-color: #fff;
}
section > article.contents div.gallery > table th{
	padding: 16px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
section > article.contents div.gallery > table th > a{
	width: 100%;
	display: block;
    overflow: hidden;
}
section > article.contents div.gallery > table th > a > img{
	width: 100%;
}
section > article.contents div.board > table td{
    display: list-item;
}
section > article.contents div.gallery > table td , section > article.contents div.board > table td{
	font-size: 1.125em;
    font-family: "Nanum Gothic";
	padding: 0 6px 16px 6px;
	margin:0;
	line-height: 1.5;
}
section > article.contents div.gallery > table td{
	padding: 16px 6px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
section > article.contents div.board_d > table td.board_con > p{
line-height:1.5;
}
section > article.contents div.board_d > table td.board_con > p > img{
	width:100%;
    margin: 6px 0;
}
section > article.contents div.board_d > table td{
padding: 6px;
}
section > article.contents div.board_d > table td.board_con{
	padding: 6px 6px 12px 6px;
    min-height: 70px;
}
section > article.contents div.board > table td > p.b_info > span , section > article.contents div.gallery > table td span{
    display: inline-flex;
	padding-right: 6px;
}
section > article.contents div.board > table td span{
	display: inline;
    vertical-align: middle;
    margin: 0 6px;
    padding: 0;
}
section > article.contents div.board > table td > p.b_info > span > b{
	padding-left:3px;
}
section > article.contents div.board > table td:nth-child(2) > span , section > article.contents div.board > table thead td > span{
	color: #909090;
}
section > article.contents div.board > table td:nth-child(2) > span:nth-child(2) , section > article.contents div.board > table thead td > span:nth-child(2){
	padding:0 6px;
	/* border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:0 3px; */
}
section > article.contents div.board > table td:nth-child(2) > span:nth-child(2)::before , section > article.contents div.board > table thead td > span:nth-child(2)::before{
	content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #ddd;
	margin-right: 9px;
}
section > article.contents div.board > table td:nth-child(2) > span:nth-child(2)::after , section > article.contents div.board > table thead td > span:nth-child(2)::after{
	content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #ddd;
	margin-left: 9px;
}
section > article.contents div.board > table td.table_title {
width:100%;
}
section > article.contents div.board > table td.table_title > p > a{
    display: block;
	padding-bottom: 6px;
}
ul.paging{
	width: 100%;
    text-align: center;
    padding-top: 50px;
}
ul.paging > li{
	display: inline-block;
}
ul.paging > li.paging_l{
	padding-right: 7px;
}
ul.paging > li.paging_l > a:first-child , ul.paging > li.paging_r > a:first-child{
margin-right:2px;
}
ul.paging > li.paging_r{
	padding-left: 7px;
}
ul.paging > li > a{
	display: block;
    width: 27px;
    /* height: 25px; */
    padding: 4px 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 1.2em;
    color: #666;
    background-color: #fff;
    border-radius: 2px;
    float: left;
}
ul.paging > li > a > i{
	vertical-align: middle;
}
ul.paging > li > a.page_num{
	color: #fff;
    background-color: #666;
}

section > article.contents div.tab_title{
    text-align: center;
    padding-bottom: 30px;
}
section > article.contents div.tab_title > ul{
	width: 100%;
    min-width: 290px;
    margin-right: -2px;
}
section > article.contents div.tab_title li{
display: inline-block;
    margin-left: -4px;
    width: 33.333%;
    min-width: 96.666px;
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
	box-sizing: border-box;
	vertical-align: middle;
}
section > article.contents div.tab_title li.tab_tit > span{
    display: inline-block;
    width: 100%;
    height: 56px;
    line-height: 1.3;
    font-family: "Nanum Gothic";
    font-size: 1.26em;
    font-weight: 600;
    color: #909090;
    letter-spacing: 1px;
    padding: 7px 0;
    box-sizing: border-box;
}
section > article.contents div.tab_title li.tab_tit_on > span{
    border-bottom: 2px solid #203564;
	color: #203564;
}
section > article.contents div.board > ul.prev_next > li{
	padding: 10px 6px;
    border-bottom: 1px solid #ddd !important;
	color:#909090;
	font-size: 1.125em;
}
section > article.contents div.board > ul.prev_next > li > span{
    display: inline-block;
    text-align: left;
    padding-right: 6px;
    vertical-align: middle;
	color: #666;
}
section > article.contents div.board > ul.prev_next > li b{
    padding-right: 4px;
}
section > article.contents div.board > ul.prev_next > li > a{
	display: inline-block;
    width: 100%;
    font-weight: normal;
    color: #666;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
p.pic_tit{
	font-size: 1.25em;
    font-weight: 600;
}
/* p.pic_tit > span::after{
    content: '';
    display: inline-block;
    width: 84%;
    border-top: 2px dotted #ddd;
    float: right;
    margin-top: 12px;
} */
p.pic_tit i{
	color: #0068b7;
    padding-right: 6px;
}

section > article.contents ul.s_tab{
    padding-bottom: 24px;
    text-align: center;
}
section > article.contents ul.s_tab > li.s_tab_off{
	width: 25%;
    min-width: 72.5px;
	height: 54px;
    display: inline-block;
    margin-left: -4px;
    color: #909090;
    background-color: #f2f2f2;
    border-top: 1px solid #cbcdce;
    border-bottom: 1px solid #4b5164;
    border-left: 1px solid #cbcdce;
    box-sizing: border-box;
    padding: 6px 0;
    line-height: 1.4;
    font-size: 1.1em;
    font-weight: 600;
	cursor: pointer;
	vertical-align: middle;
}
section > article.contents ul.p_tab> li.s_tab_off{
	width: 50%;
    min-width: 145px;
}
section > article.contents ul.s_tab > li.s_tab_off > p{width: 100%; height: 100%;display: table;}
section > article.contents ul.s_tab > li.s_tab_off > p > span{display: table-cell; vertical-align: middle;}
section > article.contents ul.p_tab> li.s_tab_off > small{
    letter-spacing: -1px;
}
section > article.contents ul.s_tab > li:last-child ,
section > article.contents ul.p_tab> li:nth-child(2) ,
section > article.contents ul.p_tab> li:nth-child(4),
section > article.contents ul.p_tab> li:nth-child(6),
section > article.contents ul.p_tab> li:nth-child(8),
section > article.contents ul.p_tab> li:nth-child(10),
section > article.contents ul.p_tab> li:nth-child(12),
section > article.contents ul.p_tab> li:nth-child(14){
    border-right: 1px solid #cbcdce;
    box-sizing: border-box;
}
section > article.contents ul.s_tab > li.s_tab_on{
    color: #fff;
    background-color: #4b5164;
}
section > article.contents p.color_t{
	text-align: right;
	line-height:1.5;
}
article.contents .group > table.chart01 td,
article.contents table.bus > tbody td{
    text-align: center;
	padding: 0;
}
section > article.contents div.org > img,
section > article.contents div.intro_imgbox > img{
	width: 100%;
}
section > article.contents ul.schedule01 div.h_r,
table.chart02 , section > article.contents div.org > img ,
section > article.contents ul.mission > li:last-child,
section > article.contents ul.vision > li > div:last-child, 
section > article.contents div.mission > div,
section p.business01,
section > article.contents div.intro_imgbox > img ,
section > article.contents ul.c_info,
article.contents ul.spon_adv{
    margin-bottom: 30px;
}
section > article.contents div.mission > div ,
section > article.contents div.intro_imgbox:last-child > img ,
article.contents ul.chart03 > li:last-child{
margin-bottom:0;
}
p.pic_tit , 
section > article.contents ul.c_info > li{
    margin-top: 24px;
}
section > article.contents ul.c_info > li:first-child{
	margin-top:0;
}

/*************서브공통_end*************/
/*************탑버튼_start*************/
#top_but{
    display: inline-block;
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;	
    color: #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    line-height: 1.5;
}
#top_but:hover{
 	cursor: pointer;
 	background-color: rgba(0,0,0);
}
#top_but:active {
  background-color: rgba(0,0,0,0.5);
}
#top_but.show {
  opacity: 1;
  visibility: visible;
}
/*************탑버튼_end*************/
/*************login_start*************/

#wrap > div.sub_top_m{
background: url(/images/mobile/member.jpg) no-repeat center;
background-size: cover;
}
section ul.login_form > li{
    padding-bottom: 10px;
    width: 100%;
} 
section ul.login_form > li.login_check > a{
    width: 33.333%;
    display: block;
    float: left;
    text-align: center;
	font-size: 1.05em;
    line-height: 1.1;
	position: relative;
}
section ul.login_form > li.login_check > a:nth-child(2)::before{
	display: block;
    content: "";
    width: 1px;
    height: 16px;
    background: #ddd;
    position: absolute;
	left: 0;
    top: 0px;
}
section ul.login_form > li.login_check > a:nth-child(2)::after{
	display: block;
    content: "";
    width: 1px;
    height: 16px;
    background: #ddd;
    position: absolute;
	right: 0;
    top: 0px;
}
section .login_form input.m_input{
    width: 96%;
    padding: 14px 3px !important;
    border: 1px solid #ececec;
    border-radius: 0;
    background: #fff;
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-shadow: none !important;
}
section .login_form div.log_btn > a{
	font-size: 1.25em;
    color: #fff;
    background-color: #203564;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 16px 0;
    margin: 12px 0;
}
/*************login_end*************/

/*************find_id_start*************/
section > article.contents .idpsw1{
	font-size: 2.25em;
    font-family: 'OTEnjoystoriesBA';
	text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
    letter-spacing: 1px;
}
section > article.contents .idpsw1 > span{
    color: #0068b7;
}
section > article.contents .idpsw2{
	text-align: center;
    font-size: 1.15em;
    line-height: 1.6;
    padding-bottom: 30px;
}
section > article.contents form table tr > td > p.sear_middle{
    padding: 3px 10px 3px 0;
}
section .login_form div.btn_r > a{
background-color: #e91539;
}
section .login_form div.btn_b > a{
background-color: #505050;
}
section ul.login_form > li.p_b{
    padding-bottom: 0;
}
/*************find_id_end*************/

/*************join_start*************/
section > article.contents div.cen{
    width: 100%;
    text-align: center;
}
section > article.contents div.cen > a.btn_agr{
	display: block;
	width: 100%;
    min-width: 290px;
	background-color: cadetblue;
}
section > article.contents div.board > div.writebtn > a{
	width: 49%;
	display:inline-block;
	text-align:center;
}
section > article.contents div.board > div.writebtn > a:first-child{
background-color: cornflowerblue;
}
section > article.contents div.board > div.writebtn > a:last-child{
background-color: #505050;
}
section > article.contents div.cen > a.btn_agr , section > article.contents div.board > div.writebtn > a{
	max-width: 320px;
    height: 43px;
    line-height: 3;
    color: #fff;
    font-family: "Nanum Gothic";
    font-size: 1.1em;
    font-weight: 600; 
}
/* section > article.contents div.cen > a.btn_can{
	display: block;
    width: 49%;
    min-width: 142px;
    height: 43px;
    line-height: 3;
    color: #fff;
    font-family: "Nanum Gothic";
    font-size: 1.1em;
    font-weight: 600;
    background-color: #505050;
    float: left;
} */
section > article.contents .idpsw2 > strong{
color:red;
}
/*************join_end*************/
/*************mypage_start*************/

/*************mypage_end*************/
table td > strong.info01{
    color: #133e9d;
}
/*************sub1_1_start*************/
#wrap > div.sub_top01{
background: url(/images/mobile/sub1.jpg) no-repeat center;
background-size: cover;
}
section ul > li#sub_con_img1_1{
    background: url(/images/gjnoin/sub1_1con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic1_1_1 {
    background: url(/images/gjnoin/sub1_1_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_1_2 {
    background: url(/images/gjnoin/sub1_1_2.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_1_3 {
    background: url(/images/gjnoin/sub1_1_3.jpg) no-repeat center;
    background-size: cover;
} */
/*************sub1_1_end*************/

/*************sub1_2_start*************/
section ul > li#sub_con_img1_2{
    background: url(/images/gjnoin/sub1_2con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic1_2_1 {
    background: url(/images/gjnoin/sub1_2_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_2 {
    background: url(/images/gjnoin/sub1_2_2.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_3 {
    background: url(/images/gjnoin/sub1_2_3.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_4 {
    background: url(/images/gjnoin/sub1_2_4.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_5 {
    background: url(/images/gjnoin/sub1_2_5.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_6 {
    background: url(/images/gjnoin/sub1_2_6.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_7 {
    background: url(/images/gjnoin/sub1_2_7.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_8 {
    background: url(/images/gjnoin/sub1_2_8.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_2_9 {
    background: url(/images/gjnoin/sub1_2_9.jpg) no-repeat center;
    background-size: cover;
} */

/*************sub1_2_end*************/

/*************sub1_3_start*************/
section ul > li#sub_con_img1_3{
    background: url(/images/gjnoin/sub1_3con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic1_3_1 {
    background: url(/images/gjnoin/sub1_3_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_3_2 {
    background: url(/images/gjnoin/sub1_3_2.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic1_3_3 {
    background: url(/images/gjnoin/sub1_3_3.jpg) no-repeat center;
    background-size: cover;
} */
/*************sub1_3_end*************/
/*************sub1_4_start*************/
section ul > li#sub_con_img1_4{
    background: url(/images/gjnoin/sub1_4con_img.jpg) no-repeat center;
	background-size: cover;
}
/*************sub1_4_end*************/

/*************sub1_5_start*************/
article.contents table.chart01 > tbody td.welfare > p > i{
color: #909090;
}
/*************sub1_5_end*************/
/*************sub1_6_start*************/
article.contents ul.oppo > li:first-child > img{
width: 100%;
}
article.contents ul.oppo > li:last-child{
    padding: 16px 24px;
    background-color: #fff;
	border: 1px solid #ddd;
	margin: 10px 0 30px 0;
	position: relative;
    top: 0;
    left: 0;
}
article.contents ul.oppo > li:last-child > p{
	font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
    color: #203564;
}
article.contents ul.oppo > li:last-child::before{
	content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 40px;
    height: 40px;
    border-top: 3px solid #fdc426;
    border-left: 3px solid #fdc426;
}
article.contents ul.oppo > li:last-child::after{
	content: '';
    position: absolute;
    bottom: -2px;
    right:0;
    width: 40px;
    height: 40px;
	border-bottom: 3px solid #0068b7;
    border-right: 3px solid #0068b7;
}
article.contents ul.oppo > li:last-child > p > strong{
    font-size: 1.15em;
    color: #2c7cd3;
    padding-right: 7px;
}
/*************sub1_6_end*************/
/*************sub1_7_start*************/
section ul > li#sub_con_img1_7{
    background: url(/images/gjnoin/sub1_7con_img.jpg) no-repeat center;
	background-size: cover;
}
/*************sub1_7_end*************/
/*************sub1_8_start*************/
section ul > li#sub_con_img1_8{
    background: url(/images/gjnoin/sub1_8con_img.jpg) no-repeat center;
	background-size: cover;
}
/*************sub1_8_end*************/
/*************sub2_1_start*************/
#wrap > div.sub_top02{
background: url(/images/mobile/sub2.jpg) no-repeat center;
background-size: cover;
}
section ul > li#sub_con_img2_1{
    background: url(/images/gjnoin/sub2_1con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic2_1_1 {
    background: url(/images/gjnoin/sub2_1_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_1_2 {
    background: url(/images/gjnoin/sub2_1_2.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_1_3 {
    background: url(/images/gjnoin/sub2_1_3.jpg) no-repeat center;
    background-size: cover;
} */
/*************sub2_1_end*************/

/*************sub2_2_start*************/
section ul > li#sub_con_img2_2{
    background: url(/images/gjnoin/sub2_2con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic2_2_1 {
    background: url(/images/gjnoin/sub2_2_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_2_2 {
    background: url(/images/gjnoin/sub2_2_2.jpg) no-repeat center;
    background-size: cover;
} */

/*************sub2_2_end*************/

/*************sub2_3_start*************/
section ul > li#sub_con_img2_3{
    background: url(/images/gjnoin/sub2_3con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic2_3_1 {
    background: url(/images/gjnoin/sub2_3_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_3_2 {
    background: url(/images/gjnoin/sub2_3_2.jpg) no-repeat center;
    background-size: cover;
} */

/*************sub2_3_end*************/

/*************sub2_4_start*************/
section ul > li#sub_con_img2_4{
    background: url(/images/gjnoin/sub2_4con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic2_4_1 {
    background: url(/images/gjnoin/sub2_4_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_4_2 {
    background: url(/images/gjnoin/sub2_4_2.jpg) no-repeat center;
    background-size: cover;
} */
/*************sub2_4_end*************/

/*************sub2_5_start*************/
section ul > li#sub_con_img2_5{
    background: url(/images/gjnoin/sub2_5con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic2_5_1 {
    background: url(/images/gjnoin/sub2_5_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_5_2 {
    background: url(/images/gjnoin/sub2_5_2.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_5_3 {
    background: url(/images/gjnoin/sub2_5_3.jpg) no-repeat center;
    background-size: cover;
} */
/*************sub2_5_end*************/

/*************sub2_6_start*************/
section ul > li#sub_con_img2_6{
    background: url(/images/gjnoin/sub2_6con_img.jpg) no-repeat center;
	background-size: cover;
}
/* article.contents div.sub_pic p.pic2_6_1 {
    background: url(/images/gjnoin/sub2_6_1.jpg) no-repeat center;
    background-size: cover;
}
article.contents div.sub_pic p.pic2_6_2 {
    background: url(/images/gjnoin/sub2_6_2.jpg) no-repeat center;
    background-size: cover;
} */
/*************sub2_6_end*************/

/*************sub3_1_start*************/
#wrap > div.sub_top03{
background: url(/images/mobile/sub3.jpg) no-repeat center;
background-size: cover;
}
/*************sub3_1_end*************/

/*************sub3_2_start*************/
section > article.contents div.calendar_control{
    width: 100%;
    max-width: 420px;
    min-width: 290px;
    text-align: center;
    position: relative;
	top:0;
	left:0;
	padding-bottom: 16px;
}
section > article.contents div.calendar_control > a{
	font-size: 1.1em;
    position: absolute;
	line-height: 2.2;
    color: #909090;
}
section > article.contents div.calendar_control > a:first-child{
    left: 0;  
}
section > article.contents div.calendar_control > a:last-child{
    right: 0;
}
section > article.contents div.calendar_control i{
	color: #c8c8c8;
    font-size: 1.5em;
    vertical-align: middle;
	float: left;
}
section > article.contents div.calendar_control > a:first-child > i{
padding-right:4px;
}
section > article.contents div.calendar_control > a:last-child > i{
padding-left:4px;
}
section > article.contents div.calendar_control > a > span{
	float: left;
    line-height: 1.5;
	
}
section > article.contents div.calendar_control > span{
	font-size: 1.5em;
    color: #203564;
    font-family: "Nanum Gothic";
    font-weight: 600;
}
section > article.contents table.calendar01 th{
	display: block;
    width: 100%;
    font-weight: bold;
    color: #666;
    text-align: left;
    font-size: 1.15em;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
section > article.contents table.calendar01 td{
    display: block;
    padding: 6px;
}
section > article.contents table.calendar01 td ul.event_l > li{
    padding: 6px 0;
}
section > article.contents table.calendar01 td ul.event_l > li > a{
	width: 100%;
    max-width: 100%;
    min-width: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section > article.contents table.calendar01 th > strong.sunday{
    color: #e63c59;
}
section > article.contents table.calendar01 th.saturday , section > article.contents table.calendar01 td strong.saturday{
    color: #2c7cd3;
}
section > article.contents table.calendar01 td > strong.day{
color: #4b5164;
}
/*************sub3_2_end*************/
/*************sub3_3_start*************/
section > article.contents div.board > table th > a.gallery_img{
	display: block;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

/*************sub3_3_end*************/
/*************sub3_5_start*************/
section > article.contents div.board > div.wysiwyg{
    margin: 6px 0;
    padding: 6px;
    border: 1px solid #ddd;
}
section > article.contents div.board > div.writebtn{
    text-align: center;
}
/*************sub3_5_end*************/
/*************sub4_1_start*************/
#wrap > div.sub_top04{
background: url(/images/mobile/sub4.jpg) no-repeat center;
background-size: cover;
}
section > article.contents ul.spon_set > li{
	width: 100%;
    padding-bottom: 16px;
}
section > article.contents ul.spon_set > li:last-child{
	padding-bottom: 24px;
}
section > article.contents ul.spon_set > li > div:first-child > img{
	width: 100%;
    height: 40vw;
	border-radius: 16px;
	margin-bottom: 6px;
}
section > article.contents ul.spon_set > li > div:last-child > p{
font-size:1.1em;
text-align: center;
}
/* section > article.contents ul.spon_set > li:first-child > div:first-child{
	background: url(/images/gjnoin/spon01.jpg) no-repeat center;
    background-size: cover;
}
section > article.contents ul.spon_set > li:nth-child(2) > div:first-child{
	background: url(/images/gjnoin/spon02.jpg) no-repeat center;
    background-size: cover;
}
section > article.contents ul.spon_set > li:nth-child(3) > div:first-child{
	background: url(/images/gjnoin/spon03.jpg) no-repeat center;
    background-size: cover;
}
section > article.contents ul.spon_set > li:nth-child(4) > div:first-child{
	background: url(/images/gjnoin/spon04.jpg) no-repeat center;
    background-size: cover;
}
section > article.contents ul.spon_set > li:nth-child(5) > div:first-child{
	background: url(/images/gjnoin/spon05.jpg) no-repeat center;
    background-size: cover;
}
section > article.contents ul.spon_set > li:nth-child(6) > div:first-child{
	background: url(/images/gjnoin/spon06.jpg) no-repeat center;
    background-size: cover;
} */
article.contents table.spon_t > tbody th{
	padding: 6px 10px;
    color: #666;
    font-size: 1.1em;
    font-weight: 700;
    text-align: center;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
article.contents table.spon_t > tbody td{
	padding: 6px 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
}
article.contents p.color_t02{
	color: #909090;
    padding: 6px 0 24px 0;
}
article.contents ul.spon_adv{
    margin-top: 12px;
}
article.contents ul.spon_adv > li{
	text-align:center;
	padding-bottom: 16px;
}
article.contents ul.spon_adv > li:last-child{
	padding-bottom: 0;
}
article.contents ul.spon_adv div{
    width: 50vw;
    height: 50vw;
    max-width: 240px;
    max-height: 240px;
    border-radius: 50%;
    margin-bottom: 6px;
}
article.contents ul.spon_adv >li:first-child > div{
	background: url(/images/gjnoin/spon_img01.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv >li:nth-child(2) > div{
	background: url(/images/gjnoin/spon_img02.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv >li:nth-child(3) > div{
	background: url(/images/gjnoin/spon_img03.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv >li:nth-child(4) > div{
	background: url(/images/gjnoin/spon_img04.png) no-repeat center;
    background-size: cover;
}
article.contents div.inf{
	color: #666;
	padding: 6px 0;
    background-color: #f9f3f5;
}
/* article.contents div.inf > div{
	width: 100%;
    max-width: 690px;
} */
article.contents div.inf p{
    /* width: 50%;
    	min-width: 290px;
    display: inline-block;
    float: left;
    text-align: center;  */
	line-height: 1.8;
    padding-left: 24px;
}
article.contents div.inf p > i{
	vertical-align: middle;
}
article.contents div.inf p > strong{
	vertical-align: middle;
	padding: 0 12px 0 3px;
}
article.contents div.agree_box{
	height: 100px;
    border: 1px solid #ddd;
    padding: 0 16px;
    background-color: #fff;
    overflow: auto;
    margin-bottom: 6px;
}
article.contents div.agree_box dl{
padding: 12px 0;
}
article.contents div.agree_box dt{
	font-size: 1.1em;
    font-weight: 600;
    color: #505050;
    padding-bottom: 3px;
}
article.contents div.chk{
padding-bottom: 30px;
}
table.j_detail , table.vol{
	margin-bottom: 30px;
}
section > article.contents div.buttons , section > article.contents div.board > div.writebtn{
    margin-top: 24px;
}
article.contents table.j_detail tbody th{
	display: block;
    /* padding: 10px 0; */
    width: 100%;
    font-weight: bold;
    color: #666;
    text-align: left;
    font-size: 1.15em;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
article.contents table.j_detail tbody th > span , section > article.contents table.calendar01 th > strong , article.contents div.table_info span{
    padding: 6px;
    display: block;
	font-weight: 600;
}
article.contents div.table_info span.in_span{
	font-weight: normal;
    padding: 0;
}
article.contents table.j_detail tbody td{
	width: 100%;
    display: block;
    padding: 6px 0 16px 0;
}
article.contents table.j_detail tbody td.support_com{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    padding: 16px;
}
article.contents table.j_detail tbody td.support_com > p , article.contents div.agree_box_vol p{
line-height:1.8;
}
article.contents table.j_detail tbody th.table_info , article.contents div.table_info{
    background-color: #f2f4ff;
    color: #013099;
	font-size: inherit;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	text-align: center;
}
article.contents table.j_detail tbody th.table_info > span:first-child , article.contents div.table_info span:first-child{
	margin: 6px 0 3px 0;
	padding: 0;
}
article.contents div.table_info span:nth-child(2){
	margin: 3px 0 3px 0;
	padding: 0;
}
article.contents table.j_detail tbody th.table_info > span:last-child , article.contents div.table_inf span:last-child{
	margin: 3px 0 6px 0;
	padding: 0;
}
article.contents table.j_detail tbody th.table_info > span > i{
padding-right:6px;
}
article.contents table.j_detail tbody td small{
    font-size: 0.95em;
    color: cornflowerblue;
    display: inline-flex;
}
/* article.contents table.j_detail tbody td > p:last-child{
padding-top: 7px;
} */
span.text_chk{
    padding-right: 16px;
    line-height: 2;
}
span.vms > label{
	width:70px;
    display: inline-block;
}
article.contents table.j_detail tbody td input , input.a_input ,section > article.contents div.board > table.writebox th input{
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-shadow: none !important;;
    border-radius: 3px;
	box-sizing: border-box;
}

article.contents table.j_detail tbody p.sort , article.contents table.j_detail tbody td > .check_box02{
padding:3px 0;
}
article.contents table.j_detail tbody td > span.text_chk{
padding: 3px 16px 3px 0;
}
article.contents table.j_detail tbody td b.part{
	display: block;
    width: 100%;
    border-bottom: 1px dotted #ddd;
    line-height: 1.8;
    font-size: 1.05em;
    color: #666;
    margin-bottom: 3px;
}
article.contents table.j_detail tbody p.sort span{
display: block;
}
article.contents table.j_detail tbody td > .check_box01{
    display: inline-flex;
	padding:3px 0;
}
article.contents table.j_detail tbody td.support_com span{
padding: 0 6px;
}
article.contents table.j_detail tbody td.support_com > p:last-child , article.contents div.agree_box_vol p:last-child{
	    padding-top: 12px;
}
article.contents table.j_detail tbody td > p.post_sear{
	width: 100%;
    min-width: 290px;
    max-width: 360px;
    margin: 0;
}
article.contents table.j_detail tbody td > p.post_sear > input{
margin-right: 4%;
}
article.contents table.j_detail tbody td > p.post_sear > a.address_sear{
    padding: 10px 0;
    background-color: #505050;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    width: 43%;
    min-width: 119px;
    max-width: 220px;
    text-align: center;
}
article.contents table.j_detail tbody td > a.address_sear{
display: inline-flex;
}
input.radio_but{
    width: 1.15em;
}
input.input_b01 , section > article.contents div.board > table.writebox th.end input{
	width: 100%;
    max-width: 220px;
}
textarea.input_b01 , section > article.contents div.board > div.wysiwyg > textarea{
	width: 100%;
	height: 100px;
	border: 0;
}
.t_w > select.input_b02 , p > .input_b02 , section > article.contents div.board > table.writebox th.head input{
	width: 100%;
    min-width: 290px;
    max-width: 360px;
} 
p > .input_b03{
	max-width: 88px;
}
.t_w{
	width: 100%;
    min-width: 290px;
    max-width: 691px;
    margin: 0;
}
.t_ww{
	max-width: 372px;
}
p.t_w02{
	max-width:372px;
}
.t_w > select , .t_w > input , p > .post{
	width: 32%;
    min-width: 88px;
    max-width: 220px;
    display: block;
    float: left;
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-shadow: none !important;;
    border-radius: 3px;
	margin: 0;
} 
article.contents table.j_detail tbody td input ,
.t_w > select , .t_w > input , p > .post , input.a_input,
section > article.contents div.board > table.writebox th input{
    padding: 10px 3px !important;
}
.t_w > input.email_box01{
    width: 31%;
    margin-right: 1%;
}
.t_w > input.email_box02 , .t_w > select.email_box02{
    width: 31%;
    margin-left: 1%;
}
.t_w01 > select , .t_w01 > input{
	width: 47.5%;
}
.t_w > select.s_e{

}
.t_w > input.s_e{
    width: 47.5%;
    min-width: 110px;
    max-width: 220px;
}
.t_w > input.input_m{
margin:0 2%;
}
.t_w > .hyp{
    display: block;
    width: 4%;
    max-width: 11px;
    float: left;
    text-align: center;
    padding-top: 9px
}
/*************sub4_1_end*************/

/*************sub4_2_end*************/
article.contents ul.spon_adv > li.vol_img > div.vol_img01 {
    background: url(/images/gjnoin/vol_img01.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img > div.vol_img02 {
    background: url(/images/gjnoin/vol_img02.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img> div.vol_img03 {
    background: url(/images/gjnoin/vol_img03.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img > div.vol_img04 {
    background: url(/images/gjnoin/vol_img04.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img > div.vol_img05{
    background: url(/images/gjnoin/vol_img05.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img > div.vol_img06{
    background: url(/images/gjnoin/vol_img06.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img > div.vol_img07{
    background: url(/images/gjnoin/vol_img07.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li.vol_img > div.vol_img08{
    background: url(/images/gjnoin/vol_img08.png) no-repeat center;
    background-size: cover;
}
article.contents ul.spon_adv > li i{
	color: #999;
}
article.contents div.agree_box_vol{
	border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    padding: 16px;
}
article.contents div.agree_box_vol01{
margin-bottom:6px;
}
/*************sub4_2_end*************/

/*************sub5_1_start*************/
#wrap > div.sub_top05{
background: url(/images/mobile/sub5.jpg) no-repeat center;
background-size: cover;
}
section div.in_box > div.intro_wrap {
	width: 100%;
    min-width: 290px;
    background: url(/images/gjnoin/intro_bg.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 70px;
}
p.intro {
    font-size: 1.25em;
    color: #0068b7;
    line-height: 1.4;
	padding: 0 12px;
}
section div.in_box div.intro_set {
    padding: 16px 12px 0 12px;
}
section div.in_box div.intro_set dd {
	font-size: 1.1em;
    line-height: 1.6;
}
section div.in_box div.intro_set dd.intro_name {
    font-weight: 600;
    padding-top: 20px;
}
section div.in_box div.intro_set dd.intro_name > strong {
    font-size: 1.6em;
    padding: 6px;
    font-family: 'OTEnjoystoriesBA';
    letter-spacing: 1px;
}
section div.in_box div.intro_set span.intro_color01 {
    color: #ef3255;
}
section div.in_box div.intro_set span.intro_color02 {
    color: #536fc7;
}
/*************sub5_1_end*************/
/*************sub5_2_start*************/
section > article.contents div.intro_imgbox{
	text-align: center;
}
section > article.contents div.intro_imgbox > img.intro1{
    max-width: 461px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
section > article.contents p.intro_title{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    font-family: 'OTEnjoystoriesBA';
    background-color: #fff;
    border: 2px solid #e3e3e3;
    padding: 12px 0;
    font-size: 2.8em;
    text-align: center;
    margin-bottom: 16px;
	line-height: 1.2;
}
section > article.contents p.intro_title::before{
    content: '';
    position: absolute;
    top: -2px;
    left: -3px;
    width: 40px;
    height: 40px;
    border-top: 2px solid #fdc426;
    border-left: 2px solid #fdc426;
}
section > article.contents p.intro_title::after{
	content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 40px;
    height: 40px;
    border-bottom: 2px solid #0068b7;
    border-right: 2px solid #0068b7;
}
section > article.contents p.intro_title > b:first-child , span.mission_t02 , b.word03{
color: #e82583;
}
section > article.contents p.intro_title > span{
    display: block;
    font-size: 0.6em;
}
section > article.contents p.intro_title > span > b:first-child , span.mission_t03 , b.word04{
color: #0098ce;
}
section > article.contents p.intro_title > span > b:nth-child(2) , span.mission_t04 , b.word05{
color: #75b53c;
}
section > article.contents p.intro_title > span > b:last-child{
color: #f9b22a;
}
/*************sub5_2_end*************/

/*************sub5_3_start*************/
section > article.contents ul.mission > li:nth-child(2){
margin-bottom:6px;
}
span.mission_t{
	display: inline-block;
    font-size: 1.3em;
    font-weight: 900;
    text-align: center;
    padding-bottom: 3px;
    position: relative;
    top: 0;
    left: 0;
    padding-left: 12px;
}
span.mission_t01{
	color: #536fc7;
}
span.mission_t01::after{
	content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #536fc7;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}
/* span.mission_t02 , b.word03{
	color: #d43b65;
} */
span.mission_t02::after{
	content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d43b65;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}
/* span.mission_t03 , b.word04{
	color: #2890bf;
} */
span.mission_t03::after{
	content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2890bf;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}
/* span.mission_t04 , b.word05{
	color: #83ab28;
} */
span.mission_t04::after{
	content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #83ab28;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}
span.mission_t05{
	color: #d2532e;
}
span.mission_t05::after{
	content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d2532e;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}
section > article.contents ul.mission p.m_box01{
    background-color: #536fc7;
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    padding: 7px 0;
    text-align: center;
	border-radius: 7px 7px 0 0;
}
section > article.contents ul.mission p.m_box02{
	font-size: 1.15em;
    line-height: 1.6;
    padding: 7px 20px;
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: left;
	border-radius: 0 0 7px 7px;
}
section > article.contents ul.vision > li > div , section > article.contents div.mission > div{
    background-color: #f9f9f9;
    padding: 26px;
    border-radius: 5px;
	margin-bottom: 16px;
}
section > article.contents ul.vision > li > div > p{
    font-size: 1.15em;
    line-height: 1.6;
    padding-bottom: 6px;
}
section > article.contents ul.vision > li > div > p:last-child{
    padding-bottom: 0;
}
b.word01{
    color: gold;
}
b.word02{
    color: darkturquoise;
}
/*************sub5_3_end*************/

/*************sub5_4_start*************/
section > article.contents ul.schedule01 div.h_r{
    border-left: 2px solid #ddd;
    box-sizing: border-box;
}
section > article.contents ul.schedule01 div.h_r > p.sub_tit{
	margin-left: -7px;
    background-color: #fff;
}
section > article.contents ul.schedule01 div.h_r > div.history{
    padding-left: 12px;
}
section > article.contents ul.schedule01 div.h_r > div.history > li{
    padding: 3px 0;
}
section > article.contents ul.schedule01 div.h_r > div.history strong{
	font-size: 1.125em;
    color: #677693;
    font-weight: 900;
    line-height: 1.6;
    display: block;
}
section > article.contents ul.schedule01 div.h_r > div.history span{
    display: block;
    line-height: 1.5;
}
/*************sub5_4_end*************/

/*************sub5_6_start*************/
section > article.contents ul.g_tab > li.s_tab_off , section > article.contents ul.p_tab> li.s_tab_off{
margin-bottom: 7px;
}
section > article.contents ul.g_tab > li.s_tab_off:nth-child(4){
border-right:1px solid #cbcdce;
}
/* section > article.contents ul.g_tab > li.s_tab_off:nth-child(5) , 
section > article.contents ul.g_tab > li.s_tab_off:nth-child(6) ,
section > article.contents ul.g_tab > li.s_tab_off:nth-child(7){
    width: 33.333%;
} */
section > article.contents ul.g_tab > li.s_tab_off:nth-child(5) , 
section > article.contents ul.g_tab > li.s_tab_off:nth-child(6) ,
section > article.contents ul.g_tab > li.s_tab_off:nth-child(7),
section > article.contents ul.p_tab> li.s_tab_off(15),
section > article.contents ul.p_tab> li.s_tab_off(16){
	margin-bottom:0;
}
section > article.contents ul.g_tab > li.s_tab_off > span{
line-height: 2.5;
}

article.contents .group > table.chart01 td h6 , article.contents table.bus td h6{
	padding: 12px 15px;
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;
    background-color: #f9f9f9;
    border-top: 1px solid #203564;
    border-bottom: 1px solid #ddd;
    color: #787878;
}
/* article.contents .group > table.chart01 td > div p{
	font-size: 1.15em;
	font-weight:600;
} */
article.contents .group > table.chart01 td ul{
    width: 100%;
    float: left;
    text-align: left;
    /* border-left: 1px dotted #ddd; */
    box-sizing: border-box;
    padding: 12px 6px;
}
article.contents .group > table.chart01 td ul > li:first-child{
    width: 30%;
	max-width: 360px;
	float: left;
}
article.contents .group > table.chart01 td ul > li:first-child > img{
    width: 100%;
	width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
article.contents .group > table.chart01 td ul > li:last-child{
    width: 70%;
	min-width:178px;
    text-overflow: ellipsis;
    overflow: hidden;
	float: left;
}
article.contents .group > table.chart01 td ul > li:last-child > div:first-child{
	font-size: 1.05em;
    font-weight: 600;
    color: #0068b7;
    padding-left: 12px;
}
article.contents .group > table.chart01 td ul > li:last-child > div:last-child{
    font-size: 1.05em;
    padding-left: 12px;
    color: #666;
}
/*************sub5_6_end*************/

/*************sub5_7_start*************/
article.contents ul.chart03 > li{
	border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    margin-bottom: 6px;
}
article.contents ul.chart03 p:first-child{
	border-left: 0;
    border-right: 0;
	padding: 6px 10px;
}
article.contents ul.chart03 p{
	padding: 6px;
    vertical-align: middle;
    line-height: 1.5;
}
section > article.contents ul.c_info span{
    display: block;
    font-size: 1.25em;
    font-weight: 600;
}
section > article.contents ul.c_info span > i , section p.bus_info2 > i{
	color: #0068b7;
    padding-right: 6px;
}
section > article.contents ul.c_info strong , section p.bus_info2{
	display: block;
    font-size: 1.1em;
    color: #666;
    padding: 6px 0;
    line-height: 1.5;
}
/*************sub5_7_end*************/

/*************sub5_8_start*************/
section > article.contents div.tab_title li.oppo > span{
    line-height: 2.4;
}
.mobile_map .root_daum_roughmap {width:calc(100% - 20px) !important;}
section > article.contents ul.v_info{
	margin: 16px 0 30px 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 12px;
}
section > article.contents ul.v_info > li{
	padding-bottom: 12px;
    border-bottom: 1px dotted #ddd;
}
section > article.contents ul.v_info > li:nth-child(2){
	margin: 12px 0;
}
section > article.contents ul.v_info > li:last-child{
	padding-bottom: 0;
    border-bottom: 0;
}
section > article.contents ul.v_info span{
	display: block;
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 6px;
    color: #0068b7;
}
section > article.contents ul.v_info span > i{
	padding-right: 6px;
}
section p.bus_info1{
	color: #333;
    padding-bottom: 6px;
}
section p.bus_info1 > i{
	color: #fff;
    background-color: #eda634;
    padding: 5px;
    border-radius: 3px;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
    font-size: 0.7em;
    line-height: 1;
}
article.contents table.bus > tbody td > div > p{
	text-align:left;
    margin: 12px;
}
/*************sub5_8_end*************/

/*************terms_start*************/
#wrap > div.sub_top_t{
background: url(/images/mobile/terms.jpg) no-repeat center;
background-size: cover;
}
section #athena > h3 , section #prohibition p.law_head{
	color: #0068b7;
    font-size: 1.15em;
    font-weight: 600;
}
section #athena > ul.decimal , section #prohibition div.law_view p{
	padding-bottom: 20px;
}
section #athena > ul > li , section #prohibition div.law_view p{
	line-height: 1.5;
}
section #athena > div.a_box01{
    border: 1px solid #ddd;
    padding: 16px;
    background-color: #fff;
    overflow: auto;
    margin: 0 0 20px 0;
}
p.sub_tit > small{
    font-size: 0.8em;
    color: cadetblue;
    padding-left: 3px;
    vertical-align: middle;
	display:inline-flex;
	line-height: 2;
}
/*************terms_end*************/
/*********** 레이어팝업************** */
/* btn */
.btn-wrap {display: flex; justify-content : center; align-items : center;}
.btn-wrap > a {background-color:#fff; display:inline-block; color: rgba(0,0,0,0.7); padding: 13px 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.26); height:23px; line-height: 23px; margin:5px; border-radius: 3px;}

/* modal */
#modal {position: fixed; left:0; top:0; width: 100%; height: 100%; transform: scale(0);z-index: 999999;}
#modal .modal-bg {background: rgba(0,0,0,0.7); display:flex; align-items: center; justify-content: center; height: 100%; }
#modal .modal-bg .modal-cont {
	width: 90%;
    max-width: 430px;
    display: inline-block;
	background: #fff;
}
#modal .modal-bg .modal-cont > ul{padding: 26px 20px;}
#modal .modal-bg .modal-cont > ul > li{border-bottom: 1px dotted #ddd; margin-bottom: 12px;}
#modal .modal-bg .modal-cont > ul > li:last-child{border-bottom: 0; margin-bottom: 10;}
#modal .modal-bg .modal-cont h2 {font-size: 1.25em; font-weight: 600; margin:0;}
#modal .modal-bg .modal-cont p {font-size: 1.15em;padding-bottom:12px;}
#modal .modal-bg .modal-cont span {display:block; color: red;}
#modal .modal-bg .modal-cont .close {position: absolute; top: 0; right:0; margin:20px;}
#modal .modal-bg .modal-cont .close svg {width: 24px; fill: #fff; vertical-align: top;}

#modal.three {
    transform: scale(1);
}
#modal.three .modal-bg {
    background: rgba(0,0,0,0);
    animation: fadeIn 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;
}
#modal.three .modal-bg .modal-cont {
    opacity: 0;
    animation: scaleUp 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;
}
#modal.three.out {
    animation: quickScaleDown 0s .5s linear forwards;
}
#modal.three.out .modal-bg {
    background: rgba(0,0,0,0);
    animation: fadeOut 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;
}
#modal.three.out .modal-bg .modal-cont {
    opacity: 0;
    animation: scaleDown 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards;
}

@keyframes fadeIn {
    0% {background: rgba(0,0,0,0)}
    100% {background: rgba(0,0,0,0.7)}
}
@keyframes fadeOut {
    0% {background: rgba(0,0,0,0.7)}
    100% {background: rgba(0,0,0,0)}
}
@keyframes scaleUp {
    0% {transform: scale(0.5) translatey(1000px); opacity:0}
    100% {transform: scale(1) translatey(0px); opacity:1}
}
@keyframes scaleDown {
    0% {transform: scale(1) translatey(0px); opacity:1}
    100% {transform: scale(0.5) translatey(1000px); opacity:0}
}
@keyframes quickScaleDown {
    0% {transform: scale(1);}
    99.9% {transform: scale(1); }
    100% {transform: scale(0); }
}


.biz-list > p{position:relative;top:0;left:0; padding-left: 10px;}
.biz-list > p:before{
content:"-";
display:inline-block;
position:absolute;
top:0;
left:0;
}


/* 정보 */
#athena .chart04 {margin:15px 0 30px;}
#athena .chart04 th {background:#4b5164; color:#fff;}
#athena .chart04 td.tit {background:#f9f9f9; color:#505050;}
#athena .chart04 th, #athena .chart04 td {padding:10px 20px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#athena .chart04 th:last-child, #athena .chart04 td:last-child {border-right:none;}


section > article.contents div.long_txt_tab li {width:50%;}

.sub_con_img {padding:10px 0 0;}
.sub_con_img img {width:100%;}

/* 260210 수정 */
.mv_m_wrap p.sub_tit{color: #A152A1;}


/* 260310 수정 */
.flex_wrap {display: flex; flex-wrap: wrap; text-align: center; align-items: center; margin-bottom: 40px;}
.flex_wrap p {border: 1px solid #ddd; border-radius: 8px; margin: 0 0 10px 0; padding: 10px 0; font-size: 14px; width: 100px;}
.flex_wrap i {margin: 0 10px;}