/* common */
body { /*letter-spacing: -2px;*/ word-break: keep-all;}
em { font-style: normal;}
h2 { margin-bottom: 40px; font-size: 30px; font-weight: 400;}
.container h3 { font-size: 50px; line-height: 60px; letter-spacing: -5px;}
.h3-comm { margin-top: 10px; font-size: 35px; line-height: 45px; font-weight: 500; word-break: keep-all;}
.sec-list { margin-top: 50px; font-size: 25px; line-height: 30px; }
.sec-list li { padding-left: 12px; margin-top: 15px; position: relative;}
.sec-list li::before { display: block; content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 2px; background-color: #3d4d5a;}
.sec-list li:first-child { margin-top: 0;}
.preloader .loader .ytp-spinner-circle { border-color: #6176b4 #6176b4 #e9ecef; }
.navbar-area .navbar .navbar-nav .nav-item { margin: 0 20px;}
.sub-menu-bar { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }

.inline-b { display: inline-block; margin-right: 5px; vertical-align: middle;}

.back-to-top { bottom: 100px; }
.back-to-top,
.back-to-top:hover { background-color: #1d3053;}


/*nav */
.navbar-area { background-color: #1d3053;}
.navbar-area.sticky { background-color: #1d3053;}
.navbar-area.sticky .navbar .navbar-nav .nav-item a { color: #fff;}
.navbar-brand { color: #fff; font-size: 30px; font-weight: 500;}
.navbar-brand em { font-weight: 300; }
.navbar-brand:hover { color: #fff;}
.navbar-area .navbar { width: 1110px; }
.navbar-area .navbar .navbar-nav .nav-item a { color: #fff; font-size: 20px; font-weight: 400;}
.navbar-area .navbar .navbar-nav .nav-item a:before { display: none;}
.navbar-area .navbar .navbar-nav .nav-item.active > a, .navbar-area .navbar .navbar-nav .nav-item:hover > a { color: #00c4d0;}
.navbar-area .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item { color: #1d3053; transition: all 0.2s ease; font-weight: 300; padding: 10px 20px; font-size: 1rem;}
.navbar .navbar-nav .nav-link-arrow { transition: transform 0.2s ease; margin-right: 10px;}
.navbar .navbar-nav .dropdown:hover .nav-link > .nav-link-arrow { position: relative; transform: rotate(180deg); }
.navbar .navbar-nav .dropdown:hover > .dropdown-menu, 
.navbar .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; opacity: 1; transform: translate(0, -7px); }
.navbar .navbar-nav .dropdown-item:hover, 
.navbar .navbar-nav .dropdown-item:focus { background-color: #d4dbe8; }

@media (max-width: 1200px) {
    .navbar-area .navbar { width: 100%; padding:1.5rem 1rem;}
    .navbar-brand{font-size:3rem;}
    .navbar-area .navbar .navbar-nav .nav-item a { font-size: 2rem;}
}


/* footer */
.footer { margin-top: 200px; background-color: #5e74b3; display: flex; position: relative; padding-top: 4rem; padding-bottom: 6rem; letter-spacing: 0;}
.footer a { color: #fff;}
.footer h6 { margin-bottom: 0.5rem; color: #fff; font-weight: 600 !important; font-family: "Poppins", sans-serif; letter-spacing: 0;}
.footer .text-lightgray { color: #a0c1e0;}
.footer .text-white { color: #fff;}
.footer .text-white h6 { color: #fff;}
.footer .btn-gray { color: #fff; background-color: #81a3d2; border-color: #81a3d2; }
.footer p.font-small { font-size: 0.875rem; font-weight: 300; margin-bottom: 1rem;}
.footer ul.links-vertical li a { position: relative;display: block;font-weight: 300; padding: 3px;}
.footer .footer-brand { font-size: 1rem; font-weight: 500; display: block; }
.footer .footer-brand img { max-width: 100%; height: 30px; }
.footer .form-control { border: 1px solid #fff; color: #b2c9e1;}
.footer .form-control::placeholder { color: #b2c9e1;}
.footer .fa-lg { margin-bottom: 1rem;}
.footer .small { font-size: 80%;}
.footer .font-small { font-size: 0.875rem;}
.footer .fa-phone { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.footer .foot-partner input[type="tel"],
.footer .foot-partner input[type="text"] { border: 0 none; }


/* needs */
.needs { padding-bottom: 85px;}
.needs .txt { margin-top: 15px;}
.needs .txt span { display: block; text-align: center; }
.needs .txt span:nth-child(1) { font-size: 25px; line-height: 30px; }
.needs .txt span:nth-child(2) { font-size: 17px; line-height: 21px; margin-top: 5px;}


/* section */
.sec01 { padding: 85px 0 0; background: #eee url("/assets/images/common/bg_sec01.jpg") no-repeat center 0; }
.sec01 h3 { color: #0269a0; }
.sec01 .h3-comm { color: #0092da; }
.sec01 .sec-list { color: #3d4d5a; }
.sec02 { padding: 85px 0 0; background: #5f5f5f url("/assets/images/common/bg_sec02.jpg") no-repeat center bottom;}
.sec02 h3 { color: #00eeee; }
.sec02 .h3-comm { color: #80ffff; }D
.sec02 .sec-list { color: #fff; }
.sec02 .sec-list li::before { background-color: #fff;}
.sec03 { padding: 85px 0 0; background: #eee url("/assets/images/common/bg_sec03.jpg") no-repeat center 0;}
.sec03 h3 { color: #1e5858; }
.sec03 .h3-comm { color: #207272; }
.sec03 .sec-list { color: #3d4d5a; }
.sec04 { padding: 85px 0 30px; background: #a8dbe1 url("/assets/images/common/bg_sec04.jpg") no-repeat center 0;}
.sec04 h3 { color: #fff; }
.sec04 .h3-comm { color: #777; }
.sec04 .sec-list { color: #595959; font-size: 23px;}
.sec04 .sec-list a { color: #595959; }
.sec04 .sec-list li::before { background-color: #595959;}


/*tab*/
.qatab_wrap {margin-top: 50px;}
.qatab_wrap .tab_tit {border-left: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;margin-bottom: 40px; overflow: hidden;}
.qatab_wrap .tab_wrap .tab_list {margin-left: -1px;border-top: 1px solid #e9e9e9;}
.qatab_wrap .tab_wrap .tab_list:after {content:'';display:block;clear:both}
.tab_wrap .tab_list li {float: left;}
.tab_wrap .tab_list li a {display: block;height: 60px;padding:0px 10px;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;font-size: 18px;font-weight: 500;line-height: 60px;color: #333;text-align: center;}
.qatab_wrap .tab_list li a:hover {text-decoration:none}
.qatab_wrap .tab_list.type3 li {width: 33.33%;}
.qatab_wrap .tab_list li.active{background-color: #1d3053;}
.qatab_wrap .tab_list li.active a {color: #fff;}
.tab_wrap .tab_cont {display: none; padding-bottom: 100px;}
.tab_wrap .tab_cont.active {display: block;}


/*toggle*/
.info_list {border-top: 1px solid #e9e9e9;}
.info_list .li {border-bottom: 1px solid #e9e9e9;}
.info_list .li .info_tit {position: relative;min-height: 75px;padding:0 0 0 35px;}
.info_list .li .info_tit a {position:relative;display:block;padding:25px 70px 24px 47px;font-size: 18px; color: #333;line-height: 1.5;}
.info_list .li .info_tit a:after {position:absolute;right:25px;top:30px;content: "";display:block;width:25px;height:24px;background:url('http://image.lotte.com/lotte/images/charlotte/ico_arr_acco.png') no-repeat 0 bottom;}
.info_list .li .info_tit a:active {background: none;}
.info_list .li.on .info_tit a:after {background-position: 0 0;}
.info_list .li .info_tit .ico_q {position:absolute;left: 0;top:24px;height: 30px;width:30px;font-weight: bold;background:url('http://image.lotte.com/lotte/images/charlotte/ico_q.png') no-repeat 0 0;font-size: 0;}
.info_list .li .view_cont {display: none;}
.info_list .li.on .info_tit {background-color: #f9f9f9;border-bottom: none;}
.info_list .li .view_cont .list_inner {padding: 20px 82px 42px;background-color: #f9f9f9;font-size: 16px;line-height: 1.8;color: #888;}



/* animation */
.animate-up-5, .animate-right-5, .animate-down-5, .animate-left-5 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.animate-up-5:hover, .animate-hover:hover .animate-up-5 { -webkit-transform: translate(0, -5px); transform: translate(0, -5px);}


/* table & form*/
.tb table { width: 100%; }
.tb caption { font-size: 0; line-height: 0; position: absolute; left: -9999px; text-indent: -9999px; }
.tb .star { display: inline-block; margin-left: 5px; color: #f8000e; }
.tb th,
.tb td { padding: 5px; font-size: 17px; line-height: 20px;}
.tb input { padding: 3px 10px; border: 1px solid #dfdfdf; width: auto;}
.tb input::placeholder { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */}
.tb textarea { padding: 3px; border: 1px solid #dfdfdf; width: 100%; height: 100px; }
.tb textarea::placeholder { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */}
.tb select { padding: 3px; border: 1px solid #dfdfdf; }
.tb .form-control { -webkit-border-radius: 0; border-radius: 0; }
.tb .selbox { /*width: 195px;*/ width: auto; min-width: 170px; -webkit-border-radius: 0; border-radius: 0;}
.tb label { margin-bottom: 0; }

.tb-rows { border-top: 2px solid #313131; }
.tb-rows th { border-bottom: 1px solid #dfdfdf; background-color: #f9f9f9; }
.tb-rows td { border-bottom: 1px solid #dfdfdf; }
.tb-rows.type01 th { padding: 10px 25px }
.tb-rows.type01 th label { line-height: 40px; }
.tb-rows.type01 td { padding: 10px; }

.custom-control { padding-left: 30px; }
.custom-checkbox .custom-control-label::before { top: 0; left: -30px; -webkit-border-radius: 0; border-radius: 0; width: 20px; height: 20px; }
.custom-control-label::after { width: 20px; height: 20px; top: 0; left: -30px;}
.custom-checkbox { margin-right: 70px; }

.form-check-label { position: relative;  padding-left: 1.75rem; }
input[type="radio"], 
input[type="checkbox"] { padding: 0; opacity: 0; position: absolute; visibility: hidden;}
.form-check-radio input[type="radio"] + .form-check-sign:after, 
.form-check-radio input[type="radio"] { opacity: 0;}
.form-check .form-check-sign::before, 
.form-check .form-check-sign::after { content: " "; display: inline-block; position: absolute; width: 15px; height: 15px; left: 0; top: 0; border: 1px solid #dde1ed; background-color: #fff; border-radius: 0.1rem; transition: all 0.2s ease;}
.form-check .form-check-sign::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; top: 0px; text-align: center; opacity: 0;color: #005AD4;font-weight: 900; border: 0; background-color: inherit; }
.form-check input[type="checkbox"] + .form-check-sign::after { opacity: 0;}
.form-check input[type="checkbox"]:checked + .form-check-sign::after { background-color: #fff; opacity: 1;font-size: .625rem; margin-top: 0; line-height: 1.6;}
.form-check input[type="checkbox"]:checked + .form-check-sign::before, 
.form-check input[type="checkbox"]:checked + .form-check-sign::before { border: none; }
.form-check-radio .form-check-sign::before, 
.form-check-radio .form-check-sign::after {content: ""; width: 18px; height: 18px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 3px;  padding: 1px; transition: opacity 0.3s linear;}
.form-check .form-check-label:hover { cursor: pointer; }
.form-check-radio .form-check-label { padding-top: 3px;}
.form-check-radio input[type="radio"]:checked + .form-check-sign::before { background-color: #005AD4;}
.form-check-radio input[type="radio"]:checked + .form-check-sign::after { width: 8px;height: 8px; top: 8px; left: 5px; background-color: #fff; border-color: #fff; opacity: 1;}
.wrap-inline .form-check { display: inline-block; margin-right: 45px; padding-left: 0;}


/* title */
.tit03 { margin-bottom: 150px; font-size: 55px; line-height: 85px; letter-spacing: -5px; }
.tit03 em { font-size: 75px; }


/* button */
.btn-center { padding: 50px 0 100px; text-align: center; width: 100%; }
.btn-center .btn { padding: 0.55rem 5rem; }
.btn-center .btn-primary { background-color: #50c0e6; border-color: #50c0e6; font-weight: 600;}
.btn-center .btn.rounded { -webkit-border-radius: 30px !important; border-radius: 30px !important;}
.btn-cyan { margin: 0; padding: 10px 60px !important; background-color: #4fc1e5; border-color: #4fc1e5; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0; -webkit-border-radius: 30px; border-radius: 30px;}  


/* main - visual */
.top-visual { padding-top: 96px; }
.top-visual .inner { height: 680px; background: url("/assets/images/common/top_visual.jpg") center bottom; -webkit-background-size: cover; background-size: cover; }
.txt-box { padding-top: 110px;}
.txt-box .txt01 { color: #808d98; font-size: 26px; line-height: 40px; font-weight: 300; }
.txt-box .txt01 em { font-weight: 400;}
.txt-box .txt02 { color: #00c4d0; font-size: 95px; line-height: 105px; letter-spacing: -4px; font-weight: 600; width: 60%; margin-top: 20px; }
.txt-box .txt03 { color: #009ba5; font-size: 50px; line-height: 75px; letter-spacing: -4px; font-weight: 300;margin-top: 55px;}
.txt-box .btn { margin-top: 60px;}
.txt-box .btn a { padding: 0 70px; color: #555; font-size: 18px; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0px 5px 5px 0px #ccc; box-shadow: 0px 5px 5px 0px #ccc; }


/* page error */
.page-error { padding: 50px 20px; display: table; width: 100%; }
.page-error .page-center { display: table-cell; vertical-align: middle; }
.page-error .page-msg { margin-bottom: 40px; padding-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; }
.page-error .page-msg .page-msg01 { font-size: 20px; margin-bottom: 15px; font-weight: bold; }
.page-error .page-msg .page-msg02 { font-size: 14px; }
.page-error .page-btn { text-align: center; }
.page-error .page-btn a { display: inline-block; border: 1px solid #ddd; color: #333; padding: 5px 10px; margin: 0 5px; }


/* main - 상권 배너 그룹 */
.main_program { margin-top: 45px; padding-bottom: 110px;}
.main_program .container { padding: 0;}
.main_program .col-lg-3 { -ms-flex: 0 0 20%;  flex: 0 0 20%; max-width: 20%; padding: 5px;}


/* main - 가게 sns 마케팅 */
.sns-photo-group { background-color: #f5f5f5; padding: 120px 0; }
.sns-photo-group .top-tit { margin-bottom: 20px; letter-spacing: -2px;}
.sns-photo-group .top-tit p { font-size: 40px; line-height: 70px; }
.sns-photo-group .top-tit p b { font-size: 50px; color: #4247ba; font-weight: 500;}
.sns-photo-group .comm { margin-bottom: 30px; font-size: 24px; color: #666; }
.sns-photo-group .wrap-img { padding: 6px; background-color: #f1f1f1; }


/* main - sns 마케팅과 target 마케팅 */
.main-marketing { padding: 70px 0; background-color: #01b1d7; }
.main-marketing .top-tit { text-align: center; color: #1b3640;}
.main-marketing .top-tit .tit01 { font-size: 47px; line-height: 57px; margin-bottom: 20px; }
.main-marketing .top-tit .tit02 { font-size: 60px; line-height: 80px; }
.main-marketing .top-tit .tit02 span {font-size: 75px; color: #fff;}


/* main - 타사와의 차별점은? */
.main-different { padding: 130px 0 100px; background-color: #f5f5f5;}
.dl-main-list { margin-bottom: 190px; position: relative; letter-spacing: -2px;}
.dl-main-list::before { display: block; content: ""; position: absolute; top: -30px; left: 5px; width: 70px; height: 8px; background: #4247ba;}
.dl-main-list dt { margin-bottom: 30px; }
.dl-main-list dt p { font-weight: 600; font-size: 50px; line-height: 60px; color: #4247ba; }
.dl-main-list dt span { font-weight: 300; text-transform: uppercase; font-size: 40px; line-height: 50px; color: #7f8edb;}
.dl-main-list dd { font-size: 30px; line-height: 40px; color: #666; }
.dl-main-list dd span { color: #4fc1e5; }
.dl-main-list:last-child { margin-bottom: 0; }
.dl-main-list .wrap-img { margin-top: 65px; padding-left: 40px; }


/* main - 손님을 늘리는 다양한 방법 */
.main-info { padding: 130px 0 100px;}


/* main - 광고시행시 그래프 */
.main-graph { background-color: #f5f5f5; padding: 130px 0 100px;}
.main-graph .top-tit { font-size: 40px; line-height: 70px;}
.main-graph .top-tit em { font-size: 50px; color: #4247ba;}
.main-graph .top-tit b { display: block; color: #ff3333; font-weight: 400;}
.main-graph .comm { margin-top: 85px; font-size: 20px; line-height: 30px;}
.main-graph .comm em { color: #ff3333;}
.main-graph .wrap-img { margin-top: 65px; padding-left: 40px;}


/* main - 소셜채널의 홍보효과 */
.main-sns { padding: 130px 0 100px; }
.main-sns .top-tit { font-size: 40px; line-height: 70px; color: #4247ba; }
.main-sns .top-tit em { font-size: 60px; color: #01b1d7; }
.dl-main-list02 { margin-top: 95px;}
.dl-main-list02 dt { margin-bottom: 10px; font-size: 40px; color: #4fc1e5; text-transform: uppercase; font-weight: 400;}
.dl-main-list02 dd { font-size: 25px; color: #666; line-height: 40px;}


/* sub common */
.embed-frame { width: 100%; height: 800px; }
.sub-visual { padding-top: 90px; position: relative; background-color: #868b8e; letter-spacing: -2px;}
.sub-visual .inner { background-color: #dfedf0; height: 300px;}
.sub-visual .txt { font-size: 40px; padding-top: 110px; line-height: 50px; color: #1d3053; }
.sub-visual .container { position: relative;}
.sub-visual .thumb img { width: 100%; height: auto;}
.sub-visual .txtbox { position: absolute; top: 50%; left: 0; margin-top: -85px; }
.sub-visual h1 { color: #fff; font-size: 55px; font-weight: 600; letter-spacing: -4px; margin-bottom: 2rem;}
.sub-visual p { color: #fff; font-size: 24px;}
.sub-visual span { color: #2acdd7; font-size: 19px; }


/* sub - inquire */
.inquire { padding: 5rem 0 3rem;}
.inquire h2 { font-size: 30px;font-weight: 600; margin-bottom: 1.250rem;letter-spacing: -2px;}


/* preloader */
.preloader .loader .ytp-spinner { margin-top: -35px }
.preloader .msg { padding-top: 130px; }



/* 플랫폼 홈 이동 */
#direct-platform { display: block; position: fixed; bottom: 15px; right: 15px; z-index: 99; }
#direct-platform .btn-platform-go { display: block; padding: 0 15px; padding-left: 45px; -webkit-border-radius: 26px; border-radius: 26px; background: #333; color: #fff; font-size: 16px; line-height: 50px;}
#direct-platform .btn-platform-go { 
	visibility: hidden;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .3s,visibility 0s .3s;
	-moz-transition: -moz-transform .3s,visibility 0s .3s;
	transition: transform .3s,visibility 0s .3s;
}
#direct-platform.is-fixed .btn-platform-go { 
	visibility: visible;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-animation: cd-bounce-in .3s linear;
	-moz-animation: cd-bounce-in .3s linear;
	animation: cd-bounce-in .3s linear;
}
#direct-platform .btn-platform-go span { display: block; position: relative; }
#direct-platform .btn-platform-go span::before { display: block; content: ""; position: absolute; top: 50%; left: -30px; margin-top: -10px; width: 20px; height: 20px; background: url("/assets/images/common/arrow_direct_platform.png") no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; }


@-moz-keyframes cd-bounce-in{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	60%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes cd-bounce-in{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	60%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

@keyframes cd-bounce-in{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
	60%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}






/* 모바일 안되게 */
.top-visual,
.navbar-area,
.section,
.footer,
.sub-visual { min-width: 1140px; }
.container { width: 1140px;}

.navbar-nav {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;}
.navbar-expand-lg .navbar-collapse { margin: 0; padding: 0; display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; }
.navbar-expand-lg .navbar-nav { margin: 0; -ms-flex-direction: row; flex-direction: row; }
.navbar-collapse { border-top: 0 none; }
.navbar { border: 0 none; }
.navbar-area .navbar { margin: 0; }
.footer .row > div { -ms-flex: 0 0 25%;  -webkit-flex: 0 0 25%; flex: 0 0 25%;  max-width: 25%; }


	@media (max-width: 1200px) {
		.container { max-width: none !important;}
	}

	@media (max-width: 992px) {
		.container { max-width: none !important;}
	}

	@media (max-width: 767px) {
		.navbar-expand-lg .navbar-collapse { position: static !important;  background-color: transparent !important; padding: 0 !important; width: auto !important;}
		.navbar-area .navbar .navbar-nav .nav-item a { padding: 26px 0; }
	}

	@media (max-width: 768px) {
		.container { max-width: none !important;}
		/* .navbar-expand-lg .navbar-collapse { position: static;  background-color: transparent; padding: 0;} */
	}

	@media only screen and (max-width: 991px) and (min-width: 768px) {
	.container { max-width: none !important;}
		.navbar-expand-lg .navbar-collapse { position: static !important;  background-color: transparent !important; padding: 0 !important; width: auto !important;}
		.navbar-area .navbar .navbar-nav .nav-item a { padding: 26px 0; }
	}

	@media (max-width: 576px) {
		.container { max-width: none !important;}
	}


    /* @media (max-width: 1200px) {
        .container { max-width: 1200px;}
    }
    
    @media (min-width: 1200px){
        .container { max-width: 1200px; }
    }
    
    @media (max-width: 990px) {
        body { letter-spacing: -1px;}
        h2 { margin-bottom: 10px; font-size: 20px; text-align: center; }
        .container h3 { font-size: 22px; line-height: 32px; letter-spacing: -2px;}
        .h3-comm { font-size: 18px; line-height: 22px; }
        .sec-list { margin-top: 20px; font-size: 14px; line-height: 18px; }
        .sec-list li { padding-left: 12px; margin-top: 5px; }
        .sec-list li::before { top: 6px;}
        .navbar-area .navbar .navbar-nav .nav-item { margin: 0 10px;}
        .navbar-area .navbar .navbar-nav .nav-item a { font-size: 16px;}
    
        .navbar-area { padding: 8px 0; }
        .navbar-area .navbar .navbar-toggler .toggler-icon { background-color: #121212;}
        .navbar-brand { font-size: 22px;}
        .top-visual { padding-top: 60px;}
        .top-visual .inner { height: 250px;}
    
        .thumb { padding-top: 10px; text-align: center; }
    
        .sub-visual { padding-top: 60px; }
        .sub-visual .inner { background-color: #dfedf0; height: 100px;}
        .sub-visual .txt { font-size: 20px; padding-top: 35px; line-height: 30px; }
    
        .top-visual { padding-top: 60px; }
        .top-visual .inner { height: 350px; }
        .txt-box { padding-top: 80px;}
        .txt-box .txt01 { font-size: 16px; line-height: 26px; }
        .txt-box .txt02 { font-size: 30px; line-height: 40px; letter-spacing: -2px; margin-top: 0;}
        .txt-box .txt03 { font-size: 30px; line-height: 40px; letter-spacing: -2px;}
        .txt-box .btn { margin-top: 0;}
        .txt-box .btn a { padding: 0 20px; font-size: 14px; line-height: 30px; }
    
        .needs { padding-bottom: 30px;}
        .needs .col-lg-3 { margin-bottom: 20px;}
        .needs .txt { margin-top: 10px;}
        .needs .txt span { display: block; text-align: center; }
        .needs .txt span:nth-child(1) { font-size: 16px; line-height: 20px; }
        .needs .txt span:nth-child(2) { font-size: 14px; line-height: 18px; }
    
        .sec01 { padding: 30px 0; -webkit-background-size: cover; background-size: cover;}
        .sec02 { padding: 30px 0; -webkit-background-size: cover; background-size: cover;}
        .sec03 { padding: 30px 0; -webkit-background-size: cover; background-size: cover;}
        .sec04 { padding: 30px 0; -webkit-background-size: cover; background-size: cover;}
        .sec04 .sec-list { font-size: 14px;}
    
        .qatab_wrap { margin-top: 30px;}
        .qatab_wrap .tab_tit { margin-bottom: 20px;}
        .tab_wrap .tab_list li a { font-size: 14px; height: 40px; line-height: 40px;}
        .info_list .li .info_tit a { font-size: 14px; padding: 20px 60px 20px 40px}
        .info_list .li .info_tit { padding: 0; min-height: auto;}
        .tab_wrap .tab_cont { padding-bottom: 50px;}
        .info_list .li .info_tit a:after { top: 50%; margin-top: -12px;}
    } */