@charset "utf-8";


   
   @font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'A2z';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-6@1.0/에이투지체-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


.clearfix:before, .clearfix:after {content: ""; display: block; clear: both;}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;/* font-size:0.75em; */
    /* font-family: 'Pretendard','Lato', 'Noto Sans KR', sans-serif; */
    /* background:#e7e7e7 */position: relative;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Lato', 'Pretendard', 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, dl,dt,dd {margin:0;padding:0;list-style:none}
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;font-size:1em}
input, button { outline:none; margin:0;padding:0;font-family: 'Lato', 'Noto Sans KR', sans-serif; font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Lato', 'Noto Sans KR', sans-serif; font-size:1em; outline:none; font-size: 16px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;font-size: 16px;line-height: 28px;font-weight: normal;color: #242424; word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#1f2532;text-decoration:none;outline: none !important;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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; *//* box-shadow: 0 0 5px #9ed4ff; */border: 1px solid #41b6e6;}
.placeholdersjs { color: #aaa !important; }



.introWrap{
	visibility: visible;
	position:fixed;
	z-index:9999;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

.intro_banner{
	position:relative;
	max-width:100%;
	min-width:310px;
}

.checkTxt{
	position:absolute	;
	width:200px;
	bottom:20px;
	right:10px;
	height:30px;
	color:#fff;
	font-size:13px;
}

.section {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
}
/*header*/
header#header{
    position:fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    /* padding-bottom:11px; */
    padding-top: 1px;
    /* background: #fff; */
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	top:0px;
}
.main_top_menu {
    /* float:  right; */
    overflow:  hidden;
    display:  inline-block;
}

.main_top_menu li {
    float:  left;
    margin-left: 15px;
	line-height:1;
}

.main_top_menu li a {
    color: #ffffff;
    font-size: 12px;
}

.main_menu {
    margin-top: 28px;
    position:  relative;
}
header#header > h1 {
    float:  left;
}

header#header h1 {
    float:  left;
    position:  absolute;
    top: 16px;
    left: 0;
}

.main_menu li {
    float:  left;
    /* margin-right: 45px; */
    /* position:  relative; */
}

.main_menu li a{
    color: #fff;
    font-size: 17px;
    padding: 13px 31.5px; font-weight:600;}

.btn-02-content{padding-left: 200px;}
.btn-03-content {padding-left: 360px;}
.btn-04-content {padding-left: 495px;}
.btn-05-content {padding-left: 600px;}
.btn-06-content {padding-left: 550px;}
.main_menu li:last-child {
    margin-right: 0;
}

.direct_call{right:24px; position:fixed !important; opacity: 1;	z-index:9998 !important;}
.calling{bottom: 22px !important;}
.kakao_plus{bottom:84px !important;}
.direct_call img{cursor: pointer; box-shadow: rgba(0, 0, 0,0.2) 1px 4px 10px; border-radius:50%; width: 52px;}

header#header p {
    font-weight: 600;
    color: #fff;
    margin-left: 180px;
    margin-top: -32px;
    display:none;
}
.btn-01-content,  .btn-03-content , .btn-04-content, .btn-05-content , .btn-06-content { display: none;}

.main_menu>li:hover>.pc_menu_con{display: block;}

.btn-content{
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.two_depth_menu {
    position: absolute;
    text-align: center;
    left: 0px;
    top: 33px;
    width: 100%;
	margin-left:3px !important;
    z-index: 99;
    display:  none;
}

.two_depth_menu a {
	float:right;
    color: #a2a2a2 !important;
	
    padding: 12px 25px !important;
    display: block;
    font-size: 16px !important;
    position:  relative;
    top: -2px;
}
.two_depth_menu li {
    margin: 0 !important;
}
.depth_bg {
    width: 100%;
    height: 0;
    background: #eee;
    position: absolute;
    top: 80px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header#header:hover .depth_bg {
    /* height: 50px; */
}

.main_menu > li:last-child a {
    padding-right: 0;
}

.main_menu li:hover  a{
    color: #41b6e6 !important;
}
.main_menu li:hover .two_depth_menu a {
    color: #888 !important;
}

.main_menu li:hover .two_depth_menu a:hover {
    color: #1f2532 !important;
    font-weight: 600 !important;
}

.header {
}
.header.shrink {

}
.header h1
{
    font-size:30px;
    font-weight:normal;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.header.shrink h1
{
    font-size:24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.content
{
height:2000px;

}
img.black_logo {
    display:  none;
}

header#header:hover, .header.shrink {
    background: #fff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 3px;
}

header#header:hover .main_menu li a, .header.shrink .main_menu li a{
    color: #777;
}


header#header:hover .main_top_menu li a, .header.shrink  .main_top_menu li a{
    color: #41b6e6;
}

header#header:hover img.white_logo,  .header.shrink  img.white_logo{
    display: none;
}

header#header:hover img.black_logo,  .header.shrink img.black_logo{
    display:  block;
}
header#header:hover p, .header.shrink p {
    color: #1f2532 !important;
}



.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	position: relative;
}

/*quick_menu*/


/*main_visual*/
/* 슬라이드 공통 스타일 - 이미지 로딩 전 기본 배경색 설정 */
.main_visual {
	background-color: #1a1a2e; /* 이미지 로딩 전 어두운 배경색 */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#slide1{
	background-image: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/mainvis01.webp);
}
#slide1 .lb_basic_btn, #slide2 .lb_basic_btn, #slide3 .lb_basic_btn { 
    margin-top: 450px;
}
#slide2{
	background-image: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/mainvis02.webp);
}
#slide3{
	background-image: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/mainvis03.webp);
}
img.slide1_text {
    margin: 0 auto;
    top: 180px;
    position: relative;
}


