@charset "utf-8";

#header .table {display:table; height:87px;}
.tb{display:table;}
.tc {display: table-cell; vertical-align: middle;}
.back_img{width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; font-size:0;}
.basic_img{width:100%; opacity:0; visibility:hidden;}


/* header */

#header {position:fixed; top:0; left:0; width:100%;z-index:9999; background-color:#fff;}
#header .main_wrp{padding:0 30px; box-sizing:border-box; width:100%;}
#header .top_header {display:block; height:45px; line-height:45px; font-size:15px; text-align: center; background: #f3f3f3; overflow: hidden;}
#header .top_header .main_wrp {position:relative;}
#header .top_header a {color: #252525; font-weight:700; font-size:20px;}
#header .top_header a:hover {color:#9724d9;}
#header .top_header .close_btn {position:absolute; right:10px; top:50%; width:20px; height:20px; line-height:16px; font-size:14px; color:#999; background-color:#ddd; border-radius:50%; cursor:pointer; transform:translateY(-50%); text-align: center; }
#header .top_header .close_btn:hover {color:#fff; background-color:#9724d9; }

#header .mid_header {border-bottom: 1px solid #ddd;}
#header .logo_box {float:left;}
#header .logo_box a {display:table-cell; vertical-align:middle;}
#header .logo_box a img {vertical-align: top; width:209px; height:38px;}
#header .lnb_box01 {position:relative; float:left; padding-top:10px;}
#header .lnb_box01 a.lnb_box01_btn {margin:9px 0 0 12px; float:left; display:block; width:23px; height:23px; border-radius:50%; border: 1px solid #ddd; background:url('../img/main/gnb_arrow.png')  top 8px center no-repeat; }
#header .lnb_box01_box {z-index: 565; display:none; padding:20px 25px 20px 40px; position:absolute; top:15px; left:0;  width:232px; background:#fff; border-radius: 30px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); box-sizing:border-box;}
#header .lnb_box01_box .logo_box {width:123px; float:left;}
#header .lnb_box01_box .logo_box img {width:100%;}
#header .lnb_box01_box a.lnb_box01_btn {transform:rotate(180deg);}
#header .lnb_box01_ul{margin-top:14px;}
#header .lnb_box01_ul a {display:block; font-size: 18px; line-height:1; color: #333333; letter-spacing: -0.45px; box-sizing:border-box; padding:10px 0 10px 48px;  background-repeat:no-repeat; background-position: left center;}
#header .lnb_box01_ul a.ico1{background-image:url('../img/main/mini_icon01.png'); background-size:33px 21px;}
#header .lnb_box01_ul a.ico2{background-image:url('../img/main/mini_icon02.png'); background-size:27px 26px; background-position: left 2px center;}
#header .lnb_box01_ul a.ico3{background-image:url('../img/main/mini_icon03.png'); background-size:26px 23px; background-position: left 3px center;}
#header .lnb_box01_ul a.ico4{background-image:url('../img/main/mini_icon04.png'); background-size:29px 25px; background-position: left 1px center;}
#header .lnb_box01_ul a.ico5{background-image:url('../img/main/mini_icon05.png'); background-size:37px 9px;}
#header .lnb_box01_ul a img {width:30px; padding-right:10px;}
#header .gnb_box {float:right; padding-top:5px;}
#header .gnb_box ul{font-size:0;}
#header .gnb_box ul li {padding:0 15px; display:inline-block; position:relative;}
#header .gnb_box ul li::before{display:block; content:''; clear:both; width:1px; height:20px; margin-top:-10px; background-color:#696969; position:absolute; top:50%; left:-0.5px;}
#header .gnb_box ul li:first-child::before{display:none;}
/*#header .gnb_box ul li.menu_btn{padding: 0 0 0 10px;}*/
#header .gnb_box ul li a {display:block; font-size:18px; font-weight:500; color:#252525;}
#header .gnb_box ul li:first-child a {width:37px; height:37px; background-image: url('../img/main/ico_search_01.png'); background-repeat: no-repeat; background-position:center;}
#header .gnb_box ul li.menu_btn a {/*width:55px; height:35px;*/ font-size: 18px; color: #252525; font-weight: 500;/* border-radius: 6px; border: 3px solid #202020; */text-align:center; box-sizing: border-box;}

