@charset "euc-kr";

@font-face { /* ¿ø½ÅÇÑü Light */
	font-family:"OneShinhan";
	font-style:normal;
	font-weight:300;
	src:url("../image/fonts/OneShinhanLight.eot");
	src:local('¡Ø'), url('../image/fonts/OneShinhanLight.eot?#iefix') format("embedded-opentype"), url("../image/fonts/OneShinhanLight.woff") format("woff")
}

@font-face { /* ¿ø½ÅÇÑü Medium */
	font-family:"OneShinhan";
	font-style:normal;
	font-weight:500;
	src:url("../image/fonts/OneShinhanMedium.eot");
	src:local('¡Ø'), url('../image/fonts/OneShinhanMedium.eot?#iefix') format("embedded-opentype"), url("../image/fonts/OneShinhanMedium.woff") format("woff")
}

@font-face { /* ¿ø½ÅÇÑü Bold */
	font-family:"OneShinhan";
	font-style:normal;
	font-weight:700;
	src:url("../image/fonts/OneShinhanBold.eot");
	src:local('¡Ø'), url('../image/fonts/OneShinhanBold.eot?#iefix') format("embedded-opentype"), url("../image/fonts/OneShinhanBold.woff") format("woff")
}

/* RESET */
* {box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input,select,textarea,button{vertical-align:middle;}
input,textarea{outline:none;}
button{border:0 none;background-color:transparent;cursor:pointer;outline:none;}
body{margin:0;background:#fff;}
body,th,td,input,select,textarea,button{font-size:12px;font-family:"OneShinhan";letter-spacing:-0.025em;color:#222;}
*:first-child+html body,th,td,input,select,textarea,button{font-family:"OneShinhan";}
a{font-family:"OneShinhan";text-decoration:none;color:#222;}
a:active, a:hover{text-decoration:none;color:#ff460a;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
html{overflow-y:scroll;position:relative;min-height:100%;}
select::-ms-expand{display:none;}
/* input¹Ú½º placeholder»ö»óº¯°æ(ie´Â¾È¸Ô¾î¿ä) */
input[placeholder]{
	color:#adadad;
}
input::-webkit-input-placeholder{/* WebKit browsers */
	color:#adadad;
}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color:#adadad;
	opacity:1;
}
input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color:#adadad;
	opacity:1;
}
input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color:#adadad;
	opacity:1;
}
input{font-size:14px;letter-spacing:-0.08em;height:36px;padding:0 0 4px 16px;background:#fff;border:1px solid #c9c9c9;color:#696969 !important;box-sizing:border-box;}
@media \0screen{input{height:31px;padding-top:5px;}} /* IE8 */
textarea{font-size:14px;letter-spacing:-0.08em;line-height:22px;padding:13px 16px 13px 16px;background:#fff;border:1px solid #c9c9c9;color:#696969 !important;}

/* Common CSS */
.seo{position:absolute;left:-9999px;}
.layout{width:998px;margin-left: auto;margin-right: auto;position: relative;}

/* Layout */
html, body {min-height: 100%;}
#wrap {width: 100%;min-width: 998px;min-height: 100vh;margin: 0 auto;display: flex;flex-direction: column;}

/* Header */
#header{position:relative;width:100%;min-width:998px;margin:0 auto;background:#fff;height:93px;}
#header .logo{float:left;width:150px;padding:27px 0 0 0;}
#header .logo a{display:block;height:39px;background:url(../image/logo.svg) no-repeat;overflow:hidden;}
#header .logo a span{display:block;padding-top:39px;}

#header .layout{position:relative;height:93px;z-index:11;background:#fff;}
#header .inlayout{width:998px;margin:0 auto;}
#header .layout ul{float:right;padding:33px 0 0 0;}
#header .layout ul:after{content:"";display:block;clear:both;}
#header .layout ul li{float:left;padding-left:24px;}
#header .layout ul li:last-child a:after{display:none;}
#header .layout ul li a{position:relative;display:block;font-size:18px;line-height:27px;color:#222;letter-spacing:-0.9px;}
#header .layout ul li a:after{content:"";display:block;position:absolute;right:-14px;top:10px;width:1px;height:8px;background:#ccc;}
#header .layout ul li a:hover{text-decoration:underline;}

/* Visual */
.visual-wrap{position:relative;background:linear-gradient(45deg, #000000 0%, #03060e 100%);overflow:hidden;}
.visual-wrap img {display: block;}
.visual-wrap .btn {width: 300px;background:rgba(255, 255, 255, 0.4);color: #fff;display: block;padding: 16px 0;transition: 0.3s;position: relative;text-align: center;border-radius: 8px;position: absolute;right: 0;bottom: 20px;}
.visual-wrap .btn .title {font-size: 20px;font-weight: 700;}

/* Container */
#container {position: relative;z-index: 10;padding: 0 0 60px;flex: 1 0 auto;}
.btn-list {display: flex;justify-content: center;gap: 20px;}
.btn-list .btn {width: 300px;background:#000a3b;color: #fff;display: block;padding: 16px 0;transition: 0.3s;position: relative;text-align: center;border-radius: 12px;}
.btn-list .btn.btn-b {background: url(../image/btn_bg.png) no-repeat center;background-size: cover;}
.btn-list .btn .title {font-size: 20px;font-weight: 700;}

/* Footer */
#footer{width:100%;min-width:998px;margin:0 auto;border-top:1px solid #e1e1e1;background:#fff;padding:20px 0 22px 0;}
#footer .logo{float:left;}
#footer .logo span{display:block;width:96px;height:25px;text-indent:-99999px;background:url(../image/logo.svg) no-repeat;}
#footer .logo em{display:block;font-weight: 300;font-size:11px;color:#666;letter-spacing:-0.55px;padding-top:3px;}
#footer .logo em a{font-weight: 300;font-size:11px;color:#666;letter-spacing:-0.55px;}
#footer .logo-r{float:right;width:98px;height:20px;margin-top:3px;text-indent:-99999px;background:url(../image/logo-rasp.png) no-repeat;}