.slide1_wrap {
    width: 910px;
    position: relative;
    margin: 0 auto;
}
#slide3 img.slide1_text {
    top: 140px;
}
#slide2 .slide1_wrap {
    width: 620px;
}
#slide3 .slide1_wrap {
    width: 650px;
}


/*section0*/
#section0 {
}
div#main_menu_container {float:  right;text-align:  right;}
a.lb_basic_btn {
	/* width: 240px; */
	height: 80px;
	display:  inline-block;
	text-align:  center;
	line-height: 77px;
	font-size: 20px;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 7px;
	background:url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/btn_white.webp) no-repeat center;
	padding-left: 30px;
	padding-right: 70px;
	background-position: 88%;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
a.lb_basic_btn:hover {
    border: 3px solid #41b6e6;
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/btn.webp) no-repeat center;
    background-position: 88%;
    color: #41b6e6;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
div#section0 a.lb_basic_btn {
    position: absolute;
    left: 0;
    top: 260px;
}
.section0_bottom_menu {
    position: relative;
    /* bottom: 0; */
    width: 100%;
    z-index: 99;
    background: #1f2532;
    overflow:  hidden;
}

.bottom_menu_icon li {
    float:  left;
    width: 270px;
    border-right: 1px dashed #3c3c3c;
    margin: 14px 0;
    position:  relative;
}

.bottom_menu_icon li h5 {
    position:  absolute;
    color: #41b6e6;
    font-weight: 800;
    left: 62px;
    bottom: 29px;
}

.bottom_menu_icon li img {
    margin-left: 65px;
}

.bottom_menu_icon li p {
    color: #fff;
    font-size: 19px;
    
    margin-top: 2px;
    color: #fff !important;
}
.bottom_menu_icon li:last-child {
    margin: 0;
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/bottom_menu_bg.webp) no-repeat center;
    width: 390px;
    /* background-size:  cover; */
    padding: 11px 0;
}

.bottom_menu_quick.nanum_gothic img {
    position:  absolute;
    right: 40px;
    top: 28%;
    /* margin-top: -34px; */
    display:  inline-block;
}

.bottom_menu_quick.nanum_gothic {
    text-align:  right;
    padding-right: 150px;
    color: #fff;
}

.bottom_menu_quick.nanum_gothic h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height:  1.4;
    margin-bottom: -6px;
}


.bottom_menu_quick.nanum_gothic p b {
    font-weight: 800;
}


.bottom_menu_icon li:nth-child(3) {
    border-right: 0;
}


/*section1*/
#section1 {
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/sct2_Bg.webp) no-repeat top center;
    padding-top: 110px;
    padding-bottom: 138px;
}

.section h1 {
    font-size: 3.25em;
    
}

#section1 h1 {
    color: #fff;
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 74px;
}

#section1 h1 span {
    display:  inline-block;
    border-bottom: 7px solid #fff;
}

#section1 h1 span b {
    color: #41b6e6;
}

#section1 ul li {
    float:  left;
    width: 100%;
    text-align:  left;
    margin: 30px 0;
}

#section1 ul li img {
    display:  inline-block;
    vertical-align:  middle;
    position:  relative;
    top: -7px;
}

#section1 ul li p {
    display:  inline-block;
    font-size: 1.55em;
    color: #fff;
    
    padding-left: 10px;
}
#section1 ul li p b {
    font-weight: 500;
}

/*section2*/

.section2 {
    float:  left;
    width: 100%;
    position:  relative;
    margin-top: 284px;
}
img.sct2_text {
    display: block;
    margin: 0 auto;
    position:  relative;
    z-index: 9;
}

img.sct2_light {
    position:  absolute;
    left: 50%;
    margin-left: -173px;
    z-index: 1;
    /* top: 250px; */
    margin-top: -210px;
}

.sct2_btn_box {
    margin-top: 50px;
    width: 584px;
    margin: 0 auto;
}

a.lb_basic_btn.sct2_left_btn {
    float: left;
    position:  relative;
    left: -22px;
}

a.lb_basic_btn.sct2_right_btn {
    float:  right;
    position: relative;
}

.sct2_btn_box a {
    margin-top: 50px;
}
#section2 {
    overflow:  hidden;
}

/*section3*/
#section3 {
    padding: 55px 0;
}
.sct3_left {
    float:  left;
}

.sct3_right.nanum_gothic {
    float:  right;
}

.sct3_right.nanum_gothic p {
    font-size: 20px;
    text-align:  right;
    color: #000;
    line-height: 1.8;
}
.sct3_left p {
    /* float:  left; */
/* Safari */
    -webkit-transform: rotate(-90deg);    /* Firefox */
    -moz-transform: rotate(-90deg);    /* IE */
    -ms-transform: rotate(-90deg);    /* Opera */
    -o-transform: rotate(-90deg);    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position:  absolute;
    left: 0;
    top: 298px;
    font-size: 30px;
    letter-spacing: 15px;
    margin-left: -310px;
    color: #b1b1b1;
}


.sct3_left img {
    position:  relative;
    margin-top: 0;
    margin-left: 120px;
}

.sct3_right.nanum_gothic > img {
    margin-top: 77px;
    display:  inline-block;
    margin-bottom: 50px;
}
.sct3_right.nanum_gothic > img.sct3_right_title_mobile {
    display: none;
}

