@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,html{width:100%;height:100%;min-width:1240px}body,button,input,select,table,textarea{'Noto Sans KR', 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:100%;height:100%;margin:0 auto;zoom:1;background:#003686;color:#fff;}.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:0 0 30px 0}.body.fixed-width{width:1100px;margin:0 auto}.body:after,.header:after{display:block;clear:both;content:''}.content{width: 1100px; margin: 0 auto;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{0px}.fixed_header .header_wrap{position:absolute;top:0;left:0;right:0;width:auto;z-index:1000;padding:0}.fixed_header .header_wrap.shrink{position:fixed;top:0;width:auto;min-width:1240px;z-index:1000;border-bottom:1px solid #e1e1e1;background-color:#fff;-webkit-animation:ani-header .5s forwards;animation:ani-header .5s forwards;left:0;right:0}.fixed_header .header_wrap.shrink .header>h1{padding:0}.fixed_header .header_wrap.shrink .gnb>ul>li>a{}.fixed_header .header_wrap.shrink .header>.side{margin:19px 0 0 22px}.fixed_header .header_wrap.shrink .search_area{padding:0 20px}.footer{border-bottom: 1px solid #000;border-top:1px solid #e4e4e4;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:1100px;margin:0 auto;padding:35px 0 25px}.footer .f_cr_area{padding:19px;background-color:#555}.footer .copyright{width:1100px;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:#ffffffe0}.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:1100px;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{height:100%;font-size:13px;width:1100px;margin:0 auto;position: relative}.gnb a{text-decoration:none;white-space:nowrap}.gnb>ul>li{width:20%;text-align:center;float:left;text-align:left}.gnb>ul:after{display:block;clear:both;content:''}.gnb>ul>li>a{text-align:center;display:block;position:relative;padding:15px 20px;font-size:17px;font-weight:700;color:#fff}.gnb>ul>li.on>a,.gnb>ul>li>a:focus,.gnb>ul>li>a:hover{color:#fff}.gnb>ul .depth2{border-right: 1px solid #888;border-left: 1px solid #888;border-bottom: 1px solid #888;display:none;position:absolute;top:100%;left:0;z-index:2;padding:8px 0;background-color:#fafaff;width: 100%;}.gnb>ul .depth2>li{width: 220px;float: left;position:relative}.gnb>ul .depth2:after{position:absolute;top:-3px;left:0;width:100%;height:3px;background-color:#003686;content:''}.gnb>ul .depth2 a{text-align:left;display:block;position:relative;min-width:170px;height:26px;padding:0 30px 0 20px;line-height:40px;font-size:14px;color:#333}.gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover,.gnb>ul .depth2>li.on>a{color:#003686;font-weight: 900;}.gnb>ul .depth3{display:none;position:absolute;top:-8px;left:100%;z-index:2;padding:8px 0;background-color:#d5eeffe0}.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{}.visual.sub .sub_title{position:relative;z-index:2;width:1100px;margin:0 auto;text-align: center;}.visual.sub .sub_title h1{position:relative;font-weight:700;font-size:32px;color:#444}.visual.sub .sub_title h1:after{display:none;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:10px 0 0 0px}.body.fixed-width .lnb>ul>li{margin-bottom:10px;border-bottom: 1px solid #ccc}.body.fixed-width .lnb>ul>li>a,.body.fixed-width .lnb>ul>li>span{font-weight:900;padding-left:16px;display:block;line-height:21px;margin-bottom:14px;font-size:16px;color:#444}.body.fixed-width .lnb ul ul li.on a{font-weight: 600;color:#003686}.body.fixed-width .lnb ul ul a{font-weight:bold;display:block;padding:10px 0 0 15px;font-size:15px;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:#003686}.body.fixed-width .lnb img{vertical-align:top}.body.fixed-width.left .lnb,.body.fixed-width.right .lnb{float:left;width:230px;padding:0 0 16px}.body.fixed-width.left .content,.body.fixed-width.right .content{float:right;width:820px;margin-left:50px;min-height:400px;padding:0px 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:1100px}.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:542px;font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'돋움',Dotum,AppleGothic,Helvetica,serif}.swiper-container>div>div{display:table;height:542px;color:#fff;background-size:cover}.swiper-container>div>div>div{display:table-cell;vertical-align:middle}.swiper-container>div>div>div>div{width:1100px;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}.swiper-button{position:absolute;top:50%;display:none;margin:-25px 0 0 0}.swiper-container:hover .swiper-button{display:block}.swiper-button.left{left:20px}.swiper-button.right{right:20px}.swiper-button i{width:50px;line-height:50px;text-align:center;font-size:24px;color:#fff}.swiper-button button{border-radius:50px;background-color:rgba(0,0,0,.2);cursor:pointer}.swiper-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){body,html{min-width:100%}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}.magazine .header{text-align:left}.magazine .header>h1{text-align:left;display:block;padding:0 15px}.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}.body.fixed-width.none .content{width:auto}.content img{max-width:100%;height:auto}.body.fixed-width.left .content,.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}.onepage .header>h1{padding:0 14px}.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-bottom:1px solid #000;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:50%;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>.custom_area,.header>.side,.search_wrap{display:none}.gnb{background:#fff}.onepage .gnb{margin-top:0}.magazine .gnb{margin-bottom:0}.gnb a{white-space:normal;font-size:14px;display:block;padding:10px 0;border-top:1px solid #eee}.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}.magazine .gnb>ul{display:none}.gnb>ul>li{float:none;position:static}.gnb>ul>li:first-child>a{border-top:0}.gnb>ul:after{display:none}.gnb>ul>li>a,.magazine .gnb>ul>li>a{position:static;padding:10px 0;line-height:normal;font-size:normal;color:#555;font-weight:700}.onepage .gnb>ul>li>a{color:#555;line-height:normal}.onepage .gnb>ul>li.on>a,.onepage .gnb>ul>li>a:focus,.onepage .gnb>ul>li>a:hover{color:#555}.gnb>ul .depth2,.magazine .gnb>ul .depth2,.magazine .gnb>ul .depth3{display:block;position:static;padding:0;background-color:#fff}.gnb>ul .depth2>li{position:static}.gnb>ul .depth2:after{display:none}.gnb>ul .depth2 a{position:static;min-width:100%;height:auto;padding:10px 0;line-height:normal;color:#555}.gnb>ul .depth3{display:block;position:static;background-color:#fff;padding:0}.gnb>ul .depth3 a{color:#999}.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;display:block}.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)}.body .lnb{display:none}.body .content{overflow:hidden}.visual{box-sizing:border-box}.visual.sub{position:relative;padding:15px 14px 30px;background-color:#f6f6f6;}.visual.sub .sub_title{position:relative;z-index:2;width:auto;margin:0}.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:40px 15px}.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:80px 0 0;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{padding:200px 0 70px}.visual.sub.sub_type3 .sub_title h1{font-size:23px;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:24px;line-height:30px;text-decoration:none}.swiper-container p{font-size:14px;line-height:18px}}@-webkit-keyframes ani-header{0%{top:-60px}100%{top:0}}@keyframes ani-header{0%{top:-60px}100%{top:0}}.sub_baner{margin-bottom:30px;position:relative;padding:200px 0;background: url('/img/genealogy/sub_baner.png') no-repeat!important;line-height:100px}
.gnb>ul .depth2 ul{padding-bottom: 40px;position: relative}
.gnb>ul .depth2 ul:after{content:'';width: 1px; background-color: #888;height: 300px;position: absolute;top: 0;right:-1px}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body,input,textarea,select,button,table{font-family:'Noto Sans Kr','Malgun gothic',Dotum,arial,sans-serif;font-size:14px;line-height: 1.5em;color:#555;font-weight:400;}
.txt_point{background-color: #003686;color:#fff;font-weight: 600}
.sub_title{display: none}
body {margin: 0;padding: 0;}p{font-size: 14px;}
h5{color:#fff; background:#003686;display: inline-block;    margin-top: 20px;}
.lnb ul ul li:last-child {padding-bottom: 10px}
.lnb ul ul li:first-child a{padding-top: 0px!important}

.gnb>ul>li>a:after{content: '';position: absolute;right: 0;top: 20px;display: block;height: 17px;width: 1px;background-color: #e8e8e8;}
.gnb>ul>li:last-child a:after{display: none;}

.g_link li{position: absolute;right: 0; top: 30px; width: 70px;height: 70px;}

.con_center{margin:0 auto!important;clear: both!important;float: none!important;}
.bold_300{font-weight: 300;}.bold_350{font-weight: 350;}.bold_500{font-weight: 500;}.bold_900{font-weight: 900;}.bold_700{font-weight: 700;}
.content h3{font-size: 22px;padding: 10px 0;}
.w1100{width: 1100px;margin: 0 auto;}

.top_login{	width: 1100px;	margin: 0 auto;	text-align: right;}

.ly_login ul li{display: inline-block}

.logo-item{text-align: center; padding: 20px 0;position: relative;width: 1100px;margin:0 auto;}
.logo-item a img{width: 250px}
.bot_line{border-bottom: 1px solid#dcdcdc;}

.sub_title{font-size: 24px; font-weight: bold}

.lnb_top{width: 230px;height: 110px;background: url('/img/genealogy/lnb_bg.png') no-repeat;text-align: center;}
.lnb_top p{font-size:24px; color:#fff;line-height: 110px;text-shadow:#444 0px 0px 5px}

.content-title .title{ font-size: 28px; text-align: left;padding-bottom: 10px;font-weight: 600}
.content-title .sentence{text-align: left; margin:0px!important;padding-top: 10px;line-height: 1.7;font-size: 16px;font-weight: 400}
.content-title .sentence_line{margin:0 auto;width: 100%; height: 2px; background-color: #003686}

.txt_wrap .sentence {vertical-align: middle;margin-top: 30px;text-align: justify;font-size: 16px;font-weight: 300}
.txt_wrap .sentence td{vertical-align:top }

.genealogy_introduce {width: 100%; text-align: center;position: relative}
.genealogy_introduce li{width: 100%; padding: 0;display: inline-block;position: relative }
.genealogy_introduce li ul li{width: 24.5%;padding: 0;margin-bottom: 6px;background-image:url('/layouts/genealogy/img/pa_bg.png');background-repeat: no-repeat;float:left;}
.genealogy_introduce li ul li a{color: #fff;display: inline-block;height: 90px;width: 265px;line-height: 85px;}
.genealogy_introduce li ul li a:hover,.genealogy_introduce li ul li a:active{color:#fff}


.content_title{background: url(/img/genealogy/title_baner.png) no-repeat;height: 109px;height: 109px;font-size: 24px;line-height: 100px;padding-left: 40px;margin-bottom: 30px;}

/*greet*/
.greet img{float: left;margin-right: 20px;margin-bottom: 20px;}
.greet p{font-size: 14px;float: left}

/*history*/
.history-wrap{margin-top:15px}
.history-wrap li{overflow:hidden;padding:30px 0;border-top:1px dashed #e4e4e4}
.history-wrap li.bdT0{border-top:none}
.history-wrap li > div{float:left}
.history-wrap li .history-title{width:136px}
.history-title{font-size:40px;color:#444;line-height:75px}
.history-content{line-height:75px}
.history-month{display:inline-block;width:40px;height:70px;color:#fff;text-align:center;background-image: linear-gradient( 135deg, #2c77e6 10%, #003686 100%);line-height:70px;    font-size: 16px;}
.history-month.point{color:#fff;background-color:#003686}
.history-text{display:inline-block;padding-left:25px;color:#000}

/*supplied*/
.supplied{background: url(/img/genealogy/supplied.png) no-repeat right bottom;}
.supplied .sentence{font-size: 14px;margin: 25px 0!important;line-height: 32px;padding: 25px 0px;}
.supplied .sentence_line{width: 300px; height: 3px; background-color: #003686}

/*genealogy_business*/
.genealogy_business_function li{ display: block;padding: 10px 0 0 0%;position: relative;font-size: 16px; font-weight: 300}
.genealogy_business_function li span{color: #ffffff;background-color: #003686;padding: 0 6px;margin-right: 10px;font-size: 20px;width: 85px;display: inline-block;border-radius: 0px 0px 0px 15px;text-align: right;font-weight: 400}
.genealogy_business_function li .num{color: #ffffff;background-color: #003686;padding: 0 6px;margin-right: 10px;font-size: 20px;width: 36px;display: inline-block;border-radius:0px;text-align: right;font-weight: 400;margin-left: 100px;}


.diagram{text-align:center}
.diagram span{display:inline-block;margin-top:30px;border:1px solid #d8d8d8;border-radius:5%;padding: 10px 20px;min-width: 140px;box-sizing:border-box;font-size:18px}
.diagram .diagram-foot{margin-top:50px}
.diagram .diagram-foot span{margin-top:0}
.diagram .diagram-foot span+span{margin-left:30px}

.content-back-wrap{margin-top:50px}
.content-back-wrap ul{padding-top:30px}
.content-back-wrap ul li {position:relative;display:inline-block;min-height:150px;padding:0px 0 0 130px;vertical-align:top;text-align:left}
.content-back-wrap ul li:nth-child(1) {background:url(/img/genealogy/ico_illustrat1.png) no-repeat 0 10px}
.content-back-wrap ul li:nth-child(2) {background:url(/img/genealogy/ico_illustrat2.png) no-repeat 0 10px}
.content-back-wrap ul li:nth-child(3) {background:url(/img/genealogy/ico_illustrat3.png) no-repeat 0 10px}
.content-back-wrap ul li:nth-child(4) {background:url(/img/genealogy/ico_illustrat4.png) no-repeat 0 10px}
.content-back-wrap ul li:nth-child(5) {background:url(/img/genealogy/ico_illustrat5.png) no-repeat 0 10px}
.content-back-wrap ul li:nth-child(6) {background:url(/img/genealogy/ico_illustrat6.png) no-repeat 0 10px}
.content-back-wrap ul li strong {display:block; font-size:20px; line-height:40px}
.content-back-wrap ul li strong span {font-size:20px}
.content-back-wrap ul li > span {display:block; color:#929f22; font-size:15px; font-weight:300; line-height:24px}
.content-back-wrap ul li p { font-size:16px; line-height:24px; font-weight:300}


.footer_call{font-size: 40px;font-weight: 100;height: 80px;line-height: 1.9;color: black;}
.footer_customer{font-weight: 700;font-size: 18px;color:#808080;}
.footer_bot_left{font-size: 12px;letter-spacing: 0.5px; font-weight: 350;font-size: 14px;color: black;}
.footer_2{background-color: #f1f1f1;border-top: 1px solid #777}
.footer_2 p{width: 1100px;margin:0 auto;padding: 30px 0;color: #444;font-size: 12px;}


.sample_img_st{width: 42.7%;border: 1px solid #ccc;float: left;margin: 2.0%;padding: 1.5%;}
.m_sub_baner{display: none;}

ol.indent{    padding: 0 0 0 2rem;list-style:decimal;}
ol.indent_2{    padding: 0 0 0 2rem;list-style:disc ;}
ul.indent{    padding: 0 0 0 1rem;}
.pa_content li ul li{}