@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300i,400,400i,700,700i,900,900i|Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon|Nanum+Gothic+Coding|Nanum+Myeongjo|Song+Myung');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Song+Myung');
@import url('https://fonts.googleapis.com/css?family=Rajdhani:600,700');
/*ksm 제주고딕체*/
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
* {
    font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans JP', sans-serif;
}
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
/*잘난체*/

body {
    position: relative;
    background: #fff;
    font-family:
    'Noto Sans', sans-serif,
    'Nanum Gothic', 'NanumSquare', sans-serif,
    'Nanum Myeongjo', serif,
    'Nanum Gothic Coding', monospace,  
    'Do Hyeon', sans-serif,
    'Song Myung', serif;
    'yg-jalnan',
    'jejugothic'
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Spoqa Han Sans Neo', sans-serif;
}

.normal {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.bolder {
    font-weight: 800
}

.light {
    font-weight: 300
}

.bg-color-g {
    background: #9a9a9a;
}

.bg-color-r {
    background: #c60001;
}

.bg-color-p {
    background: #f3776b;
}

.ft-color-r {
    color: #c60001;
}

.ft-color-w {
    color: #fff;
}


a {
    text-decoration: none;
    color: #000;
}

a:hover,
a:focus,
a:active {

    text-decoration: none;
    box-shadow: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.btn,
.btn:active, .btn.active{
	box-shadow: none;
}

/*header*/

.main-nav-h {
    height: 118px;
    width: 100%;
    float:left;
}

.navbar-fixed-top {
    background: #fff;
}

.member {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
}

.member>.container>ul {
    float: right;
    margin-left: 10px;
}

.member>.container>ul>li {
    float: left;
    margin-left: 5px;
}

ul.login-g {
    font-size: 93.5%;
}

ul.login-g li {
    margin-left: 15px !important;
}

ul.flag {
    float: left !important;
    margin-left: 0 !important;
}

ul.flag>li>a>img {
    border: 1px solid #efefef;
}

.navbar-wrapper>.container>nav.navbar>.container>.navbar-collapse {
    height: 80px;
}

.navbar-wrapper>.container>nav.navbar>.container>.navbar-collapse>ul {
    font-size: 100%;
    font-weight: 700;
    color: #000!important;
}

.navbar-wrapper>.container>nav.navbar>.container>.navbar-collapse>ul>li>a {

    color: #000;
    padding: 30px 20px;
    font-size: 112.5%;
}

.navbar-wrapper>.container>nav.navbar>.container>.navbar-collapse>ul>li>a:hover {
    color: #0123B4;
    border-bottom:2px solid #0123B4;
}

.logo {
    width: 20%;
    float: left;
    height: 80px;
}

ul.nav {
    float: right;
}


/*검색*/

.search-g {
    width: 100%;
    float: left;
    /*height: 500px;*/
    /*height: 650px;*/
    height: 700px;
    background-size: cover;
    background-position: center;
}

.search-bar {
    float: left;
    margin-top: 50px;
}

input.sc-bar {
    width: 1010px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    padding-left: 20px;
    border: 1px solid #aeaeae;
    box-sizing: border-box;
    font-size: 125%;
    font-weight: 700;
    color: #000 !important;
}

button.sc-btn {
    width: 120px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 23px;
    color: #fff;
    background: #0123B4;
    border-radius: 5px !important;
    /*font-family:*/
}

.center-container {
    float: left;
    position: relative;
    left: 50%;
    margin-top: 10px;
}

.kakao-channel-banner {
    padding-top: 16px;
    width: 800px;
    margin: auto;
    display: block;
}

.sport-item {
    float: left;
    position: relative;
    left: -50%;
    background: #AEC8E8;
    /*margin-top: 50px;*/
}

.sport-item>ul {
    float: left;
    padding-bottom: 20px;
}

.sport-item>ul>li {
    float: left;
    /*width: 100px;*/
    width: 140px;
    text-align: center;
    margin-right: 52px;
}

.sport-item>ul>li:last-child {
    margin-right: 0;
}

.sport-icon {
    width: 140px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 5px;
    /*background-color: rgba(255, 255, 255, 0.3);*/
    background-color: rgba(255, 255, 255, 0);
}

.sport-icon:hover {
    /*background: #0123B4;*/
	/*background: #960000*/
	background: #354269
}

.sport-icon>a {
    display: block;
    width: 100%;
    height: 100%;
}

.sport-item>ul>li>a {
    line-height: 30px;
    color: #fff;
}

.sport-item>ul:nth-child(2) {
    margin-top: 30px;
}


.product-banner {
    width: 100%;
    height: 100px;
    background: #0123b4;
    float: left;
    margin-top: 30px;
    color: #fff;
}


/*경기일정*/

.play-schedule {
    float: left;
    height: auto;
    /*margin-top: 30px;*/
}

h3.main-title {
    font-size: 150%;
    color: #000;
    font-weight: 700;
    padding:10px 0;
}

h3.main-title > span {
    margin-left: 5px;
}

.list-box-s {
    width: 100%;
    float: left;
    border: 1px solid #cacaca;
    margin-top: 10px;
    box-sizing: border-box;
}

.day-list {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #cacaca;
    box-sizing: border-box;
    float: left;
}

.day-list>ul {
    float: left;
}

.day-list>ul>li {
    float: left;
    width: 90px;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #eaeaea;
}

.day-list>ul>li:last-child {
    border: 0;
}

.day-list>ul>li>a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
    position: relative;
}

.day-list>ul>li>a:hover,
.day-list>ul>li.today-line>a {
    border-bottom: 2px solid #0123b4;
    color: #0123b4;
}


.day-list>ul>li>a>div {
    font-size: 87.5%;
    line-height: 20px;
    margin-top: 5px;
    width: 100%;
    float: left;
}

.day-list>ul>li>a>h5 {
    font-size: 150%;
    font-weight: bolder;
    padding: 6px;
    margin: 0;
}

.day-list>ul>li>a>span.badge {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 63%;
    background: #B4000E;
    z-index: 3;
}

.competition-banner ul {
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    margin-top: 10px;
}
.competition-banner ul li {
    display: inline-block;
    width: 290px;
    height: 290px;
    border: 2px solid #cacaca;
    border-radius: 10px;
    box-sizing: border-box;
}

.competition-banner-item {
    display: block;
}
.competition-banner-item> a {
    display: block;
}

.competition-icon {
    width: 290px;
    height: 150px;
    line-height: 80px;
    text-align: center;
    display: inline-block;
}

.competition-icon> img
{
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 1;
    padding:16px;
    object-fit: contain;
}

.competition-name{
    z-index: 2;
    width:290px;
    height: 140px;
    padding:10px;
    line-height: 150%;
    font-weight: bold;
    color:#333;
    font-size: 18px;
    text-align: center;
    white-space: break-spaces;
    word-wrap: break-word;
    overflow: hidden;
}

.competition-tooltip {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
    color: white;
    font-size: 16px;
    background-color: #0540bd;
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
    top: 25px;
    left: -50%;

}


.month-select {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #cacaca;
    box-sizing: border-box;
    float: left;
}
.month-select>.month {
    float: left;
    width: 360px;
    padding-top: 8px;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #eaeaea;
}
.month-select>.month>h5 {
    padding-top: 10px;
    font-size: 150%;
    font-weight: bolder;
    margin: 0;
}
.game-list-ctl {
	float:right;
    width: 580px;
}
.game-list-ctl> button {
    height: 44px;
    margin-top: 8px;
    padding: 0;
    color: #fff;
    background: #274cf1;
    border-radius: 5px !important;
}
.button-focus {
    box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.4);
}