/*section4*/
#section4 {
    background:  #eeeeee;
    padding-top: 42px;
    padding-bottom: 72px;
}
.sct4_contents ul{    display: flex; flex-wrap: wrap; gap: 20px;}
.sct4_contents ul li {
    background: #fff;
    /* margin-right: 25px;
    margin-bottom: 25px; */
    /* width: 220px; */
    width: calc((100% - 80px) / 5);
    position:  relative;
    height: auto;
}

.sct4_title h2{font-size:54px; display:inline-block; z-index:100; letter-spacing:-1px; font-weight:bold; color:#1f2532;}
.sct4_title h2::after{content:'10'; font-size:102px; font-weight:bold; color:#41b6e6; margin-left:-6px;}

.sct4_title img {
    display:  block;
    margin: 0 auto;
}

.sct4_title img:nth-child(2) {
    margin-top: 10px;
}
.sct4_contents ul li p {
    font-size: 14px;
	padding:0 12px;
    margin-top:8px;
    line-height: 1.4;
    letter-spacing: -.2px;
}

.sct4_contents ul li:nth-child(5n) {
    margin-right: 0;
}

.sct4_contents ul li a {
    display:  block;
    padding: 30px 0px;
    position:  relative;
}

.sct4_contents ul li a h5 {
    font-size: 1.275em;
    font-weight: bold;
    color: #242424;
    margin-top: 20px;
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
}

.sct4_title {margin-bottom: 30px;/* margin-top: 80px; */}

.sct4_contents ul li > div span {
    display:  block;
    position:  absolute;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

span.line_top {
    border:0 solid #41b6e6;
    top: 0;
    width: 0;
}

span.line_left {
    border: 0 solid #41b6e6;
    left: 0;
    top: 0;
    height: 0;
}

span.line_bottom {
    border: 0 solid #41b6e6;
    right: 0;
    bottom: 0;
    width: 0;
}

span.line_right {
    border: 0 solid #41b6e6;
    right: 0;
    bottom: 0;
    height: 0;
}
.sct4_contents ul li:hover .line_top {
    width: 100%;
}

.sct4_contents ul li:hover span.line_left {
    height: 100%;
}

.sct4_contents ul li:hover .line_bottom {
    width: 100%;
}

.sct4_contents ul li:hover span.line_right {
    height: 100%;
}

.sct4_contents ul li:hover > div span {
   border:2px solid #41b6e6;
}






/*section5*/
#section5 {
	background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/sct5_bg.webp) no-repeat bottom center;
	padding-bottom: 237px;
	padding-top: 90px;
	margin-bottom: 80px;
}
.sct5_right_align {
    text-align:  right;
}

.sct5_left_align {
    text-align:  left;
}

.sct5_03.sct5_right_align h6 {
    color: #41b6e6;
}

.sct5_02.sct5_left_align h6 {
    color: #41b6e6;
}

.sct5_conetents h6 {
    font-size: 24px;
    margin-bottom: 6px;
}

.sct5_conetents p {
    font-size: 14px;
    line-height: 1.4;
}

.sct5_01, .sct5_02 {
    top: 280px;
}

.sct5_conetents > div {
    position:  absolute;
}

.sct5_conetents {
    min-height: 410px;
}

.sct5_01, .sct5_03 {
    left: 155px;
}

.sct5_02, .sct5_04 {
    right: 150px;
}

.sct5_03, .sct5_04 {
    bottom: -90px;
}
.sct5_left_align > div {
    float: right;
    margin-left: 20px;
}

.sct5_right_align > div {
    float:  left;
    margin-right: 20px;
}
.sct5_03.sct5_right_align {
    left: 123px;
}
/*section6*/
#section6 {
    background: #3b464f;
}
.sct6_text {
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/section6_right_bg.webp) no-repeat center;
    width: 40%;
    text-align:  left;
    min-height: 100%;
    padding-top: 130px;
    padding-left: 40px;
    padding-bottom: 185px;
}
#section6 > div > div {
    float: left;
}

.sct6_computer {
    width: 60%;
    text-align:  right;
    text-shadow: 0 0 black;
    margin-top: 140px;
    position:  relative;
}

.sct6_text h2 {
    font-size: 46px;
    color: #fff;
    
}

.sct6_text h2 span {
    display:  block;
    font-weight: 800;
    background: #41b6e6;
    width: fit-content;
    padding: 0px 12px;
}

.sct6_text p {
    font-size: 20px;
    color: #fff;
    line-height: 1.7;
    
    margin-top: 40px;
    margin-bottom: 75px;
}

#section6 > div {min-height: 100%;}
.example1_box {
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/sct5_url.webp) no-repeat center;
    position: absolute;
    text-align: left;
    top: 140px;
    width: 714px;
    height: 61px;
    left: 50%;
    margin-left: -357px;
}

.sct6_computer > div {
    margin-right: 119px;
    position: relative;
    display: inline-block;
}
p.example1 {font-size: 28px;padding-top: 14px;padding-left: 37px;}

