diff --git a/layouts/xedition/css/_layout.css b/layouts/xedition/css/_layout.css new file mode 100644 index 000000000..92895a4cb --- /dev/null +++ b/layouts/xedition/css/_layout.css @@ -0,0 +1,348 @@ +@charset "utf-8"; + +/* Common */ +body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none} +body,input,textarea,select,button,table{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased} +img,fieldset,button{border:0} +ul,ol{list-style:none} +em,address{font-style:normal} +a{text-decoration:none} +a:hover,a:active,a:focus{text-decoration:none} +.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} +.edge{position:absolute;top:12px;right:4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #333} +.clear{clear:both} + +/* Skip to content */ +.skip{margin:0} +.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center} +.skip>a:focus{height:auto} + + /* Layout */ + .container{min-width:1240px;background-color:#fff} + .header{position:relative;z-index:2;width:1240px;height:100%;margin:0 auto;zoom:1} + .header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px} + .visual{overflow:hidden;position:relative;z-index:1;width:100%} + .body{position:relative;padding:30px 0} + .body .content{} + .body.fixed-width {width:1200px;margin:0 auto} + + .header:after,.body:after{display:block;clear:both;content:''} + .content{zoom:1} + .content:after{display:block;clear:both;content:''} + .content>:first-child{margin-top:0} + .content img{max-width:100%;height:auto} + + /* Header */ + .header>h1{float:left;padding:20px 0 20px 0;margin-right:32px;line-height:60px;} + .header>h1 img{vertical-align:middle; max-height:40px; padding-left:20px; } + + /* Footer */ + .footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif} + .footer a:hover,.footer a:focus{text-decoration:none} + .footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px} + .footer .f_cr_area{padding:19px;background-color:#555} + .footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px} + .footer .copyright a{color:#f1f1f1} + .footer .copyright a:hover, + .footer .copyright a:focus, + .footer .copyright a:active{color:#cda25a} + .footer .copyright span{display:inline-block;margin-left:60px} + .footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px} + .footer .f_info{float:left;width:240px;margin-right:65px} + .footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555} + .footer .f_logo.log_txt a{font-size:24px;font-weight:bold;color:#555} + .footer .f_logo img{max-width:240px} + .footer .f_info2{overflow:hidden;margin-top:7px} + .footer .site_map > ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y} + .footer .site_map > ul li{float:left;width:282px;margin:0 0 0 24px} + .footer .site_map > ul li:first-child,.footer .site_map > ul li.clear{clear:both;margin-left:0} + .footer .site_map > ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:bold;color:#555} + .footer .site_map > ul ul{overflow:hidden;margin:0 0 10px} + .footer .site_map > ul ul li{margin-left:0} + .footer .site_map > ul ul a{margin:0 0 13px;font-size:13px;font-weight:normal;color:#888;line-height:18px} + .footer .site_map > ul ul a:hover, + .footer .site_map > ul ul a:focus, + .footer .site_map > ul ul a:active{color:#555} + .footer .f_cr_area .mobile-footer-member { display:none; } + + + /* button */ + .btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} + .btn_item:hover, + .btn_item:active + .btn_item:focus{background-color:#CBA061;color:#fff} + .btn_item + .btn_item {margin-left: 10px; } + + /* Login */ + .header>.side { padding:0 20px 0 0; } + .header>.side>ul>li{float:left;position:relative} + .header>.side>ul:after{display:block;clear:both;content:''} + .header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center} + .header>.side>ul>li>a:hover,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:active,.header>.side>ul>li.on>a{color:#444} + .header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9} + .header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:url('../img/blank.gif') 0 0 repeat;height:0} + .header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3} + .header>.side>ul .on .ly.ly_login{height:auto} + .header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d} + .header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none} + .header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%} + .header>.side>ul>li .login_after img{width:40px;height:40px} + .header>.side>ul>li .login_after ~ .ly_login .edge{right:11px} + + /* Magazine Header Type */ + .custom_area{display:none} + .magazine .header{text-align:center} + .magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top} + .magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0} + .magazine .gnb{float:none;max-width:100%;margin-bottom:40px} + .magazine .gnb>ul{display:inline-block;vertical-align:top} + .magazine .gnb>ul>li>a{position:relative;line-height:60px} + .magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''} + .magazine .gnb>ul>li:first-child>a:after{background:none} + .magazine .gnb>ul .depth2:after{background:none} + .magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7} + .magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999} + .magazine .header>.side>ul .ly a:hover{color:red} + .magazine .gnb>ul>li>a:hover,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li.on>a,.magazine .header>.side>ul>li.on>a,.magazine .header>.side>ul .ly a:hover{color:#cda25a} + .magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left} + .magazine .edge{border-color:transparent transparent #f7f7f7} + .magazine .header>.side>ul>li>a:hover, + .magazine .header>.side>ul>li>a:focus, + .magazine .header>.side>ul>li>a:active{color:#cda25a} + .magazine .custom_area{display:block;position:absolute;top:30px;left:0} + .magazine .custom_area li{float:left;margin-right:30px} + .magazine .custom_area a{font-size:13px;line-height:15px;color:#999} + .magazine .custom_area a:hover,.magazine .custom_area a:hover,.magazine .custom_area a:hover{color:#cda25a} + .magazine .search_area{padding:10px 20px} + + /* Onepage Header Type */ + .onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000} + .onepage .gnb>ul{background:url(../img/blank.gif) 0 0 repeat} + .onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6} + .onepage .gnb>ul>li>a:hover,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li.on>a{color:#fff} + .onepage .shrink .gnb>ul>li>a{color:#888} + .onepage .shrink .gnb>ul>li>a:hover,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li.on>a{color:#444} + .onepage .header>.side>ul>li>a{color:#f6f6f6} + .onepage .header>.side>ul>li>a:hover, .onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li.on>a{color:#fff} + .onepage .search_area .btn_close{color:#f6f6f6} + .onepage .shrink .search_area .btn_close{color:#888} + .onepage .gnb>ul .depth2:after{background:none} + .onepage .gnb{margin-top:20px} + .onepage .header>h1{padding:20px 0 0 0} + .onepage .search_area input[type=text]{color:#f6f6f6} + .onepage .shrink .search_area input[type=text]{color:#888} + .onepage .visual.sub.sub_type3 {margin-top:-100px;} + + /* Search */ + .search_wrap{position:relative;width:1200px;margin:0 auto} + .search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3} + .search_area input{font-size:13px;vertical-align:top} + .search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none;} + .search_area input[type=text]:focus{outline:0} + .search_area input[type=text]::-ms-clear{display:none} + .search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px} + + /* GNB */ + .gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px} + .gnb a{text-decoration:none;white-space:nowrap} + .gnb>ul>li{float:left;position:relative;text-align:left} + .gnb>ul:after{display:block;clear:both;content:''} + .gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888} + .gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} + .gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333} + .gnb>ul .depth2>li{position:relative} + .gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''} + .gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d} + .gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} + .gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333} + .gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'} + .onepage .shrink .header > .side > ul > li > a {color: #444; } + .onepage .shrink .gnb {margin-top: 0; } + .magazine .shrink .gnb {margin-bottom: 10px; } + .magazine .shrink h1 {margin-top: 10px; } + .magazine .header_wrap.shrink .gnb > ul > li > a {line-height: 40px; } + .gnb #mobile_menu_btn { display:none; } + + /* VISUAL */ + .visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px} + .visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto} + .visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} + .visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} + .visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} + .visual.sub.sub_type2{padding:70px 0} + .visual.sub.sub_type2 .bg_img{display:block} + .visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} + .visual.sub.sub_type2 .sub_title h1:after, + .visual.sub.sub_type3 .sub_title h1:after{background:none} + .visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center} + .visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} + .visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} + + .swiper-container { height:600px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } + .swiper-container > div > div { display: table; height:600px; color:#fff; } + .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } + .swiper-container > div > div > div > div { width:1200px; margin:0 auto; } + .swiper-container h1 { font-weight:700; margin:0 0 19px 0; font-size:60px; line-height:70px; text-decoration: none; } + .swiper-container p { font-size: 20px; line-height: 22px; } + + /* LNB */ + .body.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0} + .body.fixed-width .lnb>ul>li{margin-bottom:40px} + .body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444} + .body.fixed-width .lnb ul ul li.on a{color:#cda25a} + .body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none} + .body.fixed-width .lnb ul ul a:hover, + .body.fixed-width .lnb ul ul a:focus, + .body.fixed-width .lnb ul ul a:active{color:#cda25a} + .body.fixed-width .lnb img{vertical-align:top} + .body.fixed-width.left .lnb, + .body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px} + .body.fixed-width.left .content, + .body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px} + .body.fixed-width.right .lnb{float:right} + .body.fixed-width.right .content{float:left} + .body.fixed-width.none .lnb{display:none} + .body.fixed-width.none .content{float:none;width:1200px} + + /* Scroll to top link */ + .btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:0.8;filter:alpha(opacity=80)} + .btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)} + .btn_top i{line-height:48px} + +@media all and (max-width:479px) { + a.btn_top { display:none; } + /* Layout */ + .container{min-width:100%;background-color:#fff} + .header{position:relative;z-index:2;width:100%;height:auto;margin:0 auto;zoom:1} + .header>.side{display: none;} + .body.fixed-width {width:auto;margin:0} + + .header:after,.body:after{display:none;clear:both;content:''} + .content{zoom:1} + .content:after{display:none;clear:both;content:''} + .content>:first-child{margin-top:0; display:none;} + .content img{max-width:100%;height:auto} + + /* Header */ + .header > h1 { float:none; margin-right:0; padding:0 15px; line-height:50px; display:block; } + .header > h1 img { max-height:15px; padding:0; margin:0; } + .header.sub_type3 { position:absolute; } + + /* Fixed Header */ + /* Fixed Header */ + .container.fixed_header{padding-top:0} + .fixed_header .header_wrap{position:static;top:0;left:0;width:100%;z-index:1000} + .fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header 0.5s forwards;animation:ani-header 0.5s forwards} + .fixed_header .header_wrap.shrink .header>h1{padding:0} + .fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px} + .fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px} + .fixed_header .header_wrap.shrink .search_area{padding:0 20px} + + + /* Footer */ + .footer { border-top:1px solid #e4e4e4; border-bottom:3px solid #cda25a; background-color:#f1f1f1; } + .footer a:hover,.footer a:focus{text-decoration:none} + .footer .f_info_area{ width:auto; margin:0; padding:0; } + .footer .f_cr_area { padding:0;background-color:#555; color:#fff; } + .footer .copyright{width:auto;margin:0;font-size:12px;color:#f1f1f1;line-height:16px} + .footer .copyright span{display:inline-block;margin-left:0px} + .footer .sub_desc{display:none;} + .footer .f_info{float:none;width:auto;margin-left:0;} + .footer .f_logo { padding:8px 15px; } + .footer .f_logo.log_txt a{font-size:16px;font-weight:bold;color:#555} + .footer .f_logo img{max-width:auto; max-height: 30px;} + .footer .f_info2{ display:none; } + .footer .site_map { display:none; } + .footer .f_info2{ display:none; } + .footer .f_logo { padding:8px 15px; } + .footer .f_logo img { max-height:30px; } + .footer .sub_desc { display:none; } + .footer .f_cr_area { padding:0;background-color:#555; color:#fff; } + .footer .f_cr_area p { margin:0; padding:8px 14px; } + .footer .f_cr_area a { color:#fff; } + .footer .f_cr_area .mobile-footer-member { padding:0; margin:0; border-top:1px solid #444; list-style:none; overflow:hidden; } + .footer .f_cr_area .mobile-footer-member li { float:left; width:33.3%; border-left:1px solid #444; box-sizing:border-box; } + .footer .f_cr_area .mobile-footer-member li:first-child { border-left:0; } + .footer .f_cr_area .mobile-footer-member li a { display:block; line-height:32px; text-align:center; } + + /* button */ + .btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family: "Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out} + .btn_item:hover, + .btn_item:active + .btn_item:focus{background-color:#CBA061;color:#fff} + .btn_item + .btn_item {margin-left: 10px; } + + /* Login */ + .header>.side { display:none; } + + /* Search */ + .search_wrap{display:none;} + + /* GNB */ + .gnb{ display:block; position: static; max-width: auto; } + .gnb #mobile_menu_btn { display:block; } + .gnb .menu_btn { height:22px; width:44px; display:block; position:absolute; top:14px; right:3px; display:inline-block; } + .gnb .menu_btn .menu_bar { width:20px; height:14px;position:relative; top:4px; left:12px; } + .gnb .menu_btn .menu_bar div { height:0; border-top:2px solid #383431; position:absolute; } + .header.sub_type3 .gnb .menu_btn .menu_bar div { border-top:2px solid #fff; } + .gnb .menu_btn .menu_bar div.btn1 { width:20px; top:0; } + .gnb .menu_btn .menu_bar div.btn2 { width:20px; top:6px; transition:all 0.1s } + .gnb .menu_btn .menu_bar div.btn3 { width:20px; bottom:0; } + + .gnb .menu_btn.opened .menu_bar div.btn1 { top:6px; width:20px; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } + .gnb .menu_btn.opened .menu_bar div.btn2 { top:6px; display:none; } + .gnb .menu_btn.opened .menu_bar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } + + .gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; } + .gnb > ul > li { } + .gnb > ul > li > a { color:#555; font-weight:bold; } + .gnb a { font-size:14px; display:block; padding:10px 0; border-top:1px solid #eee; } + .gnb > ul > li:first-child > a { border-top:0; } + .gnb > ul > li > ul > li > a { color:#555; } + .gnb > ul > li > ul > li > ul > li > a { color:#999; } + + .body { } + .body .lnb { display:none; } + .body .content { overflow:hidden; } + + .visual.sub{position:relative;padding:15px 14px 30px 14px;background-color:#f6f6f6;line-height:30px} + .visual.sub .sub_title{position:relative;z-index:2;width:;margin:0 auto} + .visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} + .visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} + .visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} + .visual.sub.sub_type2{padding:70px 0} + .visual.sub.sub_type2 .bg_img{display:block} + .visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} + .visual.sub.sub_type2 .sub_title h1:after, + .visual.sub.sub_type3 .sub_title h1:after{background:none} + .visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center} + .visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} + .visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} + + .swiper-container { height:270px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } + .swiper-container > div > div { display: table; height:270px; color:#fff; } + .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } + .swiper-container > div > div > div > div { padding:0 14px; } + .swiper-container h1 { font-weight:600; margin:0 0 10px 0; font-size:30px; line-height:40px; text-decoration: none; } + .swiper-container p { font-size: 15px; line-height: 18px; } + + + + +} + +@media all and (min-width: 480px){ + + +} + +/* header animation */ +@-webkit-keyframes ani-header { + 0% {top: -60px} + 100% {top: 0px} +} + +@keyframes ani-header { + 0% {top: -60px} + 100% {top: 0px} +} diff --git a/layouts/xedition/css/layout.css b/layouts/xedition/css/layout.css index d2f33e173..b649ed490 100644 --- a/layouts/xedition/css/layout.css +++ b/layouts/xedition/css/layout.css @@ -210,7 +210,7 @@ a:hover,a:active,a:focus{text-decoration:none} .btn_top i{line-height:48px} .swiper-container { height:600px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } -.swiper-container > div > div { display: table; height:600px; color:#fff; } +.swiper-container > div > div { display: table; height:600px; color:#fff; background-size:cover; } .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } .swiper-container > div > div > div > div { width:1200px; margin:0 auto; } .swiper-container h1 { font-weight:700; margin:0 0 19px 0; font-size:60px; line-height:70px; text-decoration: none; } @@ -220,7 +220,7 @@ a:hover,a:active,a:focus{text-decoration:none} position: absolute; left: 0; text-align: center; - bottom:5px; + bottom:15px; width: 100%; } .swiper-pagination-switch { @@ -259,6 +259,9 @@ a:hover,a:active,a:focus{text-decoration:none} .header > h1 img { max-height:15px; padding:0; margin:0; } .header.sub_type3 { position:absolute; } + .onepage .header>h1 { padding:0; } + .onepage .header>h1>a { padding-left:14px; } + /* Fixed Header */ /* Fixed Header */ .container.fixed_header{padding-top:0} @@ -311,20 +314,20 @@ a:hover,a:active,a:focus{text-decoration:none} .search_wrap{display:none;} -.gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em} -.gnb a{text-decoration:none;white-space: normal} -.gnb>ul>li{float:none;position:static;text-align:left} -.gnb>ul:after{display:block;clear:both;content:''} -.gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888} -.gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} - -.gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff} -.gnb>ul .depth2>li{position:static} -.gnb>ul .depth2:after{display: none} -.gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d} -.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} -.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0;} -.gnb>ul .depth2>li.more>a:after{display:none;} + .gnb{float:none;position:static;z-index:1;max-width:100%;height:100%;font-size:1em} + .gnb a{text-decoration:none;white-space: normal} + .gnb>ul>li{float:none;position:static;text-align:left} + .gnb>ul:after{display:block;clear:both;content:''} + .gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal;font-weight:normal;color:#888} + .gnb>ul>li>a:hover,.gnb>ul>li>a:focus,.gnb>ul>li>a:focus,.gnb>ul>li.on>a{color:#444} + + .gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff} + .gnb>ul .depth2>li{position:static} + .gnb>ul .depth2:after{display: none} + .gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d} + .gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2>li.on>a{color:#cda25a} + .gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0;} + .gnb>ul .depth2>li.more>a:after{display:none;} /* GNB */ .gnb{ display:block; position: static; max-width: auto; } @@ -341,36 +344,29 @@ a:hover,a:active,a:focus{text-decoration:none} .gnb .menu_btn.opened .menu_bar div.btn2 { top:6px; display:none; } .gnb .menu_btn.opened .menu_bar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } - .gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; } + .gnb { background-color:#fff; } + .gnb > ul { display:none; padding:0 14px 14px 14px; max-height:240px; overflow-x: scroll; border-bottom:1px solid #eaeaea; background:#fff; -webkit-overflow-scrolling:touch; z-index:3333; } .gnb > ul > li { } .gnb > ul > li > a { color:#555; font-weight:bold; } .gnb a { font-size:14px; display:block; padding:10px 0; border-top:1px solid #eee; } .gnb > ul > li:first-child > a { border-top:0; } .gnb > ul > li > ul > li > a { color:#555; } .gnb > ul > li > ul > li > ul > li > a { color:#999; } + .onepage .gnb { margin-top:0; } + .onepage .gnb>ul>li>a { line-height:normal; color:#555; } .body { } .body .lnb { display:none; } .body .content { overflow:hidden; } - .visual { box-sizing:border-box; } - .visual.sub{position:relative;padding:15px 14px 30px 14px;background-color:#f6f6f6;line-height:30px} - .visual.sub .sub_title{position:relative;z-index:2;width:;margin:0 auto} - .visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444} - .visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''} - .visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover} - .visual.sub.sub_type2{padding:70px 0} - .visual.sub.sub_type2 .bg_img{display:block} - .visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px} - .visual.sub.sub_type2 .sub_title h1:after, - .visual.sub.sub_type3 .sub_title h1:after{background:none} - .visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center} - .visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto} - .visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px} + .onepage .visual.sub.sub_type3 { margin-top:0; } + .visual.sub.sub_type3 { padding:120px 0 100px 0; } + .visual.sub .sub_title { width:auto; } + .visual.sub .sub_title h1 { font-size:28px; } .swiper-container { height:270px; font-family: Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif; } - .swiper-container > div > div { display: table; height:270px; color:#fff; } - .swiper-container > div > div > div { display: table-cell; vertical-align: middle; } + .swiper-container > div > div { display: table; height:270px; color:#fff; background-size:cover; } + .swiper-container > div > div > div { display: table-cell; vertical-align: middle; background-size:cover; } .swiper-container > div > div > div > div { padding:0 14px; width:auto; margin:0; } .swiper-container h1 { font-weight:600; margin:0 0 10px 0; font-size:30px; line-height:40px; text-decoration: none; } .swiper-container p { font-size: 15px; line-height: 18px; } diff --git a/layouts/xedition/css/layout.min.css b/layouts/xedition/css/layout.min.css index 407e25b4e..2535da095 100644 --- a/layouts/xedition/css/layout.min.css +++ b/layouts/xedition/css/layout.min.css @@ -1 +1 @@ -@charset "utf-8";body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;-webkit-text-size-adjust:none}body,button,input,select,table,textarea{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}button,fieldset,img{border:0}ol,ul{list-style:none}address,em{font-style:normal}a,a:active,a:focus,a:hover{text-decoration:none}.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}.edge{position:absolute;top:12px;right:4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #333}.clear{clear:both}.skip{margin:0}.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center}.skip>a:focus{height:auto}.container{min-width:1240px;background-color:#fff}.header{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;zoom:1}.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px}.visual{overflow:hidden;position:relative;z-index:1;width:100%}.body{position:relative;padding:30px 0}.body.fixed-width{width:1200px;margin:0 auto}.body:after,.header:after{display:block;clear:both;content:''}.content{zoom:1}.content:after{display:block;clear:both;content:''}.content>:first-child{margin-top:0}.content img{max-width:100%;height:auto}.header>h1{float:left;padding:20px 0;margin-right:32px;line-height:60px}.header>h1 img{vertical-align:middle;max-height:40px}.container.fixed_header{padding-top:100px}.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header .5s forwards;animation:ani-header .5s forwards}.fixed_header .header_wrap.shrink .header>h1{padding:0}.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}.fixed_header .header_wrap.shrink .search_area{padding:0 20px}.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}.footer a:focus,.footer a:hover{text-decoration:none}.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px}.footer .f_cr_area{padding:19px;background-color:#555}.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px}.footer .copyright a{color:#f1f1f1}.footer .copyright a:active,.footer .copyright a:focus,.footer .copyright a:hover{color:#cda25a}.footer .copyright span{display:inline-block;margin-left:60px}.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px}.footer .f_info{float:left;width:240px;margin-right:65px}.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555}.footer .f_logo.log_txt a{font-size:24px;font-weight:700;color:#555}.footer .f_logo img{max-width:240px}.footer .f_info2{overflow:hidden;margin-top:7px}.footer .site_map>ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y}.footer .site_map>ul li{float:left;width:282px;margin:0 0 0 24px}.footer .site_map>ul li.clear,.footer .site_map>ul li:first-child{clear:both;margin-left:0}.footer .site_map>ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:700;color:#555}.footer .site_map>ul ul{overflow:hidden;margin:0 0 10px}.footer .site_map>ul ul li{margin-left:0}.footer .site_map>ul ul a{margin:0 0 13px;font-size:13px;font-weight:400;color:#888;line-height:18px}.footer .site_map>ul ul a:active,.footer .site_map>ul ul a:focus,.footer .site_map>ul ul a:hover{color:#555}.footer .f_cr_area .mobile-footer-member{display:none}.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family:"Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn_item:active .btn_item:focus,.btn_item:hover{background-color:#CBA061;color:#fff}.btn_item+.btn_item{margin-left:10px}.header>.side>ul>li{float:left;position:relative}.header>.side>ul:after{display:block;clear:both;content:''}.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center}.header>.side>ul>li.on>a,.header>.side>ul>li>a:active,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:hover{color:#444}.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9}.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:url(../img/blank.gif) 0 0 repeat;height:0}.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3}.header>.side>ul .on .ly.ly_login{height:auto}.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d}.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none}.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%}.header>.side>ul>li .login_after img{width:40px;height:40px}.header>.side>ul>li .login_after~.ly_login .edge{right:11px}.custom_area{display:none}.magazine .header{text-align:center}.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top}.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0}.magazine .gnb{float:none;max-width:100%;margin-bottom:40px}.magazine .gnb>ul{display:inline-block;vertical-align:top}.magazine .gnb>ul>li>a{position:relative;line-height:60px}.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''}.magazine .gnb>ul .depth2:after,.magazine .gnb>ul>li:first-child>a:after{background:0 0}.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7}.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999}.magazine .gnb>ul>li.on>a,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:hover,.magazine .header>.side>ul .ly a:hover,.magazine .header>.side>ul>li.on>a{color:#cda25a}.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left}.magazine .edge{border-color:transparent transparent #f7f7f7}.magazine .header>.side>ul>li>a:active,.magazine .header>.side>ul>li>a:focus,.magazine .header>.side>ul>li>a:hover{color:#cda25a}.magazine .custom_area{display:block;position:absolute;top:30px;left:0}.magazine .custom_area li{float:left;margin-right:30px}.magazine .custom_area a{font-size:13px;line-height:15px;color:#999}.magazine .custom_area a:hover{color:#cda25a}.magazine .search_area{padding:10px 20px}.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}.onepage .gnb>ul{background:url(../img/blank.gif) 0 0 repeat}.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6}.onepage .gnb>ul>li.on>a,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:hover{color:#fff}.onepage .shrink .gnb>ul>li>a{color:#888}.onepage .shrink .gnb>ul>li.on>a,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:hover{color:#444}.onepage .header>.side>ul>li>a{color:#f6f6f6}.onepage .header>.side>ul>li.on>a,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:hover{color:#fff}.onepage .search_area .btn_close{color:#f6f6f6}.onepage .shrink .search_area .btn_close{color:#888}.onepage .gnb>ul .depth2:after{background:0 0}.onepage .gnb{margin-top:20px}.onepage .header>h1{padding:20px 0 0}.onepage .search_area input[type=text]{color:#f6f6f6}.onepage .shrink .search_area input[type=text]{color:#888}.onepage .visual.sub.sub_type3{margin-top:-100px}.search_wrap{position:relative;width:1200px;margin:0 auto}.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3}.search_area input{font-size:13px;vertical-align:top}.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none}.search_area input[type=text]:focus{outline:0}.search_area input[type=text]::-ms-clear{display:none}.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px}.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px}.gnb a{text-decoration:none;white-space:nowrap}.gnb>ul>li{float:left;position:relative;text-align:left}.gnb>ul:after{display:block;clear:both;content:''}.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888}.gnb>ul>li.on>a,.gnb>ul>li>a:focus,.gnb>ul>li>a:hover{color:#444}.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333}.gnb>ul .depth2>li{position:relative}.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''}.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d}.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover,.gnb>ul .depth2>li.on>a{color:#cda25a}.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333}.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'}.onepage .shrink .header>.side>ul>li>a{color:#444}.onepage .shrink .gnb{margin-top:0}.magazine .shrink .gnb{margin-bottom:10px}.magazine .shrink h1{margin-top:10px}.magazine .header_wrap.shrink .gnb>ul>li>a{line-height:40px}.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}.visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto}.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.visual.sub.sub_type2{padding:70px 0}.visual.sub.sub_type2 .bg_img{display:block}.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}.visual.sub.sub_type2 .sub_title h1:after,.visual.sub.sub_type3 .sub_title h1:after{background:0 0}.visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center}.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}.body.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0}.body.fixed-width .lnb>ul>li{margin-bottom:40px}.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444}.body.fixed-width .lnb ul ul li.on a{color:#cda25a}.body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none}.body.fixed-width .lnb ul ul a:active,.body.fixed-width .lnb ul ul a:focus,.body.fixed-width .lnb ul ul a:hover{color:#cda25a}.body.fixed-width .lnb img{vertical-align:top}.body.fixed-width.left .lnb,.body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px}.body.fixed-width.left .content,.body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px}.body.fixed-width.right .lnb{float:right}.body.fixed-width.right .content{float:left}.body.fixed-width.none .lnb{display:none}.body.fixed-width.none .content{float:none;width:1200px}.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:.8;filter:alpha(opacity=80)}.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}.btn_top i{line-height:48px}.swiper-container{height:600px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif}.swiper-container>div>div{display:table;height:600px;color:#fff}.swiper-container>div>div>div{display:table-cell;vertical-align:middle}.swiper-container>div>div>div>div{width:1200px;margin:0 auto}.swiper-container h1{font-weight:700;margin:0 0 19px;font-size:60px;line-height:70px;text-decoration:none}.swiper-container p{font-size:20px;line-height:22px}.pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%}.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;opacity:.6;margin:0 3px;cursor:pointer}.swiper-active-switch{background:#fff;opacity:1}@media all and (max-width:479px){a.btn_top{display:none}.container{min-width:100%;background-color:#fff}.header{position:relative;z-index:2;width:100%;height:auto;margin:0 auto;zoom:1}.body.fixed-width{width:auto;margin:0}.body:after,.header:after{clear:both;content:''}.body{padding:0}.content{zoom:1}.content:after{clear:both;content:''}.content>:first-child{margin-top:0}.content img{max-width:100%;height:auto}.body.fixed-width.right .content{width:auto;float:none;min-height:100%;padding:40px 0}.header>h1{float:none;margin-right:0;padding:0 15px;line-height:50px;display:block}.header>h1 img{max-height:15px;padding:0;margin:0}.header.sub_type3{position:absolute}.container.fixed_header{padding-top:0}.header_wrap.shrink{display:none}.fixed_header .header_wrap{position:static;top:0;left:0;width:100%;z-index:1000}.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header .5s forwards;animation:ani-header .5s forwards}.fixed_header .header_wrap.shrink .header>h1{padding:0}.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}.fixed_header .header_wrap.shrink .search_area{padding:0 20px}.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1}.footer a:focus,.footer a:hover{text-decoration:none}.footer .f_info_area{width:auto;margin:0;padding:0}.footer .copyright{width:auto;margin:0;font-size:12px;color:#f1f1f1;line-height:16px}.footer .copyright span{display:inline-block;margin-left:0}.footer .f_info{float:none;width:auto;margin-left:0;margin-right:0}.footer .f_logo{margin-bottom:0}.footer .f_logo.log_txt a{font-size:16px;font-weight:700;color:#555}.footer .f_logo img{max-width:auto}.footer .f_info2,.footer .site_map{display:none}.footer .f_logo{padding:8px 15px}.footer .f_logo img{max-height:30px}.footer .sub_desc{display:none}.footer .f_cr_area{padding:0;background-color:#555;color:#fff}.footer .f_cr_area p{margin:0;padding:8px 14px}.footer .f_cr_area a{color:#fff}.footer .f_cr_area .mobile-footer-member{padding:0;margin:0;border-top:1px solid #444;list-style:none;overflow:hidden;display:block}.footer .f_cr_area .mobile-footer-member li{float:left;width:33.3%;border-left:1px solid #444;box-sizing:border-box}.footer .f_cr_area .mobile-footer-member li:first-child{border-left:0}.footer .f_cr_area .mobile-footer-member li a{display:block;line-height:32px;text-align:center}.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family:"Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn_item:active .btn_item:focus,.btn_item:hover{background-color:#CBA061;color:#fff}.btn_item+.btn_item{margin-left:10px}.header>.side,.search_wrap{display:none}.gnb{float:none;z-index:1;height:100%;font-size:1em}.gnb a{text-decoration:none;white-space:normal}.gnb>ul>li{float:none;position:static;text-align:left}.gnb>ul:after{display:block;clear:both;content:''}.gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal}.gnb>ul>li.on>a,.gnb>ul>li>a:focus,.gnb>ul>li>a:hover{color:#444}.gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff}.gnb>ul .depth2>li{position:static}.gnb>ul .depth2:after{display:none}.gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d}.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover,.gnb>ul .depth2>li.on>a{color:#cda25a}.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0}.gnb>ul .depth2>li.more>a:after{display:none}.gnb{display:block;position:static;max-width:auto}.gnb #mobile_menu_btn{display:block}.gnb .menu_btn{height:22px;width:44px;position:absolute;top:14px;right:3px;display:inline-block}.gnb .menu_btn .menu_bar{width:20px;height:14px;position:relative;top:4px;left:12px}.gnb .menu_btn .menu_bar div{height:0;border-top:2px solid #383431;position:absolute}.header.sub_type3 .gnb .menu_btn .menu_bar div{border-top:2px solid #fff}.gnb .menu_btn .menu_bar div.btn1{width:20px;top:0}.gnb .menu_btn .menu_bar div.btn2{width:20px;top:6px;transition:all .1s}.gnb .menu_btn .menu_bar div.btn3{width:20px;bottom:0}.gnb .menu_btn.opened .menu_bar div.btn1{top:6px;width:20px;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.gnb .menu_btn.opened .menu_bar div.btn2{top:6px;display:none}.gnb .menu_btn.opened .menu_bar div.btn3{top:6px;width:20px;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.gnb>ul{display:none;padding:0 14px 14px;max-height:240px;overflow-x:scroll;border-bottom:1px solid #eaeaea;background:#fff;-webkit-overflow-scrolling:touch}.gnb>ul>li>a{color:#555;font-weight:700}.gnb a{font-size:14px;display:block;padding:10px 0;border-top:1px solid #eee}.gnb>ul>li:first-child>a{border-top:0}.gnb>ul>li>ul>li>a{color:#555}.gnb>ul>li>ul>li>ul>li>a{color:#999}.body .lnb{display:none}.body .content{overflow:hidden}.visual{box-sizing:border-box}.visual.sub{position:relative;padding:15px 14px 30px;background-color:#f6f6f6;line-height:30px}.visual.sub .sub_title{position:relative;z-index:2;width:;margin:0 auto}.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.visual.sub.sub_type2{padding:70px 0}.visual.sub.sub_type2 .bg_img{display:block}.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}.visual.sub.sub_type2 .sub_title h1:after,.visual.sub.sub_type3 .sub_title h1:after{background:0 0}.visual.sub.sub_type3{padding:100px 0 90px;line-height:40px;text-align:center}.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}.swiper-container{height:270px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif}.swiper-container>div>div{display:table;height:270px;color:#fff}.swiper-container>div>div>div{display:table-cell;vertical-align:middle}.swiper-container>div>div>div>div{padding:0 14px;width:auto;margin:0}.swiper-container h1{font-weight:600;margin:0 0 10px;font-size:30px;line-height:40px;text-decoration:none}.swiper-container p{font-size:15px;line-height:18px}}@-webkit-keyframes ani-header{0%{top:-60px}100%{top:0}}@keyframes ani-header{0%{top:-60px}100%{top:0}} \ No newline at end of file +@charset "utf-8";body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;-webkit-text-size-adjust:none}body,button,input,select,table,textarea{font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}button,fieldset,img{border:0}ol,ul{list-style:none}address,em{font-style:normal}a,a:active,a:focus,a:hover{text-decoration:none}.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}.edge{position:absolute;top:12px;right:4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #333}.clear{clear:both}.skip{margin:0}.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center}.skip>a:focus{height:auto}.container{min-width:1240px;background-color:#fff}.header{position:relative;z-index:2;width:1200px;height:100%;margin:0 auto;zoom:1}.header>.side{float:right;z-index:2;margin:39px 0 0 22px;line-height:20px}.visual{overflow:hidden;position:relative;z-index:1;width:100%}.body{position:relative;padding:30px 0}.body.fixed-width{width:1200px;margin:0 auto}.body:after,.header:after{display:block;clear:both;content:''}.content{zoom:1}.content:after{display:block;clear:both;content:''}.content>:first-child{margin-top:0}.content img{max-width:100%;height:auto}.header>h1{float:left;padding:20px 0;margin-right:32px;line-height:60px}.header>h1 img{vertical-align:middle;max-height:40px}.container.fixed_header{padding-top:100px}.fixed_header .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header .5s forwards;animation:ani-header .5s forwards}.fixed_header .header_wrap.shrink .header>h1{padding:0}.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}.fixed_header .header_wrap.shrink .search_area{padding:0 20px}.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1;font-family:'Open Sans','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}.footer a:focus,.footer a:hover{text-decoration:none}.footer .f_info_area{overflow:hidden;width:1200px;margin:0 auto;padding:48px 0 40px}.footer .f_cr_area{padding:19px;background-color:#555}.footer .copyright{width:1200px;margin:0 auto;font-size:13px;color:#f1f1f1;line-height:16px}.footer .copyright a{color:#f1f1f1}.footer .copyright a:active,.footer .copyright a:focus,.footer .copyright a:hover{color:#cda25a}.footer .copyright span{display:inline-block;margin-left:60px}.footer .sub_desc{margin-bottom:16px;font-size:13px;color:#888;line-height:22px}.footer .f_info{float:left;width:240px;margin-right:65px}.footer .f_logo{overflow:hidden;max-width:100%;margin-bottom:16px;font-size:24px;color:#555}.footer .f_logo.log_txt a{font-size:24px;font-weight:700;color:#555}.footer .f_logo img{max-width:240px}.footer .f_info2{overflow:hidden;margin-top:7px}.footer .site_map>ul{display:inline-block;overflow:hidden;background:url(../img/bg_sitemap.png) repeat-y}.footer .site_map>ul li{float:left;width:282px;margin:0 0 0 24px}.footer .site_map>ul li.clear,.footer .site_map>ul li:first-child{clear:both;margin-left:0}.footer .site_map>ul li a{display:inline-block;margin:0 0 20px;padding:0 23px;font-size:15px;font-weight:700;color:#555}.footer .site_map>ul ul{overflow:hidden;margin:0 0 10px}.footer .site_map>ul ul li{margin-left:0}.footer .site_map>ul ul a{margin:0 0 13px;font-size:13px;font-weight:400;color:#888;line-height:18px}.footer .site_map>ul ul a:active,.footer .site_map>ul ul a:focus,.footer .site_map>ul ul a:hover{color:#555}.footer .f_cr_area .mobile-footer-member{display:none}.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family:"Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn_item:active .btn_item:focus,.btn_item:hover{background-color:#CBA061;color:#fff}.btn_item+.btn_item{margin-left:10px}.header>.side>ul>li{float:left;position:relative}.header>.side>ul:after{display:block;clear:both;content:''}.header>.side>ul>li>a{display:block;width:22px;height:22px;margin-left:12px;font-size:22px;line-height:22px;color:#888;text-align:center}.header>.side>ul>li.on>a,.header>.side>ul>li>a:active,.header>.side>ul>li>a:focus,.header>.side>ul>li>a:hover{color:#444}.header>.side>ul .ly{position:relative;position:absolute;top:100%;right:0;margin-top:13px;background-color:#f9f9f9}.header>.side>ul .ly.ly_login{overflow:hidden;margin-top:0;background:url(../img/blank.gif) 0 0 repeat;height:0}.header>.side>ul .ly.ly_login ul{position:relative;margin-top:18px;padding:8px 0;background-color:#333;z-index:3}.header>.side>ul .on .ly.ly_login{height:auto}.header>.side>ul .ly a{display:block;min-width:120px;height:40px;padding:0 20px;line-height:40px;font-size:13px;color:#9d9d9d}.header>.side>ul .ly a:hover{color:#cda25a;text-decoration:none}.header>.side>ul>li .login_after{overflow:hidden;width:40px;height:40px;margin-top:-9px;border-radius:100%}.header>.side>ul>li .login_after img{width:40px;height:40px}.header>.side>ul>li .login_after~.ly_login .edge{right:11px}.custom_area{display:none}.magazine .header{text-align:center}.magazine .header>h1{float:none;display:inline-block;margin:0;padding:80px 0 20px;vertical-align:top}.magazine .header>.side{float:none;position:absolute;top:0;right:0;margin:30px 0 0}.magazine .gnb{float:none;max-width:100%;margin-bottom:40px}.magazine .gnb>ul{display:inline-block;vertical-align:top}.magazine .gnb>ul>li>a{position:relative;line-height:60px}.magazine .gnb>ul>li>a:after{position:absolute;top:50%;left:-1px;width:1px;height:16px;margin-top:-8px;background-color:#888;content:''}.magazine .gnb>ul .depth2:after,.magazine .gnb>ul>li:first-child>a:after{background:0 0}.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{background-color:#f7f7f7}.magazine .gnb>ul .depth2 a,.magazine .header>.side>ul .ly a{color:#999}.magazine .gnb>ul>li.on>a,.magazine .gnb>ul>li>a:focus,.magazine .gnb>ul>li>a:hover,.magazine .header>.side>ul .ly a:hover,.magazine .header>.side>ul>li.on>a{color:#cda25a}.magazine .header>.side>ul .ly.ly_login ul{background-color:#f7f7f7;text-align:left}.magazine .edge{border-color:transparent transparent #f7f7f7}.magazine .header>.side>ul>li>a:active,.magazine .header>.side>ul>li>a:focus,.magazine .header>.side>ul>li>a:hover{color:#cda25a}.magazine .custom_area{display:block;position:absolute;top:30px;left:0}.magazine .custom_area li{float:left;margin-right:30px}.magazine .custom_area a{font-size:13px;line-height:15px;color:#999}.magazine .custom_area a:hover{color:#cda25a}.magazine .search_area{padding:10px 20px}.onepage .header_wrap{position:absolute;top:0;left:0;width:100%;z-index:1000}.onepage .gnb>ul{background:url(../img/blank.gif) 0 0 repeat}.onepage .gnb>ul>li>a{line-height:60px;color:#f6f6f6}.onepage .gnb>ul>li.on>a,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:hover{color:#fff}.onepage .shrink .gnb>ul>li>a{color:#888}.onepage .shrink .gnb>ul>li.on>a,.onepage .shrink .gnb>ul>li>a:focus,.onepage .shrink .gnb>ul>li>a:hover{color:#444}.onepage .header>.side>ul>li>a{color:#f6f6f6}.onepage .header>.side>ul>li.on>a,.onepage .header>.side>ul>li>a:active,.onepage .header>.side>ul>li>a:focus,.onepage .header>.side>ul>li>a:hover{color:#fff}.onepage .search_area .btn_close{color:#f6f6f6}.onepage .shrink .search_area .btn_close{color:#888}.onepage .gnb>ul .depth2:after{background:0 0}.onepage .gnb{margin-top:20px}.onepage .header>h1{padding:20px 0 0}.onepage .search_area input[type=text]{color:#f6f6f6}.onepage .shrink .search_area input[type=text]{color:#888}.onepage .visual.sub.sub_type3{margin-top:-100px}.search_wrap{position:relative;width:1200px;margin:0 auto}.search_area{display:none;position:absolute;top:0;left:0;width:1160px;padding:20px;z-index:3;z-index:3}.search_area input{font-size:13px;vertical-align:top}.search_area input[type=text]{position:relative;width:100%;height:40px;padding:10px 0;border:0;background-color:transparent;font-size:40px;color:#444;-webkit-appearance:none}.search_area input[type=text]:focus{outline:0}.search_area input[type=text]::-ms-clear{display:none}.search_area .btn_close{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;font-size:22px;color:#888;text-align:center;line-height:20px}.gnb{float:right;position:relative;z-index:1;max-width:742px;height:100%;font-size:13px}.gnb a{text-decoration:none;white-space:nowrap}.gnb>ul>li{float:left;position:relative;text-align:left}.gnb>ul:after{display:block;clear:both;content:''}.gnb>ul>li>a{display:block;position:relative;padding:0 20px;line-height:100px;font-size:15px;font-weight:700;color:#888}.gnb>ul>li.on>a,.gnb>ul>li>a:focus,.gnb>ul>li>a:hover{color:#444}.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#333}.gnb>ul .depth2>li{position:relative}.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#cda25a;content:''}.gnb>ul .depth2 a{display:block;position:relative;min-width:170px;height:40px;padding:0 30px 0 20px;line-height:40px;font-size:13px;color:#9d9d9d}.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover,.gnb>ul .depth2>li.on>a{color:#cda25a}.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#333}.gnb>ul .depth2>li.more>a:after{position:absolute;right:20px;content:'>'}.onepage .shrink .header>.side>ul>li>a{color:#444}.onepage .shrink .gnb{margin-top:0}.magazine .shrink .gnb{margin-bottom:10px}.magazine .shrink h1{margin-top:10px}.magazine .header_wrap.shrink .gnb>ul>li>a{line-height:40px}.visual.sub{position:relative;padding:35px 0;background-color:#f6f6f6;line-height:30px}.visual.sub .sub_title{position:relative;z-index:2;width:1200px;margin:0 auto}.visual.sub .sub_title h1{position:relative;font-weight:700;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:17px;color:#444}.visual.sub .sub_title h1:after{position:absolute;top:115%;left:0;width:22px;height:2px;background-color:#444;content:''}.visual.sub .bg_img{display:none;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.visual.sub.sub_type2{padding:70px 0}.visual.sub.sub_type2 .bg_img{display:block}.visual.sub.sub_type2 .sub_title h1{color:#fff;font-weight:400;font-size:23px;letter-spacing:1px}.visual.sub.sub_type2 .sub_title h1:after,.visual.sub.sub_type3 .sub_title h1:after{background:0 0}.visual.sub.sub_type3{padding:250px 0 210px;line-height:40px;text-align:center}.visual.sub.sub_type3 .bg_img{display:block;background-attachment:fixed;background-size:auto auto}.visual.sub.sub_type3 .sub_title h1{font-size:39px;font-weight:400;color:#fff;letter-spacing:2px}.body.fixed-width .lnb>ul{position:relative;z-index:1;margin:0;padding:40px 0 0}.body.fixed-width .lnb>ul>li{margin-bottom:40px}.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{display:block;line-height:21px;margin-bottom:14px;font-size:15px;color:#444}.body.fixed-width .lnb ul ul li.on a{color:#cda25a}.body.fixed-width .lnb ul ul a{display:block;padding:10px 0;font-size:14px;line-height:20px;color:#888;text-decoration:none}.body.fixed-width .lnb ul ul a:active,.body.fixed-width .lnb ul ul a:focus,.body.fixed-width .lnb ul ul a:hover{color:#cda25a}.body.fixed-width .lnb img{vertical-align:top}.body.fixed-width.left .lnb,.body.fixed-width.right .lnb{float:left;width:260px;padding:0 0 16px}.body.fixed-width.left .content,.body.fixed-width.right .content{float:right;width:900px;min-height:400px;padding:40px 0 100px}.body.fixed-width.right .lnb{float:right}.body.fixed-width.right .content{float:left}.body.fixed-width.none .lnb{display:none}.body.fixed-width.none .content{float:none;width:1200px}.btn_top{display:none;position:fixed;right:0;bottom:57px;z-index:1000;width:48px;height:48px;background-color:#555;font-size:24px;color:#fff;text-align:center;opacity:.8;filter:alpha(opacity=80)}.btn_top:hover{background-color:#cda25a;color:#fff;text-decoration:none;opacity:1;filter:alpha(opacity=100)}.btn_top i{line-height:48px}.swiper-container{height:600px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif}.swiper-container>div>div{display:table;height:600px;color:#fff;background-size:cover}.swiper-container>div>div>div{display:table-cell;vertical-align:middle}.swiper-container>div>div>div>div{width:1200px;margin:0 auto}.swiper-container h1{font-weight:700;margin:0 0 19px;font-size:60px;line-height:70px;text-decoration:none}.swiper-container p{font-size:20px;line-height:22px}.pagination{position:absolute;left:0;text-align:center;bottom:15px;width:100%}.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;opacity:.6;margin:0 3px;cursor:pointer}.swiper-active-switch{background:#fff;opacity:1}@media all and (max-width:479px){a.btn_top{display:none}.container{min-width:100%;background-color:#fff}.header{position:relative;z-index:2;width:100%;height:auto;margin:0 auto;zoom:1}.body.fixed-width{width:auto;margin:0}.body:after,.header:after{clear:both;content:''}.body{padding:0}.content{zoom:1}.content:after{clear:both;content:''}.content>:first-child{margin-top:0}.content img{max-width:100%;height:auto}.body.fixed-width.right .content{width:auto;float:none;min-height:100%;padding:40px 0}.header>h1{float:none;margin-right:0;padding:0 15px;line-height:50px;display:block}.header>h1 img{max-height:15px;padding:0;margin:0}.header.sub_type3{position:absolute}.onepage .header>h1{padding:0}.onepage .header>h1>a{padding-left:14px}.container.fixed_header{padding-top:0}.header_wrap.shrink{display:none}.fixed_header .header_wrap{position:static;top:0;left:0;width:100%;z-index:1000}.fixed_header .header_wrap.shrink{position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header .5s forwards;animation:ani-header .5s forwards}.fixed_header .header_wrap.shrink .header>h1{padding:0}.fixed_header .header_wrap.shrink .gnb>ul>li>a{line-height:60px}.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}.fixed_header .header_wrap.shrink .search_area{padding:0 20px}.footer{border-top:1px solid #e4e4e4;border-bottom:3px solid #cda25a;background-color:#f1f1f1}.footer a:focus,.footer a:hover{text-decoration:none}.footer .f_info_area{width:auto;margin:0;padding:0}.footer .copyright{width:auto;margin:0;font-size:12px;color:#f1f1f1;line-height:16px}.footer .copyright span{display:inline-block;margin-left:0}.footer .f_info{float:none;width:auto;margin-left:0;margin-right:0}.footer .f_logo{margin-bottom:0}.footer .f_logo.log_txt a{font-size:16px;font-weight:700;color:#555}.footer .f_logo img{max-width:auto}.footer .f_info2,.footer .site_map{display:none}.footer .f_logo{padding:8px 15px}.footer .f_logo img{max-height:30px}.footer .sub_desc{display:none}.footer .f_cr_area{padding:0;background-color:#555;color:#fff}.footer .f_cr_area p{margin:0;padding:8px 14px}.footer .f_cr_area a{color:#fff}.footer .f_cr_area .mobile-footer-member{padding:0;margin:0;border-top:1px solid #444;list-style:none;overflow:hidden;display:block}.footer .f_cr_area .mobile-footer-member li{float:left;width:33.3%;border-left:1px solid #444;box-sizing:border-box}.footer .f_cr_area .mobile-footer-member li:first-child{border-left:0}.footer .f_cr_area .mobile-footer-member li a{display:block;line-height:32px;text-align:center}.btn_item{display:inline-block;margin:35px 0;padding:0 27px;height:50px;font-family:"Open Sans";background-color:#555;font-size:14px;line-height:50px;letter-spacing:1px;color:#FFF;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn_item:active .btn_item:focus,.btn_item:hover{background-color:#CBA061;color:#fff}.btn_item+.btn_item{margin-left:10px}.header>.side,.search_wrap{display:none}.gnb{float:none;z-index:1;height:100%;font-size:1em}.gnb a{text-decoration:none;white-space:normal}.gnb>ul>li{float:none;position:static;text-align:left}.gnb>ul:after{display:block;clear:both;content:''}.gnb>ul>li>a{display:block;position:static;padding:10px 0;line-height:normal;font-size:normal}.gnb>ul>li.on>a,.gnb>ul>li>a:focus,.gnb>ul>li>a:hover{color:#444}.gnb>ul .depth2{display:block;position:static;z-index:2;padding:0;background-color:#fff}.gnb>ul .depth2>li{position:static}.gnb>ul .depth2:after{display:none}.gnb>ul .depth2 a{display:block;position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;font-size:13px;color:#9d9d9d}.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover,.gnb>ul .depth2>li.on>a{color:#cda25a}.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0}.gnb>ul .depth2>li.more>a:after{display:none}.gnb{display:block;position:static;max-width:auto}.gnb #mobile_menu_btn{display:block}.gnb .menu_btn{height:22px;width:44px;position:absolute;top:14px;right:3px;display:inline-block}.gnb .menu_btn .menu_bar{width:20px;height:14px;position:relative;top:4px;left:12px}.gnb .menu_btn .menu_bar div{height:0;border-top:2px solid #383431;position:absolute}.header.sub_type3 .gnb .menu_btn .menu_bar div{border-top:2px solid #fff}.gnb .menu_btn .menu_bar div.btn1{width:20px;top:0}.gnb .menu_btn .menu_bar div.btn2{width:20px;top:6px;transition:all .1s}.gnb .menu_btn .menu_bar div.btn3{width:20px;bottom:0}.gnb .menu_btn.opened .menu_bar div.btn1{top:6px;width:20px;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.gnb .menu_btn.opened .menu_bar div.btn2{top:6px;display:none}.gnb .menu_btn.opened .menu_bar div.btn3{top:6px;width:20px;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.gnb{background-color:#fff}.gnb>ul{display:none;padding:0 14px 14px;max-height:240px;overflow-x:scroll;border-bottom:1px solid #eaeaea;background:#fff;-webkit-overflow-scrolling:touch;z-index:3333}.gnb>ul>li>a{color:#555;font-weight:700}.gnb a{font-size:14px;display:block;padding:10px 0;border-top:1px solid #eee}.gnb>ul>li:first-child>a{border-top:0}.gnb>ul>li>ul>li>a{color:#555}.gnb>ul>li>ul>li>ul>li>a{color:#999}.onepage .gnb{margin-top:0}.onepage .gnb>ul>li>a{line-height:normal;color:#555}.body .lnb{display:none}.body .content{overflow:hidden}.onepage .visual.sub.sub_type3{margin-top:0}.visual.sub.sub_type3{padding:120px 0 100px}.visual.sub .sub_title{width:auto}.visual.sub .sub_title h1{font-size:28px}.swiper-container{height:270px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif}.swiper-container>div>div{display:table;height:270px;color:#fff;background-size:cover}.swiper-container>div>div>div{display:table-cell;vertical-align:middle;background-size:cover}.swiper-container>div>div>div>div{padding:0 14px;width:auto;margin:0}.swiper-container h1{font-weight:600;margin:0 0 10px;font-size:30px;line-height:40px;text-decoration:none}.swiper-container p{font-size:15px;line-height:18px}}@-webkit-keyframes ani-header{0%{top:-60px}100%{top:0}}@keyframes ani-header{0%{top:-60px}100%{top:0}} \ No newline at end of file diff --git a/layouts/xedition/css/xeicon.css b/layouts/xedition/css/xeicon.css index 5ab3aee9f..8eba654eb 100644 --- a/layouts/xedition/css/xeicon.css +++ b/layouts/xedition/css/xeicon.css @@ -55,7 +55,7 @@ @media all and (max-width:479px) { .XEicon .fixedwidth {width:auto;} - .XEicon .main_title h1 { margin-bottom: 28px; font-size: 21px; } + .XEicon .main_title h1 { margin-bottom: 28px; font-size: 21px; padding:0 14px; } .XEicon .main_title p { padding:0 14px; text-align:left; } .XEicon .tit h1 {font-size:20px; text-align:center; letter-spacing:2px;} diff --git a/layouts/xedition/css/xeicon.min.css b/layouts/xedition/css/xeicon.min.css index 24410e4f7..5be0bcde9 100644 --- a/layouts/xedition/css/xeicon.min.css +++ b/layouts/xedition/css/xeicon.min.css @@ -1 +1 @@ -@charset "utf-8";.body.sub{width:100%!important;margin:0}.body.sub.full_width .content{width:100%!important;padding-bottom:0!important}.XEicon{padding-top:60px}.XEicon .fixedwidth{width:1200px;margin:0 auto}.XEicon .tit{position:relative}.XEicon .tit h1{font-size:29px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{position:absolute;top:115%;left:49%;width:20px;height:3px;background-color:#cda25a;content:""}.XEicon p a{color:#444}.XEicon p a:active,.XEicon p a:focus,.XEicon p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.XEicon .main_title h1{margin-bottom:47px;font-size:34px;font-weight:600;color:#cda25a;text-align:center;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}.XEicon .main_title p{font-size:15px;line-height:28px;color:#444;text-align:center}.XEicon .feature{height:518px;padding-top:120px}.XEicon .feature ul{padding-top:80px}.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px}.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333}.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}.XEicon .get_started{height:550px;padding-top:80px;background:#f6f6f6;box-sizing:border-box}.XEicon .get_started .cont{font-size:15px;margin-top:75px;color:#888}.XEicon .get_started ul{margin-top:34px}.XEicon .get_started li{position:relative;float:left;width:286px;height:212px;margin-right:15px;border:1px solid #e8e8e8;background:#fff;text-align:center}.XEicon .get_started li:last-child{margin-right:0}.XEicon .get_started li h2{padding:33px 0 19px;font-size:17px;font-weight:600}.XEicon .get_started li p{padding:0 37px;font-size:14px;line-height:26px;color:#888}.XEicon .get_started li>a{position:absolute;display:block;bottom:0;width:100%;height:50px;background:#888;border-top:1px solid #e1e1e1;line-height:50px;font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .get_started li>a:active,.XEicon .get_started li>a:focus,.XEicon .get_started li>a:hover{background-color:#cda25a;color:#fff}.XEicon .get_started li>a .xeicon{display:none;margin-right:6px;font-size:140%;vertical-align:middle}.XEicon .get_started li>a:hover .xeicon{display:inline-block;margin-top:-4px}.XEicon .contribution{height:442px;padding-top:93px;box-sizing:border-box;text-align:center}.XEicon .contribution .cont{font-size:15px;line-height:26px;text-align:center;margin-top:58px;color:#888}.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight:600;letter-spacing:1px;color:#cda25a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .contribution .btn_github:active .XEicon .contribution .btn_github:focus,.XEicon .contribution .btn_github:hover{background-color:#cda25a;color:#fff}@media all and (max-width:479px){.XEicon .fixedwidth{width:auto}.XEicon .main_title h1{margin-bottom:28px;font-size:21px}.XEicon .main_title p{padding:0 14px;text-align:left}.XEicon .tit h1{font-size:20px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{left:50%;margin-left:-10px}.XEicon .feature{height:auto;padding-top:90px}.XEicon .feature ul{padding:50px 14px 0}.XEicon .feature li{clear:both;width:auto;padding:0 0 0 70px}.XEicon .get_started{height:auto;padding:80px 14px 20px}.XEicon .get_started li{float:none;width:auto;margin-right:0;margin-bottom:15px}.XEicon .contribution .cont{padding:0 14px;text-align:left}} \ No newline at end of file +@charset "utf-8";.body.sub{width:100%!important;margin:0}.body.sub.full_width .content{width:100%!important;padding-bottom:0!important}.XEicon{padding-top:60px}.XEicon .fixedwidth{width:1200px;margin:0 auto}.XEicon .tit{position:relative}.XEicon .tit h1{font-size:29px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{position:absolute;top:115%;left:49%;width:20px;height:3px;background-color:#cda25a;content:""}.XEicon p a{color:#444}.XEicon p a:active,.XEicon p a:focus,.XEicon p a:hover{color:#cda25a;border-bottom:1px solid #cda25a}.XEicon .main_title h1{margin-bottom:47px;font-size:34px;font-weight:600;color:#cda25a;text-align:center;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px}.XEicon .main_title p{font-size:15px;line-height:28px;color:#444;text-align:center}.XEicon .feature{height:518px;padding-top:120px}.XEicon .feature ul{padding-top:80px}.XEicon .feature li{position:relative;float:left;width:314px;min-height:140px;padding:0 16px 0 70px;margin:0 0 30px}.XEicon .feature h2{padding:7px 24px 13px 0;font-size:17px;font-weight:600;line-height:23px;color:#333}.XEicon .feature p{padding:0 24px 0 0;font-size:14px;line-height:26px;color:#888}.XEicon .feature .ico{position:absolute;top:0;left:0;width:48px;height:48px;font-size:22px;text-align:center;line-height:50px;color:#555}.XEicon .get_started{height:550px;padding-top:80px;background:#f6f6f6;box-sizing:border-box}.XEicon .get_started .cont{font-size:15px;margin-top:75px;color:#888}.XEicon .get_started ul{margin-top:34px}.XEicon .get_started li{position:relative;float:left;width:286px;height:212px;margin-right:15px;border:1px solid #e8e8e8;background:#fff;text-align:center}.XEicon .get_started li:last-child{margin-right:0}.XEicon .get_started li h2{padding:33px 0 19px;font-size:17px;font-weight:600}.XEicon .get_started li p{padding:0 37px;font-size:14px;line-height:26px;color:#888}.XEicon .get_started li>a{position:absolute;display:block;bottom:0;width:100%;height:50px;background:#888;border-top:1px solid #e1e1e1;line-height:50px;font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .get_started li>a:active,.XEicon .get_started li>a:focus,.XEicon .get_started li>a:hover{background-color:#cda25a;color:#fff}.XEicon .get_started li>a .xeicon{display:none;margin-right:6px;font-size:140%;vertical-align:middle}.XEicon .get_started li>a:hover .xeicon{display:inline-block;margin-top:-4px}.XEicon .contribution{height:442px;padding-top:93px;box-sizing:border-box;text-align:center}.XEicon .contribution .cont{font-size:15px;line-height:26px;text-align:center;margin-top:58px;color:#888}.XEicon .contribution .btn_github{display:inline-block;margin:50px 0;padding:0 40px;height:52px;border:2px solid #cda25a;background-color:#fff;font-size:15px;line-height:52px;font-weight:600;letter-spacing:1px;color:#cda25a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.XEicon .contribution .btn_github:active .XEicon .contribution .btn_github:focus,.XEicon .contribution .btn_github:hover{background-color:#cda25a;color:#fff}@media all and (max-width:479px){.XEicon .fixedwidth{width:auto}.XEicon .main_title h1{margin-bottom:28px;font-size:21px;padding:0 14px}.XEicon .main_title p{padding:0 14px;text-align:left}.XEicon .tit h1{font-size:20px;text-align:center;letter-spacing:2px}.XEicon .tit h1:after{left:50%;margin-left:-10px}.XEicon .feature{height:auto;padding-top:90px}.XEicon .feature ul{padding:50px 14px 0}.XEicon .feature li{clear:both;width:auto;padding:0 0 0 70px}.XEicon .get_started{height:auto;padding:80px 14px 20px}.XEicon .get_started li{float:none;width:auto;margin-right:0;margin-bottom:15px}.XEicon .contribution .cont{padding:0 14px;text-align:left}} \ No newline at end of file diff --git a/layouts/xedition/img/f_logo.png b/layouts/xedition/img/f_logo.png index e9d88fd9e..acf46efde 100644 Binary files a/layouts/xedition/img/f_logo.png and b/layouts/xedition/img/f_logo.png differ diff --git a/layouts/xedition/layout.html b/layouts/xedition/layout.html index da6249f3e..31adcbef5 100644 --- a/layouts/xedition/layout.html +++ b/layouts/xedition/layout.html @@ -528,7 +528,7 @@ -