.game-list {
	max-height: 500px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

.calendar {
    width: 80px;
    border-right: 1px solid #cacaca;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
}

.calendar>a {
    display: block;
}

.calendar>a>i {
    color: #000;
    font-size: 150%;
    line-height: 60px;
}

.a-l {
    float: left;
    border-right: 1px solid #cacaca;
    box-sizing: border-box;
}

.a-r {
    float: right;
    border-left: 1px solid #cacaca;
    box-sizing: border-box;
}

.a-l,
.a-r {
    width: 49px;
    line-height: 60px;
    text-align: center;
    font-size: 150%;
}

.a-l,
.a-r>a {
    display: block;
    width: 49px;
    line-height: 60px;
}

.a-l > a > i, .a-r > a > i {
    line-height: 60px;
}

.play-list {
    width: 100%;
    height: auto;
    float: left;
}
.play-list > ul{
	float:left;
}
.play-list > ul > li {
	width:100%;
	height: 100px;
	border-bottom:1px solid #eaeaea;
	float:left;

}

.sport-type, 
.day-time, 
.place, 
.team-name, 
.score-info,
.live-btn-g{
	float:left;
}

.sport-type{
	float:left;
	width: 100px;
	text-align: center;	
}
.sport-type > h6{
	padding:3px 0;
	margin:0;
}
.sport-type > div.sport-type-icon{
	width:50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #0123b4;
	display: inline-block;
	border-radius: 5px;
	margin-top:20px;
}
.sport-type > div.sport-type-icon > img,
.team-name > div.sport-type-icon > img
{
	height: 30px;
    /*margin-top: 10px;*/
}

.day-time {
 	width:80px;
	text-align: center;
	
}
.place{
	width:170px;
	text-align: center;
	
}
.day-time > span,
.place > span{
	display: block;
	line-height: 25px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.place > span:nth-child(1),
.day-time > span:nth-child(1){
	margin-top:25px;
}
.team-name{
	width:210px;
	box-sizing: border-box;
}
.team-name > div.sport-type-icon{
	width:50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #efefef;
	display: inline-block;
	border-radius: 5px;
	margin-top:25px;
}
.team-name{
	display:inline-block;
}
.score-info{
	width:60px;
	line-height: 100px;
	text-align:center;
	font-size:150%;
	font-weight: bolder;
}
.name-info{
	width:140px;
	height: 50px;
	margin-top:35px;
	line-height: 160%;
	font-weight: bold;
	color:#333;
	word-wrap: break-word;
	overflow: hidden;
}
.live-btn-g {
	width:16%;
}
.live-btn-g > a.btn{
	padding:0;
	margin:5px 5px;
	width:80px;
	text-align: center;
	line-height: 35px;
	border:1px solid #eee;
	color:#000;
	font-size:93.5%;
	background: #eaeaea;
}
.live-btn-g > a.btn:hover,
.live-btn-g > a.live-btn-on{
	background: #0123b4;
	color:#fff;

}
.live-more{
	width:100%;
	float:left;
	height: 35px;
	line-height: 35px;
	background: #eaeaea;
	text-align: center;
}
.live-more > a:hover {
color:#0123b4;
}
.more-icon{
	float:right;
}
.more-icon > img{
	width:24px;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 250px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #0123b4;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  font-weight: bold;
}

#myBtn:hover {
  background-color: #B4000E;
}

#androidAppBtn {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 99;
    width: 60px;
    outline: none;
}

#androidAppBtn:hover {
    bottom: 98px;
    right: 18px;
    width: 64px;
}

#kakaoChBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    width: 60px;
    outline: none;
}

#kakaoChBtn:hover {
    bottom: 18px;
    right: 18px;
    width: 64px;
}