/*section7*/
#section7 {
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/sct7_Bg.webp) no-repeat center top;
    padding-top: 90px;
}
.sct7_title h1 {color: #fff;font-size: 54px;}

.sct7_title h1 span {
    font-size: 24px;
    display:  block;
}

.sct7_title p {
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    margin-top: 30px;
}

.sct7_mac {
    /* overflow:  hidden; */
    position:  relative;
    margin-top: 90px;
    margin-bottom: 80px;
}
.section h3 {
    font-size: 40px;
    color: #222;
    font-weight: normal;
}

.sct7_pf_list li {
    position:  relative;
    float:  left;
    margin-right: 27px;
    border: 1px solid #f1f1f1;
    border-bottom: 5px solid #f1f1f1;
    margin-bottom: 45px;
    cursor:  pointer;
}

.sct7_pf_list li:nth-child(3n) {
    margin-right: 0;
}

.pf_hov {
    background: rgba(65,88,120,0.8);
    top: 0;
    position:  absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity:  0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}


.sct7_pf_list li h5 {
    font-size: 17px;
    color: #222;
    padding: 20px 0;
}

.sct7_pf_list li h5 span {
    display:  block;
    font-size: 13px;
    color: #ccc;
    letter-spacing: 1px;
    margin-top: 10px;
}

.sct7_contents_title {
    margin-bottom: 70px;
    margin-top: 180px;
} 
.sct7_btn {
    text-align:  right;
}

a.lb_basic_btn02 {
    border-bottom: 2px solid #1f2532;
    font-size: 20px;
    /* padding-bottom: 7px; */
    padding-right: 40px;
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/btn.webp) no-repeat center right;
    padding: 8px 38px 8px 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    display: inline-block;
}

a.lb_basic_btn02:hover {
    border-bottom: 2px solid #41b6e6;
    color: #41b6e6;
	-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.sct7_screen {
    position: absolute;
    width: 600px;
    height: 377px;
    top: 32px;
    left: 50%;
    background: url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/mac_screen.webp) no-repeat center;
    animation: infiniteImg 20s ease infinite;
    margin-left: -300px;
    background-size:  cover;
}

img.sct7_mobile {
    position:  absolute;
    right: 210px;
    top: 220px;
}

@keyframes infiniteImg{
		0%{background-position:0 0;}
		50%{background-position:0 -1120px;}
		100%{background-position:0 0;}
	}

.pf_logo_box {
    height: 80%;
    /* display:  table; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.pf_logo_box img{width: 70% !important;}

.pf_info {
    /* height: 20%; */
    /* height: 91px; */
    border-top: 1px solid #ffffff6b;
    text-align:  left;
    position:  relative;
	margin-top:4px;
    width: 100%;
}

.pf_logo_box > div {
    /* display: table-cell;
    vertical-align:  middle; */
}

.pf_info a {
    display: table;
    color: #fff;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
}

.pf_info a p {
    color: #fff;
}

.pf_info a span {
    font-size: 14px;
}

.hover_plus img {
    border: 1px solid #ffffff8c;
    border-radius: 100px;
    padding: 10px;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.hover_plus {
    position:  absolute;
    right: 20px;
    top: 50%;
    margin-top: -22px;
}

.pf_info a > div {
    display: table-cell;
    vertical-align:  middle;
}

.hover_plus img:hover {
    transform: rotate(180deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: RGBA(255,255,255,0.2);
}
.sct7_pf_list li:hover .pf_hov {
    opacity:  1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}


/*section8*/
#section8{
	padding-top:90px;
}


/*input_file_custum*/
.where {
  display: block;
  margin: 25px 15px;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-family: 'Lato', 'Noto Sans KR', sans-serif;
  font-style: italic;
} 

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #eee;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    /* font-size: 18px; */
    /* background: #1f2532; */
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: .5em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    border: none;
	border-bottom:1px solid #b5b5b5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 804px;
    background:  #fff;
}


/*sct8*/
div#section8 > div {
    border-top: 1px solid #b5b5b5;
    padding-top: 54px;
    margin-top: 85px;
}

.sct8_title.nanum_gothic h3 {
    float:  left;
}

.right_customer {
    float:  right;
}
.right_customer b {
    font-weight: 800;
}
.nanum_gothic.sct8_title {
    overflow:  hidden;
    margin-bottom: 32px;
}

.right_customer img {
    float:  left;
}

.right_customer > div {
    float: left;
    text-align:  left;
    margin-left: 14px;
    font-size: 20px;
	margin-top:-4px;
}

.right_customer > div p {
    font-size: 24px;
    color: #000;
}
/*lb_input*/
.input_content_left {
    float:  left;
    width: 50%;
}

.input_content_right {
    float: right;
    width: 50%;
    text-align:  right;
}

.input_content_full {
    float:  left;
    width: 100%;
}
.input_content_full span {
    vertical-align:  top;
}
.lb_input_content input, .lb_input_content select {
    width: 100%;
    height: 40px;
	border:none;
    border-bottom: 1px solid #b5b5b5;
    padding-left: 10px;
    color: #999;
    font-weight: normal;
	outline:none;
}


.lb_input01 {
    width: 350px;
}

.lb_input_content > span {
    display: table-cell;
    font-size: 18px;
    width: 165px;
    font-weight: 400;
    color: #000;
    text-align:  left;
}

.lb_input {
    display: table-cell;
}
.sct8_contents {
    text-align:  left;
}

.lb_input_content {
    margin-bottom: 20px;
    display:  inline-block;
}



.filebox.bs3-primary {
    display:  inline-block;
}

.filebox.bs3-primary > div{
    display:  inline-block;
}

.input_file_custum {
    display: table-cell;
}

