@charset "utf-8";

/* 초기화 */
html, body {
	width: 100%;
	height: 100%;	
}
body {
	margin:0;
	padding:0;
	font-size:14px;
	line-height: 170%;
	vertical-align:middle !important;
	font-family:'Spoqa Han Sans', 'Sans-serif' !important;
    color:#191919;
	background:#fff;
	/*overflow-x:hidden;*/
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin:0;
	padding:0;
	border:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
ul, ul li {
	margin:0;
	padding:0;
	list-style:none
}
ol, li, dl, dt, dd {
	margin:0;
	padding:0
}
legend {
	position:absolute;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden
}
label, input, button, select, img {
	vertical-align:middle
}
input, button {
	margin:0;
	padding:0;
	font-family:'Spoqa Han Sans', sans-serif;
	font-size:.85em
}
button {
	cursor:pointer
}
textarea, select {
	font-family:'Spoqa Han Sans', sans-serif;
	font-size:.85em
}
select {
	margin:0
}
p, span, i {
	margin:0;
	padding:0;
	word-break:break-all;
    vertical-align:middle;
}
hr {
	display:none
}
pre {
	overflow-x:scroll;
	font-size:1.1em
}
a {vertical-align:middle}
a:link, a:visited {color:#444;text-decoration:none; display: inline-block;}
a:hover, a:focus, a:active {
	/*color:#3f3f41;*/
	text-decoration:none !important;
	
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    vertical-align:middle
}

table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td{ padding:0;} 

/*a:focus {border:#ea5513 1px solid; letter-spacing:-1px;}*/


/*input[type=text], input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}*/
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	-webkit-box-shadow:  0 0 5px #9ed4ff;
	-moz-box-shadow:  0 0 5px #9ed4ff;
	box-shadow: 0 0 5px #9ed4ff;
	border: 1px solid #558ab7 !important;
}
input[type=checkbox] {
    border: 1px solid #ccc !important;
    border-radius:3px !important;
	padding:2px;
	color:#666;
}

.placeholdersjs {
	color: #aaa !important;
}

.mb {display:none;}

#index {position:relative;}
.wrap {position:relative; margin:0 auto; width:100%; max-width:1024px;}


/*fonts*/
/*Spoqa Han Sans*/

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: local('Spoqa Han Sans Bold'),
    url('/sub/fonts/Spoqa Han Sans Bold.woff2') format('woff2'),
    url('/sub/fonts/Spoqa Han Sans Bold.woff') format('woff'),
    url('/sub/fonts/Spoqa Han Sans Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('Spoqa Han Sans Regular'),
    url('/sub/fonts/Spoqa Han Sans Regular.woff2') format('woff2'),
    url('/sub/fonts/Spoqa Han Sans Regular.woff') format('woff'),
    url('/sub/fonts/Spoqa Han Sans Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: local('Spoqa Han Sans Light'),
    url('/sub/fonts/Spoqa Han Sans Light.woff2') format('woff2'),
    url('/sub/fonts/Spoqa Han Sans Light.woff') format('woff'),
    url('/sub/fonts/Spoqa Han Sans Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: local('Spoqa Han Sans Thin'),
    url('/sub/fonts/Spoqa Han Sans Thin.woff2') format('woff2'),
    url('/sub/fonts/Spoqa Han Sans Thin.woff') format('woff'),
    url('/sub/fonts/Spoqa Han Sans Thin.ttf') format('truetype');
}



/* main */
/*menu*/
header { position: fixed; left:0; right:0; top:0px; z-index: 100; width: 100%; margin:0 auto; background:#fff;  }
header nav { position:relative; display: flex; transition: all 0.4s; justify-content:space-between; width:100%; max-width:1024px; margin:0 auto; }
header nav a.hd_logo { width:70px; display: block; box-sizing: border-box; padding:20px 0; }
header nav a.hd_logo img { display: block; width: 100%; height: auto; }
header nav ul { display: flex; justify-content: center; margin-left:16%; }
header nav ul li { margin: 0 15px; list-style: none; }
header nav ul li:last-child { margin-right:0; background:#2f4694; border-radius: 5px; margin:28px 0; margin-left:10px; }
header nav ul li a { padding: 32px 0; font-size: 16px; font-weight:600; color:#2f4694 !important; transition: all 0.4s;}
header nav ul li:last-child a { padding:5px 20px; color:#fff !important; }
header nav ul li:hover a {transition:all 0.4s; color:#fe6d8b !important; }

.checkbtn{
	font-size: 30px;
	color: white;
	float: right; line-height: 80px; margin-right: 40px; cursor: pointer; display: none; }
#check{ display: none; }

label.checkbtn .container { display: inline-block; cursor: pointer; }
label.checkbtn .bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #fff; margin: 6px 0; transition: 0.4s; }
label.checkbtn .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
label.checkbtn .change .bar2 {opacity: 0;}
label.checkbtn .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }


/*viusal*/
#visual { padding:300px 0 225px; height:100%; max-height:750px; }
#visual .wrap  { position:relative; }
#visual .wrap p.visual_stit { font-size:23px; color:#000; margin-bottom:40px; transition:all 0.4s;  }
#visual .wrap h2.visual_tit { font-size:45px; line-height:52px; font-weight:500; color:#000; margin-bottom:40px; transition:all 0.4s; }

#visual .wrap ul.visual_btn li { display: inline-block; padding:20px 25px; width:100%; max-width:195px; text-align:center; border-radius:5px; transition:all 0.4s; }
#visual .wrap ul.visual_btn li a { display: block; box-sizing: border-box; font-size:24px; font-weight: 600;}
#visual .wrap ul.visual_btn li:nth-child(1) { background:#2f4694; border:2px solid #2f4694; margin-right:10px; }
#visual .wrap ul.visual_btn li:nth-child(1) a { color:#fff; }
#visual .wrap ul.visual_btn li:nth-child(2) { background:#fff; border:2px solid #2f4694; }
#visual .wrap ul.visual_btn li:nth-child(2) a { color:#2f4694; }

#visual .video_position { position:absolute; right:15%; top:195px; }
#visual .ipad_video { position:relative; width:100%; max-width:630px; }
#visual .ipad_video:before { position: absolute; content: ''; width: 1148px; height: 46px; background: url(../img/ipad_shadow.png) no-repeat; right: -27%; bottom: -13px; }
#visual .ipad_video img { display:block; width:100%;}
#visual .ipad_video video { position:absolute; top:80px; left:25px; width:92%; transition: all 0.4s; }

.visual_bar { background:#d6e6ff; border-top:5px solid #2f4694; padding:18px 0;}
.visual_bar .wrap img { display: inline-block; width:210px; height:auto; transition: all 0.4s; }
.visual_bar .wrap p { font-size:30px; line-height: 45px; font-weight:600; float:right; color:#2f4694; transition: all 0.4s; }

/*contents01*/
.contents01 { background:#f7f7f7; padding:80px 0; }
.contents01 h2 { font-size:35px; line-height:45px;; font-weight:600; margin-bottom:80px; text-align:center;  }

.slick-list { padding:30px 0 20px !important; }
.slick-list .slick-center .slide-item { border:3px solid #2f4694; margin-top:-30px; }
.slick-slide { margin:0 8px; animation-play-state: paused;}
.slider_list ul.slick-dots { display: none !important;}
button.slick-prev.slick-arrow { position: absolute; left: -120px; top: 110px; z-index: 1000; background:url(../img/arr_left.png)no-repeat; width:40px; height:75px; background-size:contain; text-indent: -999999px; border:0; }
button.slick-next.slick-arrow { position: absolute; right: -100px; top: 110px; z-index: 1000; background:url(../img/arr_right.png)no-repeat; width:40px; height:75px; background-size:contain; text-indent: -999999px; border:0; }

.slide-item { position:relative;  background:#fff url(../img/simbol.png)no-repeat; background-size:135px; background-position:104% 0px; box-shadow:6px 6px 6px 0px #ddd; padding:25px; border-radius: 10px;} 
.slide-item a { display: block; width: 100%; height:100%; box-sizing: border-box;}
.slide-item a h3 { font-size:22px; font-weight:600; margin-bottom:8px; display: inline-block; vertical-align: baseline; }
.slide-item a h3 span { font-size:17px; font-weight:600; display: inline-block; margin-left:10px; vertical-align: baseline; }
.slide-item a p.lawyer_name { font-size:16px; font-weight:400; margin-bottom:3px; }
.slide-item a p.lawyer_group { font-size:12px; font-weight:300; color:#2f4694; margin-bottom:30px; }
.slide-item a p.con_com { position:absolute; top:58px; right: 30px; color:red; font-size:14px; }
.slide-item a ul { width: 100%; }
.slide-item a ul li { font-size:15px; line-height: 20px; }
.slide-item a ul li.time { font-size:14px; color:red; text-align:right; margin-top:10px; }



/*contents02*/
.contents02 { background:#fff; padding:80px 0; }
.contents02 h2 { font-size:35px; line-height:45px;; font-weight:600; margin-bottom:40px; text-align:center;  }
.contents02 p { font-size:25px; line-height: 35px; font-weight:300; margin-bottom:70px; text-align:center; }

.contents02 ul { text-align: center;}
.contents02 ul li { display: inline-block; width:20%; margin:0 5%; position:relative; }
.contents02 ul li img { display: block; width:100%; }
.contents02 ul li span { display: block; font-size:22px; font-weight: 600; margin-top:25px; text-align: center;}
.contents02 ul li:after { position: absolute; content:''; width:10px; height:100%; background:url(../img/arrow.png)no-repeat; background-size:contain; right:-50px; top:85px; }
.contents02 ul li:last-child:after { display: none;}

.contents02 .counsel_btn { font-size: 23px; font-weight: 600; padding:17px 25px; background:#2f4694; border-radius: 5px; width:200px; margin:0 auto; margin-top:50px; }
.contents02 .counsel_btn a { color:#fff; display: block; width: 100%; text-align: center;}

/*contents03*/
.contents03 { background:url(../img/counting_bg.jpg) no-repeat; background-size:cover; padding:80px 0; }
.contents03 h2 { font-size:35px; line-height:45px;; font-weight:600; margin-bottom:40px; text-align:center;  }
.contents03 p { font-size:25px; font-weight:300; line-height: 35px; margin-bottom:70px; text-align:center; }
.contents03 p.dec { font-size:15px; margin-bottom:0;}

.contents03 ul li { width: 100%; text-align:center; margin:0 auto; }
.contents03 ul li.col_fourth { display:inline-block; vertical-align: top; width:27%; margin:0 3%; padding:20px 0;}
.contents03 ul li p.timer.count-title.count-number { font-size: 48px; font-weight: 800; color:#2f4694; text-align:center; margin-bottom:40px; display: inline-block; vertical-align: baseline;}
.contents03 ul li p.txt { display: inline-block; font-size:48px;color:#2f4694; vertical-align: baseline; padding-left:10px; font-weight: 800; margin-bottom:40px; }
.contents03 ul li p.count-text { font-size: 18px; font-weight: 400; line-height: 25px; margin-bottom: 0; text-align: center; color:#000; word-break: keep-all; }

/*contents04*/
.contents04 { background:#fff; padding:80px 0; }
.contents04 h2 { font-size:35px; line-height:45px;; font-weight:600; margin-bottom:40px; text-align:center;  }

.contents04 .questions { list-style: none;margin: 0;padding: 0;overflow: hidden; text-align:center; border-bottom:1px solid #333; }
.contents04 .questions li { display: inline-block; width: 18%;text-align: center;}
.contents04 .questions li a { display: inline-block;color: #000;text-align: center;text-decoration: none;padding:15px 10px;font-size: 22px;transition: 0.3s; width:100%; box-sizing:border-box; }
.contents04 .tabcontent { display: none;background-color:#fff;padding: 6px 12px;color:#333;}
.contents04 ul.questions li.current{ border-bottom:3px solid #2f4694; }
.contents04 .tabcontent.current { display: block;}

.contents04 .accordianNav { width: 100%; background: #fff; margin-top: 15px; }
.contents04 .accordianNav a, .contents04 .accordianNav h3 { display: block; color: #000; letter-spacing: -0.5px; position: relative; z-index: 1; cursor: pointer; font-size: 20px; font-weight: 400; margin-bottom: 0; padding:25px 0; }
.contents04 .accordianNav a { text-decoration: none; padding-left: 0; }

.contents04 .accordianNav h3 img { width:35px; border:none; vertical-align:middle; margin:0 23px; }

/* Background hover animation. */
.contents04 .accordianNav h3:before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 100%; transition: all 0.3s ease-out; }
.contents04 .accordianNav h3:hover:before,
.contents04 .accordianNav .dropArrow.active:before { width: 2%; }
.contents04 .accordianNav .dropArrow span {  display: inline-block; font-size:22px; color:#2f4694; vertical-align: baseline; margin-right:15px; font-weight: 500; }
.contents04 .accordianNav .dropArrow:after { content: ""; width: 20px; height: 20px; border-bottom: 2px solid #2f4694; border-right: 2px solid #2f4694; float: right; position: relative; top: 12px; right: 25px; transform: rotate(45deg); transform-origin: center; }
.contents04 .accordianNav .dropArrow.active { color:#2f4694; font-weight:600; }
.contents04 .accordianNav .dropArrow.active:after { transform: rotate(-135deg); border-color: #2f4694; }

/* +Hover and Touch effect */

.contents04 .accordianNav a:hover,
.guidacontents04nce .accordianNav a:active,
.contents04 .accordianNav h3:hover,
.contents04 .accordianNav h3:active,
.contents04 .accordianNav h3.dropArrow:hover:after,
.contents04 .accordianNav h3.dropArrow:active:after { 
-webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
.contents04 .accordianNav li { list-style-type: none; }
.contents04 .accordianNav a { transform: translate(0px, 0px); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

/*Drop links*/
.contents04 .accordianNav ul ul li a { padding: 0 0 0 2.5em; }
.contents04 .accordianNav li ul.box2 li { width:90%; margin-left:35px; display:inline-block; border:none; padding:10px 0; font-size:17px; line-height:25px; }


/*hover effect on links*/
.contents04 .accordianNav ul ul li a:hover { transform: translate(8px, 0px); }

/*Hide and show the drops*/
.contents04 .accordianNav ul ul { display: none; }
.contents04 .accordianNav li.active ul { display: block; }


/*contents05*/
.contents05 { background:#f7f7f7; padding:120px 0; }
.contents05 h1 { position: relative; font-size: 60px; font-weight: 600; text-align: center; display: block; z-index: 99; width: max-content; margin: 0 auto; margin-bottom: 40px; }
.contents05 h1:before { position: absolute; content: ''; width: 100%; height: 45px; background: #d6e6ff; z-index: -1; top:10px; }

.contents05 .counsel_btn { font-size: 23px; font-weight: 600; padding:17px 25px; background:#2f4694; border-radius: 5px; width:200px; margin:0 auto; margin-top:70px; }
.contents05 .counsel_btn a { color:#fff; display: block; width: 100%; text-align: center;}

/*footer*/
footer { background:#2f4694; padding:80px 0; }
footer .ft_logo { display: block; width:200px; float:right; }

footer ul { margin-bottom:20px; }
footer ul li { display: inline-block; margin-right: 30px; position:relative; }
footer ul li:after { position:absolute; content:''; width:1px; height:10px; background:#fff; top:5px; right:-15px;}
footer ul li:last-child:after {  display: none;}
footer ul li a { display: block; font-size: 15px; color:#fff !important; }

footer .ft_list p { font-size:15px; color:#9dafed; line-height:25px; font-weight: 300;}