/*동영상*/
.video-latest{
	width:100%;
	float:left;
	margin-top:50px;
}
.list-box{
	width:100%;
	float:left;
	height: auto;
	border:1px solid #eaeaea;
	box-sizing: border-box;
	margin-bottom:30px;
}
.preview-box{
	width:100%;
	height: 150px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
span.type-badge{
	position: absolute;
	top:5px;
	left:5px;
	z-index:5;
	background: #F8D513;
	padding:5px;
	border-radius: 3px;
	font-size:93.5%;
	font-weight: bold;
}
span.play-icon{
	position: absolute;
	top:40%;
	left:45%;
	z-index:10;
	font-size:200%;
	font-weight: bold;
	color:#B4000E;
}
.sub-title{
	width:100%;
	padding:10px;
	height: 60px;
	
}
.sub-title > a > h4{
	font-size:100%;
	/*font-family: 'Nanum Gothic', sans-serif;*/
	line-height: 160%;
	word-wrap: break-word;
	color:#333;
	font-weight: bold;
}
.data-user{
	float:left;
	padding:10px;
	margin-top:20px;
}
.event-ad{
	width:100%;
	float:left;
	height: auto;	
	padding:70px 0;
}
.event-ad > img{
	width:100%;
}
.noti-latest{
	padding:30px 0;
	/*float:left;*/
}
.noti-type{
	width:100%;
	height: 30px;
	padding:0 10px;
	line-height: 30px;
}
.noti-type > h6{
	line-height: 30px;
	color:#0123b4;
	font-weight: bold;

}
.list-box:hover{
	border:1px solid #0123b4;
}
.sub-title-noti{
	width:100%;
	padding:10px;
	height: 100px;

	
}
.sub-title-noti > a > h4{
	font-size:100%;
	/*font-family: 'Nanum Gothic', sans-serif;*/
	line-height: 160%;
	word-wrap: break-word;
	color:#333;
	font-weight: bold;
}
.product-bottom{
	width:100%;
	float:left;
	height: auto;
	margin-top:50px;
}
.product-bottom > img{
	width:100%;
}

.footer{
	background: #000;
	float:left;
	width:100%;
    padding-left: 12px;
    padding-right: 12px;
}
address{
	color:#eee;
}
.copy {
	border-top:1px solid #333;
	margin-top:20px;
}
.copy p{
	text-align:right;
	color:#eee;
	font-size:93.5%;
	line-height: 30px;
    margin-right:25px;
}
.second-main{
	margin-top:25px;
	width:100%;

}
.second-main > h4{
	color:#fff;
	font-weight: bold;
}
.second-main > ul > li > a{
	color:#eee;
	letter-spacing: 0.5px;
	line-height: 30px;
}
ul.bottom-service{
    margin-top:25px;
    margin-right:25px;
	float:right;
}
ul.bottom-service > li{
	float:left;
	margin-left:20px;

}
ul.bottom-service > li > a{
	color:#eee;
}
/*sub-menu*/
.sub-page{
	height: 170px !important;;

}
.sub-menu{
	width:100%;
	float:left;
	height:50px;
	border-top:1px solid #efefef;
	margin-top:8px;


}
.sub-menu > .container > ul{
	float:left;

}
.sub-menu > .container > ul > li{
	float:left;
	margin-right: 20px;

}
.sub-menu > .container > ul > li > a{
	display: block;
	line-height: 48px;
	padding:0 5px;

}
.sub-menu > .container > ul > li > a:hover,
a.under-line-c{
	border-bottom:2px solid #0123b4;
	box-sizing: border-box;
	color:#0123b4;
}

.notice{
	width:100%;
	float:left;
	margin:100px 0;
}
.sub-banner{
	width:100%;
	height: 200px;
	float:left;
	background-size: cover;
    background-position: center;
}
/*.sub-banner> .container > h3{
	font-family: 'NanumSquare';
	font-weight: bold;
	text-align:center;
	color:#F8D513;
	padding-top:50px;
	font-size: 250%;
}*/
/*ksm 이미지디자인 변경 후 폰트*/
.sub-banner> .container > h3{
    font-weight: bold;
    text-align:center;
    color:#180D30;
    padding-top:50px;
    font-size: 250%;
}
/*.sub-banner> .container > p{
	text-align:center;
    font-family: 'Jeju Gothic', serif;
	color:#fff;
	font-size: 150%;
}*/
/*ksm 이미지디자인 변경 후 폰트*/
.sub-banner> .container > p{
    text-align:center;
    color:#180D30;
    font-size: 150%;
}
.sub-btn-g{
	float:left;
	margin-bottom:20px;
	margin-top:8px;

}
.sub-btn-g > button{
	background: none;
	border:1px solid #eaeaea;
}
.sub-btn-g > button.active{
    background: #0123b4;
    color:#fff;
}
.sub-btn-g > button:hover{
	background: #0123b4;
	color:#fff;
}
ul.pagination > li.active > a{
	background: #0123b4 !important;
}
.serach-g{
	text-align: right;
}
.news, 
.event,
.cs-center,
.sub-cont{
	width:100%;
	float:left;
	margin:50px 0;
}
.schedule{
	width:100%;
	float:left;
}

.list-2{
	width:100%;
}
.list-2 > table{
	width:100%;
	border-top:2px solid #0123b4;
	border-bottom:2px solid #0123b4;
}

.list-2 > table > tbody > tr{
	height: 40px;
	border-bottom:1px solid #eee;
}
.list-2 > table > thead > tr{
	border-bottom:1px solid #333;
	height: 70px;
}
.list-2 > table > tbody > tr:hover{
	background: #f9f9f9;

}
.list-2 > table > tbody > tr:last-child{
	border:0;
}

.list-2 > table > tbody > tr > td,
.list-2 > table > thead > tr > th{
	vertical-align:middle;
}
.list-2 > table > thead > tr > th{
	text-align: center;
}
.inquiry > table > tbody > tr > td:nth-child(1),
.inquiry > table > tbody > tr > td:nth-child(3),
.inquiry > table > tbody > tr > td:nth-child(4),
.list-2 > table > tbody > tr > td:nth-child(1),
.list-2 > table > tbody > tr > td:nth-child(3){
	text-align: center;
}

.list-2 > table > tbody > tr > td:nth-child(2){
	font-size: 106.25%;
	font-weight: 600;
	overflow: hidden;
}
.event-list{
	width: 100%;
	float:left;
	height: auto;
	border:1px solid #eaeaea;
	margin-bottom:30px;
	position: relative;
}
.event-list:hover{
	border:1px solid #0123b4;
}
.event-img-preview{
	width:100%;
	height: 350px;
	text-align: center;
	overflow: hidden;
	position: relative;

}
.event-img-preview > a > img{
	width:100%;
	
}
span.type-badge-event{
	position: absolute;
	top:15px;
	left:15px;
	z-index:5;
	background: #0123b4;
	padding:5px;
	border-radius: 3px;
	font-size:93.5%;
	font-weight: bold;
	color:#fff;
}
.event-title{
	padding:10px 10px;
	width:100%;
	box-sizing: border-box;
}
.event-title > h4{
	font-size: 112.5%;
	font-weight: 600;
	margin-top:10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.event-end{
	background: rgba(0,0,0,0.5);
	width:100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}
.event-end > h4{
	color:#f8d513;
	margin-top:220px;
	text-align: center;
	font-weight: bold;
	font-size: 250%;

}


/*팀생성*/
.team-creation{
	width:100%;
	float:left;
	margin:100px 0;
}


.create-box{
	border:1px solid #dcdcdc;
	background: #fff;
	height: auto;
	padding-left:0;
	padding-right: 0;
	padding-bottom:30px;
	float:left;
	margin-bottom: 30px;

}
.create-box > h4{
	border-bottom:1px solid #dcdcdc;
	height: 70px;
	line-height: 70px;
	margin:0;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}

.create-box > h5{
	font-size: 112.3%;
	height: 30px;
	line-height: 30px;
	margin:0;
	text-align: center;
	font-weight: bold;
}
.create-box > p{
	padding-left:0;
	padding-top:30px;
}
.create-box-in-info {
	
	padding: 20px 0;
	height: auto;
    margin-bottom:20px;
    border-top:2px solid #5a5a5a;
    border-left:1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom:1px solid #eee;
}


.create-box-in-info > form > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.create-box-in-info > form > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}
.create-box-in-info > form > ul > li > label{
    width:150px;
    padding:10px 0;
    /*width:50%;*/
}
.create-box-in-info > form > ul > li > textarea,
.create-box-in-info > form > ul > li > input[type=text],
.create-box-in-info > form > ul > li > input[type=password],
.create-box-in-info > form > ul > li > input[type=email],
.create-box-in-info > form > ul > li > input[type=number]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.create-box-in-info > form > ul > li > input{
    width:100%;
  }
.create-box-in-info > form > ul > li > select{
	border:0;
	box-shadow: none;
	width:49%;
	display: inline-block;

}
.create-box-in-info > form > ul > li > textarea{
	width: 100%;
}
.create-box-in-info > form > div > ul > li{
	text-align: center;
	line-height: 25px;
}
.create-box-in-info > form > div > ul > li > span{
	margin-right: 10px;
}
.create-box-in-info > form > ul > li > label {
	margin-left:10px;
	
}

.create-box-in-info > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.create-box-in-info > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}
.create-box-in-info > ul > li > label{
    width: 150px;
    padding: 10px 0;
    /*width:50%;*/
}
.create-box-in-info > ul > li > textarea,
.create-box-in-info > ul > li > input[type=text],
.create-box-in-info > ul > li > input[type=password],
.create-box-in-info > ul > li > input[type=email],
.create-box-in-info > ul > li > input[type=number]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.create-box-in-info > ul > li > input{
    width:100%;
}
.create-box-in-info > ul > li > select{
    border:0;
    box-shadow: none;
    width:49%;
    display: inline-block;

}
.create-box-in-info > ul > li > textarea{
    width: 100%;
}
.create-box-in-info > div > ul > li{
    text-align: center;
    line-height: 25px;
}
.create-box-in-info > div > ul > li > span{
    margin-right: 10px;
}
.create-box-in-info > ul > li > label {
    margin-left:10px;
}