.upload{
  border:1px solid #d1d1d1;
  font-size: 1em;
  background: #fff;
  border-radius: 6px;
  width: 100px;
  height: 40px;
  text-align:  center;
  line-height:  40px;
  padding: 0;
  margin-left: 13px;
  cursor:pointer;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.input_content_full .cancel {
    border:1px solid #d1d1d1;
    font-size: 1em;
    background: #fff;
    border-radius: 6px;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    margin-left: 9px;
	cursor:pointer;
}

.lb_input_content textarea {
	resize:none;
    min-height: 200px;
    width: 100%;
    border:none;
	border-bottom:1px solid #b6b6b5;
}

.lb_input03 {
    width: 1035px;
}

.sct8_btn {float: left;width: 100%;text-align:  center;margin-top: 16px; margin-bottom: 120px;}

.sct8_btn .lb_basic_btn03 {
	font-weight:400;
    font-size: 1.15em;
    background: #41b6e6;
    color: #fff;
    border: 2px solid #41b6e6;
    padding:12px 28px;
    background-position-x: 87%;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	display:inline-block;
	cursor:pointer;
}
.sct8_btn .lb_basic_btn03:hover {
    /* background: #fff; */
    color: #41b6e6;
    background: #fff url(https://duhr01wkxcvnq.cloudfront.net/static/images/main/lb_basic_btn03_bg_color.webp) no-repeat center right;
    background-position-x: 87%;
}
/*footer*/
footer#footer {
    background: #1f2532;
    float:  left;
    width: 100%;
    padding-bottom: 34px;
}

.footer_info li {
    float:  left;
    margin: 0;
    text-align:  center;
    color: #fff;
    font-size: .85em;
    width: 25%;
}

.footer_info {
    overflow:  hidden;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align:  center;
}

.footer_info li img {
    display:  block;
    margin: 0 auto;
}

.footer_info li p {
    color: #41b6e6;
}

.footer_info li span {
    font-weight: 500;
    color: #fff;
    margin-top: 12px;
    display:  block;
}

.footer_menu ul li {
    float:  left;
}



.footer_cpright p {
    float:  left;
    font-size: 14px;
    color: #fff;
    
}

.footer_cpright span {
    float:  right;
    font-size: 14px;
    color: #fff;
    
}
.footer_info ul {
    display:  inline-block;
    width: 800px;
}
/*quickmenu*/
.quick_menu {
    position:  fixed;
    right: 80px;
    top: 25%;
    background: #1f2532;
	box-shadow: 0px 0px 8px 0px hsla(218,13%,17%,0.15);
    padding: 27px 7px 20px 8px;
    z-index: 9999;
    border-radius: 100px;
}


.footer_new_area{background-color: #fff; border-top:1px solid #e2e2e2;}
.footer_new_area .bd{margin:auto; max-width: 1200px; width: 100%; padding-top:12px; padding-bottom:12px;}
.footer_new_area ul{display: flex; align-items: center;}
.footer_new_area ul li{width: 100%;}

.footer_new_area .left{font-weight: bold;}
.footer_new_area .left span{margin-right:8px;}
.footer_new_area .left img{width: 160px;}

.footer_menu{float:right;}

.footer_menu a {font-size: .825em; color: #333; display:  inline-block;
    width: 120px; padding:8px; border: 1px solid #d1d1d1; border-radius:  6px;
    text-align:  center;margin-right: 4px;}

.footer_menu span:last-child a{margin-right:0;}


.quick_menu li a {
    display:  block;
    padding: 9px 0;
}

.quick_menu li a img {
    display:  block;
    margin: 0 auto;
    /* height: 24px; */
    width: 20px;
}

.quick_menu li:first-child a {
    padding-top: 0;
}
/*scrolltop*/
.scroll_To_Top{
	display:none; 
}		
.scroll_To_Top:hover{
	text-decoration:none;
	color:green;
}	  
/*animation*/

#container
{
    height:2000px;    
}

#container DIV
{ 
    margin:50px; 
    padding:50px; 
    background-color:lightgreen; 
}

.hideme
{
    opacity:0;
	top:150px;
	position:relative;
}

.hideme2
{
   opacity:0;
   /* bottom:-100px; */
   top: 250px;
}

.hideme3
{
   opacity:0;
   /* bottom:-100px; */
   top: 80px;
}
.hideme4
{
   opacity:0;
   /* bottom:-100px; */
   top: 80px;
}

.hideme_left
{
   opacity:0;
   /* bottom:-100px; */
   left: -50%;
}
.hideme_fade
{
   opacity:0;
}
.hideme_fade_basic
{
   opacity:0;
}



.sct5_01{
    transition-delay: 0.1s;
}

.sct5_02{
    transition-delay: 0.3s;
}

.sct5_03{
    transition-delay: 0.5s;
}

.sct5_04{
    transition-delay: 0.7s;
}

/*mobile*/
.text {
  max-width: 800px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.mobile-nav-button {
  width: 35px;
  position: absolute;
  margin: 0;
  right: 10px;
  top: 21px;
  z-index: 9999;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display:  none;
}

.mobile-nav-button .mobile-nav-button__line {
  width: 100%;
  height: 2px;
  background: #ffffff;
  position: relative;
  transition: 0.5s ease;
}

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; }

.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}

.mobile-nav-button .mobile-nav-button__line--2 { display: none; }

.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}

.mobile-menu {
  display: block;
  max-width: 320px;
  width: 100%;
  right: -100%;
  height: 100vh;
  background: #ffffff;
  position: absolute;
  z-index: 9998;
  transition: 0.6s ease;
  opacity: 0;
}

.mobile-menu ul {
  /* position: relative; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  /* padding: 0; */
}

