@charset "utf-8";

@import url('base.css');

/************************************************
	skipLink
************************************************/
#skipLink{ width:100%; overflow:hidden; position:relative; z-index:1000;}
#skipLink a{ margin:0px -1px -1px 0px; width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block;}
#skipLink a:focus{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:hover{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:active{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}

input { -webkit-appearance: none; -webkit-border-radius: 0;}

.add_div > input#uname { width: 120px; }
.add_div > input#memo { width: calc(100% - 350px); margin-left: 5px; }


*[tabindex] {
  outline:none;
}


.flex_box { display: flex; flex-wrap: wrap; justify-content:  }
.cc { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ac { align-items: center }
.as { align-items: flex-start; }
.ae { align-items: flex-end; }
.jcs { justify-content: flex-start; }
.jcc { justify-content: center; }
.jce { justify-content: flex-end; }

/*btns*/
.bg_gradient {
	border: none !important;
	color: #fff !important;
    background: linear-gradient(-45deg,#ee7752,#39a1ff,#23a6d5,#23d5ab);
    background-size: 1000% auto;
	animation: gradient 5s ease infinite;
}

.btn_style1, .btn_style2, .btn_style3, .btn_style4 { position: relative; }
.btn_style1:hover, .btn_style2:hover, .btn_style3:hover, .btn_style4:hover { opacity: .8; }
.btn_style1 span, .btn_style2 span, .btn_style3 span, .btn_style4 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.btn_wrap { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.btn_wrap2 { max-width: 700px; margin: 0 auto; display: flex; justify-content: center; gap: 1.25rem; }
.btn_wrap3 { max-width: 360px; margin: 0 auto; display: flex; justify-content: center; gap: 1.25rem; }
.btn_wrap2 > a,.btn_wrap3 > a { width: calc(50% - 5px); }

.btn_style1 { display: inline-block; min-width: 11.25rem; min-height: 3.375rem; padding: .5rem 1.5rem; border-width: 1px; border-style: solid; text-align: center !important; background: #fff; }
.btn_style2 { display: inline-block; min-width: 11.25rem; min-height: 2.25rem; padding: .5rem 1.5rem; border-width: 1px; border-style: solid; border-radius: 5px;  text-align: center !important; background: #fff; }
.btn_style3 { display: inline-block; min-width: 6.25rem; min-height: 2.25rem; padding: .5rem 1.5rem; border-width: 1px; border-style: solid; border-radius: 500px; font-size: .94rem; font-weight: 500; text-align: center; }
.btn_style4 { display: inline-block; margin: 0 4px; padding: .45rem 2rem; border-width: 1px; border-style: solid; border-radius: 10px; font-weight: 500; text-align: center; background: #fff; }


.red_fill { background: #e6002d; border-color: #e6002d; color: #fff; }
.red_line { border-color: #e6002d; color: #e6002d; }
.orange_fill { background: #fa8027; border-color: #fa8027; color: #fff; }
.orange_line { border-color: #fa8027; color: #fa8027; }
.brown_fill { background: #897c71; border-color: #897c71; color: #fff; }
.brown_line { border-color: #897c71; color: #897c71; }
.gray_fill { background: #6b6b6b; border-color: #6b6b6b; color: #fff; }
.gray_fill2 { background: #f2f2f2; border-color: #f2f2f2; color: #000; }
.gray_line { border-color: #ababab; color: #929191; }
.gray_line2 { background: #f2f2f2; border-color: #e8e8e8; color: #000; }
.gray_line3 { background: #fff; border-color: #a2a2a2; color: #000; }
.blue_fill { background: #55a5da; border-color: #55a5da; color: #fff; }
.blue_line { border-color: #55a5da; color: #55a5da; }
.green_fill { background: #00b3ce; border-color: #00b3ce; color: #fff; }
.green_line { border-color: #00b3ce; color: #00b3ce; }
.black_line { border-color: #000; color: #000; }
.black_fill { background: #000; border-color: #000; color: #fff; }
.white_line { background: none; border-color: #fff; }              
.ghost { border: 0; background: rgba(0, 0, 0, .3); color: #fff; }

.orange_fill:focus,
.orange_line:focus { outline-color: #333 !important; }

.btn_right { display: flex; justify-content: flex-end; gap: .625rem; }
.btn_right img { vertical-align: middle; margin-right: 4px; }

.btn_arrow { position: relative; display: inline-block; padding-right: 15px; }
.btn_arrow::before { content: ""; position: absolute; top: 50%; right: 0; width: 7px; height: 7px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: translateY(-52%) rotate(45deg); }



/* --------------------------------------------
 * layout
/* ------------------------------------------ */
.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:6;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

#wrap{ position:relative; width:100%; margin:0 auto; overflow:hidden;;}

#header{ position: relative; top: 100; left: 0; width:100%; background-color: #fff; z-index:30; 
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#header .header-top{ background-color: #31476f;}
#header .header-top .utill{ max-width: 1490px; margin: 0 auto; text-align: right;}
#header .header-top .utill a{ position: relative; color: #fff; font-size: 13px; display: inline-block; line-height: 38px; text-transform: uppercase;}
#header .header-top .utill a + a{ margin-left: 18px; padding-left: 19px;}
#header .header-top .utill a + a::before{ content: ''; display: block; width: 1px; height: 1rem; background-color: #58a0d1; position: absolute; top: 50%; left: 0; margin-top: -.5rem;}
#header .inner{ position: relative; width:100%; margin: 0 auto; padding-right: 200px; z-index: 2;}
#header .inner::after{ content: ''; display: block; clear: both;}
#header .inner h1.logo{ position: absolute; top: 50%; left: 90px; width: 70px; margin-top: -38px;}
#header .inner h1.logo a{ display: block; height: 70px; text-indent: -9999px; background: url(../images/main/logo.png) 50% 50% no-repeat; background-size:75px; }
#header .inner h1.logo p { position: absolute; font-size: 18px; width: 120px; top: calc(50% - 12.5px); left: 85px; word-break: keep-all; line-height: 1.3;}
#header .inner .bt-mn{ position: absolute; width: 120px; height: 110px; top: 0; right: 0; display: block;background: #fe5e00 url("../images/main/menu_ico.png") no-repeat center;}

#header .inner .bt-sch{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; right: 60px; text-indent: -99999px; text-align: left; background: url(../images/ic_search.png) 50% 50% no-repeat;}
#header .inner .bt-sch.active{ background: url(../images/ic_x.png) 50% 50% no-repeat;}
#header .subBg{ position: absolute; top: 110px; left: 0; width: 1000%; background-color: #fff; border-top: #b7b7b7 1px solid; border-bottom: #b7b7b7 1px solid; height: 300px; display: none;}
.fixed #header{ position: fixed; border-bottom: #000 1px solid;}
   
#header .subBg:after{display:block;content:'';position:absolute;top:100px; left:345px;width:1px; height:100%; background:#b7b7b7;}
	

#gnb{ text-align: right;height: 110px;margin-right:200px;}
#gnb > li{ position: relative; display: inline-block;margin: 0 50px;}

#gnb > li > a{ display: block; line-height:110px; color: #0f1010; font-size: 22px; font-family: 'KHNPHD_R'; letter-spacing: -.05em; font-weight: 500;}
#gnb > li:hover > a,
#gnb > li.active > a{ color: #fe5e00;}
#gnb > li > .subDepth{ display: none; position:absolute; top: 110px; left: 0; white-space: nowrap;padding-top:26px;}
#gnb > li:nth-child(1) > .subDepth{left:18px;}
#gnb > li:nth-child(2) > .subDepth{left:-20px;}
#gnb > li:nth-child(3) > .subDepth{left:6px;}
#gnb > li:nth-child(4) > .subDepth{left:-12px;}
#gnb > li:nth-child(5) > .subDepth{left:-48px;}
#gnb > li:nth-child(6) > .subDepth{left:-20px;}

#gnb > li::after{content: '';position: absolute;bottom:0;left: 50%;display: block;background-color: #fe5e00;width: 0;opacity: 0;height: 2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
#gnb > li:hover::before{ opacity: 1; width: 100%; margin-left: -50%;}
#gnb > li:hover::after{ width: 150%; left:50%; transform:translateX(-50%); opacity: 1;}


#gnb > li > .subDepth > li{text-align:center;padding: 10px 0;}
#gnb > li > .subDepth > li > a{ color: #5e5e5e; font-size: 18px;font-family:'NanumSquareR';font-weight:400; color:#181818;}
#gnb > li > .subDepth > li > a:hover{ color: #fe5e00;}
#header .member { position:absolute; right: 190px; top:30px;width:190px;height:50px; line-height:50px; border: 2px solid #000; border-radius:24.5px;text-align:center; line-height:42px;}
#header .member > a{font-size:15px;font-family:'KHNPHD_R';color:#fe5e00;}
#header .member > a + a{position:relative;margin-left:16px;}
#header .member > a + a:after{position:absolute;display:block;content:'';width:1px;height:14px; background:#737373;left:-8px; top:0;}
#container{ position: relative;}
#indexwrap{ position: relative; z-index: 1; padding-top: 128px;}

#footer{ background-color: #3a3a3a; padding: 97px 0; color: #fff; font-size: 13px; z-index: 50;}
/*#footer::after{ content: ''; display: block; width: 100%; height: 120px; background-color: #525a61; border-top: #6b747b 1px solid; position: absolute; bottom: 0;  left: 0; z-index: 0;}*/
#footer .footer-wrap{ max-width: 1400px; margin: 0 auto; position: relative;z-index: 100; }
#footer .footer-wrap .logo{ position: absolute; top:0; left: 10px;}
#footer .footer-wrap .copy{ position: absolute; bottom: 0; left: 0; width: 278px; text-align: center; font-size: 13px; letter-spacing: -.05em; white-space: nowrap;}
#footer .footer-wrap .copy em{ display: block; font-size: 12px; }
#footer .footer-wrap .copy b{ font-weight: 400;  color: #63bdc0;}
#footer .footer-wrap address p + p{ margin-top: 5px;}
#footer .footer-wrap address span{ position: relative; display: inline-block; letter-spacing: -.07em;}
#footer .footer-wrap address span + span{ margin-left: 10px; padding-left: 10px;}
#footer .footer-wrap address span + span::before{ content: ''; display: block; width: 1px; height: 10px; background-color: #fff; position: absolute; top: 50%; left: 0; margin-top: -5px;}
#footer .footer-wrap .footer-link{ margin-top: /*60px;*/ 10px; }
#footer .footer-wrap .footer-link > li{ position: relative; display: inline-block;}
#footer .footer-wrap .footer-link > li + li{ margin-left: 10px; padding-left: 10px;}
#footer .footer-wrap .footer-link > li + li::before{ content: ''; display: block; width: 1px; height: 10px; background-color: #89a6bc; position: absolute; top: 50%; left: 0; margin-top: -5px;}
#footer .footer-wrap .footer-link > li a{ color: #fff;}
#footer address{padding-top:90px;}
#footer address span, #footer address p{color:rgba(255,255,255,0.6); font-size:14px;font-weight:700;}
#footer address p{font-size:16px;}
#footer .sns{margin-left:240px;}
#footer .sns li{float:left; width:24px; height:24px;}
#footer .sns li + li{margin-left:20px;}
#footer .sns li.kakao{background:url("../images/main/footer_kakao_ico.png") no-repeat center / 100%;}
#footer .sns li.youtube{background:url("../images/main/footer_youtube_ico.png") no-repeat center;}
#footer .sns li.insta{background:url("../images/main/footer_instagram_ico.png") no-repeat center;}
#footer .sns li.facebook{background:url("../images/main/footer_facebook_ico.png") no-repeat center; }
#footer .sns li a{display:block;width:100%;height:100%;}
#footer .help{float:right;}
#footer .help li{float:left;width:260px; height:65px;line-height:65px;  border-radius:10px;text-align:center;}
#footer .help li:first-child {width: 320px;}
#footer .help li + li{margin-left:20px;}
#footer .help li a{font-size:17.5px; font-weight:700; color:#fff;width: 100%;height: 100%;display: block;}
#footer .help li.qna{background: #fe5e00 url(../images/main/footer_kakao_ico.png) no-repeat left 40px center;}
#footer .help li.ask{padding-left:30px;background: #fe5e00 url("../images/main/footer_ask_ico.png") no-repeat left 40px center;}

/*스크롤탑버튼*/
aside{ display: none; position: fixed; bottom: 100px; z-index: 7000; right: /*10px*/ 16px; width: 50px; height: 50px;}
aside a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 25px; background: #f77325  url("../images/sub/up-arrow.png") no-repeat center / 50%;
    border-radius: 50%;}

/*스크롤탑버튼*/


#siteFunctions{ position: fixed; top: 0; right: -100%; width: 100%; padding-left: 110px; z-index:100;}
#siteFunctions .inner{ background-color: #fff; height: 100vh; width: 100%; overflow-y: auto; padding: 0 4.5vw;}
#siteFunctions .inner .hd{ position: relative; padding: 1.5rem 0 0 0; border-bottom: #333 2px solid; height: 4.5rem;}
#siteFunctions .inner .hd .utill a{ position: relative; display: inline-block; text-transform: uppercase;}
#siteFunctions .inner .hd .utill a + a{ margin-left: .6rem; padding-left: 1rem;}
#siteFunctions .inner .hd .utill a + a::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #ddd;}
#siteFunctions .inner .hd .utill a.login{ color: #fc9023;}
#siteFunctions .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 1.5vw; margin-top: -2rem; overflow: hidden;}
#siteFunctions .inner .hd .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
#siteFunctions .inner .hd .bt-close::before{ content: ''; display: block; width: 2rem; height: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
#siteFunctions .inner .hd .bt-close::after{ content: ''; display: block; width: 2rem; height: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}
#siteFunctions .signup{margin-top:0;}

.mobMenu{ padding: 2rem 0 0 0;}
.mobMenu > li > a{ position: relative; display: block; font-size: 1.6rem; padding: .8rem 0 .6rem .8rem; border-bottom: #e1e1e1 1px solid; font-weight: 500; }
.mobMenu > li > a::after{ content: ''; display: block; width: .8rem; height: .8rem; border-top: #7f7f7f 2px solid; border-right: #7f7f7f 2px solid; position: absolute; top: 50%; right: 4.5vw; margin-top: -.4rem; transform: rotate(135deg); -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.mobMenu > li.active > a{ color: #fc9023;}
.mobMenu > li.active > a::after{ transform: rotate(-45deg);}
.mobMenu > li > ul{ padding: 1rem 0 2rem;}
.mobMenu > li > ul > li > a{ position: relative; display: block; font-size:15px; padding: .4rem 1.5rem;}
.mobMenu > li > ul > li > a::before{ content: ''; display: block; position: absolute; top: 50%; left: .5rem; width: .5rem; height: 1px; background-color: #666;}

.locationBar{ position: relative; width: 100%; z-index: 1; border-top: #000 1px solid; background-color: #fff;  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.fixed .locationBar{ position: fixed; top:128px; left: 0;}
.locationBar .inner{ max-width: 1490px; margin: 0 auto; }
.locationBar::before{ content: ''; position: absolute; background-color: #e0e0e0; height: 1px; left: 0; bottom: 0; width: 100%; display: block; z-index: -1;}
.locationBar::after{ content: ''; display: block; clear: both;}
.locationBar .loc-h{ float: left; }
.locationBar .loc-h a{ display: block; font-weight: 600; height: 57px; width: 60px; background:#000 url(../images/ic_home.png) 50% 50% no-repeat; text-indent: -9999px;}
.locationBar .location{ position: relative; float: left; width: 310px; border-right: #e0e0e0 1px solid;}
.locationBar .location .bt{ position: relative; display: block; padding: 0 66px; white-space: nowrap; color: #000; font-weight: 500;  font-size: 17px; width: 100%; height: 57px; line-height: 57px; white-space: nowrap;}
.locationBar .location .bt::after{ content: ''; position: absolute; top: 50%; right: 27px; margin-top: -13px; display: block; width: 27px; height: 27px; background: url(../images/ic_aw.png);  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.locationBar .location.active .bt::after{ transform: rotate(180deg);} 
.locationBar .location ul{ position: absolute; top: 56px; left: -1px; width: calc(100% + 2px); padding: 10px 0 20px; font-weight: 500; background-color: #fff; border: #bec2c4 1px solid; border-top: none; display: none;}
.locationBar .location ul li a{ display: block; padding: 5px 0 5px 66px; color: #8d8d8d; }
.locationBar .location ul li a:hover{ color: #106fd2; }


.sub-vis{ height: 420px; position: relative; background-repeat: no-repeat; background-color: #000; background-position: 50% 50%; background-size: cover; padding: 130px 0;}
.sub-vis p {color: #fce41d; font-size: 16px; font-family: 'KHNPHD_R'; letter-spacing: 3px; text-align: center; position: relative; top: 10px;letter-spacing: 10px;}
.sub-vis .tit{color: #fff; text-align: center; font-weight: 600; font-size: 60px;font-family: 'KHNPHD_R';}
.sub-vis .tit b{font-family: 'KHNPHD_B';}


.sub01.sub-vis{ background-image: url("../images/sub/sub_vis1.jpg");}
.sub02.sub-vis{ background-image: url("../images/sub/sub_vis2.jpg");}
.sub03.sub-vis{ background-image: url("../images/sub/sub_vis3.jpg");}
.sub04.sub-vis{ background-image: url("../images/sub/sub_vis4.jpg");}
.sub05.sub-vis{ background-image: url("../images/sub/sub_vis5.jpg");}
.sub06.sub-vis{ background-image: url("../images/sub/sub_vis6.jpg");}
.sub07.sub-vis{ background-image: url("../images/sub/sub_vis7.jpg");}

.contents{ padding: 130px 0 200px; min-height:600px;}
.contents2{ padding: 0px 0 200px; min-height:600px;}
.tit-area{ margin-bottom: 130px;}
.about-view .tit-area{margin-bottom:55px;}
.h3-tit{ text-align: center; font-weight: 600; color: #181818; font-size: 42px; position: relative;font-family: 'KHNPHD_R';}
.tit-sub{ font-size: 20px; color: #333; text-align: center; }
.h4-tit{ position: relative; font-size: 25px; color: #333; margin-bottom: 30px;}
.h4-tit.dot{ color: #000; font-size: 22px; padding-left: 28px;}
.h4-tit.dot::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1rem; height: 2px; background-color: #3190c5;}

body.sub03 .tit-area,
body.sub04 .tit-area,
body.sub05 .tit-area{ margin-bottom: 100px;}
body.sub03 .h3-tit,
body.sub04 .h3-tit,
body.sub05 .h3-tit{ color: #000; padding-bottom: 0;}
body.sub03 .h3-tit::after,
body.sub04 .h3-tit::after,
body.sub05 .h3-tit::after{ display: none;}
body.sub05 .contents{ padding: 130px 0 0px;}
body.sub05 .contents .community01{padding-bottom:200px;}

table.data{ table-layout: fixed; border-top: #000 2px solid;}
table.data thead th{ padding: 14px 20px; color: #000; font-weight: 500; background-color: #f0f0f0; border-bottom: #a0a0a0 1px solid; border-left: #a0a0a0 1px solid; text-align: center;}
table.data tbody th{ padding: 14px 20px; color: #000; font-weight: 500; background-color: #f0f0f0; border-bottom: #a0a0a0 1px solid; border-left: #a0a0a0 1px solid; text-align: center;}
table.data tbody td{ padding: 14px 20px; color: #666; font-weight: 400; border-bottom: #a0a0a0 1px solid; border-left: #a0a0a0 1px solid; text-align: center;}
table.data .brdLn{ border-left: none;}
table.data.left tbody th,
table.data.left tbody td{ text-align: left;}
table.data .eduSel{ width: 200px;}        
table.data .myp0101{ width: 120px;}
table.data .myp0102{ width: 180px;}
table.data .tx-pw i{ display: inline-block; vertical-align: -.4rem;}

table.list{ width: 100%; border-top: #000 2px solid; }
table.list thead th{ background-color: #f0f0f0; padding: 20px 0; text-align: center; color: #333; font-weight: 400; border-bottom: #ccc 1px solid;}
table.list tbody td{ text-align: center; padding: 18px 10px; border-bottom: #ccc 1px solid;}
table.list .noti1{ width: 100px;}
table.list .noti3{ width: 130px;}
table.list .noti4{ width:130px;}
table.list .subject{ text-align: left;}
table.list .subject i{ display: inline-block; vertical-align: -.4rem; margin-right: .5rem;}
table.list tbody tr:hover{ background-color:#f7f7f7;}
table.list.tbl-noti .reserve1{ width: 8%;}  
table.list.tbl-noti .reserve3{ width: 10%;}  
table.list.tbl-noti .reserve4{ width: 10%;}  
table.list.tbl-noti .reserve5{ width: 10%;}  
table.list.tbl-noti .reserve6{ width: 10%;}  
table.list .eduTbl1{ width: 140px;}
table.list .eduTbl3,
table.list .eduTbl6,
table.list .eduTbl7{ width: 110px;}
table.list .eduTbl4{ width: 120px;}
table.list .eduTbl5{ width: 130px;}


.login .tit-area{margin-bottom:90px;}
.login_wrap {width:820px; height:540px;margin:0 auto; border: 0px solid #cccccc; background: #f3f4f5; padding: 40px 240px;border-radius:10px;}
.login_wrap .member_ico{background: #fff url(../images/member_ico.png) no-repeat center; width: 120px; height: 120px; margin-top:10px;border-radius: 50%; position: absolute; text-align: center; left: 50%; transform:translateX(-50%);}
.login_wrap .login_txt {position: relative; text-align: center; top: 120px; color: #103055; font-size: 25px; font-weight: 600;}
.login_wrap .login_bt {width: 100%; float: left;}
.login_wrap .login_btn{background-color: #000; border: 1px solid #000; margin-top:20px; color: #fff; padding: 12px; line-height:35px; height: 60px !important; display: block; font-size: 20px; text-align: center;
font-weight:400; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; border-radius: 10px;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.signup {margin-top:172px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li:first-child {margin-bottom: 20px;}
.signup li input {width:100%; height:50px; line-height:50px; padding:10px 8px 10px 30px;  display:block; border:2px solid #000; border-radius:10px; background-color:#fff; color:#212121; box-sizing:border-box; -moz-box-size:border-box; font-size:16px;}
.signup li input::placeholder {color:#000;font-size:16px;}
.login_list{margin:0 auto;}
.login_list li{float:left; text-align:center;}
.login_list li:nth-child(1){margin-left:20px;}
.login_list li:nth-child(2){position:relative;margin: 0 34px;}
.login_list li:nth-child(2):after{display:block; content:''; position:absolute;top:14px;left:-18px;width:5px;height:5px;border-radius:5px;background:#ccc;}
.login_list li:nth-child(2):before{display:block; content:''; position:absolute;top:14px;right:-18px;width:5px;height:5px;border-radius:5px;background:#ccc;}
.login_list li:nth-child(3){margin-right:20px;}
.login_list li a{color:#666; font-size:16px;}
.login_list_wrap{margin-top:50px;}

.find_idpw .allWrap{margin-top:60px;}
.find_idpw .signup{margin-top:140px;}
.find_idpw .signup.find li{margin-bottom:5px;}
.allWrap{width:100%;margin:0 auto;margin-top:166px;}
.tabBox{width:820px;margin:0 auto;}
.tab-link{width: 50%;display:block;float:left;padding:10px;text-align: center;background-color:#fff;border: 1px solid #ccc;cursor: pointer;color:#777;font-family:'KHNPHD_R';font-weight:400; }
.tab-link.current{ background-color: #f3f4f5;border-top:2px solid #565656;border-bottom:none;color:#000;border-left:none;border-right:none;font-weight:700;}
.tab-content{display: none;}
.tab-content.current{display: block;}
.iconWrap{height:20px;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:16px;}
.scrollbox{ height: 200px; padding: 12px; overflow: auto; background: #fff; border: 1px solid #dadadc; overflow-x: hidden; font-size: 0.9em; font-weight: 300;}

.join_step {position: relative; margin:10px 0px 45px 0px;z-index: -3;}
.join_step > ol {text-align: center; font-size: 0px; position: relative; z-index: 9; margin: 0px -1px 0px 1px;}
.join_step > ol > li {display: inline-block; border: 1px solid #cccccc; font-size:16px; color: #000000; font-weight: 300; text-align: left; width:33.3333%; box-sizing: border-box; padding: 10px 35px; margin-left: -1px;}

.join_step > ol > li .num {display: block; color: #cbcbcb; font-size: 17px; font-weight: 400;}
.join_step > ol > li .txt {display: block; padding-top:3px; color: #a0a0a0; line-height: 140%; font-weight:700; font-size: 22px;}
.join_step > ol > li.on {border-bottom: 2px solid #fe5e00; z-index: 99; position: relative;}
.join_step > ol > li.on .num {color: #fe5e00;}
.join_step > ol > li.on .txt {color: #fe5e00; }

.btn-tc {text-align: center; padding: 30px 0px; border-top:1px solid #333333; margin-top: 30px;}
.btnStrong {display:block;margin: 0 auto;width:200px; height:60px;line-height:60px; background:#000 ; letter-spacing: -1px; color: #fff; text-align:center; font-size:18px; font-weight:300;}
.btnNormalB.gray {display:block;width:80px;height:40px;line-height:40px;text-align:center;background: #999}
.btnNormalB.gray span{color:#fff;font-size:14px;}
.bt_include{position:relative;}
.bt_include .add_bt{position:absolute;right:-84px;top:0;}
.bt_include .add_bt span{display:block;width:100%; height:100%;color:#fff; font-size:14px;}
.board-write {width:100%; border-bottom:1px solid #d9d9d9; font-size: 0.95em;}
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f5f5f5; font-size: 15px; border-top:1px solid #d9d9d9; padding:10px 5px 10px 20px; text-align:left; color:#2d2d2d; font-weight: normal}
.board-write th span {color:#82308e; padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #d9d9d9; height:36px; word-break: break-all; font-weight: 300; line-height:20px; padding:15px 10px;}
.board-write td.tc {text-align:center;  padding:12px 0 11px 0px;}
.board-write td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(img/ico/add_file.gif) no-repeat left center;}
.board-write .input {height: 40px; line-height: 40px; width: 100%;border:1px solid #ccc;padding: 10px; font-size:17px; color:#000;}
.member_ok {font-size:32px; text-align: center; line-height: 140%; padding: 400px 0px 20px 0px; margin-top: 20px; background: url("../images/sub/type_ico02.png") no-repeat center top; }
.select_ds {float:left;position:relative;width:30%;}
.pa_minus{position:absolute; top:10px; left:158px;}
.pa_minus.second{left:152px;}
.select_ds.second{margin: 0 20px;}
.email_select{padding-left:10px;}
.complete .btnStrong{display:inline-block;}
.complete .btnStrong:first-child{background:#fff;border:1px solid #000; color:#000;}
h3.ss_tit {font-size:18px;margin-bottom: 20px;margin-top: 60px; font-weight: 600;}
.table_line {border-top:1px solid #000 }
.point_c {color: #ec0928 !important;}
.file_upload {  position:relative;}
.file_upload label {float: left;cursor:pointer; display:inline-block; overflow:hidden; padding: 0 16px; height: 40px; line-height: 39px; background-color: #999; color: #fff; font-size: 14px;}
.file_upload label input {position:absolute!important; width:0!important; height:0!important; overflow:hidden!important; padding:0px!important; border:none!important;}
.file_upload label.reset {padding: 0 17px; background:#999 url(/asset/images/2021-11-17_reload_icon.png) no-repeat center;}
.file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}
.file_upload.second{position:absolute;top:0;left:404px;}
.zipcode {position:absolute;top:0;left:104px;}
.file_upload.see{position:absolute;left:504px;}
.file_upload.reset{position:absolute;left:564px;}
.file_upload.store{position:absolute;left: 214px;top: 15px;}
#iframe_btn{position:absolute;right:10px;bottom:12px;padding: 0 16px;background:#999;color:#fff;font-size:14px;height:40px;line-height:40px;text-align:center;z-index:1;}
#iframe_btn.second{right:200px;bottom:6px!important;}
div.paging{ text-align:center; padding-top:60px; position:relative; clear:both;}
div.paging a,
div.paging strong{ position: relative; display:inline-block; height:30px; line-height:30px; font-size: 18px; color:#999; text-align:center; vertical-align:middle; background-color: transparent; overflow: hidden; padding: 0 12px;}
div.paging .on{ font-weight:600; color: #000; }
div.paging .direction{ position:relative; width: 30px; margin: 0 2px; background-color: #f6f6f7; border: #ccc 1px solid;}
div.paging .direction:hover{ background-color: #f0f0f0;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.prev{ margin-right: 20px;}
div.paging .direction.next{ margin-left: 20px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }

.tbl-view{ border-top: #000 2px solid; border-bottom: #a0a0a0 1px solid;}
.tbl-view .hd{ padding: 20px 0; }
.tbl-view .hd .blt-bx{ margin-bottom: 1rem; text-align: center;}
.tbl-view .hd .tit{ display: block; color: #000; font-size: 22px; font-weight: 600; line-height: 1.2; text-align: center; padding: 0 25px;}
.tbl-view .hd .tit i{ display: inline-block; margin-right: .4rem; vertical-align: -.4rem;}
.tbl-view .hd .click{ margin-top: 20px; text-align: right; padding: 0 25px;}
.tbl-view .hd .loc{ margin-top: 20px;}
.tbl-view .hd > table{ width: 100%; table-layout: fixed; border-top: #a0a0a0 1px solid; margin-top: 10px;}
.tbl-view .hd > table tr{ border-bottom: #a0a0a0 1px solid;}
.tbl-view .hd > table th{ padding: 15px 25px; text-align: left; font-weight: 500; color: #333; border-left: #a0a0a0 1px solid; background-color: #f0f0f0; white-space: nowrap;}
.tbl-view .hd > table td{ padding: 15px 25px; text-align: left; border-left: #a0a0a0 1px solid;}
.tbl-view .hd > table .brdLn{ border-left: none;}
.tbl-view .bd{ padding: 50px; border-bottom: #ccc 1px solid;}
.tbl-view .a-hd{ text-align: center; border-top: #000 2px solid; padding: 15px 0; text-align: center; color: #000; font-weight: 500; background-color: #f0f0f0; border-bottom: #ccc 1px solid;}

.viewBottomList{ margin-top: -1px; background-color: #fafafa;}
.viewBottomList ul{ display:block; width:100%; border-bottom: #ccc 1px solid;}
.viewBottomList ul li:hover{ background-color: #f5f5f5;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 160px; height:56px; line-height:60px; position:relative; border-bottom:#ccc 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 160px; height:56px; line-height:60px; position:relative; }
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderPrev::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(45deg);}
.viewBottomList .orderNext::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(-135deg); margin-top: -4px;}
.viewBottomList a{ color:#666; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:60px; line-height:60px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}

.faq-wr{ border-top: #000 2px solid;}
.faq-wr dt{ position: relative; padding: 30px 120px 30px 90px; font-size: 20px; font-weight:700; border-bottom: #ccc 1px solid;}
.faq-wr dt::after{ content: ''; display: block; width: 20px; height: 20px; border-top:#666 1px solid; border-right:#666 1px solid; position: absolute; top: 50%; right: 30px; margin-top: -10px; transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.faq-wr dt.active{ border-bottom: none;}
.faq-wr dt.active::after{ transform: rotate(-45deg); margin-top: -6px;}
.faq-wr dt a{ color: #333;}
.faq-wr dt i{ position: absolute; display: inline-block; color: #ff5c39; font-weight: 600; position: absolute; top: 30px; left: 30px;}
.faq-wr dd{ position: relative; padding: 30px 120px 30px 90px; background-color: #f0f0f0; border-bottom: #ccc 1px solid;}
.faq-wr dd i{ position: absolute; display: inline-block; color: #666666; font-weight: 600; position: absolute; left: 30px; /*top: 50%; margin-top: -.5em;*/ font-size:18px;}

.div-tab{ border-top: #000 2px solid; margin-bottom: 60px;}
.div-tab ul{ display: table; width: 100%; table-layout: fixed;}
.div-tab ul li{ display: table-cell;}
.div-tab ul li a{ display: block; text-align: center; background-color: #f0f0f0; height: 60px; line-height: 60px; color: #666; border-bottom: #a0a0a0 1px solid; border-right: #a0a0a0 1px solid;}
.div-tab ul li:first-child a{ border-left: #a0a0a0 1px solid;}
.div-tab ul li a:hover{ background-color: transparent;}
.div-tab ul li.active a{ background-color: transparent; color: #000; border-bottom-color:#fafafa;}

.ul-list01 > li{ text-indent: -1rem; padding-left: 1rem;}
.ul-list01 > li + li{ margin-top: .4rem;}
.ul-list01 > li::before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #999; margin-right: .5rem; vertical-align: .2rem;}

.ui-widget-header{ background-color: transparent; border: none;}
.ui-datepicker th{ color: #8d8d8d;}
.ui-datepicker .ui-datepicker-prev::after{ content:''; position: absolute; top: 50%; left: 50%; margin: -.4rem 0 0 -.4rem; display: block; width: .8rem; height: .8rem; border-top: #000 2px solid; border-right: #000 2px solid; transform: rotate(-135deg);}
.ui-datepicker .ui-datepicker-next::after{ content:''; position: absolute; top: 50%; left: 50%; margin: -.4rem 0 0 -.4rem; display: block; width: .8rem; height: .8rem; border-top: #000 2px solid; border-right: #000 2px solid; transform: rotate(45deg);}

.down::after{ content: ''; background: url(../images/ic_down.png) 50% 50% no-repeat; width: 18px; height: 18px; display: inline-block; margin: 0 10px;}

.filebox{ position:relative; padding:0 64px 0 0; width: auto; display:inline-block; vertical-align:middle;}
.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{ position:absolute; top:0; right:0; width:64px; height:40px; line-height:40px; margin:0; display:block; background: url(../images/ic_folder.png) 50% 50% no-repeat; text-indent: -9999px; cursor: pointer;}
.filebox .upload-name{height:40px; line-height:40px; padding:0 10px; width:420px; font-size: 16px; margin:0; vertical-align:middle; background:#fff; border-radius:0; border:#ccc 1px solid; box-shadow:none; -webkit-border-radius:0;  ime-mode:inactive; outline:none; -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}

.sch-bx{ position: relative; padding: 0 65px 0 0; }
.sch-bx .inp{ display: block; width: 100%;}
.sch-bx .sch{ position: absolute; top: 0; right: 0; display: block; width: 60px; height: 40px; background:#314770 url(../images/ic_sch.png) 50% 50% no-repeat;}

.dv-ready{ max-width: 640px; margin: 0 auto; text-align: center;}
.dv-ready .desc{ margin: 50px 0 0 0;}
.dv-ready .desc p{ font-size: 60px; color: #000;}
.dv-ready .desc p b{ color: #0e6ca7;}
.dv-ready .desc span{ display: block; margin-top: 20px;}

.tbl-scroll{ position: relative;}
.about01-wr .etc{margin-top:30px;color:#ff5c39; font-size:22px; font-weight:800; }
.about01-wr .etc input{width:26px;height:26px;margin-top:-4px; border:3px solid #ff7051;border-radius:4px;}
.about01-wr .etc input[type="checkbox"]:checked{background:url("../images/main/chkmark_ico.png");}

/*#mSect01{height:980px;}*/



@media screen and (min-width:1024px){
    #siteFunctions{ width: 100%; right: 0; top: -70%; padding: 0;z-index:100;}
    #siteFunctions .inner{ height: 52vh;}
    #siteFunctions .mobMenu{ width: 100%; padding: .5rem 0 0 0; }
    #siteFunctions .mobMenu::after{ content: ''; display: block; clear: both;}
    #siteFunctions .mobMenu > li{ display: block; float: left; width: 16%; padding: 0 10px;}
	#siteFunctions .mobMenu > li:nth-child(5){ display: block; float: left; width: 15.995%; padding: 0 10px;}
    .mobMenu > li > a{ font-size: 18px;}
    .mobMenu > li > a::after{ display: none;}
    .mobMenu > li > ul > li > a{ font-size: 16px;}
    .mobMenu > li > ul{ display: block!important;}
	#siteFunctions .inner {  padding: 0 4.5vw!important;}
	.menu_list{display:block;}
	.menu_list_mobile{display:none;}
}

@media screen and (max-width:1023px){
	#footer .sns{overflow:hidden;padding-bottom:20px;}
	#footer .help{ clear: both; width: 100%; }
	#footer .help ul{width:fit-content; margin: 0 auto;}
	#footer address { padding-top: 100px;}
	.main.sec03{padding: 0 20px;}


	.main.sec05{padding: 46px 20px 85px!important;}
	.box.first .left{width:100%!important; height:auto; text-align:center;}
	.about-view .swiper.mySwiper2{height:530px!important;}
	.about-view .swiper.mySwiper {height: 110px!important;}
	.box.first .right{margin-top:80px;}
	.box.first .right, .box.sec .right{width:100%!important;}	
	.about-view .box.first h4:after{left:62%!important;}
	.box.sec .big{width:100%!important;}
	.box h4, .box.sec p{text-align:center;}
	.box.sec .right #map{float:none; margin: 0 auto;}
	.prev_btn{top:0;}
	
	
	.login_wrap{width:100%; padding: 40px 110px;}
	.login_list{width:100%; overflow:hidden;}
	.login_list li{width:29%;}
	.login_list li:nth-child(2){margin:0;}
	
	.tabBox{width:100%;}
	.about-view .box.sec{height:auto;padding-bottom:60px;}
	.about-view .box.sec .right{margin-top:100px;}
	.about-view #map{width:100%!important;}
	.about-view .box.sec .find_way{margin-top: 100px; position: absolute; right: 20px; z-index: 10;}

	.info02 .inner .sec, .info02 .inner .for, .info02 .inner .six{padding-left:0!important;}
	.info02 .inner .fir{background:url("../images/sub/info02_ico2_mobile.png") no-repeat right center / 20%!important;}
	.info02 .inner .sec{background:url("../images/sub/info02_ico3_mobile.png") no-repeat right center / 20%!important;}
	.info02 .inner .thd{background:url("../images/sub/info02_ico4_mobile.png") no-repeat right center / 20%!important;}
	.info02 .inner .for{background:url("../images/sub/info02_ico5_mobile.png") no-repeat right center / 20%!important;}
	.info02 .inner .fiv{background:url("../images/sub/info02_ico6_mobile.png") no-repeat right center / 20%!important;}
	.info02 .inner .six{background:url("../images/sub/info02_ico7_mobile.png") no-repeat right center / 20%!important;}



	.menu_list{display:none;}
	.menu_list_mobile{display:block;}
	.menu_list_mobile {width:auto;padding:0;font-size:0;position:relative; top: 0px; right: 0px;}
	.menu_list_mobile .top {width:40px;height:40px;display:block;background:#0060af url(/img/contents/bt_top.png) 50% 50% no-repeat;text-indent:-9999px;}
	.menu_list_mobile .bt {display: block; height: 66px; line-height: 66px; text-align: center; background-color: #fe5e00; border: #fe5e00 1px solid;font-size: 20px; font-weight:600;color: #fff; border-radius: 0; padding: 0 24px; position: relative;  z-index: 2;}
	.menu_list_mobile .bt::after {content:"";position:absolute;top:40%;right:30px;margin-top:-2px;display:block;width:12px;height:12px;border-top:#fff 1px solid;border-right:#fff 1px solid;transform:rotate(135deg);}
	.menu_list_mobile .btn_top {display:inline-block;vertical-align:top;width:70px;height:40px;background:#465d79;border-radius:30px;color:#d3deec;line-height:38px;text-align:center;margin-left:10px;font-size:17px;}
	.menu_list_mobile > ul {position:absolute; top:100%; width:100%; display:none; text-align:center; z-index: 1;}
	.menu_list_mobile > ul > li {border: #ed7c20 1px solid; padding: 20px 0; background: #fff;}
	.menu_list_mobile > ul > li + li {border-top:none;}
	.menu_list_mobile > ul > li a {display:block;color:#000;font-size:18px; font-weight:600;}
	.menu_list_mobile > ul > li a:hober {text-decoration:underline;}



	/*.about01-wr .tbl-search button {width: 250px!important;margin-left:10px!important;}
	.about01-wr .tbl-search select + select { margin-left: 10px!important;}*/


	.file_upload.see, .file_upload.reset, .bt_include .add_bt, .file_upload.second{position:static;margin-top:5px;}
	.file_upload.see > label, .file_upload.reset > label{margin-top:5px;}


}


@media screen and (min-width:1025px) and (max-width:1500px){
    #header .header-top{ padding: 0 20px;}
    #header .inner h1.logo{ left: 20px;}
    #header .inner .bt-sch{ right: 80px;}
}

@media screen and (min-width:1025px) and (max-width:1250px){
    #gnb > li + li{ margin-left: 4vw; }
}

@media screen and (max-width: 800px) {
	#footer .help li:last-child { margin: 15px 0; }
	#footer .help li + li{margin-left:0;}
	.qna, .ask { width: 100% !important; }

}


@media screen and (min-width:641px) and (max-width:1024px){ 

    
    .locationBar .loc-h a{ width: 4rem;}
    .locationBar .location{ width: calc(50% - 2rem);}
    .locationBar .location .bt{ padding: 0 1rem;}
    .locationBar .location .bt::after{ width: 1rem; height: 1rem; background-size: 1rem; margin-top: -.5rem; right: 1rem;}
    .locationBar .location ul li a{ padding: .5rem 1rem;}
    .fixed .locationBar{ top: 5rem;}
    
    .tit-area,
    body.sub03 .tit-area,
    body.sub04 .tit-area,
    body.sub05 .tit-area{ margin-bottom: 50px;}
    

    
    #footer{ padding: 2rem 2rem; text-align: center;}
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .footer-wrap .copy{ position: relative; bottom: auto; left: auto; width: 100%; margin-top: 1.5rem;}
    #footer .footer-wrap .footer-link{ margin-top: 1.5rem;}
    #footer .footer-wrap .copy em{ font-size:1rem;}    
    
    .tbl-search .inp{ width: 350px;}
    
    table.list.tbl-edu colgroup{ display: none;}
    table.list.tbl-edu thead{ display: none;}
    table.list.tbl-edu tbody tr{ border-bottom: #ccc 1px solid; padding: 1rem 0; display: block;}
    table.list.tbl-edu tbody tr:nth-child(even){background-color: #f7f7f7;}
    table.list.tbl-edu tbody td{ display: inline-block; border-bottom: none; text-align: left; padding: .2rem 0; width: 30%;}
    table.list.tbl-edu tbody td.eduTbl1{ width: 100%;}
    table.list.tbl-edu tbody td.subject{ width: 100%; font-weight: 600; color: #222;}
    table.list.tbl-edu tbody td.eduTbl4{ width: 60%;}    

    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
	.responsive-dim{position: absolute; top: 0; left:0; width:100%; bottom:0;}
	.responsive-dim::after{ content:""; position: absolute; top:50%; left:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-radius: 50px; background:rgba(0,0,0,.3) url(../images/tx_scroll.png) 50% 50% no-repeat;  }
}


@media screen and (max-width:650px){
	.select_ds.second { margin: 0 10px;}
	.file_upload.store{position:static;margin-top:5px;}
	.file_area.img input{width:100%!important;}

}

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

	.contents{padding: 9rem 0 13rem;}
	body.sub05 .contents {padding: 9rem 0 0px;}
	

    #header .header-top,
    #gnb-wrap{ display: none;}
    #header .inner{ height: 5rem;}
    #header .inner h1.logo{ width: 40px; margin: -20px 0 0 0; left: 1.5rem;}
    #header .inner h1.logo a{ height: 40px; background-size: cover;}
	#header .inner h1.logo p {font-size: 14px; top: calc(50% - 9px); left: 55px;}

    #header .inner .bt-mn{ width: 2rem; height: 2rem; right: 1.6rem;background: #fe5e00 url("../images/main/menu_ico.png") no-repeat center / 50%; }
    #header .inner .bt-mn > i{ height: .2rem;}
    #header .inner .bt-mn > i:nth-child(1){ margin-top: -.8rem;}
    #header .inner .bt-mn > i:nth-child(3){ margin-top: .6rem;}
    #header .inner .bt-sch{ width: 2rem; height: 2rem; right: 5rem; background-size: cover; margin-top: -1rem;}
    
    .locationBar .loc-h a{ height: 4rem; width: 4rem;}
    .locationBar .location{ width: calc(50% - 2rem);}
    .locationBar .location .bt{ line-height: 4rem; height: 4rem; font-size: 1.4rem; padding: 0 1rem;}
    .locationBar .location .bt::after{ width: 1rem; height: 1rem; background-size: 1rem; margin-top: -.5rem; right: 1rem;}
    .locationBar .location ul{ top: 4rem;}
    .locationBar .location ul li a{ padding: .5rem 1rem;}
    .fixed .locationBar{ top: 5rem;}
    
    .sub-vis{ height: 16rem; padding: 20px;}
    .sub-vis .tit{ font-size: 3rem;}
    
    
    .tit-area,
    body.sub03 .tit-area,
    body.sub04 .tit-area,
    body.sub05 .tit-area{ margin-bottom: 5rem;}
    .h3-tit{ font-size: 2.5rem;}
    .tit-sub{ margin-top: 1rem; font-size: 1.5rem; line-height: 1.2;}
    .h4-tit{ font-size: 2rem; margin-bottom: 2rem;}
    .box h4{font-size:2rem!important;}
	.box.first .right{height:auto;}


	.box.first h4{margin-top:3rem;}
	.about-view .info_list{margin-top:3rem;}
	.contents  .about-view .box.first h4:after {width: 60px!important;height: 30px;line-height: 30px;top:2px; left: 160px;font-size: 1.4rem;}

	
	.about-view .box.sec .find_way { margin-top: 138px; position: absolute; right: 20px; z-index: 10; font-size: 1.6rem; width: 160px; padding-right: 1rem;}
	.about-view .box.first .safe_mark{top:-10px!important;}

    #footer{ padding: 2rem 2rem; font-size: 1rem; text-align: center;}
	/*#footer::after{ content: ''; display: block; width: 100%; height: 4.5%; background-color: #525a61; border-top: #6b747b 1px solid; position: absolute; bottom: 0;  left: 0; z-index: 0;}*/
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ display: none;}
    #footer .footer-wrap .copy{ position: relative; bottom: auto; left: auto; width: 100%; margin-top: 1.5rem;}
    #footer .footer-wrap .footer-link{ margin-top: 1.5rem;}
    #footer .footer-wrap .copy em{ display: none; font-size:1rem;}
	#footer .help{float:none;}
	#footer .help li{width:calc((100% - 22px)/2); height:5rem; line-height:5rem;}
	#footer .sns{margin-left:0;width: fit-content; margin: 0 auto;}
	#footer .help li a{font-size:15px;}
	#footer address{padding-top:7rem;}
	#footer address p,
	#footer address span{font-size:1.2rem;}
    
    table.data thead th{ padding: 1rem .5rem;}
    table.data tbody th,
    table.data tbody td{ padding: 1rem .5rem;}
    table.data.reserveData colgroup,
    table.data.reserveData2 colgroup,
    table.data.reserveData3 colgroup,
    table.data.qna colgroup{ display: none;}
    table.data.reserveData tbody tr th:first-child,
    table.data.reserveData2 tbody tr th:first-child,
    table.data.reserveData3 tbody tr th:first-child{ width: 8rem; }
    table.data.reserveData3 tbody tr > *:nth-child(3){ width: 8rem; }
    table.data.qna tbody tr > *:nth-child(1){ width: 8rem; }
    table.data .mBlock{ width: 100%;}
    table.data .eduSel{ width: 100%;}
    table.data .myp0101{ width: 20%;}
    table.data .myp0102{ width: 40%;}
    table.data .tx-pw i{ vertical-align: -.2rem;}

	table.data.left tbody th, 
	table.data.left tbody td{ text-align: left; font-size:13px;}
    
    table.list.tbl-noti colgroup{ display: none;}
    table.list.tbl-noti thead{ display:none;}
    table.list.tbl-noti tbody{ display: block;}
    table.list.tbl-noti tbody tr{ display: block; border-bottom: #ccc 1px solid; width: 100%; padding: .5rem 1rem; }
    table.list.tbl-noti tbody tr:nth-child(even){ background-color: #f7f7f7;}
    table.list.tbl-noti tbody td{ border-bottom: none; display: inline-block; padding: .5rem 0; text-align: left;}
    table.list.tbl-noti .noti1{ display: none;}
    table.list.tbl-noti .subject{ display: block; width: 100%;}
    table.list.tbl-noti .noti3{ width: 30%;}
    table.list.tbl-noti .noti4{ width: 30%;} 
    table.list.tbl-noti .reserve1{ display: none;}
    table.list.tbl-noti .reserve3,
    table.list.tbl-noti .reserve4,
    table.list.tbl-noti .reserve5,
    table.list.tbl-noti .reserve6{ width: 22%;}
    table.list.tbl-noti .eduTbl3,
    table.list.tbl-noti .eduTbl5,
    table.list.tbl-noti .eduTbl6{ width: 30%;}
    table.list.tbl-noti .eduTbl4{ width: 65%;}
    
    div.paging{ margin-top: 3rem;}
    div.paging a, div.paging strong{ margin: 0;}
    div.paging .direction.prev{ margin-right: 0rem;}
    div.paging .direction.next{ margin-left: 0rem;}
    
    .pr01 .tbl-search{ margin-bottom: 2rem;}
    .pr01 .tbl-search::after{ content: ''; display: block; clear: both;}
    .pr01 .tbl-search .select{ width: 100%; margin-bottom: 5px; height: 34px; line-height: 34px;}
    .pr01 .tbl-search .inp{ width: calc(100% - 40px); float: left; margin: 0; height: 34px; line-height: 34px;}
    .pr01 .tbl-search .sch{ float: right; width: 3.4rem; height: 3.4rem;}
    
    .tbl-view .hd .tit{ font-size: 2rem;}
    .tbl-view .hd{ padding: 1rem 0;}
    .tbl-view .hd .click{ margin-top: .5rem;}
    .tbl-view .hd > table colgroup{ display: none;}
    .tbl-view .hd > table th{ padding: .5rem;}
    .tbl-view .hd > table td{ padding: .5rem;}
    .tbl-view .bd{ padding: 1rem;}
    .tbl-view .a-hd{ padding: .5rem;} */
    
    .viewBottomList .orderNext,
    .viewBottomList .orderPrev{ height: 4rem; line-height: 4rem; padding-left: 3rem; width: 8rem;}
    .viewBottomList .orderPrev::before,
    .viewBottomList .orderNext::before{ left: 1rem;}
    .viewBottomList a{ height: 4rem; line-height: 4rem;}
    .viewBottomList .viewBottomNext,
    .viewBottomList .viewBottomPrev{ height: 4rem; line-height: 4rem; padding-left: 9rem;}    
    
    .faq-wr dt{ padding: 1rem 4rem 1rem 3rem; font-size: 1.3rem;}
    .faq-wr dt i{ position: absolute; top: 1rem; left: 1rem;}
    .faq-wr dt::after{ width: 1rem; height: 1rem; margin-top: -.5rem; right: 1rem;}
    .faq-wr dt.active::after{ margin-top: -.2rem;}
    .faq-wr dd{ padding: 1rem 4rem 1rem 3rem;}
    .faq-wr dd i{ position: absolute; top:1.8rem; left: 1rem; font-size:1.3rem;}    
    
    .div-tab{ /*margin-bottom: 2rem;*/}
    .div-tab ul{ display: block;}
    .div-tab ul::after{ content: ''; display: block; clear: both;}
    .div-tab ul li{ display: block; float: left; width: 33.3%;}
    .div-tab ul li a{ height: 4rem; line-height: 4rem; border-left: #a0a0a0 1px solid; margin: 0 -1px;}
    .div-tab ul li.active a{ border-bottom: #a0a0a0 1px solid;}
    
    .filebox{ display: block; width: 100%; padding-right: 40px;}
    .filebox .upload-name{ width: 100%; height: 34px; line-height: 34px; font-size: 1rem;}
    .filebox label{ top: 0; right: 0; position: absolute; width: 40px; height: 34px;}
    
    .sch-bx{ padding-right: 4rem;}
    .sch-bx .sch{ width: 4rem; height: 3.4rem;}
    
    .dv-ready .desc p{ font-size: 2rem; margin-top: 2rem;}
    .dv-ready .desc span{ margin-top: 1rem;}   

    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
	.responsive-dim{position: absolute; top: 0; left:0; width:100%; bottom:0;}
	.responsive-dim::after{ content:""; position: absolute; top:50%; left:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-radius: 50px; background:rgba(0,0,0,.3) url(../images/tx_scroll.png) 50% 50% no-repeat;  }

	
	.menu_list_mobile .bt{height:5rem;line-height:5rem; font-size:1.6rem}
	.menu_list_mobile > ul > li{padding: 1rem 0;}
	.menu_list_mobile > ul > li a {font-size:1.5rem;}
	


	.info02 .inner .fir{background:url("../images/sub/info02_ico2_mobile.png") no-repeat right center / 30%!important;}
	.info02 .inner .sec{background:url("../images/sub/info02_ico3_mobile.png") no-repeat right center / 30%!important;}
	.info02 .inner .thd{background:url("../images/sub/info02_ico4_mobile.png") no-repeat right center / 30%!important;}
	.info02 .inner .for{background:url("../images/sub/info02_ico5_mobile.png") no-repeat right center / 30%!important;}
	.info02 .inner .fiv{background:url("../images/sub/info02_ico6_mobile.png") no-repeat right center / 30%!important;}
	.info02 .inner .six{background:url("../images/sub/info02_ico7_mobile.png") no-repeat right center / 30%!important;}


	.info02 .inner .fir, .info02 .inner .sec, .info02 .inner .thd, .info02 .inner .fiv, .info02 .inner .six{padding-top:0!important;}
	.info02 .inner .for{padding-top:60px!important;}
	.info02 .inner .for, .info02 .inner .fiv{padding-bottom:60px!important;}

	.m_th{width:80px!important;}

	.file_upload label,
	.file_upload label.reset{width:100%!important;}
	.btnNormalB.gray.zipcode{width:70%!important;}
	select{font-size:1.4rem;}
	input{font-size:1.4rem;}


}


.about01-wr{ position: relative; margin: 0 auto; }
.about01-wr .page_num:before{position:absolute;top:40px;left:0;display:block;content:'';width:100%;height:1px; background:#000;}


a.txt_red {color: #ed7c20;font-weight: 700;}
/*.page_num::before{content: ''; display: block; width: 1px; height: 15px; position: absolute; background-color: #ccc; margin-left: 70px; margin-top: 7px;}*/
.page_num{margin-top:110px;margin-bottom:30px;position:relative;}
.page_num p {display: inline-block;}
.page_num p + p {margin-left: 20px; margin-bottom: 10px;}

.gallery_list{overflow:hidden;}
.gallery_list ul li{position:relative;float:left;width:454px; height:354px;margin-top:55px; }
.gallery_list ul li a{display:block;width:440px;height:100%;margin: 0 auto;border: 1px solid #bfbfbf;border-radius:0 20px 0 0; transition:all 0.1s;-webkit-transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden;}
.gallery_list ul li a:hover{border:1px solid #000;box-shadow: 0 10px 23px 0 rgb(0 0 0 / 15%);}

.gallery_list ul li a + a{margin-left:40px;}
.gallery_list ul li:nth-child(3n+1){margin-left:0;}
.gallery_list ul li img{width:100%;height:168px;border-radius:0 20px 0 0; object-fit: cover;}
.gallery_list ul li div{padding:26px 30px;}
.gallery_list ul li span{float:left;margin-right:15px;display:block;width:77px;height:28px;margin-top: 2px;font-size:15px; color:#fff; text-align:center; font-weight:700;background:#000; border-radius:6px; }
.gallery_list ul li p.first{font-size:18px; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery_list ul li p.last{margin-top:20px;font-size:16px;font-weight:300; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery_list ul li span.more_btn{position: absolute;right: 30px; bottom: 22px; width: 100px;display: block;font-size: 15px;color: #000;font-weight: 700;background: url(../images/sub/about01_next_ico.png) no-repeat center right 4px;margin-right: 0;float: none; height: auto; margin-top: 0;text-align: left; border-radius: 0;}
.gallery_list ul li span.sticker{position:absolute; top:-12px; left:-8px; width:90px;height:50px; line-height:50px; text-align:center; border-radius: 10px 0 10px 0;  background: #fe5e00; color:#fff; font-size:16px; font-family: 'KHNPHD_R';}

.menu_list {margin-top: 30px;overflow: hidden;text-align: center;width: fit-content;margin: 0 auto; margin-top: 30px;}
.menu_list ul li{position:relative;float:left; ;text-align:center; height:66px;line-height:66px;width:220px; }
.menu_list ul li + li{margin-left:20px;}
.menu_list ul li:after{position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:block;content:'';border-bottom: 2px dashed #dfdfdf;width:60%; height:1px;}
.menu_list ul li a{font-size:20px; font-weight:800;}
.menu_list ul li.active{width:220px;background:#fe5e00;border-radius:33px;border-bottom:none;height:66px;line-height:66px;}
.menu_list ul li.active:after{display:none;}
.menu_list ul li.alone{margin:0;}
.menu_list ul li.active a{color:#fff;}

.location_wrap{max-width:1400px; margin: 0 auto; }
.location {position: relative; top:4px; text-align: center; margin: 0 auto; font-size:15px;}
.location span {display:inline-block;padding-left:40px; position: relative;color:#fff;}
.location #location_1 {padding-left: 16px;}
.location #location_2:before {display: block; content: ""; width: 6px; height: 9px; background: url("../images/sub/lnb_next_ico.png"); border-radius:100%; position: absolute; left:16px; top:50%; margin-top: -3px; }
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 { font-weight:700;}
.location .home img{vertical-align:middle; margin-top: -4px;}


body.sub0102{ background-color: #fff;}

.about02-wr{ margin-bottom: -120px; padding-bottom: 300px; background: url(../images/purpoes_bg.jpg) 50% 100% no-repeat; }
.purpose-bx{ text-align: center; max-width: 1310px; margin:0 auto;}
.purpose-bx > li{ display: inline-block; width: 400px; height: 402px; border: #7e7e7e 1px solid; border-radius: 18px; background-color: #fff; margin: 0 17px 80px; overflow: hidden;}
.purpose-bx > li i{ display: block; height: 240px; background: url(../images/bg_patten2.png); padding-top: 50px;}
.purpose-bx > li .desc{ padding: 20px 40px; text-align: left;}
.purpose-bx > li .desc p{ color: #39a0d4; font-size: 50px; font-family: 'Montserrat'; font-weight: 200; line-height: 1;}
.purpose-bx > li .desc div{ font-size: 18px; color: #333; margin-top: 5px;}

.org-img{ text-align: center;}

.about04-wr{ max-width: 1280px; margin: 0 auto;}
.map-bx{ border: #858585 1px solid; margin-top: 60px;}
.map-bx .map{ display: block; width: 100%; height: 550px;}

.info01 h4, .info01 h4 > span{color:#444; font-size:32px;font-family:'KHNPHD_R'; }
.info01 h4 > span {float:left;display:block;width:46px;height:46px;line-height:46px; margin-right:22px;margin-top:6px;text-align:center;background:#fe5e00; color:#fff; border-radius:46px;font-weight:700;font-size:24px;}
.info01 p{margin-top:28px;}
.info01 .con01 .img1{margin-top:40px;}
.info01 .con01 .ico1{float:left;margin-right:100px;margin-top: -12px;}
.info01 .con01 ul {padding:50px 64px;margin-top:30px;border: 1px solid #000;}
.info01 .con01 ul span{color:#fe5e00;}
.info01 .con01 ul > h5{color:#fe5e00; font-size:24px; font-weight:700;margin-bottom:10px;}
.info01 .con01 ul li{line-height:1.6;}
.info01 .con01 ul li > strong{font-weight:800;}
.info01 .con02{margin-top:90px;}
.info01 .con02 ul, .info01 .con03 ul{margin-top:40px;}
.info01 .con02 ul li, .info01 .con03 ul li{position:relative;padding-left:20px;}
.info01 .con02 ul li:after, .info01 .con03 ul li:after{position:absolute;top:13px;left:0;display:block;content:''; width:6px;height:6px;border-radius:6px;background:#fe5000;}
.info01 .con02 ul li span, .info01 .con03 ul li span{color:#fe5000;}
.info01 .con03{margin-top:90px;}
.info02 h5{font-family:'KHNPHD_R';font-size:32px;color:#181818;}
.info02 .inner div{width:100%;}
.info02 .inner .fir{padding: 60px 0;background:url("../images/sub/info02_ico2.png") no-repeat right center;}
.info02 .inner .sec{padding: 170px 0 60px 630px;background:url("../images/sub/info02_ico3.png") no-repeat left -24px bottom}
.info02 .inner .thd{padding: 140px 0 20px;background:url("../images/sub/info02_ico4.png") no-repeat right bottom;}
.info02 .inner .for{padding: 190px 0 70px 630px;background:url("../images/sub/info02_ico5.png") no-repeat left bottom;}
.info02 .inner .fiv{padding: 200px 0 70px;background:url("../images/sub/info02_ico6.png") no-repeat right bottom;}
.info02 .inner .six{padding:120px 0 80px 630px;background:url("../images/sub/info02_ico7.png") no-repeat left 5px center;}
.info02 .inner.sec{width:1460px;}

.info03 h4{color:#fe5e00; font-size:32px; font-weight:800;font-family:'KHNPHD_R'}
.info03 .img_p{text-align:center;}
.info03 img{margin: 40px 0 90px;}
.info03 p.txt{margin-top:30px;}

.contents .inner > .h3-tit{margin-bottom:60px;}


.brand01  p.tit {margin-bottom: 60px;}
.community01 .wrap{position:relative;}
.community01 .txt{position:absolute;top: 135px; right: 120px}
.community01 .txt > *{color:#fff;font-family: 'KHNPHD_R';}
.community01 .txt > p{font-size:35px;line-height:1.3;text-align:right;}
.community01 .txt > h5{font-size:50px;font-weight:700;text-align:right;margin-top:-5px;}
.community01 .txt > a{
	display: block;width: 180px;height: 60px;line-height: 60px;padding-left: 10px;background: #ff5c39 url(../images/main/plus_ico.png)no-repeat left 48px center;
    border-radius: 10px; font-size: 15px;font-weight: 700;z-index: 5;float: right; text-align: center;font-family: 'Nanum Gothic', sans-serif;box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);margin-top: 36px;
	}
.community01 .tit-area{margin-bottom:85px;}

.community01 .txt.tingla {position:absolute;top: 115px; right: 120px; width: 500px;}
.community01 .txt.tingla > p{font-size:25px;line-height:1.5;text-align:right; word-break: keep-all; margin-bottom:20px;}
.community01 .txt.tingla > h5{font-size:50px;font-weight:700;text-align:right;margin-top:-5px; line-height: 1.3;}

.ico-txt {margin-top:60px;}
.ico-txt p {width:calc((100% - 60px)/2); display:inline-block; position: relative; float:left; padding-left: 120px; box-sizing: border-box;}
.ico-txt p + p {margin-left:60px;}
.ico-txt p:last-child {float:none;}
.ico-txt b {font-size: 30px; display: block;}
.ico-txt i {position: absolute; left: 0;}

.titbox_double div { position: relative; display: flex; align-items: center; width: 100%; border: 1px #000 solid; padding: 50px 100px; height: auto;} 
.titbox_double div + div { margin-top: 30px;}
.titbox_double div img {margin-right: 100px;}
.titbox_double div.text{display: block; border: 0px #000 solid; padding:0px; width: calc(100% - 340px);}

.titbox_double div.left{padding: 50px; align-items: flex-start; height: 385px;}
.titbox_double div.left img:first-child { margin-right: 30px;}

.titbox_double .tit { text-align: left; color: #fe5e00; font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.titbox_double .list li{position: relative; padding-left: 20px; }
.titbox_double .list li:before{position: absolute; top: 13px; left: 0; display: block; content: ''; width: 4px; height: 4px; border-radius: 4px; background: #ccc;}
.titbox_double .list li + li { margin-top: 5px; }
.titbox_double .list.float-l { width: calc(100% - 200px);}
.titbox_double .list.float-l li { width: 130px; display: inline-block;}
.titbox_double .bttn{display:block;width:180px;height:60px;line-height:60px;text-align:center;color:#fff;padding-left: 10px;
background:#ff5c39 url("../images/main/plus_ico.png")no-repeat left 35px center;border-radius:10px; font-size:15px;font-weight:700; z-index:5; position: absolute; right: 100px; bottom: 50px;}
.titbox_double .bttn:hover{background:#fff url("../images/main/plus_ico_hover.png")no-repeat left 35px center;color:#ff5c39;border:1px solid #000;}

.mall_wrap .top {border-top: 3px solid #000; border-bottom: 1px solid #ccc; padding: 30px; display: flex; align-items: center; margin-bottom: 60px;}
.mall_wrap img{margin-right: 80px;}
.mall_wrap .txt_wrap .big_txt {position: relative; font-family: 'KHNPHD_B'; font-size: 30px; margin-bottom: 20px;}
/*.mall_wrap .txt_wrap .big_txt:after { content: ''; display: block; position: absolute; width: 100px; height: 2px; background: #fe6308; left: 0px; bottom: -12px; }*/
.mall_wrap .txt_wrap span {position: relative; display: inline-block; color: #999; font-size: 20px; font-weight: 100;}
.mall_wrap .txt_wrap span + span {margin-left:40px;}
.mall_wrap .txt_wrap span + span:after { content: ''; display: block; position: absolute; width: 1px; height: 15px; background: #999; left: -20px; top: calc(50% - 7.5px); }

.mall_wrap .about{display: flex;}
.mall_wrap .about li {width: 50%;}
.mall_wrap .about li b{display: block; color: #fe5e00; font-size: 22px; margin-bottom: 5px;}
.mall_wrap .about li p{padding-left: 20px; position: relative; margin-bottom: 5px;}
.mall_wrap .about li p:after { content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #ccc; top: 50%; left: 0px;}


.grey_bg {background: #f7f7f7; margin-top: 120px;}
.grey_bg .banner_wrap {position: relative; display: flex; flex-direction: column; justify-content: center; max-width: 1400px; height: 300px; margin: 0 auto; padding-left: 100px;}
.grey_bg .banner_wrap:before { display: block; content: ''; width: 70px; height: 70px; background: url(/asset/images/main/logo.png); position: absolute;
    left: 0px; background-size: cover;}
.grey_bg .banner_wrap:after{position: absolute; top:0px; right: 0; display: block; content: ''; width: 530px; height: 300px; background:url(../images/grey_banner_img.png)no-repeat;}
.grey_bg .banner_wrap p {font-size: 26px; font-family: 'KHNPHUotfR';}
.grey_bg .banner_wrap h3 {position: relative; font-family: 'KHNPHD_B'; font-size: 50px; width: fit-content;}
.grey_bg .banner_wrap h3:after{position: absolute; display: block; content: ''; width: 50px; height: 50px; border-radius: 50%; background: #fe5e00 url(../images/grey_banner_arrow.png)no-repeat 50%; 
top: calc(50% - 25px); right: -80px; }


.tbl-reserve{ width: 100%; table-layout: fixed; border-top: #000 2px solid;}
.tbl-reserve tr{ border-bottom: #a0a0a0 1px solid;}
.tbl-reserve tbody th{ padding: 10px 25px; text-align: left; border-left: #a0a0a0 1px solid; color: #333 ;font-weight: 500; background-color: #f0f0f0;}
.tbl-reserve tbody td{ padding: 10px 25px; text-align: left; border-left: #a0a0a0 1px solid;}
.tbl-reserve .brdLn{ border-left: none;}
.tbl-reserve .select,
.tbl-reserve .inp{ height: 40px; line-height: 40px;}
.tbl-reserve .sel01{ min-width: 250px;}
.tbl-reserve .sel02{ min-width: 150px;}
.tbl-reserve .data-sch{ display: flex;}
.tbl-reserve .data-sch .inp{ width: calc(100% - 190px); margin: 0 10px;}
.tbl-reserve .data-sch .sch{ width: 40px; height: 40px; display: inline-block; width: 60px; background: #31476f url(../images/ic_sch.png) 50% 50% no-repeat; text-indent: -9999px;}
.tbl-reserve .reserve-w1{ width: 20%;}

.reserve-desc{ margin: 50px 0 80px; font-size: 15px;}
.reserve-desc .tx01{ color: #333; font-weight: 600;}

.thumb-list{ margin-left: -40px; margin-top: -60px;}
.thumb-list::after{ content: ''; display: block; clear: both;}
.thumb-list .item{ position: relative; width: /*400px;*/ 305px; float: left; border: #ddd 1px solid; margin-left: 20px; margin-top: 60px;}
.thumb-list .item::before{ content: ''; border: #454444 2px solid; position: absolute; width: calc(100% + 2px); left: -1px; top: -1px; bottom: -1px; display: block; opacity: 0; 
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; z-index:999;}
.thumb-list .item:hover{ box-shadow: 10px 10px 10px rgba(0,0,0,.1);}
.thumb-list .item:hover::before{ opacity: 1;}
.thumb-list .item .thumb{ position: relative; /*margin: 20px;*/ background: #fff;}
.thumb-list .item .thumb img{ display: block; object-fit: cover; object-position: center; /*width: 100%;*/ height: 215px; margin: 0 auto;}
.thumb-list .item .desc{  position: relative;  padding: 0 20px; height: 125px;}
.thumb-list .item .desc .subject{ color: #000; font-size: 22px; font-weight: 500; line-height: 1.2; height: 54px; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumb-list .item .desc .name{ font-size: 16px; color: #000; margin-top: 10px;}
.thumb-list .item .bottom{  position: relative;  padding: /*10px 20px;*/ 20px 30px; border-top: #ddd 1px solid;}
.thumb-list .item .bottom::after{ content: ''; display: block; clear: both;}
.thumb-list .item .bottom .state{ line-height: 40px; font-size: 13px; padding: 0 0 0 10px;}
.thumb-list .item .bottom .state > i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: 1px; margin-right: 10px; }
.thumb-list .item .bottom .state.blue > i{ background-color: #3190c5;}
.thumb-list .item .bottom .state.orange > i{ background-color: #f1840e;}
.thumb-list .item .bottom .state.red{ color: #ed1c24;}
.thumb-list .item .bottom .state.red > i{ background-color: #ed1c24;}
.thumb-list .item .bottom .btn{ float: right;}

/*�߰�*/
.thumb-list .item .bottom .subject{ color: #000; font-size: 20px; line-height: 1.2; overflow: hidden; white-space: normal; word-wrap: break-word; display: inline-block; vertical-align: bottom;}
.thumb-list .item .bottom .view_more {float: right; font-size: 13px; border-bottom:2px #000 solid; padding-top: 5px;}

.reserve-view .hd{ position: relative; border-top: #000 2px solid; border-bottom: #b8b8b8 1px solid; padding: 30px 180px 30px 140px;}
.reserve-view .hd .blt2{ position: absolute; top: 50%; left: 35px; border: #999 1px solid; height: 30px; width: 90px; display: block;line-height: 28px; border-radius: 15px; margin-top: -15px; text-align: center; font-size: 14px;}
.reserve-view .blt2 i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.reserve-view .blt2.blue i{ background-color: #3190c5;}
.reserve-view .blt2.red i{ background-color: #f1840e;}
.reserve-view .blt2.orange i{ background-color: #ed1c24;}
.reserve-view .hd .subject{ font-size: 25px; color: #000; font-weight: 600;}
.reserve-view .hd .right{ position: absolute; top: 50%; right: 35px; margin-top: -15px;}
.reserve-view .hd .right a{ position: relative; display: inline-block; width: 34px; height: 30px; }
.reserve-view .hd .right a + a{ margin-left: 40px;}
.reserve-view .hd .right .btShare{ background: url(../images/ic_share.png) 50% 50% no-repeat;}
.reserve-view .hd .right .btList i{ display: block; position: absolute; top: 50%; left: 0; width: 100%; background-color: #999; height: 2px;}
.reserve-view .hd .right .btList i:nth-child(1){ margin-top: -10px;}
.reserve-view .hd .right .btList i:nth-child(3){ margin-top: 10px;}
.reserve-view .bd{ border:#a0a0a0 1px solid; padding: 40px 50px; background-color: #fff; margin: 30px 0 0 0;}
.reserve-view .bd::after{ content: ''; display: block; clear: both;}
.reserve-view .bd .dv-l{ float: left; width: 450px; text-align: center;}
.reserve-view .bd .dv-l .blt{ text-align: center; display: block; margin-top: 10px; font-size: 14px;}
.reserve-view .bd .dv-r{ float: left; width: calc(100% - 450px); padding: 0 0 0 50px;}
.reserve-view .bd .dv-r ul{ border-bottom: #e5e5e5 1px solid;}
.reserve-view .bd .dv-r ul + ul{ margin-top: 20px;}
.reserve-view .bd .dv-r ul > li{ display: table; width: 100%; table-layout: fixed; padding: 8px 20px;}
.reserve-view .bd .dv-r ul > li > *{ display: table-cell;}
.reserve-view .bd .dv-r ul > li .t-tx{ width: 110px; color: #000; font-weight: 500;}
.reserve-view .bd .dv-r .reserve-desc{ margin: 35px 0 0 0;}
/*.reserve-view .bd .dv-r .btn-box .btn{ width: 170px;}*/

.reserve-con{ margin: 75px 0 0 0;}
.tc .tit{ color: #000; font-size: 25px; font-weight: 600; margin: 45px 0 25px 0;}
.tc b{ color: #333;}

.calendar-wr .cal-head{ text-align: center;}
.calendar-wr .cal-head > a{ position: relative; display: inline-block; width: 30px; height: 30px; vertical-align: middle;}
.calendar-wr .cal-head > a::after{ content: ''; display: block; width: .6rem; height: .6rem; border-top: #000 2px solid; border-right: #000 2px solid; transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin: -.3rem 0 0 -.3rem;}
.calendar-wr .cal-head > a.prev::after{ transform: rotate(-135deg);}
.calendar-wr .cal-head .cal-tit{ color: #000; font-weight: 600; font-size: 30px; display: inline-block; line-height: 1; vertical-align: middle; margin: 0 4rem;}
.calendar-wr .cal-con{ margin: 4rem 0 0 0;}
.calendar-wr .cal-con table th{ padding: 10px 0; text-align: center; background-color: #406897; color: #fff; font-weight: 600; border-top: #365e8e 1px solid; border-bottom: #365e8e 1px solid; border-right: #365e8e 1px solid;}
.calendar-wr .cal-con table th:first-child{ border-left: #365e8e 1px solid;}
.calendar-wr .cal-con table td{ border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; vertical-align: top;}
.calendar-wr .cal-con table td:first-child{ border-left: #ccc 1px solid; }
.calendar-wr .cal-con table td > div{ padding: 15px; min-height: 110px;}
.calendar-wr .cal-con table td.defalt{ background-color: #f0f0f0;}
.calendar-wr .cal-con table td > div .n{ line-height: 1;}
.calendar-wr .cal-con table td.sun > div .n{ color: #de7878;}
.calendar-wr .cal-con table td.sat > div .n{ color: #7878c5;}
.calendar-wr .cal-con table td > div p{ font-size: 14px; line-height: 1;}
.calendar-wr .cal-con table td.defalt > div .n{ opacity: .5;}
.calendar-wr .cal-con table td.defalt > div p{ }
.calendar-wr .cal-con table td > div p .itm{ display: block;}
.calendar-wr .cal-con table td > div p .itm i{ width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: .2rem;}
.calendar-wr .cal-con table td > div p .blue i{ background-color: #3190c5; }
.calendar-wr .cal-con table td > div p .orange i{ background-color: #f1840e; }
.calendar-wr .cal-con table td > div p .red i{ background-color: #ed1c24; }

.reserve-sel::after{ content:''; display: block; clear: both; }
.reserve-sel + .reserve-sel{ margin-top: 10px;}
.reserve-sel span{ float: left;}
.reserve-sel .select{ float: right; width: 140px;}
.reserve-sel b{ float: right; width: 140px; text-align: right;}

.privacy-bx{ border: #a0a0a0 1px solid; padding: 20px 30px; margin-top: 20px;}
.privacy-bx .tit-tx{ font-size: 18px; color: #cc0000; margin-bottom: 15px;}
.privacy-bx .tit-tx.gray{ color: #222;}

.pass-bx{ border-top:#000 2px solid; border-bottom: #e7e7e7 1px solid; padding: 40px; background: url(../images/bg_patten2.png);}
.pass-bx .tx01{ text-align: center; color: #333; font-weight: 500;}
.pass-bx .inp-bx{ max-width: 740px; margin: 30px auto 0; position: relative; padding: 0 0 0 90px; }
.pass-bx .inp-bx span{ position: absolute; top: 0; left: 0; display: inline-block; line-height: 50px; left: 0; color: #333;}
.pass-bx .inp-bx .inp{ height: 50px; line-height: 50px;}
.pass-bx .inp-bx .pass{ position: absolute; top: 0; width: 50px; height: 50px; right: 0; display: block; background: url(../images/ic_pass.png) 50% 50% no-repeat;}

@media screen and (max-width:1200px){
	.titbox_double div { padding: 50px 50px;}
	.titbox_double div img {width: 180px;}
	.titbox_double div.text {width:calc(100% - 280px);}
	.titbox_double .bttn{right: 50px;}
}

@media screen and (min-width:641px) and (max-width:1024px){ 
    .about01-wr .bx01{ padding: 0 0 0 34%;}
    .about01-wr .bx01 .thumb{ width: 30%;}    
    .about01-wr::before{ display: none;}
    
    .about02-wr{ margin: 0 -2rem -5rem; padding: 0 2rem 10rem; background-size: 100% auto;}
    .purpose-bx > li{ width: 310px;}
    .purpose-bx > li i{ height: 200px; padding-top: 30px;}
    .purpose-bx > li .desc div .br{ display: none;}
    
    .thumb-list{ margin-left: -2%;}
    .thumb-list .item{ width: 48%; margin-left: 2%;}
    
    .reserve-view .hd{ padding: 1rem 0;}
    .reserve-view .hd .blt{ position: relative; margin: 0; top: auto; left: auto; }
    .reserve-view .hd .subject{ font-size: 1.8rem; margin: .5rem 0;}
    .reserve-view .hd .right{ top: 1rem; right: 0; margin: 0;}
    .reserve-view .hd .right a{ width: 3rem; height: 3rem; background-size: 100% auto;}
    .reserve-view .hd .right a + a{ margin-left: 1rem;}
    .reserve-view .bd{ margin-top: 2rem; padding: 1rem;}
    .reserve-view .bd .dv-l{ float: none; width: 100%;}
    .reserve-view .bd .dv-r{ margin: 2rem 0 0 0; padding: 0; float: none; width: 100%;}
    .reserve-view .bd .dv-r ul > li{ padding: .5rem 1rem;}
    .reserve-view .bd .dv-r ul > li .t-tx{ width: 6rem;}
    .reserve-view .bd .dv-r .reserve-desc{ margin-top: 2rem;}
    .reserve-view .bd .dv-r .btn-box.r{ text-align: center !important; margin-top: 2rem; display: flex;}
    .reserve-view .bd .dv-r .btn-box .btn{ flex: 1; padding: 0;}
	.reserve-view .hd .blt2{ position: initial; top: 50%; left: 35px; border: #999 1px solid; height: 30px; width: 90px; display: block;line-height: 28px; border-radius: 15px; margin-top: 0px; text-align: center;}
	
	.titbox_double div img {width: 160px; margin-right: 60px;}
	.titbox_double .tit {font-size: 22px;}
	.titbox_double .list li{font-size: 16px;}
	.titbox_double .list li + li {margin-top: 0;}
	.titbox_double .list.float-l {width: calc(100% - 60px);}
	.titbox_double .bttn { width: 120px; height: 50px; line-height: 50px; padding-left: 20px; background: #ff5c39 url(../images/main/plus_ico.png)no-repeat left 20px center; font-size: 14px; }

	.grey_bg .banner_wrap:after { width: 340px; background: url(../images/grey_banner_img.png)no-repeat right;}
	.grey_bg .banner_wrap p {font-size: 24px;}
	.grey_bg .banner_wrap h3 {font-size: 40px;}
	.grey_bg .banner_wrap h3:after { width: 40px; height: 40px; top: calc(50% - 20px); right: -70px;}

    
}

@media screen and (max-width:880px){
	.titbox_double {display: block;}
	.titbox_double div { width: 100%; padding: 30px 50px; flex-direction: column; align-items: flex-start;}
	.titbox_double div img {margin-right: 0px; margin-bottom: 30px;}
	.titbox_double div img + img {position: absolute; left: 250px;}
	.titbox_double div.left {height: auto;}
	.titbox_double div.text { width: calc(100% - 150px); word-break: keep-all;}
	.titbox_double .list {min-height: auto;}
	.titbox_double .list.float-l {width: calc(100% - 120px);}
	.titbox_double .bttn{bottom: 30px;}
	
	.mall_wrap .top { padding: 20px; margin-bottom: 40px;}
	.mall_wrap img { margin-right: 60px; width: 120px;}
	.mall_wrap .txt_wrap .big_txt { font-size: 26px;  margin-bottom: 10px;}
	.mall_wrap .txt_wrap span { font-size: 17px; }

	.mall_wrap .about {display: block;} 
	.mall_wrap .about li{width: 100%;}
	.mall_wrap .about li + li {margin-top:30px;}


	.grey_bg .banner_wrap {height: 220px;}
	.grey_bg .banner_wrap:after { top: auto; bottom: -31px; width: 270px; background-size: 420px; }
	.grey_bg .banner_wrap p {font-size: 22px;}
	.grey_bg .banner_wrap h3 {font-size: 35px;}
	.grey_bg .banner_wrap h3:after{display:none;}
}

@media screen and (max-width:640px){
    .about01-wr{ padding: 0;}
    .about01-wr .bx01{ padding: 0;}
    .about01-wr .bx01 .thumb{ position: relative; width: 100%; top: auto; left: auto;}
    .about01-wr .bx01 .desc{ margin-top: 2rem;}
    .about01-wr .bx01 .desc .br{ display: none;}   
    .about01-wr::before{ display: none;}
    
    .about02-wr{ margin: 0 -2rem -5rem; padding: 0 2rem 10rem; background-size: 100% auto;}
    .purpose-bx > li{ display: block; width: 100%; margin: 0; height: auto;}
    .purpose-bx > li + li{ margin-top: 2rem;}
    .purpose-bx > li i{ padding: 3rem 0; height: auto;}
    .purpose-bx > li i img{ width: 8rem;}
    .purpose-bx > li .desc{ padding: 1rem 2rem;}
    .purpose-bx > li .desc p{ font-size: 2rem;}
    .purpose-bx > li .desc div{ font-size: 1.3rem;}
    
    .map-bx{ margin-top: 3rem;}
    .map-bx .map{ height: 30rem;}
	
	.titbox_double .tit {font-size: 20px;}
	.titbox_double .bttn { width: 120px; height: 50px; line-height: 50px; padding-left: 20px; background: #ff5c39 url(../images/main/plus_ico.png)no-repeat left 20px center; font-size: 14px; }
	.titbox_double div img { width: 140px;}
	
	.mall_wrap .top { padding: 20px 0; margin-bottom: 40px; flex-direction: column;}
	.mall_wrap img { margin-right: 0px; margin-bottom:20px;}
	.mall_wrap .txt_wrap {text-align: center;}
	.mall_wrap .txt_wrap .big_txt {font-size: 24px; margin-bottom: 0px;}
	.mall_wrap .txt_wrap span { font-size: 15px; }

	.mall_wrap .about li b {font-size: 18px;}


	.grey_bg .banner_wrap {height: 180px;}
	.grey_bg .banner_wrap:after { bottom: -65px; width: 190px; background: url(../images/grey_banner_img.png)no-repeat right; background-size: 300px;}
	.grey_bg .banner_wrap p {font-size: 1.8rem;}
	.grey_bg .banner_wrap h3 {font-size: 3rem;}

    
    .tbl-reserve tbody th{ padding: 1rem .4rem;}
    .tbl-reserve tbody td{ padding: 1rem;}
    .tbl-reserve .select, 
    .tbl-reserve .inp{ height: 3.4rem; line-height: 3.4rem;}
    .tbl-reserve .sel01{ min-width: 100%;}
    .tbl-reserve .sel02{ min-width: 100%;}
    .tbl-reserve .sel01 + .sel01{ margin-top: .4rem;}
    .tbl-reserve .reserve-w1{ width: 10rem;}
    .tbl-reserve .data-sch{ display: block;}
    .tbl-reserve .data-sch .select{ float: left; margin-bottom: .4rem;}
    .tbl-reserve .data-sch .inp{ float: left; width: calc(100% - 5rem); margin: 0;}
    .tbl-reserve .data-sch .sch{ height: 3.4rem; width: 4rem; float: right;}
    
    .reserve-desc{ margin: 2rem 0 3rem; font-size: 1.3rem;}
    
    .thumb-list{ margin: -2rem 0 0 0;}
    .thumb-list .item{ width: 100%; margin: 2rem 0 0 0;}
    .thumb-list .item .thumb{ padding: 1rem;}
    .thumb-list .item .desc{ margin: 1rem 0 0 0; padding: 0 1em; height: 8.5rem;}
    .thumb-list .item .desc .subject{ font-size: 1.6rem; height: 3.6rem;}
    .thumb-list .item .desc .name{ margin-top: 1rem; font-size: 1.3rem;}
    
    .reserve-view .hd{ padding: 1rem 0;}
    .reserve-view .hd .blt{ position: relative; margin: 0; top: auto; left: auto; }
    .reserve-view .hd .subject{ font-size: 1.8rem; margin: .5rem 0;}
    .reserve-view .hd .right{ top: 1rem; right: 0; margin: 0;}
    .reserve-view .hd .right a{ width: 3rem; height: 3rem; background-size: 100% auto;}
    .reserve-view .hd .right a + a{ margin-left: 1rem;}
    .reserve-view .bd{ margin-top: 2rem; padding: 1rem;}
    .reserve-view .bd .dv-l{ float: none; width: 100%;}
    .reserve-view .bd .dv-r{ margin: 2rem 0 0 0; padding: 0; float: none; width: 100%;}
    .reserve-view .bd .dv-r ul > li{ padding: .5rem 1rem;}
    .reserve-view .bd .dv-r ul > li .t-tx{ width: 6rem;}
    .reserve-view .bd .dv-r .reserve-desc{ margin-top: 2rem;}
    .reserve-view .bd .dv-r .btn-box.r{ text-align: center !important; margin-top: 2rem; display: flex;}
    .reserve-view .bd .dv-r .btn-box .btn{ flex: 1;}
	.reserve-view .bd .dv-r .btn-box .btn p {display:block;}
	.reserve-view .hd .blt2{ position: initial; top: 50%; left: 35px; border: #999 1px solid; height: 30px; width: 90px; display: block;line-height: 28px; border-radius: 15px; margin-top: 0px; text-align: center;}

    
    .reserve-con{ margin-top: 3rem;}
    .reserve-con .tc .tit{ font-size: 2rem; margin: 3rem 0 1rem;}
    
	.calendar-wr {margin-top:45px;}
    .calendar-wr .cal-head .cal-tit{ font-size: 2rem;}
    .calendar-wr .cal-con{ margin-top: 2rem;}
    .calendar-wr .cal-con table td > div{ padding: .4rem; min-height: auto;}
    .calendar-wr .cal-con table td > div p{ font-size: 1.2rem;}
    
    .reserve-sel .select{ width: 100%;}
    
    .privacy-bx{ padding: 1rem;}
    .privacy-bx .tit-tx{ font-size: 1.6rem; margin-bottom: 1rem;}
    
    .pass-bx{ padding: 1rem 0;}
    .pass-bx .inp-bx{ width: 100%; padding: 0 0 0 5rem; margin-top: 1rem;}
    .pass-bx .inp-bx span,
    .pass-bx .inp-bx .inp,
    .pass-bx .inp-bx .pass{ height: 3.4rem; line-height: 3.4rem; background-size: 2rem;}
	

	.login_wrap{padding: 40px 30px;}


	.viewBottomList .orderPrev, .viewBottomList .orderNext{padding-left:4rem;line-height:4rem;}

	.signup li input::placeholder, .board-write .input::placeholder, .email_select{font-size:1.3rem;}
	.board-write th{font-size:1.4rem;padding-left:1rem;}
	.file_upload label, .btnNormalB.gray span, .bt_include .add_bt span{font-size:1.3rem;}
	.pa_minus, .pa_minus.second{display:none;}
	.btnStrong{font-size:1.4rem;}
	.file_upload.see > label, .file_upload.reset > label, .file_upload label{padding:0; text-align:center; width: 8rem;}
	
	.divpop { margin: 0 !important; }
}
@media screen and (max-width:550px){	
	.titbox_double .list.float-l {width: 100%;}
	.titbox_double .list.float-l li { width: 100px;}
	
	.titbox_double div img + img { left: 220px;}
	.titbox_double .bttn {display:none;}
	.titbox_double div.text { width: 100%;}

	.grey_bg{ margin-top: 90px;}
	.grey_bg .banner_wrap {display: block; padding-top: 40px; height: 280px;}
	/*.grey_bg .banner_wrap h3:after{display:block; width: 40px; height: 40px; top: calc(50% - 20px); right: -60px; }*/
}

@media screen and (max-width:450px){
	.titbox_double .tit{margin-left: 0;}
}

/* main */
#indexWrap .section{ position: relative; height:auto;}
#indexWrap .section .inner{ max-width: 1280px; margin: 0 auto; padding:90px 0 120px;}
.main-visual {position:relative;}


.txt_bg{position:absolute;left:0;top:0; width:884px;height:100%;background:rgba(0,0,0,0.3);z-index:2; }

/*.main-visual_text{position:absolute;z-index:3; top:240px;left:150px;}
.main-visual_text .small_logo{margin-left: 34px;}
.main-visual_text .swiper-slide{width:100%!important;overflow: hidden;height: 378px;}
.main-visual_text .swiper-slide .tx01{ padding-left: 24px;font-family:'KHNPHD_B'; color:#fff; text-shadow:0px 0px 10px #555;}
.main-visual_text .swiper-slide .tx01 strong { font-size: 80px; }
.main-visual_text .swiper-slide .tx01 > img{margin-left:-24px;}
.main-visual_text .swiper-slide .tx02{ padding-left: 24px;font-size:80px;font-family:'KHNPHD_B'; color:#fff;margin-top:-40px;text-shadow:0px 0px 10px #555;}
.main-visual_text .swiper-slide .tx03{ padding-left: 24px;position:relative; top:16px;font-size:26px;font-family:'Nanum Gothic'; color:#fff;}
.main-visual_text .swiper-slide .tx03:before,
.main-visual_text .swiper-slide .tx03:after{content: ''; position: absolute;  left:24px; width:470px; height:2px; display: block; background:#e1e6e7;}
.main-visual_text .swiper-slide .tx03:before{top:-16px;}
.main-visual_text .swiper-slide .tx03:after{height:1px; bottom:-16px;}
*/



.main-visual .swiper-slide{ position: relative;}
.main-visual .desc{ max-width: 1400px; height: calc(77vh - 128px); margin: 0 auto; padding-top: 10vh; color: #fff;}
.main-visual .desc .tx01{ font-size: /*74px;*/ 65px; }
.main-visual .desc .tx01 strong { font-size: 75px; }
.main-visual .desc .tx02{ font-size: /*20px*/ 24px; }
.main-visual .desc .bt{ margin: 60px 0 0 0; background-color: rgba(255,255,255,.2); border: rgba(255,255,255,.5) 1px solid; display: inline-block; height: 46px; line-height: 46px; padding: 0 45px; color: #fff; text-transform: uppercase; font-size: 15px; border-radius: 23px;}
.main-visual .desc .bt:hover{background-color:#fe5e00; color:#fff; border-color:#fe5e00;}
.main-visual .thumb{ height: calc(77vh - 128px); /*position: absolute; top: 0; left: 0%; right: 0;*/ background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; z-index: -999;}






/*
.main-visual .cotr{ position: absolute; bottom: 33vh; left: 50%; margin-left: -640px; width: 1280px; z-index: 3;}
.main-visual .cotr .pag{ position: relative; width: auto; bottom: auto; left: auto; display: inline-block; vertical-align: middle; line-height: 36px; font-size: 17px; font-weight: 600; color: #d7dad9;}
.main-visual .cotr .pag .swiper-pagination-current{ color: #fff;}
.main-visual .cotr a{ position: relative; display: inline-block; width: 36px; height: 36px; vertical-align: middle;}
.main-visual .cotr .prev::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(-135deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .next::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(45deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .play{ background-color: rgba(255,255,255,.2); border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/ic_play.png); display:none;}
.main-visual .cotr .stop{ background-color: rgba(255,255,255,.2); border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/ic_stop.png); display:none;}
.main-visual .cotr .play.on,
.main-visual .cotr .stop.on{ display: inline-block;}
*/
.main-visual .cotr_wrap{ max-width: 1400px; margin: 0 auto; position: relative; z-index: 10;}
.main-visual .cotr{ position: absolute; bottom: 60px; left: 0; width: auto; z-index: 3;}
.main-visual .cotr .pag{ position: relative; width: auto; bottom: auto; left: auto; display: inline-block; vertical-align: middle; line-height: 36px; font-size: 17px; font-weight: 600; color: #d7dad9;cursor:pointer;}
.main-visual .cotr .pag .swiper-pagination-current{ color: #fff;}
.main-visual .cotr a{ position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.main-visual .cotr .prev::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(-135deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .next::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(45deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .play{ width:36px;height:36px;margin-left: 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size:30%; background-image: url(../images/main/visual_play_ic.png); display:none; background-color:rgba(255,255,255,0.2); border-radius:36px;}
.main-visual .cotr .stop{ width:36px;height:36px;margin-left: 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size:30%;  background-image: url(../images/main/visual_stop_ic.png); display:none;background-color:rgba(255,255,255,0.2); border-radius:36px;}
.main-visual .cotr .play.on,
.main-visual .cotr .stop.on{ display: inline-block;}
.main-visual .pagination-number{font-family:'NanumSquareR';font-size:22px;font-style:italic;margin: 0 15px;}
.main-visual .slideshow-pagination-item.active {position:relative;color:#fe5e00;font-family: 'NanumSquareB';font-weight:600; }
.main-visual .slideshow-pagination-item.active:after{content:''; display:block; position:absolute;  bottom:-10px; left:50%; transform:translateX(-50%); width:26px; height:4px; background:#fe5e00; }

.progress{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 100; width: 50px; height: 50px; margin: 0 auto; border: 5px solid rgba(115,101,101,0.5); border-radius: 25px; box-sizing: border-box; }
.progress svg{ position: absolute; top: -5px; left: -5px; width: 50px; height: 50px; }
.progress circle{ fill: transparent; stroke: #ccc; stroke-width: 5px; stroke-dasharray: 141px; stroke-dashoffset: 141px !important; transform: rotate(-90deg); transform-origin: center center;}
.progress circle.active{ transition: 5s; stroke-dashoffset: 0 !important; }



/*
.main-visual{height:100%;}
.main-visual .swiper-slide{ position: relative;}
.main-visual .thumb{ height: 100%;position: absolute; top: 0; left:  0%; right: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; z-index: -999;}
.main-visual .cotr{ position: absolute; bottom: 238px; left: 174px; width: 1280px; z-index: 3;}
.main-visual .cotr .pag{ position: relative; width: auto; bottom: auto; left: auto; display: inline-block; vertical-align: middle; line-height: 36px; font-size: 17px; font-weight: 600; color: #d7dad9;cursor:pointer;}
.main-visual .cotr .pag .swiper-pagination-current{ color: #fff;}
.main-visual .cotr a{ position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.main-visual .cotr .prev::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(-135deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .next::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -7px; display: inline-block; width: 14px; height: 14px; transform: rotate(45deg); border-top: rgba(255,255,255,.4) 1px solid; border-right: rgba(255,255,255,.4) 1px solid;}
.main-visual .cotr .play{  background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; background-image: url(../images/main/visual_play_ic.png); display:none;}
.main-visual .cotr .stop{ background-repeat: no-repeat; background-position: 50% 50%; background-size:contain;  background-image: url(../images/main/visual_stop_ic.png); display:none;}
.main-visual .cotr .play.on,
.main-visual .cotr .stop.on{ display: inline-block;}

.main-visual .pagination-number{font-family:'NanumSquareR';font-size:22px;font-style:italic;margin: 0 15px;}
.main-visual .slideshow-pagination-item.active {position:relative;color:#fe5e00;font-family: 'NanumSquareB';font-weight:600; }
.main-visual .slideshow-pagination-item.active:after{content:''; display:block; position:absolute;  bottom:-10px; left:50%; transform:translateX(-50%); width:26px; height:4px; background:#fe5e00; }
*/


h3.tit{width: fit-content; margin: 0 auto; padding: 0 30px; font-size:50px; background:url("../images/main/shinning_ico.png") no-repeat left top;color:#000;font-weight:400;font-family:'KHNPHUotfR';}
h3.tit strong{font-family:'KHNPHD_B';}
p.tit{text-align:center;margin-top:-5px;}

.inner{width:1400px; margin: 0 auto;}

.main.sec01{margin-top:90px;}
.tbl-search{width:100%;margin-top:30px;}
.tbl-search select{display:block; float:left;width:calc((100% - 360px)/2);height:50px;line-height:50px;border-radius:10px;border:2px solid #000;}
.tbl-search select + select{margin-left:26px;}
.tbl-search button{width:308px;height:50px;line-height:50px;color:#fff; margin-top: 4px; font-size:22px; font-family:'KHNPHUotfR';background:#ff5c39;border-radius:10px;margin-left:26px;}

.about01-wr .tbl-search{width:100%;margin-top:30px;}
.about01-wr .tbl-search select{display:block; float:left;width:calc((100% - 360px)/3);height:70px;line-height:70px;border-radius:10px;border:2px solid #000;}
.about01-wr .tbl-search select + select{margin-left:26px;}
.about01-wr .tbl-search button{width:270px;height:70px;line-height:70px;color:#fff; font-size:22px; font-family:'KHNPHUotfR';background:#ff5c39;border-radius:10px;margin-left:26px;}


.main.sec02 {padding:65px 0 60px;margin-top: /*90px*/ 40px;background:#f3f4f5;}
.main.sec02 .wrap{overflow:hidden; width:100%;height:100%;}
.main.sec02 .left{width:398px;margin-top:64px;}
.main.sec02 .right{width:calc(100% - 398px);}
.main.sec02 .left, .main.sec02 .right{float:left;}
.main.sec02 .left h3.tit{position:relative;width: auto;}
.main.sec02 .left h3.tit:after{display:block; content:''; position:absolute; top:-34px; left:205px; background: url("../images/main/sec02_tit_ico.png") no-repeat;width:75px; height:104px;}
.main.sec02 .left p.tit{padding-left: 30px;width:208px;text-align:left;margin-top:0;}
.main.sec02 .right ul li{float:left;width:calc((100% - 80px)/3); height:264px;padding:60px 62px 50px 68px;border: 2px solid #bfbfbf; 
border-radius: 0 20px 0 0; background-color:#fff;font-size:22px; font-weight:700;}
.main.sec02 .right ul li:hover{border: #4e4e4e 2px solid;	box-shadow: 0 15px 23px 0 rgb(0 0 0 / 15%);transition: all .3s;}
.main.sec02 .right ul li + li{margin-left:40px;}
.main.sec02 .right ul li span{font-size:26px;}
.main.sec02 .right ul li p{background-repeat:no-repeat; padding-left:80px;}
.main.sec02 .right ul li a{display:block;width:110px; height:40px; line-height:40px; margin: 0 auto; margin-top:36px;padding-left:12px;
text-align:center; border-radius: 4px;color:#fff; font-size:15px; font-weight:700;background: #000 url("../images/main/plus_ico.png")no-repeat left 14px center; }
.main.sec02 .right ul li:nth-child(1) p{background-image:url("../images/main/sec02_ico1.png");}
.main.sec02 .right ul li:nth-child(2) p{background-image:url("../images/main/sec02_ico2.png");}
.main.sec02 .right ul li:nth-child(3) p{background-image:url("../images/main/sec02_ico3.png");}
.main.sec02 .right ul li:nth-child(3){padding-left:58px; padding-right:58px; }

.main.sec03 {margin-top:90px;overflow:hidden;}
.main.sec03 p.tit{margin-bottom:60px;}
.brand_list {/*display:flex; flex-wrap: wrap;*/ display: grid; grid-template-columns: repeat(6,1fr); gap: 30px; margin-bottom: 120px;}
.brand_list li{/*float:left;width:calc((100% - 60px)/5);*/ width:100%;height:auto;text-align:center;margin-bottom: 0px;}
.brand01 .brand_list li:nth-child(5n) { margin-right: 0;}
/*.brand_list li + li{margin-left:15px;}*/
.brand_list li a{display:block; width:100%;height:90px;border:1px solid #000; border-radius:10px; background-repeat:no-repeat; background-position:center;}
.brand_list li span{display:block;font-weight:700; margin-top:10px; font-size:16px;}
.brand_list li span.sticker{position:absolute; top:-12px; left:-8px; width:90px;height:50px; line-height:50px; text-align:center; border-radius: 10px 0 10px 0;  background: #fe5e00; color:#fff; font-size:16px; font-family: 'KHNPHD_R';}

.brand_list li a:hover{border: #4e4e4e 1px solid; background-color:#fff!important;box-shadow: 0 15px 23px 0 rgb(0 0 0 / 15%);transform: translateY(-5px);transition: all .3s;}

.main.sec03_1 { width: 100%; max-width: 1400px; height: auto;  position: relative; margin: 90px auto 0;}
.main.sec03_1 a{display: block; background-size: 100%;}
.main.sec03_1 a + a {margin-top:10px;}
.main.sec03_1 a img {z-index: -1; position: relative; }

.sec03_1_title { padding-top: 70px; }
.sec03_1_title p { font-size: 55px; font-weight: 900; }
.sec03_1_article { font-size: 24px; font-weight: 500; color: #555; padding-top: 30px; }
.sec03_1_article br { display: none; }

.main.sec03_2 {margin-top:30px; overflow:hidden;}
.main.sec03_2 table.youtube {width: 1400px; margin: 0 auto;}
.main.sec03_2 table.youtube td {width: calc((100% - 60px)/3); display: inline-block;}
.main.sec03_2 table.youtube td + td {margin-left:30px;}
.main.sec03_2 table.youtube iframe {width: 100%; height: 230px;}


.main.sec04{margin-top: /*110px*/ 90px; margin-bottom: 90px;}
.main.sec04 .bttn{display:block;width:320px;height:65px;line-height:65px;text-align:center;color:#fff;background:#fe5e00 url(../images/main/footer_kakao_ico.png) no-repeat left 40px center;
border-radius:10px;margin: 0 auto;font-size:17px;font-weight:700;margin-top: 60px;}
.main.sec04 figure{position:relative;}
.main.sec04 figure:after{display:none; /*display:block;*/ content:''; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); background:none;border:1px solid #fff; width:calc(100% - 40px); 
height:calc(100% - 40px); z-index:2;opacity: 0.3;}
.main.sec04 .txt{position:absolute;top: 24%;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;z-index:10;}
.main.sec04 .txt > *{color:#fff;}
.main.sec04 .txt p{font-size:26px;}
.main.sec04 .txt a{display:block;width:180px;height:60px;line-height:60px;padding-left: 10px;background:#ff5c39 url("../images/main/plus_ico.png")no-repeat left 48px center;border-radius:10px;margin: 0 auto;font-size:15px;font-weight:700;margin-top: 10px;z-index:5;}
.main.sec04 .txt a:hover{background:#fff url("../images/main/plus_ico_hover.png")no-repeat left 48px center;color:#ff5c39;}

.main.sec0402 {margin-top:90px;}
.main.sec0402 .bttn{display:block;width:240px;height:65px;line-height:65px;text-align:center;color:#fff;padding-left: 40px; /*background:#ff5c39 url("../images/main/plus_ico.png")no-repeat left 48px center;*/
background: #fe5e00 url(../images/main/footer_ask_ico.png) no-repeat left 40px center; border-radius:10px;margin: 0 auto;font-size:17px;font-weight:700;margin-top: 60px;z-index:5;}
/*.main.sec0402 .bttn:hover{background:#fff url("../images/main/plus_ico_hover.png")no-repeat left 48px center;color:#ff5c39;border:1px solid #000;}*/
.main.sec0402 .gallery_list ul li{width:466px;}
.main.sec0402 .gallery_list ul li a{float:right;width:450px;}

.main.sec05{margin-top: /*150px*/0px;background:#f3f4f5;padding:46px 0 85px;overflow:hidden;}
.main.sec05 p.tit{margin-bottom:60px;}
.main.sec05 .brand_list li{margin-bottom:0; position: relative; }
.main.sec05 .brand_list li a {height:240px; background-size: cover !important;}
.main.sec05 .brand_list {display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-bottom: 0px;}
.main.sec05 .brand_list li{/*float:left;width:calc((100% - 60px)/5);*/ width:100%;height:auto;text-align:center;margin-bottom: 50px;}


.main.sec06{overflow:hidden;}
.main.sec06 div{/*float:left;*/ width:100%;height:345px;}
.main.sec06 .left{background:url("../images/main/sec06_img02.jpg")no-repeat center / cover;}
.main.sec06 .left .inner{max-width: 1400px; margin: 0 auto; padding-top: 70px;}
.main.sec06 .left > *, .main.sec06 .right > *{color:#fff;}

.main.sec06 {width: 100%; height: 345px;}
.main.sec06 .right{background:url("../images/main/sec06_img1.jpg")no-repeat center / cover; }
.main.sec06 .right .inner {display: block; margin: 0 auto ; max-width: 1400px; padding-top: 70px;}
.main.sec06 .right .inner h3{ color: #094187;}
.main.sec06 .right .inner p{color:#179fcb;}

.main.sec06 p{/*margin-top:70px;*/font-size:26px; font-family:'Nanum Gothic'; font-weight: 600;}
.main.sec06 p span{font-size:34px; font-weight: 900;}

.main.sec06 h3{margin-top:10px;line-height: 1.3; font-family:'KHNPHUotfR';font-size:45px;font-weight:normal;}
.main.sec06 h3 strong{display: inline-block; font-family:'KHNPHD_B';}
.main.sec06 a{display:block;width:160px;height:50px;line-height:50px;padding-right: 10px;border-radius:10px;text-align:center;font-weight:700;font-size:15px;margin-top:5px;background: #fff url("../images/main/gobtn_ico.png") no-repeat right 34px center;}
.main.sec06 a:hover{background-color:#ff5c39;color:#fff;}
.main.sec06 + .main.sec06 {margin-top:30px;}

.main.sec06.box_01 {margin-top: 120px;}

.main.sec06.box_03{margin-top: 120px;}
.main.sec06.box_03 .right{background:url("../images/main/sec06_img3.jpg")no-repeat center / cover; }
.main.sec06.box_03 .right .inner h3,
.main.sec06.box_03 .right .inner p{color:#fff;}


.main-live{margin-top: 120px;}
.main-live .tit_box {background: #f5f5f5; height: 200px; padding: 30px 0; margin-bottom: 40px; text-align: left;}
.main-live .tit_box h3.tit { position: relative; width: auto; max-width: 1400px; background: none; padding: 0; color: #fe5e00;}
.main-live .tit_box h3.tit:after { content: ''; display: block; width: 600px; height: 200px; background:url("../images/main/mainlive_tit_img.png") 50% 50% no-repeat; 
position: absolute; top: -30px; right: 0;}
.main-live .tit_box h3.tit strong{font-size: 60px;}
.main-live .tit_box p.tit {max-width: 1400px; margin: -10px auto 0; text-align: left;}

.main-live .tit_box:first-child{background: #f7e4d6;}
.main-live .tit_box:first-child h3.tit::after { content: ''; display: block; width: 600px; height: 200px; background:url("../images/main/mainsec03_1_img.png") 50% 50% no-repeat; 
position: absolute; top: -30px; right: 0;}

.main-youtube_tops {margin-top:120px;}
.main-youtube_tops p.tit {margin-bottom: 60px;}
.main-youtube_tops .youtube td iframe { width: 90%; margin: 0 auto; display: block;}
.main-youtube_tops .youtube td p {text-align: center; margin-bottom: 10px; font-weight: 800; font-size: 20px;}

.main-news {margin-top:120px; margin-bottom: 120px;}
.main-news .tit {margin-bottom: 40px;}
.main-news .wrap { display: flex; justify-content: space-between; align-items: center; flex-direction: column;}

.main-news .news-img{display: block; width: auto; margin-bottom:30px;}
.main-news .news-img li { display: inline-block; float: left;}
.main-news .news-img li + li {margin-left:20px;}

.main-news .news-list {width: calc(100% - 20px); font-size: 18px; font-weight: 600; background: #f5f5f5; padding: 30px 40px; border-radius: 10px;}
.main-news .news-list li{padding-left: 20px; position: relative;}
.main-news .news-list li:after { content: ''; display: block; width: 3px; height: 3px; background: #000; position: absolute; top: 15px; left: 0;}
.main-news .news-list li + li { margin-top:10px;}
.main-news .news-list li span {position: relative; padding-left: 30px; font-size: 16px; color: #666; font-weight: 100; }
.main-news .news-list li span:after { content: ''; display: block; width: 1px; height: 12px; background: #afafaf; position: absolute; left: 15px; top: 5px; }

.main-wash_tops {margin:90px 0 120px;}
.main-wash_tops p.tit {margin-bottom: 60px;}
.main-wash_tops .wash_car td img{ width: 90%; margin: 0 auto; display: block;}
.main-wash_tops .wash_car td p {text-align: center; margin-bottom: 10px; font-weight: 800; font-size: 20px;}


.main-s01bx{ width: 100%;margin-top:90px;}
.main-s01bx::after{ content: ''; display: block; clear: both;}
.main-s01bx .etc{margin-top:30px;color:#ff5c39; font-size:22px; font-weight:800; }
.main-s01bx .etc input{width:26px;height:26px;margin-top:-4px; border:3px solid #ff7051;border-radius:4px;}
.main-s01bx .etc input[type="checkbox"]:checked{background:url("../images/main/chkmark_ico.png");}
.main-s01bx .itm1{ width: 25%;}
.main-s01bx .itm1::after{ content: ''; width: 60px; height: 60px; background: url(../images/ic_m0101.png) 50% 50% no-repeat; position: absolute; top: 10px; right: 20px;}
.main-s01bx .itm2{ width: 25%;}
.main-s01bx .itm2::after{ content: ''; width: 60px; height: 60px; background: url(../images/ic_m0102.png) 50% 50% no-repeat; position: absolute; top: 10px; right: 30px;}
.main-s01bx .tit{ color: #070707; }
.main-s01bx .sTit{ color: #999; font-size: 15px;}
.main-s01bx .bt{ color: #070707; font-size: 15px; display: block; margin: 15px 0 0 0;}
.main-s01bx .sch-bx{ height: 56px; line-height: 56px; border-bottom: #000 2px solid; padding: 0 56px 0 0; margin: 15px 0 0 0;}
.main-s01bx .sch-bx .inp{ height: 54px; line-height: 54px; vertical-align: middle; border: none;  background-color: transparent; font-size: 22px; padding: 0;}
.main-s01bx .sch-bx .sch{ width: 56px; height: 56px; background-image: url(../images/ic_search.png); background-position: 50%; background-color: transparent;}

.about-view .inner{overflow:hidden;}
/*.box div{float:left;height:400px;}*/
.box div.big{width:700px;}
.box.first {overflow:hidden;}
.box.first .left, .box.sec .left {margin-right:80px; width:700px;}
.box.first .left{position:relative;float:left;}
.box.first .right{width:44.2%;float:left;border-top:2px solid #000; border-bottom:2px solid #000;}
.box h4{font-size:50px; font-weight:800;}
.box.first h4{position:relative;width:fit-content;margin-top:48px;max-width:396px;word-break: keep-all;}

/*.about-view .box.first h4:after{display:block;width:90px!important;height:40px; line-height:40px; position: absolute; right: -100px;content:'안심고수';
top: 26px;text-align:center; border-radius: 10px 0 10px 0; margin-right:0!important;float:none!important; 
background: #fe5e00; color:#fff; font-size:16px; font-family: 'KHNPHD_R';}
*/
.about-view .box.first .safe_mark{position: absolute; right: -100px;top:20px;}

.box .right p{font-size:16px; padding-left: 190px;}
.box .right p.copy_call{color: #fe5e00; font-weight: 600; word-break: keep-all; margin-top: 10px;}
.box .right span{float:left;width:150px;margin-right:40px;font-weight:800;}
.box .right span.fir{padding-left:30px;letter-spacing: 17px;background: url("../images/sub/aboutview_location_ico.png") no-repeat left center;}
.box .right span.sec{padding-left:30px;letter-spacing: 11px;background: url("../images/sub/aboutview_call_ico.png") no-repeat left center;}
.box .right span.thd{padding-left:30px;letter-spacing: 2px;background: url("../images/sub/aboutview_time_ico.png") no-repeat left top 7px;}
.box .right span.fou{height:60px;padding-left:30px;background: url("../images/sub/aboutview_car_ico.png") no-repeat left top 7px;}

.box li{margin: 20px 0;}
.box li p.margin{margin: 12px 0;}
.box.sec{height:550px;background:#f5f5f5;margin-top:150px;overflow:hidden;}
.box.sec h4{margin-top:60px;font-size:32px;}
.box.sec p{position:relative;margin-top:20px;}
.box.sec p:after{
	display: block;
    content: '';
    position: absolute;
    bottom: -40px;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #999 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 8px 2px;
    background-repeat: repeat-x;
}

.box.sec .big{float:left;height:180px;}
.box.sec .right{float:right;}
.box.sec .find_way{ 
	float:right;display:block;width:200px;height:60px;line-height:60px;color:#57adc0;
	border:1px solid #57adc0; 	border-radius: 10px; padding-right:20px; margin-top:80px;
	background-image: url("../images/sub/aboutview_map_ico.png"), url("../images/sub/aboutview_arrow_ico.png");background-repeat:no-repeat;
	background-position: left 20px center, right 30px center; text-align:center;font-size:18px;font-family:'KHNPHD_R';background-color:#fff;
}
.prev_btn_wrap.up{text-align:right;margin-bottom:35px;}
.prev_btn_wrap.up .prev_btn{margin-top:0;}
.prev_btn{display:inline-block;width:130px;height:60px;line-height:60px;margin-top:70px;text-align:center;border-radius:15px 0 0 0; color:#fff;padding-left:30px;background:#fe5e00 url("../images/sub/aboutview_prev_ico.png") no-repeat center left 10px;}

.about-view #map:after{display:none;}


.about-view .info_list{ margin-top: 30px;border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.about-view .swiper.mySwiper2{width:100%;height:365px;overflow:hidden;border:1px solid #000; }
.about-view .swiper.mySwiper {width:100%;height:100px;margin-top:10px;overflow:hidden;}
.about-view .swiper.mySwiper img{width:100%;height:100%;}
/*.about-view .sticker{ display:block;width:90px!important;height:40px; line-height:40px; position: relative; 
left: 160px; bottom: 65px;text-align:center; border-radius: 10px 0 10px 0; margin-right:0!important;float:none!important; 
background: #fe5e00; color:#fff; font-size:16px; font-family: 'KHNPHD_R';}*/


.about-view .swiper-slide img{width:100%;height:100%;} 
.about-view .in_brand {margin-top:26px;padding-bottom:52px;overflow:hidden;}
.about-view .in_brand li{float:left; padding: 0 13px; margin: 5px; height:26px;line-height:26px; border:1px solid #000; border-radius: 6px; text-align:center;font-size:15px; font-weight:700;}
.about-view .swiper-button-prev{margin-top:0;top:32%;background-image: url("../images/sub/aboutview_slide_arrow.png");background-size: 14px 28px; }
.about-view .swiper-button-next{margin-top:0;top:32%;background-image: url("../images/sub/aboutview_slide_arrow.png"); transform:rotate(-180deg);background-size: 14px 28px;}


.pw_box { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.pw_box .txt { width: 100%; margin: 20px 0; }
.pw_box .bt { display: inline-block; padding: .2rem 1rem; background: #fe5e00; }
.pw_box .bt a { color: #fff; }



@media screen and (max-width:1850px){    
	#header .inner h1.logo{left:10px;}
	#header .subBg{left:-70px;}
	#gnb > li{margin: 0 40px;}
}
@media screen and (max-width:1700px){    
	#header .inner h1.logo{left:10px;}
	#header .subBg{left:-70px;}
	#gnb > li{margin: 0 30px;}
	#gnb > li > a{font-size:18px;}
	#gnb > li > .subDepth > li > a{font-size:16px;}
}

@media screen and (max-width:1470px){
	#header .header-top,
    #gnb-wrap{ display: none;}
    #header .inner{ height: 5rem;}
    #header .inner h1.logo{ left: 1.5rem;}
    #header .inner h1.logo a{ background-size: cover;}
    #header .inner .bt-mn{width: 90px; height: 90px; right: 0;}
    #header .inner .bt-mn > i{ height: .2rem;}
    #header .inner .bt-mn > i:nth-child(1){ margin-top: -.8rem;}
    #header .inner .bt-mn > i:nth-child(3){ margin-top: .6rem;}
    #header .inner .bt-sch{ width: 2rem; height: 2rem; right: 5rem; background-size: cover; margin-top: -1rem;}
	#header .member{display:none;}
	#header .inner .bt-mn{width: 5rem; height:5rem;}
}

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

	span.padding{padding-right:100px;}
	
	
}

@media screen and (max-width:1400px){
	.main-visual .desc {padding: 10vh 2rem 0;}
	.main-visual .cotr{left: 2rem;}

	.main.sec02 .left { width: 350px;}
	.inner{width:100%;}
	.main.sec02 .right ul li{padding-left:30px;padding-right:30px; padding-top:50px; padding-bottom:40px; font-size:18px;}
	.main.sec02 .right ul li:nth-child(3){padding-left:30px;padding-right:30px; }
	.main.sec02 .right ul li span{display: block; font-weight: 800;}
	.main.sec02 .right ul li a{margin-top:50px;}
	.main-s01bx, 
	.main.sec03,
	.main.sec05,
	.main.sec0402,
	.contents,
	#footer{padding-left:20px; padding-right:20px;}
	body.sub05 .contents,
	.grey_bg{padding-left:20px; padding-right:20px;}

	.contents.nopadding{padding-left:0;padding-right:0;}
	.about-view .box.first{padding: 0 20px;}
	.about-view .left.big{padding: 0 20px;}
	
	.main.sec03_2 table.youtube {width: 100%;}

	.gallery_list ul li{width: calc((100% - 60px)/3)!important;}
	.gallery_list ul li + li{margin-left: 30px!important;}
	.gallery_list ul li:nth-child(3n+1) { margin-left: 0px!important;}
	.gallery_list ul li a{width: 100%!important;}
	.gallery_list ul li span.sticker{left:0;}


	.box.first .left, .box.sec .big{width:50%;}
	.box.first .right, .box.sec .right {width: 38%;}
	.box.sec .right{float:left;}

	.info02 .inner.sec{width:100%;}

	.about-view .box .right span.fou{height:100px;}
	.about-view .in_brand li.for{margin-left:0!important;}
	.about-view .in_brand li.six{margin-left:0!important;}
	.about-view .prev_btn_wrap{padding-left:20px;}
	.about-view .in_brand{padding-bottom:10px;}
	

}

@media screen and (max-width:1260px){
	.about-view .in_brand li.thd{margin-left:0!important;}
	.about-view .box .right span.fou {height: 130px;}

}

@media screen and (max-width:1100px){
	.main.sec04 figure div { height: 320px !important;}

	.main.sec05 .brand_list li a { height: 180px;}
	
	.main-live .tit_box h3.tit:after {background: url(../images/main/mainlive_tit_img.png) 100% 100% no-repeat; background-size: 450px;}
	.main-live .tit_box:first-child h3.tit:after {background: url(../images/main/mainsec03_1_img.png) 100% 100% no-repeat; background-size: 450px;}

	.about-view .in_brand li.fiv, .about-view .in_brand li.last{margin-left:0!important;}
	.about-view .box .right span.fou {height: 150px;}

	.community01 .txt.tingla {position: absolute; top: 115px; right: 0; width: 100%; padding: 0 100px;}
	.community01 .txt.tingla > p,
	.community01 .txt.tingla > h5{text-align: center;}

	.ico-txt p {width:100%;}
	.ico-txt p + p {margin-left: 0px; margin-top:30px;}

	.brand_list { grid-template-columns: repeat(4,1fr);}
}

@media screen and (max-width:1200px){
	.main.sec02 .right ul li + li {margin-left: 20px;}
	.main.sec02 .right ul li{width:calc((100% - 40px)/3);}
	.main.sec02 .left {float: none;margin: 0 auto; margin-top: 64px;text-align:center;}
	.main.sec02 .left h3.tit{width:fit-content;text-align:center;}
	.main.sec02 .left p.tit{width:auto;padding-left:0;text-align:center;}
	.main.sec02 .right{float: none; overflow: hidden; width: 100%;margin-top:20px;padding: 0 20px;}

	.sec03_1_title { padding-top: 45px; margin-left: 30px; }
	.sec03_1_title p { font-size: 2.5em; }
	.sec03_1_article { font-size: 1em; padding-top: 15px; margin-left: 30px; }
	.sec03_1_article br { display: block; }

	.main.sec03_2 table.youtube iframe {height: auto;}
	.main.sec03_2 table.youtube td { width: calc((100% - 20px)/3);}
	.main.sec03_2 table.youtube td + td { margin-left: 10px;}

	.main.sec06 { width: 100%;}
	.main.sec06 .left .inner, .main.sec06 .right .inner { width: 100%!important;padding: 70px 20px 0 ; margin: 0;}
	.main.sec06 div{width:100%;}
	.main.sec06.box_03 .right { background: url(../images/main/sec06_img3_mob.jpg)no-repeat center / cover;}


	.info01 .con01 .ico1 {width:50px;margin-right:12px!important;margin-top: -4px!important;}
	.info02 .inner .sec, .info02 .inner .for, .info02 .inner .six{padding-left:460px;}
	.about-view .box .right span.fou {height: 106px;}
	.about-view .in_brand{padding-bottom:0px!important;}

	

}


@media screen and (min-width:641px) and (max-width:1024px){    
    .main-mn{ display: none;}
    
   /* .main-visual{ position: relative;}
    .main-visual .thumb{ height: 25rem; width: 100%; position: relative; width: 100%; top: auto; left: auto; right: auto;}
    .main-visual .desc{ padding: 2.5rem 2.5rem; height: auto; }
    .main-visual .desc .tx01{ font-size: 2.8rem;}
    .main-visual .desc .tx02{ font-size: 1.2rem;}
    .main-visual .desc .bt{ height: 2rem; line-height: 2rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    .main-visual .cotr{ width: 50%; right: 0; bottom: 2.5rem; left:left; margin: 0; text-align: right; padding-right: 2.5rem;}
    .main-visual .cotr a{ width: 2rem; height: 2rem;}
    .main-visual .cotr .prev::after,
    .main-visual .cotr .next::after{ width: 1rem; height: 1rem; margin-top: -.5rem;}
    .main-visual .cotr .pag{ line-height: 2rem; font-size: 1.2rem;}*/

	.gallery_list ul li{ width: calc((100% - 30px)/2)!important;}
	.gallery_list ul li + li{margin-left:0!important;}
	.gallery_list ul li:nth-child(2n+0){margin-left:30px!important;}
	.gallery_list ul li span.more_btn {width: 90px; background-size: 30px;}
	

	.about01-wr .tbl-search select{width:calc((100% - 270px)/3);}
	.about01-wr .tbl-search button{margin-left:10px;width:240px;}
	.about01-wr .tbl-search select + select { margin-left: 10px;}

	
	.tbl-search select{width:calc((100% - 260px)/2);}
	.tbl-search button{margin-left:10px;width:240px;}
	.tbl-search select + select { margin-left: 10px;}


    .main-visual .desc{ padding: 13vh 0px 0 20px;}
    .main-s01bx{padding: 20px;}
    .main-s01bx .itm3{ display: none;}
    .main-s01bx .itm1{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem;}
    .main-s01bx .itm2{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem; float: right;}
    
    .main-s01bx .sTit{ font-size: 1.1rem;}
    .main-s01bx .bt{ font-size: 1.2rem; margin-top: 1rem;}
    .main-s01bx .itm1::after,
    .main-s01bx .itm2::after{ width: 3rem; height: 3rem; top:50%; right: 1rem; margin-top: -1.5rem; background-size: cover;}
    .main-visual .cotr{bottom:80px;}
	.main-visual .desc .tx01, .main-visual .desc .tx01 strong{font-size:50px;}

    .section .m-tit .tit{ font-size: 1.6rem;}
    .section .m-tit .sTit{ font-size: 1.1rem; margin-top: .4rem;}
        
	

    #indexWrap .section .inner{ padding: 3rem 2rem 0; }
    .main-s02bx{ padding: 0 3rem;}
    .thumb-list .item .thumb img{ height: 160px;}
    .main-s02bx .thumb-list{ margin-top: 2rem;}
    .main-s02bx .prev{ left: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .next{ right: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .prev::after,
    .main-s02bx .next::after{ width: 1.4rem; height: 1.4rem; margin-left: 0; margin-right: 0;}
    .main-s02bx .prev::after{ left: 0;}
    .main-s02bx .next::after{ right: 0;}
    
    .main-s0202bx{ margin-top: 1rem;}
    .main-s0202bx .main-edu{ width: 100%; float: none;}
    .main-s0202bx .main-edu .swiper-slide{ padding: 2.5rem 2rem; min-height: auto;}
    .main-s0202bx .main-edu .name strong{ font-size: 1.4rem;}
    .main-s0202bx .main-edu .name p{ font-size: 1.3rem;}
    .main-s0202bx .main-edu .name i{ font-size: 1.1rem; height: 1.8rem; line-height: 1.8rem; padding: 0 1rem;}
    .main-s0202bx .main-edu .desc p{ width: 10rem;}
    .main-s0202bx .main-edu .desc ul > li{ padding-left: 6rem; line-height: 1.4rem;}
    .main-s0202bx .main-edu .desc ul > li + li{ margin-top: .5rem;}
    .main-s0202bx .main-edu .pag{ top: 2.5rem;}
    
    .main-s0202bx .main-sec02-q{ width: 100%; float: none; margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li{ padding: 1.5rem 2.5rem; height: auto;}
    .main-s0202bx .main-sec02-q > li + li{ margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li .tit{ font-size: 1.6rem;}
    .main-s0202bx .main-sec02-q > li .sTit{ font-size: 1.1rem; margin-top: .5rem;}
    .main-s0202bx .main-sec02-q > li .bt{ font-size: 1.1rem;}
    
    .section.sect03{ margin-top: 3rem; padding-bottom: 5rem;}
    .section.sect03 .inner .main-bbs{ width: 100%; float: none;}
    .section.sect03 .inner .main-bbs .tab{ margin-bottom: 1rem;}
    .section.sect03 .inner .main-bbs .tc{ padding: .5rem 1.5rem;}
    .section.sect03 .inner .main-bbs .tc .itm{ padding: 1rem 0;}
    .section.sect03 .inner .main-bbs .tc .itm a strong{ font-size: 1.3rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .date{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .txt{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tab > li{ font-size: 1.4rem;}
    .section.sect03 .inner .main-bbs .bbsBx{ height: auto;}
    .section.sect03 .inner .main-bbs .pag{ padding-right: 0;}
    
    .main-faq{ width: 100%; float: none; margin-top: 3rem;}
    .main-faq .tit{ font-size: 1.4rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx{ height: 16rem; padding-top: 4rem;}
    .main-faq .desc .tbx strong{ font-size: 1.5rem;}
    .main-faq .desc .tbx span{ font-size: 1.1rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx .bt{ font-size: 1.1rem;}
    .main-faq .desc{ background-size: cover;}
}


@media screen and (max-width:767px){
	.main.sec02 .right ul li{width:100%;height:auto; display: flex; justify-content: space-between; align-items: center;}
	.main.sec02 .right ul li + li{margin-left:0;margin-top:1rem;}
	.main.sec02 .right ul li a{margin:0;}
	.main.sec02 .right ul li span { display: inline-block; font-size: 22px;}
	
	.main.sec04 figure div { height: 205px !important;}

	.main-live iframe{height:400px !important;}
	.main-live .tit_box h3.tit:after {width:300px; background: url(../images/main/mainlive_tit_img.png) 0% 100% no-repeat; background-size: 450px;}
	.main-live .tit_box:first-child h3.tit:after {width:150px; background: url(../images/main/mainsec03_1_img.png) 0% 100% no-repeat;background-size: 450px;}

	.main-news .news-img {width: calc(100% - 20px);}
	.main-news .news-img li {width: calc((100% - 30px) / 4);}
	.main-news .news-img li + li {margin-left: 10px;}

	.community01 .txt.tingla {top: 90px; padding: 0 50px;}

}


@media screen and (max-width:640px){
	.brand_list { grid-template-columns: repeat(3,1fr); gap: 10px 30px;}

	.main-mn{ display: none;}
    
    /*.main-visual{ position: relative;}
    .main-visual .thumb{ height: 25rem; width: 100%; position: relative; width: 100%; top: auto; left: auto; right: auto;}
    .main-visual .desc{ padding: 2.5rem 2.5rem; height: auto; }
    .main-visual .desc .tx01{ font-size: 2.8rem;}
    .main-visual .desc .tx02{ font-size: 1.2rem;}
    .main-visual .desc .bt{ height: 2.5rem; line-height: 2.4rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    .main-visual .cotr{ width: 50%; right: 0; bottom: 2.5rem; left:left; margin: 0; text-align: right; padding-right: 2.5rem;}
    .main-visual .cotr a{ width: 2rem; height: 2rem;}
    .main-visual .cotr .prev::after,
    .main-visual .cotr .next::after{ width: 1rem; height: 1rem; margin-top: -.5rem;}
    .main-visual .cotr .pag{ line-height: 2rem; font-size: 1.2rem;}*/
	
	 h3.tit,.main.sec06 h3,.community01 .txt > h5, .community01 .txt > h5{font-size:3rem;}
	.main.sec06 p{font-size:1.8rem;}
	select{padding: 0 1rem;}
	p.tit{font-size:1.4rem;}
	
	.main.sec0402 p.tit{margin-bottom:5rem;}

	.info01 h4, .info01 h4 > span, .info02 h5, .info03 h4{font-size:2rem;}
	.info01 h4 > span{margin-top:-6px;}
	.tbl-search button, .main-s01bx .etc{font-size:1.9rem;}
	.sub-vis p{font-size:1.2rem; margin-top: -1rem; margin-bottom: 1rem;}
	.member_ok{font-size:1.6rem;}
	.btn-tc.complete a:last-child{margin-top:1rem;} 


	.join_step > ol > li{padding:1rem;}
	.join_step > ol > li .txt{font-size:1.6rem;}
	.join_step > ol > li .num{font-size:1.4rem;}

	
	.gallery_list ul li div{padding:2rem!important; }

	.info01 .con01 .ico1{position:absolute;opacity:0;}

	.main.sec06 .left { background: url(../images/main/sec06_img2.jpg)no-repeat right -200px  center / cover}
	.main.sec06 .right {background: url(../images/main/sec06_img1.jpg)no-repeat right -90px center / cover;}
	.main.sec06.box_03 .right { background: url(../images/main/sec06_img3_mob.jpg)no-repeat right -90px center / cover;}
	.sec03_1_title { padding-top: 30px; margin-left: 0; }
	/*.sec03_1_article { margin-left: 0; }*/

	.main.sec04 .txt p{font-size:1.8rem;}
	.main.sec04 h3{font-size:4rem;}
	/*.main.sec04  figure > div:nth-child(1){height:30rem!important;}*/
	.main.sec04 figure div { height: 185px !important;}

	.main.sec02 {padding: 35px 0 60px; margin-top: 60px;}
	
	.main.sec05 .brand_list {grid-template-columns: repeat(3,1fr); gap: 30px;}
	.main.sec05 .brand_list li{margin-bottom:0rem!important;}

	.main.sec06 {background-position: 20%;}
	/*.main.sec06 p { margin-top: 60px; }*/
	.main.sec06 p span { font-size: 26px;}


	
	.main-live .tit_box {padding: 55px 30px;}
	.main-live .tit_box h3.tit,
	.main-live .tit_box h3.tit strong{font-size: 4rem;}
	.main-live .tit_box h3.tit:after {width: 235px; background-size: 350px; top: -55px; right: -30px;}
	.main-live .tit_box p.tit {font-size: 1.6rem;}
	.main-live .tit_box:first-child h3.tit:after {top: -55px; right: -30px;}

	.main-youtube_tops .tit {margin-bottom: 30px;}
	.main-youtube_tops .youtube tr{display: grid; grid-template-columns: repeat(2,1fr); gap: 30px;}
	.main-youtube_tops .youtube td {width: 100%; display: block;}
	.main-youtube_tops .youtube td iframe {width: 100%;}

	.main-news .news-list {font-size: 16px; height: auto; padding: 20px 40px;}
	.main-news .news-list li { padding-left: 10px;}
	.main-news .news-list li:after{top: 12px;}
	
	.main-wash_tops .tit {margin-bottom: 30px;}
	.main-wash_tops .wash_car tr{display: grid; grid-template-columns: repeat(2,1fr); gap: 30px;}
	.main-wash_tops .wash_car td {width: 100%; display: block;}
	.main-wash_tops .wash_car td img {width: 100%;}


	.gallery_list ul li{width:100%!important; margin:0!important;margin-bottom:2rem!important;}
	.gallery_list ul li span.sticker{height: 40px; line-height: 40px;top:-0.3rem;border-radius: 0 10px 0px 10px;font-size:1.4rem;}
	.gallery_list ul li p.last{font-size:1.4rem;}
	.gallery_list ul li + li{margin-left:0!important;}
	.info01 .con01 ul > h5{font-size:1.8rem;}
	.info01 .con01 ul{padding: 3rem;}

	.about-view .swiper.mySwiper2 { height: 270px!important;}
	.about-view .swiper.mySwiper{height:56px!important;}


	.about01-wr .tbl-search select{width:calc((100% - 20px)/3);height:5rem;line-height:5rem;}
	.about01-wr .tbl-search button{margin-left:0px;width:100%;margin-top:1rem;height:5rem;line-height:5rem;font-size:1.6rem;}
	.about01-wr .tbl-search select + select { margin-left: 10px;}
		
	.about-view #map:after{display:block; content:''; position:absolute; width:100%; height:100%; background:transparent;z-index:10;}

	.page_num{margin-top: 4rem;  margin-bottom: 4rem;}
	.page_num p{font-size:1.4rem;}

	.tbl-search select{width:calc((100% - 10px)/2);}
	.tbl-search button{margin-left:0px;width:100%;margin-top:1rem;font-size:1.6rem; }
	.tbl-search select + select { margin-left: 10px;}


	 .main-visual .desc{ padding:100px 0 0 0;text-align: center;}
	 .main-visual .cotr{left:20px;top:270px;  display: none; }
	 .main-visual .desc .tx01 {font-size:3.5rem; font-weight: bold;}
	 .main-visual .desc .tx01 strong { display: none; }
	 .main-visual .desc .tx02{font-size:1.6rem;}
	 #mSect01, .main-visual .thumb, .main-visual .desc{/*height:48vh;*/ background-position: 80% 50%;}
	.main-visual .pagination-number{font-size:1.8rem;}
	
	.main.sec01 {margin-top: 30px;}
    .main-s01bx{ position: relative; bottom: auto; left: auto; margin: 0; width: 100%; height: auto; padding: 2.5rem 2rem 0;}
    .main-s01bx .itm3{ display: none;}
    .main-s01bx .itm1{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem;}
    .main-s01bx .itm2{ width: 49%; border: #bebebe 1px solid; border-radius: .5rem; padding: 1.5rem; float: right;}
   
    .main-s01bx .sTit{ font-size: 1.1rem;}
    .main-s01bx .bt{ font-size: 1.2rem; margin-top: 1rem;}
    .main-s01bx .itm1::after,
    .main-s01bx .itm2::after{ width: 3rem; height: 3rem; top:50%; right: 1rem; margin-top: -1.5rem; background-size: cover;}
    
    .section .m-tit .tit{ font-size: 1.6rem;}
    .section .m-tit .sTit{ font-size: 1.1rem; margin-top: .4rem;}
        
    #indexWrap .section .inner{ padding: 3rem 2rem 0; }
    .main-s02bx{ padding: 0 3rem;}
    .thumb-list .item .thumb img{ height: 16rem;}
    .main-s02bx .thumb-list{ margin-top: 2rem;}
    .main-s02bx .prev{ left: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .next{ right: 0; width: 3rem; height: 3rem; margin-top: -1.5rem;}
    .main-s02bx .prev::after,
    .main-s02bx .next::after{ width: 1.4rem; height: 1.4rem; margin-left: 0; margin-right: 0;}
    .main-s02bx .prev::after{ left: 0;}
    .main-s02bx .next::after{ right: 0;}
    
    .main-s0202bx{ margin-top: 1rem;}
    .main-s0202bx .main-edu{ width: 100%; float: none;}
    .main-s0202bx .main-edu .swiper-slide{ padding: 2.5rem 2rem; min-height: auto;}
    .main-s0202bx .main-edu .name strong{ font-size: 1.4rem; height: auto;}
    .main-s0202bx .main-edu .name p{ font-size: 1.3rem;}
    .main-s0202bx .main-edu .name i{ font-size: 1.1rem; height: 1.8rem; line-height: 1.8rem; padding: 0 1rem;}
    .main-s0202bx .main-edu .desc p{ width: 10rem; height: 10rem; margin-right: 1rem;}
    .main-s0202bx .main-edu .desc ul > li{ padding-left: 6rem; line-height: 1.4rem;}
    .main-s0202bx .main-edu .desc ul > li + li{ margin-top: .5rem;}
    .main-s0202bx .main-edu .pag{ top: 2.5rem;}
    
    .main-s0202bx .main-sec02-q{ width: 100%; float: none; margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li{ padding: 1.5rem 2.5rem; height: auto;}
    .main-s0202bx .main-sec02-q > li + li{ margin-top: 1.5rem;}
    .main-s0202bx .main-sec02-q > li .tit{ font-size: 1.6rem;}
    .main-s0202bx .main-sec02-q > li .sTit{ font-size: 1.1rem; margin-top: .5rem;}
    .main-s0202bx .main-sec02-q > li .bt{/* font-size: 1.1rem;*/  height: 2.5rem; line-height: 2.4rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    
    .section.sect03{ margin-top: 3rem; padding-bottom: 5rem;}
    .section.sect03 .inner .main-bbs{ width: 100%; float: none;}
    .section.sect03 .inner .main-bbs .tab{ margin-bottom: 1rem;}
    .section.sect03 .inner .main-bbs .tc{ padding: .5rem 1.5rem;}
    .section.sect03 .inner .main-bbs .tc .itm{ padding: 1rem 0;}
    .section.sect03 .inner .main-bbs .tc .itm a strong{ font-size: 1.3rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .date{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tc .itm a .txt{ font-size: 1.2rem;}
    .section.sect03 .inner .main-bbs .tab > li{ font-size: 1.4rem;}
    .section.sect03 .inner .main-bbs .bbsBx{ height: auto;}
    .section.sect03 .inner .main-bbs .pag{ padding-right: 0;}
    
    .main-faq{ width: 100%; float: none; margin-top: 3rem;}
    .main-faq .tit{ font-size: 1.4rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx{ height: 16rem; padding-top: 4rem;}
    .main-faq .desc .tbx strong{ font-size: 1.5rem;}
    .main-faq .desc .tbx span{ font-size: 1.1rem; margin-bottom: 1rem;}
    .main-faq .desc .tbx .bt{ /* font-size: 1.1rem;*/  height: 2.5rem; line-height: 2.4rem; font-size: 1.1rem; width: auto; padding: 0 2rem; margin-top: 1.2rem;}
    .main-faq .desc{ background-size: cover;}

	.community01 .txt{width:100%;right:0;left: 50%; transform: translateX(-50%);}
	.community01 .txt > p , .community01 .txt > h5{text-align:center;}
	.community01 .txt > p {font-size:1rem;}
	.community01 .txt > a{float:none; margin: 0 auto;margin-top:36px;}
	.community01 .txt.tingla { width: 100%; top: 120px;}
	.community01 .txt.tingla p { font-size: 1.5em; }
	.community01 .txt.tingla h5 { font-size: 2.3em; }

	.gallery_list ul li span.more_btn{font-size:1.4rem;}

	.ico-txt b {font-size: 2.2rem;}

}

/* 0609 */
.hd-schbx{ background-color: #fff; position: absolute; left: 0; width: 100%; top: 127px; padding: 50px 0 60px; border-top: #d0cfd0 1px solid; border-bottom: #d0cfd0 1px solid; display: none;}
.hd-schbx .schInbx{ max-width: 1490px; margin: 0 auto; }
.hd-schbx .tit{ color: #31476f; font-size: 35px; text-align: center;}
.hd-schbx .inp-bx{position: relative; max-width: 670px; margin: 0 auto; padding-right: 70px; border-bottom: #000 2px solid;}
.hd-schbx .inp-bx .inp{ display: block; height: 70px; line-height: 70px; width: 100%; border: none; background-color: transparent;}
.hd-schbx .inp-bx .sch{ position: absolute; display: block; top: 0; right: 0; width: 70px; height: 70px; background: url(../images/ic_search.png) 50% 50% no-repeat; text-indent: -9999px;}

@media screen and (min-width:641px) and (max-width:1024px){  
    #header .inner .bt-sch.active{ background-size: 1.8rem;}  
    .hd-schbx{ top: 5rem; padding: 1rem 2rem 2rem 2rem;}
    .hd-schbx .schInbx{ padding: 0;}
}

@media screen and (max-width:640px){
    #header .inner .bt-sch.active{ background-size: 1.8rem;}
    .hd-schbx{ top: 5rem; padding: 1rem 2rem 2rem 2rem;}
    .hd-schbx .schInbx{ padding: 0;}
    .hd-schbx .tit{ font-size: 1.8rem;}
    .hd-schbx .inp-bx{ margin-top: 1rem; padding-right: 5rem;}
    .hd-schbx .inp-bx .inp{ height: 5rem; line-height: 5rem;}
    .hd-schbx .inp-bx .sch{ width: 5rem; height: 5rem; background-size: 2rem;}
	.about-view .in_brand li{font-size:1.3rem;}
	.gallery_list ul li p.first{font-size:1.6rem;}
	.gallery_list ul li p.last, {font-size:1.4rem;}
}

/* 0621 */
.pop-lay{ background-color: #fff; display: none; width: 700px;}
.pop-lay .pop-tit{ padding: 20px 40px; background-color: #31476f;}
.pop-lay .pop-tit .tit{ font-size: 24px; color: #fff;}
.pop-lay .pop-con{ padding: 50px 40px;}
.pop-lay .pop-con .tit{ color: #222; font-size: 20px; font-weight: 500; margin: 0 0 10px 0;}
.pop-lay .scroll-bx{ overflow-y: auto; height: 400px; border-bottom: #ddd 1px solid;}
.pop-lay .bt-close{ position: absolute; top: 26px; right: 26px; display: block; width: 30px; height: 30px;}
.pop-lay .bt-close::before{ content: ''; display: block; width: 25px; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg); margin-left: -12px;}
.pop-lay .bt-close::after{ content: ''; display: block; width: 25px; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: rotate(45deg); margin-left: -12px;}

@media screen and (max-width:640px){
    .pop-lay{ width: 96%;}
    .pop-lay .pop-tit{ padding: 1rem;}
    .pop-lay .pop-tit .tit{ font-size: 1.8rem;}
    .pop-lay .pop-con{ padding: 1rem;}
    .pop-lay .pop-con .tit{ font-size: 1.6rem; margin-bottom: .5rem;}
    .pop-lay .bt-close{ top: 1rem; right: 1rem;}

	.login_list li:nth-child(2):after{top: 11px; left: -8px;}
	.login_list li:nth-child(2):before{top: 11px;right: -8px;}

	.login_wrap .login_btn{font-size:1.6rem;}
}



@media screen and (max-width:480px){
	.brand_list {grid-template-columns: repeat(2,1fr);}


	.main.sec05 .brand_list {grid-template-columns: repeat(2,1fr);}


	.main-live .tit_box h3.tit:after { width: 160px; background: url(../images/main/mainlive_tit_img.png) 50% 100% no-repeat; background-size: 450px;}
	.main-live .tit_box:first-child h3.tit:after {width: 130px; height: 150px; background-size: 400px; top: -5px;}

	.main-live iframe {height: 300px !important;}

	.select_ds, .select_ds select{width:100%;}
	.select_ds.second{margin: 5px 0;}
	.zipcode{position:static; margin-top:5px;}
	
	.login_list{width:100%;overflow: hidden;}
	.login_list li:nth-child(1),.login_list li:nth-child(2), .login_list li:nth-child(3){margin:0;width:33%;}
	.login_list li a{font-size:1.4rem;}
	

	.about-view .box .right span {width: 100px;margin-right: 10px;}

	.about-view .box.sec .find_way{margin-top:10rem;right:1rem;}
	.about-view .box.first h4{text-align:left; max-width: 234px; width: 100%;word-break: break-all;}

	table .select_ds { width: 100%!important;}
	.btnNormalB.gray.zipcode { width: 100%!important;}

	.brand01 .brand_list li {width: calc((100% - 30px)/2)!important;}



}



/*iphone 5*/
@media screen and (max-width:320px){
	.main-visual .desc .tx01{font-size:2.8rem;}
	.main-visual .desc .bt{height:3rem; line-height:3rem;}
	.main-visual .cotr{top:220px;}
	h3.tit,.main.sec04 h3{font-size:3rem;}
	.gallery_list ul li p.last, .box .right p{font-size:1.3rem;}
	.about-view .swiper.mySwiper2 { height: 200px!important;}
	.about-view .swiper-button-prev,.about-view .swiper-button-next{top:32%;}
	.about-view .swiper.mySwiper{height:40px;}
	.about-view .box .right span.fou{height:30px;}
	.about-view .in_brand li.sec{margin-left:0;}
	.about-view #map{height:400px!important;}
	.pr_view .tbl-view .hd .tit{ font-size: 1.8rem; padding-left: 0;}
	.tbl-view .hd > table td:nth-child(2) a.file, .tbl-view .hd > table td:nth-child(4),.login_list li a{font-size:1.2rem;}
	.join01 .table_line table{display:grid;}

	.main.sec02 .left h3.tit:after {top: -34px; left: 127px; width: 75px; height: 91px;}
	
	.main-live .tit_box { height: 150px; padding: 35px 10px;}
	.main-live .tit_box h3.tit {font-size: 3rem;}
	.main-live .tit_box h3.tit:after {width: 125px; height: 150px; background-size: 350px; top: -35px; right: -10px;}
	.main-live .tit_box p.tit {font-size: 1.4rem; margin: -5px auto 0;}

	.main-live .tit_box:first-child h3.tit:after {width: 95px; background-size: 350px;  top: -35px; right: -10px;}
}