@charset "UTF-8";

@import url("./reset.css");
@import url("./font-awesome.min.css");

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(./fonts/NotoSansKR-Thin-Hestia.eot),
    url(./fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(./fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(./fonts/NotoSansKR-Light-Hestia.eot),
    url(./fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(./fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(./fonts/NotoSansKR-Regular-Hestia.eot),
    url(./fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(./fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}


@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(./fonts/NotoSansKR-Bold-Hestia.eot),
    url(./fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(./fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

/** Base **/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body {
	margin: 0;
	padding: 0;
	border: none;
	font-family: 'Noto Sans Korean', malgun gothic, '맑은 고딕', Dotum, Tahoma, arial, sans-serif;
	color:#222;
	font-style: normal;
  line-height: 1.625rem;
	background: transparent;
	-webkit-text-size-adjust:none;
	box-sizing:border-box;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  background-color: #fff;
  height: 100%;
  width:100%;
  letter-spacing:0px;
  -webkit-overflow-scrolling : touch !important;
 
overflow:initial;
}

html {font-size:1em; height: 100%;
  overflow: initial;}
body {    position: relative; 
  overflow-x: hidden;
      height: 100%;}

h1, h2, h3, h4, strong {
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}

b{font-weight: 400;}
/* Button Style */

a.btn{height:2.75rem; line-height:2.5rem; padding:0 3rem; border:1px solid #b7b7b7; text-align:center; display:inline-block; font-size:1rem; color:#333333;}

a.btn.btn_red{color:#fa2829;}

a.btn_lg {height:2.813rem; line-height:2.813rem; padding:0 2rem; font-size:1rem;}
a.btn_nm {height:2rem; line-height:2rem; padding:0 1.5rem; font-size:0.875rem;}
a.btn_sm {font-size : 0.875rem; height:2.375rem; line-height: 2.375rem; padding: 0px 1rem;}
a.btn_xm {font-size : 12px;}

.btn_con{position:relative; margin-top:2rem; text-align: center;}

/* hidden */
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

.br_m{display:inline-block;}
.br_w{display:block;}
.view_t{display: none;}
.view_m{display: none;}

.pt0{padding-top:0 !important;}

.hidden_w{display: none;}
@media (max-width: 960px) {  
   .hidden_t{display: none;}
   .br_w{display:inline-block;}
   .br_t{display:block;}
   .view_w{display: none;}
   .view_m{display: none;}
   .view_t{display: block;}
    .hidden_w{display: block;}
}
@media (max-width: 640px) {
  .hidden_m{display: none;}
  .br_t{display:inline-block !important;}
  .br_w{display:inline-block !important;}
  .br_m{display:block !important;}
  .view_w{display: none !important;;}
  .view_t{display: none !important;;}
  .view_m{display: block !important;;}
}


/** Layout **/
#wrap{position:relative;  width:100%;  min-height: 768px;  overflow: auto;}
header{position:fixed; top:0; height:123px; left:0; width:100%; z-index:999; background:#fff;transition:0s; }
header:before{display: block; position:absolute; top:37px; left:0; width:100%; height:1px; background:#d7d6d6; content:''; }
 

#wrap.top header{background:none;transition:0.2s;}
#wrap.top header:before{display: block; position:absolute; top:0px; left:0; width:100%; height:40px; background:rgba(0, 0, 0, 0.2); content:'';  }


footer{position:relative; width:100%; background-color:#ffffff; }

@media (max-width: 960px) {
	header:before{display: none !important;}
  header{height:5rem; }
}

@media (max-width: 640px) {
  html{font-size: 0.875rem;}
  header{height:3.5rem; }
}



/** GNB **/ 
.header_con{position:relative; width:100%; max-width:1220px; margin:0 auto; padding:0 1rem;}
.header_con .logo{position:relative; display: inline-block; padding-top:55px; z-index: 1001; }
.header_con .logo a{display:block; width:12.5rem; height:3rem; vertical-align: top; background:url('../images/common/logo_b.png') 0 0 no-repeat; background-size:12.5rem 3rem; text-indent:-999px; font-size:0; transition:0s;}
.header_con .menu_btn{display:none; position:absolute; right:1.5rem; top:2rem; width:1.5rem; height:1.5rem;  cursor: pointer; }
.header_con .menu_btn span {position:absolute; top:0; left:0; width:100%; height: 2px; background-color:#000; transition:0.2s;}
.header_con .menu_btn span.l_1{top:0rem;}
.header_con .menu_btn span.l_2{top:0.5rem;}
.header_con .menu_btn span.l_3{top:1rem;}

#wrap.top .header_con .logo a{background:url('../images/common/logo_w.png') 0 0 no-repeat; background-size:12.5rem 2.875rem; transition:0.2s;}

nav{position:fixed; top:0; left:0; width:100%; z-index: 1000; padding-right: 1rem;}
nav .m_bg{display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.65);}
nav .nav_con{ max-width:1220px;  margin: 0 auto; text-align:right; padding-right:0rem;}
nav .nav_con .menu_close_btn{display:none; position:absolute; right:1.5rem; top:2rem; width:1.5rem; height:1.5rem;  cursor: pointer;}
nav .nav_con .menu_close_btn span {position:absolute; top:0; left:0; width:100%; height: 2px; background-color:#fff; }
nav .nav_con .menu_close_btn span.l_1{top:0.5rem; transform: rotate(-135deg);}
nav .nav_con .menu_close_btn span.l_2{top:0.5rem; transform: rotate(135deg);}
nav .nav_con .m_logo { display:none;}

nav .nav_con .util{line-height:2.25rem;}
nav .nav_con .util a{font-size:13px; font-weight: 400;}
nav .nav_con .util a.faq{position:relative; padding-left:1.5rem; background:url('../images/common/icon_faq_b.png') 0 0 no-repeat; margin-right:1rem;  transition:0.2s;}
nav .nav_con .util a.admin{padding-left:1.5rem; color:#3376b8; background:url('../images/common/icon_admin.png') 0 0 no-repeat;}
nav .nav_con .util a.naverpost {position:relative; padding-left:1.8rem; background:url('../images/common/icon_naverpost.png') 0 0 no-repeat; margin-right:1rem;  transition:0.2s;}
#wrap.top nav .nav_con .util a.naverpost{color:#fff;}


nav .nav_con .gnb{}
nav .nav_con .gnb>li {display: inline-block; position:relative;  border:0; text-decoration:none ;}
nav .nav_con .gnb>li>a {display:block; font-size:18px; line-height:85px; margin-left:40px; font-weight: 400; border:0; text-decoration:none ; }
nav .nav_con .gnb>li>a.on, nav .nav_con .gnb>li>a:hover{ color:#3376b8; transition: 0.3s;}


#wrap.top nav .nav_con .util a.faq{color:#fff; background:url('../images/common/icon_faq_w.png') 0 0 no-repeat; transition:0.2s;}
#wrap.top nav .nav_con .gnb>li>a{color:#fff; transition:0.2s;}
#wrap.top nav .nav_con .gnb>li>a.on, #wrap.top nav .nav_con .gnb>li>a:hover{ color:#3376b8; transition: 0.3s;}

#wrap.top .header_con .menu_btn span {background-color:#fff; transition:0.2s;}

@media (max-width: 960px) {
  .header_con{text-align:center;}
  .header_con .logo{padding-top:1.5rem; z-index: 999;}
  .header_con .logo a{display:inline-block; width:8.333rem; height:2rem; background-size:8.333rem 2rem !important;}
  .header_con .menu_btn{display:block;}
	nav{display:none; position:fixed; left:auto;  width:100%; height:100%;  padding-right:0; }
  nav.open{display:block;}
	nav .nav_con{position:absolute; right:0; top:0; width:80%; height:100%; background:#fff; text-align:left;}
  nav .nav_con:before{display: block; background:#3376b8; height:5rem; content:'';}
  nav .nav_con .m_logo{display: block; position:absolute; top:7px; left:2rem; width:9.250rem; height:2.25rem; background:url('../images/common/logo_w.png') 0 0 no-repeat; background-size:9.25rem 2.25rem; text-indent:-9999px;} 
  nav .nav_con .menu_close_btn{display:block;}
	nav .nav_con .util{position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #ccc; background-color:#f2f2f2;}
	nav .nav_con .util a{display:inline-block; color:#000 !important; font-size:1.125rem !important; width:auto; padding-left:0.5rem !important; height:3rem; line-height:3rem; background: none !important;}
	nav .nav_con .util a.naverpost { height:2rem; line-height:2rem; padding-right:1rem; padding-left:2rem !important; margin-left:1rem; background:#00c73c url('../images/common/icon_naverpost_m.png') 8px 50% no-repeat !important; background-size:11px 18px!important; color:#fff !important; font-size:1rem !important;}
	nav .nav_con .util a.admin{display:none;}
  nav .nav_con .gnb>li{display: block;}
  nav .nav_con .gnb>li>a {display:block; width:100%; height:3rem; line-height:3rem; margin-left:0; padding-left:2rem; font-size:1.125rem !important; color:#000 !important; border-bottom:1px solid #ccc;  background:url('../images/common/bl_menu_off.png') 95% 1rem no-repeat; background-size:0.5rem 1rem;  }
  nav .nav_con .gnb>li>a.on, nav .nav_con .gnb>li>a:hover{ color:#3376b8 !important; transition: 0.3s; background:#f2f2f2 url('../images/common/bl_menu_on.png') 95% 1rem no-repeat; background-size:0.5rem 1rem; }
  nav .nav_con .gnb>li>ul{display: block;}
  nav .nav_con .gnb>li>ul>li>a{display:block; width:100%; height:2.5rem; line-height:2.5rem;  padding-left:2rem; font-size:1rem !important; color:#555555 !important; border-bottom:1px solid #ccc; background:#dedede; }
  nav .nav_con .gnb>li>ul>li>a:hover, nav .nav_con .gnb>li>ul>li>a.on{color:#3376b8 !important; transition: 0.3s;}
}
@media (max-width: 640px) {
  .header_con .logo{padding-top:1rem; z-index: 999;}
  .header_con .menu_btn{top:1.25rem;}
  nav .nav_con:before{height:3.5rem; }
  nav .nav_con:after{top:0.5rem;}
  nav .nav_con .menu_close_btn{top:1.25rem;}
}
/** Footer **/	
.footer_con{position:relative; width:100%; font-size:0.875rem; color:#777777;}
.footer_con .util_con{width:100%; padding:1.25rem 1rem; background:#fff; border-bottom:1px solid #e4e4e4; }
.footer_con .util_con .util_box{position:relative; max-width:1220px;  margin: 0 auto;}
.footer_con .util_con a{color:#000; font-weight:400;}
.footer_con .util_con a:hover{color:#000;}
.footer_con .util_con span{padding:0 1rem;}
.footer_con .address_con{position:relative; max-width:1220px;  margin: 0 auto; padding:2.25rem 1rem; line-height:1.75rem; font-weight:400;}
.footer_con .address_con .address {display: inline-block; margin-right: 1rem;}
.footer_con .address_con .address_box{position:relative; max-width:1220px;  margin: 0 auto;}
.footer_con .address_con .footer_logo{display: inline-block; float:left; padding-right:3rem;}
.footer_con .address_con .copy{color:#acacac;  font-weight: 100;}
.footer_con .address_con .btn_down{ position:absolute; right:-0.5rem; top:2.5rem; padding:15px 22px 15px 50px; color:#fff; line-height:18px; font-size:18px; background:#2755ac url('../images/common/icon_down.png') 20px 19px no-repeat; }
.footer_con .address_con .btn_down:hover{background-color:#0f3376; transition: 0.3s;}
.footer_con .address_con .btn_wa { position:absolute; top:30px; right:280px; width:44px; height:62px; background:url('../images/common/icon_wa.png') no-repeat 0 0; text-indent:-9999px;}

@media (max-width: 960px) {
  .footer_con{text-align: center;}
  .footer_con .util_con{background:none; border-bottom: none;}
  .footer_con .address_con{padding:0 1rem 1.25rem;}
  .footer_con .address_con .footer_logo{display: block; float:none; padding-bottom: 1rem; padding-right:5rem;}
  .footer_con .address_con .btn_down{display: none;}
  .footer_con .address_con .btn_wa { top:1rem; right:auto; left:50%; width:31px; height:44px; margin-left:4.5rem; background-size:31px 44px;}
}

/* Main */
.main_wrap{position:relative; width:100%; font-weight:100;}    
.main_wrap>section{position:relative; width:100%; height:1800px;}
.main_wrap>section .txt_con{padding-bottom:8rem;}
.main_wrap>section>.bg{position:absolute; top:0; left:0; width:100%; height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.main_wrap>section>.btn_scroll{position:absolute; padding-top:3.75rem; top:850px; /* 815px; */ left:50%; width:8rem; height:5rem; margin-left:-4rem; vertical-align:bottom; font-size:11px; text-align: center; color:#fff; background:url('../images/common/btn_scroll.png') 50% 0 no-repeat; background-size:3.25rem 3.25rem; }

.main_wrap>section>.contents{position:relative; width:100%; height:100%; max-width: 940px; margin:0 auto; text-align: center;}

.main_wrap>.sec_1>.contents{color:#fff;}
.main_wrap>.sec_1>.contents img{width:100%;}
.main_wrap>.sec_1 .txt_con{position:absolute; top:50%; width:100%; text-align:center;}
.main_wrap>.sec_1 .txt_1{display:inline-block; width:100%; max-width:559px; padding-bottom:0.5rem;}
.main_wrap>.sec_1 .txt_2{display:inline-block; width:100%; max-width:559px; padding-bottom:1.8rem;}
.main_wrap>.sec_1 .txt_3{padding-bottom:1.875rem; font-size:2rem; font-weight:400;}
.main_wrap>.sec_1 .txt_4{font-size:1.25rem; font-weight:100;}

.main_wrap>.sec_2>.contents{color:#fff;}
.main_wrap>.sec_2 .txt_con{position:absolute; top:50%; width:100%; text-align:center;}
.main_wrap>.sec_2 .tit_con {padding-bottom:5.25rem;}
.main_wrap>.sec_2 .tit_con img{height:4.125rem; padding:0 0.5rem;}
.main_wrap>.sec_2 ul{display: table; position:relative; width:100%; max-width:940px; padding-bottom:2.875rem;}
.main_wrap>.sec_2 ul li{float:left; width:284px; height:284px; text-align: center;}
.main_wrap>.sec_2 ul li.li_2{margin:0 44px;}

.main_wrap>.sec_2 ul li dl{width:100%; height:100%; border:5px solid #fff; border-radius:50%;}
.main_wrap>.sec_2 ul li.li_2 dl{ border:5px solid #fa2829; background:#fa2829;}
.main_wrap>.sec_2 ul li dl dt{font-size:2rem; padding:4rem 0 1rem; font-weight:400;}
.main_wrap>.sec_2 ul li dl .txt{padding-bottom:1rem;}

.main_wrap>.sec_2 .txt_con>.txt{padding: 0 1rem;}
.main_wrap>.sec_2 .txt_con>.txt em{color:#fa2829;}

.main_wrap>.sec_3>.contents{color:#fff; max-width:810px;}
.main_wrap>.sec_3 .txt_con{position:absolute; top:50%; width:100%; text-align:center;}
.main_wrap>.sec_3 .tit_con {padding-bottom:1rem; font-size:3.125rem;}
.main_wrap>.sec_3 .tit_con img{height:68px; padding-right:0.5rem; margin-top:-1rem;}
.main_wrap>.sec_3 .btn_box{padding-bottom:1.5rem; display: table}
.main_wrap>.sec_3 .btn_box a{display:block; float:left; position:relative; border:1px solid #b0b1b4; width:400px; padding-left:100px; height:68px; text-align:left; color:#fff; padding-top:12px; line-height:22px;}
.main_wrap>.sec_3 .btn_box a.appstore{background:url('../images/common/icon_apple_w.png') 38px 50% no-repeat; margin-right:8px;}
.main_wrap>.sec_3 .btn_box a.googleplay{background:url('../images/common/icon_google.png') 38px 50% no-repeat;}
.main_wrap>.sec_3 .btn_box a span{position:absolute; display: block; right:0; top:0; width:80px; height: 66px; text-align:center; line-height:66px; border-left:1px solid #b0b1b4;}
.main_wrap>.sec_3 .btn_box a em{font-weight:700;}
.main_wrap>.sec_3 .btn_box_m{display: none; padding-bottom:0rem;}
.main_wrap>.sec_3 .btn_box_m a{display:block; border:1px solid #b0b1b4; width:100%;  margin:0 auto; height:3rem; text-align:left; color:#fff; font-weight: 700; line-height:3rem; text-align: center;}
.main_wrap>.sec_3 .btn_box_m a img{margin-right:0.5rem; margin-top:-0.135rem; }

.main_wrap>.sec_3 .g_con{display: table; width:100%; text-align: left;}
.main_wrap>.sec_3 .g_con .txt_list{display: table-cell;}
.main_wrap>.sec_3 .g_con .img_box{display: table-cell; position:relative; width:266px; height: 521px; background:url('../images/main/section3_phone.png') 0 0rem no-repeat;}
.main_wrap>.sec_3 .g_con .img_box li{position:absolute; top:50px; left:8px; opacity:0;transition: 1s; z-index: 1}


.main_wrap>.sec_3 .g_con .txt_list li{padding-top:2.5rem;}
.main_wrap>.sec_3 .g_con .txt_list li dl{position:relative; padding-left:7.5rem; cursor:pointer;}
.main_wrap>.sec_3 .g_con .txt_list li dl dt{position:absolute; top:0; left:0; font-size:4rem; font-weight:100; line-height:4rem;}
.main_wrap>.sec_3 .g_con .txt_list li dl dt em{color:#fa2829;}
.main_wrap>.sec_3 .g_con .txt_list li dl .tit{font-size:1.75rem; line-height:1.75rem; padding-bottom:0.5rem;}
.main_wrap>.sec_3 .g_con .txt_list li dl .txt{padding-left:0.675rem; padding-bottom:0.5rem; }
.main_wrap>.sec_3 .g_con .txt_list li dl .icon{padding-left:0.675rem;}
.main_wrap>.sec_3 .g_con .txt_list li dl .icon:before{display: block; content:''; width:1.875rem; height:1.875rem; background:url('../images/common/icon_arrow_r.png') 0 0rem no-repeat; }
.main_wrap>.sec_3 .g_con .txt_list li:hover dl dt, .main_wrap>.sec_3 .g_con .txt_list li.on dl dt{color:#fa2829; transition: 0.3s;}
.main_wrap>.sec_3 .g_con .txt_list li:hover dl .icon:before, .main_wrap>.sec_3 .g_con .txt_list li.on dl .icon:before{background:url('../images/common/icon_arrow_wr.png') 0 0rem no-repeat; transition: 0.3s;}
.main_wrap>.sec_3 .g_con .img_box li.on{opacity: 1; transition: 0.3s;z-index: 10}
.main_wrap>.sec_3 .g_con .txt_list li.on .txt em{border-bottom:1px solid #fa2829; transition: 0.3s;}

.main_wrap>.sec_4>.contents{color:#fff; max-width:920px;}
.main_wrap>.sec_4 .txt_con{position:absolute;  top:50%; width:100%; text-align:center;}
.main_wrap>.sec_4 .tit_con {padding-bottom:1rem; margin-top:-10px;}
.main_wrap>.sec_4 .tit_con .txt_1{font-size:2.125rem; line-height: 2.125rem; padding-bottom: 0.5rem;}
.main_wrap>.sec_4 .tit_con .txt_1 em{color:#fa2829;}
.main_wrap>.sec_4 .tit_con .txt_2{font-size:3.125rem; line-height: 3.125rem; font-weight: 400}
.main_wrap>.sec_4 .img_con{display: table; margin:0 auto;}
.main_wrap>.sec_4 .img_con li{display: table-cell; padding:0 25px;}
.main_wrap>.sec_4 .img_con li:first-child{padding-left:0;}
.main_wrap>.sec_4 .img_con li:last-child{padding-right:0;}

.main_wrap>.sec_4 .img_con_m{display: none; max-width:434px; margin:0 auto;}
.main_wrap>.sec_4 .img_con_m img{width:100%;}

.main_wrap>.sec_4 .btn_box{padding-top:1rem;}
.main_wrap>.sec_4 .btn_box a{display:inline-block; padding:0 2rem; border:1px solid #b0b1b4; height:3rem; text-align:left; color:#fff; line-height:3rem; text-align: center;}
.main_wrap>.sec_4 .btn_box a img{margin-right:0.5rem; margin-top:-0.25rem;}

.main_wrap>.sec_5>.contents{color:#222222; max-width:920px;}
.main_wrap>.sec_5 .txt_con{position:absolute; top:50%; width:100%; text-align:center;}
.main_wrap>.sec_5 .tit_con {padding-bottom:2.5rem; }
.main_wrap>.sec_5 .tit_con .txt_1{font-size:2.125rem; line-height: 2.125rem; padding-bottom: 1rem;  font-weight: 400}
.main_wrap>.sec_5 .tit_con .txt_1 em{color:#fa2829;}
.main_wrap>.sec_5 .tit_con .txt_2{font-size:3.125rem; line-height: 3.125rem;}
.main_wrap>.sec_5 .tit_con .txt_2 em{color:#fa2829;}

.main_wrap>.sec_5 .movie_box{max-width: 920px; width:100%; height:515px; margin:0 auto;}
.main_wrap>.sec_5 .movie_box iframe { width:100%; height:100%;}
.main_wrap>.sec_5 .movie_box a{display:block; width:100%; height:517px; margin:0 auto;
  background:url('../images/main/section5_img.jpg') 0 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media (max-width: 960px) {
	.main_wrap>.sec_5 .movie_box { height:400px;}
}

.main_wrap .donw_menu_con{position:fixed; width:100%; top:140px; left:0; }

.main_wrap .donw_menu{position:absolute; top:140px; left:50%;width:50%; max-width:610px; text-align: right; padding-right:1rem;}
.main_wrap .donw_menu .appstore{display: inline-block; margin-right:1rem; width:2rem; height: 2rem; background:url('../images/common/icon_apple_w.png') 0 0 no-repeat; background-size: 2rem 2rem; font-size: 0; text-indent:-9999px;}
.main_wrap .donw_menu .googleplay{display:inline-block; width:2rem; height: 2rem; background:url('../images/common/icon_google_w.png') 0 0rem no-repeat; background-size: 2rem 2rem; font-size: 0; text-indent:-9999px;}

.main_wrap .m_donw_menu{display: none; position:fixed; bottom:0; left:0; width:100%; height:2.5rem; border-top:1px solid #cacaca; border-bottom:1px solid #e4e4e4; }
.main_wrap .m_donw_menu a{display: table-cell; width:50%; text-align:center; line-height:2.5rem;}
.main_wrap .m_donw_menu a:first-child{background:#fff;}
.main_wrap .m_donw_menu a:last-child{color:#fff; background:rgba(0, 0, 0, 0.4);}
.main_wrap .m_donw_menu.end{position:relative; margin-top:-2.5rem;}

.main_wrap .pos_menu_con{ position:fixed; right:0;  top:0; height:100%; min-height:600px;}
.main_wrap .pos_menu{ position:absolute; right:1rem; top:50%; margin-top:-100px; z-index: 999999;} 
.main_wrap .pos_menu li{margin:5px 0px; text-align:center; width:1rem; height:1rem; }
.main_wrap .pos_menu li a{display: inline-block; vertical-align:middle; line-height:0.875rem; height: 0.5rem; width:0.5rem; background:#fff; border-radius: 50%; text-indent: -999px; font-size:0;}
.main_wrap .pos_menu li a.on, .main_wrap .pos_menu li a:hover{height: 0.875rem; width:0.875rem; border:1px solid #fff; background: none; transition: 0.1s}



@media (max-width: 960px) {
  .main_wrap>section.sec_1>.bg{background-position: 60% 50%;}
  .main_wrap>section.sec_2>.bg{background-position: 30% 50%;}
  .main_wrap>section.sec_3>.bg{background-position: 70% 50%;}
  .main_wrap>section.sec_4>.bg{background-position: 15% 50%;}
  .main_wrap>section.sec_5>.bg{background-position: 65% 50%;}  

  .main_wrap>section .txt_con{padding:0 2rem 8rem !important;}

  .main_wrap>.sec_1 .txt_con{}
  .main_wrap>.sec_1 .txt_1{max-width:495px;}
  .main_wrap>.sec_1 .txt_2{max-width:495px;}
  .main_wrap>.sec_1 .txt_3{font-size:1.5rem;}
  .main_wrap>.sec_1 .txt_4{font-size:1.125rem; }

  
  .main_wrap>.sec_2 .tit_con{}
  .main_wrap>.sec_2 .tit_con img{height:3rem; padding:0 0.5rem; margin-bottom:1rem;}
  .main_wrap>.sec_2 ul{margin:0 auto; width:100%; max-width:640px;}
  .main_wrap>.sec_2 ul li{width:17rem; height: 17rem;}
  .main_wrap>.sec_2 ul li.li_1{position:relative; float:left; margin:11rem 0 0 2rem; z-index: 2;}
  .main_wrap>.sec_2 ul li.li_3{position:relative; float:right;  margin:11rem 2rem 0 0; z-index: 2;}
  .main_wrap>.sec_2 ul li.li_2{position:absolute; top:0; left:50%; margin-left:-8.5rem;}
  .main_wrap>.sec_2 ul li dl dt{padding:3rem 0 1rem; }
  .main_wrap>.sec_2 ul li dl .txt{padding-bottom:0.5rem;}

  
  .main_wrap>.sec_3 .tit_con {padding-bottom:1.875rem; font-size:2rem;}
  .main_wrap>.sec_3 .btn_box_m{display: block;}
  .main_wrap>.sec_3 .btn_box{display: none;}

  .main_wrap>.sec_3 .g_con .img_box{display: none;}
  .main_wrap>.sec_3 .g_con .txt_list li dl .icon{display: none;}


  .main_wrap>.sec_4 .img_con{display: none;}
  .main_wrap>.sec_4 .img_con_m{display: block;}

  .main_wrap .donw_menu{display: none;}
  .main_wrap .m_donw_menu{display: table;}
   .main_wrap>section>.btn_scroll{display: none;}
  .main_wrap .pos_menu{ position:absolute; right:8px;}
}

@media (max-width: 640px) {
  
  .main_wrap>section .txt_con{padding:0 2rem 0rem !important;}
  .main_wrap>.sec_1 .txt_1{max-width:260px;}
  .main_wrap>.sec_1 .txt_2{max-width:260px;}
  .main_wrap>.sec_1 .txt_3{font-size:1.525rem;}
  .main_wrap>.sec_1 .txt_4{font-size:1.0rem; }

  .main_wrap>.sec_2 .tit_con{padding-bottom:1rem;}
  .main_wrap>.sec_2 .tit_con img{height:2rem; padding:0 0.5rem; margin-bottom:1rem;}
  .main_wrap>.sec_2 ul{max-width: 26rem; height: 21rem;}
  .main_wrap>.sec_2 ul li{width:12rem; height: 12rem;}
  .main_wrap>.sec_2 ul li.li_1{position:absolute; top:8rem; left:0rem; margin:0; z-index: 2;}
  .main_wrap>.sec_2 ul li.li_3{position:absolute; top:8rem; right:0rem; margin:0;  z-index: 2;}
  .main_wrap>.sec_2 ul li.li_2{position:absolute; top:0; left:50%; margin-left:-6rem;}
  .main_wrap>.sec_2 ul li dl{border:3px solid #fff; font-size:0.875rem;}
  .main_wrap>.sec_2 ul li dl dt{padding:2rem 0 1rem; font-size:1.5rem;}
  .main_wrap>.sec_2 ul li dl .txt{padding-bottom:0.5rem;}

  .main_wrap>section.sec_3  .txt_con{padding:0 2.5rem 0rem !important;}
  .main_wrap>.sec_3 .g_con .txt_list li{padding-top:2rem;}
  .main_wrap>.sec_3 .g_con .txt_list li dl{position:relative; padding-left:3rem; cursor:pointer;}
  .main_wrap>.sec_3 .g_con .txt_list li dl dt{position:absolute; top:0; left:0; font-size:2rem; font-weight:100; line-height:2rem;}
  .main_wrap>.sec_3 .g_con .txt_list li dl dt em{color:#fa2829;}
  .main_wrap>.sec_3 .g_con .txt_list li dl .tit{font-size:1.25rem; line-height:1.25rem; }
  .main_wrap>.sec_3 .g_con .txt_list li dl .txt{padding-left:0rem; }

  .main_wrap>section.sec_4  .txt_con{padding:0 2.5rem 0rem !important;}
  .main_wrap>.sec_4 .tit_con {padding-bottom:1.5rem; margin-top:0;}
  .main_wrap>.sec_4 .tit_con .txt_1{font-size:1.75rem; line-height: 1.5rem;}
  .main_wrap>.sec_4 .tit_con .txt_2{font-size:2rem; line-height: 1.75rem;}
  .main_wrap>.sec_4 .btn_box{padding-top:1rem;}
 
  .main_wrap>.sec_5 .tit_con .txt_1{font-size:1.5rem; line-height: 1.5rem;}
  .main_wrap>.sec_5 .tit_con .txt_2{font-size:1.75rem; line-height: 1.75rem;}
  .main_wrap .donw_menu_con{display: none;}
  .main_wrap .m_donw_menu{display: table;}
}


/* sub공통 */
.sub_wrap{background:#f6f6f6; color:#555; }
.sub_wrap em{color:#3376b8;}
.sub_wrap .container{padding:10rem 1rem 6.875em; max-width:1200px; margin:0 auto;}
.sub_wrap .tit_con{ text-align: center; padding-bottom:2.75rem;}
.sub_wrap .tit_con h1{font-size:2.5rem; font-weight:400; color:#222; line-height:3rem; padding-bottom:1.5rem}
.sub_wrap .tit_con h2{font-size:1.375rem; font-weight:300; color:#222; line-height:1.375rem;}

.contens_con{background:#fff; padding:3rem 3rem;}

.list_search_con{margin-bottom:1.5rem; height:2.625rem;}
.list_search_con .page_info{float:left;}
.list_search_con .input_box{float:right;}
.list_search_con .input_box input{display: inline-block; width:200px;}
.list_search_con .input_box .search_btn{display: inline-block; height: 2.625rem; padding:0 2rem; line-height:2.625rem; vertical-align: top; font-size:14px; background:#666666; color:#fff;}

.page_list{text-align:center; margin-top: 4.5rem;}
.page_list a{margin:0 1px; width:1.875rem; height:1.875rem; line-height:1.75rem; display:inline-block; text-align:center; color:#888; vertical-align: top; }
.page_list a img{width:100%; vertical-align: top;}
.page_list a.on{ background:#3376b8; color:#fff;}
.page_list span{margin:0 1px; width:1.875rem; height:1.875rem; line-height:1.75rem; display:inline-block; text-align:center; color:#888; vertical-align: top; }
.page_list span.on{ background:#3376b8; color:#fff;}

.input_top_con{text-align:right; padding-bottom: 0.25rem;}
.input_con{border-top:2px solid #000000; border-bottom:2px solid #d2d2d2; display: table; width:100%;}
.input_con dl{position:relative; display: table; min-height: 50px; border-top:1px solid #d2d2d2; width:100%;}
.input_con dl:first-child{border-top:none;}
.input_con dl.top{border-top:none;}
.input_con dl.col_2{float:left; width:50%;}
.input_con dl>dt{display:table-cell; width:20%; height:100%; padding:1.5rem 0; text-align: center; vertical-align: top;}
.input_con.mid dl>dt{vertical-align:middle}

.input_con dl>dd{display:table-cell; width:80%; position:relative; padding:1.375rem 0.5rem 1rem 1rem; color:#9b9b9b; }
.input_con dl>dd.input{padding:1rem 1rem; vertical-align:middle;}
.input_con>dl>dd.btn{padding:0.25rem 1rem 0.25rem 1rem; text-align: left;}
.input_con>dl>dd.input textarea{height: 10rem} 
.input_con>dl>dd.w3 input{max-width:18.750rem;}
.input_con>dl>dd span.btn{padding-left:4px;}


@media (max-width: 960px) {
.sub_wrap .container{padding:7rem 2rem 6.875rem;}
.sub_wrap .tit_con h1{font-size:2.25rem; padding-bottom: 0.5rem }
.sub_wrap .tit_con h2{font-size:1rem; }
.contens_con{background:#fff; padding:3rem 1rem;}
}
@media (max-width: 640px) {
.sub_wrap .container{padding:6rem 2rem 6.875rem;}
}
/* pay */
.pay{ text-align: center;}
.pay .tab{display: table; width:100%; border-top:1px solid #dcdcdc; border-bottom:2px solid #e6240f; margin-bottom:4.5rem;}
.pay .tab li{display: table-cell; width:50%; }
.pay .tab li a{display:block; line-height:4.25rem; font-size:1.125rem; color:#777777; background-color:#f2f2f2; font-weight: 400; }
.pay .tab li a.on{color:#222222; background-color:#fff; }

.pay h3{font-size:3rem; font-weight:300; padding-bottom:3.75rem;}
.pay h3 em{font-weight:400;}
.pay h3 .dec{font-size:1.25rem; padding-top:1.5rem;}

.pay .gray_box{font-size:1.25rem; background-color:#f2f2f2; padding:4rem 2rem; margin-bottom:3.75rem;}

.pay .process_con{display:table; width: 100%}
.pay .process_con .title{position:relative; display: inline-block; font-size: 2.125rem; line-height:2.125rem; font-weight:400; padding:0 1.5rem; margin-bottom: 3.75rem;}
.pay .process_con .title:before{display: block; position:absolute; top:50%; left:-1.5rem; width:1.5rem; height: 1px; background:#222222; content:'';}
.pay .process_con .title:after{display: block; position:absolute; top:50%; right:-1.5rem; width:1.5rem; height: 1px; background:#222222; content:'';}

.pay .process_con dl{float:left; width:45%; padding-bottom: 3.75rem;}

.pay .process_con .arrow{float:left; width:10%; padding:20rem 0 0;}


.pay .process_con dl dd.num{font-size:2.5rem;}
.pay .process_con dl dt{font-size:2rem; padding-top: 1.5rem; font-weight:400; color:#222;}
.pay .process_con dl dd.txt{height:5rem; display: table;   width:100%;}
.pay .process_con dl dd.txt div{display: table-cell; width:100%; height: 100%; vertical-align: middle;}
.pay.col_3 .process_con dl{width:30%;}
.pay.col_3 .process_con .arrow{ width:5%;}
.pay.col_3 .process_con dl dd.img img{width:100%;}
.pay.col_3 .process_con .arrow img{ width:100%;}
.pay .txt_con{clear: both; text-align:center; border-top:2px solid #d2d2d2; padding-top:4.25rem; }
.pay .txt_con ul{display: table; position:relative;  margin:0 auto;}
.pay .txt_con ul li{float:left; width:258px; height:258px; text-align: center;}
.pay .txt_con ul li.li_2{margin:0 20px;}

.pay .txt_con ul li dl{width:100%; height:100%; border:5px solid #ff0000; border-radius:50%;}
.pay .txt_con ul li.li_2 dl{ border:5px solid #fa2829; background:#fa2829; color:#fff;}
.pay .txt_con ul li dl dt{font-size:2rem; padding:3rem 0 1rem; font-weight:400;}
.pay .txt_con ul li dl .txt{padding-bottom:0.5rem;}

.pay .txt_con .txt_box{margin-top:2.5rem; text-align: left;}
.pay .txt_con .txt_box .tit{padding-left: 1.5rem; color:#222; font-weight: 400; background:url('../images/common/icon_check.png') 0 0.25rem no-repeat;}
.pay .txt_con .txt_box .txt{padding-left: 1.5rem;}

@media (max-width: 960px) {
    .pay .process_con dl{float:none; width:100%; padding-bottom: 0rem;}
    .pay .process_con .arrow{float:none; width:100%; padding:1rem 0 ;}
    .pay .process_con .arrow img{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);}

    .pay.col_3 .process_con dl{width:100%;}
    .pay.col_3 .process_con .arrow{ width:100%;}
    .pay.col_3 .process_con dl dd.img img{width:auto;}
    .pay.col_3 .process_con .arrow img{ width:auto;}

    .pay .txt_con ul{margin:0 auto; width:100%; max-width:640px;}
    .pay .txt_con ul li{width:15rem; height: 15rem;}
    .pay .txt_con ul li.li_1{position:relative; float:left; margin:14rem 0 0 1rem; z-index: 2;}
    .pay .txt_con ul li.li_3{position:relative; float:right;  margin:14rem 1rem 0 0; z-index: 2;}
    .pay .txt_con ul li.li_2{position:absolute; top:0; left:50%; margin-left:-7.5rem;}
    .pay .txt_con ul li dl dt{padding:2rem 0 1rem; font-size: 1.5rem; }
    .pay .txt_con ul li dl .txt{padding-bottom:0.5rem; line-height:1.25rem}

}
@media (max-width: 640px) {
  .pay .tab{margin-bottom: 2rem;}
  .pay .tab li a{height:3rem; line-height:3rem;}
  .pay h3{font-size:1.5rem; padding-bottom:2rem;}
  .pay h3 .dec{font-size:1rem;}
  .pay .gray_box{font-size:1rem; padding:2rem 0; margin-bottom:2rem;}
  .pay .process_con .title{font-size:1.5rem; margin-bottom:2rem;}
  .pay .process_con dl dd.img img{width:100%;}
  .pay .process_con .arrow img{max-width: 40px;}
  .pay .process_con dl dd.num{font-size:2rem;}
  .pay .process_con dl dt{font-size:1.5rem; padding-top:1rem;}
  .pay .process_con dl dd.txt{padding:1rem 0;}

  .pay.col_3 .process_con dl dd.img img{width:80%;}

  .pay .txt_con ul{margin:0 auto; width:100%; width:100%;}
  .pay .txt_con ul li{width:15rem; height: 15rem;}
  .pay .txt_con ul li.li_1{position:relative; float:none; left:50%;  margin:16rem 0 0 -7.5rem; z-index: 2;}
  .pay .txt_con ul li.li_3{position:relative; float:none; left:50%;  margin:1rem 0rem 0  -7.5rem; z-index: 2;}
  .pay .txt_con ul li.li_2{position:absolute; top:0; left:50%; margin-left:-7.5rem;}
  .pay .txt_con ul li dl{border:3px solid #ff0000; font-size:0.875rem;}
  .pay .txt_con ul li dl dt{padding:2rem 0 1rem; font-size: 1.5rem; }
  .pay .txt_con ul li dl .txt{padding-bottom:0.5rem; line-height:1.25rem}

}

/* usage */
.usage {text-align: center;}
.usage .type_con dl{ padding: 3.75rem 0; border-top:1px solid #d2d2d2 }
.usage .type_con dl:first-child{padding-top:0; border-top:0;}
.usage .type_con dl dd.num{font-size:2.5rem;}
.usage .type_con dl dt{font-size:2rem; line-height:2.5rem; padding-top: 1.5rem; font-weight:400; color:#222;}
.usage .type_con dl dt b{font-weight:700}
.usage .type_con dl dd.btn_con a{display: inline-block; line-height:2.75rem; padding:0 2rem 0 2.75rem; color:#fff; background:#fa2829 url('../images/common/icon_play.png') 1.5rem 50% no-repeat;  }
.usage .type_con dl dd.img{margin-top: 4rem; text-align: center;}
.usage .type_con dl dd.img img{width:100%;}

@media (max-width: 960px) {
  .usage .type_con dl dd.img img{max-width:500px;}
}

@media (max-width: 640px) {
  .usage .type_con dl dd.num{font-size:2rem;}
  .usage .type_con dl dt{font-size:1.5rem; padding-top:1rem; line-height:2rem}
  .usage .type_con dl dd.img{margin-top: 2rem;}


}

/* faq */
.faq_list{width:100%;}
.faq_list li{margin-bottom:10px;}
.faq_list .ac-cont{background:#fff; padding:0 3rem;}
.faq_list .ac-cont>dt{position:relative; padding:2rem 2rem 2rem 4rem; font-size:1.375rem; background: url('../images/common/bl_faq_off.png') 100% 50% no-repeat; cursor: pointer;}
.faq_list .ac-cont>dt>span{position:absolute; top:2rem; left:0; font-size:2.875rem; color:#fa2829; font-family: 'arial'; margin-right: 1rem;}
.faq_list .ac-cont>dt>*{vertical-align: middle;}
.faq_list .ac-cont>dd{padding:1rem 0 2rem 4.5rem; display: none;  position:relative; border-top:1px solid #e0e0e0;}
.faq_list .ac-cont>dd b{font-weight:400; color:#222; }

.faq_list .ac-cont.on{border:1px solid #fa2829;}
.faq_list .ac-cont.on>dt{background: url('../images/common/bl_faq_on.png') 100% 50% no-repeat; }

.faq_list .ac-cont-not{background:#fff; padding:0 3rem;}
.faq_list .ac-cont-not>dt{position:relative; padding:2rem 2rem 2rem 4rem; font-size:1.375rem; background: url('../images/common/bl_faq_off.png') 100% 50% no-repeat; cursor: pointer; text-align:center;}

@media (max-width: 640px) {
  .faq_list .ac-cont{background:#fff; padding:0 1rem;}
  .faq_list .ac-cont>dt{padding:1rem 2rem 1rem 2rem; background-size:15px 8px;}
  .faq_list .ac-cont>dt>span{font-size:1.5rem; top:1rem;}
  .faq_list .ac-cont.on>dt{background-size:15px 8px;}
  .faq_list .ac-cont>dd{padding:1rem 0 2rem 1rem;}
  
  .faq_list .ac-cont-not{background:#fff; padding:0 1rem;}
  .faq_list .ac-cont-not>dt{padding:1rem 2rem 1rem 2rem; background-size:15px 8px;  text-align:center;}
}

/*counsel*/

.counsel .counsel_top{display: table; width:100%; padding-bottom:1.875rem }
.counsel .counsel_top>div{position: relative; display: table-cell;width:50%;}
.counsel .counsel_top>div:first-child{padding-right:10px;}
.counsel .counsel_top>div:last-child{padding-left:10px;}
.counsel .counsel_top>div>*{display: block; height:5.75rem; line-height: 5.75rem; color:#fff; font-size:1.375rem; text-align: right; padding-right:2rem;}
.counsel .counsel_top>div>a{background:#fa2829;}
.counsel .counsel_top>div>a>span{position:absolute;display: block; left:2rem; padding-left:1.5rem; font-size:1.125rem; background: url('../images/common/icon_tel.png') 0 50% no-repeat;}
.counsel .counsel_top>div>div{background:#323743;}
.counsel .counsel_top>div>div>span{position:absolute;display: block; left:3rem; padding-left:1.5rem; font-size:1.125rem; background: url('../images/common/icon_time.png') 0 50% no-repeat;}

.counsel .contens_con h2{margin:3rem 0 1rem;line-height: 1.25rem; font-size:1.25rem; color:#222; font-weight:400;}
.terms_box{margin-bottom:1rem; padding:2rem; color:#777777;  height:15rem;  border: 1px solid #d2d2d2; overflow:auto; font-size:0.875rem;}
.terms_agree{text-align:left; margin-bottom:3rem; }
.terms_agree>div{float: right;}
.terms_agree label{ display:inline-block; font-size:14px; color:#959595; }
.terms_box .privacy div{padding-top: 1rem;}
.privacy div table{border-top:1px solid #d2d2d2;}
.privacy div table th{text-align:center; vertical-align:middle; padding:0.5em 0 0.5em 0; background-color: #f4f0f6; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }
.privacy div table td{text-align:center; vertical-align:middle; padding:0.5em 1rem 0.5em 1rem; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.privacy div th:first-child{border-left:none;}
.privacy div table td:first-child{border-left:none;}

@media (max-width: 960px) {
  .counsel .counsel_top>div{position: relative; display: block;width:100%;}
  .counsel .counsel_top>div:first-child{padding-right:0px;}
 .counsel .counsel_top>div:last-child{padding-left:0px; padding-top:20px;}
 .terms_agree{text-align:center; }
 .terms_agree>div{float: none; }
}

/*affiliate */
.affiliate_top{font-size:1.875rem; text-align: center; padding-bottom:3rem}
.affiliate_top img{width:16.25rem; margin-top:-0.5rem; padding-right:1rem;}

.affiliate_list {padding:2rem; display: table;}
.affiliate_list li{float:left;  width:25%; height:5rem;}
.affiliate_list li>span{display:block; height:100%; width:100%;padding:1.5rem 0 0 2rem;}
.affiliate_list li>span:before{content:'·'; color:#3376b8; padding-right: 0.5rem; }

@media (max-width: 960px) {
  .affiliate_list li{width:33.333%;}
}
@media (max-width: 640px) {
  .affiliate_top{font-size:1.25rem; text-align: center; padding-bottom:3rem}
  .affiliate_top img{width:12.25rem; margin-top:-0.5rem; padding-right:1rem;}


  .affiliate_list li{width:50%; height: 3rem}
.affiliate_list li>span{display:block; height:100%; width:100%;padding:0.75rem 0 0 1rem;}

}
/* privacy */
.privacy{padding:0; line-height:2rem;  }
.privacy h2{position:relative; color:#777777; padding-top:2rem; font-size:1em; }
.privacy h3{position:relative; padding-top:2rem; font-weight:300; color:#222222;}
.privacy>div{padding-top:2rem;}
.privacy ul>li{padding-left:0.5rem; text-indent:-1rem; margin-left:1rem;}
.email_con{padding:0; line-height:2rem;  text-align: center;}
.email_con div{font-size:1.375rem; padding-bottom:2.5rem;}

/* input */
input[type=checkbox].checkbox,
input[type=radio].radio {
  opacity:0;
  position:absolute;
  z-index:12;
  width:1.5rem;
  height:1.5rem;
  line-height: 2.5rem;
  cursor:pointer;

}
input[type=checkbox].checkbox:checked,
input[type=checkbox].checkbox:focus,
input[type=radio].radio:checked,
input[type=radio].radio:focus {
  outline:none !important;
}
input[type=checkbox].checkbox+.label,
input[type=radio].radio+.label {
  position:relative;
  z-index:11;
  display:inline-block;
  margin:0 4px 0 0;
  font-weight:normal;
}
input[type=checkbox].checkbox+.label::before,
input[type=radio].radio+.label::before {

  color:#fff;
  content:"";
  background-color:#fff;
  border:1px solid #d3d3d3;
  border-radius:0;
  display:inline-block;
  vertical-align:middle;
  height:1rem;
  line-height:1rem;
  min-width:1rem;
  position:relative;
}

input[type=radio].radio+.label::before {
  height:1rem;
  line-height:1rem;
  min-width:1rem;
}


input[type=checkbox].checkbox:checked+.label:before,
input[type=radio].radio:checked+.label:before {
  display:inline-block;
  background-color:#fff;
  border-color:#d3d3d3;
  
}
input[type=checkbox].checkbox:checked+.label:after{
  position: absolute;
  top:50%;
  margin-top:-0.125rem;
  left:50%;
  margin-left:-0.25rem;
  content:"";
  width:0.5rem;
  height:0.5rem;
  color:#fff;
  background-color:#d3d3d3;
}
input[type=radio].radio:checked+.label:after {
  position: absolute;
  top:50%;
  margin-top:-0.125rem;
  left:50%;
  margin-left:-0.25rem;
  content:"";
  width:0.5rem;
  height:0.5rem;
  color:#fff;
  border-radius:50%;
  background-color:#fa2829;
}
input[type=checkbox].checkbox:hover+.label::before,
input[type=checkbox].checkbox+.label:hover::before,
input[type=radio].radio:hover+.label::before,
input[type=radio].radio+.label:hover::before {
  border-color:#d3d3d3;
}
input[type=checkbox].checkbox:active+.label::before,
input[type=checkbox].checkbox:checked:active+.label::before,
input[type=radio].radio:active+.label::before,
input[type=radio].radio:checked:active+.label::before {
  box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}
input[type=checkbox].checkbox:disabled+.label::before,
input[type=checkbox].checkbox[disabled]+.label::before,
input[type=checkbox].checkbox.disabled+.label::before,
input[type=radio].radio:disabled+.label::before,
input[type=radio].radio[disabled]+.label::before,
input[type=radio].radio.disabled+.label::before{
  background-color:#f0f0f0 !important;
  border-color:#c9c9c9 !important;
  box-shadow:none !important;
  color:#bbb;
}

input[type=radio].radio+.label::before {
  border-radius:50%;
  font-size:1rem;
  line-height:1rem;
  height:1rem;
  min-width:1rem;
}

input.checkbox.readonly[type="checkbox"] + .label:before,
input.radio.readonly[type="radio"] + .label:before {
  background:#e1e1e1;
}


input[type="text"], input[type="password"], input[type="number"]  {
    border: 1px solid #d2d2d2;
    background: #fff;
    height: 2.625rem;
    padding: 0 0rem 0 1rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    line-height: 2.625rem;
    font-size: 1rem;
    width:100%;
    border-radius:0;
}
input[type="text"]::-webkit-input-placeholder {line-height: normal !important;}
input[type="password"]::-webkit-input-placeholder {line-height: 2.5rem !important;}
input[type="text"]{line-height: normal !important;}
input[type="password"]:-ms-input-placeholder {line-height: normal !important;}
input[type="text"]{line-height: normal !important;}
input[type="password"]::-moz-placeholder {line-height: normal !important;}
input[type="text"]{line-height: normal !important;}
input[type="password"]:-moz-placeholder {line-height: normal !important;}


select::-ms-expand{display:none}
select {

  border: 1px solid #d2d2d2;
    background: #fff;
    height: 2.625rem;
    padding: 0 0  0 1rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    line-height: 2.625rem;
    width:100%;
    background:#fff url('/images/common/icon_select.png') 100% center no-repeat; 
    background-size: 2.625rem 2.625rem;
    border-radius:0;
    font-size: 1rem;


    text-indent:0.01px;
    text-overflow:'';

}
textarea {
   font-family: inherit;
   border: 1px solid #ccc;
   padding: 0.5rem 1rem;
   font-size: 1rem;
   width:100%;
    background: #fff;
   -webkit-appearance: none;
   resize:none;
}

.file_input{position:relative; padding-right:3rem;}
.file_input>input{
  border:none;
  padding-left:7rem;
}
.file_input .file_btn_con{  
  position:absolute;
  top:0;
  left:0;
  line-height: 2.375rem;  
  overflow: hidden;
}
.file_input .file_btn_con span{display: inline-block; line-height: 2rem; padding:0 0.5rem; background-color: #f5f5f5; border:1px solid #d2d2d2;}
.file_input .file_btn_con .upload{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 2.5rem;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

input[type=checkbox].selectbox {
  opacity:0;
  position:absolute;
  z-index:12;
  width:1.5rem;
  height:1.5rem;
  line-height: 2.5rem;
  cursor:pointer;
}
input[type=checkbox].selectbox:checked,
input[type=checkbox].selectbox:focus{
  outline:none !important;
}


input[type=checkbox].selectbox+.label {
  position:relative;
  z-index:11;
  display:block;
  width:100%;
  height: 2.5rem;
  line-height: 2.5rem;
  font-weight:normal;
  border:1px solid #e4e4e4;
  text-align: center;
}
input[type=checkbox].selectbox:checked+.label,
input[type=checkbox].selectbox+.label:hover{
  color:#fff;
  background-color: #a2b4ca;

}

/* slider */
.flexslider {
  position: relative;
}
.flex-control-nav {
  width: 100%;
  position: relative;
  padding-top: 1rem;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 30px;
  height: 5px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.flex-control-paging li a:hover {
  background: #3376b8;
}
.flex-control-paging li a.flex-active {
  background: #3376b8;
  cursor: default;
}

.flex-direction-nav{display:none;}

/* alert popup */
.alert_popup { position:relative; max-width:400px; margin:0 auto; background:#fff; text-align:center;}
.alert_popup .popup_close { position:absolute; top:29px; right:37px; width:22px; height:23px; background:url(../images/common/popup_close.png) no-repeat 50% 50%; text-indent:-9999px;}
.alert_popup .popup_header { height:80px; background:#3376b8; padding:26px 0 0 30px; font-size:22px; color:#fff; text-align:left;}
.alert_popup .popup_con { padding-top:12px; border:8px solid #ddd;}
.alert_popup .txt { padding:30px 0 6px; color:#222; font-size:18px;}
.alert_popup .txt span { color:#3376b8;}
.btn_center { padding:36px 0 40px;}
.btn_ok { display:inline-block; padding:12px 40px; background:#5d6169; color:#fff!important; font-size:15px;}

/* video popup */
.video_popup { position:relative; max-width:800px; margin:0 auto; padding-top:30px; text-align:center;}
.video_popup .popup_close { position:absolute; top:0; right:0; width:22px; height:23px; background:url(../images/common/popup_close.png) no-repeat 50% 50%; text-indent:-9999px;}
.video_box { height:400px;}
.video_box iframe { width:100%; height:100%; background:#000;}

/* layer popup */
.event_popup { position:absolute; top:190px; left:50%; padding: 1px 4%; margin-left:-665px; z-index:800;}
/* .event_popup { position:absolute; top:146px; left:54%; margin-left:-665px; z-index:800;} */
.event_popup img { width:100%;}
.event_popup .popup_close { display:block; position:absolute; top:4.8%; left:83%; width:5%; z-index:10;}
/* .event_popup .popup_close { display:block; position:absolute; top:1.8%; left:1.8%; width:11%; z-index:10;} */
.event_popup.popup2 { z-index:801; top:190px; margin-left:240px;}
.event_popup.popup2 .popup_close { top:7px; left:auto; right:75.5%; width:8%;}
.event_popup.popup3 { margin-left:220px;}

.event_popup_m { display: none; max-width:640px; margin:0 auto;}
.event_popup_m img { width:100%;}

@media (max-width: 1600px) {  
	.event_popup .popup_close { top:5%; left:84.3%;}
	.event_popup.popup2 .popup_close { top:6px; right:77.3%;}
}
@media (max-width: 1440px) {  
	.event_popup { margin-left:-627px; }
	.event_popup .popup_close { left:85%; }
	.event_popup.popup2 { margin-left: 166px;}
	.event_popup.popup2 .popup_close { right:78%;}
}
@media (max-width: 1270px) {  
	
	.event_popup { left:0; margin-left:2px;}
	/* 	.event_popup { left:5%; margin-left:0;} */
	.event_popup .popup_close { left:85.5%; }
	.event_popup.popup2 .popup_close {	top: 4%; right:79.5%;}
	.event_popup.popup2 { left:auto; margin-left:0; right:4px;}
	.event_popup.popup3 { left:auto; right:0; margin-left:0;}
}
@media (max-width: 1024px) {  
	.event_popup .popup_close { left:85.5%}
	.event_popup.popup2 .popup_close { right:81.5%;}
}
@media (max-width: 960px) {  
	.event_popup { top:100px;}
	.event_popup.popup2 { top:118px;}
	.event_popup {display: none;}
	.event_popup_m {display: block; position:absolute; top:100px; left:auto; padding: 1px 5%; margin-left:0; z-index:800;}
	.event_popup_m .popup_close_m { display:block; position:absolute; top:3.5%; left:79%; width:8%; z-index:10;}
	.event_popup_m.popup2 {display: block; position:absolute; top:100px; left:auto; padding: 1px 4%; margin-left:46%; z-index:700;}
	.event_popup_m.popup2 .popup_close_m { display:block; position:absolute; top:10%; left:79%; width:9%; z-index:10;}
}
@media (max-width: 720px) {
	.event_popup_m .popup_close_m { left:80%;}
	.event_popup_m.popup2 .popup_close_m { left:81%;}
	.event_popup_m.popup2 {margin-left:40%;}
}
@media (max-width: 640px) {
	.event_popup_m {padding: 1px 6%;}
	.event_popup_m .popup_close_m { left:80.5%;}
	.event_popup_m.popup2 { margin-left:14%;}
	.event_popup_m.popup2 .popup_close_m { left:82%;}
}
@media (max-width: 440px) {  
	.event_popup { top:15%;}
/* 	.event_popup { top:15%; right:5%;} */
	.event_popup.popup2 { top:16.5%; right:18%; margin-left:10%;}
	.event_popup.popup2 .popup_close { right:-21%;}
	.event_popup_m .popup_close_m { left:80%;}
	.event_popup_m.popup2 { margin-left:2%;}
	.event_popup_m.popup2 .popup_close_m { left:83%;}
}
@media (max-width: 360px) {
	.event_popup_m.popup2 { margin-left:0;}
}
/* selectbox */
select {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 50px;
    vertical-align: middle;
    color: #9b9b9b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;   
    position:relative;
    vertical-align: top;
    width: auto;
    color: #222;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 120px;
	background: #fff;
	font-weight:600; 
}

/* familysite*/
.address_con .familysite > span {
    height: 40px; 
    line-height: 40px; 
    display: block; 
    position: relative; 
    top: -5px;
    padding:0 50px 0 0; 
    color: #000; 
    font-weight: 500;
    border-bottom: 1px solid #dddddd;
}

.address_con .familysite > span:after {
    content: ''; 
    font: normal normal normal 14px/1 FontAwesome;  
    content: "\f0d8";
    color: #222222;
    position: absolute;
    right: 0;
    top:12px;   
}

footer .familysite > span.open:after {
    content: ''; 
    font: normal normal normal 14px/1 FontAwesome;  
    content: "\f0d7";
    color: #222222;
    position: absolute;
    right: 0;
    top:12px;   
}

footer .familysite > div{position:absolute; bottom:50px; width:100%; overflow: hidden; }
footer .familysite > div>.list{display:none; position: static; height:135px; padding:10px 0; background-color:#444; width:100%; border-bottom:none;} 
footer .familysite > div>.list li{ text-align:left; padding:5px 0 5px 12px;}
footer .familysite > div>.list a{color:#fff; }

.address_con .familysite {position:absolute; right: 0; top: 0;}
.address_con .familysite > div{position:absolute; bottom:40px; width:100%; overflow: hidden; z-index: 99;}
.address_con .familysite > div>.list li{ text-align:left; padding:5px 0 5px 12px;}
.address_con .familysite > div>.list li a{color:#fff;}
  
@media screen and (max-width: 960px) {
  .address_con .familysite {position: static; display: inline-block; margin-top: 2rem;}
  .address_con .familysite > span {width: 200px;}
  .address_con .familysite > div {width: 200px;} 
}

@media screen and (max-width: 640px) {
	footer .familysite > div>.list {height:120px;} 
	.address_con .familysite {font-size: 1rem;}	
}