/*글쓰기*/
.write-box{
	width:100%;
	height: auto;
	float:left;
}
.write-btn-g{
	width:100%;
	text-align: center;
}

button.btn-write{	
	padding:8px 20px;
	color:#fff;
	border:0;
	border-radius: 5px;
    margin-right: 20px;
}

/*newlist*/
.news-list{
	width:100%;
	float:left;
	height: auto;
	border-top:2px solid #383838;
	border-bottom:1px solid #5a5a5a;
	padding:20px 10px;
	margin-top:20px;
	background: #fff;

}
.news-img{

	width:245px;
	height: 150px;
	margin-right: 20px;
}

ul.sub-news-list{
	width:100%;
	float:left;
	
}

ul.sub-news-list > li > .media{
	padding:20px 0;
	border-bottom:1px solid #eee;

}
ul.sub-news-list > li:last-child >.media{
	border-bottom:0;
}


ul.sub-news-list > li > .media > .sub-media-body > h4.sub-media-heading {	
	width:100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 160%;
}
ul.sub-news-list > li > .media > .sub-media-body > h4.sub-media-heading > a{
	font-size: 106%;
	color:#383838;
	font-weight: bold;
}
ul.sub-news-list > li > .media > .sub-media-body > p{
	/*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    line-height: 150%;
    color:#5a5a5a;
}
ul.sub-news-list > li > .media > .sub-media-body > ul > li{
	float:left;
	margin-right: 20px;
}



/*cscenter*/
.cs-list{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.cs-list:nth-child(1){
	border-top:1px solid #333;
}
.cs-list:last-child{
	border-bottom:1px solid #333;
}

.cs-accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-bottom:1px;
}

.cs-list > button.active, .cs-accordion:hover {
    /*background-color: #ccc;*/
    color:#0123b4;
    font-weight: bold;
}

.cs-accordion:after {
    content: '\002B';
    
    font-weight: bold;
    float: right;
    margin-left: 5px;

}

.activecs:after {
    content: "\2212";
    color:#0123b4;
    font-weight: bold;
}

.cs-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.map{
	width: 100%;
	height: 600px;
	float:left;
}

.contact{
	width:100%;
	height: auto;
	margin-top:30px;
	float:left;
}
.contact > .container > .col-sm-4 > h3{
	font-size: 200%; 
	font-weight: bold;

}
.contact > .container > .col-sm-4 > p{
	font-size: 210%;
	font-family: 'Song Myung', serif;
	margin:30px 0;
}
.contact > .container > .col-sm-4 > ul > li{
	margin:10px 0;
}
.contact > .container > .col-sm-4 > ul > li > span{
	width:30px;
	float: left;
}

.contact > .container > .col-sm-4 > h3{
    font-size: 200%;
    font-weight: bold;

}
.contact > .container > .col-sm-4 > p{
    font-size: 210%;
    font-family: 'Song Myung', serif;
    margin:30px 0;
}
.contact > .container > .col-sm-4 > ul > li{
    margin:10px 0;
}
.contact > .container > .col-sm-4 > ul > li > span{
    width:30px;
    float: left;
}

/**/
.day{
	width:100%;
	float:left;
	border:1px solid #cacaca;
}

/*가입방법선택*/
.join_select_box{
    height: auto;
    border:1px solid #eee;
    padding:20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.join_select_box > form > input {
    width:100%;
    padding:0 10px;
    line-height: 40px;
    min-height: 42px;
}
.join_select_box > p{
    text-align: center;
    font-size: 100%;
    color:#333;
    line-height: 160%;
    padding:15px 0;
    font-weight: bold;

}
.join_select_box > div{
    width:100%;
    text-align: center;
    height: auto;
    margin-bottom: 10px;
}
.join_select_box > div > a > i{
    font-size: 100%;
    padding: 15px 0;
    color :#fff;
    
}
.join_select_box > div >a > i > span{
    margin-left:10px;
}
.join_select_box > span{
    width:100%;
    font-size: 83.5%;
}
.join_select_box > span > a{
    margin-left:10px;
    color:#868686;
}
.join_select_box > ul > li{
	width:50%;
	float:left;
	margin-bottom:10px;
}
.join_select_box > h5{
	font-size: 112.5%;
	text-align: center;
	line-height: 180%;
}
button.sns-login{
	border:0;

}


/*약관동의*/
.term_select_box{
    
    height: auto;
    
    border:1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 30px;

}
.box_terms{
    width:100%;
    height: 250px;
    overflow: auto;
    padding: 15px;
    box-sizing: border-box;
    font-size: 83.5%;
    line-height: 150%;
    border-top:1px solid #eee;
}

.term_select_box > h5{
    font-size: 87.5%;
    color :#333;
    margin: 0;   
    padding:10px;
    line-height: 30px;
    font-weight: bold;
}

.create-box > ul{
	text-align: center;
    padding: 10px 0;
}
.create-box > ul > li{
    display:inline-block;
    height: 10px;
    width: 10px;
    margin-right: 12px;
    background: #dcdcdc;
    border-radius: 5px;
}

/*****************post*************/
.post-box {
	width:100%;
	float:left;
	height: auto;
	background: #fff;
	border-top:2px solid #383838;
}
.post-title{
	width:100%;
	float:left;
	height: auto;
	padding:20px 10px 20px 10px;
	border-bottom:1px solid #dcdcdc;
}
.post-title > h4{
	text-align: center;
	font-weight: bold;
	padding:0 20px 10px;
	color:#383838;
	font-size:137.5%;
	line-height: 160%;
}
.post-title > ul{
	float:right;
}
.post-title > ul > li{
	float:left;
	margin-left:20px;
	color:#5a5a5a;
}
.post-title > ul > li > span:nth-child(1){
	font-weight: bold;
	margin-right: 5px;

}
.post-item{
	width:100%;
	float:left;
	height: auto;
	padding:20px 50px;
	border-bottom:1px solid #dcdcdc;
	word-wrap: break-word;

}
.post-item-attach{
	width:100%;
	
	float:left;
	text-align: right;
}
.post-item-attach > a{
	height: 40px;
	line-height: 40px;
}

.post-item-attach > a > span{ 
	margin-left:5px;
}
.post-item-attach > a > span:last-child{
	color:#c60001;
}
.post-item-attach > a:hover{
	color:#c60001;
}
.post-item > img{
	margin-left: auto;
    margin-right: auto;
}

.post-item > blockquote{
	font-size: 112.5%;
}
.post-item > p,
.post-item > blockquote{
	padding:5px 20px;
}
.post-item > p{
	font-size: 106%;
	line-height: 180%;

}
.progress-container{
	width:100%;
	height: 2px;
	background: #fff;
	float:left;
	position: fixed;
	z-index: 1000000;
	margin-top:2px;
}
.progress-bar{
	height: 2px;
	background: #f3776b;
	width:0;
}
/*****comment*************/
.post-comment{
	width:100%;
	float:left;
	height: auto;
	padding:20px 50px;
}
.post-comment > span{
	width:100%;
	float:left;
	font-weight: bold;
	padding:8px 0;
}
.post-comment-r{
	width: 100%;
	float:left;
	height:auto;
	border:1px solid #dcdcdc;
}
.post-comment-r > p{
	width:100%;
	padding:5px 10px;
	
}
.post-comment-r > textarea{
	width:100%;
	padding:0 10px;
	height: 70px;
	line-height: 180%;
	border:0;
}
.post-comment-r > div{
	height: 35px;
	border-top:1px solid #dcdcdc;

}
.post-comment-r > div > span:nth-child(1){
	padding-left:10px;

	line-height: 35px;
}
.post-comment-r > div > span:nth-child(2){
	float:right;
}
.post-btn-g{
	margin-top:20px;
}

.post-comment-list{
	width:100%;
	float:left;
}
.post-comment-list > ul{
	margin-top:20px;
}

.post-comment-list > ul > li > .comment{
	border-bottom:1px solid #dcdcdc;
	margin:10px 0;
}
.post-comment-list > ul > li > .comment > .col-sm-12{
	padding:5px 0;
}
.post-comment-list > ul > li > .comment > .col-sm-12 > span.comment-user{
	color:#383838;
	font-weight: bold;
	
}
.post-comment-list > ul > li > .comment > .col-sm-12 > button{
	float:right;
	background: none;
	border: 0;
	color:#c60001;
}
.coment-txt > p{
	color:#5a5a5a;
}


button.del-btn{
	background: #c60001;
	color:#fff;
	padding:3px 5px;
}

.sort-filter{
	width:100%;
	float:left;
	margin-top:10px;
}
.sport-sort-list{
	width:100%;
	float:left;

}
.sort-item{
	width:100%;
	height: 50px;
	line-height: 50px;
	border:1px solid #ececec;
	float:left;
	box-sizing: border-box;
	margin-bottom:20px;
}

.sport-type-2{
	padding:0 8px;
	margin:8px 4px 8px 8px;
	height: 34px;
	line-height: 34px;
	border:1px solid #000083;
	color:#000083;
	box-sizing: border-box;
	border-radius:5px;
	float:right !important;
}
.sport-type-logo{
	margin:8px;
	width:34px;
	
	line-height: 34px;
	float:left;
	overflow: hidden;
	background: #ffffff;
	border:1px solid #ececec;
	border-radius: 3px;
	box-sizing: border-box;
	text-align:center;
}
.sport-type-logo > img{
	height: 24px;

}
.sport-name{
	width:500px;
	float:left;
	height: 50px;
}

.sport-name > a > h4{
	width:100%;
	line-height: 50px;
	padding:0;
	margin:0;
	font-size:112%;
	font-weight: bold;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filterDiv {
  
  display: none;
}
.show {
  display: block;
}
.sort-filter > .sub-btn-g > button{
	margin-bottom:10px;
}
.sort-filter > .sub-btn-g > button.active{
	background: #0123b4;
	color:#fff;
}


/*마이페이지*/

/*mypage*/
.side-menu{
	padding:10px 20px;
	float:left;
	width:100%;
	background:#fff;
	border:1px solid #dcdcdc;
	color:#666;
}
.side-menu > h4{
	font-weight: bold;
	border-bottom:1px solid #dcdcdc;
	padding:5px 0;
}
.side-menu > h4 > span{
	font-size: 75%;
	font-weight: normal;
}
.side-menu > ul > li{
	line-height: 40px;
}
.side-menu > ul > li > a{
	display: block;
	width:100%;
}
.side-menu > ul > li > a:hover{
	border-bottom:1px solid #c60001;
	color:#c60001;
	font-weight: bold;
	box-sizing: border-box;
	}





/*마이페이지 메인*/
.my-main-tab{
	float:left;
	margin-bottom:30px;
}

.palyer-card-f,
.palyer-card-b{
	width:100%;
	height: 300px;
	float:left;
	border:1px solid #dcdcdc;
}
.palyer-histoy{
	width: 100%;
	float:left;
	height:300px;
	border:1px solid #dcdcdc;
	background: #fff;
	overflow:hidden;
}
.palyer-histoy > h4{
	height: 50px;
	line-height: 50px;
	padding-left:10px;
	border-bottom:1px solid #dcdcdc;
	padding-top:0;
	margin-top:0;
}
.palyer-histoy > ul{
	padding:0 20px;
}
.palyer-histoy > ul > li{
	line-height: 40px;
	border-bottom:1px solid #dcdcdc;
}
.palyer-histoy > ul > li:nth-child(6){
	display: none;
}

/*회원정보수정*/
.my-info-modify{
	padding-bottom:20px;
	border:1px solid #dcdcdc;
	background: #fff;
	width:100%;
	float:left;
}
.my-info-modify > h4{
	padding-left:20px;
	height: 50px;
	line-height: 50px;
	border-bottom:1px solid #dcdcdc;
	font-weight: bold;
	color:#383838;
}
.my-frofile-img{
	width:200px;
	height: 200px;
	float:left;
	background: #FBFBFB;
	padding-bottom:10px;
	overflow: hidden;
	text-align: center;
	line-height: 200px;
	
}

.my-information-modify{
	width:100%;

	height: auto;
	float:left;
	padding-bottom:10px;

}
/*.my-information-modify*/

/*.create-box-in-info {
	
	padding: 20px 0;
	height: auto;
    margin-bottom:20px;
    border-top:2px solid #5a5a5a;
    border-left:1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom:1px solid #eee;
}

*/
.my-information-modify > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.my-information-modify > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}

.my-information-modify > ul > li  > label{
    width:90px;
    padding:10px 0;
    font-size: 118.8%;
    font-weight: bold;
    color:#666;
}

.my-information-modifyo > ul > li > textarea,
.my-information-modify > ul > li > input[type=text],
.my-information-modify > ul > li > input[type=password],
.my-information-modify > ul > li > input[type=email]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.my-information-modify > ul > li > input{
    width:100%;
  }
.my-information-modify > ul > li > select{
	border:0;
	box-shadow: none;
	width:48.5%;
	display: inline-block;

}


.my-information-modifyo > ul > li > .col-sm-8 > textarea,
.my-information-modify > ul > li > .col-sm-8 > input[type=text],
.my-information-modify > ul > li > .col-sm-8 > input[type=password],
.my-information-modify > ul > li > .col-sm-8  > input[type=email]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}


.my-information-modifyo > ul.form-horizontal > li.form-group > .my-record{
	padding:10px 0;
}
.my-record-info{
	width:100%;
	float:left;
}
.my-record-info > ul > li{
	
}
.my-record-info > ul > li > h5{
	font-size: 106%;
	font-weight: bold;
	letter-spacing: 2px;
	color:#666;
}
.my-record-info > ul > li > .my-record{
	border-bottom:1px solid #dcdcdc;
	text-align: left;
	padding-top:10px;
}

.my-record-info > ul > li > .my-record > ul > li{
	padding-bottom:10px;
}
.record-s-box{
	width:100%;
	float:left;
	border:1px solid #dcdcdc;
	margin-top:20px;
	background: #fff;


}
.record-s-box > h4{
	font-size: 106%;
	line-height: 40px;
	font-weight: bold;
}
.record-s-box > p{
	line-height: 40px;
	padding-top:10px;
	text-align: right;
	color:#c60001;
}
.my-record-table{
	margin:20px 0;
	width: 100%;
	display: inline-block;
}
.my-record-table > h4{
	font-weight: bold;
}

/**/
.rank-personal{
	width: 100%;
	float:left;
}
.rank-personal > ul.nav-pills{
	margin-bottom:20px;
}

.rank-personal > ul.nav-pills > li > a{
	border-radius:0;
	line-height: 45px;
	padding:0 10px;
	margin:0;	
}
.rank-personal > ul.nav-pills > li.active > a{
	border-radius:0;
	line-height: 45px;
	padding:0 15px;
	margin:0;
	background: #c60001;
}
.rank-personal > ul.nav-pills > li > a:hover{
	border-radius:0;
	background: #c60001;
	color:#fff;
}
.rank-personal > ul.nav-pills > li.active > a, 
.rank-personal > ul.nav-pills > li.active > a:hover, 
.rank-personal > ul.nav-pills > li.active > a:focus{
	border-radius:0;
	line-height: 45px;
	height: 45px;
	padding:0 10px;
	margin:0;
}


table.boarder{
	width:100%;	

}
table.boarder > thead > tr{
	border-top:2px solid #383838;
	border-bottom:1px solid #5a5a5a;
	/*background: #f7fdff;*/
}
table.boarder > thead > tr > th{
	text-align: center;
	height: 45px;
	vertical-align: middle;
	font-size: 106%;
	color:#5a5a5a;
	font-weight: 700;

}
table.boarder > tbody > tr {
	border-bottom:1px solid #dcdcdc;
	height: 45px;
	vertical-align: middle;
	background: #fff;

}
table.boarder > tbody > tr:last-child{
	border-bottom:1px solid #5a5a5a;

}
table.boarder > tbody > tr > td{
	text-align: center;
}
table.boarder > tbody > tr > td:nth-child(2){
	text-align: left;
}
.noti-sc{
	width:100%;
	float:left;
	height: 40px;
	border:1px solid #dcdcdc;
	background: #fff;
	margin-bottom:10px;
}
.noti-sc > input.form-control{
	border:0;
	margin-top:2px;
	box-shadow: none;
	width:270px;
	
}
.noti-sc > .input-group-btn > .btn-default{
	border:0;
}
.noti-sc > button{
	border:0;
	height: 40px;
	line-height: 40px;
	padding:0 5px;
	background: #fff;
	color:#5a5a5a;
}

/*gallery-3*/
.row-gallery {
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE 10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column-gallery {
    -ms-flex: 50%; /* IE 10 */
    flex: 50%;
    padding: 0 4px;
}

.column-gallery img {
    margin-top: 8px;
    vertical-align: middle;
}

/* Style the buttons */
.gallery-g > .btn {
    border: none;
    outline: none;
    padding: 10px 16px;
    background-color: #f1f1f1;
    cursor: pointer;
    font-size: 18px;
    margin-left:5px;

}

.gallery-g > .btn:hover {
    background-color: #ddd;
}

.gallery-g > .btn.active {
    background-color: #666;
    color: white;
}




/**/
.iiground{
	width:1636px;

}

.iiground-visual{
	width:100%;
	
}
#myVideo {
    height:auto; 
    width: 100%; 
    min-height: 100%;
    /*position: absolute;*/
    position: relative;   
}
#myVideo > source{
	width:100%;
}

