@charset "euc-kr";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse: separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto}
html,body{min-width:1000px;background:#fff;height:100%;} /* Horizen Scroll */
body{color:#2d2d2d;font-size:13px;font-family:'Noto Sans KR', sans-serif, "Nanum Gothic";}

div{outline:0} /* Script TabIndex Click Focusing Line Remove */
img {vertical-align:middle;}


#gnb {position:fixed;width:184px;height:100%;background-color:white;border-right:solid 1px #f2f2f2;z-index:100;}

#gnb .logo {position:absolute;top:20px;left:20px;}
#gnb .logo img {width:83px;}
#gnb .logo h1 {font-size:22px;font-weight:100;line-height:22px;padding-top:7px;}
#gnb .logo p {font-size:11px;font-weight:200;opacity:0.7;}

#gnb .menu {position:absolute;height:160px;top:50%;left:20px;margin-top:-120px;}
#gnb .menu li {padding-bottom:15px;font-size:14px;}
#gnb .menu li a {opacity:0.7;}
#gnb .menu li a:hover, #gnb .menu li .on {opacity:1;font-weight:700;color:#333333;text-decoration:underline;}

#gnb .copy {position:absolute;bottom:10px;left:20px;opacity:0.5;font-size:11px;}
#gnb .copy h2 {font-weight:200;}
#gnb .copy h2 b {font-weight:700;display:block;}
#gnb .copy p {padding-top:10px;font-size:10px;}

.momenu {display:none;}


#warp {position:relative;margin-left:185px;height:100%;}
.contents {position:relative;width:100%;height:100%;text-align:center;display:block;}
.btn_app {position:absolute;top:20px;right:20px;}

.section_01 {color:white;background-image:url('../img/back_intro.png');background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:-webkit-transform 1s;transition:transform 1s;background-attachment:fixed;}
.section_01 .box {position:absolute;height:400px;top:50%;margin-top:-200px;width:100%;}
.section_01 .box h1 {font-weight:100;font-size:40px;line-height:40px;padding-top:20px;padding-bottom:10px;}
.section_01 .box p {font-weight:200;font-size:18px;}


.section_02 {color:white;background-image:url('../img/back_account.png');background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:-webkit-transform 1s;transition:transform 1s;background-attachment:fixed;}
.section_02 .box {position:absolute;height:400px;top:50%;margin-top:-200px;width:100%;}
.section_02 .box h1 {font-weight:100;font-size:40px;line-height:40px;padding-bottom:10px;}
.section_02 .box p {font-weight:100;font-size:16px;line-height:16px;padding-bottom:0px;}
.section_02 .box span {font-weight:100;font-size:14px;opacity:0.5;}
.section_02 .box .wallet {position:relative;width:810px;left:50%;margin-left:-405px;padding-top:50px;font-size:11px;opacity:0.7;}
.section_02 .box .wallet li {float:left;padding:15px 40px;border-right:dashed 1px #595b6e;}
.section_02 .box .wallet li:first-child {border-left:dashed 1px #595b6e;}
.section_02 .box .wallet h2 {font-size:13px;font-weight:700;}
.section_02 .box .wallet img {opacity:0.5;padding-bottom:10px;}
.section_02 .box .btn {clear:both;}
.section_02 .box .btn a {margin-top:30px;background-color:#e23d3d;color:white;padding:10px 45px;font-size:15px;font-weight:100;}
.section_02 .box .btn a:hover {background-color:#282a37;}


.section_03 {background-color:#e9e9e9;}
.section_03 .box {position:absolute;height:480px;top:50%;margin-top:-240px;left:50%;width:780px;margin-left:-390px;}
.section_03 .box .img {position:absolute;top:0;left:0;}
.section_03 .box .text {margin-left:485px;text-align:left;}
.section_03 .box .text h1 {font-size:40px;font-weight:100;line-height:42px;padding-top:25px;padding-bottom:5px;}
.section_03 .box .text .no {padding-top:35px;}
.section_03 .box .text .no td {padding:5px 0;text-align:left;}
.section_03 .box .text .no td:first-child {width:70px;}
.section_03 .box .text .no tr {opacity:0.5;}
.section_03 .box .text .no tr:first-child {opacity:1;}
.section_03 .box .text p {font-size:12px;opacity:0.5;padding-top:20px;font-weight:300;}


.section_04 {background-color:#FFF;height:3150px;}
.section_04 h1 {font-size:40px;font-weight:100;padding:130px 0 50px 0;}
.section_04 .con {position:relative;width:940px;left:50%;margin-left:-470px;}
.section_04 .con ul {clear:both;border-bottom:solid 1px #e5e5e5;}
.section_04 .con li {float:left;padding-top:45px;text-align:left;}
.section_04 .con li p {font-size:15px;line-height:15px;padding-bottom:5px;font-weight:200;padding-top:180px;}
.section_04 .con li h2 {font-size:32px;font-weight:500;line-height:32px;}
.section_04 .con ul:nth-child(even) li:first-child {text-align:right;width:400px;padding-right:35px;}
.section_04 .con ul:nth-child(even) li:last-child {text-align:left;}
.section_04 .con ul:nth-child(odd) li:first-child {text-align:right;width:450px;padding-right:35px;}
.section_04 .con ul:nth-child(odd) li:last-child {text-align:left;}
.section_04 .height100 {clear:both;height:120px;}


.section_05 {color:white;background-image:url('../img/back_down.png');background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:-webkit-transform 1s;transition:transform 1s;background-attachment:fixed;}
.section_05 .box {position:absolute;height:200px;top:50%;margin-top:-100px;width:100%;}
.section_05 .box h1 {font-weight:100;font-size:40px;line-height:40px;padding-bottom:10px;}
.section_05 .box p {font-weight:100;font-size:16px;line-height:16px;padding-bottom:50px;}

.section_06 {position:relative;color:white;background-color:#ebebeb;color:#333;height:1250px;}
.section_06 .box {position:absolute;width:700px;left:50%;margin-left:-350px;text-align:left;top:120px;}
.section_06 .box h1 {font-weight:700;font-size:35px;line-height:40px;padding-bottom:5px;}
.section_06 .box p {font-weight:100;font-size:13px;line-height:16px;padding-bottom:50px;}
.section_06 .box .tx01 {font-size:15px;text-align:left;border-bottom:dashed 1px #ffc8b0;color:#e23d3d;padding-bottom:30px;}
.section_06 .box .tx02 {font-size:15px;text-align:left;color:#333;}
.section_06 .box .tx02 p {font-weight:500;padding-bottom:10px;padding-top:30px;font-size:17px;}

.popback {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:1000;display:none;}
.mobile_menu {display:none;}


.pop_account {position:fixed;width:500px;top:100px;left:50%;margin-left:-250px;z-index:1001;background-color:white;padding:30px;display:none;}
.pop_account h1 {font-size:20px;padding-bottom:20px;}
.pop_account .btn {position:absolute;top:20px;right:20px;}
.pop_account .table {position:relative;padding:;font-size:12px;}
.pop_account .table th {padding:10px;background-color:#f5f5f5;}
.pop_account .table td {padding:10px;border-bottom:solid 1px #f5f5f5;text-align:right;}
.pop_account .table td s {padding-right:5px;}
.pop_account .table tr:nth-child(5) td, .pop_account .table tr:nth-child(6) td, .pop_account .table tr:nth-child(7) td {color:#e23d3d;font-weight:700;}
.pop_account .des {padding:30px 0 10px 0;}
.pop_account .des p {font-weight:700;}
.pop_account .check {background-color:#f5f5f5;padding:15px;font-size:11px;opacity:0.8;}

/*�쇰컲*/

.section_07 {position:relative;width:100%;margin:0 auto;text-align:center;background-color:#fff;height:auto;}
.section_07 .box {position:absolute;width:700px;left:50%;margin-left:-350px;text-align:left;top:120px;}
.section_07 .box h1 {font-weight:800;font-size:35px;line-height:40px;padding-bottom:5px;}
.section_07 .box p {
	font-weight: 100;
	font-size: 13px;
	line-height: 16px;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}
.section_07 .box img{width:100%;}
.section_07 .Request_iframe {position:relative;text-align:left;height:auto;min-height:300px;width:800px;}

/* QNA */

div.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width:100%;
}

/* Style the buttons inside the tab */
div.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 9.8px;
	transition: 0.3s;
	font-size: 17px;
	border-right: 1px solid #fff;
}

/* Change background color of buttons on hover */
div.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class �됱긽蹂�寃�*/
div.tab button.active {
	background-color: #333333;
	color:#fff;
}

/* Style the tab content */
.faq {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	  width: 96.6%;
}

.faq ul li .q > a {
		 font-weight: 500;
}

.faq ul li .a {
		 font-weight: 300;
		 background-color:#f9f9f9;
}

div.tab button:last-child {
	border-right: none;
}

/* Style the close button */
.topright {
	float: right;
	cursor: pointer;
	font-size: 20px;
}

.topright:hover {color: red;}