@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
  }
  @font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
  }
  @font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
  }





/* reset */
* {box-sizing: border-box;}
	html,body {margin:0; padding:0; font-family: 'NanumSquare', sans-serif; font-weight:normal; font-size:13px; color:#000; -webkit-text-size-adjust:none; position:relative; line-height:1.2; background-color:#fff; scroll-behavior: smooth; }

	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0; padding:0; -webkit-text-size-adjust:none;}
	th,td,input,textarea,select {font-size:13px; color:#000; font-family: 'NanumSquare', sans-serif; -webkit-text-size-adjust:none;}
	th,td {word-break:break-all; word-wrap:break-word; -webkit-text-size-adjust:none;}
	table {border-spacing:0; border-collapse:collapse; -webkit-text-size-adjust:none; border:0; table-layout:fixed;}
	address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; -webkit-text-size-adjust:none;}
	em {font-style:inherit; -webkit-text-size-adjust:none;}
	ol,ul,li {list-style:none;}
	h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
	abbr,acronym {border:0;}
	hr,legend,caption {visibility:hidden; overflow:hidden; line-height:0; width:0; height:0; margin:0; padding:0;}
	img,fieldset {border:0 none;}
	label {cursor:pointer;}
	a {color:inherit; cursor: pointer;}
	a:link, a:visited, a:hover {text-decoration:none;}
	a:active {text-decoration:none;}
	input,img {vertical-align:middle;}
    button{padding:0; margin:0; box-sizing: border-box;}

	input::-webkit-input-placeholder {color:#aaa;} /* webkit */
	input:-moz-placeholder {color:#aaa;} /* Firefox 4-18 */
	input::-moz-placeholder {color:#aaa;} /* Firefox 19+ */
	input:-ms-input-placeholder {color:#aaa;} /* IE10+ */
	textarea::-webkit-input-placeholder {color:#aaa;} /* webkit */
	textarea:-moz-placeholder {color:#aaa;} /* Firefox 4-18 */
	textarea::-moz-placeholder {color:#aaa;} /* Firefox 19+ */
	textarea:-ms-input-placeholder {color:#aaa;} /* IE10+ */
    ::placeholder { font-family: 'NanumSquare', sans-serif;  opacity: 1; /* Firefox */ }
    :-ms-input-placeholder { /* Internet Explorer 10-11 */  font-family: 'NanumSquare', sans-serif; }
    ::-ms-input-placeholder { /* Microsoft Edge */  font-family: 'NanumSquare', sans-serif; }




	html, body {min-height:100vh;}
    .lottemartdream {font-family: 'LotteMartDream', sans-serif;}
    .art_cot_df {padding: 100px 0;width:1200px;margin:0 auto;}
	.art_cot_df2 {padding: 100px 0;width:100%;}
	.art_cot_df2_bx {width:1200px; margin:0 auto;}
	.art_cot_df3 {/* padding:80px 0; */width: 100%;margin:0 auto;}

	.title_box {text-align: center;}
	h1, h2, h3, h4, .title_box p
	{line-height:140%; font-weight: bold; font-family: 'LotteMartDream', sans-serif;}
	.title_box h1 {font-size: 55px;}
	.title_box h2 {font-size: 45px;margin-bottom:10px;}
	.title_box h2 + p {font-size: 18px;line-height:160%;}
	.title_box h2 span {color:#3077eb;}
	button {cursor:pointer;}


/* header */

header {width:100%; position:fixed; overflow:hidden; z-index: 9999; background-color:#fff; border-bottom:1px solid #dee; padding:20px 0;}
.head_nav_lt {display:block; width:188px; height:48px; background-image: url('../images/top_logo.gif'); background-repeat: no-repeat; background-size: contain; position:absolute; top:8px; left:10px;  z-index: 9999;}
.head_nav_ct {max-width:1980px; margin:0 auto; width:100%; position:relative; overflow:hidden;}
.head_nav_ct ul {width:600px; margin:0 auto; position: relative; overflow: hidden; }
.head_nav_ct ul li {float:left; width:150px;}
.head_nav_ct ul li a {display: block; font-size: 20px; font-weight: bold; text-align: center; cursor: pointer;}
.head_nav_ct ul li a:hover {color:#3077eb; transition: .4s; -webkit-transition: .4s;}
.head_nav_rt {z-index: 9999; position:absolute; top:0; right:10px;}
.head_nav_rt li {float:left; padding:10px 0;}
.head_nav_rt li a {display:inline-block; width:140px; transform: skew(-0.03deg); font-weight: 700; border:3px solid #3077eb; padding:10px 0; text-align: center; font-size:16px;  border-radius: 120px; box-sizing: border-box; cursor: pointer;}
.head_nav_rt li:nth-child(1) a {margin-right:10px; color:#3077eb;}
.head_nav_rt li:nth-child(2) a {background-color:#3077eb; color:#fff;}





.mbbts {display: none;}













/* section */
section {padding-top:62px; position:relative; margin:0 auto; padding-bottom: 322px;}





/* article01 */
.art01 {position:relative; overflow:hidden;}
.art01.art_cot_df2 {padding:100px 0; width:100%; max-width: 1200px; margin:0 auto;}
.art01 ul {position:relative; width:100%; padding:70px 0;}
.art01 ul li:last-child {position:absolute; right:0; top:0;}
.art01 .title_box {margin-bottom: 30px; text-align: left;}
.art01 .title_box p {font-size: 25px;margin-bottom:7px;}
.art01 .title_box h1 { color:#3077eb;}
.art01 .content_box p {font-size:18px; line-height:180%; margin-bottom:40px; font-weight: bold;}
.art01 .content_box button {width:270px; height:70px; padding-left:56px; font-family: 'NanumSquare', sans-serif; border:0; cursor: pointer; text-align: left; font-size:17px; background-color: #3077eb; border-radius: 70px; color:#fff; background-image: url('../images/arrow01.png'); background-repeat: no-repeat; background-position: 223px center;}















/* article02 */



.art02 {position:relative; background-color:#f1f4f9;}
.art02 .title_box {margin-bottom:70px;}
.art02 .content_box {background-color: #edf2f8;position:relative;overflow:hidden;border-radius: 40px;box-shadow: 0 0 20px rgba(0,0,0,0.08);}


.art02 .content_box .tab_bx01 {position:absolute;top: 29px;left: 100px;}
.art02 .content_box .tab_bx01 .tablinks01 {cursor: pointer;background-color: #fff;background-repeat: no-repeat;background-position: 340px center;background-image: none;border-radius: 100px;padding:24px 135px 24px 30px;color:#a3a3a3;text-align: center;margin-bottom: 15px;}
.art02 .content_box .tab_bx01 .tablinks01:last-child {margin-bottom:0;}
.art02 .content_box .tab_bx01 .tablinks01:hover {color:#3077eb; transition: .8s; -webkit-transition: .8s;}
.art02 .content_box .tab_bx01 .tablinks01.active {transform: translateX(-55px); transition: transform .8s; -webkit-transition: transform .8s; background-image: url('../images/arrow02.png'); background-color:#3077eb; box-shadow: 0 0 5px rgba(0,0,0,0.5); color:#fff;}
.art02 .content_box .tab_bx01 .tablinks03 {display: none; width: 50%; border-bottom: 1px solid #f1f4f9; float: left; cursor: pointer;}
.art02 .content_box .tab_bx01 .tablinks03 h3 {height:120px; font-size: 17px; line-height:120px; text-align: center; background-color:#fff; color:#3077eb;}
.art02 .content_box .tab_bx01 .tablinks01 p {font-size:15px; margin-bottom:10px; transform: skew(-0.03deg);}
.art02 .content_box .tab_bx01 .tablinks01 p br {display:none;}
.art02 .content_box .tab_bx01 .tablinks01 h3 {font-size:20px;}

.art02 .content_box .tabcontent01 {width: 822px;background-color:#fff;margin-left: 379px;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 {padding-top: 160px;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .title_box2 {margin-bottom: 80px;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .title_box2 .pt01 {display:block; margin:0 auto 30px;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .title_box2 .pt01:last-child {margin-bottom:0; transform:rotate(180deg);}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .title_box2 h4 {font-size:45px; margin-bottom:30px;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .title_box2 h4 span {color:#3077eb;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .content_box2 {margin-bottom: 205px;}
.art02 .content_box .tabcontent01 .slid_cts_bx01 .content_box2 p {font-size:15px; line-height:150%; transform: skew(-0.03deg);}

.art02 .content_box .tabcontent01 .slid_cts_bx02 img {display:block;margin: 35px auto 0;}
.art02 .content_box .tabcontent01 .slid_cts_bx02 img.imgab {position: absolute; left: 0; right: 0;}
.art02 .content_box .tabcontent01 .slid_cts_bx02 .content_box3 {margin-top: 55px;}
.art02 .content_box .tabcontent01 .slid_cts_bx02 .content_box3 h5 {font-size:30px; font-weight: bold; margin-bottom:30px; line-height:150%; font-family: 'LotteMartDream', sans-serif;}
.art02 .content_box .tabcontent01 .slid_cts_bx02 .content_box3 h5 span {color:#3077eb;}
.art02 .content_box .tabcontent01 .slid_cts_bx02 .content_box3 p {font-size:15px; line-height:150%; transform: skew(-0.03deg);}


.art02 .swiper-slide {text-align: center; padding: 30px 0;}
.art02 .swiper-button-next, .art02 .swiper-button-prev {
	top: 50%;
	background-size: auto;
	height: 47px;
	background-image: url('../images/arrow06.png');
	bottom: 50%;
	cursor: pointer;
	width: 27px;
	padding: 16px;
	margin-top: -22px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	}
.art02 .swiper-button-next {right: 12%;border-radius: 3px 0 0 3px;transform:rotate(180deg);}

.art02 .swiper-container-horizontal>.swiper-pagination-bullets, .art02 .swiper-pagination-custom, .art02 .swiper-pagination-fraction {
    bottom: 35px;
    left: 331px;
    width:160px;
    right: 331px;
    }
.art02 .swiper-button-prev, .art02 .swiper-container-rtl .swiper-button-next {left: 12%;}

.art02 .swiper-pagination-bullet {width: 12px; height: 12px;}
.art02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}




/* article03 */
/*rgba 1, 131, 255*/

.art03 {position:relative; background-color:#3077eb; color:#fff;}
.art03 .title_box{text-align: left; margin-bottom:20px;}


.art03 .content_box {position:relative; }
.art03 .content_box .art03_btbx {position:absolute; z-index:999;}
.art03 .content_box .art03_btbx ul {background-color:#fff; border-radius: 50px; padding:4px; position:relative; overflow:hidden; width:528px; margin-bottom:10px;}
.art03 .content_box .art03_btbx ul:last-child {margin-bottom:0;}
.art03 .content_box .art03_btbx .tablinks02 {float:left; color:rgba(1,131,255,0.4); width:170px;  border-radius: 100px; overflow:hidden; margin-right:5px;}
.art03 .content_box .art03_btbx .tablinks02:last-child {margin-right:0; }
.art03 .content_box .art03_btbx .tablinks02 h3 {text-align: center; padding:15px 0; font-size: 15px; cursor: pointer;}
.art03 .content_box .art03_btbx .tablinks02:hover {color:#3077eb; transition: .8s; -webkit-transition: .8s;}
.art03 .content_box .art03_btbx .tablinks02.active {background-color:#3077eb; transition: .8s; -webkit-transition: .8s; color:#fff;}


.art03 .tabcontent02 ul {position:relative;}
.art03 .tabcontent02 ul li:nth-child(1) { position:absolute; top:-100px; right:0;}
.art03 .tabcontent02 ul li:nth-child(2) { padding:200px 0 0 40px;}
.art03 .tabcontent02 ul li:nth-child(2) h4 {font-size:25px; margin-bottom:30px; position:relative; display: inline-block;}
.art03 .tabcontent02 ul li:nth-child(2) h4 span {background-image: url('../images/quotes02.png'); background-repeat: no-repeat; height:25px; width:25px; display:block; position:absolute;}
.art03 .tabcontent02 ul li:nth-child(2) h4 span:nth-child(1) {top:-8px; left:-35px; transform:rotate(180deg);}
.art03 .tabcontent02 ul li:nth-child(2) h4 span:last-child {right: -35px;bottom: 12px;}
.art03 .tabcontent02 ul li:nth-child(2) p {font-size:15px; line-height:150%; transform: skew(-0.03deg);}





/* article04 */

.art04 {position:relative; background-color:#edf2f8;}
.art04 .title_box{margin-bottom:50px;}

.art04 .title_box p {font-size: 18px;line-height: 160%;margin-bottom:8px;}
.art04 .content_box {position:relative; text-align: center; }
.art04 .content_box ul {width:940px; margin:0 auto;  font-family: 'LotteMartDream', sans-serif;}
.art04 .content_box ul li {width: 142px;height: 142px;padding-top: 28px;margin-bottom:50px;margin-right: 14px;float:left;background-color:#fff;border-radius: 20px;box-shadow: 0 0 20px rgb(0 0 0 / 8%);}
.art04 .content_box ul li:nth-child(3n+0) {/* margin-right:0; */}
.art04 .content_box ul li:nth-child(6), .art04 .content_box ul li:nth-child(4), .art04 .content_box ul li:nth-child(5) { margin-bottom:60px;}
.art04 .content_box ul li h3 {font-size:18px;margin-bottom: 10px;}
.art04 .content_box ul li p {font-size:24px; }
.art04 .content_box ul li p > span {font-size: 50px;color:#3077eb;}

.art04 .content_box ul + p, .art04 .content_box ul + p + p {clear: both; font-size: 15px; line-height: 150%; margin-bottom:30px; transform: skew(-0.03deg);}
.art04 .content_box ul + p {margin-bottom:5px;}
.art04 .content_box ul + p + p + button {border:0; background-color:#3077eb; color:#fff; padding:25px 180px; background-repeat: no-repeat; background-image: url('../images/arrow02.png'); background-position: 315px center; border-radius: 50px; font-family: 'LotteMartDream', sans-serif; font-size:20px; font-weight: bold;}
















/* article05 */

.art05 h3 { transform: skew(-0.03deg); font-family: 'NanumSquare', sans-serif;}
.art05 .title_box {margin-bottom:75px;}
.art05 .content_box {position:relative; overflow:hidden; width:840px; margin:0 auto; text-align: center;}
.art05 .content_box li {float:left; width:210px; margin-bottom:65px;}
.art05 .content_box li:nth-child(6), .art05 .content_box li:nth-child(5), .art05 .content_box li:nth-child(7) {width:280px; margin-bottom:0;}





/* article06 */
.art06.art_cot_df3 {/* padding:0px 0 150px; */background: rgb(1,131,255);background: -moz-linear-gradient(left, rgba(1,131,255,1) 0%, rgba(201,228,255,1) 100%);background: -webkit-linear-gradient(left, rgba(1,131,255,1) 0%,rgba(201,228,255,1) 100%);background: linear-gradient(to right, rgba(1,131,255,1) 0%,rgba(201,228,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0183ff', endColorstr='#c9e4ff',GradientType=1 );}
.art06 .title_box {text-align: left;}
.art06 .title_box h2 {margin-bottom:0; font-size:40px;}
.art06 .content_box {
	position:relative;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0183ff+0,c9e4ff+100 */
	/* background: rgb(1,131,255); */ /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(1,131,255,1) 0%, rgba(201,228,255,1) 100%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(left,  rgba(1,131,255,1) 0%,rgba(201,228,255,1) 100%); */ /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to right,  rgba(1,131,255,1) 0%,rgba(201,228,255,1) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0183ff', endColorstr='#c9e4ff',GradientType=1 ); /* IE6-9 */
	width: 1200px;
	margin:0 auto;
	/* border-radius: 50px; */
	}


.art06 .content_box .title_box {padding: 63px 0 63px 60px;background-image: url('../images/images/art06_bg.png');background-position: right bottom;background-repeat: no-repeat;/* border-radius: 50px; */}
.art06 .content_box .title_box h2 {color:#fff; margin-bottom:60px;}
.art06 .content_box .title_box ul {position:relative; overflow:hidden;}
.art06 .content_box .title_box ul li {float:left;}
.art06 .content_box .title_box ul li a {padding:20px 0 20px 30px; transform: skew(-0.03deg); font-weight: bold;
	background-repeat: no-repeat; background-image: url('../images/arrow04.png'); background-position: 150px center;
	font-size:15px; width:210px; border-radius: 50px; background-color:#fff; color:#3077eb; display:block; margin-right:10px;}
.art06 .content_box .title_box ul li:last-child a {margin-right:0;}
.art06 .content_box img {position:absolute;top: -49px;right: 311px;}










/* article07 */
.art07.art_cot_df2 {border-top:1px solid #ddd; padding:0;}
.art07.art_cot_df2 .content_box {padding:20px 0;}
.art07 .content_box {width:100%; max-width:1200px; margin:0 auto; background-color:#fff;}
.art07 .swiper-slide img {width: 100%; max-width: 200px; margin: 0 auto; display: block;}


.art07 .swiper-button-next, .art07 .swiper-button-prev { cursor: pointer; margin-top:-30px; height:auto; width: auto; padding: 16px; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
.art07 .swiper-button-prev, .art07 .swiper-container-rtl .swiper-button-next {background-image: none;}
.art07 .swiper-button-next, .art07 .swiper-container-rtl .swiper-button-prev {background-image: none;}
.art07 .swiper-button-next, .art07 .swiper-button-prev {top: unset; background-size: auto; height: 0; background-image: url(../images/arrow05.png); bottom: 31px; cursor: pointer; width: auto; padding: 16px; margin-top: 0; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
.art07 .swiper-button-next {border-radius: 3px 0 0 3px; transform: rotate(180deg);}



/*footer*/
footer {width:100%; position:absolute; bottom:0; overflow:hidden; padding:80px 0; background-color:#edf2f8;}
footer .content_box, footer .content_box02 {width:100%; max-width:1200px; overflow:hidden; margin:0 auto; clear: both;  transform: skew(-0.03deg); }
/*footer .content_box {margin-bottom:50px;}*/
footer .content_box ul {position:relative; float:left;}
footer .content_box ul li {float:left; font-size:16px; line-height: 42px; font-weight: bold; margin-right: 80px;}
footer .content_box ul li:nth-child(1) {margin-right:70px;}
footer .content_box ul:nth-child(1) li:nth-child(1) a {display:inline-block;}
footer .content_box ul:nth-child(2) {float:right;}
footer .content_box ul:nth-child(2) li {margin-right:0; margin-left:40px; line-height:normal; padding-top: 5px;}
footer .content_box ul:nth-child(2) li:nth-child(1) {margin-left:0;}
footer .content_box ul:nth-child(2) li a {display:block; width:32px; height:32px; transition: .4s; -webkit-transition: .4s; background-repeat: no-repeat;}
footer .content_box ul:nth-child(2) li:nth-child(1) a {background-image: url('../images/btlogo01_off.png');}
footer .content_box ul:nth-child(2) li:nth-child(2) a {background-image: url('../images/btlogo02_off.png');}
footer .content_box ul:nth-child(2) li:nth-child(3) a {background-image: url('../images/btlogo03_off.png');}
footer .content_box ul:nth-child(2) li:nth-child(1) a:hover {background-image: url('../images/btlogo01_on.png');}
footer .content_box ul:nth-child(2) li:nth-child(2) a:hover {background-image: url('../images/btlogo02_on.png');}
footer .content_box ul:nth-child(2) li:nth-child(3) a:hover {background-image: url('../images/btlogo03_on.png');}

footer .content_box02 li {font-weight: 600;}
footer .content_box02 li:nth-child(1) {float:left;}
footer .content_box02 li:nth-child(1) span {display:inline-block; padding:2px 0;}
footer .content_box02 li:nth-child(1) span:nth-child(1) {margin-right:40px;}
footer .content_box02 li:nth-child(1) span:nth-child(2) {padding-right:10px; border-right: 1px solid rgb(124, 124, 124);}
footer .content_box02 li:nth-child(1) span:nth-child(3) {padding-left:10px; padding-right:10px; border-right:1px solid rgb(124, 124, 124);}
footer .content_box02 li:nth-child(1) span:nth-child(4) {padding-left: 10px;}
footer .content_box02 li:nth-child(1) .addr {display:block; margin-top:7px;}
footer .content_box02 li:nth-child(1) div {margin-top:3px;}
footer .content_box02 li:nth-child(1) div span:nth-child(1) {padding-right:10px; border-right: 1px solid rgb(124, 124, 124); margin-right:0; }
footer .content_box02 li:nth-child(1) div span:nth-child(2) {padding-left:10px;}
footer .content_box02 li:nth-child(1) div span:nth-child(3) {border:0; padding-right:0;}
footer .content_box02 li:nth-child(2) {float:right;}

footer .content_box02 li:nth-child(2) div {float:right;}
footer .content_box02 li:nth-child(2) div button {font-family: 'NanumSquare', sans-serif; border:0; background-color:transparent; font-weight: 600;}
footer .content_box02 li:nth-child(2) div button:nth-child(1) {margin-right:30px;}
footer .content_box02 li:nth-child(2) div button:nth-child(2) {margin-right:30px;}
footer .content_box02 li:nth-child(2) span {clear: both; float:right; display:block; margin-top:7px;}









.sub_p_art01 {padding:80px; width:80%; margin:0 auto; max-width:1200px;}
.sub_p_art01 h1 {font-size:28px; padding-bottom:50px; border-bottom:1px solid #dee; color:#3077eb;}
.sub_p_art01 .text_box {padding:30px; margin-top:50px; height:400px; overflow-y:scroll; background-color:#f7f7f7;}
.sub_p_art01 .text_box h2 {font-size:22px;}
.sub_p_art01 .text_box h3 {font-size:16px;}
.sub_p_art01 .text_box .t_content {margin-bottom:40px; font-size: 14px; line-height:150%;  transform: skew(-0.03deg);}
.sub_p_art01 a {border: 0; background-color: #3077eb; color: #fff; padding: 25px 0; background-repeat: no-repeat; display:block; background-image: url(../images/arrow02.png); background-position: 315px center; border-radius: 50px; font-family: 'LotteMartDream', sans-serif; font-size: 20px; font-weight: bold; text-align: center; width: 360px; margin: 50px auto 0;}





.sub_l_art01 {display:block; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  overflow: auto; background-color:#3077eb;}
.sub_l_art01:before {content: ''; background-image: url(../images/login_bg.png); background-repeat: no-repeat; background-position: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; opacity: 0.1;}


.sub_l_art01 .login_content { background-color: #fefefe; border-radius: 3px; padding: 50px 20px; width: 350px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.sub_l_art01 .login_content li {width:100%;}
.sub_l_art01 .login_content li:nth-child(1) img {display:block; margin:0 auto 50px;}
.sub_l_art01 .login_content li input[type="text"], .sub_l_art01 ul li input[type="password"] {font-family: "굴림"; width:250px; margin:0 auto; padding:15px 10px; display: block; border:1px solid #d2d2d2;}
.sub_l_art01 .login_content li input[type="text"] {margin:0 auto 5px;}
.sub_l_art01 .login_content li input::placeholder {transform: skew(-0.03deg);}

.sub_l_art01 .login_content li:nth-child(6) input[type="submit"] {width:272px; color:#fff; transform: skew(-0.03deg); font-size:14px; padding: 15px 10px; background-color:#3077eb; border-radius: 3px; border:0; margin: 30px auto 0; display:block;}
.sub_l_art01 .login_content li:nth-child(7) {width:177px; margin:20px auto 0;}
.sub_l_art01 .login_content li:nth-child(7) a {border:0; cursor: pointer; display:block; font-size:12.5px; transform: skew(-0.03deg); color:#aaa; float:left; padding:5px 0; margin:0 15px; background-color:transparent; text-align: center;}
.sub_l_art01 .login_content li:nth-child(7) a:hover, .sub_l_art01 .login_content li:nth-child(5) a:focus {color:#3077eb; transition: .4s; -webkit-transition: .4s;}

.bottom_ps {width: 350px; position: absolute; bottom: 0; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  padding:10px 0;}
.bottom_ps button {width:50%; float:left; border:0; background-color: transparent; color:#fff;}
.bottom_ps button:first-child {display:none;}
.bottom_ps button:last-child {border-right:0;}





.sub_fp_art01 {display:block; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  overflow: auto; background-color:#3077eb;}
.sub_fp_art01:before {content: ''; background-image: url(../images/login_bg.png); background-repeat: no-repeat; background-position: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; opacity: 0.1;}

.sub_fp_art01 .findPassword_content ul { padding: 50px 20px; width: 350px; background-color: #fefefe; border-radius: 3px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 30px rgb(0 0 0 / 30%);}

.sub_fp_art01 .findPassword_content ul li {width: 270px; margin: 0 auto; overflow: hidden; position: relative;}
.sub_fp_art01 .findPassword_content ul li:nth-child(1) img {display:block; margin:0 auto 50px;}
.sub_fp_art01 .findPassword_content ul li input[type="text"], .sub_fp_art01 ul li input[type="password"] {width:100%; margin:0 auto; padding:15px 10px; display: block; border:1px solid #d2d2d2;}
.sub_fp_art01 .findPassword_content ul li input[type="text"] {margin:0 auto 5px;}
.sub_fp_art01 .findPassword_content ul li input::placeholder {transform: skew(-0.03deg);}
.sub_fp_art01 .findPassword_content ul li input[type="text"]#phone {width:85%; float:left;}
.qabtn {width:15%; float:left; height:46px; font-weight: bold; font-size:18px; color:#3077eb; border:0; background-color:transparent;}

.sub_fp_art01 .findPassword_content ul li:nth-child(4) input[type="submit"] {width:270px; color:#fff; transform: skew(-0.03deg); font-size:14px; padding: 15px 10px; background-color:#3077eb; border-radius: 3px; border:0; margin: 30px auto 0; display:block;}
.sub_fp_art01 .findPassword_content ul li:nth-child(5) {width:177px; margin:20px auto 0; overflow:hidden;}
.sub_fp_art01 .findPassword_content ul li:nth-child(5) a {border:0; cursor: pointer; display:block; font-size:12.5px; transform: skew(-0.03deg); color:#aaa; float:left; padding:5px 0; margin:0 15px; background-color:transparent; text-align: center;}
.sub_fp_art01 .findPassword_content ul li:nth-child(5) a:hover, .sub_fp_art01 .findPassword_content ul li:nth-child(5) a:focus {color:#3077eb; transition: .4s; -webkit-transition: .4s;}



.sub_fp_art01 .findPassword_content div {display:none; padding: 58px 20px; width: 350px; background-color: rgba(0,0,0,0.9); color:#fff; border-radius: 3px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sub_fp_art01 .findPassword_content div strong {font-size:22px; display: block; line-height:150%; font-family: 'LotteMartDream', sans-serif; margin-bottom:35px;}
.sub_fp_art01 .findPassword_content div p {line-height:150%; font-size:14px; transform: skew(-0.03deg); margin-bottom:15px;}
.sub_fp_art01 .findPassword_content div p:last-child {margin-bottom:0;}
.sub_fp_art01 .findPassword_content div button {position:absolute; top:10px; right:10px; font-size:25px; padding:5px; border:0; background-color:transparent; color:#fff; font-family: 'LotteMartDream', sans-serif;}

.sub_fp_art01 .findPassword_content div.viewmd {display:block;}


.sub_ct_art01 {display:block; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  overflow: auto; background-color:#3077eb;}
.sub_ct_art01:before {content: ''; background-image: url(../images/login_bg.png); background-repeat: no-repeat; background-position: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; opacity: 0.1;}

.sub_ct_art01 .contact_content { background-color: #fefefe; border-radius: 3px; padding: 50px 20px; width: 600px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 30px rgb(0 0 0 / 30%);}
.sub_ct_art01 .contact_content strong {font-size:30px; font-family: 'LotteMartDream', sans-serif; line-height:140%; margin-bottom:10px; display: block; text-align: center; color:#3077eb;}
.sub_ct_art01 .contact_content strong + p {text-align: center; line-height:140%; transform:skew(-0.03deg); margin-bottom:35px;}
.sub_ct_art01 .contact_content li {width:100%; margin-bottom:20px;}
.sub_ct_art01 .contact_content li:nth-child(1), .sub_ct_art01 .contact_content li:nth-child(2), .sub_ct_art01 .contact_content li:nth-child(3),
.sub_ct_art01 .contact_content li:nth-child(4) {width:49%; float:left;}
.sub_ct_art01 .contact_content li:nth-child(2), .sub_ct_art01 .contact_content li:nth-child(4) {margin-left:2%;}
.sub_ct_art01 .contact_content li input[type="text"] {width:550px; margin:0 auto; padding:15px 10px; display: block; border:1px solid #d2d2d2;}
.sub_ct_art01 .contact_content li input[type="text"] {margin:0 auto 5px;}
.sub_ct_art01 .contact_content li:nth-child(1) input[type="text"], .sub_ct_art01 .contact_content li:nth-child(2) input[type="text"],
.sub_ct_art01 .contact_content li:nth-child(3) input[type="text"], .sub_ct_art01 .contact_content li:nth-child(4) input[type="text"]
{width:100%;}
.sub_ct_art01 .contact_content li input::placeholder, .sub_ct_art01 .contact_content li textarea::placeholder {transform: skew(-0.03deg);}


.sub_ct_art01 .contact_content li:nth-child(5), .sub_ct_art01 .contact_content li:last-child {margin-bottom:0;}
.sub_ct_art01 .contact_content li:nth-child(5) p {padding:5px 0 20px 10px; color:#a3a3a3; transform: skew(-0.03deg);}
.sub_ct_art01 .contact_content li:nth-child(7) textarea {width:550px; margin:0 auto; padding:15px 10px; display: block; border:1px solid #d2d2d2; height:100px;}
.sub_ct_art01 .contact_content li:nth-child(8) {position:relative; overflow:hidden; margin-bottom:40px;}
.sub_ct_art01 .contact_content li:nth-child(8) p {line-height:140%; transform: skew(-0.03deg); margin-bottom: 15px;}
.sub_ct_art01 .contact_content li:nth-child(8) div {float:right; width:237px; transform:skew(-0.03deg);}
.sub_ct_art01 .contact_content li:nth-child(8) div input[type="checkbox"]{display:block; width:15px; height:15px; border-radius: 0; float:left; padding:0; margin-right:2%; background-image: url('../images/checkbox_bg.png'); -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; border:0;}
.sub_ct_art01 .contact_content li:nth-child(8) div input[type="checkbox"]:checked {background-position: 0px -18px;}

.sub_ct_art01 .contact_content li:nth-child(9) input[type="submit"] {width:550px; color:#fff; transform: skew(-0.03deg); font-size:14px; padding: 15px 10px; background-color:#3077eb; border-radius: 3px; border:0; margin: 30px auto 0; display:block; cursor: pointer;}









.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}

.close_modal_btn {width: 50px; height: 50px; position: absolute; top: 10px; right: 10px; font-weight: bold; font-family: 'LotteMartDream'; font-size: 30px; color: #aaa; border: 0; background-color: transparent;}

.mb_openbtn {display:none; position:absolute; width:61px; height:61px; background-color:transparent; top:0; right:0; border:0; z-index: 9999;}
.mb_openbtn span {display:block; width:34px; height:4px; background-color:rgb(119, 119, 119); border-radius: 10px; margin:0 auto 8px;}
.mb_openbtn span:nth-child(1) {margin-top: 7px;}

.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}