.mobile-menu ul li {list-style: none;line-height:1.1;}

.mobile-menu ul li .mobile-nav-link {
    font-size:18px;
}

.mobile-menu ul li a {
  width: 100%;
  max-width: 1200px;
  /* margin: 0 auto; */
  display: inline-block;
  text-align: left;
  text-decoration: none;
  /* color: #d6d6d6; */
  color: #555;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mobile_menu_list li a:after {
  content: '';
  background: #1f2532;
  position: absolute;
  right: 0;
  width: 0;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mobile-menu ul li:active a {
    color: #242424;
}

.mobile-menu ul li:active > a:after {right: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;width: 130px;}

.mobile-menu img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {
  right: -3%;
  opacity: 1;
  top: -1px;
}
header#header:hover .mobile-nav-button .mobile-nav-button__line {
    /* background:  #000; */
}
ul.adm_menu li {
    
    float: left;
    margin-right: 16px;
}

ul.adm_menu li a {
    font-size: 16px;
    font-weight: normal;
}

ul.adm_menu {
    margin-top: 30px;
    margin-left: 30px;
}

ul.mobile_menu_list a {
    margin-left: 30px;
    padding: 12px 0 12px 0;
}
ul.mobile_menu_list {
    margin-top: 100px;
}

ul.mobile_menu_list a span {
    position:  relative;
    overflow: visible !important;
    display: inline-block;
    margin-right: 10px;
}
.mobile-menu 
 ul.depth_menu_mobile a {
    font-size: 17px;
    font-weight: 400;
    padding: 3px 0;
}

ul.depth_menu_mobile a:after {
    display:  none;
}

.mobile-menu ul.depth_menu_mobile li a {
    /* color: #d6d6d6; */
    color: #999;
}

.mobile-menu ul.depth_menu_mobile li a:hover {
    color: #000;
}
ul.depth_menu_mobile {
    display:  none;
}
.quick_arr {
    position: fixed;
    right: 30px;
    cursor: pointer;
    top: 15%;
    display:  none;
    z-index: 99999;
}

.animate-in{top:0;opacity:1;transition:all ease-out .3s 0s;}
.animate-in2{top: 0;opacity:1;transition:all ease-out .5s 0s;}
.animate-in3{top: 0;opacity:1;transition:all ease-out .5s 0s;}
.animate-in4{top: 0;opacity:1;transition:all ease-out .5s 0s;transition-delay: 0.3s !important;}
.animate-in_left{left: 0;opacity:1;transition:all ease-out .5s 0s;}
.animate-fade{left: 0;opacity:1;transition:all ease-out .5s 0s;}
.animate-fade_basic{opacity:1;transition:all ease-out .5s 0s;}


/*ami2*/

.scroll-counter {
  position: fixed;
  top: 0;
  right: 0;
  padding: 15px;
  color: white;
  background-color: rgba(0,0,0,0.4);
}

.aos-all {
  width: 1000px;
  max-width: 98%;
  margin: 50px auto;
}

.aos-item {
  display: inline-block;
  float: left;
  width: 100%;
  height: 300px;
  padding: 20px;
}

.aos-item::before {
  content: attr(data-id);
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #41b6e6;
  line-height: 260px;
  text-align: center;
  color: #fff;
}

.mobile-none {display: block;}

.dots-section {
    background:url(https://duhr01wkxcvnq.cloudfront.net/static/image/dots-bg.webp);
    background-position:center;
    background-size:contain;
    background-repeat: no-repeat;
}

.hd-circle {
    position:relative;
    overflow: hidden;
}

.hd-circle .section-container {
    position:relative;
    z-index:1;
}


.hd-circle::before {
    display: block;
    content:"";
    width:800px;
    aspect-ratio: 1/1;
    background:#e8edf477;
    position:absolute;
    bottom:20%;right:5%;
    transform:translate(50%,50%);
    border-radius:1000px;
    z-index:0;

}

.hd-circle::after {
    display: block;
    content:"";
    width:600px;
    aspect-ratio: 1/1;
    background:#e8edf477;
    position:absolute;
    top:15%;left:10%;
    transform:translate(-50%,-50%);
    border-radius:1000px;
    z-index:0;
}


@media (min-width:0px) and (max-width:499px) {



	.calling, .kakao_plus{
		right:20px;
		width:40px;
		height:40px;
	}

	.kakao_plus{bottom:82px !important;}

	.calling img, .kakao_plus img{width:48px; height:48px;}

	.filebox.bs3-primary > div {
		width:60px;
		font-size:12px;
		margin-left:2px;
	}
	
	.upload-hidden {
		
	}

	.sct8_btn {margin:40px 0 70px;}
	.sct8_btn .lb_basic_btn03 {font-size:19px;}


}

@media screen and (min-width: 420px) {

    .aos-item {
        width: 50%;
    }
}

@media (min-width:0px) and (max-width:768px) {

    .service-section .section-header h2 {
        font-size:24px; 
    }

    .service-section .section-header p {
        line-height:1.4;
        font-size:1rem;
    }

	.sct4_title h2{font-size:2rem;}
	.sct4_title h2::after{font-size:4rem;}

    .mobile-none {display:none;}

}

@media screen and (min-width: 1024px) {
  .aos-item {
    width: 33%;
  }
}

@media screen and (max-width:768px) {

.hd-circle::before {width:500px;

}

.hd-circle::after {
    width:350px;
}
}


.aos-anchors__lines {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid blue;
  border-bottom: 2px solid red;
}

.aos-anchors__lines::before {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: green;
}

.aos-anchors__sidebar {
  position: fixed;
  left: 0;
  top: 0;
}

.aos-anchors__sidebar > div {
  padding: 5px 10px;
  background: #f1f1f1;
}

.aos-anchors__content {
  width: 400px;
  margin: 50px auto;
}

.aos-anchors__content > div {
  position: relative;
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
  background: #f1f1f1;
  line-height: 300px;
  text-align: center;
  color: #333;
}

.aos-anchors__content > div::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
}

