@charset "utf-8";

@import url('//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');/*@import url('main.css'); */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);


@font-face {
	font-family: 'OPPOSans';
	src: url('fonts/OPPOSans-H.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}


@font-face {
	font-family: 'OPPOSans';
	src: url('fonts/OPPOSans-B.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'OPPOSans';
	src: url('fonts/OPPOSans-M.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'OPPOSans';
	src: url('fonts/OPPOSans-R.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'OPPOSans';
	src: url('fonts/OPPOSans-L.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: 'OPPOSans';
	font-style: normal;
	font-weight: 700;
	src:url('fonts/Pretendard-Bold.woff') format('woff');
	unicode-range: U+0041-005A, U+0061-007A, U+AC00-D7A3, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+203B;
}

@font-face {
	font-family: 'OPPOSans';
	font-style: normal;
	font-weight: 600;
	src:url('fonts/Pretendard-SemiBold.woff') format('woff');
	unicode-range: U+0041-005A, U+0061-007A, U+AC00-D7A3, U+0030-0039 ,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+203B;
}

@font-face {
	font-family: 'OPPOSans';
	font-style: normal;
	font-weight: 500;
	src:url('fonts/Pretendard-Medium.woff') format('woff');
	unicode-range: U+0041-005A, U+0061-007A, U+AC00-D7A3, U+0030-0039 ,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+203B;
}

@font-face {
	font-family: 'OPPOSans';
	font-style: normal;
	font-weight: 400;
	src:url('fonts/Pretendard-Regular.woff') format('woff');
	unicode-range: U+0041-005A, U+0061-007A, U+AC00-D7A3, U+0030-0039 ,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+203B;
}

@font-face {
	font-family: 'OPPOSans';
	font-style: normal;
	font-weight: 300;
	src:url('fonts/Pretendard-Light.woff') format('woff');
	unicode-range: U+0041-005A, U+0061-007A, U+AC00-D7A3, U+0030-0039 ,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+203B;
}


.pointColor {font-weight: 500;color: #f17c46; }

/* layout */
.skipNavi {position: absolute;top: -59px;z-index: 100;width: 100%;height: 56px;line-height: 56px;font-size: 12px;font-weight: bold;text-align: center;text-decoration: none;border-bottom: 3px solid #688bc7;background: #363f4b;color: #fff; }
.skipNavi:focus { top: 0; }

br { font-family: sans-serif; }
.next-line-pc { display:block; }
.next-line-pc-768 { display:block; }

body.menu01 .header,
body.menu01 .subVisual {background-color: #00939b; }
body.menu02 .header,
body.menu02 .subVisual {background-color: #5193ea; }
body.menu03 .header,
body.menu03 .subVisual {background-color: #bd50d1; }
body.menu04 .header,
body.menu04 .subVisual {background-color: #3ac16f; }
body.menu05 .header,
body.menu05 .subVisual {background-color: #ff7153; }
body.menu06 .header,
body.menu06 .subVisual {background-color: #f479aa; }
body.menu07 .header,
body.menu07 .subVisual {background-color: #ffb12a; }

body.menu08 .header,
body.menu08 .subVisual {background-color: #ef4646; }
/*
body.menu01 .subVisualInner {background: url("../images/common/menu_01.png") no-repeat right calc(100% - 20px); }

body.menu02 .subVisualInner {background: url("../images/common/menu_02.png") no-repeat right calc(100% - 20px); }

body.menu03 .subVisualInner {background: url("../images/common/menu_03.png") no-repeat right calc(100% - 20px); }

body.menu04 .subVisualInner {background: url("../images/common/menu_04.png") no-repeat right calc(100% - 20px); }

body.menu05 .subVisualInner {background: url("../images/common/menu_05.png") no-repeat right calc(100% - 20px); }

body.menu06 .subVisualInner {background: url("../images/common/menu_06.png") no-repeat right calc(100% - 20px); }

body.menu07 .subVisualInner {background: url("../images/common/menu_07.png") no-repeat right calc(100% - 20px); }

body.menu08 .subVisualInner {background: url("../images/common/menu_08.png") no-repeat right calc(100% - 20px); }
*/
.header,
.footer {width: 100%; }
.mainSubEng .footer {}
.container,
.container .containerInner {width: 1400px;margin: auto; }

.ui-timepicker-wrapper {overflow-y: auto; position: absolute; z-index: 10; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 10px 0; background-color: #fff;width:307.5px;-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
	margin-top:-1px;box-shadow:none; }
.ui-timepicker-wrapper::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
#ui-datepicker-div {width:307.5px;margin-top:-1px; }
.menu05 #ui-datepicker-div {width:296.844px;margin-left:-1px; }
.ui-timepicker-list li {box-sizing: border-box; padding: 17px 40px; width: 100%; font-size: 18px; color: #555555; cursor: pointer; }
.ui-timepicker-list li:hover { background-color: #ccc !important; }

/* header */
.header {position: relative;z-index: 3; }
.header .headerInner {max-width: 1840px;width: 100%;padding-right:40px;margin: auto;box-sizing:border-box; }
.headerInner {z-index:1;position:relative;color: #fff;font-size: 40px;height:100px; }
.headerInner .headerLogoArea {position: absolute;left: 40px;top: 30px; }
.headerInner .headerLogoArea img {width: 127px;height: 37px; }
.gnbArea {width: 100%;margin: auto;padding-right:30px;box-sizing:border-box; }
.headerHam {display:none;position:absolute;fill:#fff;font-size:30px; }
.gnb {position:relative;margin-right:60px;float:right; }
.gnbArea::after {clear:both;display:block;content:''; }
.gnb > ul > li > a {text-align:center; }
.gnb > ul > li > a span {color: #fff;font-weight: 400;text-align:center;transition: font-weight 0.2s; }
.gnb > ul > li > a:hover span {position:relative;font-weight: 500; }
.gnb > ul > li {width:200px;float:left; }
.mainSubEng .gnb > ul > li {width:220px; }
.gnb li > a {display:block;font-size:13px;color:#888;text-align:left;position: relative;transition: font-weight 0.2s; }
.gnb li:hover > a {}
.gnb li:hover > a span:before {position: absolute;left: 0px;top: -14px;content: '';width: 7px;height: 7px;background-color: #fff;border-radius: 50%; }
.gnb ul ul li:hover > a {font-weight: 500; }
.gnb ul ul li:hover > a:before {content: none; }
.gnb > ul > li > ul {border-left: 1px solid #e4e4e4;transition:background-color .5s; }

.gnb > ul > li:last-child > ul {border-right: 1px solid #e4e4e4; }
.gnb > ul > li > a { font-size: 18px; height: 100px; line-height: 100px; /* margin-top: 17px; */
	/* padding: 22px 0 40px; */}
.gnb > ul::after {content:"";display:block;clear:both; }
.gnb ul ul {position:absolute;top:100%;z-index:2;height: 320px;display:none;transition:max-height 0.5s;overflow-y:hidden;width:200px; }
.mainSubEng .gnb ul ul {width:220px; }
.gnb ul ul li {padding: 16px 20px; }
.gnb ul ul .tit {padding: 50px 20px 34px 20px;font-size: 22px;font-weight: 800;color: #000; }
.gnb ul ul:hover .tit {/*transition:color .7s; */
	color: #fff; }
.gnb ul ul li a {font-size: 17px;color: #444;word-break:keep-all; }
.gnb ul ul:hover li a {color: #fff;/*transition:color .7s; */}
.snbList1,.snbList2,.snbList3,.snbList4,.snbList5,.snbList6,.snbList7 {background-color:#f7f7f7; }
/*

.snbList1:hover, .gnbList > li:hover > .snbList1 {transition:background-color .7s; }
.snbList2:hover, .gnbList > li:hover > .snbList2 {transition:background-color .7s; }
.snbList3:hover, .gnbList > li:hover > .snbList3 {transition:background-color .7s; }
.snbList4:hover, .gnbList > li:hover > .snbList4 {transition:background-color .7s; }
.snbList5:hover, .gnbList > li:hover > .snbList5 {transition:background-color .7s; }
.snbList6:hover, .gnbList > li:hover > .snbList6 {transition:background-color .7s; }
.snbList7:hover, .gnbList > li:hover > .snbList7 {transition:background-color .7s; }
*/

.snbList1 { }
.snbList1:hover, .gnbList > li:hover > .snbList1 {background-color: #00939b; }
.snbList2 { }
.snbList2:hover, .gnbList > li:hover > .snbList2 {background-color: #5193ea; }
.snbList3 { }
.snbList3:hover, .gnbList > li:hover > .snbList3 {background-color: #bd50d1; }
.snbList4 { }
.snbList4:hover, .gnbList > li:hover > .snbList4 {background-color: #3ac16f; }
.snbList5 { }
.snbList5:hover, .gnbList > li:hover > .snbList5 {background-color: #ff7153; }
.snbList6 { }
.snbList6:hover, .gnbList > li:hover > .snbList6 {background-color: #f479aa; }
.snbList7 { }
.snbList7:hover, .gnbList > li:hover > .snbList7 {background-color: #ffb12a; }


.gnb li.over > a span {font-weight: 800;position:relative; }
.gnb li.over > a span::before {position: absolute;left: 0px;top: -14px;content: '';width: 7px;height: 7px;background-color: #fff;border-radius: 50%; }



.gnbList > li:hover > ul li, .gnbList > li:hover > ul li a {color: #fff;/*transition:color .7s; */}
.header .gnbBg {background-color:#f7f7f7;position:absolute;width:100%;top:100%;left:0;z-index:0;height:320px;display:none; }
.searchArea {position: absolute;right: 40px;top: 33px;font-size: 30px;color: #fff; }

.searchArea svg { fill: #fff; height: auto; width: 30px }

.headerSearch {position:absolute;width:100%;left:0;background-color:#fff;padding:50px 0;box-sizing:border-box;display:none; }
.headerSearchIn {width:530px;margin:0 auto; }
.searchFormWrap {border-bottom:2px solid #000;background-color:#fff;padding:15px 5px; }
.headerSearchTxt {width:450px !important;padding:10px !important;border:none !important; }
.headerSearchBtn {border:none; background-color:transparent; vertical-align:bottom; }
.headerSearchBtn svg {font-size:30px; fill:#999; }
.headerSearchClose {background:transparent; border:none; top: 10px; position:absolute; left:50%; transform:translate(850px); }
.headerSearchClose svg {font-size: 26px; fill:#000; transform-origin:center center; transition: .5s; }


/* //header */



/*allMenu*/
.allMenu {overflow: scroll;-ms-overflow-style: none;scrollbar-width: none;display:none;top:0;left:0;z-index:10000;background-color:#00939b;position:fixed;width:100%;height:100vh;color:#fff; }
.allMenu::-webkit-scrollbar {display: none; }
.allMenuBtns { position: absolute; top: 34px; right: 34px; height: 50px;z-index:1; }
.mainBody .allMenuBtns {top: 76px; right: 29px; }
.allMenuLang {display:inline-block;border-radius:30px;width:85px;height:35px;background-color:#33a9af;font-size:19px;box-sizing:border-box;padding-top:7px;color:#fff;text-align:center;font-weight:lighter;vertical-align:top; }
.allMenuLang + .allMenuLang {margin-left: 10px}
.mainHeaderLang {position: relative;z-index: 1;display: block;outline: none;border: none;background: none;font-size: 10px;margin: 25px auto 0;font-weight: bold;padding: 0; }
.mainHeaderLang i {font-size:27px;color:#fff; }
.mainMo .mainHeaderLang {margin-top: -1px;margin-right: 4vw; }

.mainMo .mainHeaderLang i {font-size: 26px; }
.mainMo .mainHeaderLang img {width:24px;height:24px;position:relative;top:2px; }
.mainMo .mainHeaderLang svg {width: 21px;height: auto;fill: #fff; }

.subHeaderLang {z-index:1; display:block;outline:none;border:none;background:none; width: 40px; height: 40px;font-weight: bold;position: absolute; right: 100px; top: 30px;padding:0; }

.subHeaderLang i {font-size: 30px;color:#fff; }
.subHeaderLang svg { width: 30px; height: auto; fill: #fff; }

.mainHeaderEng { display: block;position:relative;top:-30px; border-radius:50%; width: 28px; height: 28px; background-color:#fff; font-size: 10px; color: #00939b; line-height: 28px; font-weight: bold;text-align:center;margin:0 auto;opacity:0; }
.mainHeaderEng + .mainHeaderEng {margin-top: 5px}


.mainMo .mainHeaderEng {order-radius: 50%;width: 21px;height: 21px;line-height: 21px;font-size: 9px;margin: 0;opacity: 0;top: 18px;right: auto;left:50%;transform: translateX(-50%);position: absolute;pointer-events: none; }
.mainMo .mainHeaderEng + .mainHeaderEng {transform: translate(-50%,100%); margin-top: 5px}
.mainMo .mainHeaderEng.active { pointer-events: visible }

.subHeaderEng { display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; width: 30px; height: 30px; background-color:#fff; font-size: 10px; color: #00939b; line-height: 30px; font-weight: bold;text-align:center; opacity: 0;pointer-events: none}
.subHeaderLang .subHeaderEng + .subHeaderEng {transform: translate(-50%,100%); margin-top: 5px}

.subHeaderEng.active { pointer-events: visible }

.allMenuClose {border:none; outline:none; margin-left:41px; background-color:transparent; padding:0; position:relative; top:-2px; cursor:pointer; }
.allMenuClose svg {display:block; font-size:36px; fill:#fff; transform-origin:center center; transition:.5s;}

.allMenuBox { position: absolute; top: 100px; width: 100%; }
.allMenuIn {max-width:1200px;padding:30px;margin:0 auto; }
.allInTop {height:71px;padding-top:15px;border-bottom:2px solid #fff; }
.allTitle {float:left;font-size:45px;font-weight: 700; }
.allSearch {float:right;width:50%;max-width:424px;height:60px;border-radius:30px;border:1px solid #80c9cd;box-sizing:border-box;padding:12px 25px; }
.allSearchTxt {float:left;width:calc(100% - 50px) !important;height:35px !important;background-color:transparent;border:none !important;padding:0 20px 0 30px !important;box-sizing:border-box;line-height:35px;vertical-align:middle;color:#fff !important;font-weight:lighter;outline:none; }
.allSearchTxt::placeholder {color:#a3ced1; }
.allSearchTxt::-webkit-input-placeholder {color:#a3ced1; }
.allSearchTxt:-ms-input-placeholder {color:#a3ced1; }

.allSearchBtn {float:right; margin-top:4px;  width:26px; height:25px; border:none; outline:none; position: relative; background-color: transparent}
.allSearchBtn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); fill: #fff; font-size: 22px;}

.allInBottom {position:relative; }
.allDepth1:after {content:'';display:block;clear:both; }

.allDepth1 > li {width:25%;float:left;box-sizing:border-box;height:270px;padding-left:10px; }
.allDepth2 { }
.allDepth2 > li {margin-bottom:24px; }
.allDepth2 > li:last-child {margin-bottom:0; }
.allDepth2 a {display:inline-block;position:relative; }
.allDepth2 a:hover {font-weight:bold; }
.allDepth2 a:hover::after {display:block;content:'';position:absolute;width:9px;height:9px;background-color:#fff;right:-20px;top:4px;border-radius:50%; }
.allDepth2Name {margin:50px 0 25px;font-size:25px; }
.allDepth2Link a {color:#fff;font-weight:lighter; }

/* subVisual */
.breadCrumb {padding-top:30px; position: relative; z-index: 2; }
.subVisual {width: 100%;box-sizing:border-box;position:relative;height:320px;padding:0 20px;z-index:2; }
.subVisualImgBox {height:100%;position:absolute;right:0; }
.subVisualImgBox img {height:100%; }
.subVisual .subVisualInner {max-width: 1400px;margin: 0 auto;height:100%;position:relative;z-index:1; }

.subVisual .subVisualInner .breadCrumb ol {display: flex; display: -webkit-box; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
.subVisual .subVisualInner .breadCrumb ol li {position: relative; white-space:nowrap; }
.subVisual .subVisualInner .breadCrumb ol li,
.subVisual .subVisualInner .breadCrumb ol li a {font-size: 15px; line-height: 24px; color: #fff; }
.subVisual .subVisualInner .breadCrumb ol li a {padding-bottom: 5px; }
.subVisual .subVisualInner .breadCrumb ol li a br {display: none}
.subVisual .subVisualInner .breadCrumb ol li > ul {display:none; position: absolute; left: 10px; top: 30px; box-sizing:border-box; padding: 15px 18px; background-color: #fff; border-radius: 10px; }
.subVisual .subVisualInner .breadCrumb ol li > ul li a {font-size: 14px; line-height: 33px; color: #777; }
.subVisual .subVisualInner .breadCrumb ol li > ul li:hover a {color: #00939b; font-weight: 500; }
.subVisual .subVisualInner .breadCrumb ol li .xi-angle-right-min {margin-left: 6px; }
.subVisual .subVisualInner .breadCrumb ol li svg {fill: #fff; }
.subVisual .subVisualInner .breadCrumb ol li + li {margin-left: 10px;}
.subVisual .subVisualInner .breadCrumb ol li .home {font-size: 12px;}
.subVisual .subVisualInner .breadCrumb ol li .right {font-size: 12px; margin-right: 3px;}
.subVisual .subVisualInner .breadCrumb ol li .down {font-size: 12px; vertical-align: text-top}
.subVisual .subVisualInner .breadCrumb ol li ul li + li {margin-left: 0px;}


.subVisual .subVisualInner .subVisualTit {margin-top: 50px;position:relative;z-index:1; }
.subVisual .subVisualInner .subVisualTit h2 {margin-bottom: 35px;font-size: 20px;font-weight: 800;color: #fff;letter-spacing: 0px;word-break: keep-all;display:none; }
.subVisual .subVisualInner .subVisualTit p {font-size: 45px;font-weight: 200;line-height: 60px;color: #fff;letter-spacing: -1.5px; word-break: keep-all; }
.subVisual .subVisualInner .subVisualTit p strong {font-weight: 800; }
.subVisual .subVisualInner .socialArea {position: relative;margin-top:30px;z-index:3; }
.subVisual .subVisualInner .socialArea svg { width: 30px; height: auto; fill: #fff }
.subVisual .subVisualInner .socialArea .tooltip svg { fill: #000; transition: all .3s }
.subVisual .subVisualInner .socialArea .tooltip a:nth-child(1) svg { width: 10px }
.subVisual .subVisualInner .socialArea .tooltip a:nth-child(2) svg { width: 22px }
.subVisual .subVisualInner .socialArea .tooltip a:nth-child(3) svg { width: 21px }
.subVisual .subVisualInner .socialArea .tooltip a:nth-child(4) svg { width: 21px }
body.menu01 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #00939b; }
body.menu02 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #5193ea; }
body.menu03 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #bd50d1; }
body.menu04 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #3ac16f; }
body.menu05 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #ff7153; }
body.menu06 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #f479aa; }
body.menu07 .subVisual .subVisualInner .socialArea .tooltip a:hover svg { fill: #ffb12a; }

.subVisual .subVisualInner .socialArea > a {position: relative;display: inline-block;width: 30px;height: 30px;-webkit-animation: bounce 2s;animation: bounce 2s; }

.subVisual .subVisualInner .socialArea > a:hover i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);fill: #5851ec; }
@-webkit-keyframes bounce {0%,
20%,
50%,
80%,
to {transform: translateY(0)}
	40% {transform: translateY(-30px)}
	60% {transform: translateY(-15px)}
}

@keyframes bounce {0%,
20%,
50%,
80%,
to {transform: translateY(0)}
	40% {transform: translateY(-30px)}
	60% {transform: translateY(-15px)}
}
.subVisual .subVisualInner .socialArea i {font-size: 30px;color: #fff; }
.subVisual .subVisualInner .socialArea .tooltip {display: none;position: absolute;z-index:1;left: 60px;top: -6px;padding: 5px 22px;border: 5px solid #fff;border-radius: 30px;background-color: #F7FFF7;text-align: center;box-shadow:5px 5px 10px rgba(0,0,0,.3); }
.subVisual .subVisualInner .socialArea .tooltip-left::before {content: '';position: absolute;display: block;width: 0px;left: -10px;top: 50%;border: 7px solid transparent;border-left: 0;border-right: 17px solid #fff;transform: translate(calc(-100% - -8px), -50%); }
.subVisual .subVisualInner .socialArea .tooltip i {font-size: 30px; }
.subVisual .subVisualInner .socialArea .tooltip i.xi-facebook {color: #4567ab; }
.subVisual .subVisualInner .socialArea .tooltip i.xi-instagram {color: #ed4cd4; }
.subVisual .subVisualInner .socialArea .tooltip i.xi-twitter {color: #53cafb; }
.subVisual .subVisualInner .socialArea .tooltip i.xi-kakaotalk {color: #452828; }
.subVisual .subVisualInner .socialArea .tooltip a {margin-left: 17px; }
.subVisual .subVisualInner .socialArea .tooltip a:first-child {margin-left: 0; }
.subVisual .subVisualInner .socialArea .tooltip a:last-child img { }
.subVisual .subVisualInner .socialArea .tooltip a img {width: 26px;height:25px; }
/* //subVisual */

.container {/*min-height:100%; */
	margin:0 auto -220px;background-color:#fff; }
.container .containerInner {padding:100px 0 370px; }

/* footer */
.footer {z-index:1;width: 100%;position:relative;margin: auto;background-color:#f9f9f9;overflow:hidden;padding-top: 30px; }
.footerInner {max-width: 1400px;margin: 0 auto;padding:25px 50px;box-sizing:border-box; position: relative}
.footerInner.footerInner2 {padding:0px 20px 70px ; }
.footerInner::after {content:'';display:block;clear:both; }
.footer .footerTopArea {border-top: 1px solid #aeb0b4;/*border-bottom: 1px solid #aeb0b4; */}
.footer .footerTopArea .footerTopLeft {float:left;margin-top:7px; }
.footer .footerTopArea .footerTopLeft .corpArea {overflow: hidden;padding-bottom:5px; }
.footer .footerTopArea .footerTopLeft .corpArea li {position: relative;float: left;margin-left: 20px;padding-left: 20px; }
.footer .footerTopArea .footerTopLeft .corpArea li a {font-size:16px; }
.footer .footerTopArea .footerTopLeft .corpArea li:nth-child(2) a {font-weight:bold; }
.footer .footerTopArea .footerTopLeft .corpArea li:first-child {margin-left: 0;padding-left: 0; }
.footer .footerTopArea .footerTopLeft .corpArea li:first-child:before {display: none; }
.footer .footerTopArea .footerTopLeft .corpArea li:before { content: ''; position: absolute; top: 1px; left: 0; width: 1px; height: calc(100% - 2px); background-color: #777777; }
.footer .footerTopArea .footerTopLeft .corpArea a:hover {color:#E21B15; }
.footer .footerTopArea .footerTopRight {float:right; }
.snsArea {overflow: hidden; display: flex; align-items: center}
.snsEnWrap { position: absolute; margin: 0 auto; padding: 0px 0px 25px 50px; box-sizing: border-box;top: 10px;z-index: 1; right: 20px}
.snsEnWrap::after {clear:both;display:block;content:''; }

.snsArea li {padding-left: 35px; float: left; }
.snsArea li a {font-size: 20px; display: flex; align-items: center}
.snsArea li.youtube a {font-size: 18px; }
.snsArea li a svg {transition: fill 0.2s; }
.snsArea li:first-child {padding-left: 0; }

.snsArea li.facebook { width: 13px; }
.snsArea li.kakao { width: 10px }
.snsArea li.insta { width: 21px; }
.snsArea li.blog { width: 20px }
.snsArea li.youtube { width: 22px; }
.snsArea li svg { width: 100% }


@media (min-width: 1200px) {
	.snsArea li:nth-child(1) a:hover {fill:#4567AB; }
	.snsArea li:nth-child(2) a:hover {fill:#EDB400; }
	.snsArea li:nth-child(3) a:hover {fill:#ED4BD4; }
	.snsArea li:nth-child(4) a:hover {fill:#5ab533; }
	.snsArea li:nth-child(5) a:hover {fill:#E71F19; }

}


.mainEn .footer .snsArea {float:right; }
.footer .footerBottomArea {padding-top: 15px;position:relative; }
.footer .footerBottomArea > div::after {clear:both;display:block;content:''; }
.footer .footerBottomArea .footerLogoArea {display:inline-block;vertical-align:top;padding-bottom:20px;float:left; }
.footer .footerBottomArea .footerLogoArea a {display:block;background:url('../images/common/img_logo_footer.svg')no-repeat;width: 127px;height: 37px;text-indent:-9999px; }


.allDepth2Link {position: relative}
.allDepth2Link:before {content: "";position: absolute; left: 35px; top: 16px;  width: 4px; height: 4px; background-color: #fff; border-radius: 50%; opacity: 0}

.allDepth2Link.active {opacity: 1}
.allDepth2Link.active a {color: #fff}


.footer .footerBottomArea .addressArea {width: calc(100% - 400px);display:inline-block;vertical-align:top;padding-bottom:20px;line-height: 25px;font-size: 13px;color: #777;top:15PX;position:absolute;left:50%;transform:translateX(-50%); }
.mainEng .footer .footerBottomArea .addressArea {width: calc(100% - 600px);transform: translateX(-450px); }
.mainSubEng .footer .footerBottomArea .addressArea {width: calc(100% - 500px);transform: translateX(-450px); }
.mainEngMo .footer .footerBottomArea .addressArea {width: calc(100% - 550px);transform: translateX(-450px); }
.footer .footerBottomArea .addressArea p {word-break: keep-all; }
.footer .footerBottomArea .addressArea .copyRight {margin-top: 12px; }
.mainEng .footer .footerBottomArea .addressArea .copyRight {margin-bottom: 20px; }
.mainEngMo .footer .footerBottomArea .addressArea .copyRight {margin-bottom: 20px; }
.footerFam {float:right;position:relative;box-sizing:border-box;border:1px solid #e6e6e6;width:165px;height:41px; }
.mainEng .footerFam {top: 45px; }
.mainSubEng .footerFam {top: 45px; }
.mainEngMo .footerFam {top: 45px; }

.footerFamBtn {width:100%; height:100%; border:none; outline:none; color:#777; font-size:15px; font-family: "Noto Sans KR", sans-serif; padding-left:20px; text-align:left; background-color:#fff; cursor:pointer; }
.footerFamBtn svg {position:absolute; top:50%; transform:translateY(-50%); transform-origin:center center; right:12px; font-size:18px; fill:#f20909; transition:.5s; }
.footerFamCon {display:none; position:absolute; z-index:1; left:-1px; bottom:39px; width:calc(100% + 2px); background-color:#fff; border:1px solid #e6e6e6; padding:7px 0 7px 20px; box-sizing:border-box; }
.footerFamCon li {text-align:left; padding:5px 0; }
.footerFamCon li a {font-size:14px; color:#888; }
/* //footer */
/* //layout */

/* style guide */
/* ellipsis */
.ellipsis {width:100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.ellipsis2 {display: block;display: -webkit-box;max-width: 100%;height: 43px;margin: 0 auto;font-size: 14px;line-height: 1;-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; }
.ellipsis3 {display: block;display: -webkit-box;max-width: 100%;height: 43px;margin: 0 auto;font-size: 14px;line-height: 1;-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; }
/* //ellipsis */

/* btnStyle */
.btnArea {text-align: center; }
.btnArea.right {text-align: right; }
.btnArea.left {text-align: left; }
.btnType {display: inline-flex;align-items: center;-webkit-box-align: center; -ms-flex-align: center;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;min-width: 180px;margin: 0 12px;padding: 18px 15px;border-radius: 50px; }
.btnType.small {min-width: 104px;padding: 10px 15px; }
.btnType span {font-size: 18px; }
.btnType.btnType01 {border: 1px solid #000;background-color: transparent; }
.btnType.btnType01:hover {border: 1px solid #00939b;background-color:#00939b;transition:.3s; }
.btnType.btnType01:hover span {color:#fff; }
.btnType.btnType01 span {color: #000; }
.btnType.btnType02 {border: 1px solid #00939b;background-color: #00939b; }
.btnType.btnType02 span {color: #fff; }
.btnType.btnMore {border: 1px solid #000;background-color: transparent; }
.btnType.btnMore span {color: #000; }
/* //btnStyle */

/* tblStyle */
.tblArea .tblType {width: 100%;border-top: 2px solid #000; }
.tblArea .tblType th {font-size: 20px; }
.tblArea .tblType td {font-size: 22px;font-weight: 700;line-height: 38px; }
.tblArea .tblType th,
.tblArea .tblType td {padding: 30px 60px;text-align: left;border-bottom: 1px solid #ababab; }
.tblArea .tblType td p.subDesc {margin-top: 15px;font-size: 18px;font-weight: 400; }
.tblArea .tblType td p.subDesc:first-child {margin-top: 20px; }
.tblArea .tblType.both th {text-align: center;vertical-align: middle; }
.tblArea .descNotice {position: relative;margin: 25px 0;font-size: 17px;line-height: 32px; }
.tblArea p.descNotice {padding-left: 20px; }
.tblArea .descNotice li {position: relative;padding-left: 20px; }
.tblArea p.descNotice::before,
.tblArea .descNotice li::before {content: '※';position: absolute;left: 0;top: 0;color: #f17c46; }

.tblArea p.descNotice.descNotice-black::before,
.tblArea .descNotice.descNotice-black li::before {content: '※';position: absolute;left: 0;top: 0;color: #000; }
.tblArea .descNotice span {display: block; }
/* //tblStyle */

/* listStyle */
.listType.bulType li {position: relative;margin-top: 26px;padding-left: 16px;line-height: 36px;font-size: 20px;font-weight: normal; }
.listType.bulType li:first-child {margin-top: 0; }
.listType.bulType li::before {content: '';position: absolute;left: 0;top: 15px;width: 6px;height: 6px;border-radius: 50px;background: #000; }
/* //listStyle */

/* tabStyle */
.tabArea {padding: 80px 0; }
.tabArea ul {display: flex;display: -webkit-box;display: -ms-flexbox;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;width: 100%;margin: auto; }
.tabArea ul li {position: relative;margin: 0 38px; }
.tabArea ul li.current:before {content: '';position: absolute;left: calc(50% - 5px);bottom: -26px;width: 10px;height: 10px;border-radius: 50%;background-color: #00939b; }
.tabArea ul li a {font-size: 25px;font-weight: 700; }
.tabArea ul li.current a {color: #00939b; }
/* //tabStyle */

/* boardListStyle */
.md_list ul {display: flex;display: -webkit-box;display: -ms-flexbox;flex-wrap: wrap; }
.md_list ul li {width: 31%;margin: 0 1.1% 45px 1.1%; }
.md_list .md_data {display: block;box-sizing:border-box;border:1px solid #aeb0b4; }
.md_list .md_data:nth-child(4n+1) {margin-left: 0; }
.md_list .md_data a {padding: 50px 40px 80px 40px;display:block;width:100%;box-sizing: border-box;transition: all 0.2s; }
.md_list .md_data:hover {border:1px solid #00939b;-moz-box-shadow: 0 0 25px #dedede;outline: 1px solid #00939b;-webkit-box-shadow: 0 0 25px #dedede;box-shadow: 0 0 25px #dedede;transition: all 0.2s; }
.md_list .md_data:first-child { margin-left:0; }
.md_list .md_data dl dt {position: relative;margin-bottom: 50px;padding-top:35px;height: 83px;color:#000;font-size:28px;line-height:40px;font-weight:800; }
.md_list .md_data dl dt:before {content: '';position: absolute;left: 0;top: 0;width: 12px;height: 12px;border-radius: 50%;background-color: #00939b; }
.md_list .md_data dl dt, .md_list .md_data dl dd { text-align: left; }
.md_list .md_data dl dd {font-size:18px;line-height:1.5em;display:block;margin-bottom:75px;overflow: hidden; }
.md_list .md_data dl dd:last-child {font-size: 13px;color: #aeb0b4;margin-bottom:0; }
/* //boardListStyle */

/* stepStyle */
.stepArea {display: flex;display: -webkit-box;display: -ms-flexbox;justify-content: space-between;-webkit-box-pack: justify; -ms-flex-pack: justify;margin-bottom: 130px; }
.stepArea h3.numberingTit {width: 30%;font-size: 30px;font-weight: 700; }
.stepArea h3.numberingTit span {display: block;margin-bottom: 10px;color: #00939b;font-size: 15px;font-weight: 700; }
.stepArea .tblArea,
.stepArea .faqArea {width: 70%; }
/* //stepStyle */

/* swiperStyle */
.swiperCalender .swiperArea .swiperCalender .swiper-container {z-index: 0; }

.swiper-button-prev, .swiper-button-next {z-index:0 !important; }
/* //swiperStyle */

/* layerStyle */
.popLayer .popContainer {position: relative; }
.popLayer p.ctxt {color: #666;line-height: 25px; }
.popLayer .btnClose {position: absolute;top: -73px;right: 0; }
.popLayer {display: none;position: absolute;top: 50%;left: 50%;width: 410px;height: auto;background-color: #fff;z-index: 10; }
.dimLayer {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100; }
.dimLayer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50); }
.dimLayer .popLayer {display: block; }
a.btnLayerClose {display: inline-block;width: 52px;height: 52px;background-color: #fff;font-size: 24px;text-align: center;color: #00939b;line-height: 52px;border-radius: 50%; }
a.btnLayerClose:hover {background-color: #00939b;color: #fff; }
/* //layerStyle */

/* sortingStyle */
.sortingArea {padding-top: 30px;border-top: 2px solid #000; }
.sortingArea label {position: relative;display: inline-block;margin-right: 12px;margin-bottom: 18px;text-align: center; }
.sortingArea .designCheckbox:hover {cursor: pointer !important; }
.sortingArea .designCheckbox {padding: 10px 18px 10px;font-size: 20px;font-weight: 200;text-align: center;border: 2px solid #f6f6f6;border-radius: 50px;background-color: #f6f6f6; }
.sortingArea input[type="checkbox"] {position: absolute;visibility: hidden; }
.sortingArea input[type="checkbox"] + div {position: relative; }
.sortingArea input[type="checkbox"]:checked + div {color: #00939b;border: 2px solid #00939b;background-color: #fff; }
.sortingArea.type01 {padding: 0;border: none; }
.sortingArea.type01 .designCheckbox {padding: 0;border: none;font-size: 25px;font-weight: 800;border-radius: 0;background-color: transparent; }
.sortingArea.type01 input[type="checkbox"]:checked + div span {position: relative; }
.sortingArea.type01 input[type="checkbox"]:checked + div span:after {content: '';display: block;width: 100%;height: 3px;position: absolute;bottom: -6px;left: 1px;background: #f17c46; }

.sortingArea.type01 input[type="checkbox"]:checked + div {color: #f17c46 !important;border: none;background-color: #fff !important; }
/* //sortingStyle */

/* agreeStyle */
.agreeArea {}
.agreeArea label {position: relative;}
.agreeArea .designCheckbox {line-height:20px; }
.agreeArea .designCheckbox:hover {cursor: pointer !important; }
.agreeArea .designCheckbox .checkbox {display: inline-block;margin-right: 5px;font-size:20px;line-height:20px;color:#d7d7d7;margin-top:2px; }
.agreeArea input[type="checkbox"] {position: absolute;visibility: hidden; }
.agreeArea input[type="checkbox"] + div {position: relative;display: inline-flex;align-items: center;-webkit-box-align: center; -ms-flex-align: center; }
.agreeArea input[type="checkbox"]:checked + div .checkbox {display: inline-block;font-size:20px;line-height:20px;color:#00939b;margin-top:2px; }

label.long span.checkbox {display: inline-block;line-height:22px;color:#d7d7d7;transform: translateY(2px); }
label.long input[type="checkbox"]:checked + span.checkbox {display: inline-block;font-size:22px;line-height:22px;color:#00939b; }

/* //sortingStyle */

/* faqStyle */
.faqArea {border-top: 2px solid #000; }
.faqArea li a.question {position: relative;display: block;padding: 30px 60px;text-indent: -44px;padding-left: 102px;border-bottom: 1px solid #c9c9c9;font-size: 20px;font-weight: 200; }
.faqArea li a.question:before {content: 'Q';padding-right: 20px;color: #00939b;font-size: 25px;font-weight: 700; }
.faqArea li a.question i {position: absolute;right: 30px;top: calc(50% - 10px);text-indent: 0; }
.faqArea i {transition:transform .5s; }
.faqArea .current i {transform:rotate(180deg);transition:transform .3s;text-indent: 0; }
.faqArea li div.answer {display: none;padding: 30px 60px;padding-left: 102px;font-size: 18px;line-height: 32px;background-color: #f9f9f9;border-bottom: 1px solid #c9c9c9; }
/*.faqArea li div.answer:before {content: 'A';padding-right: 20px;color: #00939b;font-size: 25px; } */
/* //faqStyle */

/* form */
label.typeBlock,
.agreementArea p.typeBlock {display: block;margin-bottom: 15px;font-size: 20px;color: #222; }
label.typeBlock span,
.agreementArea p.typeBlock span {font-size: 16px;color: #00939b; }
label.typeBlock.noLable {height: 20px; }
.formLayout {width: 100%;display: flex;justify-content: space-between;-webkit-box-pack: justify; -ms-flex-pack: justify;align-items: center;-webkit-box-align: center; -ms-flex-align: center;flex-wrap: wrap;-ms-flex-wrap: wrap; }
.formLayout > li {flex-basis: calc(50% - 50px);margin-bottom: 40px;/*flex: 0 46%; */}
.formLayout > .formListNear {flex-basis:calc(50% - 13px); }
.formLayout input {padding: 16px 20px;width:100% !important;box-sizing:border-box; }
.formLayout > li.hidden { visibility: hidden; }
.formLayout > li.textAreaStyle {flex-basis: 100%; }
.formLayout > li.w100 {flex-basis: 100%; }
.formLayout > li.phoneNumStyle,
.formLayout > li.emailStyle {flex-basis: 100%; }
.formLayout > li.phoneNumStyle .widthSize {width: calc(50% - 50px); }
.formLayout > li.phoneNumStyle .widthSize div,
.formLayout > li.emailStyle > div {display: flex;align-items: center; }
.formLayout > li.emailStyle input {flex-basis: 30%; }
.formLayout > li.phoneNumStyle .widthSize div span {padding: 0 2%;font-size: 40px;font-weight: 200; }
.formLayout > li.emailStyle > div > span {font-size: 20px;padding: 0 1%;font-weight: 200; }
.formLayout > li.emailStyle > div > .select_box {flex-basis: 40%; }
input:focus { border-radius: 0; }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
.filebox label,
textarea {padding: 16px 20px;width: 100%;box-sizing:border-box;border: 1px solid #d7d7d7;font-size: 18px;color: #555555; font-family: 'OPPOSans';}
input::placeholder {color: #838383; }
.formLayout > li.customFileStyle {position: relative;flex-basis: 100%; }
.formLayout > li.customFileStyle.customFileStyle-half {flex-basis: calc(50% - 50px); }
.formLayout > li.question-txt {flex-basis: 100%; }
.formLayout > li.customFileStyle > div {display: flex;align-items: center; }
.formLayout > li.customFileStyle .customDesign { padding: 0 40px; height: 60px;box-sizing:border-box; border: 1px solid #d7d7d7; font-size: 18px; color: #838383; cursor: pointer; transition: all 0.2s; line-height: 60px; white-space: nowrap; }
.formLayout > li.customFileStyle .customDesign:hover {border: 1px solid #00939b;background-color: #00939b;color: #fff; }
.formLayout > li.customFileStyle .fakeInput { width: calc(100% - 25px); margin-left: 25px; padding: 20px 20px; border: 1px solid #d7d7d7;background-color:#f8f8f8; font-size: 18px; color: #838383; height: 60px; box-sizing: border-box; }
.formLayout > li.customFileStyle .fakeInput > span {display:inline-block;margin-right: 65px; }
.formLayout > li.customFileStyle .fakeInput > span > span {display:inline-block;max-width:200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height:23px; }
.formLayout > li.customFileStyle .fakeInput span:nth-child(3) {margin-right:0; }
.formLayout > li.customFileStyle .fakeInput span a {margin-left:15px; }
.formLayout > li.customFileStyle .fakeInput span i {color: #e82121;font-size: 16px;transform:translateY(-4px); }
.formLayout > li.customFileStyle input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }

.select_box .box {display: inline-block;position: relative;width: 100%; }
.select_box .box .select {position: relative;padding: 20px 20px 20px;border: 1px solid #d7d7d7;font-size: 18px;color: #838383;background:url('../images/common/bu_select.png') no-repeat 100% 50%; background-position:right 20px center; }
.select_box .box .select i {display:none;position: absolute;right: 40px;font-size: 22px;color: #00939b;transition: transform .5s; }
.select_box.on .box .select i {transform: rotate(180deg);transition: transform .3s; }
.select_box .box .list {display: none;overflow-y: auto;position: absolute;top: 57px;left: 0;z-index: 10;border: 1px solid #d7d7d7;box-sizing: border-box;padding: 10px 0;width: 100%;background-color: #fff; }
.select_box .box .list::-webkit-scrollbar {width: 10px;height: 0; }
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment {display: block;height: 0; }
.select_box .box .list::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px; }
.select_box .box .list::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 5px;border-radius: 5px; }
.select_box .box .list>li {box-sizing: border-box;padding: 17px 40px;width: 100%;font-size: 18px;color: #555555;cursor: pointer; }
.select_box .box .list>li:hover {background-color: #ccc; }
/* DatePicker */
.dateArea {position: relative; }
.dateArea i {position: absolute;right: 15px;top: 50%;margin-top: -12px;font-size: 24px;color: #00939b;}
.ui-datepicker-trigger { display: none; }
.ui-datepicker { border-radius: 5px !important; border: 1px solid #e1e1e1; background-color: #fff; }
.ui-datepicker .ui-datepicker-header { background: none; border: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 0; border-radius: 5px; transition:all 0.3s ease; }
.ui-state-default:hover { background: #f5f5f5; }
.ui-datepicker-today a { font-weight: 700; color: #00939b; }
.ui-datepicker .ui-datepicker-prev { left: 2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right: 2px; cursor: pointer; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-state-active { background: #ff7153 !important; color: #fff !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none; }

.ui-datepicker { width: 17em; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 10px; background-color: #00939b; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:18px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev { left:12px; }
.ui-datepicker .ui-datepicker-prev:before { font-family: 'xeicon'; content: "\e93d"; font-size: 20px; color: #fff; }
.ui-datepicker .ui-datepicker-next { right:12px; }
.ui-datepicker .ui-datepicker-next:before { font-family: 'xeicon'; content: "\e940"; font-size: 20px; color: #fff; }
.ui-datepicker .ui-datepicker-prev-hover { left:12px; }
.ui-datepicker .ui-datepicker-next-hover { right:12px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 400; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .4em .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* //form */

/* //style guide */





/*media queries*/
@media (max-width:1863px) {
	.headerSearchClose {left:auto;transform:translate(0);right:40px; }
}

@media (max-width:1760px) {
	.headerInner .headerLogoArea {left: 25px; }
	.searchArea {right: 25px; }
	.subHeaderLang {right: 85px; }

	.headerSearchClose {right:25px; }
	.gnb > ul > li {width:11vw; }
	.mainSubEng .gnb > ul > li {width:15vw; }
	.gnb ul ul {width:11vw; }
	.mainSubEng .gnb ul ul {width:15vw; }
	.gnb ul ul .tit {font-size:21px;padding: 40px 10px 22px; }
	.gnb ul ul li {padding:10px 10px; }
	.gnb ul ul li a {font-size:16px; }
}

@media (max-width: 1496px) {
	.snsEnWrap {left:auto;transform:none;right:0; }
	.mainEng .snsEnWrap {left: 50%;transform: translate(335px);right:auto; }
	.mainEng .footer .footerBottomArea .addressArea {left: 549px;transform:none;left:200px; }
	.mainSubEng .footer .footerBottomArea .addressArea {left: 549px;transform:none;left:200px; }
	.mainEngMo .footer .footerBottomArea .addressArea {left: 549px;transform:none;left:200px; }
}

@media (max-width: 1400px) {
	.ui-timepicker-wrapper {width: calc(25vw - 57px); }
	#ui-datepicker-div {width: calc(25vw - 57px); }
	.menu05 #ui-datepicker-div {width: calc(25vw - 66px); }
	.gnb ul ul .tit { font-size: 18px; }
	.next-line-pc {display:inline; }
	.next-line-1400 {display:block; }
}

@media (max-width: 1366px) {
	.next-line-Y {display:inline; }
}

@media (max-width:1350px) {
	.footer .footerTopArea .footerTopLeft .corpArea li {margin-left: 12px;padding-left: 12px; }
}

@media (max-width:1200px) {
	.ui-timepicker-wrapper {width: calc(50vw - 36px); }
	#ui-datepicker-div {width: calc(50vw - 36px);min-width:205px; }
	.menu05 #ui-datepicker-div {width: calc(48% - 25.565px);min-width:205px; }
	.ui-timepicker-list li {padding: 10px 0 10px 10px;font-size: 14px; }
	.mainSub .subHeaderLang i {font-size: 26px; }
	.mainSubEng .subHeaderLang i {font-size: 26px; }
	.subVisual .subVisualInner .subVisualTit p {width:400px; }
	.gnbList, .searchArea {display:none; }
	.subVisual {}
	.headerHam {display:block;right:20px;top:34px; }
	.allMenuBtns {right: 20px; }
	.searchArea {right: 20px; }

	.footerTopArea {position:relative; }
	.footerInner {padding: 25px 50px 0px; }
	.snsEnWrap {padding: 25px 50px 0px; }
	.mainBody .footerInner {padding: 25px 50px; }
	.footerInner2 {padding: 25px 50px 10px; }
	.mainBody .footerInner2 {padding:0px 50px 25px 50px; }
	.snsArea li {padding-left: 25px; }
	.snsEn li {padding-left: 25px; }
	.mainBody .snsArea li { padding-left: 35px; }
	.snsArea li .xi-2x {font-size: 25px; }
	.snsEn li .xi-2x {font-size: 25px; }
	.mainBody .snsArea li .xi-2x {font-size: 30px; }
	.footerBlog {background-size: 20px 20px;width: 25px;height: 25px; }
	.mainBody .footerBlog {background-size:25px 25px;;width: 30px;height: 30px; }
	.footer .footerTopArea .footerTopLeft {text-align:center; }
	.mainBody .footer .footerTopArea .footerTopLeft {text-align:left; }
	.corpArea {display:inline-block;padding-top:0;font-size:15px; }
	.mainBody .corpArea {display:block;padding-top:0;font-size:18px; }
	.footer .footerTopArea .footerTopRight {text-align:center;padding:5px 0 20px; }
	.mainBody .footer .footerTopArea .footerTopRight {text-align:left;padding:0; }
	.footer .footerBottomArea .addressArea {line-height:20px; }
	.mainBody .footer .footerBottomArea .addressArea {line-height:25px; }
	.snsArea {display:inline-flex; }
	.mainBody .snsArea {display:block; }
	.subVisual .subVisualInner .socialArea {bottom: 35px;z-index: 3;left: 0;margin-top:0;position:absolute;width: 100%; }
	.mainSubEng .footer {border-top: 10px solid #f0f0f0; }
	.mainSub .footer .footerTopArea {border-top: 10px solid #f0f0f0; }
}

.mainMo .footer .footerTopArea {border-top: 10px solid #f0f0f0; }
.mainMo.mainEngMo .footer {border-top: 10px solid #f0f0f0; }


@media (max-width:1024px) {
	.footer .footerTopArea .footerTopRight {float:none;width:100%; }
	.snsEnWrap {width:100%;text-align:center;position:static; }
	.mainEng .snsEnWrap {width:auto;text-align:left;position:absolute; }
	.snsEn {float:none;display:inline-block; }
	.mainEngMo .footerFam {top:0; }
	.mainSubEng .footerFam {top:0; }
	.mainBody .footer .footerTopArea .footerTopRight {float:right;width:auto; }
	.footer .footerTopArea .footerTopLeft {float:none;width:100%; }
	.mainBody .footer .footerTopArea .footerTopLeft {float:left;width:auto; }
	.footer .footerBottomArea .addressArea {position:static;transform:none;width:100%;text-align:center; }
	.mainBody .footer .footerBottomArea .addressArea {position:absolute;transform: translateX(-50%);width:calc(100% - 400px);text-align:left; }
	.mainBody.mainEng .footer .footerBottomArea .addressArea {position:absolute;transform:none;width:calc(100% - 600px);text-align:left; }
	.mainEngMo .footer .footerBottomArea .addressArea {position:static;transform:none;width:100%;text-align:center; }
	.mainSubEng .footer .footerBottomArea .addressArea {position:static;transform:none;width:100%;text-align:center; }
}

/*모바일*/
@media (max-width:768px) {
	.nextlineMo {display:block; }
	.next-line-pc-768 { display:inline; }

	.allDepth2Link.active:before {opacity: 1}

	/*header*/
	.header {height:60px; }
	.headerInner {height:60px; }
	.headerInner .headerLogoArea {left: 18px;top: 13px; }
	.headerInner .headerLogoArea img { width: 101px;height: 30px; }
	.headerHam {right: 17px;top: 18px;transform: translateY(0);font-size: 23px; }
	.headerHam i {font-size:30px; }
	.headerHam svg {width:20px; }
	.containerInner .inner {padding: 0 15px; }
	.subHeaderLang {top: 11px; }
	.mainSub .subHeaderLang {right:55px; }


	.mainSubEng .subHeaderLang svg { width: 21px; }

	.allMenuClose svg {font-size: 20px;}

	.mainSubEng .subHeaderLang {right:44px; }


	.mainHeaderEng,
	.subHeaderEng {width:21px !important; height:21px !important; font-size:7px !important; line-height:21px !important}

	/*allMenu*/
	.allMenuBox {top: 0px; }
	.allMenuBtns {width:100%;right:auto;box-sizing:border-box;padding:0 17px;top:23px; }
	.mainBody .allMenuBtns {width:100%;right:auto;box-sizing:border-box;padding:0 17px;top:23px; }
	.allMenuBtns::after {clear:both;display:block;content:''; }
	.allMenuLang {float: left;border: 1px solid #79d2d7;box-sizing: border-box;background-color: transparent;color: #79d2d7;border-radius: 23px;width: 52px;height: 26px;font-size: 13px;padding-top: 6px; }
	.allMenuClose {float:right; }
	.allMenuClose i {font-size:38px; }
	.allMenuBox {min-height: 100%; }
	.allMenuIn {padding:0;margin: 80px auto 0;min-height: 100%; }
	.allTitle {display:none; }
	.allInTop {border-bottom:none;padding:0px 20px 0; }
	.allSearch {float: none;width: 100%;max-width:100%;height:52px;border-radius:0;box-sizing: border-box;padding: 12px 16px;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #80c9cd; }

	.allSearchTxt {font-size:21px !important;padding: 0 15px 0 10px !important; }
	.allSearchBtn {width:25px;height:25px; }
	.allInBottom {padding-top:0;padding-bottom:250px; }
	.allDepth1 > li {width:100%; float:none;height:auto;padding-left:0; }
	.allDepth2Name {margin: 0;position: relative;height: 55px;line-height: 55px;cursor: pointer;padding-left: 35px;font-size: 17px; }
	.allDepth2Name::after { position:absolute; background:url('../images/common/all_plus_mo.png') no-repeat; background-size:20px; width:20px; height:20px; display:block; content:''; right:40px; top:50%; transform:translateY(-50%); }
	.allDepth2Name.allActive::after {background:url('../images/common/all_minus_mo.png') no-repeat;transform: translateY(-20px); }
	.allDepth1 > li:nth-child(3) .allDepth2Name::after { }
	.allDepth2 {display:none; }
	.allDepth2 > li {margin-bottom:0;height:35px;line-height:35px;padding-left:50px; }
	.allDepth2 > li:first-child { }
	.allDepth2 > li:last-child {padding-bottom:10px; }
	.allDepth2 > li a {color:#79d2d7;font-weight:bold;font-size:14px; }
	.allDepth2 a:hover::after {display:none; }
	/*비쥬얼*/
	.subVisualImgBox {position: absolute;overflow:hidden; }

	body.menu01 .subVisualImgBox .subVisualImg {margin-right:-30px; }
	body.menu02 .subVisualImgBox .subVisualImg { }
	body.menu03 .subVisualImgBox .subVisualImg { }
	body.menu04 .subVisualImgBox .subVisualImg { }
	body.menu05 .subVisualImgBox .subVisualImg {margin-right:-40px;bottom:-10px; }
	body.menu06 .subVisualImgBox .subVisualImg { }
	body.menu07 .subVisualImgBox .subVisualImg { }
	body.menu08 .subVisualImgBox .subVisualImg {margin-right:-60px; }
	body.menu01 .subVisualImgBox {height: 65%;bottom: 10px; }
	body.menu02 .subVisualImgBox {height: 90%;bottom: 10px; }
	body.menu03 .subVisualImgBox {height: 75%;bottom: 10px; }
	body.menu04 .subVisualImgBox {height: 80%;bottom: 10px; }
	body.menu05 .subVisualImgBox {height: 80%;bottom: 0; }
	body.menu06 .subVisualImgBox {height: 65%;bottom: 10px; }
	body.menu07 .subVisualImgBox {height: 80%;bottom: 0; }
	body.menu08 .subVisualImgBox {height: 70%;bottom: 10px; }
	.breadCrumb {display:none; }
	.subVisual {height: 250px;padding: 0px 0px 0 20px !important; }
	.subVisualInner {padding:15px 15px 0 0;box-sizing:border-box; }
	.subVisual .subVisualInner {position:relative; }
	.subVisual .subVisualInner .subVisualTit h2 {font-size:28px;display:block;margin-top:20px;width:calc(100% - 120px);word-break:break-all; }
	.subVisual .subVisualInner .subVisualTit {margin-top:0px; }

	.subVisualTit > p {display:none; }

	.subVisual .subVisualInner .socialArea .tooltip {padding:20px 5px 15px;left: -10px; top: 40px; }
	.subVisual .subVisualInner .socialArea .tooltip-left::before {border:none; }
	.subVisual .subVisualInner .socialArea .tooltip a {display:block;margin:0 0 13px 0; }
	.subVisual .subVisualInner .socialArea .tooltip a:last-child {margin-bottom:0; }
	.subVisual .subVisualInner .socialArea {bottom: 25px;left:0px;max-width: 100%;width:auto; }

	.subVisual .subVisualInner .socialArea svg { width: 23px }

	.subVisual .subVisualInner .socialArea .tooltip a:nth-child(1) svg { width: 8px }
	.subVisual .subVisualInner .socialArea .tooltip a:nth-child(2) svg { width: 18px }
	.subVisual .subVisualInner .socialArea .tooltip a:nth-child(3) svg { width: 16px }
	.subVisual .subVisualInner .socialArea .tooltip a:nth-child(4) svg { width: 16px }

	.subVisual .subVisualInner .socialArea .tooltip i {font-size: 25px; }
	/*컨텐츠*/
	.container .containerInner {padding: 0 0 370px; }
	.titWant, .swiperCalender, .bottom-btns {display:none; }

	.titWant.titWantShow, .swiperCalender.swiperCalenderShow {display:block; }
	/*footer*/
	.footerInner.footerInner1 {padding:25px 15px 0; }
	.snsEnWrap {padding:0px 15px 20px; }
	.footer {padding-top: 25px}
	.mainBody .footerInner.footerInner1 {padding: 25px 50px; }
	.footerInner.footerInner2 {padding: 0px 15px 25px; }
	.mainBody .footerInner.footerInner2 {padding: 25px 50px; }
	.footer .footerBottomArea {padding-top:7px; }
	.mainBody .footer .footerBottomArea {padding-top: 15px; }
	.corpArea {text-align:center; }
	.mainBody .corpArea {text-align:left; }
	.corpArea li:nth-child(4),
	.corpArea li:nth-child(5),
	.corpArea li:nth-child(6) {display:none; }
	.mainBody .corpArea li:nth-child(4),
	.mainBody .corpArea li:nth-child(5),
	.mainBody .corpArea li:nth-child(6) {display:block; }
	.footer .footerTopArea .footerTopLeft .corpArea li {margin-left: 20px;padding-left: 20px; }
	.mainBody .footer .footerTopArea .footerTopLeft .corpArea li {margin-left: 12px;padding-left: 12px; }
	.footer .footerBottomArea .addressArea {font-size:11px;line-height: 17px; }
	.mainBody .footer .footerBottomArea .addressArea {font-size:13px;line-height: 25px; }
	.footer .footerTopArea {border-bottom:none; }
	.footer .footerBottomArea {height:auto; }
	.footerInner {text-align:center; }
	.mainBody .footerInner {text-align:left; }
	.footerFam {display:inline-block; }
	.mainBody .footerFam {display:block; }
	.footer .footerBottomArea .footerLogoArea {margin-right:15px; }
	.mainBody .footer .footerBottomArea .footerLogoArea {margin-right:0; }
}

@media (max-width:500px) {
	.allSearchTxt {font-size:calc(7px + 2.2vw) !important;padding:0 !important; }
	.corpArea {font-size:calc(9px + 1.2vw); }
	.mainBody .corpArea {font-size:18px; }
	.snsArea li {padding-left:25px; }
	.mainBody .snsArea li {padding-left:35px; }
	.footer .footerTopArea .footerTopLeft .corpArea li {margin-left:calc(2vw);padding-left:calc(2vw); }
	.mainBody .footer .footerTopArea .footerTopLeft .corpArea li {margin-left:12px;padding-left:12px; }
	.footer .footerBottomArea .footerLogoArea a {display: block;width: 100px;height: 30px; }
	.mainBody .footer .footerBottomArea .footerLogoArea a {width: 127px;height: 37px; }
	.footerFam {width: 140px;height: 32px; }
	.mainBody .footerFam {width: 165px;height: 41px; }
	.footerFamBtn { font-size: 13px; }
	.mainBody .footerFamBtn { font-size: 15px; }
	.footerFamCon {bottom: 30px; }
	.mainBody .footerFamCon {bottom: 39px; }
	.footer .footerTopArea .footerTopLeft .corpArea li a {font-size: 13px; }
}

@media (max-width: 350px) {
	.footer .footerTopArea .footerTopLeft .corpArea li a {font-size: 11px; }
}

@media (max-width: 315px) {
	.corpArea {font-size: calc(9px + 1vw); }
	.mainBody .corpArea {font-size:18px; }
	.footer .footerTopArea .footerTopLeft .corpArea li {margin-left: calc(1vw);padding-left: calc(1vw); }
	.mainBody .footer .footerTopArea .footerTopLeft .corpArea li {margin-left:20px;padding-left:20px; }
	.footerFam {width: 130px;height: 32px; }
	.mainBody .footerFam {width: 165px;height: 41px; }
}