#header .bot_header{border-bottom: 1px solid #ddd; box-sizing:border-box;}
#header .bot_header .main_wrp{overflow-X:scroll; -ms-overflow-style: none; scrollbar-width: none;}
#header .bot_header .main_wrp::-webkit-scrollbar{display:none;}
#header .bot_header ul.depth1{width:100%;}
#header .bot_header ul.depth1 > li{float:left; position:relative; width:25%;}
#header .bot_header ul.depth1 > li.li1, #header .bot_header ul.depth1 > li.li2{width:27%;}
#header .bot_header ul.depth1 > li.li3, #header .bot_header ul.depth1 > li.li4{width:23%;}
#header .bot_header ul.depth1 > li > a{display:block; height:98px; text-align:center; transition: all .2s ease;}
#header .bot_header ul.depth1 > li:first-child > a{padding-left:0;}
#header .bot_header ul.depth1 > li.la a{padding-right:0; text-align:right;}
#header .bot_header ul.depth1 > li.la a .lifecare_btn{display:inline-block; width:141px; height:33px; background-color:#ad68d5; border-radius:5px; background-image:url('../img/main/header_txt_01.png'); background-position:center; background-repeat:no-repeat; background-size: 118px 19px;}
#header .bot_header ul.depth1 > li a em{display:block; font-size:24px; line-height:1.333; font-weight:400; letter-spacing:-0.45px;}
#header .bg_header{display:none; height:585px; background:#f8f8f8; border-bottom:1px solid #ddd; box-sizing:border-box;}
/*active li*/
#header .bot_header ul.depth1 > li.active em{font-weight:700;}
#header .bot_header ul.depth1 > li.active::after{display:block; content:''; clear:both; width:100%; height:4px; background-color:#ad68d5; position:absolute; bottom:0; left:0;}

