@charset "utf-8";


@import "bootstrap.min.css";

/************************************************
*	 	레이아웃 : WRAP							*
************************************************/

.wrap,
.head_wrap,
.container,
.foot_wrap{width:100%;margin:0;padding:0;position:relative;}

.container{max-width:1280px;padding:0 0 30px;}






/************************************************
*		헤더 : HEADER							*
************************************************/

.navbar{min-height:75px;}
.navbar-default,
.navbar-header,
.navbar-brand{height:75px;line-height:75px;}
.navbar-default{border-bottom:1px solid #e6e6e6;}
.navbar-header a.logo, .navbar-header a.logo:hover{margin-top:-15px !important;color:#333;font-size:25px;font-weight:600;display:block;}

.navbar .container{width:100%;max-width:1280px;height:100%;margin:0 auto;}


/** 메인 메뉴 **/
.navbar-default{background-color:#fff;}
.navbar-default .navbar-nav > li > a{font-size:18px;font-weight:500;color:#333;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.on{color:#2f86e7;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#2f86e7;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:transparent;}

.navbar-nav{margin:0 0 0 70px;float:left;}
.navbar-nav>li>a{padding:27px 20px 28px;}

.nav-tabs{border-bottom:0 none;}
.nav-tabs>li>a{border:0 none !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:transparent;color:#fff;}

.caret{
	width:0;
	height:0;
	border-top:0;
	border-bottom:6px dashed;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	display:inline-block;
	vertical-align: middle;
	position:absolute;
	left:42%;
	bottom:0;
}

.dropdown-menu{width:145px;padding:13px 0;opacity:0.95;left:-25px;z-index:10000;}
.dropdown-menu>li>a{padding:8px 20px;}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:0;}
ol.navbar-nav{float:right !important;}
ol.navbar-nav>li>a{padding:0;line-height:75px;}
ol.navbar-nav>li>a.facebook{width:75px;height:75px;background:url(../images/facebook_off.png) no-repeat center 50%;display:block;}
ol.navbar-nav>li>a:hover.facebook{background:url(../images/facebook_on.png) no-repeat center 50%;}
ol.navbar-nav>li>.nn_line{border-left:1px solid #e6e6e6 !important;border-right:1px solid #e6e6e6 !important;}
ol.navbar-nav>li>.dropdown-menu{left:-86px;}
ol.navbar-nav>li>.dropdown-menu>li>a{padding:0 20px;color:#666;}
ol.navbar-nav>li>.dropdown-menu>li>b{padding:8px 20px;font-size:16px;font-weight:400;display:block;}



/** 메인 배너 **/
.flex-container a:hover,
.flex-slider a:hover{outline:;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav{margin:0;padding:0;list-style:;z-index:1000;}
.flex-pauseplay span{text-transform:capitalize;}
/* --------------------------------------------
 * BASE STYLES
 * --------------------------------------------*/
.flexslider{
	margin:0 !important;
	padding:0;
}
.flexslider .slides{width:100%;height:100%;}
.flexslider .slides > li{
	-webkit-backface-visibility:hidden;
	overflow:hidden;
	position:relative;
	display:none;
}
.flexslider .slides img{width:100%;}
.flexslider .slides:after{
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
html[xmlns] .flexslider .slides{
	display:block;
}
* html .flexslider .slides{
	height:1%;
}
.no-js .flexslider .slides > li:first-child{
	display:block;
}
/* --------------------------------------------
 * DEFAULT THEME
 * --------------------------------------------*/
.flexslider{
	margin:0 0 10px;
	position:relative;
	zoom:1;
	-webkit-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides{zoom:1;}
.flexslider .slides img{
	width:100%;/*height:100%;*/
	-moz-user-select:none;
}
.flex-viewport{
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.loading .flex-viewport{max-height:460px;}
.carousel li{margin-right:5px;}
.flex-direction-nav{*height:0;z-index:1000;}
.flex-direction-nav a{
	width:50px;
	height:50px;
	margin:-20px 0 0;
	text-decoration:none;
	font-size:0 !important;
	color:rgba(0, 0, 0, 0.8);
	position:absolute;bottom:0;
	z-index:10000;
	display:block;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev{
	background:url(../images/icon/arrow_prev1.png) no-repeat;
	left:0;
	bottom:0;
	display:none;
}
.flex-direction-nav .flex-next{
	background:url(../images/icon/arrow_next1.png) no-repeat;
	text-align:right;
	right:0;
	bottom:0;
	display:none;
}
.flexslider:hover .flex-direction-nav .flex-prev{opacity:1;left:0;}
.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1;}
.flexslider:hover .flex-direction-nav .flex-next{opacity:1;right:0;}
.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:0 !important;filter:alpha(opacity=0);cursor:default;z-index:-1;}
.flex-control-nav{width:100%;text-align:center;position:absolute;bottom:25px;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{
	width:13px;
	height:13px;
	background-color:transparent;
	font-size:0;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:2px solid #fff;
	border-radius:20px;
}
.flex-control-paging li a:hover{background:#fff;background:rgba(255, 255, 255, 1);}
.flex-control-paging li a.flex-active{background:#fff;background:rgba(255, 255, 255, 1));cursor:default;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{
	width:100%;
	height:auto;
	display:block;
	opacity:.7;
	cursor:pointer;
	-moz-user-select:none;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}

@media screen and (max-width:860px){
	.flex-direction-nav .flex-prev{opacity:1;}
	.flex-direction-nav .flex-next{opacity:1;}
}






/************************************************
*		메인 콘텐츠 :MAIN CONTAINER			*
************************************************/

/*** MAIN CONTENT ***/
.intro-section{
	padding-top:75px;
	background-image:url(../images/main/main_bn_bg.jpg);
	background-size:100% 100%;
	/*height:100%;
	background-attachment:fixed;
	background-size:cover;*/
	text-align:center;
	position:relative;
}
.intro-section .is_content{
	width:100%;
	height:210px;
	padding:45px 0;
	background-color:#f9f9f9;
	text-align:center;
	position:relative;
	z-index:100;
}

.service_wrap{
	background:#fff;
	padding:300px 0 55px;
	position:relative;
}

.agree_wrap{
	background:#fff;
	padding:85px 0 55px;
	position:relative;
}

.point_wrap{
	background:#f4f4f4;
	padding:55px 0;
	position:relative;
}

.part_wrap{
	background:#fff;
	padding:55px 0;
	position:relative;
}


.content{width:100%;max-width:1280px;height:100%;margin:0 auto;padding:0;text-align:left;position:relative;}



/** MAIN **/
.main_wrap{width:100%;margin:0;padding:0;position:absolute;left:40px;top:25%;}
.main_img{width:100%;max-width:1280px;margin:0;padding:0;}

.sub_wrap{width:100%;max-width:1280px;margin:0 auto;padding-bottom:80px;position:relative;top:20%;}
.sub_title{margin-bottom:50px;font-size:25px;font-weight:400;color:#1e1e1e;}

.mt_btn{
	width:175px;
	height:50px;
	background:url(../images/icon/more_btn1.png) no-repeat 140px 50%;
	border:1px solid #fff;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:47px;
	display:block;
}

.main_link{width:100%;max-width:1280px;margin:0 auto;text-align:center;position:relative;}
.main_link ul{margin:0;padding:0;border-left:1px solid #e6e6e6;}
.main_link li:first-child{width:34%;border-left:1px solid #e6e6e6;}
.main_link li{width:33%;height:120px;padding:0 8%;border-right:1px solid #e6e6e6;text-align:left;display:block;float:left;}
.main_link li .ml_tit{margin:0 0 10px;font-size:18px;font-weight:600;display:block;}
.main_link li .ml_txt{margin:0 0 10px;font-size:16px;font-weight:400;line-height:24px;display:block;}
.main_link li .ml_btn{width:105px;padding:7px 15px;background-color:#9ea5ad;border-radius:17px;text-align:center;color:#fff;display:block;}



/** 서비스 소개 + 회사소개 **/
.ser_wrap{margin:0;padding:0;position:relative;}
.ser_wrap .sw_lt{margin:0;padding:0;position:relative;}
.ser_wrap .sw_lt .sl_txt{width:45%;text-align:left;float:left;}
.ser_wrap .sw_lt .sl_thum{width:55%;margin:8px 0 0;text-align:right;float:left;}
.ser_wrap .sw_lt .sl_thum img{width:100%;}

.ser_wrap .sw_rt{margin:0;padding:0;position:relative;}
.ser_wrap .sw_rt .sr_thum{width:45%;margin:8px 0 0;text-align:left;float:left;}
.ser_wrap .sw_rt .sr_thum img{width:100%;}
.ser_wrap .sw_rt .sr_thum .st80{width:80% !important;margin:0 0 0 10% !important;}
.ser_wrap .sw_rt .sr_img{width:50%;margin:8px 0 0;text-align:center;float:left;}
.ser_wrap .sw_rt .sr_img .st80{width:80% !important;}
.ser_wrap .sw_rt .sr_img .st60{width:60% !important;}
.ser_wrap .sw_rt .sr_txt{width:45%;margin:0 0 0 10%;text-align:left;float:left;}
.ser_wrap .sw_btn{
	width:130px;
	height:40px;
	background:url(../images/icon/btn_arrow.png) no-repeat 108px 50%;
	border:1px solid #296ddc;
	text-align:center;
	font-size:16px;
	color:#296ddc;
	line-height:38px;
	display:block;
}

.ser_wrap .sw_ct{margin:0;padding:0;position:relative;}
.ser_wrap .sw_ct .sc_img{width:100%;margin:8px 0 0;text-align:center;}
.ser_wrap .sw_ct .sc_img img{width:80%;}
.ser_wrap .sw_bbtn{
	width:315px;
	height:50px;
	margin:0 auto;
	background:#296ddc url(../images/icon/more_btn1.png) no-repeat 255px 50%;
	border:1px solid #296ddc;
	text-align:center;
	font-size:18px;
	color:#fff;
	line-height:48px;
	display:block;
}






/************************************************
*		SUB CONTENT								*
************************************************/

.scontent{width:100%;max-width:1280px;height:100%;margin:0 auto 80px;padding:0;text-align:left;position:relative;}



.sub_screen{
	width:100%;
	height:220px;
	padding:45px 0 0;
	position:relative;
	left:0;
	top:30px;
	z-index:1000;
}
.sw1{background:#161616 url(../images/sub/sub_01.jpg) no-repeat center bottom;background-size:1280px auto;}
.sw2{background:#161616 url(../images/sub/sub_02.jpg) no-repeat center bottom;background-size:1280px auto;}
.sw3{background:#161616 url(../images/sub/sub_03.jpg) no-repeat center bottom;background-size:1280px auto;}
.sw4{background:#161616 url(../images/sub/sub_04.jpg) no-repeat center bottom;background-size:1280px auto;}
.sw5{background:#161616 url(../images/sub/sub_05.jpg) no-repeat center bottom;background-size:1280px auto;}


.company_wrap,
.test_wrap,
.cms_wrap,
.service_wrap{
	background:#fff;
	padding:80px 0 55px;
	position:relative;
}

.guide-section{
	padding-top:150px;
	background:#f4f4f4;
	background-size:cover;
	text-align:center;
}

.faq-section{
    height:100%;
	background-image:url(http://info.newstomato.com/images/faq_img.png);
	background-attachment:fixed;
	background-size:cover;
	text-align:center;
}


/** SERVICE **/
.service_case{margin:0 0 60px;padding:0;position:relative;}
.service_case .sc_tarea{margin:0;padding:30px 20px;background-color:#f9f9f9;position:relative;}
.service_case ul{margin:0 0 0 -80px;padding:0;position:relative;}
.service_case li{width:600px;height:130px;margin:0 0 0 80px;padding:0 50px;border:1px solid #c1c1c1;position:relative;display:block;float:left;}
.service_case li span{height:80px;margin:17px 0 0;float:left;}
.service_case li .sc_thum{height:56px;height:56px;margin:0;position:absolute;left:0;top:0;}


/** COMPANY **/
.company_case{margin:0 0 60px;padding:0;position:relative;}
.company_case ul{margin:0 0 0 -40px;padding:0;position:relative;}
.company_case li{width:400px;height:110px;margin:0 0 0 40px;padding:0 35px;border:1px solid #c1c1c1;position:relative;display:block;float:left;}
.company_case li span{height:80px;margin:17px 0 0;float:left;}
.company_case li .cc_thum{margin:0 30px 0 0;line-height:110px;}

.com_btn{
	width:250px;
	height:45px;
	padding:0 15px;
	background:url(../images/facebook_on.png) no-repeat 15px 50%;
	background-size:32px 32px;
	border:1px solid #385a9a;
	text-align:right;
	font-size:15px;
	color:#385a9a !important;
	line-height:42px;
	display:block;
}




/*** REPORT ***/
.part_case{margin:0;padding:0;position:relative;}
.part_case ul{margin:0 0 0 -80px;padding:0;position:relative;}
.part_case li{width:550px;margin:0 0 0 80px;float:left;}
.part_case li a{width:100%;height:63px;display:block;}

.swiper-container {
	max-width:1280px;
	height:auto;
	margin:0 auto;
	padding:30px 0;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.swiper-wrapper {
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-transform:translate3d(0px, 0, 0);
	-moz-transform:translate3d(0px, 0, 0);
	-o-transform:translate(0px, 0px);
	-ms-transform:translate3d(0px, 0, 0);
	transform:translate3d(0px, 0, 0);
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.swiper-slide {
	width:100%;
	height:100%;
	text-align:center;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	position:relative;
}

.swiper-slide a{width:100%;height:63px;display:block;}


/* Arrows */
.swiper-button-prev,
.swiper-button-next {
	width:27px;
	height:44px;
	position:absolute;
	top:35%;
	z-index:1000;
	cursor:pointer;
	-moz-background-size:27px 44px;
	-webkit-background-size:27px 44px;
	background-size:27px 44px;
	background-position:center;
	background-repeat:no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity:0.35;
	cursor:auto;
}

.swiper-select{opacity:1 !important;cursor:pointer !important;}
.swiper-button-prev {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left:0;
	right:auto;
}
.swiper-button-next {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right:0;
	left:auto;
}
.swiper-button-prev.white-btn {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.white-btn {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.black-btn {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.black-btn {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination.swiper-pagination-hidden {opacity:0;}





/** CMS **/
.cms_case{margin:0 0 60px;padding:0;position:relative;}
.cms_case .cms_img{width:70%;margin:0 0 40px 15%;}
.cms_case ul{margin:0;padding:0;position:relative;}
.cms_case li{width:100%;height:110px;margin:0;padding:0 35px;position:relative;display:block;}
.cms_case li span{height:92px;margin:17px 0 0;float:left;}
.cms_case li .dc_thum{margin:0 60px 0 0;line-height:110px;display:block;float:left;}
.cms_case li .dc_text{display:block;float:left;}

ol.tab_api li{width:120px;height:33px;background:#dddddd;float:left;margin-right:3px;font-size:17px;text-align:center;line-height:33px;}
ol.tab_api li a{color:#595959;text-decoration:none;}
ol.tab_api li.active, ol.tab_api li.active a{color:#fff !important;background:#707070;text-decoration:none;}

.tabapi_container{background:#f4f4f4;clear:both}

.service_tab01{float:left;width:47%;height:100%;min-height:400px;}
.service_tab02{float:right;width:48%;height:100%;min-height:400px;}
.tab_api_content{padding:13px;min-height:200px;}
.tab_api_content img{width:100%;}
.tab_api_content p{font-size:15px;font-weight:normal;text-align:center;color:#595959;margin-bottom:0px !important}
.stab_content{background:url(http://info.newstomato.com/images/service_back.png) bottom left no-repeat;background-color:#fff}
.tab_bgf{background:#fff;}

ul.tabs{
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 9px;
	list-style:none;
	position:relative;
	top:0px;
}
ul.tabs li{
	width:195px;
	height:50px;
	margin:0;
	padding:0;
	margin-right:5px;
	background:#fff;
	border-left:none;
	text-align:center;
	line-height:31px;
	overflow:hidden;
	position:relative;
	float:left;
}
ul.tabs li a{
	width:100%;
	height:100%;
	border:1px solid #d6d6d6;
	outline:none;
	text-decoration:none;
	font-size:18px;
	font-weight:600;
	color:#595959;
	line-height:50px;
	display:block;
}
ul.tabs li a:hover{
	background:#479df2;
	border:1px solid #82b4e5;
	color:#fff;
}
html ul.tabs li.active a:hover, html ul.tabs li.active a, html ul.tabs02 li.active a:hover, html ul.tabs02 li.active a{
	background:#479df2;
	border:1px solid #82b4e5;
	color:#fff !important;
}
.tab_container{
	width:100%;
	margin-top:15px;
	padding:40px 0;
	background:#fff;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	position:relative;
	float:left;
}
.plr50{padding:40px 50px !important;}
.tc_scroll{
	/*
	height:500px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
	*/
}

.tab_content .tc_btn{height:45px;position:absolute;right:50px;top:40px;}
.tab_content .tc_btn a{width:170px;height:45px;margin:0 0 0 10px;border:1px solid #232323;text-align:center;font-size:16px;color:#333;line-height:45px;float:left;display:block;}
.tab_content .tc_api{margin:30px 0;padding:20px 80px;background-color:#fff;border:0 none;}

.tab_content,
.tab_content02{font-size:1.2em;clear:both}
.tab_content h2,
.tab_content02 h2{
	margin-bottom:10px;
	font-size:24px;
	font-weight:normal;
	font-weight:600;
}
.tab_content h3 a,
.tab_content02 h3 a{color:#254588;}

ul.tabs02{
	width:100%;
	height:auto;
	padding-bottom:9px;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:0px;
}
ul.tabs02 li{
	width:195px;
	height:50px;
	margin:0;
	margin-right:5px;
	padding:0;
	background:#fff;
	border-left:none;
	text-align:center;
	line-height:31px;
	overflow:hidden;
	position:relative;
	float:left;
}
ul.tabs02 li a{
	width:100%;
	height:100%;
	border:1px solid #d6d6d6;
	outline:none;
	font-size:18px;
	font-weight:600;
	line-height:50px;
	text-decoration:none;
	color:#595959;
	display:block;
}
ul.tabs02 li a:hover{
	background:#479df2;
	border:1px solid #82b4e5;
	color:#fff;
}
html ul.tabs02 li.active a:hover, html ul.tabs li.active a{
	background:#479df2;
	border:1px solid #82b4e5;
	color:#fff !important;
}
.tab_container02{
	width:100%;
	min-height:450px;
	max-height:550px;
	margin-top:15px;
	padding:40px 50px 40px 50px;
	background:#fff;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	position:relative;
	overflow-y:auto;
	float:left;
}

.tab_content p,
.tab_content02 p{margin-top:10px;margin-bottom:30px;font-size:16px;}

.api_img{text-align:center;display:block}
.api_img img{border:none;}





/** TEST **/
.test_case{margin:0 0 60px;padding:0;position:relative;}
.test_case .tc_tit{margin:0 0 40px;text-align:left;font-size:25px;line-height:40px;font-weight:600;position:relative;display:block;z-index:100;}
.test_case .tc_tit span{height:40px;position:absolute;right:3%;top:0;}
.test_case .tc_tit span a{width:250px;height:40px;background-color:#296ddc;text-align:center;font-size:16px;font-weight:500;color:#fff;line-height:40px;display:block;}
.test_case ul{margin:0;padding:0;position:relative;}
.test_case li{width:50%;margin:0;padding:0;position:relative;display:block;float:left;}
.test_case li img{width:95%;}






/************************************************
*				고객센터 : QNA					*
************************************************/

.accordion {
	margin:0 0 8px;
	padding:10px 20px;
	background:#fff;
	border:1px solid #81b3e4;
	border-radius:3px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	font-weight:400;
	color:#333;
	position:relative;
}

.accordion .actit{width:35px;margin:0 10px 0 0;text-align:left;font-weight:400;float:left;}

.accordion-open {
	background:#f9fdff;
	color:#333;
}
.accordion-open span {
	padding:10px;
	display:block;
	float:right;
}
.accordion-open span {
	background:url(../images/icon/close_arrow1.png) center center no-repeat;
}
.accordion-close span {
	padding:10px;
	background:url(../images/icon/open_arrow1.png) center center no-repeat;
	display:block;
	float:right;
}
div.acontainer {
	margin:0;
	padding:0;
}
div.acontent {
	margin:0;
	padding:15px 20px 40px;
	background:#fff;
	font-size:15px;
	color:#333;
	line-height:25px;
	position:relative;
}
div.acontent .actxt{width:4%;text-align:left;font-weight:400;color:#555;float:left;}
div.acontent .accop{width:95%;margin:0;text-align:left;font-weight:400;color:#333;float:left;}
div.acontent .accop img{margin:0 auto;}

div.acontent ul, div.acontent p {
	margin:0;
	padding:3px;
}
div.acontent ul li {
	list-style-position:inside;
	line-height:25px;
}
div.acontent ul li a {
	text-decoration:underline !important;
	color:#2b89eb;
}






/************************************************
*		푸터 : FOOTER							*
************************************************/

.footer{width:100%;margin:0;padding:60px 0 40px;background:#2f2f2f;border-top:1px solid #e6e6e6;position:relative;}
.footer_case{width:100%;max-width:1280px;margin:0 auto;padding:0;position:relative;}
/** 푸터 정보 **/
.f_info{width:550px;padding:0;text-align:left;font-weight:300;float:left;}
.f_info .fi_logo{margin:0 0 20px;padding:0;text-align:left;font-size:14px;color:#a8a8a8;}
.f_info .fi_btxt{margin:0 0 35px;text-align:left;font-size:16px;color:#fff;line-height:22px;}
.f_info .fi_txt{text-align:left;font-size:14px;color:#a8a8a8;}

/** 푸터 메뉴 **/
.f_menu{width:350px;padding:0;text-align:left;float:right;}
.f_menu .fm_case{width:150px;margin:0 25px 0 0;position:relative;float:left;}
.f_menu .fm_case ul{margin:0;padding:0;position:relative;}
.f_menu .fm_case li{height:40px;border-bottom:1px solid #e7e7e7;text-align:left;font-size:14px;color:#e7e7e7;line-height:40px;}
.f_menu .fm_case li a{color:#e7e7e7;}
.f_menu .fm_case li b{font-size:16px;font-weight:500;color:#fff;}
.f_menu .fm_case p{padding:10px 0;font-size:13px;color:#e7e7e7;line-height:20px;display:block;}
.f_menu .fm_case .fc_btn{width:120px;height:35px;margin:15px 0;padding:0;border:1px solid #296ddc;text-align:center;color:#296ddc;line-height:35px;display:block;}






/************************************************
*		ETC										*
************************************************/

.xbltit{margin:25px 0;text-align:left;font-size:50px;line-height:40px;font-weight:700;position:relative;display:block;z-index:100;}
.xbltit span{height:32px;position:absolute;right:0;top:0;}

.xbctit{margin:0 0 40px;text-align:center;font-size:36px;line-height:50px;font-weight:700;color:#333;position:relative;display:block;z-index:100;}
.xbctit span{height:45px;position:absolute;right:0;top:0;}
.xbctit .xbc_b_bar{width:100%;height:21px;margin:5px 0;background:url(../images/icon/title_blue.png) no-repeat center 0;display:block;}
.xbctit .xbc_w_bar{width:100%;height:21px;margin:5px 0;background:url(../images/icon/title_white.png) no-repeat center 0;display:block;}

.xltit{margin:20px 0 15px;text-align:left;font-size:28px;line-height:38px;font-weight:700;position:relative;display:block;z-index:100;}
.xltit span{height:32px;position:absolute;right:0;top:0;}
.xltit .xl_sel{font-size:14px;color:#777;}
.xltit .xl_stxt{font-weight:300;}

.xbtit{height:40px;margin:40px 0 15px;text-align:left;font-size:36px;line-height:40px;font-weight:700;position:relative;display:block;z-index:100;}
.xbtit span{position:absolute;right:0;top:0;}

.xctit{margin:0 0 20px;text-align:center;font-size:34px;line-height:45px;font-weight:600;color:#333;position:relative;display:block;z-index:100;}
.xctit span{height:45px;position:absolute;right:0;top:0;}

.xlbtit{margin:0 0 10px;text-align:left;font-size:34px;line-height:46px;font-weight:600;position:relative;display:block;z-index:100;}
.xlbtit span{height:34px;position:absolute;right:0;top:0;}

.xlsbar{margin:0 0 20px;padding:10px 20px;background-color:#f6f9ff;text-align:left;font-size:25px;font-weight:600;color:#749ae5;line-height:40px;position:relative;display:block;z-index:100;}

.xlstit{margin:0 0 20px;text-align:left;font-size:25px;line-height:40px;font-weight:600;position:relative;display:block;z-index:100;}
.xlstit span{height:40px;position:absolute;right:0;top:0;}

.xcstit{margin:0 0 20px;text-align:center;font-size:25px;line-height:40px;font-weight:500;position:relative;display:block;z-index:100;}
.xcstit span{height:40px;position:absolute;right:0;top:0;}

.bxltit{margin:0 0 5px;text-align:left;font-size:22px;font-weight:500;color:#333;line-height:28px;position:relative;z-index:100;}
.bxltit span{height:30px;position:absolute;right:0;top:0;}

.bctit{margin:0 0 20px;text-align:center;font-size:20px;color:#333;line-height:22px;position:relative;z-index:100;}
.bctit span{height:22px;position:absolute;right:0;top:0;}

.bltit{margin:0 0 10px;text-align:left;font-size:18px;font-weight:500;color:#333;line-height:22px;position:relative;display:block;z-index:100;}
.bltit span{height:22px;position:absolute;right:0;top:0;}

.ltit{margin:0 0 15px;text-align:left;font-size:16px;color:#333;line-height:22px;position:relative;z-index:100;}
.ltit span{height:22px;position:absolute;right:0;top:0;}

.ctit{margin:0 0 15px;text-align:center;font-size:16px;color:#333;line-height:22px;position:relative;z-index:100;}
.ctit span{height:22px;position:absolute;right:0;top:0;}

.ltxt{margin:0 0 10px;text-align:left;font-size:16px;color:#555;line-height:30px;font-weight:500;position:relative;display:block;}
.stxt{margin:0 0 30px;text-align:left;font-size:16px;line-height:22px;font-weight:400;color:#888;position:relative;display:block;}
.ctxt{margin:0 0 15px;text-align:center;font-size:16px;color:#879c9c;line-height:30px;font-weight:300;position:relative;display:block;}
.sltxt{margin:0 0 30px;text-align:left;font-size:14px;line-height:20px;font-weight:400;color:#777;position:relative;display:block;}
.sltxt b{font-size:18px;}
.sltxt span{height:20px;line-height:20px;position:absolute;right:0;top:0;}
.sctxt{margin:0 0 30px;text-align:center;font-size:14px;line-height:18px;font-weight:400;color:#666;position:relative;display:block;}

.slxt{margin:0 0 30px;text-align:left;font-size:14px;line-height:20px;font-weight:400;color:#666;position:relative;display:block;}

.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}






/************************************************
*		TABLE									*
************************************************/

.table_type1{width:100%;margin:0 0 15px;border-top:2px solid #333;border-bottom:2px solid #333;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead td{padding:15px;background-color:#fcfcfc;border-bottom:1px solid #c0c0c0;font-size:18px;font-weight:600;color:#333;line-height:26px;}
.table_type1 tbody td{padding:15px;background-color:#fff;font-size:16px;font-weight:400;color:#333;line-height:24px;}

.table_type2{width:100%;margin:0 0 15px;font-size:14px;}
.table_type2 caption{display:none}
.table_type2 thead td{padding:5px;background-color:#dcdcdc;font-size:16px;font-weight:600;color:#333;line-height:26px;}
.table_type2 tbody td{padding:15px;background-color:#fff;border-bottom:1px solid #e8e8e8;font-size:14px;font-weight:400;color:#333;line-height:24px;}
.table_type2 tbody td b{font-size:16px;}
.table_type2 .tc2_1{background-color:#f5f5f5;}
.table_type2 .tc2_2{background-color:#fbfbfb;}

.table_type3{width:100%;margin:0 0 15px;font-size:14px;}
.table_type3 caption{display:none}
.table_type3 thead td,
.table_type3 tbody td{padding:25px 15px 0;background-color:#fff;font-size:16px;font-weight:500;color:#333;line-height:26px;}
.table_type3 ul{margin:8px 0 10px 0;padding:0;position:relative;}
.table_type3 li{width:320px;margin:0 40px 0 0;padding:15px;background-color:#f9f9f9;float:left;}
.table_type3 li b{font-size:20px;font-weight:500;}
.table_type3 .tt3_tit{font-size:20px;font-weight:500;}
.table_type3 .tt3_btn{width:260px;height:50px;margin:0 0 35px;background-color:#2a87e4;text-align:center;color:#fff;line-height:50px;display:block;}

.table_type3 label{margin:0;font-size:16px;font-weight:300;cursor:pointer;display:block;}
.table_type3 input[type="checkbox"]{
	width:1em;
	margin-right:-2em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	opacity:0;
	display:block;
	float:left;
	z-index:-1;
}
.table_type3 input[type="checkbox"] + label.all{
	width:95px !important;
	float:right !important;
}
.table_type3 input[type="checkbox"] + label.all{
	margin:10px 0 0 0 !important;
}
.table_type3 input[type="checkbox"] + label{
	width:200px;
	padding:0;
	text-decoration:none;
	font-size:10px;
	font-weight:200;
	color:#666;
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
}
.table_type3 input[type="checkbox"] + label b{
	margin:0 0 0 25px;
	font-size:16px;
	font-weight:400;
}
.table_type3 input[type="checkbox"] + label:before{
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}
.table_type3 input[type="checkbox"] + label:before{
	width:1.8em;
	height:1.8em;
	margin:0;
	background:url(../images/icon/check_up.png) no-repeat center 50% !important;
	content:'';
	text-align:center;
	line-height:1.725em;
	display:inline-block;
	position:absolute;
	left:0;
	top:6px;
}
.table_type3 input[type="checkbox"]:checked + label:before{background:url(../images/icon/check_ov.png) no-repeat center 50% !important;content:'';}
.table_type3 input[type="checkbox"]:checked + label{color:#333 !important;}
.table_type3 input[type="checkbox"]:focus + label:before{color:#333;}

.table_type4{width:100%;margin:0 0 15px;border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:14px;}
.table_type4 caption{display:none}
.table_type4 thead td{padding:10px;background-color:#efefef;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:14px;font-weight:400;color:#333;line-height:26px;}
.table_type4 tbody td{padding:10px;background-color:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:14px;font-weight:400;color:#333;line-height:24px;}






/************************************************
*		레이어 팝업 : POPUP						*
************************************************/

.mw_popup1, .mw_popup2, .mw_popup3, .mw_popup4{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100000;}
.mw_popup1.open, .mw_popup2.open, .mw_popup3.open, .mw_popup4.open{display:block}
.mw_popup1 .bg, .mw_popup2 .bg, .mw_popup3 .bg, .mw_popup4 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#popup1, #popup2, #popup3, #popup4{width:100%;max-width:850px;margin:0 auto;background:#fff;position:relative;top:5%;}
#popup1.g_popup1 .g_popup1, #popup2.g_popup2 .g_popup2, #popup3.g_popup3 .g_popup3, #popup4.g_popup4 .g_popup4{display:block}
#popup1 .close, #popup2 .close, #popup3 .close, #popup4 .close{width:60px;height:60px;padding:0;border:0;background:#c9c9c9 url(../images/icon/close_wbtn.png) no-repeat center 50%;text-decoration:none !important;line-height:60px;cursor:pointer;opacity:1;overflow:visible;position:absolute;top:0;right:0;}
#popup1 .close:hover, #popup2 .close:hover, #popup3 .close:hover, #popup4 .close:hover{background:#999 url(../images/icon/close_wbtn.png) no-repeat center 50%;}

.sm_pop{max-width:450px !important;}

.pop_header{height:60px;padding:0 10px;background:#ddd;text-align:center;font-size:25px;font-weight:600;color:#333;line-height:60px;}

.pscroll{height:700px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_mcontant{margin:0;padding:0;position:relative;}
.pop_contant{padding:20px 10px;position:relative;}

.pop_contant .pc_ltit{text-align:left;font-size:16px;line-height:24px;}
.pop_contant .pc_ltxt{margin:0 0 10px;text-align:left;font-size:14px;font-weight:400;color:#999;line-height:20px;}

.pop_contant .pc_ctit{text-align:center;font-size:16px;line-height:24px;}
.pop_contant .pc_ctxt{margin:0 0 10px;text-align:center;font-size:14px;font-weight:400;color:#999;line-height:20px;}

.pop_contant select{font-size:16px;color:#bbb;}
.pop_contant select:focus{color:#666;}

.pop_contant textarea{font-size:16px;color:#bbb;}

.btn_wrap{height:60px;padding:25px 15px;text-align:center;font-size:18px;font-weight:400;color:#c1c1c1;line-height:60px;position:relative;bottom:0;}
.btn_wrap a{cursor:pointer;}

.btn_swrap{height:60px;padding:25px 0px;text-align:center;font-size:18px;font-weight:400;color:#c1c1c1;line-height:60px;position:relative;bottom:0;}
.btn_swrap a{cursor:pointer;}

a.btn100{width:100%;}
a.btn50{width:50%;}

a.btn_confirm{background:#d60825;color:#fff;float:left;display:block;}
a.btn_confirm:hover{background:#c10d26;color:#fff;text-decoration:none !important;}

a.btn_close{background:#dbdbdb;float:left;display:block;}
a.btn_close:hover{background:#ccc;text-decoration:none !important;}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_wrap{width:100%;max-width:880px;margin:0 auto;padding:30px 10px 10px;position:relative;}
.agr_case{width:100%;max-width:880px;margin:0 auto;padding:40px 50px;position:relative;}
.agr_swrap{width:100%;max-width:400px;margin:0 auto;padding:30px 25px 10px;position:relative;}

.stb_xbti{margin:20px 0;text-align:center;font-size:40px;font-weight:800;color:#666;line-height:50px;display:block;}
.stb_xti{height:25px;margin-bottom:40px;text-align:center;font-size:18px;font-weight:bold;color:#666;line-height:25px;display:block;}
.stb_bti{height:30px;margin-bottom:20px;text-align:left;font-size:18px;font-weight:bold;color:#666;line-height:30px;display:block;}
.stb_ti{height:20px;margin-bottom:5px;text-align:left;font-size:14px;font-weight:bold;color:#666;line-height:20px;display:block;}
.stb_copy{margin-bottom:5px;text-align:left;font-size:13px;color:#666;line-height:18px;display:block;}
.stb_txt{margin-bottom:5px;padding-left:15px;text-align:left;font-size:13px;color:#666;line-height:18px;display:block;}






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

@media all and (max-width:1280px){
	.pscroll{height:700px;}
}

@media all and (max-width:1024px){
	.pscroll{height:650px;}
}

@media all and (max-width:980px){
	.pscroll{height:550px;}
}

@media all and (max-width:768px){
	.pscroll{height:400px;}
}

@media all and (max-width:480px){
	.pscroll{height:380px;}
}

@media all and (max-width:419px){
	.pscroll{height:350px;}
}