/* accessbility */ #skip-go{display:block} #skip-go p{position:fixed;left:-1000px;top:0} #skip-go ul li a{z-index:1000;display:block;position:fixed;left:-1000px;top:0;background-color:#11589b;font-size:1em;color:#fff;text-align:center} #skip-go ul li a:hover, #skip-go ul li a:active, #skip-go ul li a:focus{left:0;min-width:200px;padding:10px 30px;box-sizing:border-box;text-decoration:underline} /***********************************************/ /***************** header ******************/ /***********************************************/ #header{position:relative;width:100%} .topLinkBox {min-width: 140px;padding-top: 5px;font-size: 0;margin-left: auto;} .topLinkBox a {display: inline-block; width: 33px; height: 33px; border: solid 1px #988D7E; border-radius: 50%;} /* 202302 명도대비 */ .topLinkBox a + a {margin-left: 15px;} .topLinkBox .facebook{background:url("../images/layout/facebook.png") center center no-repeat;} .topLinkBox .instagram{background:url("../images/layout/instagram.png") center center no-repeat;} .topLinkBox .naverpost{background:url("../images/layout/naverpost.png") center center no-repeat;} .topLinkBox .youtube{background:url("../images/layout/youtube.png") center center no-repeat;} .topLinkM ul li.sns .facebook{background:url("../images/layout/facebook_m.png") center center no-repeat; width: 55px;height: 55px;border: solid 1px #9e978e;border-radius: 55px;} .topLinkM ul li.sns .instagram{background:url("../images/layout/instagram_m.png") center center no-repeat; width: 55px;height: 55px;border: solid 1px #9e978e;border-radius: 55px;} .topLinkM ul li.sns .naverpost{background:url("../images/layout/naverpost_m.png") center center no-repeat; width: 55px;height: 55px;border: solid 1px #9e978e;border-radius: 55px;} .topLinkM ul li.sns .facebook:hover{background:url("../images/layout/facebook_hover.png") center center no-repeat #9e978e;} .topLinkM ul li.sns .instagram:hover{background:url("../images/layout/instagram_hover.png") center center no-repeat #9e978e;} .topLinkM ul li.sns .naverpost:hover{background:url("../images/layout/naverpost_hover.png") center center no-repeat #9e978e;} /* navForm */ .navForm{position:relative;width:100%;height:90px;padding:25px 0 25px;box-sizing:border-box;z-index: 999900;} /* 20221024 수정 */ .navBox{margin:0 auto;display: flex;max-width: 1400px;} .navBox:after{content:"";clear:both;display:block} .MI{float:left;margin:0;font-size:0;z-index: 99;} .MI a{display:inline-block;width:250px;height:40px;background: url("../images/layout/kocis_logo.png") center center no-repeat;background-size: 250px;} .nav-menu {display: flex;width: 100%;} .nav{font-size: 0;width: 100%;margin: auto;text-align: center;white-space: nowrap;} .nav:after{content:"";clear:both;display:block} .nav > li{display: inline-block;} .nav > li > a{display:block;position:relative;height:38px;padding:10px 15px 12px;font-size:17px;color:#000;text-align:center;vertical-align:middle;transition:0.5s} .nav > li > a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#987b50} .nav > li > a:hover:after, .nav > li > a:focus:after, .nav > li > a.selected:after{content:"";width:80%;left:10%;transition: all 0.3s ease-in-out;} .nav > li > a:hover .navForm{background: #fff;transition:0.3s;} .subBoxMain{display:none;} .nav > li.current .subBoxMain {display: block;} .subBox{position: relative;display: table; z-index:4;width:100%;transition:0.3s; margin:0 auto;max-width: 1400px;} .subBox > div {position: relative;display: table-cell;background:#f3f3f3 url('../images/layout/gnb_pattern.png') no-repeat right bottom;} .sub-menu { background: #fff;width: 100%;position: absolute;top: 85px;left: 0;right: 0;z-index: 103;border-top: 1px solid #ddd; box-shadow:0px 3px 3px rgba(0,0,0,0.2);background: linear-gradient(90deg, #f3f3f3 60%, #ffffff 60%); } .subBoxtitle{min-width: 370px;padding-top: 30px;font-weight: bold;font-size: 35px;letter-spacing: -0.5px;color: #111;text-align: left;} .subBoxtitle::after{content:"";display:block;margin:auto;width:150px;position: absolute;right: 0;top: 47px; border-bottom:1px solid #000;transition:0.3s} .subBox03 > .subBoxtitle::after{width:70px;} .subBox > div::before {content:"";display:block;margin:auto;position: absolute;right: 290px;top: 120px;transition:0.3s;padding: 35px 39px;} .subBox > .subBox01::before {background: url('../images/layout/icon01.png') no-repeat left top;} .subBox > .subBox02::before {background: url('../images/layout/icon02.png') no-repeat left top;} .subBox > .subBox03::before {background: url('../images/layout/icon03.png') no-repeat left top;} .subBox > .subBox04::before {background: url('../images/layout/icon04.png') no-repeat left top;} .subBox > .subBox05::before {background: url('../images/layout/icon05.png') no-repeat left top;} .subBox > .subBox06::before {background: url('../images/layout/icon06.png') no-repeat left top;} .dep2{padding-top: 20px;display:table-cell;} .depTitle > a {font-size: 15px;font-weight: 400;color: #666;padding: 0 10px;display: inline-block;background: url(../images/layout/menu_dot.png) no-repeat left center; line-height: 30px;text-decoration: none;} .depTitle > a:hover{text-decoration: underline !important;color: #000;} .sub {position:relative; display: table-cell; text-align:center;vertical-align: top;width:100%; text-align:left;border-left:1px solid #ddd; background: #fff;} .sub.gnbSub03 li {width: 33.3333%;} .sub.gnbSub03 li:nth-child(3)::after {content: none;} .sub > li {min-height: 320px;} .sub > li {position: relative; display:inline-block;transition:0.3s;width:25%;padding: 30px 20px;vertical-align: top;float: left;box-sizing: border-box;} .sub > li::after {content: '';display: block; border-right:1px solid #ddd;position: absolute;right: 0;top: 0;bottom: 0;} .sub > li:nth-child(4)::after, .sub > li:nth-child(8)::after {content: none;} .sub > li > a{font-family:"Noto Sans KR R";color:#000;font-size: 20px;} .sub > li > a:hover, .sub > li > a:focus{color:#987b50} /* multiLink */ .multiLink{min-width: 140px;padding: 0 0 0 30px;} .multiLink ul {white-space: nowrap;} .multiLink > ul:after{content:"";clear:both;display:block} .multiLink > ul > li{float:left;margin-left:15px;transition:0.3s} .multiLink > ul > li:first-child{position:relative;margin-left:0} .multiLink > ul > li.webAllMenu{display:none} .multiLink > ul > li > a {position: relative;display:block;min-width:30px;padding-top:30px;font-size:16px;color:#8c8279;transition:0.3s;margin-top:-22px;z-index: 2;} .multiLink > ul li:first-child .lang{margin-right:1px;padding-right:1px;font-family:"RobotoR";font-size:16px;color: #8c8279;width: 65px; height: 19px;background:url("../images/layout/etcLink_line.gif") right 34px no-repeat;margin-top:-20px;} .multiLink .lang img{display: inline-block;margin-top:2px;margin-left: -2px;} .multiLink .search img{display: inline-block;vertical-align:middle;} .multiLink > ul > li > a.m_search{display: none;} .allMenu{width:30px; display:none !important;background:url("../images/layout/icon_allMenu.png") center top no-repeat} /* langLayer */ .langLayer{display:none;position:absolute;left:-15px;top:62px;width:60px;height:60px;background:#fff} .langLayer:before{content:"";position:absolute;left:20px;top:-16px;width:0px;height:0px;border-top:8px solid transparent;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #006ecd} .langLayer ul li a{display:block;font-family:"Noto Sans KR L";font-size:0.875rem/*14px*/;color:#6c6c6c;text-align:center;line-height:30px} .langLayer ul li a:hover, .langLayer ul li a:focus, .langLayer ul li a.selected{color:#006ecd;text-decoration:underline} /* searchLayer */ .searchLayer{display:none;z-index:3;position:absolute;top:0;max-width:1400px;height:90px;text-align:center;margin: auto;left: 0;right: 0;text-align: right;} .searchLayer > div{transition:0.3s} .searchLayer > div > p{margin-bottom:20px;font-family:"Noto Sans KR B";font-size:1.75rem/*28px*/;color:#005caa;transition:0.3s} .searchLayer button{ display:inline-block;width:90px;height:90px;border:none; background:url("../images/layout/btn_close.png") center center no-repeat #af9a7a;position: absolute;right: 0;top: 0; } .totalSearch{ position: relative;margin:0 0 0 auto;width:calc(100% - 448px);height:90px;border-bottom:solid 1px #e1e1e1; padding:1px;box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#005caa', endColorstr='#0080ee')";text-align:left;background: #f6f6f6;padding-right: 20px; } .totalSearch input[type="text"]{ width:calc(100% - 160px); border:none; box-sizing:border-box; background:#f6f6f6; font-family:"Noto Sans KR DL"; font-size:1.125rem/*18px*/; color: #444; border-radius:0; outline: 0; padding-left: 10px; } .totalSearch input::placeholder {color: #666 !important;} /* 2023 웹접근성 */ .totalSearch .btnSearch{width:70px;height:80px;border:none;margin-top:-60px;margin-left:875px;background:url("/images/layout/icon_totalSearch.png") center center no-repeat #fff;text-indent:-99999px; cursor:pointer; border-radius:0;} /* 20201012 수정 */ .totalSearch .searchClick{display:inline-block; margin-top:30px; color: #876839;width: 65px;font-size: 17px;border-bottom: solid 1px #c3bcb4;padding-bottom: 5px;} /* 2023 웹접근성 */ .block2 {font-size: 16px; color: #a5a5a5 !important; position: absolute; top: 30px; left: 20px; transition: all .5s; } /* menuLayer */ .menuLayer{display:none;z-index:3;position:absolute;left:0;top:76px;width:100%;height:750px;padding:90px 0;box-sizing:border-box;background:url("/images/layout/MIbg.png") calc(1400px - 230px) -20px no-repeat rgba(0,53,98,1)} .menuItemsBox{margin:0 auto;overflow-y:auto;height:600px} .menuItems{overflow:hidden} .menuItems > li{position:relative;overflow:hidden;padding:45px 0;border-bottom:1px solid rgba(255,255,255,0.15);transition:0.3s} .menuItems > li:first-child{padding-top:0} .menuItems > li > p{position:relative;margin-bottom:20px;padding-top:10px;font-size:1.563rem/*25px*/;color:#fff} .menuItems > li > p:before{content:"";position:absolute;left:0;top:0;width:30px;height:3px;background:#fff} .menuItems > li > ul > li{float:left;width:14.285%;transition:0.3s} .menuItems > li > ul > li > a{font-family:"Noto Sans KR DL";font-size:1.125rem/*18px*/;color:#fff} .depth3 li a{display:inline-block;margin:6px 0;font-family:"Noto Sans KR L";font-size:0.9375rem/*15px*/;color:#a5a5a5;line-height:1.2;letter-spacing:-0.03em;word-break:keep-all;word-wrap:break-word} .depth3 li a:before{content:"\25AA";} .depth3 li a:hover, .depth3 li a:focus{color:rgba(255,255,255,0.9)} .allMenuClose{margin:0 auto;position:relative;} .allMenuClose button{display:inline-block;position:absolute;right:0px;top:-70px;width:50px;height:50px;border:1px solid #fff;background:url("/images/layout/btn_menuClose.png") center center no-repeat;text-indent:-99999px;transition:0.3s} .newWindow{display:inline-block;padding-right:20px;background:url("/images/layout/icon_newWindow_header.png") right center no-repeat} .newWindowdep2{display:inline-block;padding-right:10px;background:url("/images/layout/icon_newWindow_header.png") right center no-repeat} .contain{position:relative;width:100%} /* footer */ #footer{clear:both;position:relative;overflow:hidden;width:100%;background-color: #3B414D;}/*컬러변경#f6f6f6; 220826*/ .etcLinkForm{width:100%;padding:10px 0;border-top:1px solid #d0d0d0} .etcLinkBox{margin:auto;position:relative;overflow:hidden;max-width: 1400px;} .etcLinkBox:after{content:"";clear:both;display:block} .etcLink{float:left;margin-top:20px} .etcLink:after{content:"";clear:both;display:block} .etcLink li{float:left;margin-left:20px;padding-left:20px;background:url("../images/layout/etcLink_line.gif") left 5px no-repeat;transition:0.3s} .etcLink li:first-child{margin-left:0;padding-left:0;background:none} .etcLink li a{display:block;font-size:0.9375rem/*15px*/;color:#d2d2d2;transition:0.3s} .etcLink li a span{color:#D0AA72;} .familywrap{float:right;} .familySite{float: right; background-color:#fff;margin-top: 10px;/*변경 220826*/} .familySiteSub{float: left; margin-left: 5px;} .familySite select{cursor:pointer;float:left;width:250px;height:45px;padding:0 10px;box-sizing:border-box;background:url("../images/layout/selectArrowBg.png") calc(100% - 15px) center no-repeat;font-size:16px;color:#3d3d3d;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s} /* 20210810 수정 */ .familySite .siteGo {float:left;width:50px;height:45px;margin-left:-1px;background:#071126;font-size:15px;color:#fff;text-align:center;border: 0;border-radius: 0;} .addressForm{margin:auto;/*padding:30px 0; 변경 220826*/ padding: 20px 0 30px 0;transition:0.3s;max-width: 1400px;} .addressForm:after{content:"";clear:both;display:block} .addressForm .address{float:left} .addressForm .address:after{content:"";clear:both;display:block} .addressForm .address li{float:left} .addressForm .address li.MI{display:none;width:179px;height:45px;margin-right:55px;background:url("/images/layout/footerMI.png") no-repeat;transition:0.3s} /* 20210810 수정 */ .addressForm .address li p{font-size:0.875rem/*14px*/;color:#d9d9d9;transition:0.3s} .addressForm .mark{float:right;/*margin-right: 5%;변경 220905*/} .addressForm .mark a{float:left;margin-left:25px;transition:0.3s} .addressForm .mark a:first-child{margin-left:0;margin-top: 10px;/*220826:높이추가*/} #back-top{ display: none; position: fixed; bottom: 100px; right: 10px; z-index: 30000;border-radius:60px;width:60px;height: 60px; background-color: #a08b6d;/*box-shadow:1px 6px 6px #c3bfbf; 변경 220826*/ } /* 202302 명도대비 */ #back-top a{display: block;height: 100%; cursor: pointer;background:url("../images/layout/touch_top.png") no-repeat center center;background-size: 20px;} @media screen and (max-width: 1400px){ .etcLinkBox{padding: 0 20px;} .addressForm{padding: 30px 20px;} } @media screen and (max-width: 1250px){ .MI a {width: 170px;background-size: 170px;} .topLinkBox {min-width: 130px;} .topLinkBox a + a {margin-left: 10px;} } @media screen and (max-width: 1200px){ .navForm {padding: 10px 0;height: auto;} .multiLink .search img {width: 20px;} .MI{padding: 0 15px;} .mobNavBox .MI a { width: 170px;height:auto;min-height: 40px; background:url("../images/layout/kocis_logo.png") no-repeat center center;padding:10px 0;border-radius: 0;border: 0; background-size: 170px; } .multiLink > ul > li > a.allMenu {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);margin: 0;background-size: 24px;} .multiLink > ul > li > a.m_search {position: absolute;right: 50px;top: 50%;transform: translateY(-50%);margin: 0;padding-top: 0;height: 35px;} .totalSearch {width: calc(100% - 200px);} .mobNavBox .multiLink > ul > li > a.close { position: absolute;right: 10px;top: 14px;margin: 0;padding: 0;display:block;background:url("../images/layout/btn_close2.png") center center no-repeat; background-size: 18px; } .mobNavBox .close{display:block;background:url("/images/layout/btn_close2.png") center top no-repeat;border-radius: 0;border: 0;} .multiLink > ul > li:first-child {position: initial;} .mobNavBox .multiLink > ul > li > a.lang { display: block; position: absolute;width: auto; right: 50px;top: 50%;transform: translateY(-50%);margin: 0;padding: 17px 28px 10px 10px;font-size: 16px;color: #fff; background:url("../images/layout/icon_lang_m.png") no-repeat right center;background-size: 21px;border-radius: 0;border: 0;line-height: 1; } .subTnb .m_searchOpen > a > img{padding-top: 5px;} .subTnb .webAllMenu > a{background: url(../images/layout/icon_allMenu.png) center 1px no-repeat;} .topLinkBox {padding-top: 0;} .topLinkBox.sns {padding: 15px;} .searchLayer {height: 60px;} .searchLayer .totalSearch {height: 60px;} .searchLayer button {width: 60px;height: 60px;background-size: 20px;} .block2 {left: 10px;top: 17px;} .totalSearch .searchClick {margin-top: 15px;font-size: 15px;} .totalSearch input[type="text"] {width: calc(100% - 120px);} .mobNavBox{ z-index:101;position:fixed;overflow-x:hidden;overflow-y:auto;padding: 0; max-width:1200px;width:100%;background: #af9a7a;top:0;right: -1200px; } .multiLink {padding: 0;} .nav-menu {position: fixed;top: 60px;bottom: 0;right: -1200px;z-index: 997;width: 100%;background-color: #f5f2eb;display: none;overflow-y: auto; } .nav {display: block;width: 100%;background-color: #f5f2eb;z-index: 998;overflow-y: auto;} .nav > ul::before {content: '';display: inline-block;background: #fff;position: absolute; top: 0;bottom: 0;left: 0;width: 50%;} .nav > li {position: relative; display: block;float: none;height: auto;border-bottom: 1px solid #cecece;} .subBox > div {display: none;} .nav > li > a:hover:after, .nav > li > a:after {content: none;} .nav > li:after { content: '';display: inline-block;width: 33px;height: 35px;position: absolute;right: 10px;top: 12px;transform: rotate(180deg); background:url("../images/layout/mobile-arrow.png") no-repeat center center;background-size: 16px;transition: all 0.3s; } .nav > li.active:after {transform: rotate(0deg);} .nav > li > a{padding:15px;height: auto;text-align: left;font-size: 18px;font-weight: 500;letter-spacing: -.5px;z-index: 9;/*추가*/} .gnbSub05{width:100%; text-align:center;} .multiLink > ul > li > a.lang{display: none;} .nav > li > .subBoxMain {background-color: #fff;} .subBoxMain .sub-menu {position: relative;left: auto;top: auto;right: auto;bottom: auto;border: 0;box-shadow: none;background: transparent;} .subBoxMain .subBox {display: block;} .subBoxMain .subBox .dep2 {display: none;padding: 0;} .subBoxMain .subBox .dep2 li {display: block;text-align: left;background: none;} .subBoxMain .subBox .dep2 li.depTitle{margin-bottom: 3px; width: 100%;} .subBoxMain .subBox .dep2 li a {position: relative; display: inline-block;text-align: left; width: 100%; box-sizing: border-box;} .subBoxMain .subBox .dep2 > li.depTitle > a.dpt3::before{content: ""; position: absolute; display: block; right: 0px; top: 3px; width: 1px; height: 9px; background-color: #555; -webkit-transform: rotate(-135deg) translate(-4px, -7px);; transform: rotate(-135deg) translate(-4px, -7px);} .subBoxMain .subBox .dep2 > li.depTitle > a.dpt3::after{content: ""; position: absolute; display: block; right: 0px; top: 3px; width: 1px; height: 9px; background-color: #555; -webkit-transform: rotate(135deg) translate(11px, 0px);; transform: rotate(135deg) translate(11px, 0px);} .subBoxMain .subBox .dep2 > li.depTitle > a.dpt3.active::before{content: ""; position: absolute; display: block; right: 10px; top: 18px; width: 1px; height: 9px; background-color: #555; -webkit-transform: rotate(-315deg) translate(-4px, -7px);; transform: rotate(-315deg) translate(-4px, -7px);} .subBoxMain .subBox .dep2 > li.depTitle > a.dpt3.active::after{content: ""; position: absolute; display: block; right: 10px; top: 18px; width: 1px; height: 9px; background-color: #555; -webkit-transform: rotate(315deg) translate(11px, 0px);; transform: rotate(315deg) translate(11px, 0px);} .subBoxMain .subBox .depth3 li a{margin-left: 10px; color: #333;} .subBoxMain .subBox .depth3 li a:before{display: inline-block; margin-right: 7px; content: '-';} .subBoxMain .subBox .sub {display: block;border: 0;border-top: 1px solid #876e4a;} .subBoxMain .subBox .sub > li {position: relative; display: block;float: none;width: 100%;padding: 0 20px;min-height: 1px;z-index: 1;/*추가 220823*/} .subBoxMain .subBox .sub > li::after {content: none;} .subBoxMain .subBox .sub > li.on::after { content: '';display: inline-block;width: 33px;height: 35px;position: absolute;right: 10px;top: 6px;transform: rotate(180deg);border: 0; background:url("../images/layout/plus-arrow.png") no-repeat center center;background-size: 12px;transition: all 0.3s;z-index: -1;/*추가 220823*/ } .subBoxMain .subBox .sub > li.focus::after {transform: rotate(360deg); background:url("../images/layout/minus-arrow.png") no-repeat center center;background-size: 12px;transition: all 0.3s; } .subBoxMain .subBox .sub > li > a {display: block;padding: 10px 0; color: #8a6e43; font-size: 16px;font-weight: 400;text-align: left;background: none;} .mobile .nav > li > a:after{content: none;} .subBoxMain .subBox .sub > li > a.newWindow::after { content: '';display: inline-block;padding: 7px 8px; background: url(/images/layout/icon_newWindow_header.png) right center no-repeat; background-size: 12px; } /*START - 모바일인 경우 새 창으로 열리는 3depth 메뉴 옆에 이미지 출력 수정 20220817 by SHKIM*/ /*기존 소스 주석 처리 .subBoxMain .subBox .dep2 > li > a::after { */ .subBoxMain .subBox .dep2 > li.newWindowdep2 > a::after { content: '';display: inline-block;padding: 7px 8px; background: url(/images/layout/icon_newWindow_header.png) right center no-repeat; background-size: 12px; } /*END - 모바일인 경우 새 창으로 열리는 3depth 메뉴 옆에 이미지 출력 수정 20220817 by SHKIM*/ .multiLink > ul > li.webAllMenu{display: block; background-color: #af9a7a;} .topLinkM{float:left;} .topLinkM .sns{margin:15px;} .allMenu{display:block !important;} .multiLink > ul > li > a.search{display: none;} .multiLink > ul > li.m_searchOpen{float: right !important; margin-right: 50px;} .multiLink > ul > li > a.m_search{display: block; min-width: 30px;} /* footer */ .etcLink li{margin-left:15px;padding-left:15px} .familywrap{float:none;} .familySite{float: left; margin-right: 10px; margin-left: 0px;} .familySite select{padding:0 10px;background:url("../images/layout/selectArrowBg.png") calc(100% - 10px) center no-repeat;font-size:0.875rem;/*14px*/ height: 40px; background-size:12px auto} .familySite .siteGo{height: 40px;} .familySite button{font-size:0.875rem/*14px*/} .addressForm{padding:15px;} .addressForm .address li p{font-size:0.8125rem/*13px*/} .addressForm .address li p span{display:block} .addressForm .mark{float:right} .addressForm .mark a{float:left;margin-left:15px} .addressForm .mark a img{width:auto;height:40px} .etcLink{float:none; margin:5px 0 10px 0; } #back-top a{display: block;height: 100%; cursor: pointer;background:url("../images/layout/touch_top.png") no-repeat center center;background-size: 20px;} } @media screen and (max-width: 999px){ .multiLink > ul > li.webAllMenu{display:block} .allMenu{display:block !important;} } @media screen and (max-width: 660px){ .familySiteSub{margin-top: 5px;} } @media screen and (max-width: 640px){ .mobNav > ul > li > a{padding:15px 10px; background:url("../images/layout/mobNav_bullet01.png") calc(100% - 9px) 20px no-repeat #f5f2eb; font-size:18px;} .mobNav > ul > li.on a, .mobNav > ul > li a:hover, .mobNav > ul > li a:focus{background:url("../images/layout/mobNav_bullet01on.png") calc(100% - 7px) 20px no-repeat #f5f2eb;} .mobNav > ul > li > ul > li > a{padding:12px 13px; font-size:0.938rem/*15px*/; background:url("../images/layout/mobNav_bullet02.png") calc(100% - 10px) 15px no-repeat #f1f1f1 !important;} .mobNav > ul > li > ul > li.on > a{background:url("../images/layout/mobNav_bullet02on.png") calc(100% - 10px) 15px no-repeat #f1f1f1 !important;} .mobNav > ul > li > ul > li > ul > li > a{display:block;padding:10px 15px;background:url("../images/layout/mobNav_bullet03.png") calc(100% - 12px) 18px no-repeat !important;font-size:0.9375rem/*15px*/;} .mobNav > ul > li > ul > li > ul > li.on > a{background:url("../images/layout/mobNav_bullet03on.png") calc(100% - 12px) 18px no-repeat !important} .searchLayer {z-index: 9999;} .totalSearch {width: 100%;} .block2 {font-size: 14px;} .totalSearch .searchClick {font-size: 15px;} .addressForm {padding: 10px 20px;} .addressForm .mark a img {height: 40px;} .addressForm .address li p {font-size: 13px;} .addressForm .address {display: block;float: none;} .addressForm .mark {display: block;float: none;margin-top: 10px;overflow: hidden;} .addressForm .mark a {float: none;margin-left: 0;display: inline-block;} .addressForm .mark a + a {margin-left: 10px;} .etcLink li a {font-size: 14px;} .etcLink li {margin-left: 15px; padding-left: 15px; padding-bottom: 10px;} #back-top {width: 50px;height: 50px;} } @media screen and (max-width: 360px){ .familySite select {width: 210px;} }