.visual-iiground {
    position: absolute;
    top: 15%;
    background: rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
}

.visual-iiground > h1{
	text-align:center;
	font-family: 'Rajdhani', sans-serif;
	font-size:500%;
	font-weight: 600;	
}
.visual-iiground > p{
	text-align: center;
	font-family:'NanumSquare', sans-serif;
	font-size: 200%;

}

.iiground-top-bg{
	background: rgba(0, 0, 0, 0.3);
	border:0;
}

.iiground-nav > ul > li > a{
	color:#fff !important;
	font-size:100%;
}
.line{
	height: 80px;
	border-left:1px solid #0123b4;
}
.platform{
	width:100%;
}
.platform > h3{
	font-weight: bold;
	color:#0123b4;
	font-size: 250%;
}
.service-cont{
	height: 610px;
	float:left;
	margin:0;
	padding:20px;
	box-sizing: border-box;


}
.service-cont > a > h4{
	border-bottom:1px solid #fff;
	margin-top:220px;
	padding-bottom:25px;
	color:#fff;
	font-size:200%;
	font-family:'NanumSquare', sans-serif;
	line-height: 130%;
	/*font-weight: */
}
.service-cont > a:hover > h4{
	color:#f8d513;
	border-bottom:2px solid #f8d513;
}
.second-about{
	background-image:url('../images/secondground-bg.png');
	background-position: center;
	background-size: cover;
	/*width: 100%;
	float:left;*/
	height: 300px;
	margin:100px 0 0 0;
	padding:40px 0;
	box-sizing: border-box;
}
.second-about > .iiground > .col-sm-12 >  h3{
	text-align: center;
	font-size: 250%;
	font-weight: 600;
	font-family:'NanumSquare', sans-serif;
	line-height: 130%;
	color:#fff;
}
.second-about > .iiground >.col-sm-12 > p{
	color:#fff;
	padding:10px 150px;
	font-size:125%;
	line-height: 180%;
	text-align:center;
}
.second-about > .iiground >.col-sm-12 > p > a{
	border:1px solid #fff;
	padding:10px 15px;
	border-radius: 30px;
	font-size:75%;
	color:#fff;
}

