@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{height:100%; min-height:100%; font-family:"Noto Sans KR", "Malgun Gothic","Nanum Gothic","AppleSDGothicNeo-Light","Dotum","Arial", sans-serif; font-weight:400; font-size:15px; color:#000; line-height:17px;letter-spacing:-0.5px;background: #fff;}
h1, h2, h3, h4, h5, h6{font-size:inherit;}
strong{font-weight:400;}
ul, ol{list-style:none;}																																  
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;}
fieldset{border: 0;}
em, address, i{ font-style:normal;}
img{max-width:100%;max-height:100%;border:0px; vertical-align:top;}
a{text-decoration:none; color:#222;}
/* a:link, a:visited, a:hover, a:active{color:inherit} */
table{width:100%; border-spacing:0px; border-collapse:collapse;}
/* caption{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;} */
legend{position:absolute; top:0px; left:-9999px; font-size:0px; line-height:0px; text-indent:-9999px;}
caption{position: relative;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}
legend{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}
hr{overflow:hidden; position:absolute; top:0px;left:-9999px; width:0; height:0;}
input[type="submit"], input[type="reset"], input[type="image"]{border:0px; background:none; cursor:pointer;}
input[type="checkbox"], input[type="radio"]{border:0px;}
input[type="text"],input[type="password"],select{background:#fff;}
input[type="text"],input[type="password"],select,button{font-family:inherit; font-size:inherit; color:inherit; border:0px;}
select{height:40px;padding:0 10px;border:1px solid #ddd;}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"]{padding:10px;}
.noscroll{overflow:hidden; position:absolute; width:100%;}
.wrap{position: relative;width:100%; min-height:100%;overflow: hidden;margin:0 auto;}
#mask{z-index:9;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;filter:Alpha(opacity=70); position:absolute;}
.dim-layer{background-color:rgba(0,0,0,0.8);}
a:focus, button:focus {outline: 1px dotted #000;}
textarea{padding:10px;resize:none;border:1px solid #ddd;font-family:"Noto Sans KR", "Malgun Gothic","Nanum Gothic","AppleSDGothicNeo-Light","Dotum","Arial", sans-serif; font-weight:400; font-size:15px; color:#000; line-height:17px;letter-spacing:-0.5px;}

.inner{width: 100%;height: 100%;padding:0 15px;margin:0 auto;}
input:-internal-autofill-selected{background:none;}

.dim{display:none;position: absolute;top: 0;left:0;z-index:1;background-color: rgba(0, 0, 0, 0.7);}
.dim.on{display:block;}

/* 공통클래스 */
.container{padding:53.5px 0 50px;}
.af::after{display:block;content:'';clear:both;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.pl{position:relative;}
.skip{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}
.clr{clear:both;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:block; content:''; line-height:0px;}
.clearfix:after{clear:both;}
.nodata{margin:0 auto;padding:40px 0 !important;text-align:center !important;color:#666 !important;font-size: 15px !important;font-weight: 400 !important;background: none !important;box-shadow:none !important;}
.gap{height: 8px;background:#F9F9F9;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;}

.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}

/* placeholder */
input::placeholder{color:#999;font-size:13px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
input::-ms-input-placeholder{color:#999;font-size:13px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
input::-webkit-input-placeholder{color:#999;font-size:13px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
input::-moz-input-placeholder{color:#999;font-size:13px;font-weight:400;font-family:"Noto Sans KR", "Malgun Gothic";}
textarea::placeholder{color:#999;font-size:13px;font-family:"Noto Sans KR", "Malgun Gothic";}
textarea::-ms-input-placeholder{color:#999;font-size:13px;font-family:"Noto Sans KR", "Malgun Gothic";}
textarea::-webkit-input-placeholder{color:#999;font-size:13px;font-family:"Noto Sans KR", "Malgun Gothic";}
textarea::-moz-input-placeholder{color:#999;font-size:13px;font-family:"Noto Sans KR", "Malgun Gothic";}

/* btn */
.btn{display:inline-block;text-align:center;width:100%;height:45px;line-height: 45px;font-weight:500;border-radius:5px;}
.btns{display:flex;justify-content: space-between;align-items: center;}
.btns button{display:inline-block;text-align:center;flex:1;height:45px;line-height: 45px;font-weight:500;}
.btns button{margin-right:10px;}
.btns button:last-child{margin-right:0;}
.more{display:inline-block;width:100%;height:40px;margin-top:15px;line-height:40px;text-align:center;border-radius:5px;}
.more span{padding-right:23px;font-weight:500;background:#fff url("../images/common/ic_more.png")no-repeat right center;background-size:15px;}
.btns .more{margin-top:0;}
.btn_lg{height:50px !important;line-height:48px !important;font-size: 17px;font-weight: 700;}
.btn_md{height:40px !important;line-height:38px !important;border-radius:5px;}
.btn_sm{height:35px !important;line-height:33px !important;border-radius:5px;}
.btn_xs{height:21px !important;line-height:19px !important;border-radius:5px;}

.green{background:#01C28D;border:1px solid #01C28D;color:#fff;}
.orange{background:#FC4F00;border:1px solid #FC4F00;color:#fff;}
.blue{background:#19A3DD;border:1px solid #19A3DD;color:#fff;text-align:center;}
.bblue{background:#0079c0;border:1px solid #0079c0;color:#fff;}
.red{background:#EB2A2D;border:1px solid #EB2A2D;color:#fff;}
.rred{background:#FF6565 !important;border:1px solid #FF6565 !important;color:#fff !important;}
.outline_red{border:1px solid #EB2A2D;background:#fff;color:#EB2A2D;}
.outline_dark{border:1px solid #111111 !important;color:#111111 !important;background:#fff !important;}
.outline_blue{background:#fff !important;border:1px solid #19A3DD !important;color:#19A3DD !important;}
.outline_gray{background:#fff !important;border:1px solid #999 !important;color:#999 !important;}
.black{background:#111 !important;border:1px solid #111 !important;color:#fff !important;}
.gray{background:#CCCCCC !important;color:#fff !important;border:1px solid #CCCCCC !important;}
.ggray{background:#707070 !important;color:#fff !important;border:1px solid #707070 !important;}
.dark_gray{background:#777 !important;color:#fff !important;border:1px solid #777 !important;}

.radio_box{position:relative;}
.radio_box input[type="radio"]{position:absolute;width:100%;height:100%;cursor: pointer;opacity: 0;z-index: 1;outline: none !important;}
.radio_box label{display: inline-block;z-index: 1;left: 0;width: 100%;height: 20px;padding-left: 25px;line-height: 20px;background: url("../images/common/btn_radio_off.png")no-repeat left center;background-size: 20px;cursor: pointer;}
.radio_box input[type="radio"]:checked + label{display:inline-block;height:20px;padding-left:25px;background: url("../images/common/btn_radio_on.png")no-repeat left center;background-size: 20px;}

/* select */
.select{position:relative;height:45px;padding-left:10px;font-weight:400;font-size:13px;border:1px solid #ddd;color:#999;background:#fff url("../images/sub/ic_select.png")no-repeat 92% 50%;background-size:10px;border-radius:5px;-ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select::-ms-expand {display:none;}
.select_b{position:relative;height:40px;padding-left:15px;font-weight:500;font-size:15px;border:1px solid #19A3DD;color:#19A3DD;background:#fff url("../images/sub/ic_select_blue.png")no-repeat 98% 50%;background-size:10px;border-radius:5px;-ms-expand:display:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select_b::-ms-expand {display:none;}

/* label */
.label_red{display:inline-block;border:1px solid #FF6565;color:#FF6565;background:#fff;font-weight:500;}
.label_white{display:inline-block;border:1px solid #fff;color:#fff;font-weight:500;}
.label_ggray{display:inline-block;background:#999;border:1px solid #999;color:#fff;}
.label_noti{display:inline-block;padding:0 4px 0 4.5px;margin-right:5px;font-size:11px;font-weight:500;line-height:17px;border-radius:3px;background:#777777;color:#fff;}
.label_purple{display:inline-block;background:#5374EF;border:1px solid #5374EF;color:#fff;}

/* font color */
.font_yellow{color:#FFFF01 !important;}
.font_yyellow{color:#ffa200 !important;}
.font_red{color:#EB292D !important;}
.font_rred{color:#FF6565 !important;}
.font_blue{color: #19a3dd !important;}
.font_bblue{color: #0079c1 !important;}
.font_navy{color:#1B1464 !important;}
.font_green{color:#01C28D !important;}
.font_orange{color:#FC4F00 !important;}
.font_gray{color:#999 !important}

/* 아이콘 */
.fix_kakao{position:fixed;right:15px;z-index: 999;bottom:125px;display:inline-block;width:45px;height:45px;background: url("../images/main/ic_fix_kakao.png")no-repeat;background-size:100%;}
.noti_new{position:relative;}
.noti_new::after{position:absolute;right:50%;top:13px;width:7px;height:7px;margin-right:-36px;border-radius:100%;background:#FE7D00;content:'';}
.ic_new::after{display:inline-block;width:15px;height:15px;margin-left:7px;line-height:15px;text-align:center;background:#FE7D00;border-radius:2px;color:#fff;font-size:11px;font-weight:700;content:'N'}
.ic_star{display:inline-block;width:20px;height:20px;background: url("../images/sub/ic_star_off.png")no-repeat;background-size:100%;}
.ic_star.on{display:inline-block;width:20px;height:20px;background: url("../images/sub/ic_star_on.png")no-repeat;background-size:100%;}
.ic_big_star{display:inline-block;width:25px;height:25px;background: url("../images/sub/ic_big_star_off.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_big_star.on{display:inline-block;width:25px;height:25px;background: url("../images/sub/ic_big_star_on.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_audio{display:inline-block;width:26.5px;height:23px;background: url("../images/sub/ic_audio_off.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_audio.on{display:inline-block;width:26.5px;height:23px;background: url("../images/sub/ic_audio_on.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_book{display:inline-block;width:22px;height:25px;background: url("../images/sub/ic_book_off.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_book.on{display:inline-block;width:22px;height:25px;background: url("../images/sub/ic_book_on.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_video{display:inline-block;width:25px;height:25px;background: url("../images/sub/ic_video_on.png")no-repeat;background-size:100%;vertical-align: middle;}
.ic_video.on{display:inline-block;width:25px;height:25px;background: url("../images/sub/ic_video_on.png")no-repeat;background-size:100%;vertical-align: middle;}

/* header */
header{position: fixed;top:0;left:0;z-index:9999;width:100%;height:53.5px;}
header >.inner{height:53.5px;background:#fff;display:flex;justify-content:space-between;align-items:center;}
.btn_menu{width:25px;height:25px;}
.logo{display:inline-block;width:148px;height:23px;}
.btn_my{width:30px;height:30px;}

/* gnb */
nav.gnb{position:absolute;z-index: 999999;width:calc(100% - 30px);min-height: 100%;height:200vh;top:0;left:-100%;background:#fff;transition:.4s ease-in;}
nav.gnb.on{left:0;}
nav.gnb .top{display: flex;align-items: center;height:60px;padding-left: 15px;background:#F9F9F9;box-shadow: 0 1.5px 3px rgb(0 0 0 / 8%);}
nav.gnb .top .gnb_logo{width:168px;}
nav.gnb .menu{padding:0 15px 100px;height: calc(100vh - 53.5px);overflow-y: scroll;}

/* nav.gnb .dp1_arr{border-bottom:1px solid #DEDEDE;}
nav.gnb .dp1_arr a{display:inline-block;width:100%;height:100%;padding:14px 0;color:#19A3DD;font-weight:700;font-size:17px;background:url("../images/common/ic_gnb_arr.png")no-repeat right center;background-size: 11.7px 20px;} */
nav.gnb .btn_clse{position:absolute;top:15px;right:15px;width:30px;height:30px;background:url("../images/common/btn_gnb_clse.png")no-repeat center;background-size:100%;}
.gnb .menu .external_link{padding:0;}
/* .gnb .external_link{padding:0 15px;}
.gnb .external_link li{background:url("../images/common/external_go.png")no-repeat 97% 50%;background-size:12.5px 22.5px;}
.gnb .external_link a{display:inline-block;padding-left:40px;}
.gnb .external_link .ic_public a{background:url("../images/common/ic_public.png")no-repeat 6px 50%;background-size:20.5px 27px;}
.gnb .external_link .ic_bestbook a{background:url("../images/common/ic_bestbook.png")no-repeat 3.7px 50%;;background-size:25.5px 21.5px;}
.gnb .external_link .ic_hrd a{background:url("../images/common/ic_hrd.png")no-repeat 3.6px 50%;;background-size:26.5px 19px;}
.gnb .external_link .ic_pocket a{background:url("../images/common/ic_pocket.png")no-repeat 3.5px 50%;;background-size:25px;}
.gnb .external_link .ic_bim a{background:url("../images/common/ic_bim.png")no-repeat 5.6px 50%;;background-size:20px 24px;} */

.gnb .menu_box{}
.gnb .menu_box .tit{padding:10.5px 0 10px;line-height:29.5px;text-align:center;font-size:20px;font-weight:700;}
.gnb .menu_box .dp1{position:relative;margin:25px 0 15px;color:#19A3DD;font-size:17px;font-weight:700;}
.gnb .menu_box .dp1 h3{position:relative;margin-bottom: 15px;}
.gnb .menu_box .dp1 h3::after{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:0;width:100%;height:1px;content:'';background:#19A3DD;}
.gnb .menu_box .dp1 span{position:relative;z-index:4;padding-right:15px;background:#fff;}
.gnb .menu_box .dp2{display:flex;flex-wrap:wrap;}
.gnb .menu_box .dp2 li{width:calc((100% - 10px) / 2);margin-bottom:10px;border:1px solid #707070;border-radius:5px;overflow: hidden;}
.gnb .menu_box .dp2 li:nth-child(odd){margin-right:10px;}
.gnb .menu_box .dp2 li a{display: inline-block;width: 100%;height:100%;padding: 7px 5px 6px;text-align:center;font-size:14px;font-weight:500;}

/* my_menu */
.my_menu{position:absolute;top:53.5px;right:-100%;min-height: 100%;z-index:9999;width:100%;height: calc(100vh - 53.5px);padding:16px 0 140px;overflow-y: scroll;border-top:1px solid #ddd;background:#fff;}
.my_menu.on{right:0;}
.my_menu .name{padding:0 15px;margin-bottom:13px;font-size:17px;line-height:20px;font-weight:400;}
.my_menu .name strong{font-weight:700;}
.my_menu .quick_t{display:flex;margin:0 15px;background:#19A3DD;border-radius:5px;}
.my_menu .quick_t li{flex:1;text-align:center;}
.my_menu .quick_t li a{display:inline-block;position:relative;width:100%;padding: 12.5px 0 13.5px;color:#fff;font-size:16px;line-height:24px;}
.my_menu .quick_t li:first-child a::after{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1px;height:20px;background:#fff;content:'';}
.my_menu .quick_t li:first-child span{position:relative;padding-left:29.51px;}
.my_menu .quick_t li:first-child span::before{position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:21px; height:20px;background:url("../images/common/ic_my_lecture.png")no-repeat 0 center;background-size:100%;content:'';}
.my_menu .quick_t li:last-child span{position:relative;padding-left:30.47px;}
.my_menu .quick_t li:last-child span::before{position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:21px; height:20px;background:url("../images/common/ic_my_logout.png")no-repeat 0 center;background-size:100%;content:'';}

.my_menu .quick_b{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:25px 35px 23.5px;}
.my_menu .quick_b li{flex:1;text-align: center;}
.my_menu .quick_b li a{display:inline-block;width: 100%;padding-top:55px;font-size:13px;font-weight:500;}
.my_menu .quick_b li:first-child a{background:url("../images/common/ic_my_cart.png")no-repeat center top;background-size:50px;}
.my_menu .quick_b li:nth-child(2) a{background:url("../images/common/ic_my_shipping.png")no-repeat center top;background-size:50px;}
.my_menu .quick_b li:nth-child(3) a{background:url("../images/common/ic_my_coupon.png")no-repeat center top;background-size:50px;}
.my_menu .quick_b li:last-child a{background:url("../images/common/ic_my_modify.png")no-repeat center top;background-size:50px;}
.my_menu .quick_b li span{display:inline-block;width:100%;}

.my_menu .assist {margin-bottom:20px;border-bottom:1px solid #ddd;}
.my_menu .assist ul li{display:block;}
.my_menu .assist ul li >span{display:inline-block;width:100%;padding: 15px 15px 12px;background:#F9F9F9;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;font-weight: 700;font-size: 16px}
.my_menu .assist ul li > ul li{border-bottom:1px solid #ddd;}
.my_menu .assist ul li > ul li a{display: inline-block;padding: 17px 15px 14px 18px;width: 100%;}
.my_menu .assist ul li > ul li:last-child{border-bottom:0;}
.my_menu .assist .font_rred{float:right;font-weight:500;}
.my_menu .info{padding:0 15px 22.5px;color:#777777;font-size: 14px;line-height: 25px;}
.my_menu .link_go a{display:inline-block;position:relative;width:100%;padding:13px 15px 12px 71.75px;background :#19A3DD url("../images/common/ic_my_logo.png")no-repeat 15px center;background-size:45px;color:#fff;font-size:18px;font-weight:500;line-height:23px;}
.my_menu .link_go a::after{position:absolute;top:50%;transform:translateY(-50%);right:15px;width:12px;height:20px;background:url("../images/common/external_go_w.png")no-repeat;background-size:100%;content:'';}
.my_menu .link_go span{display:block;font-size:14px;}

/* page_box */
.page_box{margin:15px auto 30px !important;}
.page_box ul{display:flex !important;justify-content: center !important;}
.page_box ul li{padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;line-height:35px !important;}
.page_box ul li .page_number_btn{display:inline-block;width:35px;height:35px;margin-right:6px;text-align:center !important;color:#999;font-weight:400;line-height: 35px;border-radius: 5px;border:1px solid #ddd;background:#fff;overflow:hidden;}
.page_box ul li .page_p_btn{width:35px;height:35px;margin-right:6px;line-height: 35px;text-align:center !important;border-radius: 5px;border:1px solid #ddd;background:#fff;overflow:hidden;background:url("../images/sub/ic_page_prev.png")no-repeat center;background-size:9.5px 16px;}
.page_box ul li .page_n_btn{width:35px;height:35px;margin-right:6px;line-height: 35px;text-align:center !important;border-radius: 5px;border:1px solid #ddd;background:#fff;overflow:hidden;background:url("../images/sub/ic_page_next.png")no-repeat center;background-size:9.5px 16px;}
.page_box ul li .page_number_btn_on{width:35px;height:35px;margin-right:6px;text-align:center !important;line-height: 35px;border-radius: 5px;background:#111;color:#fff;}

/* footer */
footer{background:#F3F3F3;}
.foot_menu{border-bottom:1px solid #ddd;}
.foot_menu ul{display:flex;justify-content: center;flex-wrap:wrap;font-size:15px;font-weight:500;}
.foot_menu ul li{position:relative;padding:0 15px;text-align:center;}
.foot_menu ul li a{display:inline-block;width:100%;height:100%;padding: 15px 0;}
.foot_menu ul li::after{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:0;width:1px;height:10px;content:'';background:#ddd;}
.foot_menu ul li:last-child::after{display:none;}

.foot_addr{padding:16px 20px 85px;color:#666;}
.foot_addr >div{font-size:13px;margin-bottom:16px;font-weight:400;line-height: 20px;}
.foot_addr div strong{font-weight:500;}
.foot_addr >div>p,.foot_addr >div>address{font-weight:300;}
.foot_addr .line span:first-child{margin-right:0.3rem;}
.foot_addr .line span:nth-child(2){margin-left:0.3rem;}

.btn_top{position:fixed;cursor: pointer;z-index: 999;right:15px;bottom:77px;width:40px;height:40px;padding-top:18px;font-size:13px;text-align:center;border-radius:7px;background:#111 url("../images/common/ic_btn_top.png")no-repeat 50% 8px;background-size:13px;color:#fff;}


/* gateway */
.gateway_my{height: calc(100vh - 56.5px);}/*gateway 는 하단 상담 없어서 따로 줌 */

/* gateway_banner */
.gateway_banner{overflow:hidden;}
.gateway_banner img{width:100%;}
.gateway_banner .swiper-pagination{position:absolute;left:20px;bottom:80px;width:56px;height:25px;text-align:center;font-weight:300;font-size:14px;line-height:23px;background:rgba(0, 0, 0, 0.16);border-radius:15px;color:#fff;}
.gateway_wrap .tit_box .tit{padding:11px 0 10px;margin-bottom:10px;line-height:20px;border:1px solid #19A3DD;border-bottom:0;text-align:center;font-size:20px;font-weight:700;border-radius:10px 10px 0 0;}
/* .gateway_wrap .tit_box p{margin-bottom:30px;font-size:14px;color:#707070;text-align:center;} */
.gate_quick_menu{position:relative;top:-50px;z-index: 2;padding:25px 7.5px 0;margin: 0 auto 9px;width:calc(100% - 30px);background:#fff;border-radius:8px;}
.gate_quick_menu ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.gate_quick_menu ul li{width:calc(100% / 3);margin-bottom:30px;}
.gate_quick_menu ul li a{display:flex;flex-direction:column;align-items:center;font-size:15px;font-weight:500;}
.gate_quick_menu ul li a span{display:inline-block;width: 100%;padding-top:73px;text-align: center;}
.gate_quick_menu ul li:first-child span{background:url("../images/common/ic_gate_quick01.png")no-repeat 50% 0;background-size:65px 65px;}
.gate_quick_menu ul li:nth-child(2) span{background:url("../images/common/ic_gate_quick02.png")no-repeat 50% 0;background-size:65px 65px;}
.gate_quick_menu ul li:nth-child(3) span{background:url("../images/common/ic_gate_quick03.png")no-repeat 50% 0;background-size:65px 65px;}
.gate_quick_menu ul li:nth-child(4) span{background:url("../images/common/ic_gate_quick04.png")no-repeat 50% 0;background-size:65px 65px;}
.gate_quick_menu ul li:nth-child(5) span{background:url("../images/common/ic_gate_quick05.png")no-repeat 50% 0;background-size:65px 65px;}
.gate_quick_menu ul li:last-child span{background:url("../images/common/ic_gate_quick06.png")no-repeat 50% 0;background-size:65px 65px;}

.gate_noti{padding:0 15px;margin:-50px 0 35px;}
.gate_noti li{padding: 9px 15px 8px 17px;margin-bottom:5px;border-radius: 5px;background: rgba(25,163,221,0.05);}
.gate_noti li a{display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;}
.gate_noti li .num{margin-right: 15px;font-weight: 700;color: #19A3DD;}

.gate_event{padding:0 15px;margin-bottom: 25px;}
.gate_event ul li{margin-bottom:6.5px;}
.gate_event ul li:last-child{margin-bottom:0}


.gate_sns_box{padding:0 15px;margin-bottom:20px;}
.gate_sns_box ul{display: flex;flex-wrap:wrap;width: 100%;white-space: nowrap;}
.gate_sns_box ul li{display:flex;justify-content: center;width: calc(100% / 5);margin-bottom:18px;}
.gate_sns_box ul li a{display:flex;flex-direction:column;align-items:center;width:35px;}
.gate_sns_box ul li img{max-width: 35px;height: auto;margin-bottom:5.5px;box-shadow: 0.5px 0.5px 1.5px rgb(0 0 0 / 16%);border-radius: 12.5px;}
.gate_sns_box ul li span{font-size:12px;font-weight:300;}

.all_menu{width:calc(100% - 30px);margin:0 auto 25px;border-radius:10px 10px 0 0;background:#fff;}
.all_menu .dp1{position:relative;margin: 20px 0 15px;color:#19A3DD;font-size:17px;font-weight:700;}
.all_menu .dp1 h3{position:relative;margin-bottom: 15px;}
.all_menu .dp1 h3::after{position:absolute;top:53%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:0;width:100%;height:1px;content:'';background:#19A3DD;}
.all_menu .dp1 span{position:relative;z-index:4;padding-right:15px;background:#fff;}

.all_menu .dp2{display:flex;flex-wrap:wrap;}
.all_menu .dp2 li{width:calc((100% - 10px) / 2);margin-bottom:10px;}
.all_menu .dp2 li{border:1px solid #707070;border-radius:5px;}
.all_menu .dp2 li:nth-child(odd){margin-right:10px;}
.all_menu .dp2 li a{display: inline-block;width: 100%;padding: 7px 5px 6px;text-align:center;font-size:14px;font-weight:500;}

.external_link{padding:0 15px;margin-bottom:25px;}
.external_link li{background:url("../images/common/external_go.png")no-repeat 97% 50%;background-size:12.02px 22.02px;}
.external_link a{display:inline-block;padding-left:51px;}
.external_link .ic_public a{background:url("../images/common/ic_public.png")no-repeat 8.5px 50%;background-size:20.5px 31.26px;}
.external_link .ic_bestbook a{background:url("../images/common/ic_bestbook.png")no-repeat 5.5px 50%;;background-size:25.52px 27.69px;}
.external_link .ic_hrd a{background:url("../images/common/ic_hrd.png")no-repeat 2.5px 50%;;background-size:32.26px 24.13px;}
.external_link .ic_pocket a{background:url("../images/common/ic_pocket.png")no-repeat 3.5px 50%;;background-size:25px;}
.external_link .ic_bim a{background:url("../images/common/ic_gate_bim.png")no-repeat 7.5px 50%;;background-size:26px 26px;}

.gateway_wrap .external_link .tit_box .tit{margin-bottom:0;}
.external_link li{border-bottom:1px solid #19A3DD;}
.external_link li:last-child{border-bottom:0;}
.external_link li a{display:block;width:100%;padding:6px 10px 10px 50px;font-size:17px;font-weight:500;line-height:22px;color:#19A3DD;}
.external_link li a span{display:block;font-size:12px;}

/* gateway footer */
.gateway_footer{background:#000000;color:#fff;}
.gateway_footer .foot_menu ul{justify-content: space-around;border-bottom:1px solid #fff;}
.gateway_footer .foot_menu ul li::after{display:none;}
.gateway_footer .foot_menu ul li a{color:#fff;}
.gateway_footer .foot_addr{color:#fff;}

@media screen and (max-width:340px){
/* common */
.my_menu .quick_b{padding: 25px 0 23.5px;}
 }