.search_box .top_box {padding:40px 35px; }
.search_box .input_box {padding:0 20px; height:55px; line-height:55px; background:#f3f3f3; border-radius:30px;}
.search_box .input_box input {float:left;}
.search_box .input_box input[type="text"] {width:calc(100% - 55px); height:55px; font-size:18px; line-height:55px; border:none; background:transparent;}
.search_box .input_box input[type="submit"] {width:55px; height:55px; background:url('../img/main/lnb_icon05.png')  center no-repeat; cursor: pointer;}

.search_box .recently_box {padding-top:25px;}
.search_box .recently_box h4 {float:left; padding-bottom:15px; font-size: 20px; color:#333; font-weight:700;}
.search_box .recently_box a {display:block; float:right; font-size: 20px; font-weight:700; color:#A91054; }

.search_box .recently_box ul li {font-size:20px;}
.search_box .recently_box ul li.empty {color:#9B9B9B;}

.search_box .mid_box {padding:40px 35px; border-bottom:1px solid #DADADA; border-top:1px solid #DADADA; }
.search_box .mid_box .recently_box {padding-top: 0;}

.search_box .bot_box {padding:40px 35px;}
.search_box .bot_box h4 {padding-bottom:15px; font-size: 20px; color:#333; font-weight:700;}
.search_box .bot_box li {float:left; margin-bottom: 15px; margin-right:15px; counter-increment:num;}
.search_box .bot_box a {position:relative; display:inline-block; padding:10px 20px 10px 40px; font-size: 17px; color:#2C2C2C; font-weight:700; border-radius:20px; background: #f3f3f3;}
.search_box .bot_box a::after { content:counter(num)"."; display:block; position:absolute; top:10px; left:20px; font-weight:900;}


.mo_gnb {position:fixed; top:141px; right:-200%; background:#fff; width:630px; height:calc(100vh - 141px); overflow-Y:scroll; transition:all 0.4s; box-sizing:border-box; z-index:10;}
.mo_gnb.active {right:0;}
.mo_gnb.top_header_close{top:100px; height:calc(100vh - 100px);}

.mo_gnb .mo_box {display:none; }

.mo_logo {width:150px;}

.mo_gnb .depth1 > ul > li {border-bottom:1px solid #f2f2f2;}
.mo_gnb .depth1 > ul > li:first-child {border-top:1px solid #f2f2f2;}
.mo_gnb .depth1 > ul > li > a{color:#fff; display:block;padding:15px 35px;box-sizing:border-box; font-size: 24px; font-weight:700;color:#333; }
.mo_gnb .depth1 > ul > li:hover > a {color:#9724d9;}
.mo_gnb .depth1 > ul > li.active > a {color:#9724d9;}
.mo_gnb .depth1 > ul > li.active {padding-bottom:10px; border-top:2px solid #9724d9; border-bottom:2px solid #9724d9;}
.mo_gnb .depth1 > ul > li:first-child {border-top:none; }

.mo_gnb .depth2 {display:none; box-sizing:Border-box;}
.mo_gnb .depth2 a {display:inline-block; margin:0 35px; padding:5px 20px; color:#666; font-size:18px; font-weight: 400; border-radius:10px;}
.mo_gnb .depth2 li:hover > a {background:#f7f7f7; color:#9724d9;}

.mo_gnb .lnb_box {padding-left:35px; padding-top:80px;}
.mo_gnb .lnb_box .lnb01 li {float:left; margin-right:20px;}
.mo_gnb .lnb_box .lnb01 li a {position:relative; display:block; width:115px; height:115px; font-size: 16px; color: #2c2c2c; box-shadow: 0 0 15px 10px rgba(0,0,0,0.05); text-align: center; background-repeat: no-repeat; background-position: top 10px center; }
.mo_gnb .lnb_box .lnb01 li a p {position: absolute; bottom:10px; left:50%; width:100%; transform: translateX(-50%);}

.mo_gnb .lnb_box .lnb01 li:nth-child(1) a {background-image:url('../img/main/lnb_icon01.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(2) a {background-image:url('../img/main/lnb_icon02.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(3) a {background-image:url('../img/main/lnb_icon03.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(4) a {background-image:url('../img/main/lnb_icon04.png');}

.mo_gnb .lnb_box .lnb01 li a:hover {background-color:#9724d9; color:#fff;}
.mo_gnb .lnb_box .lnb01 li:nth-child(1) a:hover {background-image:url('../img/main/lnb_icon01_active.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(2) a:hover {background-image:url('../img/main/lnb_icon02_active.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(3) a:hover {background-image:url('../img/main/lnb_icon03_active.png');}
.mo_gnb .lnb_box .lnb01 li:nth-child(4) a:hover {background-image:url('../img/main/lnb_icon04_active.png');}

.mo_gnb .lnb_box .lnb02 {padding-top:40px;}
.mo_gnb .lnb_box .lnb02 li {float:left;}
.mo_gnb .lnb_box .lnb02 li:first-child {margin-right: 10px;}
.mo_gnb .lnb_box .lnb02 li a {display:block; width:130px; line-height:40px; text-align: center; background: #dfdfdf; border-radius:20px; font-size: 17px; color: #2c2c2c;}

.top_btn {position:fixed; bottom:60px; left:calc(50% + 620px); width:60px; height:60px; background:url('../img/top_btn.png') center no-repeat #fff; cursor:pointer; border: 1px solid #ddd; z-index:9;}

#header .down_btn {position:fixed; bottom:0px; left:50%; width:60px; height:50px; background:url('../img/bl_down_arrow.png') center no-repeat; cursor:pointer; z-index:9; transform:translateX(-50%); }
.fp-viewing-main_sec01 #header .down_btn {background-image: url('../img/wh_down_arrow.png');}
.fp-viewing-main_sec09 #header .down_btn {display: none;}

/* footer */

#footer {width:100%; background: #dddddd; border-top:1px solid #ddd; padding-bottom:115px;}
#footer .size{padding:0 36px; box-sizing:border-box;}
#footer .inner{padding:48px 0; box-sizing:border-box;}

#footer .main_wrp {padding-top: 0;}

#footer .left_box {float:left;}
#footer .right_box {float:right;}

#footer .top_box {text-align:center; font-size:0;}
#footer .top_box select{display:inline-block; text-align:center; width:338px; height:57px; line-height:57px; background:#fff; padding-right:35px; box-sizing:border-box; font-size:26px; border:none; outline:none; font-weight:500; color:#808080; background-image:url('../img/main/footer_drop_arr.png'); background-repeat:no-repeat; background-size:22px 11px; background-position:right 28px top 52%;}
#footer select{-webkit-appearance:none; -moz-appearance:none; appearence:none;}

#footer .bot_box{margin-top:30px;}
#footer .bot_box .ul_wrap ul{margin-top:20px;}
#footer .bot_box .ul_wrap ul:first-child{margin-top:0;}
#footer .bot_box li {font-size: 18px; line-height:34px; font-weight: 500; color: #808080;}



/* 모바일 */

#header.mo_header .mo_wrp {position:relative;}
#header.mo_header .gnb_box ul li:nth-child(2) {display: none;}
#header.mo_header .top_header {line-height:45px; height:45px; font-size:18px;}
#header.mo_header .top_header .close_btn {right:auto; left:10px;}

#header.mo_header .bot_header {height:90px;}
#header.mo_header .table {height:90px;}
#header.mo_header .tc .logo_box a {width:200px;}
#header.mo_header .tc .logo_box img {width: 100%;}
#header.mo_header .tc .lnb_box01 a.lnb_box01_btn {margin: 15px 10px 0 10px;}
#header.mo_header .lnb_box01_ul li {margin-bottom:10px;}
#header.mo_header .lnb_box01_ul li:last-child {margin-bottom: 0;}

#header.mo_header .gnb_box ul li {padding:0 13.5px;}
#header.mo_header .gnb_box ul li a {width:40px; height:40px; background-size: 100%;}

#header.mo_header .gnb_box ul li:nth-child(3) .count_box {position:absolute; top:0px; right:5px; width:20px; height:20px; line-height:20px; background-color:#a01749; color:#fff; font-size:11px; text-align: center; border-radius: 50%; pointer-events: none;}

#header.mo_header .gnb_box ul li:nth-child(4) {padding-right: 0;}
#header.mo_header .gnb_box ul li:nth-child(4) a {width:60px; margin-top:2px; font-size:22px; border: 2px solid #424242; color:#424242; line-height:34px;}

#header.mo_header .mo_gnb {top:136px; width:100%; height:auto;}
#header.mo_header .mo_gnb .depth1 > ul > li > a {padding:15px 35px; font-size:26px;}
#header.mo_header .mo_gnb .depth2 a {margin:0 0 0 60px; padding:15px 0; font-size: 24px;}

#header.mo_header .mo_gnb .lnb_box {padding:40px 0;}
#header.mo_header .mo_gnb .lnb_box .lnb01 li {width:25%; margin-right: 0;}
#header.mo_header .mo_gnb .lnb_box .lnb01 li a {color:#838383; width:auto; height:100px; box-shadow:none; font-size: 18px; background-size:44px;}
#header.mo_header .mo_gnb .lnb_box .lnb01 li a:hover {color:#838383; background-color: #fff;}

#header.mo_header .mo_gnb .lnb_box .lnb02 {padding:20px 35px;}
#header.mo_header .mo_gnb .lnb_box .lnb02 li a {line-height:50px; height:50px; width:150px; font-size:20px; border-radius: 30px;}

#header.mo_header .search_box .top_box {padding:35px;}
#header.mo_header .input_contain {height:70px;}
#header.mo_header .search_box .input_box {float:left; width:calc(100% - 40px); height: 100%; line-height: 70px; box-sizing: border-box;}
#header.mo_header .arrow_btn {float:left; display:block; margin-right:20px; width:20px; height:100%; background: url('../img/main/search_arrow.png') no-repeat center;}
#header.mo_header .search_box .input_box input[type="text"] {width:calc(100% - 40px); height:100%; line-height: 70px;}
#header.mo_header .search_box .input_box input[type="submit"] {width:40px; height: 100%;}
#header.mo_header .search_box .mid_box {padding:20px 35px;}
#header.mo_header .search_box .recently_box h4 {padding-bottom: 5px; font-size:30px;}
#header.mo_header .search_box .recently_box ul li.empty {font-size:26px;}
#header.mo_header .search_box .recently_box a {font-size: 30px;}
#header.mo_header .search_box .bot_box {padding:20px 35px;}
#header.mo_header .search_box .bot_box h4 {font-size: 30px;}
#header.mo_header .search_box .bot_box li {margin-right: 15px; margin-bottom:20px;}
#header.mo_header .search_box .bot_box a {font-size:26px; padding:10px 20px 10px 60px; border-radius: 30px;}
#header.mo_header .search_box .bot_box a::after {top:10px; left:20px;}

#header.mo_header .down_btn {width:90px; bottom: 105px; background-image:url('../img/main/mo_down_arrow2.png');}
.fp-viewing-main_sec01 #header.mo_header .down_btn {width:130px; height:88px; bottom: 175px; background-image:url('../img/main/m_down_arrow.png');}

.mo_lnb_contain {position:fixed; bottom:0; left:50%; width:100%; max-width:720px; background:#fff; transform: translateX(-50%); z-index:100;}
.mo_lnb_contain li {position:relative; float: left; width: 25%; height:115px; text-align: center; font-size:18px; color:#838383;}
.mo_lnb_contain li a {display: block; height:100%; background-repeat: no-repeat; background-position:top 13px center; background-size:40px;}
.mo_lnb_contain li a .img_box{height:61px; width:100%; background-position:center bottom; background-repeat:no-repeat; background-size:40px;}
.mo_lnb_contain li.li1 a .img_box{background-image:url('../img/main/lnb_icon01.png');}
.mo_lnb_contain li.li2 a .img_box{background-image:url('../img/main/lnb_icon02.png');}
.mo_lnb_contain li.li3 a .img_box{background-image:url('../img/main/lnb_icon03.png');}
.mo_lnb_contain li.li4 a .img_box{background-image:url('../img/main/lnb_icon04.png');}
.mo_lnb_contain li a p {margin-top:5px;}

#footer.mo_footer .top_contain {position:relative; padding-top:135px; padding-bottom: 0; top:auto; left:auto;}
#footer.mo_footer .top_contain .left_box {float: none; padding-top: 0; width:auto;}
#footer.mo_footer .top_contain .left_box ul li {padding-left:10px; padding-bottom:20px; padding-right: 0; float: none; width:100%;}

#footer.mo_footer .top_contain .left_box h3 {position:relative; float:left; width:200px; font-size:30px;}
#footer.mo_footer .top_contain .left_box h3 p {position:relative; margin-top:20px; padding:40px 5px; background:#fff; z-index: 3;}
#footer.mo_footer .top_contain .left_box h3:after {display: block; content: ''; width:100%; height: 100vh; position:absolute; left:0; top:0; background:#ededed;}

#footer.mo_footer .top_contain .left_box ul {padding-left:30px; padding-top:65px; padding-bottom: 70px; float:left; width:calc(100% - 200px); box-sizing: border-box;}
#footer.mo_footer .top_contain .left_box ul li .img_box {width:110px; height:110px; border-radius:25px; overflow: hidden;}
#footer.mo_footer .top_contain .left_box ul li .img_box img {width:100%;}

#footer.mo_footer .top_contain .left_box ul li .info_box {padding-left:25px; width:calc(100% - 110px);}
#footer.mo_footer .top_contain .left_box ul li .info_box h4 {font-size: 26px;}
#footer.mo_footer .top_contain .left_box ul li .info_box p {font-size: 20px; line-height: 26px; letter-spacing: -0.5px;}

#footer.mo_footer .top_contain .right_box {position:relative; display: block; padding:25px 35px; width:100%; height:auto; float: none; background:#fff; z-index: 3;}
#footer.mo_footer .top_contain .right_box > ul > li {float:none; width:100%;}
#footer.mo_footer .top_contain .right_box > ul > li a {display: block; padding:25px 0 25px 60px; font-size:28px; color:#2C2C2C; font-weight:400; border-bottom: 1px solid #ededed;}
#footer.mo_footer .top_contain .right_box > ul > li:first-child a {border-top: 1px solid #ededed;}

#footer.mo_footer .top_contain .right_box > ul > li:nth-child(1) a {background: url('../img/main/footer_icon01.png') no-repeat center left 10px; background-size:28px;}
#footer.mo_footer .top_contain .right_box > ul > li:nth-child(2) a {background: url('../img/main/footer_icon02.png') no-repeat center left 10px; background-size:28px; }
#footer.mo_footer .top_contain .right_box > ul > li:nth-child(3) a {background: url('../img/main/footer_icon03.png') no-repeat center left 10px; background-size:28px; }
#footer.mo_footer .top_contain .right_box > ul > li:nth-child(4) a {background: url('../img/main/footer_icon04.png') no-repeat center left 10px; background-size:28px; }

#footer.mo_footer .top_contain .right_box > ul > li {background: url('../img/main/footer_icon05.png') no-repeat center right 10px; background-size:12px;}

#footer.mo_footer .bot_contain {padding:0; position:relative; z-index:3; text-align: center; top:auto; left:auto;}
#footer.mo_footer .bot_contain .right_box {display: inline-block; float: none; text-align: left;}

#footer.mo_footer .bot_contain {background:#fff;}
#footer.mo_footer .bot_contain .top_box {line-height:130px;}
#footer.mo_footer .bot_contain .top_box select {padding-left:40px; padding-right:60px; width:auto;height:55px; font-size:30px;}
#footer.mo_footer .bot_box {background:#dddddd; padding-top: 0; padding-bottom:90px; height:auto;}
#footer.mo_footer .bot_box .left_box ul {padding:20px 0;}
#footer.mo_footer .bot_box .left_box ul li {font-size:18px; line-height:40px;}



/* 반응형 시작 */


/*PC 모니터 (구형) 1200~1439*/
@media all and (max-width:1439px) {
  #header .table {height:90px;}
}

@media all and (max-width:400px) {
  #header.mo_header .mo_wrp {position:relative;}
  #header.mo_header .gnb_box ul li:nth-child(2) {display: none;}
  #header.mo_header .top_header {line-height:30px; font-size:12px;}
  #header.mo_header .top_header .close_btn {right:auto; left:10px;}

  #header.mo_header .bot_header {height:50px;}
  #header.mo_header .table {height:50px;}
  #header.mo_header .tc .logo_box a {width:120px; height:27px;}
  #header.mo_header .tc .logo_box img {margin-top:10px; width: 100%;}
  #header.mo_header .tc .lnb_box01 a.lnb_box01_btn {margin: 15px 10px 0 10px;}
  #header.mo_header .lnb_box01_ul li {margin-bottom:10px;}
  #header.mo_header .lnb_box01_ul li:last-child {margin-bottom: 0;}

  #header.mo_header .gnb_box ul li {padding:0 5px;}
  #header.mo_header .gnb_box ul li a {width:30px; height:30px; background-size: 100%;}

  #header.mo_header .gnb_box ul li:nth-child(3) .count_box {position:absolute; top:0px; right:0px; width:15px; height:15px; line-height:15px; background-color:#a01749; color:#fff; font-size:11px; text-align: center; border-radius: 50%; pointer-events: none;}

  #header.mo_header .gnb_box ul li:nth-child(4) {padding-right: 0;}
  #header.mo_header .gnb_box ul li:nth-child(4) a {width:40px; height:auto; margin-top:0px; font-size:12px; line-height:28px;}

  #header.mo_header .mo_gnb {top:81px; width:100%; height:auto;}
  #header.mo_header .mo_gnb .depth1 > ul > li > a {padding:5px 2%; font-size:18px;}
  #header.mo_header .mo_gnb .depth2 a {margin:0 0 0 20px; padding:5px 0; font-size: 16px;}

  #header.mo_header .mo_gnb .lnb_box {padding:20px 0;}
  #header.mo_header .mo_gnb .lnb_box .lnb01 li {width:25%; margin-right: 0;}
  #header.mo_header .mo_gnb .lnb_box .lnb01 li a {color:#838383; width:auto; height:70px; box-shadow:none; font-size: 12px; background-size:30px;}
  #header.mo_header .mo_gnb .lnb_box .lnb01 li a:hover {color:#838383; background-color: #fff;}

  #header.mo_header .mo_gnb .lnb_box .lnb02 {padding:20px ;}
  #header.mo_header .mo_gnb .lnb_box .lnb02 li a {width:110px; font-size:14px;}

  #header.mo_header .search_box .top_box {padding:20px 2%;}
  #header.mo_header .search_box .input_box {height: 40px; line-height: 40px;}
  #header.mo_header .search_box .input_box input[type="text"] {width:calc(100% - 40px); height:40px; line-height: 40px;}
  .search_box .input_box input[type="submit"] {width:40px; height: 40px;}

  #header.mo_header .search_box .mid_box {padding:20px 2%;}
  #header.mo_header .search_box .recently_box h4 {padding-bottom: 5px; font-size:16px;}
  #header.mo_header .search_box .recently_box ul li.empty {font-size:14px;}
  #header.mo_header .search_box .recently_box a {font-size: 16px;}
  #header.mo_header .search_box .bot_box {padding:20px 2%;}
  #header.mo_header .search_box .bot_box h4 {font-size: 16px;}
  #header.mo_header .search_box .bot_box li {margin-right: 10px; margin-bottom: 10px;}
  #header.mo_header .search_box .bot_box a {font-size:14px; padding:5px 10px 5px 27px;}
  #header.mo_header .search_box .bot_box a::after {top:5px; left:10px;}

  .mo_lnb_contain {position:fixed; bottom:0; left:50%; width:100%; max-width:1000px; background:#fff; transform: translateX(-50%); border-top: 1px solid #ddd;}
  .mo_lnb_contain li {position:relative; float: left; width: 25%; height:50px; text-align: center; font-size:12px; color:#838383;}
  .mo_lnb_contain li a {display: block; height:100%; background-repeat: no-repeat; background-position:top 13px center; background-size:15px;}

  .mo_lnb_contain li:nth-child(1) a {background-image:url('../img/main/lnb_icon01.png');}
  .mo_lnb_contain li:nth-child(2) a {background-image:url('../img/main/lnb_icon02.png');}
  .mo_lnb_contain li:nth-child(3) a {background-image:url('../img/main/lnb_icon03.png');}
  .mo_lnb_contain li:nth-child(4) a {background-image:url('../img/main/lnb_icon04.png');}
  .mo_lnb_contain li a p {position: absolute; bottom:5px; left:50%; width:100%; transform: translateX(-50%);}

  #footer.mo_footer .top_contain {position:relative; padding-bottom: 0; top:auto; left:auto;}
  #footer.mo_footer .top_contain .left_box {float: none; padding-top: 0; width:auto;}
  #footer.mo_footer .top_contain .left_box ul li {padding-left:10px; padding-bottom:20px; padding-right: 0; float: none; width:100%;}

  #footer.mo_footer .top_contain .left_box h3 {position:relative; float:left; width:100px; font-size:16px;}
  #footer.mo_footer .top_contain .left_box h3 p {position:relative; margin-top:40px; padding:20px 0; background:#fff; z-index: 3;}
  #footer.mo_footer .top_contain .left_box h3:after {display: block; content: ''; width:100%; height: 100vh; position:absolute; left:0; top:0; background:#ededed;}

  #footer.mo_footer .top_contain .left_box ul {padding-top:40px; float:left; width:calc(100% - 110px);}
  #footer.mo_footer .top_contain .left_box ul li .img_box {width:70px; height:70px;}
  #footer.mo_footer .top_contain .left_box ul li .img_box img {width:100%;}

  #footer.mo_footer .top_contain .left_box ul li .info_box {padding-left:10px; width:calc(100% - 70px);}
  #footer.mo_footer .top_contain .left_box ul li .info_box h4 {font-size: 14px;}
  #footer.mo_footer .top_contain .left_box ul li .info_box p {font-size: 12px;}

  #footer.mo_footer .top_contain .right_box {position:relative; display: block; padding:10px; width:100%; height:auto; float: none; background:#fff; z-index: 3;}
  #footer.mo_footer .top_contain .right_box > ul > li {float:none; width:100%;}
  #footer.mo_footer .top_contain .right_box > ul > li a {display: block; padding:10px 0 10px 50px; font-size:18px; color:#000; font-weight:400; border-bottom: 1px solid #ededed;}
  #footer.mo_footer .top_contain .right_box > ul > li:first-child a {border-top: 1px solid #ededed;}

  #footer.mo_footer .top_contain .right_box > ul > li:nth-child(1) a {background: url('../img/main/footer_icon01.png') no-repeat center left 10px; background-size:24px;}
  #footer.mo_footer .top_contain .right_box > ul > li:nth-child(2) a {background: url('../img/main/footer_icon02.png') no-repeat center left 10px; background-size:24px; }
  #footer.mo_footer .top_contain .right_box > ul > li:nth-child(3) a {background: url('../img/main/footer_icon03.png') no-repeat center left 10px; background-size:24px; }
  #footer.mo_footer .top_contain .right_box > ul > li:nth-child(4) a {background: url('../img/main/footer_icon04.png') no-repeat center left 10px; background-size:24px; }

  #footer.mo_footer .top_contain .right_box > ul > li {background: url('../img/main/footer_icon05.png') no-repeat center right 10px; background-size:10px;}

  #footer.mo_footer .bot_contain {padding:0; position:relative; z-index:3; text-align: center; top:auto; left:auto;}
  #footer.mo_footer .bot_contain .right_box {display: inline-block; float: none; text-align: left;}

  #footer.mo_footer .bot_box {padding-top: 0; padding-bottom:100px; }
  #footer.mo_footer .bot_box .left_box ul {padding:20px 0;}
  #footer.mo_footer .bot_box .left_box ul li {line-height:24px;}

}



/* 반응형 끝 */