.second-about > .iiground > p > a:hover{
	color:#f8d513;
	border:1px solid #f8d513;
}
.product-iiground{
	float:left;
	width:100%;
}
.product-iiground > .iiground > h3{
	font-weight: bold;
	color:#0123b4;
	font-size: 250%;
}
.pro-p{
	padding:0;
}
.pro-p > img{
	width:100%;
}

.pro-txt{
	padding:0 30px;
}
.pro-txt > h4{
	font-size:250%;
	padding:30px 0;
	font-weight: bold;
	color:#0123b4;

}
.pro-txt > p{
	font-size:112.5%;
	line-height: 180%;
	padding:40px 40px 0 0 ;
	font-weight: bold;
}

.pro-txt > ul{
	margin-top: 30px;
}
.pro-txt > ul > li{
	font-size:112.5%;
	line-height: 160%;
}

.pro-txt > p > a{
	border:1px solid #0123b4;
	padding:7px 15px;
	border-radius:30px;
	color:#0123b4;
}
.pro-txt > p > a:hover{
	color:#f8d513;
	border:1px solid #f8d513;
}
.sub-visual{
	width:100%;
	float:left;
	height: 500px;
	background-size: cover;
	background-position: center;
}
.sub-service-visual > .iiground > h3,
.sub-visual > .iiground > h3{
	padding-top:150px;
	color:#fff;
	text-align: center;
	line-height: 180%;
	font-size:300%;
	font-family:'NanumSquare', sans-serif;
	text-shadow: 1px 1px 2px #000;
}
.sub-visual > .iiground > h3 > span,
.sub-service-visual > .iiground > h3> span{
	color:#f8d513;
	font-weight: bold;


}

