/* all Base ───── 전체공통기본 */ /* tag */ *{font-style:normal;} body{margin:0;background:#fff;/* color:#333; */ font-size:75%; line-height:1.5; font-family:'NotoSansKR',Malgun Gothic,Dotum,sans-serif; letter-spacing:0;} table, pre{} a{text-decoration:none;} a:link, a:visited{color:#36c;} a:hover, a:active, a:focus{color:#380;text-decoration:underline;} img{border:0;} hr{display:none;} em{color:#e00;} pre{white-space:pre-wrap;word-wrap:break-word;} h1, h2, h3, h4, h5, h6, p, ul, ol, dl, menu, blockquote, fieldset, form, pre{margin:0;} ul li img{vertical-align:top;} /* class */ * html .png24{tmp:expression(setPng24(this));} .skip, .blind{position:absolute;left:-9999%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0;} .clear, .brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;} @media all and (min-width:769px) /*768px보다 클때 - PC 형식*/ { #header {z-index:1000; position:fixed; top:0; left:0; width:100%; min-width:1024px; height:74px; background:url(../../img/topmenu_bg.png) repeat-x; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #header.type2 {height:80px;} #header.type2 h1.logo {top:-193px; opacity:0; } #header.type2 h1.logo2 {display:block; opacity:1; } #header .wp {position:relative; width:1024px; margin:0 auto;} #header h1.logo {position:absolute; left:50%; margin-left:-95px; top:0; text-align:center; opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #header h1.logo2 {opacity:0; position:absolute; left:50%; margin-left:-95px; top:0; text-align:center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #header .mobile_btn {display:none} #header .logo_mobile {display:none} #header ul {padding:0 23px; margin:0; padding-top:36px; list-style:none; overflow:hidden;} #header ul li{} #header ul li.m1 {width:195px;} #header ul li.m2 {width:178px;} #header ul li.m3 {width:178px;} #header ul li.m4 {width:178px;} #header ul li.d1 {float:left;} #header ul li.d1 a {padding:0; display:block; height:40px; line-height:40px; font-weight:400; text-align:center; color:#fff; font-size:18px; text-decoration:none;} #header ul li.d1 a:hover {color:#f6d985} #header ul li.on.d1>a {color:#f6d985} #header ul li.d1.m2 {margin-right:229px;} #header ul li.d2 {} #header ul li ul {position:relative; top:-4px; display:none; padding:0; margin:0; list-style:none;} #header ul li ul li {text-align:center; padding:0; margin:0;} #header ul li.d1 ul li a {padding:0; height:37px; line-height:37px; font-size:14px; color:#c393b0; border:1px solid #471333; border-width:1px 1px 0 1px; background:#5f2448;} #header ul li.d1 ul li a:hover {background:#6c2d53; color:#fff; text-decoration:none;} #header ul li ul li:last-child {border-bottom:1px solid #471333} #header .gn {position:absolute; right:0; top:0;} #header .gn a {color:#e5d1d5; display:inline-block; height:36px; line-height:36px; padding-left:21px; background:url(../../img/topmenu_gn_bg.png) no-repeat 14px 50%;} #header .gn a.lang {padding:3px 10px; height:16px; line-height:16px; background:#fff; border-radius:5px; margin-left:10px; color:#7a3f63;} #header .gn a.sns {padding:0; background:none; margin-left:1px;} #header .gn a.sns img {vertical-align:middle; position:relative; top:-2px} #header .gn span {color:#e5d1d5; display:inline-block; height:36px; line-height:36px; padding-left:21px; background:url(../../img/topmenu_gn_bg.png) no-repeat 14px 50%;} #header .gn span strong {color:#f2e7e9; font-weight:normal} #wing {z-index:100;position:fixed !important;position:absolute;left:50%;top:320px; margin-left:540px; width:80px; height:322px;} #wing img {vertical-align:top;} #wing .btn {position:absolute; bottom:0; left:50%; margin-left:-12px;} #footer {height:200px; background:#c6c5b7; min-width:1100px; } #footer .wp {width:1024px; position:relative; margin:0 auto; padding-top:60px;} #footer .logo {position:absolute; left:0px; top:60px; padding:0; margin:0;} #footer .copyright {padding-left:235px; font-size:14px} #footer .copyright ul {margin:0; padding:0; list-style:none; overflow:hidden;} #footer .copyright ul li {} #footer .copyright ul li a {float:left; color:#fdfbe6; background:url(../../img/copyright_sep.png) no-repeat 16px 4px; padding-left:30px;} #footer .copyright ul li:first-child a {padding:0; background:none;} #footer .copyright p {color:#656241; margin:0; padding:0; margin-top:13px; line-height:25px;} #footer .family_site {position:absolute; right:0; top:60px; width:176px; height:35px; border:2px solid #848378; box-sizing:border-box;} #footer .family_site h4{cursor:pointer; margin:0; padding:0 15px; line-height:31px; font-family:'Libre Baskerville'; color:#9696a0; background:url(../../img/bottom_site_bu.png) no-repeat 95% 50%;} #footer .family_site h4:hover {color:#fff} #footer .family_site ul {display:none; position:absolute; bottom:33px; left:-2px; width:176px; margin:0; padding:0; list-style:none;} #footer .family_site ul li {background:#29292f; border:2px solid #565660; border-bottom:none; box-sizing:border-box;} #footer .family_site ul li a {padding:10px 15px; display:block; color:#9696a0} #footer .family_site ul li a:hover {background:#43434c; color:#fff;} } @media all and (max-width:768px) /*768px까지 - 모바일 형식*/ { #header {z-index:1000; min-width:auto; position:fixed; top:0; left:0; width:100%; height:56px; background:#7a3f63;} #header .wp {position:relative; width:auto; margin:0; padding-top:56px;} #header.type2 {height:56px;} #header.type2 h1.logo {display:none;} #header.type2 h1.logo2 {display:none;} #header h1.logo {display:none; } #header h1.logo2 {display:none} #header h1.logo_mobile {} #header ul {display:none; padding:0; margin:0; list-style:none; overflow:hidden; background:#6c2d53; border-top:1px solid #471333; border-bottom:1px solid #471333} #header ul li{width:100%; border-bottom:1px solid #471333} #header ul li.m1 {width:100%;} #header ul li.m2 {width:100%;} #header ul li.m3 {width:100%;} #header ul li.m4 {width:100%;} #header ul li.d1 {float:none;} #header ul li.d1 a {padding:0; display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; text-decoration:none;} #header ul li.d1 a:hover {color:#f6d985} #header ul li.on.d1>a {color:#f6d985} #header ul li.d1.m2 {margin-right:229px;} #header ul li.d2 {} #header ul li ul {position:relative; top:-4px; display:none; padding:0; margin:0; list-style:none;} #header ul li ul li {text-align:center; padding:0; margin:0;} #header ul li.d1 ul li a {padding:0; height:37px; line-height:37px; font-size:14px; color:#c393b0; border:1px solid #471333; border-width:1px 1px 0 1px; background:#5f2448;} #header ul li.d1 ul li a:hover {background:#6c2d53; color:#fff; text-decoration:none;} #header ul li ul li:last-child {border-bottom:1px solid #471333} #header #topmenu.on {display:block;} #header .gn {display:none; position:static; font-size:12px;} #header .gn.on {display:block;} #header .gn a {color:#fff; background:#7a3f63; text-align:center; width:50%; border-right:1px solid #471333; border-bottom:1px solid #471333; box-sizing:border-box; display:block; float:left; height:36px; line-height:36px; padding-left:0; } #header .gn span {color:#fff; background:#7a3f63; border-bottom:1px solid #471333; box-sizing:border-box; text-align:center; width:50%; display:block; float:left; height:36px; line-height:36px; padding-left:0; } #header .gn span strong {color:#fff; font-weight:bold} #header .gn a.lang {width:34%} #header .gn a.sns {width:33%} #header .gn a.sns img {vertical-align:middle; position:relative; top:-3px} #header .mobile_btn {display:block; position:absolute; right:20px; top:13px} #header .mobile_btn img {vertical-align:top;} #header .logo_mobile {display:block; position:absolute; left:20px; top:13px} #header .logo_mobile img {vertical-align:top;} #wing {display:none;} #footer {height:110px; background:#c6c5b7; min-width:100%; padding-bottom:15px } #footer .wp {width:100%; position:relative; margin:0 auto; padding-top:15px;} #footer .logo {position:absolute; left:20px; top:20px; padding:0; margin:0;} #footer .copyright {padding-left:135px; font-size:14px; } #footer .copyright ul {display:none; margin:0; padding:0; list-style:none; overflow:hidden;} #footer .copyright ul li {} #footer .copyright ul li a {float:left; color:#fdfbe6; background:url(../../img/copyright_sep.png) no-repeat 16px 4px; padding-left:30px;} #footer .copyright ul li:first-child a {padding:0; background:none;} #footer .copyright p {color:#656241; margin:0; padding:0; margin-top:27px; line-height:25px;} #footer .family_site {display:none; position:absolute; right:0; top:60px; width:176px; height:35px; border:2px solid #848378; box-sizing:border-box;} #footer .family_site h4{cursor:pointer; margin:0; padding:0 15px; line-height:31px; font-family:'Libre Baskerville'; color:#9696a0; background:url(../../img/bottom_site_bu.png) no-repeat 95% 50%;} #footer .family_site h4:hover {color:#fff} #footer .family_site ul {display:none; position:absolute; bottom:33px; left:-2px; width:176px; margin:0; padding:0; list-style:none;} #footer .family_site ul li {background:#29292f; border:2px solid #565660; border-bottom:none; box-sizing:border-box;} #footer .family_site ul li a {padding:10px 15px; display:block; color:#9696a0} #footer .family_site ul li a:hover {background:#43434c; color:#fff;} }