.aos-anchors__content > div::after {
  content: attr(data-anchor-id);
  position: relative;
  background-color: #f1f1f1;
}

.aos-anchors__content > div[data-placement$="-bottom"]::before {
  background-color: red;
}

.aos-anchors__content > div[data-placement$="-center"]::before {
  background-color: green;
}

.aos-anchors__content > div[data-placement$="-top"]::before {
  background-color: blue;
}

.aos-anchors__content > div[data-placement^="top-"]::before {
  top: 0;
}

.aos-anchors__content > div[data-placement^="center-"]::before {
  top: 0;
  bottom: 0;
  margin: auto;
}

.aos-anchors__content > div[data-placement^="bottom-"]::before {
  bottom: 0;
}
.bx-wrapper, .main_visual, .bx-viewport {
    background-size: cover !important;
    height: 949px !important;
}


/*로딩*/
#preloader {position:fixed; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; display:block; overflow:hidden; }
/* #page {
	opacity:0;
	transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
} */


.move_side_type .direct_call{right: 9px;}
.move_side_type .calling{bottom: 85px !important;}
.move_side_type .kakao_plus{bottom: 145px !important;}
/* -----------------------2021.07.12 추가 ------------------------*/
/* -----------------------2021.07.12 추가 ------------------------*/
/* -----------------------2021.07.12 추가 ------------------------*/


.cf::before, .cf::after{display:block; content:''; clear: both;}

