@import url(../../fonts.googleapis.com/earlyaccess/nanumgothic.css); 

@font-face {
	font-family:'GmarketSans'; font-style:normal; font-weight:100;
	src: url('http://www.ssbn.co.kr/fonts/GmarketSansLight.woff') format('woff'), url('http://www.ssbn.co.kr/fonts/GmarketSansLight.ttf') format('truetype');
}

@font-face {
	font-family:'GmarketSans'; font-style:normal; font-weight:400;
	src: url('http://www.ssbn.co.kr/fonts/GmarketSansMedium.woff') format('woff'), url('http://www.ssbn.co.kr/fonts/GmarketSansMedium.ttf') format('truetype');
}

@font-face {
	font-family:'GmarketSans'; font-style:normal; font-weight:700;
	src: url('http://www.ssbn.co.kr/fonts/GmarketSansBold.woff') format('woff'), url('http://www.ssbn.co.kr/fonts/GmarketSansBold.ttf') format('truetype');
}

body{font-size:13px;  line-height:1.8em; position:relative; color:#555; font-family: 'GmarketSans',  "Nanum Gothic", "NGW","돋움","dotum","AppleGothic","sans-serif"; 
	text-align:left; height:100%;_height:100%; *height:100%; margin:0; padding:0; background:#eee;}
html, body {height: 100%; z-index:0; _height:100%; *height:100%; min-width:320px;}


 h1,h2,h3,h4,h5,h6{margin:0; padding:0;}



hr {
	display: none;
}

select, input, textarea{
	font-family: Dotum, "돋움", sans-serif;
	color: #555;
}

form, div, p, fieldset {
	margin: 0;
	padding: 0;
	border:0;
}

input,select,ol, ul, dl, dd{ margin:0; padding:0; vertical-align:middle; }
img, li img{ margin:0; padding:0; vertical-align:middle; }
img, input.type-image, a img {border:none;}


dl, dt, dd{
	padding: 0; _margin:0; *margin:0;
	margin: 0; _padding:0; *padding:0;
}

ul, ol, li{
	margin:0; _margin:0; *margin:0;
	padding:0; _padding:0; *padding:0;
	list-style: none; _list-style: none; *list-style: none;
}

input {
	border:1px solid #cccccc;
	color:#666666;
	padding:2px;
}

input.type-radio{
	width:14px; 
	height:14px;
	border:0;
}

input.no_border{
	border:0;
	padding:0;
}


textarea{
	border:#ccc solid 1px;
	padding:2px;
	margin:0;
	font-size: 100%;
}
form, div, p, fieldset {
	margin: 0;
	padding: 0;
	border:0;
}

iframe {
	margin-bottom:10px;
	padding:0;
	border:#ccc solid 1px;
}
table {
	clear:both;
	margin:0; 
	padding:0;
	border-collapse:collapse;
	border:0;
}

a:link, a:visited {text-decoration: none; color:#666;}
a:active, a:hover {text-decoration: none; color:#666;}

.fl {float: left;}
.fr {float: right;}
.txt_center{text-align: center !important;}

.dn{display:none;}

.l {text-align: left !important;}
.r {text-align: right !important;}
.c {text-align: center !important;}

.service_wrap {width:100%; position:relative; text-align:center; font-family:"Nanum Gothic"; background:#fff;}

#moretail {padding:40px; background:#e6e6e6;overflow:hidden;}

#moretail .application {max-width:1000px; margin:auto; font-family:"GmarketSans"; font-size:1.1em; font-weight:400; color:#414141;}
#moretail .service_list {font-size:1.2em; line-height:1.8em; font-weight:700; margin-top:20px;}
#moretail .division{color:#41529a;}
#moretail .box {float:left; width:48%;}

#moretail .box p {font-size:1.5em; font-weight:700; margin-bottom:10px;}
#moretail .box span {color:#999; font-weight:400; letter-spacing:-0.05em;}
#moretail .box span.point {color:#f567ad; font-weight:600; background: linear-gradient(to bottom, transparent 40%, rgba(255,255,0,0.9) 90%);}
#moretail .boxl {float:left; text-align:left; border-right:1px solid #bbb;}
#moretail .boxr {float:right; text-align:left;}

#moretail .box2 {float:left; color:#fff; width:100%; margin-top:40px; padding:20px 40px; background-color:#41529a; border-radius:10px;}
#moretail .box2 p {font-size:1.3em; font-weight:700; margin:10px 0 15px 0; border-bottom:1px solid #8690be;}


@media all and (max-width:768px) {
	#moretail .application {font-size:1em;}
	#moretail .service_list {font-size:1.1em;}
	#moretail .box {width:100%; border:0;}
	#moretail .boxl, #moretail .boxr {float:none;}
	#moretail .boxr {margin-top:5vw; border-top:1px solid #bbb; padding-top:5vw;}
}

.component2 {line-height: 1.5em; margin: 0 auto; padding: 2em 0 3em; width: 90%; max-width: 1300px; overflow: hidden; text-align:left;}

@media screen and (min-width:2001px) {
	.div_season_bg {width:100%;   position:relative; background: url("../service/images/service_bg.jpg") no-repeat center top;}
	.div_season_bg_in {width:100%;   position:relative; max-width:1000px; margin:auto;  padding:5% 0 3% 0;}

	h3 {font-size:2.5em;  margin:50px 0 50px 0; font-weight:500; text-align:center !important;  color:#2d2d2d; font-family:"GmarketSans";}
	.div_season_bg_in .main_tit {color:#fff; font-size:3.5em;  font-family:"GmarketSans"; font-weight:400; padding-bottom:3%; text-shadow: 0 0 5px rgba(0,0,0,.5);}
	.div_season_bg_in .process{padding-bottom:3%; width:100%;}

	.div_service_table {width:72%; margin:auto; }

	.more_btn {position:relative; font-family:"GmarketSans"; font-weight:400; font-size:1.4em;color:#fff; padding:10px 20px; width:100%; background:#f567ad; border:0px; overflow:hidden; cursor:pointer;}


}

@media screen and (min-width:861px) and (max-width:2000px) {
	.div_season_bg {width:100%;   position:relative; background: url("../service/images/service_bg.jpg") no-repeat center top;}
	.div_season_bg_in {width:100%;   position:relative; max-width:1000px; margin:auto;  padding:7% 0 5% 0;}

	h3 {font-size:2.5em;  margin:50px 0 50px 0; font-weight:500; text-align:center !important;  color:#2d2d2d; font-family:"GmarketSans"}

	.div_season_bg_in .main_tit {color:#fff; font-size:3.5em;  font-family:"GmarketSans"; font-weight:400; padding-bottom:3%; text-shadow: 0 0 5px rgba(0,0,0,.5);}
	.div_season_bg_in .process{padding:0 0 3% 0; width:100%;}

	.div_service_table {width:72%; margin:auto; }

	.more_btn {position:relative; font-family:"GmarketSans"; font-weight:400; font-size:1.4em;color:#fff; padding:10px 20px; width:100%; background:#f567ad; border:0px; overflow:hidden; cursor:pointer;}
}

@media screen and (min-width:601px) and (max-width:860px) {
	.div_season_bg {width:100%; padding: 10% 0 5%;  background: url("../service/images/service_bg.jpg") no-repeat center top; background-size:cover; }
	.div_season_bg_in {width:90%; min-width:320px; margin:auto;}

	h3 {font-size:2em;  margin:50px 0 20px 0; font-weight:500; text-align:center !important;  color:#2d2d2d; font-family:"GmarketSans"}
	
	.div_season_bg_in .main_tit {color:#fff; font-size:2.5em;  font-family:"GmarketSans"; font-weight:400; padding-bottom:3%; text-shadow: 0 0 5px rgba(0,0,0,.5);}
	.div_season_bg_in .process{padding-bottom:3%; width:100%;}

	.div_service_table {width:70%; margin:auto; }

	.more_btn {position:relative; font-family:"GmarketSans";  font-weight:400; font-size:1.2em;color:#fff; padding:8px 20px; width:100%; background:#f567ad; border:0px; overflow:hidden; cursor:pointer;}

	.footer_login {display:none;}
}

@media screen and (min-width:320px) and (max-width:600px) {
	.service_wrap {min-width:320px;}
	.div_season_bg {width:100%; padding: 10% 0 5%;  background: url("../number/images/number_bg.jpg") no-repeat center top; background-size:cover;}
	.div_season_bg_in {width:90%; min-width:320px; margin:auto;  }
	
	
	h3 {font-size:1.4em;  margin:10px 0 10px 0; font-weight:500; text-align:center !important;  color:#2d2d2d; font-family:"GmarketSans"}
	
	.div_season_bg_in .main_tit {color:#fff; font-size:1.6em;  font-family:"GmarketSans"; font-weight:400; padding-bottom:1%; text-shadow: 0 0 5px rgba(0,0,0,.5);}
	.div_season_bg_in .process{padding-bottom:3%; width:100%;}

	.div_service_table {width:70%; margin:auto;}

	.more_btn {position:relative; font-family:"GmarketSans"; font-weight:400; font-size:1em;color:#fff; padding:4px 20px; width:100%; background:#f567ad; border:0px; overflow:hidden; cursor:pointer;}

	.footer_login {display:none;}
	}

.service_wrap .footer{ font-family:"GmarketSans" ; text-align:center;  padding:20px 0px 30px 0px; line-height:1.4em; color:#414141; background:#eee; font-size:1em;}
.service_wrap .footer p {width:90%; margin:auto;}

.btn_01 {padding:15px 30px; background:#2a8fe4; color:#ffff; border:0; font-size:18px; font-weight:500; margin-bottom:50px; font-family:"GmarketSans"; cursor:pointer;}