.about-secondground{
	width:100%;
	float:left;
	margin:100px 0;
}
.about-txt-info{
	padding-top:30px;
}
.about-txt-info > h4{
	color:#0123b4;
	font-size: 300%;
	font-family:'NanumSquare', sans-serif;
	font-weight: bold;
	line-height: 180%;
	margin-top:24px;
}

.about-txt-info > h5{
	margin-top:80px;
	font-size:200%;
	line-height: 150%;
}
.about-txt-info > p{
	font-size:125%;
	margin-top:20px;
	line-height: 160%;
}


/*history*/
.hstory{
	float:left;
	width: 100%;
	margin-bottom:50px;

}
.history_dot_yellow {
    width: 15px;
    height: 15px;
    background: #ffa823;
    float: right;
    margin-right: -23px;
    border-radius:7px;
    display: inline-block;
    z-index: 100;
}
.history_dot_normal{
	width: 7px;
    height: 7px;
    background: #0123b4;
    float: right;
    margin-right: -19px;
    border-radius:3px;
    display: inline-block;
    margin-top:5px;
    z-index: 100;

}
h4.history_y{
	float:right;
	text-align: right;
	margin-top:-2px;
	font-family:'NanumSquare', sans-serif;
	font-weight: bold;
	font-size:125%;


}
/*.history_line{
	border-right:1px solid #939393;
}*/
.history_line2{
	border-left:1px solid #0123b4;
	box-sizing: border-box;
	padding-bottom:20px;
	margin-top:-5px;
}
.sub_cont ul{
	padding:0;
	margin-bottom:20px;

}

