@charset "utf-8";

/* *******************************************************

 * filename : layout.css

 * description : 전체 레이아웃 CSS

 * date : 2018-01-16

******************************************************** */



@import url("./font.css");	/* 나눔고딕 */ 

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Rubik:300,400,500');



/* layout */

body, table, th, td, button {

	font-family:'Rubik','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;

	font-size:13px;

	color:#666;

	-webkit-text-size-adjust:none;

}



body { background-color:#fff; }

select, input{font-family:"돋움", Dotum, Arial, sans-serif;}

#wrap {overflow:hidden; width:100%; min-width:1100px; position:relative; } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */



/* ****************** 공통클래스 ********************** */

.area{ max-width:1100px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */

.area-box{ max-width:1600px; margin:0px auto; }

.clearfix{*zoom:1;}

.clearfix:after{clear:both; display:block; content:"";}

.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}

.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}

.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}

.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.table-layout{display:table; width:100%; height:100%; }

.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}

.over-img{overflow:hidden;}

.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

a:hover .over-img img{

	-ms-transform: scale(1.1) rotate(0.02deg);

	  -o-transform: scale(1.1) rotate(0.02deg);

	  -moz-transform: scale(1.1) rotate(0.02deg);

	  -webkit-transform: scale(1.1) rotate(0.02deg);

	  transform: scale(1.1) rotate(0.02deg);

}