/* --------------------------------------------------
-------------------------text--------------------- */
.text-white{color:#fff;}
.text-lgray{color:#d1d1d1;}
.text-dgray{color:#757575;}
.text-primary{color:#41b6e6;}
.text-danger{color:#FD7468 !important;}

.xsmall{font-size:.825em;}
.small{font-size:.925em;}
.normal{font-size:1.1em;}
.medium{font-size:1.25em;}
.large{font-size:1.425em;}
.xlarge{font-size:2em;}

.bold{font-weight: bold !important;}

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

.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height:1.7;}
.ellipsis3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; line-height:1.7;}

/* --------------------------------------------------
------------------------margin-------------------- */
.mt-0{margin-top:0;} .mt-1{margin-top:.6em;} .mt-2{margin-top:1.2em;} .mt-3{margin-top:1.8em;} .mt-4{margin-top:2.4em;} .mt-5{margin-top:3em;} .mt-6{margin-top:3.6em;} .mt-7{margin-top:4.2em;} .mt-8{margin-top:4.8em;} .mt-9{margin-top:5.6em;} .mt-10{margin-top:6.2em;}
.mb-0{margin-bottom:0;} .mb-1{margin-bottom:.6em;} .mb-2{margin-bottom:1.2em;} .mb-3{margin-bottom:1.8em;} .mb-4{margin-bottom:2.4em;} .mb-5{margin-bottom:3em;} .mb-6{margin-bottom:3.6em;} .mb-7{margin-bottom:4.2em;} .mb-8{margin-bottom:4.8em;} .mb-9{margin-bottom:5.6em;} .mb-10{margin-bottom:6.2em;}
.mr-0{margin-right:0;} .mr-1{margin-right:.6em;} .mr-2{margin-right:1.2em;} .mr-3{margin-right:1.8em;} .mr-4{margin-right:2.4em;} .mr-5{margin-right:3em;} .mr-6{margin-right:3.6em;} .mr-7{margin-right:4.2em;} .mr-8{margin-right:4.8em;} .mr-9{margin-right:5.6em;} .mr-10{margin-right:6.2em;}
.ml-0{margin-left:0;} .ml-1{margin-left:.6em;} .ml-2{margin-left:1.2em;} .ml-3{margin-left:1.8em;} .ml-4{margin-left:2.4em;} .ml-5{margin-left:3em;} .ml-6{margin-left:3.6em;} .ml-7{margin-left:4.2em;} .ml-8{margin-left:4.8em;} .ml-9{margin-left:5.6em;} .ml-10{margin-left:6.2em;}



/* --------------------------------------------------
------------------------padding------------------- */
.p-0{padding:0 !important;}
.pt-0{padding-top:0;} .pt-1{padding-top:.6em;} .pt-2{padding-top:1.2em;} .pt-3{padding-top:1.8em;} .pt-4{padding-top:2.4em;} .pt-5{padding-top:3em;} .pt-6{padding-top:3.6em;} .pt-7{padding-top:4.2em;} .pt-8{padding-top:4.8em;} .pt-9{padding-top:5.6em;} .pt-10{padding-top:6.2em;}
.pb-0{padding-bottom:0;} .pb-1{padding-bottom:.6em;} .pb-2{padding-bottom:1.2em;} .pb-3{padding-bottom:1.8em;} .pb-4{padding-bottom:2.4em;} .pb-5{padding-bottom:3em;} .pb-6{padding-bottom:3.6em;} .pb-7{padding-bottom:4.2em;} .pb-8{padding-bottom:4.8em;} .pb-9{padding-bottom:5.6em;} .pb-10{padding-bottom:6.2em;}
.pr-0{padding-right:0;} .pr-1{padding-right:.6em;} .pr-2{padding-right:1.2em;} .pr-3{padding-right:1.8em;} .pr-4{padding-right:2.4em;} .pr-5{padding-right:3em;} .pr-6{padding-right:3.6em;} .pr-7{padding-right:4.2em;} .pr-8{padding-right:4.8em;} .pr-9{padding-right:5.6em;} .pr-10{padding-right:6.2em;}
.pl-0{padding-left:0;} .pl-1{padding-left:.6em;} .pl-2{padding-left:1.2em;} .pl-3{padding-left:1.8em;} .pl-4{padding-left:2.4em;} .pl-5{padding-left:3em;} .pl-6{padding-left:3.6em;} .pl-7{padding-left:4.2em;} .pl-8{padding-left:4.8em;} .pl-9{padding-left:5.6em;} .pl-10{padding-left:6.2em;}


/* --------------------------------------------------
------------------------display------------------- */
.dis-block{display: block !important;}
.dis-in-block{display: inline-block;}
.dis-none{display: none;}
.dis-flex{display: flex;}
.dis-flex_row{display: flex; margin-left:-.3em; margin-right:-.3em;}
.dis-flex_row > *{padding-left:.3em; padding-right:.3em;}
.flex-wrap > *{flex-wrap: wrap; display: flex;}

.fl-left{float:left;}
.fl-right{float: right;}




/* --------------------------------------------------
---------------------grid system------------------ */
.row {margin-left:-16px; margin-right:-16px;}
.row-too-short{margin-left:-2px; margin-right:-2px;}
.row-short{margin-left:-8px; margin-right:-8px;}
.row-wide{margin-left:-32px; margin-right:-32px;}
.row-too-wide{margin-left:-48px; margin-right:-48px;}

/* float 그리드 전용 clearfix — [class*='row'] 는 search-row/form-row 등 flex UI에 오탐됨 */
.row:before, .row:after,
.row-too-short:before, .row-too-short:after,
.row-short:before, .row-short:after,
.row-wide:before, .row-wide:after,
.row-too-wide:before, .row-too-wide:after {
  display: table;
  content: " ";
  clear: both;
}

.row > [class*='col']{padding-right: 16px; padding-left: 16px;}
.row-too-short > [class*='col']{padding-right: 2px; padding-left: 2px;}
.row-short > [class*='col']{padding-right: 8px; padding-left: 8px;}
.row-wide > [class*='col']{padding-right: 32px; padding-left: 32px;}
.row-too-wide > [class*='col']{padding-right:48px; padding-left:48px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-xs-2, .col-sm-2, .col-md-2, .col-xs-3, .col-sm-3, .col-md-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-xs-7, .col-sm-7, .col-md-7, .col-xs-8, .col-sm-8, .col-md-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-xs-10, .col-sm-10, .col-md-10, .col-xs-11, .col-sm-11, .col-md-11, .col-xs-12, .col-sm-12, .col-md-12 {
    position:relative;
    min-height:1px; 
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}

.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}



.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-1 {width: 8.33333333%;}



.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}


/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

   
    .col-sm-12 {width:100%;}
    .col-sm-11 {width:91.66666667%;}
    .col-sm-10 {width:83.33333333%;}
    .col-sm-9 {width:75%;}
    .col-sm-8 {width:66.66666667%;}
    .col-sm-7 {width:58.33333333%;}
    .col-sm-6 {width:50%;}
    .col-sm-5 {width: 41.66666667%;}
    .col-sm-4 {width: 33.33333333%;}
    .col-sm-3 {width: 25%;}
    .col-sm-2 {width: 16.66666667%;}
    .col-sm-1 {width: 8.33333333%;}
    
}


@media (max-width:640px)
{

    .col-xs-12 {width:100%;}
    .col-xs-11 {width:91.66666667%;}
    .col-xs-10 {width:83.33333333%;}
    .col-xs-9 {width:75%;}
    .col-xs-8 {width:66.66666667%;}
    .col-xs-7 {width:58.33333333%;}
    .col-xs-6 {width:50%;}
    .col-xs-5 {width: 41.66666667%;}
    .col-xs-4 {width: 33.33333333%;}
    .col-xs-3 {width: 25%;}
    .col-xs-2 {width: 16.66666667%;}
    .col-xs-1 {width: 8.33333333%;}

}



/* -----------------------2021.07.12 추가 ------------------------*/
/* -----------------------2021.07.12 추가 ------------------------*/
/* -----------------------2021.07.12 추가 ------------------------*/


@media screen and (max-width:1280px){

.footer_new_area .bd{padding-left:16px; padding-right:16px;}

}
@media screen and (max-width:840px){

    .footer_new_area ul{display: block;}
    .footer_new_area ul li{text-align: center;}
    .footer_new_area .left{margin-bottom:16px;}
    .footer_menu{float:inherit;}

}





/* Side에 배치된 quick_menu 사이즈 조절 */

@media screen and (max-height:609px){
	

	.quick_menu{
	display:none;
	}

}

@media screen and (min-height:610px){
	.quick_menu{
	top:15%;
	}
	.quick_menu li a{
		padding:7px 0;
	}

	.quick_menu li a img{
		width:17px;
	}
}

@media screen and (min-height:700px){

	.quick_menu{
	top:25%;
	}
	.quick_menu li a{
		padding:9px 0;
	}

	.quick_menu li a img{
		width:21px;
	}
}