ul.history_list > li > div > ul > li{
	margin-bottom:10px;
	font-size:112%;
	list-style: square;
	color:#000;
}


.hstory > .iiground > .col-sm-12> h3{
	font-family:'NanumSquare', sans-serif;
	font-weight: bold;
	font-size:300%;
	color:#0123b4;
	padding:20px 0;
}


/*서비스*/
.sub-service-visual{
	width:100%;
	float:left;
	height: 401px;
	background-size: cover;
	background-position: center;
}


.service-submenu{
	height: 70px;
	float:left;
	width:100%;
	border-bottom:1px solid #dcdcdc;
}

.service-submenu > .iiground > ul > li{
	float:left;
}

.service-submenu > .iiground > ul > li > a{
	line-height: 70px;
	height: 70px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 112.5%;
	padding:10px 20px;
	
	border-radius: 30px;
	
}

.service-submenu > .iiground > ul > li:hover,
.bg-txt{
	background: #0123b4;
	color:#fff;
}
.service-submenu > .iiground > ul > li > a:hover,
.bg-txt > a{
	color:#fff;
	background: #0123b4;
}

.service-info{
	margin-top:100px;
}
.service-info > h4{
	border-bottom:1px solid #0123b4;
	color:#0123b4;
	font-size:200%;
	padding:30px 0 10px 0;
	font-family:'NanumSquare', sans-serif;
	font-weight: bold;

}
.service-info > p{
	line-height: 180%;
	font-size: 112.5%;
	color:#000;
}
.service-info > ul {
	padding:10px 0;
}
.service-info > ul > li{
	color:#333;
	margin-bottom:5px;
}