.font-noto{font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.font-dotum{font-family:"돋움", Dotum, Arial, sans-serif;}

.font-josefin{font-family: 'Josefin Sans','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.font-rubik{font-family: 'Rubik','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

/* ****************** HEADER ********************** */

#header{position:relative; /* height:138px; */ }

#headerInnerWrap{top:0; left:0; height:110px; width:100%; z-index:99; background-color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

#headerInner{position:relative; height:100%; margin:0px auto; padding:0 55px; }

#header .logo{position:relative; z-index:100; float:left; padding:23px 0; }		/* padding값 적절히 바꿔주세요 */

#header .logo a{display:block; }

#header .logo img{display:block; vertical-align:top;}



/* -------- Header :: UTIL BOX -------- */

.header-util-box{position:absolute; top:57px; right:50px; z-index:100; }



/* Header :: util메뉴 */

.header-util-menu li{float:left; margin-left:25px; color:#999;}

.header-util-menu li:first-child{margin-left:0}

.header-util-menu li a{color:#999;}

.header-util-menu li i{font-size:22px; margin-right:7px; vertical-align:middle; position:relative; top:-1px;}



/* -------- Header :: GNB(PC) -------- */

.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:97;}	/* gnb overlay BG */

#gnbBg{display:none; position:absolute; left:0; top:110px; width:100%; height:250px; z-index:98}	/* gnb 2depth BG */

#gnbBg:before{position:absolute; top:0px; left:0px; right:0px; content:""; height:1px; background-color:#e5e5e5;}

#gnbBg .gnb-bg{height:100%; }

#gnb{position:absolute; top:0; left:0px; width:100%; height:110px; z-index:99;  text-align:center; border-bottom:1px solid #d6d6d6; background-color:#fff; }

#gnb > ul{display:inline-block;}

#gnb > ul > li{position:relative; float:left; width:130px; }

#gnb > ul > li.gnb3{width:160px;}

#gnb > ul > li > a{position:relative; z-index:100; height:50px; display:block; padding-top:60px; text-align:left; color:#333; font-size:15px; letter-spacing:-0.25px; font-weight:500; -webkit-transition:font-size 0.4s;-moz-transition:font-size 0.4s;-o-transition:font-size 0.4s;-ms-transition:font-size 0.4s;transition:font-size 0.4s }

#gnb > ul > li > a:hover, #gnb > ul > li.on > a{color:#023793;}

#gnb > ul > li.gnb3 a{letter-spacing:-0.75px;}

/* GNB :: 2차 전체메뉴 */

#gnb.total-menu > ul > li .gnb-2dep{

	display:none;

	position:absolute; 

	top:100px; 

	left:0px; 

	z-index:99;

	width:500px; 

	height:200px;

	text-align:left; 

}

#gnb.total-menu > ul > li:hover .gnb-2dep{}

#gnb > ul > li .gnb-2dep ul{padding-top:35px;}

#gnb > ul > li .gnb-2dep ul li{position:relative; padding-top:14px }

#gnb > ul > li .gnb-2dep ul li a{ display:block; text-align:left; color:#666; font-size:13px; letter-spacing:-0.25px; font-weight:300; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}

#gnb > ul > li .gnb-2dep ul li a:hover{color:#023793}



/* -------- 마이페이지 서브메뉴 -------- */

.sub-page-wrapper #header .logo{padding-top:30px}

.sub-page-wrapper #header .logo img{height:49px}

.sub-page-wrapper #header #gnb > ul > li > a,

.sub-page-wrapper #header .header-util-box{opacity:0.3;filter:Alpha(opacity=30);}

.sub-page-wrapper #header #gnb > ul > li > a:hover,

.sub-page-wrapper #header .header-util-box:hover{opacity:1.0;filter:Alpha(opacity=100);}



@media all and (max-width:1440px){

	.header-util-box{top:15px; right:30px;}

	.header-util-menu li{margin-left:10px}



	#gnb > ul{display:block; margin-left:330px}

	#gnb > ul > li{width:120px}



}

/* ****************** FOOTER ********************** */

#footer{padding:50px 0; background-color:#fff; border-top:1px solid #e5e5e5;}

#footer.footer-login{padding-bottom:100px;}

#footerInner{position:relative; }

.footer-left-con{float:left; }

.footer-right-con{float:right;}



/* -------- 푸터 :: 상단 -------- */

#footerTop{border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding-bottom:15px; }

.footer-info-box{margin-bottom:42px}

.footer-info-box dl{float:left; margin-left:33px; }

.footer-info-box dl:first-child{margin-left:0}

.footer-info-box dl dt,

.footer-info-box dl dd{display:inline-block; vertical-align:middle; font-size:13px; letter-spacing:-0.25px; color:#777;}

.footer-info-box dl dt{margin-right:15px; color:#777;}



/* Footer :: 푸터메뉴 */

.foot-menu{}

.footer-link{float:left;}

.footer-link li{float:left;margin-right:35px;}

.footer-link li a{display:block; color:#aaa; line-height:30px; font-size:13px;}

.footer-link li a b{color:#333; font-weight:500;}



/* Footer ::  패밀리사이트 */

.family-site-box{/* position:absolute; top:20px; right:0;*/ float:left; position:relative; width:190px; text-align:left; letter-spacing:-0.25px;}

.family-site-box .family-site-open-btn{display:block; height:28px; line-height:28px; text-indent:10px; font-size:17px; border:1.5px solid #e5e5e5; background-color:#fff; color:#aaa; }

.family-site-box .family-site-open-btn i{position:absolute; right:8px; top:50%; margin-top:-10px; font-size:19px;}

.family-site-list{position:absolute; bottom:29px; left:0px; width:100%;  padding:10px 0;  background-color:#fff; border:1px solid #ddd; border-bottom:0;  z-index:11; display:none; box-sizing:border-box;}

.family-site-list a{display:block; padding:10px; color:#aaa; font-size:17px;}

.family-site-list a:hover{color:#000000; }



/* Footer :: SNS 리스트 */

.sns-list-con li{float:left; margin-left:18px}

.sns-list-con li:first-child{margin-left:0}

.sns-list-con li a{color:#ccc; font-size:21px;}

.sns-list-con li a:hover{color:#333;}

.sns-list-con li.facebook a:hover{color:#4267b2;}

.sns-list-con li.insta a:hover{color:#5e4fc3;}

.sns-list-con li.naver a:hover{color:#00c23a;}

.sns-list-con li.kakao a:hover{color:#f8d600;}

.sns-list-con li.twt a:hover{color:#29a4da;}



/* Footer :: 왼쪽정보 */

.family-address p{color:#aaa; font-size:12px; line-height:24px; }

.family-address span{position:relative; padding-left:18px}

.family-address span:before{position:absolute; top:2px; left:9px; width:1px; height:11px; background-color:#ddd; content:"";}

.family-address span.no-line{padding-left:0}

.family-address span.no-line:before{display:none;}

.family-address a{color:inherit}



/* Footer :: 하단오른쪽 마크 */

.footer-right-con{text-align:right;}

.footer-right-con span{display:inline-block; vertical-align:middle; margin-left:20px;}

.footer-right-con span:first-child{margin-left:0}



/* ****************** SUB LAYOUT ********************** */

/*  SUB LAYOUT :: 비주얼 */

#visual{width:100%; height:300px; }

#visual .visual-txt-con{position:relative; text-align:left; display:table; width:100%; height:100%; letter-spacing:-0.5px; color:#fff;}

#visual .visual-tit{font-weight:400; font-size:62px; }

#visual .visual-tit b{font-weight:500;}

#visual .visual-tit .kr-tit{font-weight:600; font-size:52px;}

/*  SUB LAYOUT :: 상단정보(스타일03) */

#contentInfoCon{margin:18px auto 80px}

.location{overflow:hidden; float:right; }

.location li{position:relative; display:inline-block; vertical-align:middle; color:#aaa; font-size:13px; padding-left:30px; letter-spacing:-0.25px; text-transform:uppercase;}

.location li i{font-size:18px; margin-top:-1px;}

.location li:before{position:absolute; top:1px; left:12px; content:""; vertical-align:middle; width:7px; height:11px; background:url(/images/content/location_arrow.jpg) no-repeat ; font-family:"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; color:#c0c0c0; font-size:12px;}

.location li:first-child:before{display:none;}

.location li:last-child{color:#222;}



/*  SUB LAYOUT :: 컨텐츠 레이아웃 */

#container{position:relative;}

#container.my-page-container{padding:126px 0 100px;}

#content{min-height:500px;}



/* ****************** MODAL LAYERPOPUP ********************** */

/* modal layer */

.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}

.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}

.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}

.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}

.modal-inner-content{text-align:left;}

.loading {

  display: inline-block;

  width: 50px;

  height: 50px;

  border: 8px solid rgba(255,255,255,.3);

  border-radius: 50%;

  border-top-color: #fff;

  animation: spin 1s ease-in-out infinite;

  -webkit-animation: spin 1s ease-in-out infinite;

}

@keyframes spin {

  to { -webkit-transform: rotate(360deg); }

}

@-webkit-keyframes spin {

  to { -webkit-transform: rotate(360deg); }

}

/* modal layer content */

.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }

.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#023793; color:#fff;}

.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }

.modal-close-btn i{font-size:38px;}

.modal-close-btn i:hover {color:#fff}

.footer-inner-box{padding:30px; }

.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

.modal-container-inner-bg{position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer;}

/* 사이트맵 */

.sitemap-wrapper{padding:30px;}

.sitemap-wrapper > ul{overflow:hidden;}

.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */

.sitemap-wrapper.menu4 > ul > li{width:25%;}

.sitemap-wrapper.menu6 > ul > li{width:16.6%;}

.sitemap-wrapper.menu7 > ul > li{width:14.2%;}

.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:16px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}

.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}

.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:13px; font-weight:400; line-height:1.2em;}

.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; text-decoration:underline;}





/* ******************  오른쪽 퀵메뉴 ********************** */

#rightBar{

	position:fixed; top:50%; z-index:8; right:0 !important;

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform:translateY(-50%);

	transform: translateY(-50%);

	transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-webkit-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);  

	-oz-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-ms-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);

}

/* 

.sub-wrap #rightBar{

	position:absolute; top:0;

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	-moz-transform: translateY(0);

	-webkit-transform:translateY(0);

	transform: translateY(0);

} */

#rightBar.fixed{position:fixed;}

#rightBar > ul {width:100px !important;}

#rightBar > ul > li{}

#rightBar > ul > li:first-child{border-top:0;}

#rightBar > ul > li > a{

	display:block; width:100px  !important; height:72px ; text-align:center; color:#fff; padding-top:28px;

	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s

}

#rightBar > ul > li.talk-btn > a{background-color:#717071}

#rightBar > ul > li.schedule-btn > a{background-color:#01233F}

#rightBar > ul > li.top-btn > a{background-color:#fff; color:#222;}

#rightBar > ul > li i{font-size:24px;}

#rightBar > ul > li span{display:block; padding-top:10px; font-size:13px;}

#rightBar > ul > li.top-btn > a span{font-weight:500;}

#rightBar > ul > li > a:hover{}

#rightBar > ul > li.manage-link > a{height:100px;padding-top:0;}

#rightBar > ul > li.manage-link > a img{width:100px; height:100px}

#rightBar > ul > li.passmail-btn > a{background-color:#003692}

/* ******************  LOGIN :: 모달 ********************** */

#loginModal{

	position:absolute; top:110px; right:0; z-index:10; display:none;

	/* transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-webkit-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);  

	-oz-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-ms-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); */ 

}

#loginModal.open{display:block;}

#loginModal .login-modal-close-btn{position:absolute; top:0px; left:-39px; width:40px; height:40px; border:1px solid #e5e5e5; background-color:#fff; color:#aaa; font-size:17px; letter-spacing:-0.25px;}

#loginModalInner{position:relative; width:349px;}

.login-modal-container{border:1px solid #e5e5e5; background-color:#fff; padding:34px 29px 0;}

.login-modal-container .login-modal-tit{text-align:center; margin-bottom:30px;}

.login-modal-container .login-modal-tit span{display:block; font-weight:500; color:#aaa; font-size:10px; letter-spacing:6.5px; margin-bottom:7px;}

.login-modal-container .login-modal-tit strong{font-size:20px; letter-spacing:-0.25px; color:#222; font-weight:500;}

.login-modal-container .login-btns{padding-top:10px}

.login-modal-container .login-btns button{display:block; width:100%; height:50px; line-height:50px; border:0; letter-spacing:5px;color:#fff; margin:0; background-color:#494949; font-size:15px; cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px; }

.id-pwd-save-con{padding:19px 0 27px; font-family:"돋움", Dotum, Arial, sans-serif; letter-spacing:-0.25px; line-height:1.2}

.id-pwd-save-con .id-pwd-save{float:left; color:#aaa; font-size:11px;}

.id-pwd-save-con .id-pwd-save span{margin-right:10px;}

.id-pwd-save-con .id-pwd-save input{border:1px solid #ddd; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}

.id-pwd-save-con .id-pwd-save label{vertical-align:middle;}

.id-pwd-save-con .student-search-btn{float:right; color:#222; font-size:11px; letter-spacing:-0.25px; border-bottom:1px solid #222; margin-top:2px;}



.login-modal-caution-box{background-color:#fff; text-align:center; padding:20px 0 17px; font-family:"돋움", Dotum, Arial, sans-serif; letter-spacing:-0.5px; font-size:11px; }

.login-modal-caution-box p{line-height:17px; margin-bottom:11px; color:#aaa;}

.login-modal-caution-box a{color:#222; text-decoration:underline;}

.login-modal-banner a{display:block;}

.login-modal-banner a img{width:100%; height:90px}








/* ******************  MyPage Bar ********************** */

#mypageFixedBar{position:fixed; bottom:0; left:0px; width:100%; height:60px; background-color:rgba(73,73,73,0.87); z-index:9; }



.index-warpper #mypageFixedBar{

	opacity:0;filter:Alpha(opacity=0);

	transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-webkit-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);  

	-oz-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-ms-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);

	-ms-transform:translateY(60px) ;

	-o-transform:translateY(60px);

	-moz-transform: translateY(60px);

	-webkit-transform:translateY(60px) ;

	transform: translateY(60px);

}

.my_class-index-page #mypageFixedBar{

	opacity:0;filter:Alpha(opacity=0);

	transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-webkit-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);  

	-oz-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); 

	-ms-transition:all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);

	-ms-transform:translateY(30px) ;

	-o-transform:translateY(30px);

	-moz-transform: translateY(30px);

	-webkit-transform:translateY(30px) ;

	transform: translateY(30px);

}

.index-warpper #mypageFixedBar.open,

.my_class-index-page #mypageFixedBar.open{

	opacity:1.0;filter:Alpha(opacity=100);

	-ms-transform:translateY(0) ;

	-o-transform:translateY(0);

	-moz-transform: translateY(0);

	-webkit-transform:translateY(0) ;

	transform: translateY(0); }

/* 메뉴 리스트 */

.my-page-menu-list-con li{float:left; width:25%; position:relative;}

.my-page-menu-list-con li:before{position:absolute; top:50%; left:0px; width:1px; height:30px; margin-top:-15px; background-color:#6d6d6d; content:"";}

.my-page-menu-list-con li:first-child:before{display:none;}

.my-page-menu-list-con li a{display:block;  text-align:center;}

.my-page-menu-list-con li a .my-page-menu-tit{display:inline-block; position:relative; line-height:60px; color:#fff; font-size:15px; letter-spacing:-0.25px; font-weight:500; }

.my-page-menu-list-con li a .new-btn{position:absolute; top:50%; left:100%; width:15px; height:15px;  margin-top:-8px; margin-left:6px;/* background-color:#dadf00; color:#494949;  font-size:10px; letter-spacing:-0.25px; font-weight:600; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; */ background:url(/images/icon/new_icon.png) no-repeat}

.my-page-menu-list-con li.on a .my-page-menu-tit{color:#dadf00;}



/* 이름영역 */

.mypage-name-box{position:absolute; top:0px; left:0px; height:100%; width:270px; background-color:#023793;}

.mypage-name-box .mypage-name-btn{display:block; line-height:60px; padding:0 50px; color:#fff; font-size:15px; font-weight:400;}

.mypage-name-box .mypage-arrow{display:none; position:absolute; top:0; right:20px; color:#fff;  font-size:24px}

.mypage-name-box .mypage-arrow i{line-height:60px}

.mypage-name-box .my-page-name-open .mypage-arrow{display:block;}

.mypage-list-con{display:none; position:absolute; bottom:60px; left:0px; width:100%; background-color:#023793; border:1px solid #e5e5e5}

.mypage-list-con li{border-bottom:1px solid #e5e5e5;}

.mypage-list-con li a{display:block; line-height:60px; padding:0 50px; background-color:#f3f3f3; font-size:15px; font-weight:400; color:#222;}

.mypage-list-con li a:hover{color:#023793;}

/* Close BTN */

#mypageFixedBar .prev-page-btn{position:absolute; top:50%; right:19px; color:#fff; font-size:22px; margin-top:-10px; z-index:1;}



/* 마이페이지 FIXED BAR */

.sub-page-wrapper #mypageFixedBar{/* position:static; */ position:absolute;  bottom:auto; }

.sub-page-wrapper  #mypageFixedBar .mypage-list-con{bottom:auto; top:60px;}

.sub-page-wrapper  #mypageFixedBar .mypage-list-con li{border-bottom:0; border-top:1px solid #fff; border-color:rgba(255,255,255,0.2);}



@media all and (max-width:1660px){

	.my-page-menu-list-con{margin:0; margin-left:270px}

}