.d_clear{clear:both} #header{position:relative; width:100%; z-index:1000; } .top_search{position:relative; border:1px solid #e6e6e6; } .top_search form{position:relative; } .top_search #all_search{border:0; background:none; width:100%; height:45px; line-height:45px; background:#ffffff; font-size:14px} .top_search .btn_search{position:absolute; right:0px; bottom:0; width:45px; height:45px; border:0;background:#ffffff; padding:0; text-align:center;} .top_search .btn_search:before{ font-family:'FontAwesome'; content:'\f002'; color:#000000; font-size:1.3em;} .menu_top{padding:20px; color:#ffffff; text-align:left} .menu_top h2{color:#ffffff; font-size:1.25em; margin-bottom:15px} .menu_top h2 span{font-size:14px; display:block} .menu_top{padding:20px} .lag{display:inline-block; color:#ffffff; position:relative; min-width:70px; vertical-align:top; } .lag li{float:none !important; width:100% !important} .lag .dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#000000; font-size:16px; line-height:45px; padding:0 30px 0 40px; text-transform:uppercase; letter-spacing:0; } .lag .dropbtn:before{content:''; position:absolute; left:10px; top:0; bottom:0; margin:auto; display:block; height:15px; width:23px; background-size:100% !Important; background:url(../img/ic_lang.gif) no-repeat center center;} .lag .dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px; font-size:8px; line-height:45px; color:#bec5cd} .lag .dropmenu {display: none; width:100%; position: absolute; z-index: 5; border-width:0 1px 1px 1px; margin-top:-1px; border:0px;} .lag .dropmenu a {display:block; color:inherit; font-size:14px !important; line-height:30px !Important; color:#ffffff !important} .lag .dropmenu.show {display:block;} .lag .dropmenu ul{background:#006fba; } .lag .dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;} .lag .dropmenu ul li:hover a{color:#ffffff !important} /*pc*/ @media all and (min-width:1200px) { body.scroll #header .bg{opacity:1;transition:.5s; } .d_container{margin:0 auto; max-width:1500px;} .pc_ver{display:block !important;} .mo_ver{display:none !important} /* body.scroll #header .bg{background:#414141;opacity:1;transition:.5s}*/ body.scroll #hs1{display:none;} #header{position:fixed; top:0; z-index:999;width:100%; max-width:2000px; margin:0 auto; background:#ffffff;height:145px; } body.scroll #header{height:100px;} #header .bg{position:absolute;left:0;top:0;width:100%;height:100%; transition:0.5s; opacity:0; background:#ffffff; display:none} /*#header:before{content:''; width:100%; height:1px; background:#e6e6e6; position:absolute; bottom:0px; left:0; right:0; z-index:10 }*/ /*body.lnb_over #header .bg{border-bottom:1px solid #dcdcdc; opacity:1; }*/ body.lnb_over #header .bg{transition:0.5s} #hs1{position:relative; /*! background:#f8f8f8; */ height:45px; border-bottom:1px solid #e6e6e6} #hs1 .d_container{position:relative; } #d_gnb:after{/*! content:''; */ display:block; clear:both} #d_gnb ul{/*! text-align:right; */} #d_gnb li{display:inline-block; font-size:0.9em; font-weight:400; position:relative;} #d_gnb li.d0, #d_gnb li.d1, #d_gnb li.d2, #d_gnb li.d3{display:none} /*#d_gnb li span:before{font-family:'FontAwesome'; color:#ccc; font-size:18px; content:'\f0ac'; padding-right:10px;}*/ #d_gnb li a{vertical-align:middle;text-align:center; color:#6c6c6c; font-size:15px; } #d_gnb li a img{height:25px;display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-3px} #d_gnb li a{position:relative; display:block; line-height:45px; padding:0 10px} #d_gnb .sns_box li a:before{content:''; display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:10px; background-size:100% !important;} #d_gnb .sns_box li a{padding-right:18px} #d_gnb .sns_box li a:before{background:url(/img/new/top_insta.png) no-repeat center center} #d_gnb .sns_box li a.ico02:before{background:url(/img/new/top_blog.png) no-repeat center center; width:15px;} #d_gnb .sns_box li a.ico03:before{background:url(/img/new/top_youtube.png) no-repeat center center; width:22px;} #d_gnb .sns_box li a.ico04:before{background:url(/img/new/top_book.png) no-repeat center center; width:22px;} #d_gnb li a:after{content:''; display: block; width:4px; height:4px; background: #dcdcdc; border-radius:50px; position:absolute; right:0; top:50%;border-radius: 50px;} #d_gnb li a.ico04:after{display:none} /*#d_gnb li.d4 a:before{background:url(../img/ic_login.png) no-repeat center center} #d_gnb li.d5 a:before{background:url(../img/ic_join.png) no-repeat center center} #d_gnb li.d6 a:before{background:url(../img/ic_mypage.png) no-repeat center center} #d_gnb li.d7 a:before{background:url(../img/ic_logout.png) no-repeat center center}*/ #d_gnb li.dmtor{display:inline-block !important} #d_gnb li.dmtor a{color:#1a0182; font-weight:500} #d_gnb li.dmtor a:before{background:url(../img/ic_mentor.png) no-repeat center center} /*#d_gnb li:first-child a{padding-left:50px;} #d_gnb li.d1:before{font-family: 'FontAwesome'; font-size:14px; display:inline-block; content:"\f011"; position:absolute; left:20px; top:13px}*/ #d_gnb ul.right li{position:relative} #d_gnb ul.right > li:before{content:''; width:1px; height:20px; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto} #d_gnb ul.right li a{padding:0 20px} #d_gnb{display:flex; flex-wrap:wrap; justify-content: space-between;} #d_gnb .rightbox{/*! width:50%; */ position:relative;right: 20px;} #d_gnb .rightbox ul{padding-right: 90px;} #d_gnb .rightbox ul a{padding-right:20px} #d_gnb .rightbox .quick_box{display:none} #d_gnb .rightbox .lang_box{position:absolute; right:0; top:0;width: 90px;} #d_gnb .rightbox .lang_box .lang_list a{padding:0px;} #d_gnb .rightbox .lang_box ul{padding: 0px;top: 8px;border: 1px solid #e1e1e1;position: relative;background: #fff;z-index: 99;left: 10px;flex-wrap: wrap;} #d_gnb .rightbox .lang_box ul li{width:100%;} #d_gnb .rightbox .lang_box .lang_list a:after{display:none} #hs2{/*background:#fff;*/ position:relative; width:100%} #hs2 h1{float:left; width:260px; padding-left:20px; margin-top:23px; position:relative; z-index:2; transition:0.3s;} body.scroll #hs2 h1{margin-top:20px; transition:0.3s;} #hs2 h1 span{position:absolute; right:0; font-size:13px; font-weight:600; line-height:55px} #hs2 h1 a {display:block; padding:0; } /*#hs2 h1 a{width:100%; height:57px; background:url(../img/logo.png) no-repeat center left; background-size:100% !important} /*body.scroll #hs2 h1 a, body.lnb_over #hs2 h1 a{background:url(../img/logo_b.png) no-repeat center center !important; background-size:100% !important}*/ #hs2 h1 a img {width:100%; max-width:220px; vertical-align:middle; transition:0.3s;} body.scroll #hs2 h1 a img{max-width:200px; transition:0.3s;} #d_lnb_bg{position:absolute;left:0;top:100px; width:100%; background:#ffffff; height:0;overflow:visible !important; z-index:0; } body.lnb_over #d_lnb_bg{background:#ffffff; border-bottom:1px solid #e6e6e6;} #d_lnb_bg .shadow{position:absolute;left:0;width:100%;height:15px;bottom:-15px;display:none} #d_lnb_bg > .d_container{overflow:hidden;height:100%} #d_lnb_bg .thumb{padding:40px 40px} /*body.lnb_over #d_lnb_bg{min-height:180px}*/ body.lnb_over #d_lnb_bg .shadow{display:block} body.lnb_over #header{background:#ffffff; border-bottom:1px solid #e6e6e6} #d_lnb_btn, .lnb_btn2{display:none} #d_lnb{width:calc(100% - 300px); float:right; height:100px;} #d_lnb ul{position:relative;display: flex;flex-wrap: wrap;justify-content: flex-end;margin-top: 30px;align-items: center;} #d_lnb li{position:relative;float:left;} #d_lnb li {width:17%; min-height: 60px;} #d_lnb li.d1 {width:20%;} #d_lnb li:last-child {width:5%; } /*#d_lnb li > a:before{content:''; position:absolute; top:0; left:50%; width:0; height:2px; background:#270188; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}*/ #d_lnb li:hover > a:before{width:60px; margin-left:-30px;} #d_lnb li > a{display:block;font-size:20px; font-weight:500; line-height:30px; text-align:center; padding-left:0px; text-transform:math-auto; color:#333;} #d_lnb li > a:hover, #d_lnb li.on > a{font-weight:600; transition:.3s; color:#270188 !important; position:relative;} #d_lnb li.on .sub{background:#F2F3FA; color:#ffffff} #d_lnb li.on .sub a{color:#333} #d_lnb li.on .sub a:hover{color:#270188; font-weight:600} #d_lnb li .sub{position:absolute;width:100%; overflow:hidden; border-left:1px solid #e6e6e6;top: 67px; opacity: 0;visibility: hidden;transition: 0.2s;} #d_lnb li.d5 .sub{border-right:1px solid #e6e6e6} #d_lnb li .sub dl{padding-top:25px} #d_lnb li.tail{float:right; width:15%; max-width:100%; overflow:hidden; text-align:right} #d_lnb li.tail a{display:inline-block; width:40px; vertical-align:middle; margin-top:23px; margin-left:3px} #d_lnb li.tail.on a:before{display:none !important} body.lnb_over #d_lnb .sub {opacity: 1;visibility: visible;} #d_lnb li.tail > a:before{color:inherit; font-weight:normal; margin-left:0; transition:none} #d_lnb li.tail:hover > a:before{margin-left:0} #d_lnb li.tail a.lnb_contact{text-align:right; padding-right:15px; margin-right:10px; position:relative; display:inline-block; font-size:13px} #d_lnb li.tail a.lnb_contact:after{content:''; position:absolute; width:1px; height:10px; background:#ffffff; top:0; bottom:0; right:0; margin:auto} body.scroll #d_lnb li.tail a.lnb_contact:after, body.lnb_over #d_lnb li.tail a.lnb_contact:after{background:#e6e6e6} #d_lnb li .sub dd a{display:block;padding:5px 0;font-size:17px;color:#323232; line-height:25px; ;text-align:center;} #d_lnb li .sub dd a:hover{font-weight:500;} #d_lnb li .sub dd a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;} #d_lnb_mask{display:none} #d_lnb2{display:none} .tail .lag{display:inline-block; color:#ffffff; position:relative; min-width:70px; line-height:50px; height:50px; vertical-align:top; border-bottom:2px solid #2797ff; margin-top:20px} .tail .lag li{float:none !important; width:100% !important} .tail .dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#ffffff; font-size:13px; font-weight:700; line-height:30px;} .tail .dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px; color:#ffffff; font-size:8px; line-height:30px;} body.lnb_over #d_lnb li.tail .dropbtn, body.scroll #d_lnb li.tail .dropbtn{color:#3ca8ed} body.lnb_over #d_lnb li.tail .dropbtn:after, body.scroll #d_lnb li.tail .dropbtn:after{color:#3ca8ed !Important} .tail .dropmenu {display: none; width:100%; position: absolute; z-index: 5; border-width:0 1px 1px 1px; margin-top:-1px} .tail .dropmenu a {display:block; color:inherit; font-size:14px !important; line-height:30px !Important; } .tail .dropmenu.show {display:block;} .tail .dropmenu ul{background:#3ca8ed; } .tail .dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;} .tail .dropmenu ul li:hover a{color:#ffffff !important} body.scroll #d_lnb li.tail .dropmenu ul li a, body.lnb_over #d_lnb li.tail .dropmenu ul li a{color:#ffffff !important} #d_lnb li.tail span.sitebar{display:none} #d_lnb li.tail .top_search{margin-top:20px} .lang_box{position:relative;display:inline-block;} .lang_box:after{display: block; clear: both; content: ""; width: 6px; height: 6px; border-top: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; position: absolute; top: 18px; right: -5px; transform: rotate(135deg);} .lang_btn{border:0;/*! padding:10px 15px; */font-size:14px;cursor:pointer;background: #fff;color: #6c6c6c;line-height: 47px;position: relative;} .lang_btn:before{content: '';display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin-right: 3px; background-size: 100% !important;background: url(/img/new/lang_ico.png) no-repeat center center;} .lang_list{display:none;} .lang_list li{border-bottom:1px solid #eee;} .lang_list li:last-child{border-bottom:0;} .lang_list a{display:block;padding:10px;color:#333;} .lang_list a:hover{background:#f5f5f5;} .icon_menu.new_allmenu{background: #fff0; position:relative; width: 100%;/*! line-height: 90px; *//*! height: 100%; */border: 0px;} .icon_menu.new_allmenu:after{display: block;clear: both;content: "\e5d2";font-family: var(--icon);position: absolute;right: 15px;top: 2px;font-weight: 300;font-size: 35px; } } @media all and (min-width:1400px) { .top_search{width:calc(100% - 85px); float:left;} .sitebar{display:block; width:50px; height:45px; margin-top:20px; float:right;} .sitebar a{display:block; width:100%; height:100%; position:relative;} .sitebar a span{position:absolute; display:inline-block; width:40px; height:2px; background:#000000; left:0; right:0; top:0; bottom:0; margin:auto} .sitebar a span:before, .sitebar a span:after{content:''; width:100%; height:2px; display:block; background:#000000; top:-8px; position:absolute;} .sitebar a span:after{top:auto; bottom:-8px;} } /*mobile*/ @media all and (max-width:1199px) { #header{position:fixed;z-index:9999;width:100%; top:0; min-width:320px; border-bottom:1px solid #e6e6e6} #header .bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:.5s} #hs2 h1 span{display:none} .mo_ver{display:block !important} .pc_ver{display:none !important} body.lnb_on{overflow:hidden} body.lnb_on #d_lnb_mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:990; background:rgba(0,0,0,0.4)} /*body.lnb_on2 #d_lnb_mask2{position:fixed;left:0;top:0;width:100%;height:100%;z-index:990; background:rgba(0,0,0,0.4)}*/ #d_gnb{position:fixed;right:-100%;top:0;height:0px;width:100%; max-width:420px; z-index:991;text-align:center;} #d_gnb ul{ background:#F2F3FA; overflow:hidden;} /*#d_gnb li{ position:relative; width:calc(33.33% - 20px); float:left; font-weight:600; height:50px; line-height:50px; }*/ #d_gnb li{position:relative;width: calc(33.333333333% - 20px);float:left;font-weight:600;height:40px;line-height:40px;} #d_gnb li a{display:block; width:100%; height:100%; font-weight:500; color:#ffffff !important; text-transform:uppercase; font-size:0.9em} /*#d_gnb li a:before{ display:inline-block; vertical-align:middle; content:''; width:25px; height:25px; margin-right:3px; background-size:100% !important; } #d_gnb li.d1 a:before{background:url("../img/ic_facebook.png") no-repeat center center} #d_gnb li.d2 a:before{background:url("../img/ic_insta.png") no-repeat center center} #d_gnb li.d3 a:before{background:url("../img/ic_blog.png") no-repeat center center} #d_gnb li.d0 a:before{background:url("../img/ic_youtube.png") no-repeat center center} #d_gnb li.d4 a:before{background:url("../img/ic_login.png") no-repeat center center} #d_gnb li.d5 a:before{background:url("../img/ic_join.png") no-repeat center center} #d_gnb li.d6 a:before{background:url("../img/ic_mypage.png") no-repeat center center} #d_gnb li.d7 a:before{background:url("../img/ic_logout.png") no-repeat center center}*/ #d_gnb li.mbtn{width:20%;} #d_gnb li.mbtn a{color:#323232 !important; font-size:1em; position:relative} #d_gnb li.mbtn a:before{margin-right:10px} #d_gnb li.d4:after, #d_gnb li.d6:after{content:''; display:block; width:4px; height:4px; background:#dbdbdb; position:absolute; right:0; top:0; bottom:0; margin:auto;border-radius: 50px;} #d_gnb li a{color:#ffffff; display:block;} #d_gnb li:last-child a{border-right:0} #d_gnb li.d1{background:#3b5998} #d_gnb li.d2{background:#e74272} #d_gnb li.d3{background:#1ec800} #d_gnb li.d0{background:#ed1e23} #d_gnb .close{position:absolute;right:5px;top:5px;width:40px;height:40px;cursor:pointer; background:#270188;border-radius: 50px;} #d_gnb .close span{display:inline-block; position:absolute; top:58%; right:0px;} #d_gnb .close span:before, #d_gnb .close span:after{content:''; display:inline-block; width:25px; height:3px; background:#ffffff; position:absolute; right:10px; border-radius:5px} #d_gnb .close span:after{top:-11px} #d_gnb .close span:before { -webkit-transform: translateX(3px) translateY(-4px) rotate(45deg); -moz-transform: translateX(3px) translateY(-4px) rotate(45deg); -ms-transform: translateX(3px) translateY(-4px) rotate(45deg); -o-transform: translateX(3px) translateY(-4px) rotate(45deg); transform: translateX(3px) translateY(-4px) rotate(45deg); } #d_gnb .close span:after { -webkit-transform: translateX(3px) translateY(6px) rotate(-45deg); -moz-transform: translateX(3px) translateY(6px) rotate(-45deg); -ms-transform: translateX(3px) translateY(6px) rotate(-45deg); -o-transform: translateX(3px) translateY(6px) rotate(-45deg); transform: translateX(3px) translateY(6px) rotate(-45deg); } #d_gnb .sns_box{/*! display:none */border-bottom: 1px solid #ddd;background: #EBEDF9;} #d_gnb .sns_box li{} #d_gnb .sns_box li:nth-child(4){width:50%;} #d_gnb .sns_box li a{color: #333 !important;} #d_gnb .sns_box .dir_book{position:relative;} #d_gnb .sns_box .dir_toggle{background:none;border:none;cursor:pointer;} #d_gnb .sns_box .dir_list li{/*! margin:5px 0; */ width:100%;} #d_gnb .sns_box .dir_list li a{display:block;padding:0px 10px;white-space:nowrap;} #d_gnb .sns_box .dir_list li a:hover{color: #270188 !important;font-weight: 700;} #d_gnb .sns_box .dir_book.active .dir_list{display:flex;} #d_gnb .sns_box .dir_list{display:none;position:absolute;bottom:70%;left:0;margin-bottom:10px; background:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.15);padding:0px;z-index:9999;} #d_gnb .sns_box .dir_list li a:before{display:none} #d_gnb .sns_box li a:before{content:''; display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:5px; background-size:100% !important;} #d_gnb .sns_box li a:before{background:url(/img/new/top_insta.png) no-repeat center center} #d_gnb .sns_box li a.ico02:before{background:url(/img/new/top_blog.png) no-repeat center center; width:15px;} #d_gnb .sns_box li a.ico03:before{background:url(/img/new/top_youtube.png) no-repeat center center; width:22px;} #d_gnb .sns_box li a.ico04:before{background:url(/img/new/top_book.png) no-repeat center center; width:22px;} #d_gnb .lang_box{position: absolute;top: 88px;left: 40%;} #d_gnb .lang_box button{background: #c6c8e9;border: 0px;font-weight: 500;font-size: 1em;border-radius: 5px;height: 30px;line-height: 30px;} #d_gnb .lang_list{z-index:99;position:absolute;background:#dfe0f2;display:none;flex-direction:column;/*! border-radius:0px 0px 10px 10px; */width: 100%;} #d_gnb .lang_list.active{display:flex;} #d_gnb .lang_list li{width:100%;height: 35px;line-height: 35px;border-bottom: 1px solid #fff9;} #d_gnb .lang_list li a{color:#333 !important;} #d_gnb .lang_list li a:hover{color:#fff !important;background: #aea0d4;} #d_gnb .quick_box{display: flex;flex-wrap: wrap;position: relative;background: #f2f3fa;padding: 5px 15px 30px;gap: 2%;} #d_gnb .quick_box a{position: relative;background: #fff;/*! padding: 20px 0px 20px; */width: 49%;border-radius: 10px;padding: 7px 0px;color: #4c3d75;font-weight: 500;font-size: 1em;} #d_gnb .quick_box .mo_ico01, #d_gnb .quick_box .mo_ico02{margin-bottom:10px;} #d_gnb .quick_box a:before{display:block; content:''; background:url("/img/new/mo_ico01.png")no-repeat center; width:38px; height:38px;/*! position: absolute; */background-size: 100%;top: 0;border-radius: 50px;margin: 0 auto 5px;} #d_gnb .quick_box .mo_ico02:before{background:url("/img/new/mo_ico02.png")no-repeat center; background-size: 100%;} #d_gnb .quick_box .mo_ico03:before{background:url("/img/new/mo_ico03.png")no-repeat center; background-size: 100%;} #d_gnb .quick_box .mo_ico04:before{background:url("/img/new/mo_ico04.png")no-repeat center; background-size: 100%;} #d_gnb .quick_box a:hover{/*background: #5534ad;color: #fff;*/ color:#270188; font-weight:700; border:1px solid #aea0d4} #hs2{position:relative;background:#ffffff ; height:60px; } #hs2 h1{text-align:left; display:inline-block; padding:0; margin-left:3%; margin-top:13px } #hs2 h1 a{display:block; } /*body.scroll #hs2 h1 a, body.lnb_over #hs2 h1 a{background:url(../img/logo_b.png) no-repeat center center !important; background-size:100% !important}*/ #hs2 h1 a img {max-width:150px; } #d_lnb_bg{display:none} #d_lnb_btn{position:absolute;right:0%;top:0px;cursor:pointer; background:#270188; padding:0 15px; padding-top:18px; height:100%} #d_lnb{position:fixed;right:-100%;top:315px;width:100%; max-width:420px; height:100%;overflow:auto;background:#ffffff;z-index:991} #d_lnb h2{position:relative;text-align:center;color:#333;padding:20px 0;border-bottom:1px solid #c8c8c8} #d_lnb h2 .close{position:absolute;right:10px;top:10px;cursor:pointer} #d_lnb h2 .close img {max-width:65px;} #d_lnb2{position:fixed; top:100px; max-width:420px; right:-100%;width:100%;height:100%; overflow:auto;background:#006fba;z-index:9991;overscroll-behavior: none; padding:30px 20px } #d_lnb2 .top_search{margin-top:40px} #header .lnb_btn2{position:absolute;z-index:2; right:70px; top:15px;cursor:pointer;width:30px;height:30px;} #header .lnb_btn2 a.search_btn{display:block; position:relative; width:30px; height:100%; margin-right:30px;} #header .lnb_btn2 a.search_btn i{color:#006fba; font-size:25px; line-height:30px;} /* #header .lnb_btn2 a.search_btn:after{font-family: 'Font Awesome 5 Free'; content:'\f002'; color:#ffffff; font-size:25px; line-height:30px; text-align:center; z-index:1; position:relative}*/ body.lnb_on2 .lnb_btn2 a.search_btn:before{content:''; width:15px; height:15px; display:block; background:rgba(255,244,119,0.8); position:absolute; right:5px; top:0; border-radius:500px; z-index:0; } #d_lnb2 .close{position:absolute;right:0px;top:0px;width:60px;height:60px;cursor:pointer; background:#006fba} #d_lnb2 .close span{display:inline-block; position:absolute; top:55%; right:0px;} #d_lnb2 .close span:before, #d_lnb2 .close span:after{content:''; display:inline-block; width:35px; height:2px; background:#ffffff; position:absolute; right:14px;} #d_lnb2 .close span:after{top:-11px} #d_lnb2 .close span:before { -webkit-transform: translateX(4px) translateY(-5px) rotate(45deg); -moz-transform: translateX(4px) translateY(-5px) rotate(45deg); -ms-transform: translateX(4px) translateY(-5px) rotate(45deg); -o-transform: translateX(4px) translateY(-5px) rotate(45deg); transform: translateX(4px) translateY(-5px) rotate(45deg); } #d_lnb2 .close span:after { -webkit-transform: translateX(4px) translateY(6px) rotate(-45deg); -moz-transform: translateX(4px) translateY(6px) rotate(-45deg); -ms-transform: translateX(4px) translateY(6px) rotate(-45deg); -o-transform: translateX(4px) translateY(6px) rotate(-45deg); transform: translateX(4px) translateY(6px) rotate(-45deg); } #d_lnb ul{height:100%; overflow:auto; text-align:left; background:#ffffff; border-top:1px solid #e6e6e6} #d_lnb li > a{position:relative; display:block;padding:20px 70px; font-size:16px; font-weight:500; color:#323232; position:relative; border-bottom:1px solid #e6e6e6} #d_lnb li:last-child button{display:none} #d_lnb li a.flip:after{display:block; content:''; width:40px; height:30px; background: url("/img/new/ser_ico01.png")no-repeat center; background-size: 100%; position:absolute;left: 18px;top: 16px;} #d_lnb li.d2 a.flip:after{background: url("/img/new/ser_ico10.png")no-repeat center; background-size: 100%;} #d_lnb li.d3 a.flip:after{background: url("/img/new/ser_ico11.png")no-repeat center; background-size: 100%;} #d_lnb li.d4 a.flip:after{background: url("/img/new/ser_ico12.png")no-repeat center; background-size: 100%;} #d_lnb li.d5 a.flip:after{background: url("/img/new/ser_ico13.png")no-repeat center; background-size: 100%;} #d_lnb li > a i{display:block; position:absolute; right:15px; width:30px; height:30px; top:0; bottom:0; margin:auto;border-radius: 5px;background: #e6e7f4;} #d_lnb li > a i:before, #d_lnb li > a i:after{content:''; display:block; width:15px; height:1px; border-radius:100px; background:#aea0d4; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto} #d_lnb li > a i:after{width:1px; height:15px} #d_lnb li.on > a i {background:#270188; border-color:#270188;} #d_lnb li.on > a i:after {content:''; display:none;} #d_lnb li.on > a i:before, #d_lnb li.on > a i:after{background:#ffffff} #d_lnb li.mentor_i > a{display:inline-block; margin:15px 15px; padding:12px 15px; background:#1a0182; color:#ffffff; border-radius:500px; font-size:15px } #d_lnb li.mentor_i > a:before{content:''; display:inline-block; position:relative; vertical-align:middle; width:25px; height:25px; margin-right:10px; background-size:100% !important; background:url(../img/ic_mentor.png) no-repeat center center} #d_lnb li > a:before{content:''; position:absolute; top:0; bottom:0; right:0px; margin:auto; background:#ffffff; width:6px; height:6px; border-radius:500px; margin-right:20px; } #d_lnb li.on > a{color:#270188; font-weight:600; position:relative;} /*#d_lnb li.on > a:after{content:''; position:absolute; top:0; bottom:0; right:0px; margin:auto; margin-right:20px; transition:0.5s; width:6px; height:6px; border-radius:500px; background:#051444}*/ #d_lnb li.on > a:before{display:none } #d_lnb li.tail{display:none} #d_lnb li .sub{background:#f8f8f8; height:0;display:none} #d_lnb li.on .sub{display:block;height:auto !important; padding:10px 0px; border-bottom:1px solid #e6e6e6; background: #f9fafb;} #d_lnb li .sub dl{position:relative;} #d_lnb li .sub dd a{display:block;padding:0px 30px; line-height:37px; font-size:15px; } #d_lnb li .sub dd a:hover{font-weight:500; color:#270188;} .icon-bar {display: block; margin-top: 4px; width: 30px;height: 2px; background: #ffffff; } #d_lnb li.lag{display:none} body.scroll .icon-bar {background: #ffffff;} } /*피씨 메뉴*/ #allmenu .allmenu_wrap{position: fixed; top: 0; right: -530px; width: 530px; height: 100%; background: #fff; z-index: 9999; transition: .4s ease;} #allmenu .allmenu_wrap.active{right:0;} #allmenu .allmenu_inner{height:100%;overflow-y:auto;} #allmenu .allmenu_wrap .top{z-index:1; padding:30px;background: #f2f3fa;position: relative;padding-bottom: 40px;} #allmenu .allmenu_wrap .top ul{display:flex;gap:20px;justify-content: flex-start;margin-top: 0px;} #allmenu .allmenu_wrap .top .lang_box{position:absolute;right: 200px;top: 25px;} #allmenu .allmenu_wrap .top .lang_btn{background:none;border:none;font-size:14px;line-height: 30px;} #allmenu .allmenu_wrap .top .lang_list{position:absolute;top:100%;left:10px;display:none;background:#fff;} #allmenu .allmenu_wrap .top .lang_list li{width: 100%;min-height: auto;} #allmenu .allmenu_wrap .top .lang_list li a{font-size: 15px;line-height: 30px;text-align: center;padding: 5px;} #allmenu .allmenu_wrap .top .lang_list li a:before{display:none} #allmenu .allmenu_wrap .top .lang_box::after{top:13px;} #allmenu .allmenu_wrap .top .quick_box{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px;} #allmenu .allmenu_wrap .top .quick_box a{/*! display:flex; *//*! align-items:center; *//*! justify-content:center; *//*! height:60px; */background:#fff;border-radius:10px;position: relative;color: #4c3d75;padding: 10px;text-align: center;font-weight: 500;} #allmenu .allmenu_wrap .top .quick_box a:hover{color: #270188;font-weight: 700;border: 1px solid #aea0d4;} #allmenu .allmenu_wrap .quick_box a:before{display:block; content:''; background:url("/img/new/mo_ico01.png")no-repeat center; width:38px; height:38px;/*! position: absolute; */background-size: 100%;top: 0;border-radius: 50px;margin: 0 auto 5px;} #allmenu .allmenu_wrap .quick_box .mo_ico02:before{background:url("/img/new/mo_ico02.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_wrap .quick_box .mo_ico03:before{background:url("/img/new/mo_ico03.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_wrap .quick_box .mo_ico04:before{background:url("/img/new/mo_ico04.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_wrap .allmenu_list ul{margin:0} #allmenu .allmenu_wrap .allmenu_list > ul > li{border-bottom:1px solid #eee; width:100%;/*height: 80px;*/ height: auto;min-height: auto;} #allmenu .allmenu_wrap .allmenu_list > ul > li.active{height:100% !important; min-height:0;} #allmenu .allmenu_wrap .allmenu_list > ul > li > a{display: flex;align-items: center; font-weight: 500; height: 80px; font-size: 18px; color: #333; padding-left: 100px; position: relative;} #allmenu .allmenu_wrap .allmenu_list > ul > li > a:before{display:none} #allmenu .allmenu_wrap .allmenu_list > ul > li > a.flip:after{display:block; content:''; width:50px; height:50px; background: url("/img/new/ser_ico01.png")no-repeat center; background-size: 100%; position:absolute;left: 30px;top: 15px;} #allmenu .allmenu_wrap .allmenu_list > ul > li.d2 > a.flip:after{background: url("/img/new/ser_ico10.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_wrap .allmenu_list > ul > li.d3 > a.flip:after{background: url("/img/new/ser_ico11.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_wrap .allmenu_list > ul > li.d4 > a.flip:after{background: url("/img/new/ser_ico12.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_wrap .allmenu_list > ul > li.d5 > a.flip:after{background: url("/img/new/ser_ico13.png")no-repeat center; background-size: 100%;} #allmenu .allmenu_list .sub{display: none; height: auto !important; min-height: 0 !important; max-height: none !important; padding-top: 15px !important; padding-bottom: 15px !important; margin: 0 !important; background: #f4f5f9 !important;} #allmenu .allmenu_list li.active .sub{display:block;} #allmenu .allmenu_list .flip{display:flex;justify-content:space-between;align-items:center;padding:16px 0;text-decoration:none;color:#000;font-size:15px;padding: 30px;} #allmenu .flip i{transition:.3s;} #allmenu .allmenu_list > ul > li{border-bottom: 1px solid #eee; height: auto !important; position: relative; display: block; overflow: visible !important;} #allmenu .allmenu_list .sub dl{/*! padding:10px 0; */padding: 0px;} #allmenu .allmenu_list .sub dd{padding: 9px 0;} #allmenu .allmenu_list .sub dd a{font-size: 18px; color: #666; display: block;padding: 0;text-align: left;padding-left: 100px;position: relative;} #allmenu .allmenu_list .sub dd a:before{display:block; content:''; width:3px; height:3px; background: #999; position:absolute; border-radius:50%; left:85px; top:12px} /*#allmenu .allmenu_list > ul > li.active .flip{ display: flex; align-items: center; justify-content: space-between; height: 80px;padding: 0 30px 0 100px; font-size: 18px; color: #333; font-weight: 500; text-decoration: none; position: relative; background: #fff;} #allmenu .allmenu_list > ul > li > a.flip { display: flex; align-items: center; justify-content: space-between; height: 80px; padding: 0 30px 0 100px; font-size: 18px; color: #333; font-weight: 500; text-decoration: none; position: relative; background: #fff;} */ #allmenu .allmenu_dim{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; display: none;} #allmenu .allmenu_dim.active{display: block;} #allmenu .allmenu_wrap ul.login_box{} #allmenu .allmenu_wrap ul.login_box li{width: 16% !important;min-height: auto;} #allmenu .allmenu_wrap ul.login_box li a{font-size:18px !important;line-height: 30px;color: #333;} #allmenu .allmenu_wrap ul.login_box li a:before{display:none} #allmenu .allmenu_close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:100;background: #270188;border-radius: 50%;} #allmenu .allmenu_close span{display:block;width:100%;height:2px;background:#fff;transform:rotate(45deg);position:relative;} #allmenu .allmenu_close span:after{content:"";position:absolute;width:100%;height:2px;background:#fff;transform:rotate(90deg);top:0;left:0;} body.scroll_lock { overflow: hidden !important; height: 100%;position: fixed; /* 전체 화면 고정 */width: 100%;} #allmenu .allmenu_list > ul > li {height: auto; border-bottom: 1px solid #eee;} #allmenu .allmenu_list .sub {display: none; background: #f8f8f8 !important; padding: 0px; width: 100%; position: absolute; z-index: 1; top: 80px;} #allmenu .flip i {display: block;position: absolute; right: 15px; width: 30px; height: 30px; top: 0; bottom: 0; margin: auto; border-radius: 5px; background: #e6e7f4;} #allmenu li > a.flip i:before, #allmenu li > a.flip i:after{content:''; display:block; width:15px; height:1px; border-radius:100px; background:#aea0d4; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto} #allmenu li > a.flip i:after{width:1px; height:15px} #allmenu li.on > a.flip i {background:#270188; border-color:#270188;} #allmenu li.on > a.flip i:after {content:''; display:none;} #allmenu li.on > a.flip i:before, #allmenu li.on > a.flip i:after{background:#ffffff} #allmenu .allmenu_list > ul > li.active .sub {display: none;} body.scroll_lock #header .gnb_list .sub, body.scroll_lock .nav .sub, body.scroll_lock [class*="gnb"] [class*="sub"] { display: none !important; visibility: hidden !important; opacity: 0 !important;} #allmenu .gnb_list > ul > li { position: relative; } #allmenu .gnb_list > ul > li .sub {margin-top: 0;} #allmenu .gnb_list > ul > li::after { content: ''; position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent; display: none;} #allmenu .gnb_list > ul > li:hover::after { display: block;} #allmenu .lang_list { display: none; } #allmenu .lang_list.active {display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 9999 !important;} @media (max-width:1199px){ #allmenu .allmenu_wrap{display:none;} } @media (min-width:1199px){ #d_gnb .sns_box .dir_book{position:relative;} #d_gnb .sns_box .dir_toggle{background:none;border:none;cursor:pointer;} #d_gnb .sns_box .dir_list li{/*! margin:5px 0; */ width:100%;} #d_gnb .sns_box .dir_list li a{display:block;white-space:nowrap;} #d_gnb .sns_box .dir_book.active .dir_list{display:flex;} #d_gnb .sns_box .dir_list{display:none;position:absolute;bottom:-123%;left:0;margin-bottom:10px; background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.26);padding:0px;z-index:9999;height: 45px;} #d_gnb .sns_box .dir_list li{line-height:45px;} #d_gnb .sns_box .dir_list li a:before{display:none} #d_gnb .sns_box .dir_list li:last-child a:after{display: none} #d_gnb .sns_box .dir_list li:last-child a{padding-right:10px} #d_gnb .sns_box .dir_list li a:hover{color: #270188 !important;font-weight: 700;} }