@charset "UTF-8";

/*
=====================
0: Web Font
1: Base Setting
2: Common Setting
3: Main
4: Contents
5: popup
=====================
*/


/* 0: Web Font
=========================================================================================== */
@font-face {
	font-family: 'GothamRoundedBold';
	src: url('../fonts/gothamrnd-bold-webfont.eot');
	src: url('../fonts/gothamrnd-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothamrnd-bold-webfont.woff2') format('woff2'),
		 url('../fonts/gothamrnd-bold-webfont.woff') format('woff'),
		 url('../fonts/gothamrnd-bold-webfont.ttf') format('truetype'),
		 url('../fonts/gothamrnd-bold-webfont.svg#webfontregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* 1: Base Setting
=========================================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, input,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video, button {margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
li {list-style-type:none;}
img, fieldset, iframe {border:0; border:none;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
caption {display:none;}
caption, th, td {vertical-align:middle;}
legend {color:#000;}
img {max-width:100%; vertical-align:middle;}
li img, dd img {vertical-align:middle;}
input, select,textarea {vertical-align:middle;}
abbr, acronym {border-bottom:1px dotted; cursor: help;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
em, i, address {font-style:normal;}
a {color:#000; text-decoration:none;}


input[type="checkbox"],
input[type="radio"] {
	margin-right:5px;
}


input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	-webkit-appearance:none; 
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"] {
	height:35px;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
	font-family:inherit;
	font-size:100%;
	line-height:1;
	color:#262626;
	padding:0 5px;
	border:1px solid #cacaca; 
}

select.select1 {
	-webkit-appearance:none; 
	min-width:50px;
	background:#fff url(../images/bg_select.gif) right center no-repeat;
	color:#434343;
}
select.select1::-ms-expand {display: none;}

textarea {
	width:100%; height:100px;
	padding:5px;
	resize:none;
	box-sizing:border-box;
}

input[type=button], button {
	cursor:pointer;
	background:none;
	border:0;
	font-family:inherit;
	vertical-align:middle; 
 }

button span {position:relative;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal; 
}


input::-webkit-input-placeholder {color:#c9c9c9;}
input:-moz-placeholder {color:#c9c9c9;}
input::-moz-placeholder {color:#c9c9c9;}
input:-ms-input-placeholder {color:#c9c9c9;}

input::-moz-selection {color:#000;}
input::selection {color:#000;}

* {-webkit-text-size-adjust:none;}


/*기본 설정값*/
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.mr20 {margin-right:20px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}


.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}


.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}


.w100p {width:100%; box-sizing:border-box;}



.ta_r {text-align:right !important;}
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}

.va_t {vertical-align:top !important;}
.va_n {vertical-align:middle !important;}
.va_b {vertical-align:bottom !important;}

.clearfix {}
.clearfix:after {content:""; clear:both; display:block;}
.fl_l {float:left;}
.fl_r {float:right;}


.blind {display:none;}
.clear {clear:both; height:0;}


.fc_blue {color:#0e1b6a;}
.fc_bk {color:#000;}


.pa-1 {padding-top:100px; padding-bottom:100px;}
.pa-2 {padding-top:90px; padding-bottom:70px;}
.pa-b1 {padding-bottom:120px;}
.pa-b2 {padding-bottom:100px;}
.pa-b3 {padding-bottom:50px;}

.ma-b1 {margin-bottom:120px;}
.ma-b2 {margin-bottom:100px;}
.ma-b3 {margin-bottom:50px;}


/*전체 간격*/
.w_pa {padding-top:40px; padding-bottom:50px;}




iframe[name='google_conversion_frame'] {border:0; width:0; height:0; padding:0; margin:0; position:absolute; z-index:-1; visibility:hidden;}


 /* 2: Common Setting
=========================================================================================== */

/* 2-1: Basic
=========================== */
html {
	width:100%; min-height:100%; min-width:1240px;
	font-size:62.5%;
}
body {
	width:100%; min-height:100%;
	font-family:'Spoqa Han Sans', sans-serif;
	color:#666;
	font-size:13px;
	line-height:1.2;
	-webkit-text-size-adjust: 100%; 
}

/*layout*/
.inr-c {max-width:1200px; padding:0 20px; margin:0 auto;}
.content {position:relative;}


/*버튼*/
.btn_botm {padding:30px 0;}

.btn_pack {
	display:inline-block; min-width:68px; padding:0 20px; 
	text-align:center; border:1px solid #fff; background-color:#fff; color:#313131; vertical-align:middle; 
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.btn_pack.gray {border:1px solid #d2d2d2; background-color:#d2d2d2; color:#313131;}
.btn_pack.gray2 {border:1px solid #eee; background-color:#eee; color:#313131;}
.btn_pack.red {border:1px solid #e53325; background-color:#e53325; color:#fff;}
.btn_pack.black {border:1px solid #313131; background-color:#313131; color:#fff;}
.btn_pack.blue {border:1px solid #0e1b6a; background-color:#0e1b6a; color:#fff;}
.btn_pack.blue2 {border:1px solid #0e1b6a; color:#0e1b6a;}
.btn_pack.tran {border:1px solid #b3b3b3; background:none; color:#000;}

.btn_pack:hover {background-color:#0e1b6a; border-color:#0e1b6a; color:#fff;} 
.btn_pack.gray:hover {background-color:#313131; border-color:#313131; color:#fff;} 
.btn_pack.gray2:hover {background-color:#313131; border-color:#313131; color:#fff;} 
.btn_pack.black:hover {background-color:#000; border-color:#000;} 
.btn_pack.blue:hover {background-color:#000; border-color:#000;} 
.btn_pack.tran:hover {border:1px solid #0e1b6a; background:#0e1b6a; color:#fff;}


.btn_pack.small {min-width:180px; font-size:18px; line-height:45px;}
.btn_pack.small2 {min-width:180px; font-size:18px; line-height:58px;}
.btn_pack.ssmall {min-width:235px; font-size:14px; line-height:30px;}
.btn_pack.normal {font-size:32px; line-height:70px; padding:0 40px;}
.btn_pack.big {font-size:18px; display:block; width:100%; height:44px; padding:0; line-height:44px;}
.btn_pack.big2 {display:block; font-weight:700; font-size:20px; height:70px; line-height:70px;}


.ico_more {display:inline-block; padding-right:30px; background:url(/images/common/ico_more_s.png) right center no-repeat;}



/*움직이는 버튼*/
.b_mov {transition: all .3s,visibility 0s; transition-timing-function: cubic-bezier(.86,0,.07,1);}
.b_mov span {display:inline-block; line-height:1;}
.b_mov .b0 {position:relative; z-index:1; color: transparent; white-space: nowrap;}
.b_mov .b1 {position:absolute; top:0; left:0; color:#fff; transition: all .3s,visibility 0s; transition-timing-function:cubic-bezier(.86,0,.07,1); opacity: 1; white-space: nowrap;}
.b_mov .b2 {position:absolute; top:-32px; left:0;  transition: all .3s,visibility 0s; transition-timing-function:cubic-bezier(.86,0,.07,1); opacity: 0; white-space: nowrap;}

.b_mov:hover {background-color:#0e1b6a; transition:all .3s,visibility 0s; transition-timing-function:cubic-bezier(.86,0,.07,1);}
.b_mov:hover .b1 {top:32px; transition:all .3s,visibility 0s; transition-timing-function:cubic-bezier(.86,0,.07,1); opacity: 0;}
.b_mov:hover .b2 {top:0; color:#fff; transition:all .3s,visibility 0s; transition-timing-function:cubic-bezier(.86,0,.07,1); opacity:1}



/*폰트*/
.title1 {font-size:58px; line-height:1.4; color:#000;}
.title2 {font-size:40px; line-height:1.4; color:#000;}
.title3 {font-size:32px; line-height:1.4;}


.fz_b1 {font-size:18px;}
.fz_b2 {font-size:34px;}


.line_bot {padding-bottom:100px; border-bottom:1px solid #e7e7e7; margin-bottom:75px;}