@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

#wrap{width:100%;min-height:100%;margin:0 auto;background:#fff;position:relative;}
#header{width:100%;background:#fff;position:fixed;left:0;top:0;right:0;z-index:50;}
#header ::-moz-selection{background-color:#666;color:#fff}
#header ::selection{background-color:#666;color:#fff}
#container{margin:0 auto;padding:0;background-color:#fff;position:relative;z-index:40}
.main #container{padding-top:0}
.layout{margin:0 auto;padding:0;position:relative;*z-index:100;}
.layout:after{display:block;clear:both;content:''}
.reaction .layout{max-width:1280px;}






/************************************************
*		HEADER									*
************************************************/
.title{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;text-align:left;font-size:35px;font-weight:500;line-height:50px;position:relative;z-index:1000;}
.stitle{width:100%;max-width:1280px;margin:0 auto 20px;padding:0 20px;text-align:center;font-size:30px;color:#ca2026;font-weight:500;line-height:36px;position:relative;z-index:1000;}
.stit{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;text-align:left;font-size:24px;font-weight:500;line-height:50px;position:relative;z-index:1000;}
.srtit{width:100%;max-width:1280px;margin:0 auto 20px;padding:0 20px;text-align:center;font-size:30px;color:#ca2026;font-weight:500;line-height:36px;position:relative;z-index:1000;}
.stxt{width:100%;max-width:1280px;margin:0 auto 20px;padding:0 20px;text-align:center;font-size:18px;color:#555;font-weight:400;line-height:26px;position:relative;z-index:1000;}
.stxt b{font-size:24px;line-height:30px;}






/************************************************
*		NAV										*
************************************************/

.navbar{width:100%;position:fixed;left:0;top:0;z-index:100;}
.navbar{background-color:#fff !important;border-bottom:2px solid #e54d46 !important;}

.navbar-brand{padding:0 15px !important;}
.navbar-brand img {width:130px;margin:10px 5px 0 0;float:left;}
.navbar-header a.logo, .navbar-header a.logo:hover {font-size:22px;font-weight:500;color:#ca2026;line-height:50px;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{color:#ca2026 !important;}

.navbar-default .navbar-nav > li > a {font-size:15px;font-weight:400;color:#333 !important;letter-spacing:-1px;}
.navbar-default .navbar-nav > li > a:hover {color:#ca2026 !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#ca2026 !important;}

.nav li.gro_m{display:none;}

.navbar-nav img {margin-top:19px;}
.navbar .container {width:100%;max-width:1280px;height:100%;}

/*.intro-section {height:100%;padding-top:65px;background-image:url(../images/main_img.png);background-attachment:fixed;background-size:cover;text-align:center;}*/
.intro-section {height:100%;padding-top:65px;background-image:url(../images/main_img.png);background-attachment:scroll;background-size:cover;text-align:center;}
.partner-section {height:100%;padding-top:85px;background-size:cover;text-align:center;}
.services-section {height:auto; background-size:cover;text-align:center;}

/* Grobal Nav */
.smn_img_wrap{width:100px;margin-top:13px;line-height:18px;letter-spacing:-1px;position:relative;float:left;z-index:2;}
.smn_img_wrap .nf{width:24px;height:18px;margin-top:2px;border:1px solid #ddd;vertical-align:middle;}
.smn_img_wrap .btn{width:24px;height:24px;display:inline-block;background:url(../images/select-icons.png) 0 -2px no-repeat;cursor:pointer;}
.smn_img_wrap .slct{width:100px;border:1px solid #d4d4d4;position:absolute;top:30px;display:none;}
.smn_img_wrap .slct .opt{padding:7px 5px;;color:#666;font-weight:bold;text-align:left;background:#fff;border-bottom:1px solid #d4d4d4;cursor:pointer;}
.smn_img_wrap .slct .opt:hover{color:#ca2026;}
.smn_img_wrap .slct .opt img{margin-left:5px;}

/* sns_icon */
.sns_icon{
	margin-top:-23px;
	margin-left:-10px !important;

}



/************************************************
*		MAIN									*
************************************************/

.m_article li{background-size:cover;background-position:50% 0;vertical-align:bottom;}

#main {
	min-height:55vh;
	text-align:center;
	position:relative;
	z-index:10;
}

#main:before {
	width:1%;
	height:55vh;
	content:'';
	vertical-align:bottom;
	display:inline-block;
}

#main:after {
	width:100%;
	height:55%;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	display:block;
}

#content {
	min-height:auto;
	background-attachment:fixed;
	background-position:center center;
	background-size:cover;
	text-align:center;
	position:relative;
	z-index:10;
}

#case {
	min-height:auto;
	background-attachment:fixed;
	background-position:center center;
	background-size:cover;
	text-align:center;
	position:relative;
	z-index:10;
}

#case:before {
	width:1%;
	height:100vh;
	content:'';
	vertical-align:middle;
	display:inline-block;
}

#case:after {
	width:100%;
	height:100%;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	display:block;
}

.t_wrap {
	width:1245px;
	max-width:100%;
	padding:0;
	position:relative;
	vertical-align:top;
	display:inline-block;
	z-index:1;
}
.t_wrap2{
	width:1245px;
	display: flex;
	justify-content: space-be;
	margin:0 auto;
}

.m_wrap {
	width:1245px;
	max-width:100%;
	padding:0;
	position:relative;
	vertical-align:bottom;
	display:inline-block;
	z-index:1;
}

.c_wrap {
	width:1245px;
	max-width:100%;
	padding:0;
	position:relative;
	vertical-align:middle;
	display:inline-block;
	z-index:1;
}

.f_wrap {
	width:1245px;
	max-width:100%;
	padding:0;
	position:relative;
	vertical-align:middle;
	display:inline-block;
	z-index:1;
}

.c_wrap ul{margin:0;padding:0;position:relative;}
.c_wrap li{width:20%;font-size:20px;float:left;}
.c_wrap li .txt{font-size:18px !important;line-height:24px;}
.c_wrap li img{width:70%;max-width:128px;}
.c_wrap li p{margin:-30% 0 0;}

.c_wrap li {
	min-height:33vh;
	text-align:center;
	position:relative;
	z-index:10;
}

.c_wrap li:before {
	width:1%;
	height:33vh;
	content:'';
	vertical-align:middle;
	display:inline-block;
}

.c_wrap li:after {
	width:100%;
	height:33%;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	display:block;
}

.f_wrap ul{margin:0;padding:0;position:relative;}
.f_wrap li{width:25%;font-size:20px;float:left;}
.f_wrap li .txt{font-size:18px !important;line-height:24px;}
.f_wrap li img{width:70%;max-width:128px;}
.f_wrap li p{margin:-30% 0 0;}

.f_wrap li {
	min-height:33vh;
	text-align:center;
	position:relative;
	z-index:10;
}

.f_wrap li:before {
	width:1%;
	height:33vh;
	content:'';
	vertical-align:middle;
	display:inline-block;
}

.f_wrap li:after {
	width:100%;
	height:33%;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	display:block;
}

.l_tit{width:100%;margin:0;text-align:left;font-size:34px;line-height:44px;float:left;
padding:50px;}
.l_tit b{font-weight:500;}
.l_txt{margin:20px 0 0;text-align:left;font-size:20px;line-height:32px;float:left;}
.l_txt img{
	margin-right:10px;
}

.r_thum{width:50%;text-align:left;float:right;}
.r_thum img{width:100%;max-width:500px;margin:0 auto;}
.r_tit{width:45%;margin:0;padding:5% 0 0;text-align:left;font-size:28px;line-height:40px;float:left;}
.r_tit .rt_tit {color:#333;font-size:36px;font-weight:600;margin-bottom:-4px; line-height: 42px;}
.r_tit .rt_btit {color:#333;font-size:32px;font-weight:500;margin-bottom:-4px;letter-spacing:-1px;}
.r_tit .rt_xtit {color:#ca2026;font-size:75px;font-weight:500;line-height:130px;}
.r_tit .rt_xtit img{width:90px;height:90px;margin-top:-10px;}
.r_tit .rt_ttit {height:130px;display:block;position:relative;}
.r_tit .rt_ttit .rt{margin:10px 0 0;text-align:center;font-size:45px;line-height:50px;font-weight:500;color:#ca2026;letter-spacing:-1px;display:block;float:left;}
.r_tit .rt_ttit .crt{margin:10px 0 0;text-align:center;font-size:36px;line-height:50px;font-weight:500;color:#ca2026;letter-spacing:-1px;display:block;float:left;}
.r_tit .rt_ttit .urt{margin:10px 0 0;text-align:center;font-size:45px;line-height:50px;font-weight:500;color:#ca2026;letter-spacing:-1px;display:block;float:left;}
.r_tit .rt_ttit img{width:90px;height:90px;margin:20px 5% 0 0;float:left;}
.r_tit .rt_txt {color:#333;font-size:23px;font-weight:500;line-height:28px;}

.r_tit .rt_tit2 {margin-bottom:-4px;font-size:28px;font-weight:500;color:#333;letter-spacing:-1px;}
.r_tit .rt_xtit2 {font-size:70px;font-weight:500;color:#ca2026;line-height:130px;letter-spacing:-1px;}
.r_tit .rt_xtit2 img{width:90px;height:90px;margin-top:-10px;}
.r_tit .rt_txt2 {color:#333;font-size:18px;font-weight:500;line-height:30px;letter-spacing:-1px;}


.actions{margin:30px 0 0 0;}
.actions .btn{width:160px;height:50px;margin:5px;line-height:50px;float:left;display:block;}
.actions .b_google{background:url(../images/btn1_1.png) no-repeat;}
.actions .b_apple{background:url(../images/btn1_2.png) no-repeat;}
.actions .b_web{background:url(../images/btn1_3.png) no-repeat;}
.actions .b_start{background:url(../images/btn1_4.png) no-repeat;}





/************************************************
*		SERVICE									*
************************************************/

.dates_line_m {display:none;}
#timeline {width:100%;max-width:1280px;margin:0 auto;overflow:hidden;position:relative;}
.dates_line{width:53%;height:100%;margin-left:80px;background:url('../images/line.png') 45px top repeat-y;float:left;}
#dates {width:590px;height:700px !important;margin-top:28px !important;overflow:hidden;float:left;}
#dates li {width: 590px;height:auto;padding-left:112px;line-height:135px;font-size:24px;}
#dates li.serv_img00 {background:url(../images/service_img01_2.png) left center no-repeat;}
#dates li.serv_img01 {background:url(../images/service_img01.png) left center no-repeat;}
#dates li.serv_img02 {background:url(../images/service_img02.png) left center no-repeat;}
#dates li.serv_img03 {background:url(../images/service_img03.png) left center no-repeat;}
#dates li.serv_img04 {background:url(../images/service_img04.png) left center no-repeat;}

#dates li.club_img01 {background:url(../images/club_img01.png) left center no-repeat;}
#dates li.club_img02 {background:url(../images/club_img02.png) left center no-repeat;}
#dates li.club_img03 {background:url(../images/club_img03.png) left center no-repeat;}
#dates li.club_img04 {background:url(../images/club_img04.png) left center no-repeat;}

#dates li.serv_img01 a,
#dates li a:hover,
#dates li a.selected{text-align:left;font-weight:600;color:#ca2026;text-decoration:none;}

#dates li.serv_img01 a:hover,
#dates li.serv_img01 a.selected{font-weight:600;color:#ca2026;text-decoration:none}

#dates li a:hover, #dates li a.selected {color:#ca2026 !important;}

#dates li  > .selectied{height:200px;color:#ca2026 !important;text-decoration:none;}
#dates a{padding-bottom:10px;color:#ca2026;text-decoration:none;font-weight:600;}
#dates a:hover{color: #ca2026;}
#dates .selected {font-size: 25px;}
#dates .selected p{width:475px;background:#fff;margin-top:-43px;padding:15px;border:1px solid #ddd;font-size:16px;font-weight:400;color:#535353;line-height:24px;display:block;}
#dates p{display:none;}

#issues {width:40%;height:700px;overflow:hidden;float:left;}
#issues li{width:420px;height:700px;margin:0 auto;list-style:none;}
#issues li img{margin:34px 0 0 90px;float:left;}
#issues .text{float:left;}


/* 제휴사 */
.alliance_wrap{width:100%;max-width:1280px;margin:0 auto 40px;background-color:#fff;border-top:2px solid #ca2026;position:relative;}
.alliance_wrap ul{margin:0;padding:0;border-left:1px solid #dfdfde;border-bottom:1px solid #dfdfde;}
.alliance_wrap li{width:20%;height:60px;border-right:1px solid #dfdfde;border-bottom:1px solid #dfdfde;text-align:center;line-height:60px;float:left;overflow:hidden;}
.alliance_wrap li img{width:auto;height:50px;}
.alliance_wrap li a{width:100%;height:60px;display:block;}


/* 연계서비스 */
.connect_wrap{width:760px;margin:0 auto;padding:0 0 40px;position:relative;}
.connect_wrap .cw_thum{width:330px;height:175px;text-align:center;display:block;float:left;}
.connect_wrap .cw_thum img{width:55%;margin:0 auto;border:5px solid #e0e0df;border-radius:30px;}
.connect_wrap .cw_stick{width:100px;height:175px;background:url(../images/conn_stick1.png) no-repeat center 40px;display:block;float:left;}

/* service_slide_cont */

.ssc_llist{
	display: flex;
	padding:120px;
}
.ssc_llist img{
	width: 450px;
	height: 250px;
}
.ssc_list_text h3{
	font-size: 20px;
}
.ssc_list_text span{
	font-size: 16px; 
	font-weight: normal;
	text-align: left;
	display: block;
	margin-top: 10px;
}
.ssc_list_text input{
	float:left;
	margin-top: 20px;;
}
.ssc_list_text{
	margin:50px;
	width: 50%;
}

/************************************************
*		PARTNER									*
************************************************/

.part{margin-bottom:70px;}
.part_pc{width:100%;max-width:1280px;margin:20px auto;text-align:center;display:block;}
.part_m{width:100%;max-width:1280px;margin:20px auto;text-align:center;display:none;}
.part_pc img, .part_m img{width:95%;}
.part_blink{display:block;}


 

/************************************************
*		차별점									*
************************************************/
.partner2{
	padding:150px 0 50px;
	position:relative;
	width: 100%;
	margin:0 auto;
}
.service-section-img{
	width: 300px;
	margin:120px auto 0;
	display: flex;

}

.aop_title{
	font-weight: 600;
	font-size: 20px;
	margin-bottom:10px;
	display: block;
}


/****************/

 
.circle-menu li {
	list-style: none;
	display: inline;
  }
  
  .circle-menu {
	  position: relative;
	  width: 50em;
	  height: 50em;
	  border: dashed 2px #cc0000;
	  border-radius: 50%;
	  margin: 5em auto 7em;
  }
  .circle-menu a, .circle-menu .aop {
	display: block;
	position: absolute;
	top: 50%; 
	left: 50%;
	line-height:8em;
	margin: -3.5em;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	border-radius: 16em;
	text-decoration: none;
	color: #000;
	box-sizing: border-box;
  }
  .circle-menu .aop4, .circle-menu .aop3, 
  .circle-menu .aop2, .circle-menu .aop1{
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  .circle-menu .aop5{
	text-align: center;
  }
  .circle-menu .aop:hover{
	  color:red;
	 
  }
 

  
  
   /* 360/7= 51 roughly so for 7 elements rotate the element every 51deg. 12em translate is half the container */
  .aop1 { transform: rotate(327deg) translate(25em) rotate(33deg); -webkit-transform: rotate(327deg) translate(25em) rotate(33deg); -ms-transform: rotate(327deg) translate(25em) rotate(33deg);}
  .aop2{ transform: rotate(17deg) translate(25em) rotate(343deg); -webkit-transform: rotate(17deg) translate(25em) rotate(343deg); -ms-transform: rotate(17deg) translate(25em) rotate(343deg);}

 .aop3{ transform: rotate(168deg) translate(38em) rotate(191deg); -webkit-transform: rotate(168deg) translate(38em) rotate(191deg); -ms-transform: rotate(168deg) translate(38em) rotate(191deg);}

.aop4 { transform: rotate(204deg) translate(36em) rotate(-204deg); -webkit-transform: rotate(204deg) translate(36em) rotate(-204deg); -ms-transform:rotate(204deg) translate(36em) rotate(-204deg);}

  .aop5{transform: rotate(265deg) translate(31em) rotate(95deg); -webkit-transform: rotate(265deg) translate(31em) rotate(95deg); -ms-transform: rotate(265deg) translate(31em) rotate(95deg);
  }

  




  /********************2******/

.anchor-wrap {
  width: max-content;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 200;
 
}
.fixed-anchor {
  height: 30px;
  width: 30px;
  color: white;
  background-color: tomato;
  display: block;
  float: left;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  transition: background-color 0.4s;
}
.fixed-anchor:hover {
  background-color: #ffb9ad;
  transition: background-color 0.4s;
}
.block {
  position: fixed;
  width: 300px;
  height: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: tomato;
  display: none;
  line-height: 160px;
  color: white;
  z-index: 100;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5), 2px 0px 5px rgba(0, 0, 0, 0.5), 0px -2px 5px rgba(0, 0, 0, 0.5), -2px 0px 5px rgba(0, 0, 0, 0.5);
}
.block h1 {
  text-align: center;
}
#first:target, #second:target, #third:target {
  display: block;
}
#first:target ~ .overlay, #second:target ~ .overlay, #third:target ~ .overlay {
  display: block;
}
.full {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
}
.content {
  width: 600px;
  height: 400px;
  margin: auto;
  padding: 20px;
  border: 1px dotted tomato;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  display: none;
}



/************************************************
*		FOOT									*
************************************************/

.footer_wrap{width:100%;height:100px; padding:20px 0;
	background:#f7f7f7;border-top:1px solid #f2f0e6;;}
.footer{width:98%;max-width:1280px;margin:0 auto;padding:0;text-align:left;font-weight:400;line-height:30px; display: flex; justify-content: center;}
.footer span{height:60px;text-align:right;line-height:60px;left:0;top:0;
margin-right:20px;}
.footer img{width:200px;height:50px;margin:0 auto;}
.footer .footer_text{
	width: 80%;
	font-size: 15px;
	line-height:30px;
}





/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
	.t_wrap {width:990px;}
	.m_wrap {width:990px;}
	.c_wrap {width:990px;}

	.r_thum{margin-top:40px;}
	.r_tit{padding:10% 0 0;}

	.r_tit .rt_tit2 {margin-top:10px;margin-bottom:10px;font-size:20px;line-height:22px;letter-spacing:-1px;}
	.r_tit .rt_xtit2 {font-size:55px;line-height:100px;letter-spacing:-1px;}
	.r_tit .rt_xtit2 img{width:70px;height:70px;}
	.r_tit .rt_txt2 {margin-top:5px;font-size:16px;line-height:22px;letter-spacing:-1px;}
}

@media all and (max-width:1250px){
	#issues {display:none;}
}

@media all and (max-width:1024px){
	.t_wrap {width:945px;}
	.m_wrap {width:945px;}
	.c_wrap {width:945px;}

	.r_thum{width:45%;margin-top:30px;}
	.r_tit{width:50%;padding:2% 0 0;}

	.c_txt{padding:15% 4% 0 0;}
}

@media all and (max-width:980px){
	.t_wrap {width:740px;}
	.m_wrap {width:740px;}
	.c_wrap {width:740px;}

	.r_thum{width:40%;}
	.r_thum img{width:100%;margin-top:40px;}
	.r_tit{width:55%;margin:-3% 3% 0 2%;letter-spacing:-1px;}

	.intro-section {padding-top:50px !important;}
	.intro-section .content {padding:0 30px !important}
	.navbar-nav > li {margin-left:0 !important}
}

@media all and (max-width:767px){
	.header{height:40px;margin:5px auto 0;padding:0 10px;line-height:40px;}
	.hidden_m{display:none !important;}

	.dates_line_m{margin:0 5px 50px;text-align:left;display:block;}

	.sc_case{width:100%;margin:10px 0 20px;background-color:#fff;position:relative;}
	.sc_case .sc_thum_1{text-align:center;}
	.sc_case .sc_thum_1 img{width:100%;max-width:900px;}

	.sc_case .sn0{width:80px;height:60px;background:url(../images/service_img01_2.png) 50% 50% no-repeat;background-size:60px 60px;left:0;display:block;}
	.sc_case .sn1{width:80px;height:60px;background:url(../images/service_img01.png) 50% 50% no-repeat;background-size:60px 60px;left:0;display:block;}
	.sc_case .sn2{width:80px;height:60px;background:url(../images/service_img02.png) 50% 50% no-repeat;background-size:60px 60px;left:80px;display:block;}
	.sc_case .sn3{width:80px;height:60px;background:url(../images/service_img03.png) 50% 50% no-repeat;background-size:60px 60px;left:160px;display:block;}
	.sc_case .sn4{width:80px;height:60px;background:url(../images/service_img04.png) 50% 50% no-repeat;background-size:60px 60px;left:240px;display:block;}

	.sc_case .cn1{width:80px;height:60px;background:url(../images/club_img01.png) 50% 50% no-repeat;background-size:60px 60px;left:0;display:block;}
	.sc_case .cn2{width:80px;height:60px;background:url(../images/club_img02.png) 50% 50% no-repeat;background-size:60px 60px;left:80px;display:block;}
	.sc_case .cn3{width:80px;height:60px;background:url(../images/club_img03.png) 50% 50% no-repeat;background-size:60px 60px;left:160px;display:block;}
	.sc_case .cn4{width:80px;height:60px;background:url(../images/club_img04.png) 50% 50% no-repeat;background-size:60px 60px;left:240px;display:block;}

	.sc_case .sc_tit{width:100%;text-align:center;font-size:22px;font-weight:600;}
	.sc_case .sc_txt{width:96%;margin:10px 2% 20px;padding:15px 2%;border:1px solid #cecece;text-align:center;font-size:15px;font-weight:400;}

	.sc_case .sliderkit .sliderkit-panels{width:100%;max-width:700px;height:330px !important;margin:0 auto;overflow:hidden;}
	.sc_case .sliderkit .sliderkit-panels .sliderkit-panels-wrapper{}
	.sc_case .sliderkit .sliderkit-panel{width:100%;height:450px;text-align:center;background:#fff;position:absolute;overflow:hidden;}
	.sc_case .sliderkit .sliderkit-panel .v_txt_wrap{width:100%;height:100%;display:table;}
	.sc_case .sliderkit .sliderkit-panel .v_txt{display:table-cell;vertical-align:middle;}
	.sc_case .sliderkit .sliderkit-panel img{width:auto;height:300px;margin:0 auto;}
	.sc_case .sliderkit .sliderkit-panel .scs_txt_cm{padding:0 10px;font-size:15px;line-height:140%;display:inline-block;}
	.sc_case .sliderkit .sliderkit-panel-active{z-index:5;}
	.sc_case .sliderkit .sliderkit-panel-old{z-index:4;}

	.sc_case .service_tab{width:100%;position:relative;z-index:10;}
	.sc_case .service_tab .sliderkit-nav{background-color:#efefef;z-index:50;}
	.sc_case .service_tab .sliderkit-nav-clip{margin:0 auto;overflow:hidden;}
	.sc_case .service_tab .sliderkit-nav-clip ul{margin:0;padding:0;position:relative;}
	.sc_case .service_tab .sliderkit-nav-clip ul li{margin:10px 0;position:absolute;cursor:pointer !important;}


	.t_wrap {width:455px;}
	.m_wrap {width:350px;}
	.c_wrap {width:455px;}

	.title{padding:0 5px;font-size:30px;line-height:45px;letter-spacing:-1px;}
	.stitle{padding:0 5px;text-align:left;font-size:28px;line-height:32px;letter-spacing:-1px;}
	.stit{padding:0 5px;font-size:22px;line-height:40px;letter-spacing:-1px;}

	.l_txt span{width:90%;padding:0 5%;text-align:left;position:relative;display:block;}

	.r_thum{width:90%;position:relative;display:none;}
	.r_thum img{width:60%;margin:0 auto;}
	.r_tit{width:98%;margin:0 0 40px;padding:0;font-size:24px;line-height:36px;letter-spacing:-1px;position:relative;}
	.r_tit .rt_tit {font-size:26px;margin-bottom:5px;letter-spacing:-1px;}
	.r_tit .rt_btit {font-size:24px;margin-bottom:5px;letter-spacing:-1px;}
	.r_tit .rt_xtit {font-size:60px;line-height:90px;letter-spacing:-1px;}
	.r_tit .rt_xtit .rxt{margin:5px 20% 0 0;font-size:35px !important;line-height:40px !important;display:block;float:right;}
	.r_tit .rt_xtit img{width:70px;height:70px;}
	.r_tit .rt_txt {margin-top:5px;font-size:16px;line-height:22px;letter-spacing:-1px;}
	.r_tit .rt_ttit .urt{font-size:40px !important;}

	#main {min-height:97vh;}
	#main:before {height:67vh;}
	#main:after {height:97%;}

	.actions{margin:30px 0 0 0}

	/* nav */
	.navbar {padding: 0px 0 !important;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;height:65px;}
    .top-nav-collapse {padding: 0;}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:#fff;border-bottom:2px solid #ccc;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#ca2026 !important;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#fff;cursor:pointer}
	.navbar-default .navbar-nav > .active > a.mypage, .navbar-default .navbar-nav > .active > a.mypage:focus, .navbar-default .navbar-nav > .active > a.mypage:hover {margin-left:0 !important;color:#ca2026 !important;}

	.navbar-header a.logo, .navbar-header a.logo:hover {color:#ca2026;font-size:22px;font-weight:500;line-height:50px;}
	.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{color:#ca2026 !important;}

	.gro_m{border-top:1px solid #d4d4d4;display:block !important;}
	.gro_pc{display:none !important;}
	.gro_icon a{
		float:left;
		display: block;
	}

	.nav li .mf{width:24px;height:18px;margin:0 !important;}
	.nav li .mf a{ padding:0 !important;}
	.nav li .mf img{height:10px !important;}

	.smn_img_wrap {width:100% !important;margin:11px 0 20px 25px;display:block;}

	/* service */
	.dates_line_m {display:block;}
	.dates_line_m li {margin-top:20px;font-size:18px;color:#535353;font-weight:600;clear:both;}
	.dates_line_m li p {width:100%;margin-top:7px;padding:15px;background:#fff;border:1px solid #cecece;font-size:15px;font-weight:400;}
	.dates_line_m li img {width:10%;}

	.alliance_wrap li{width:25%;height:50px;}
	.alliance_wrap li img{width:auto;max-width:90%;max-height:40px;margin:0 auto;}
	.alliance_wrap li a{width:100%;height:50px;line-height:50px;display:block;}

	.connect_wrap{width:100%;padding:0 0 50px;}
	.connect_wrap .cw_thum{width:100%;height:150px;position:relative;}
	.connect_wrap .cw_thum img{width:auto;height:150px;}
	.connect_wrap .cw_stick{width:100%;height:60px;background:url(../images/conn_stick2.png) no-repeat center 50%;position:relative;}


	/* partner */
	.part_pc{display:none;}
	.part_m{display:block;}
	.part_blink{display:none;}


	/* footer */
	.footer img{margin:0 1px;}
}

@media all and (max-width:480px){
	#main {min-height:95vh;}
	#main:before {height:70vh;}
	#main:after {height:95%;}

	.services-section{padding-top:65px;}

	.t_wrap {width:395px;}
	.m_wrap {width:350px;}
	.c_wrap {width:395px;}

	.title{font-size:28px;line-height:40px;}
	.stitle{font-size:26px;line-height:30px;}
	.stit{font-size:20px;line-height:35px;}

	.l_tit{font-size:30px;line-height:40px;}
	.l_txt{font-size:18px;line-height:28px;}

	.r_thum{text-align:center;}
	.r_tit{font-size:20px;line-height:32px;}

	.r_tit .rt_xtit2 {font-size:50px;}

	.actions .btn{margin:5px;}
	.actions .b_google{background-size:100%;}
	.actions .b_apple{background-size:100%;}
	.actions .b_web{background-size:100%;}

	.alliance_wrap li{width:33.3%;}
	.alliance_wrap li img{width:auto;height:30px;margin:0 auto;}

	.part{margin-bottom:50px;}

	.footer{height:auto;padding:10px 0;text-align:center;line-height:18px;}
	.footer span{width:100%;height:50px;margin-top:5px;text-align:center;line-height:50px;position:relative;left:0;display:block;}
}

@media all and (max-width:419px){
	#main {min-height:90vh;}
	#main:before {height:75vh;}
	#main:after {height:90%;}


	.sc_case{margin:5px 0 10px;}
	.sc_case .sc_txt{margin:5px 2%;padding:5px 0;}

	.sc_case .sn0{width:70px;height:50px;background-size:50px 50px;left:0;}
	.sc_case .sn1{width:70px;height:50px;background-size:50px 50px;left:0;}
	.sc_case .sn2{width:70px;height:50px;background-size:50px 50px;left:70px;}
	.sc_case .sn3{width:70px;height:50px;background-size:50px 50px;left:140px;}
	.sc_case .sn4{width:70px;height:50px;background-size:50px 50px;left:210px;}

	.sc_case .sliderkit .sliderkit-panels{height:350px !important;}
	.sc_case .sliderkit .sliderkit-panel{height:350px !important;}
	.sc_case .sliderkit .sliderkit-panel img{height:200px;}

	.sc_case .sliderkit .sliderkit-panel .scs_txt_cm{padding:0 5px;}
	.sc_case .service_tab .sliderkit-nav-clip ul li{margin:5px 0;}


	.t_wrap {width:295px;}
	.m_wrap {width:295px;}
	.c_wrap {width:295px;}

	.l_tit{width:95%;}
	.l_txt{letter-spacing:-1px;}

	.r_thum img{width:40%;}
	.r_tit{width:95%;margin:0 5% 20px 0;}
	.r_tit .rt_ttit .urt{font-size:30px !important;}

	.r_tit .rt_xtit2 {font-size:34px;}

	.actions{margin:20px auto 0;}
	.actions .btn{width:130px;height:40px;}

	.alliance_wrap li{width:50%;}
}