@charset "utf-8";

.main_w .container .con_wrap{max-width: 100%;}
.container .con_wrap{clear: both;overflow: hidden;}
.layout03.mob_body section{width:100%;max-width: none;padding-left:0;padding-right:0;padding-top:0;}


.mCSB_inside > .mCSB_container{margin-right: 20px;}
.portlet_scr.pb30  .mCSB_inside > .mCSB_container{padding-bottom: 30px;}

.ver_top{vertical-align: text-top;}

.main_body{padding:0;max-width: 100%;min-height:1000px;}

.main_top{width:100%;border-bottom:1px solid #dddddd;display: none;}
.main_top_1{position:relative; max-width: 1280px;margin: 0 auto;}

.h500{height:500px;}

.main_top_2{clear: both;overflow: hidden;height:52px;line-height: 52px;}
.main_top_2 li{position:relative; display: block;float: left;width:50%;padding:0 25px;}
.main_top_2 li + li{background: url(images/main_top_line.jpg) no-repeat 0 50%;}
.main_top.on .main_top_2 li .btn_open.on{transform: rotate(180deg); }
.main_top_2 li .btn_open{position: absolute;top:0;right: 0;width:35px;height:52px;text-indent: -9999em;background: url(images/btn_open_icon.png) no-repeat 50% 50%;transition:all 0.3s ease;}


.main_top li .label{display:block;float:left;margin-top:13px;margin-right:10px; height:26px;padding:0 10px;font-size:14px; line-height:24px;text-align:center;border-radius:13px; }

.main_top li .label.col01{border:1px solid #c9171c;color:#c9171c;}
.main_top li .label.col02{border:1px solid #b2dcdb;color:#008c87;}
.main_top li .label.col03{border:1px solid #cacccf ;color:#50575f;}
.main_top li .title{display:block;float:left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:calc(100% - 200px);}
.main_top li .date{display:block;float:left;color:#afafaf;padding-left:20px;}

.main_top_1 .main_top_3{display: none;position:absolute;top:52px;right: 0; z-index:10;}
.main_top_3{border:1px solid red;background: #fff;border:1px solid #dddddd;}
.main_top_3 ul li{clear: both;overflow: hidden;position:relative; display: block;padding:0 25px;height:52px;line-height: 52px;border-bottom:1px solid #dddddd;}
.main_top_3 .main_top_4{background: #fafafa;padding:23px 20px 23px 528px;width:640px;}

.main_top_3 .main_top_4 .btn_prev{display:inline-block; width:22px;height:14px;margin-right:5px; background: url(images/btn_prve.png) no-repeat 50% 50%;text-indent: -9999em;}
.main_top_3 .main_top_4 .btn_next{display:inline-block; width:22px;height:14px;margin-left:5px; background: url(images/btn_next.png) no-repeat 50% 50%;text-indent: -9999em;}
.main_top_3 .main_top_4 span em{color:#dc0a18;font-weight:600;}

.main_wrap{position: relative;width:100%;}
.main_wrap .main_con{position: relative;max-width: 1280px;margin:0 auto;clear: both;overflow: hidden;}

.main_wrap .main_user_w{position:absolute;top:0;left:0;width: 330px;}
/* 왼쪽 사용자 있음*/
/* .main_wrap .portlet_w{ float:right;width: calc(100% - 330px);min-height:1000px; padding-left:15px;padding-top:0;border-left:1px solid #e5e5e5;}
 */
/* 왼쪽 사용자 없음*/
.main_wrap .portlet_w{width:100%;min-height:1000px; padding-left:0;padding-top:0;}


.main_user_w .main_user_box{position:relative;}
.main_user_w .btn_set{display:block;position:absolute;top:10px;right:10px; width:17px;height: 17px;background: url(images/btn_set_ic.png) no-repeat 50% 50%;text-indent: -9999em;}

.main_user_w{padding:0 30px;padding-bottom:180px;}
.main_user_w .user_box01{padding-top:58px;border-bottom:1px solid #eaeaea;padding-bottom:35px;}
.user_img01{width:120px;height:120px;margin: 0 auto;position:relative;text-align: center;}
.user_img01 span{display: block;width:100%;height: 100%;}
.user_img01 img{max-width: 100%;max-height: 100%;border:1px solid #ccc;border-radius: 5px;}
.user_img01 .btn_img{position:absolute;top:2px;left:50%;font-size:12px; margin-left:20px; border-radius:13px;width:25px;height:25px;text-align: center;line-height: 25px;color:#fff;background: #a9201d; }

.user_box01 .user_text01{font-size:30px;text-align: center;padding-top:18px;color:#333333;}
.user_box01 .user_text02{font-size: 16px;text-align: center;padding-top:18px;color:#333333;}
.user_box01 .user_text03{font-size: 16px;text-align: center;padding-top:10px;color:#333333;}
.user_box01 .user_text04{font-size: 13px;text-align: center;padding-top:34px;color:#adadad;}
.user_box01 .user_text05{text-align: center;padding-top:34px;clear: both;overflow: hidden;}
.user_box01 .user_text05 dl{width:50%;float:left;display: table;}
.user_box01 .user_text05 dl dt{display:inline-block;font-size: 13px;color:#333333;letter-spacing: -0.5px;height:25px;line-height: 25px;}
.user_box01 .user_text05 dl dd{display:inline-block;vertical-align: bottom;color:#c9171c;font-size:25px;height:25px;line-height: 25px;text-align: right;width:60px;padding-left:10px;}
.user_box01 .user_text05 dl dd.user2{font-size: 13px;}
.user_box01 .user_text05 dl + dl{border-left:1px solid #d4d4d5;}

.user_box{padding:26px 5px 20px 5px; border-bottom:1px solid #eaeaea;}
.user_box dl{clear: both;overflow: hidden;}
.user_box dl dt{float: left;width:75px;color:#bebebe;}
.user_box dl dd{float: left;width:calc(100% - 75px);color:#333;}
.user_box dl dd span{color:#c9171c;}

.user_box ul{padding-top:20px;clear: both;overflow:hidden;}
.user_box ul li{display: block;float: left;width:32%;}
.user_box ul li + li{margin-left:2%;}
.user_box ul li a{display: block;width:100%;text-align: center;    padding: 10px 2px;font-size: 13px;border: 1px solid #868686;}
.user_box ul li a span{display:inline-block; padding:2px 0;padding-left:20px;}
.user_box ul li a span.icon01{padding-left:16px;background: url(images/com_aladdin/btn02_ic25.png) no-repeat 0% 0;}
.user_box ul li a span.icon02{background: url(images/com_aladdin/btn02_ic14.png) no-repeat 0% 1px;}
.user_box ul li a span.icon03{background: url(images/com_aladdin/btn02_ic03.png) no-repeat 0% 3px;}



.btn_open_user{ position:absolute;top:10px;right:-20px; display:block; width:56px;height:56px;background: url(images/btn_open_user_icon.png) no-repeat 50% 50%;text-indent: -9999em;border:1px solid #dedede;}
.main_user_open_w{position: absolute;top:0;left:-1280px;width:0%;min-height:1000px;transition:all 0.2s ease;z-index:10;}
.con_box .btn_open_user{display:none}
.user_open_w{ position: relative;width:630px;min-height:1000px;float: right;/* text-shadow: 0 2px 2px #000; */}
.user_open_w .main_user_open_0{float: right;padding-right:105px;padding-top:105px;}


.main_user_open_w .btn_user_close{position:absolute;top:10px;right:10px; display:block; width:56px;height:56px;background: url(images/btn_open_user_icon2.png) no-repeat 50% 50%;text-indent: -9999em;border:1px solid #dedede;/* box-shadow: 0 0px 3px #797979; */}

.user_open_w{}


.user_open_w{padding-top:0;padding-left:50px;padding-right:100px;}
.user_open_w .reset_box{position: absolute;top:18px;right: 18px;font-size: 13px;line-height:21px;color:rgba(255, 255, 255, 0.8);}
.user_open_w .reset_box a{display:inline-block;margin-left:10px; width:21px;height:21px; background: url(images/btn_reset.png) no-repeat 50% 50%;text-indent:-9999em; }
.user_open_w .reset_box a:hover{transform: rotate(180deg);}

.user_box01{}

.user_open_w .tab_cont.box01{height:700px;margin-top:100px;}
.user_open_w .tab_cont.box02{height:700px;margin-top:100px;}
.user_open_w .tab_cont.box03{height:750px;margin-top:100px;}


.user_open_w .user_box01{clear: both;overflow: hidden;padding-top:10px;min-height:140px;}
.user_open_w .user_box01 .user_img01{float: left;width:90px;height:100px;}
.user_open_w .user_box01 .btn_img{top:-10px; width:30px;height:30px;line-height:30px;border-radius:15px;}
.user_open_w .user_box01 .user_text_box{float: left;padding-left:35px;width: calc(100% - 90px);}
.user_open_w .user_box01 .user_text_box p{color:#fff;text-align: left;}
.user_open_w .user_box01 .user_text01{font-size:32px;padding-top:5px;}
.user_open_w .user_box01 .user_text02{font-size:14px;padding-top:10px;}
.user_open_w .user_box01 .user_text02 span{color:#4b98d9;}
.user_open_w .user_box01 .user_text03{padding-top:0;}
.user_open_w .user_box01 .user_text03_{padding-top:5px;}
.user_open_w .weather_box{padding-top:20px;}
.user_open_w .weather_box ul{clear: both;overflow: hidden;margin-top:20px;}
.user_open_w .weather_box > ul > li{width:auto;}
.user_open_w .weather_box .tab_type1{height:40px;margin-bottom:0;width:50%;}
.user_open_w .weather_box ul li{color:#fff;}
.user_open_w .weather_box ul .box01{float: left; max-width:261px;padding-right:5px;}
.user_open_w .weather_box ul  p{font-size:30px;}
.user_open_w .weather_box ul .box01 p{padding-top:5px;padding-bottom:5px; padding-right:45px;display: inline-block;width:100%;}
.user_open_w .weather_box ul .box01 p.icon01{background:url('images/weather_ic01.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul .box01 p.icon02{background:url('images/weather_ic02.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul .box01 p.icon03{background:url('images/weather_ic03.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul .box01 p.icon04{background:url('images/weather_ic04.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul .box01 p.icon05{background:url('images/weather_ic05.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul .box01 p.icon06{background:url('images/weather_ic06.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul .box01 p.icon07{background:url('images/weather_ic07.png') no-repeat 100% 50%;}
.user_open_w .weather_box ul  p + p{font-size:13px;padding-top:15px;color:rgba(255, 255, 255, 0.8);padding-right: 0;}
.user_open_w .weather_box ul .box02{width:194px;margin-left:20px; float: left;border-left:1px solid rgba(255, 255, 255, 0.4);padding-left:40px;}
.user_open_w .weather_box ul .box02 p{padding-right:40px;display: inline-block;}
.user_open_w .weather_box ul .box02  p + p{padding-right:0;}
.user_open_w .weather_box ul .box02 p.icon01{background:url('images/weather_ic11.png')  no-repeat 100% 50%;}
.user_open_w .weather_box ul .box02 p.icon02{background:url('images/weather_ic12.png')  no-repeat 100% 50%;}
.user_open_w .weather_box ul .box02 p.icon03{background:url('images/weather_ic13.png')  no-repeat 100% 50%;}
.user_open_w .weather_box ul .box02 p.icon04{background:url('images/weather_ic14.png')  no-repeat 100% 50%;}

.user_open_w .weather_box .weather_view{color:#fff;text-align: center;}
.user_open_w .weather_box .weather_view .btn01{border-radius:3px;margin-left:20px;}
.user_open_w .weather_box .weather_view .btn01 span{display:inline-block;padding-left:20px; background:url('images/icon_02_.png')  no-repeat 0% 50%;}


.stu_info_w .info_box01{margin-top:0;width:100%;border:1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.1);}
.stu_info_w .info_box01 ul{padding:80px 0;clear: both;overflow: hidden;}
.stu_info_w .info_box01 ul li{text-align: center;width:50%;float:left;color:#fff;}
.stu_info_w .info_box01 ul li + li{border-left:1px solid rgba(255, 255, 255, 0.4);}
.stu_info_w .info_box01 ul li dt{padding-top:40px;font-size: 16px;}
.stu_info_w .info_box01 ul li dt.bg01{background:url('images/info_box_ic01.png')  no-repeat 50% 0;}
.stu_info_w .info_box01 ul li dt.bg02{background:url('images/info_box_ic02.png')  no-repeat 50% 5px;}
.stu_info_w .info_box01 ul li dd.text01{padding-top:18px;color:rgba(255, 255, 255, 0.8);}
.stu_info_w .info_box01 ul li dd.text01 .btn01{}
.stu_info_w .info_box01 ul li dd.text01 .btn01{border-radius:3px;}
.stu_info_w .info_box01 ul li dd.text01 .btn01 span{display:inline-block;padding-left:20px; background:url('images/btn02_ic03.png')  no-repeat 0% 50%;}

.stu_info_w .info_box01 ul li dd.text02{color:#dfdfdf;font-size:17px;padding-top:30px;}
.stu_info_w .info_box01 ul li dd.text02 span{font-size:26px;}

.pro_info_w .info_box01{padding:0 10px 0 20px; margin-top:0;width:100%;height:auto; border:1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.1);}
.pro_info_w .info_box01 ul{clear: both;overflow: hidden;}
.pro_info_w .info_box01 ul li{width:50%;padding-left:20px; text-align: left;float: left;margin:36px 0;}
.pro_info_w .info_box01 ul li + li{border-left:1px solid rgba(255, 255, 255, 0.4);}
.pro_info_w .info_box01 ul li a{color:#fff;}
.pro_info_w .info_box01 ul li dt{display: inline-block;font-size: 17px;}
.pro_info_w .info_box01 ul li dd{display: inline-block;font-size: 17px;padding-left:10px;vertical-align: middle;color:#fff;}
.pro_info_w .info_box01 ul li dd span{font-size: 22px;}
.pro_info_w .info_box01 ul li dd .btn01{display:inline-block; border-radius: 3px;color: #303030;padding:2px 3px;;}
.pro_info_w .info_box01 ul li dd .btn01 span{font-size:12px;padding-left:20px;background:url('images/btn02_ic03.png')  no-repeat 0% 50%;}
.user_open_w .pro_info_w .weather_box{padding-top:30px;}

.pro_info_w .info_box03{margin-top:10px;width:100%;height:300px; border:1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.1);}

.pro_info_w .info_box03{padding:10px 30px}
.pro_info_w .info_box03 ul{}
.pro_info_w .info_box03 ul li{position:relative; padding-top:35px;padding-bottom:20px; border-top:1px solid rgba(255, 255, 255, 0.4); clear: both;overflow: hidden;}
.pro_info_w .info_box03 ul li.first{border-top:none;}
.pro_info_w .info_box03 ul li p{float: left;color:rgba(255, 255, 255, 0.8);}
.pro_info_w .info_box03 ul li p:before{display: inline-block;vertical-align: middle;margin-right:14px; width:6px;height:6px;content: "";background:#b0b0b0;border-radius:3px;}
.pro_info_w .info_box03 ul li.on p:before{display: inline-block;vertical-align: middle;margin-right:14px; width:6px;height:6px;content: "";background:#00c0ff;border-radius:3px;}
.pro_info_w .info_box03 ul li p span{color:rgba(255, 255, 255,1);}
.pro_info_w .info_box03 ul li a{float: right;color:rgba(255, 255, 255,1);}
.pro_info_w .info_box03 ul li a span{color:#b0b0b0;}
.pro_info_w .info_box03 ul li.on a span{color:#00c0ff;}

.user_open_w .tab_type1{padding-top:2px;margin-bottom: 0;margin-top:80px;}
.user_open_w .tab_type1 li{width:50%;padding:0;height: 40px;}
.user_open_w .tab_type1 li a{display:table; width:100%;margin-left:0;margin-top:2px; color:rgba(255, 255, 255, 0.6);padding-top:10px;font-size:17px;height:40px;  display: block;background:none; border-radius:0;border:none;  border-top:1px solid rgba(255, 255, 255, 0.6); }
.user_open_w .tab_type1 li a span{display:block;}
.user_open_w .tab_type1 li.on a{margin-top: 0px;color:rgba(255, 255, 255,1); padding-top:10px;border-top:3px solid rgba(255, 255, 255, 1); background: none;text-align: center;}
.user_open_w .tab_type1 li:first-child{border-left:none;}
.stu_info_w .user_box01 .user_text03{padding-top:0;font-size: 13px;}

.tab_cont .title{position:relative;font-size:25px;color:#fff;}
.tab_cont .title .more{position:absolute;top:0;right:0;width:21px;height:21px; background:url('images/info_more.png')  no-repeat 50% 50%;text-indent: -9999em;}
.info_box02{margin-top:20px;width:100%;padding:50px 17px;max-height:630px;  border:1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.1);}
.info_box02{clear: both;overflow: hidden;padding-top:50px;padding-bottom:10px;}
.info_box02 .user_box01{padding-top:0;height:120px;min-height:120px;}
.info_box02 .user_box01 .user_img01{float: left;width:80px;height:80px;}
.info_box02 .user_box01 .user_text_box{float: left;padding-left:35px;display: table;    min-height: 80px;}
.info_box02 .user_box01 .user_text_box p{font-size: 28px;display: table-cell;vertical-align: middle;padding-top:0;}
.info_box02 .info_list{padding-top:0;}
.info_box02 .info_list ul {clear: both;overflow: hidden;}
.info_box02 .info_list ul li{position:relative; margin:0 4%;width:42%;float: left;display: block;padding-top:28px;height:106px;border-top:1px solid rgba(255, 255, 255, 0.4);}
.userS0001 .info_box02 .info_list ul li,
.userS0002 .info_box02 .info_list ul li{height:106px;}
.userP0001 .info_box02 .info_list ul li,
.userP0002 .info_box02 .info_list ul li{height:150px;}
.info_box02 .info_list ul li.line01:before{display: inline-block;position:absolute;top:-1px;left:0; width:26px;height:3px;content: "";background:#0dabe2;}
.info_box02 .info_list ul li dt{color:rgba(255, 255, 255, 0.6);}
.info_box02 .info_list ul li dd{color:rgba(255, 255, 255,1);padding-top:10px;}



.main_wrap .main_user_w{transition:all 0.5s ease;}
.main_wrap.portlet_on .main_user_w{left:-100%;}

.main_wrap.portlet_on .portlet_w{width:100%;border-left:none;padding-left:0;}
.main_wrap.portlet_on .portlet_top .btn_set{display: none;}



.main_wrap .portlet_w .column{}
.main_wrap .portlet_topwidth: calc(100% - 88px);display: inline-block;vertical-align: middle;}
.main_wrap.portlet_on .portlet_top{padding-top:0;padding-left:0;}


.portlet_top{display: inline-block;margin-top: 20px;margin-bottom: 15px;vertical-align: middle;clear: both;overflow: hidden;}
.main_wrap .btn_box{display: inline-block;margin: 25px 0 13px 0;}
.portlet_top .portlet_btn_w{display:none;float: left; padding: 0 10px 0;margin-top: 4px;clear: both;overflow: hidden;}
.portlet_on .portlet_top .portlet_btn_w{display: inline-block;}
.portlet_top a.btn_close{display:none; position:absolute;top:150px;right:0; padding:0;height:auto;margin:0; min-width: 0;border:none; }
.portlet_top .btn_close span{display:block;width:24px;height:24px; background: url(images/btn_close.png) no-repeat 50% 50%;text-indent: -9999em; }

.portlet_on .portlet_top a.btn_close{display: block;background: none;height:24px;opacity: 1;width:24px;min-width:auto;}
.portlet_on .btn_box,
.portlet_on .portlet_top{margin-top:140px;}

.portlet_btn_w{position: relative;}
.portlet_btn_w a{display: block;min-width: 50px;width:112px;line-height: 1; text-align: center;height: 34px;float: left;padding: 7px 10px;border: none; border-radius: 24px;}

.portlet_btn_w .btn_add{background: #37dbe6;}
.portlet_btn_w .btn_add span{background: url(images/icon_08.png) no-repeat 0% 50%;}
.portlet_btn_w .btn_reset{background: #c5c5c5;}
.portlet_btn_w .btn_reset span{background: url(images/icon_02.png) no-repeat 0% 50%;}
.portlet_btn_w .btn_save{background: #0039BD;}
.portlet_btn_w .btn_save span{background: url(images/icon_03.png) no-repeat 0% 50%;}
.portlet_btn_w .btn_del{width:48.5%;background: #8d9cae;margin-left:0;}
.portlet_btn_w .btn_del span{display:block;color:#fff; padding-top:25px; background: url(images/icon_07.png) no-repeat 50% 0%;}
.portlet_btn_w a span{display: inline-block;color: #fff;font-size: 13px;font-weight:400;height: 100%;padding-top: 3px;padding-left: 24px;}

.portlet_top .portlet_menu_w{}
.portlet_on .portlet_top .portlet_menu_w{display:block;width: calc(100% - 300px); float:right;height:160px;padding:40px 15px 20px 35px;}
.portlet_on .portlet_on .portlet_top .portlet_menu_w{}

.portlet_menu_w .portlet_title{padding-top:10px;display:none;}
.portlet_menu_w .portlet_title input{width: calc(100% - 100px);float: right;}
.portlet_menu_w .portlet_title .check{width: 100px);float: left;}
.portlet_on .portlet_top .portlet_title{display:block;}

.portlet_list .portlet .portlet-header a{display: none;}
.portlet-header .portlet_label{display: none;}
.portlet_list .portlet-header .portlet_label{display:block;border:1px solid #d1d1d1; color:#666666;font-size:15px; min-width:180px;text-align:left;padding:15px 30px;border-radius:27px;background: #fff;margin-bottom:10px;}
.portlet_box .portlet_list .portlet-header.ui-widget-header{padding:0;background: none;}
.portlet_box .ui-widget-content{background:none;}



.portlet{}
.portlet.move{}
.portlet.portlet_label{background:#333333 url(images/icon_01.png) no-repeat 95% 50%;}
.portlet:hover .portlet_label{color:#fff; background:#333333 url(images/icon_01.png) no-repeat 95% 50%;box-shadow: 0 5px 5px #ccc;}
.portlet.portlet_label{}


.portlet_list .portlet .portlet-content{display: none !important;}
.portlet_list .portlet .ui-icon.ui-icon-minusthick.portlet-toggle{display: none !important;}

.portlet .portlet-header .btn_del{display:none; position: absolute;top:0;right: 0;margin-top: 0;width:50px;height:72px;background:#fff url('images/btn_del.png') no-repeat 50% 50%; text-indent: -9999em;z-index: 1;opacity: 1;}
.portlet_on .portlet .portlet-header .btn_del{display: block;}
.portlet_on .portlet_list .portlet .portlet-header .btn_del{display:none;}


.portlet_list .portlet_label{border-radius:20px;display: inline-block;}

.main_wrap .column.portlet_list{display:none;}


.portlet_top .btn_set{display:block;position:absolute;top:10px;right:0; width:25px;height: 25px;background: url(images/btn_set_ic.png) no-repeat 50% 50%;text-indent: -9999em;}
.portlet_top ul{clear: both;overflow: hidden;padding-bottom:20px;}
.portlet_on .portlet_top ul{display: block;transition:all 0.5s ease;padding-bottom:0;}
.portlet_top ul li{display: block;float: left;width:16.66666%;}
.portlet_top ul li{padding-right:12px;}
.portlet_top ul li.last{padding-right: 0;}

/* .portlet_top ul li a{display: table;height:45px;width:100%; padding:0 10px;border:1px solid #e0e0e0;color:#999999;border-radius:25px;transition:all 0.3s ease;}
.portlet_top ul li a span{display: table-cell;vertical-align: middle;text-align: center;}
.portlet_top ul li.on a{background: #a9201d;color:#fff;} */

.portlet_top ul li .radio3 {overflow:hidden;display:block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;    vertical-align: middle;}
.portlet_top ul li .radio3 input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.portlet_top ul li .radio3 .ico {}
.portlet_top ul li .radio3 .txt {display:inline-block;width:100%;height:45px;line-height:43px;text-align:center; color:#999999;font-size:14px;vertical-align: middle;background:#fff;border-radius: 25px;border:1px solid #e0e0e0;}/* 텍스트는 디자인에 맞게 변경 */
.portlet_top ul li .radio3 input:checked + .ico + .txt{background:#a9201d;color:#fff;}/* 체크됐을때, 이미지변경 */






.portlet_on .portlet_box{padding-top:0;overflow: hidden;clear: both;}

.portlet_box:after{}
/* .portlet_box .column {width: 33%; float: left; padding-bottom: 100px;padding-top:0;padding-top:0;padding-left:15px; padding-right:15px;min-height:875px;}
 */.portlet_box .column {width: 100%; float: left; padding-bottom: 100px;padding-top:0;padding-top:0;padding-left:15px; padding-right:15px;min-height:875px;}



.portlet_box .column.portlet_{}  
.portlet_box .column.portlet_.list3{border-right:none;float: right;}  
.user_open  .portlet_box .column.portlet_.list2{border-right:none;}
.portlet_box > .mCustomScrollBox > .mCSB_container > .dialog > .cont{display: flex;}
.portlet_box > .dialog > .cont{display: flex;}
.user_open .portlet_box > .mCustomScrollBox > .mCSB_container > .dialog >  .cont{display: block;}
.user_open .portlet_box > .dialog > .cont{display: block;}
.portlet_on .portlet_box .column.list0{order: 1;}
.portlet_on .portlet_box .column.list1{order: 2;}
.portlet_on .portlet_box .column.list2{order: 3;}
.portlet_on .portlet_box .column.list3{order: 4;}

.user_open .portlet_box .column{width:50%;min-height:0;height: auto;padding-bottom:0;}
.portlet_on .portlet_box .column{width: calc( 100% - 320px);}


.portlet_on .portlet_box .column.portlet_list{display:block;width:300px;min-height:800px; border-right: 1px solid #e5e5e5; margin-right: 20px;padding-left:20px;padding-right:20px;padding-top:10px;background:#f9f9f9; }


.portlet_on .portlet_box .column.portlet_0:before{display:block;position:absolute;top:0;left:50%;margin-left:-100px;width:200px;height:200px;border-radius:100px;margin-top:70px;text-align:center; padding:110px 30px 0 30px;font-size:18px;line-height:1.4em;  content: "포틀릿을 여기에 끌어다 놓으시오.";background:rgba(0, 0, 0, 0.2) url(images/plus_img.png) no-repeat 50% 50px;background-size:45px auto;color:#fff;box-sizing: border-box;}
.portlet_on .portlet_box .column.portlet_list.portlet_0:before{display:none;}



.column.portlet_list{position: relative;}
.column.portlet_list.remove_icon:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%; content: "";background:rgba(0, 0, 0, 0.1);}
.column.portlet_list .del_btn{display:none;position:absolute;top:50%;left:50%;margin-top:-80px; margin-left:-80px; width:160px;height:160px;border-radius:80px;background:rgba(169, 32, 29, 0.4) url(images/del_img.png) no-repeat 50% 50%;box-sizing: border-box; z-index:1001;text-indent: -9999em;}
.column.portlet_list.open .del_btn{background:rgba(169, 32, 29, 0.4) url(images/del_open_img.png) no-repeat 50% 50%;}

.column.portlet_list.remove_icon .del_btn{display:block;}
.column.portlet_list.remove_icon.open .del_btn{display:block;
-webkit-animation: delOpen 150ms linear forwards;
-moz-animation: delOpen 150ms linear forwards;
-o-animation: delOpen 150ms linear forwards;
animation: delOpen 150ms linear forwards;}
.column.portlet_list .del_btn:active { transform:  translateZ(-1em);}

@-webkit-keyframes delOpen{
	0%, 35% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .8);-webkit-transform: scale(.8);}
	75% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);-webkit-transform: scale(1.2);}
	100% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);-webkit-transform: scale(1);}
}
@-moz-keyframes delOpen {
	0%, 35% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .8);-moz-transform: scale(.8);}
	75% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);-moz-transform: scale(1.2);}
	100% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);-moz-transform: scale(1);}
}
@-o-keyframes delOpen {
	0%, 35% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .8);-o-transform: scale(.8);}
	75% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);-o-transform: scale(1.2);}
	100% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);-o-transform: scale(1);}
}
@keyframes delOpen {
	0%, 35% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .8);transform: scale(.8);}
	75% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);transform: scale(1.2);}
	100% {border: 0;border-radius: 50%;background-color: rgba(169, 32, 29, .6);transform: scale(1);}
}

.scroll_wrap{height: 263px;overflow: hidden;}
.scroll_wrap .mCSB_scrollTools .mCSB_draggerRail{background:#eff2fc;width:5px;}
.scroll_wrap  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #fff;border: 1px solid #175ce5;width:5px;}





/* .portlet_on .portlet_box .portlet.ui-widget.ui-widget-content {
-webkit-animation: movePortlet 150ms linear forwards;
-moz-animation: movePortlet 150ms linear forwards;
-o-animation: movePortlet 150ms linear forwards;
animation: movePortlet 150ms linear forwards;}*/
@-webkit-keyframes movePortlet{
	0%, 35% {-webkit-transform: scale(.8);}
	75% {-webkit-transform: scale(1.2);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes movePortlet {
	0%, 35% {-moz-transform: scale(.8);}
	75% {-moz-transform: scale(1.2);}
	100% {-moz-transform: scale(1);}
}
@-o-keyframes movePortlet {
	0%, 35% {-o-transform: scale(.8);}
	75% {-o-transform: scale(1.2);}
	100% {-o-transform: scale(1);}
}
@keyframes movePortlet {
	0%, 35% {transform: scale(.8);}
	75% {transform: scale(1.2);}
	100% {transform: scale(1);}
}


.portlet_box .portlet-header { padding:0; position: relative;text-align:left; font-size:16px;padding-top:20px;padding-bottom:25px;}
.portlet_box .portlet-header.ui-widget-header{background:#fff;}/*cursor: pointer;*/
.portlet_box .portlet-header.ui-widget-header .ui-icon{ background: url(images/btn_portlet_close.png) no-repeat 50% 50%;transition:all 0.3s ease;}
.portlet_box .portlet-header.ui-widget-header .ui-icon.ui-icon-plusthick{background: url(images/btn_portlet_open.png) no-repeat 50% 50%;}
.portlet_box .ui-widget-header a{color:#333;    font-weight: 600;}
.portlet_box .ui-widget-header a.no_target{cursor:default; }
.portlet_box .portlet-toggle {position: absolute; top: 50%; right: 0; margin-top: -16px;}
.portlet_box .portlet-content {}
.portlet_box .portlet-placeholder {display:inline-block;  border: 1px dotted black;height:360px;width: 29%;margin: 0 2%;margin-bottom:0;}

.portlet_box .portlet_list .portlet-placeholder{width:100%;height: 47px;}

/* .portlet_box .portlet-header.ui-selected {color: red;} */

.portlet_ul_list{padding-bottom:10px;}
.portlet_ul_list ul li{display: block;padding-top:15px;position: relative;}
.portlet_ul_list ul li.first{padding-top:0;}
.portlet_ul_list ul li .title{display: block;padding-bottom:5px;}
.portlet_ul_list ul li .title p{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: -10px;padding-left:10px;line-height: 1.2em;font-size: 14px;}
.portlet_ul_list ul li .title p.no_ell{display: block;white-space: inherit;overflow: inherit;text-overflow: inherit;text-indent: -10px;padding-left:10px;}

.portlet_ul_list ul li .title p:before{display: inline-block;vertical-align: middle;margin-right:6px; vertical-align: text-top;   margin-top: 6px; width:3px;height:3px;content: "";background:#333333}
.portlet_ul_list ul li .date{display:block; color:#999999;padding-top:10px;padding-left:10px;}
.portlet_ul_list ul li .portlet_ul_list_more{border:1px solid #d7d7d7; display: block;height:32px;line-height:32px; text-align:center;   opacity: 0.7;}
.portlet_ul_list ul li .portlet_ul_list_more span{color:#999999;padding-left:22px;background:url(images/btn_more.png) no-repeat 0% 50%;}
.portlet_ul_list ul li .portlet_ul_list_more:hover{opacity: 1;}




.portlet_title_more {	position: absolute;left:10px; right: 10px;z-index: 10;margin-top: 3px;padding: 3px 5px;	background-color: rgba(255, 255, 255, 1);	border: 1px solid rgba(0, 0, 0, .20);text-align: left;	visibility: hidden;opacity: 0;-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);-o-transform: translate(0, 10px);transform: translate(0, 10px);}
.portlet_title_more::after {content: '';position: absolute;top: -10px;left: 50%;border: 6px solid transparent;	border-bottom-color: #fff;}
.portlet_title_more::before {content: '';position: absolute;top: -12px;left:  50%;border: 6px solid transparent;border-bottom-color: rgba(0, 0, 0, .15);}
.portlet_title_more > span {display: block;overflow: hidden;width: 0;height: 0;line-height: 1.2em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

.portlet_ul_list .title:hover + .portlet_title_more {	visibility: visible;opacity: 1;	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);	-webkit-transition: all 150ms;-moz-transition: all 150ms;-o-transition: all 150ms;transition: all 150ms;}
.portlet_ul_list .title:hover + .portlet_title_more > span {width: auto;height:auto;max-height: 36px;}
.portlet_ul_date .title:hover + .portlet_title_more {	visibility: visible;opacity: 1;	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);	-webkit-transition: all 150ms;-moz-transition: all 150ms;-o-transition: all 150ms;transition: all 150ms;}
.portlet_ul_date .title:hover + .portlet_title_more > span {width: auto;height:auto;max-height: 36px;}
.portlet_ul_date .portlet_title_more {	position: absolute;left:0; right: 0;z-index: 10;margin-top: -2px; padding: 8px 10px;	background-color: rgba(255, 255, 255, 1);	border: 1px solid rgba(0, 0, 0, .20);text-align: left;	visibility: hidden;opacity: 0;-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);-o-transform: translate(0, 10px);transform: translate(0, 10px);}




.portlet .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgba(174,172,180,0.85);}
.portlet .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;border-radius: 0;}
.portlet .mCSB_scrollTools .mCSB_draggerRail{width:1px;}

.portlet_scr{max-height:290px;overflow: hidden;}
.table_wrap.portlet_scr{max-height:300px;}
.table_wrap.portlet_scr.h170{height:170px;}
.portlet_scr.h200{height:200px;}
.portlet_scr.h169{height:169px;}
.portlet_scr.h265{height:265px;max-height: none;}
.portlet_scr.h236{height:236px;max-height: 236px;}
.today_class_w .portlet_scr{height:auto;max-height:240px; overflow: hidden;}




.portlet_ul_date li{padding-top:20px;}
.portlet_ul_date li.first{padding-top:0;}
.portlet_ul_date li .date{font-size: 16px;color:#333333;font-weight:600;}
.portlet_ul_date li .date.sun{color:#c9171c;}
.portlet_ul_date li .title{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-top:10px;padding-bottom:5px;}

.today_class_w .today{color:#333;padding-bottom:30px;font-weight: 600;}

.portlet_ul_class li{margin-top:25px;padding-left:10px;padding-right:0;}


.portlet_ul_class li:nth-child(4n+1){border-left:3px solid #f5a649;}
.portlet_ul_class li:nth-child(4n+2){border-left:3px solid #f567a0;}
.portlet_ul_class li:nth-child(4n+3){border-left:3px solid #53cbc4;}
.portlet_ul_class li:nth-child(4n+4){border-left:3px solid #72b2fa;}



.portlet_ul_class li:first-child {margin-top:0;}
.portlet_ul_class li .date{color:#666666;}
.portlet_ul_class li .title{display: block;padding-top:8px;line-height:1.2em; font-weight: 600;font-size:15px;color:#555555;}

.portlet_wrap02{position: relative;}
.portlet_wrap02 .set_btn{display: block; position: absolute;top:-42px; left:90px;width: 17px;height: 17px;background: url(images/btn_set_ic.png) no-repeat 50% 50%;text-indent: -9999em;}
.portlet_wrap02 .schedule_w{display:none;padding-bottom:10px; }
.portlet_wrap02 .schedule_w dl + dl{margin-top:15px;}
.portlet_wrap02 .schedule_w dl dt{color:#222;line-height: 1.2em;font-size:14px; padding-left:8px;text-indent: -8px;padding-bottom:5px;}
.portlet_wrap02 .schedule_w dl dt:before{display: inline-block;vertical-align: middle;margin-right:5px; width:3px;height:3px;content: "";background:#666666;}
.portlet_wrap02 .NO_RESULT.type01{border:none;padding:0;}
.portlet_wrap02 .port_btn_w{clear: both;overflow: hidden;padding-top:10px;}
.portlet_wrap02 .port_btn_w .btn01{float: left;width:49%;min-width: auto;}
.portlet_wrap02 .port_btn_w .btn01 + .btn01{float: right;}
.portlet_wrap02 .schedule_list{padding-top:10px;}
.portlet_wrap02 .schedule_list li{position:relative; margin-top:10px;padding:13px 50px 13px 10px;line-height:1.2em; clear: both;overflow: hidden;border:1px solid #ebebeb;}
.portlet_wrap02 .schedule_list li:first-child{margin-top:0;}
.portlet_wrap02 .schedule_list li .btn_del{display:block;position: absolute;top:0;right: 0;width:45px;height:42px;background:#fff url(images/btn_close.png) no-repeat 50% 50%;text-indent: -9999em;z-index: 1;border:none;}



.portlet_calendar{position:relative;height:auto;}
.portlet_calendar .calendar_top{position: relative;height:40px;line-height:40px; margin:0 auto;background: #464646;}
.portlet_calendar .calendar_top .cal_mm{display:block; font-size: 13px;color:#fff; font-weight: 600;text-align: center;}
.portlet_calendar .calendar_top a{display: block;width:30px;height:40px;text-indent: -9999em;}
.portlet_calendar .calendar_top a:HOVER{opacity: 0.8;}
.portlet_calendar .calendar_top .cal_prev{position: absolute;top:0;left:0;background: url('images/cal_prev2.png')  no-repeat center center;}
.portlet_calendar .calendar_top .cal_next{position: absolute;top:0;right:0;background: url('images/cal_next2.png')  no-repeat center center;}
.portlet_calendar .cal_tab_wrap{    padding: 10px;border:1px solid #e8e8e8;border-top:none;}
.portlet_calendar table{width:100%;margin:0 auto;table-layout: fixed;}
.portlet_calendar table thead th{font-size:11px;height:34px; color:#666666;letter-spacing: -0.5px;text-align: center;}
.portlet_calendar table thead th.first{color:#f63539;}
.portlet_calendar table thead th.last{color:#0054b0;}
.portlet_calendar table td{text-align: center;vertical-align: top;color:#000;height:28px;line-height: 26px;}
.portlet_calendar table td a{position:relative; display: block;vertical-align: middle;}
.portlet_calendar table td div{font-size:11px;}
.portlet_calendar table td p{display: inline-block;text-indent: -9999em;}
.portlet_calendar table td div{margin:0 auto;width:26px;line-height: 26px;}
.portlet_calendar table td .today{margin:0 auto;margin-bottom: 0;width:26px;height:26px;border-radius:18px;color:#000;}
.portlet_calendar table td .today.on{color:#fff;}
.portlet_calendar table td .ic_sc{position:absolute;top:0;left:50%;margin-left:-6px; display:block; width:5px;height:5px;border-radius:3px; background:#103ea6; text-indent: -9999em;}
.portlet_calendar table td .my_sc{position:absolute;top:0;left:50%;margin-left:1px; display:block; width:5px;height:5px;border-radius:3px; background:#ec3232; text-indent: -9999em;}

.portlet_calendar table td  a:HOVER div,
.portlet_calendar table td  .on{margin:0 auto;margin-bottom: 0;width:26px;height:26px;border-radius:17px;background: #a9201d;color:#fff;}

.portlet_calendar .scroll_wrap{ max-height:280px;}
.portlet_wrap02 .ul_list2.portlet_scr{height:125px;}
.portlet_wrap02 .ul_list2{padding-left:10px;margin-top:15px;}
.portlet_wrap02 .ul_list2 li{position:relative;padding-bottom:12px;padding-top:0;}
.portlet_wrap02 .ul_list2 li dt{width:90px;color:#333;}
.portlet_wrap02 .ul_list2 li dt{}
.portlet_wrap02 .ul_list2 li dt span{display: inline-block;text-indent: -11px;padding-left: 11px;}
.portlet_wrap02 .ul_list2 li.ic_sc dt span:before{display: inline-block;margin-top: 4px;vertical-align: text-top;margin-right:5px; width:6px;height:6px;content: "";background:#103ea6;border-radius: 3px;}
.portlet_wrap02 .ul_list2 li.my_sc  dt span:before{display: inline-block;margin-top: 4px;vertical-align: text-top;margin-right:5px; width:6px;height:6px;content: "";background:#ec3232;border-radius: 3px;}

.portlet_wrap02 .ul_list2 li dd{font-weight: 600;width: calc(100% - 90px);vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.portlet_wrap02 .ul_list2 li dl:hover + .portlet_title_more {visibility: visible;opacity: 1;	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);	-webkit-transition: all 150ms;-moz-transition: all 150ms;-o-transition: all 150ms;transition: all 150ms;}
.portlet_wrap02 .ul_list2 li dl:hover + .portlet_title_more > span {width: auto;height:auto; max-height: 36px;}






.portlet_focus .portlet_more{border:1px solid #d7d7d7; display: block;height:32px;line-height:32px; text-align:center;   opacity: 0.7;}
.portlet_focus .portlet_more span{color:#999999;padding-left:22px;background:url(images/btn_more.png) no-repeat 0% 50%;}
.portlet_focus .portlet_more{opacity: 1;}




.portlet_focus .img_box{position: relative;width:100%; height:235px;overflow: hidden;margin:0 auto;margin-bottom:20px;}
.portlet_focus .img_box img.auto{width: 100%;height: 100%;}
.portlet_focus .img_box img{position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.portlet_focus .img_box a{display: block;  height: 235px;}
.portlet_focus .text_box{position:absolute;bottom:0;left:0; background-color: rgba(0, 0, 0, 0.6);width:100%;padding:0 5px;}
.portlet_focus .text_box .title{display:table; font-size:14px;color:#fff;height: 50px; font-weight:600;line-height:1.4em; }
.portlet_focus .text_box .title span{display: table-cell;vertical-align: middle;min-height: 50px;}
.portlet_focus .text_box .text{padding-top:10px; line-height:1.4em;    color: #fff; font-size:13px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.portlet .table_wrap table.t_list thead th{padding:10px 2px;}
.portlet .table_wrap table.t_list tbody td{padding:10px 2px;}

.portlet .table_wrap table thead th{padding:15px 5px;}
.portlet .table_wrap table.t_list thead{border-bottom: 1px solid #e1e5e6;}
.portlet .table_wrap{border-top: 1px solid #e1e5e6;}


.portlet_phone_number{}
.portlet_phone_number .box01{position:relative; padding-bottom:10px;clear: both;overflow: hidden;}
.portlet_phone_number .box01 input{width:100%;padding-right:50px;background:#f9f9f9;border-radius:20px;  font-size: 14px;border:none;}
.portlet_phone_number .box01 .btn01{position:absolute;top:0;right:0; width: 40px;min-width: 40px;border:none; font-size:13px;height:40px;line-height:40px;padding:0;text-indent: -9999em;    background: url(images/main_btn01.png) no-repeat 2px 50%;}
.portlet_phone_number .box02 table.t_list tbody td.td_btn{padding:5px 2px;}


.portlet_scholarship{}
.portlet_scholarship .box01{padding-bottom:10px;clear: both;overflow: hidden;}
.portlet_scholarship .box01 span{font-size:16px; color: #555555;font-weight: 600;}
.portlet_scholarship .box02 table.t_list tbody td{text-align: left;}
.portlet_scholarship table.t_list tbody td.NO_RESULT{text-align:center !important;}
.portlet_appraisal table.t_list tbody td.NO_RESULT{text-align:center !important;}

.portlet_scholarship .box02 table.t_list tbody td.td_btn{padding:5px 2px;}
.portlet_scholarship .box02 table.t_list tbody td ul .text01{padding-bottom:10px;}
.portlet_scholarship .box02 table.t_list tbody td ul .text02{padding-top:10px;border-top:1px dashed #ebebeb;}
.portlet_scholarship .box02 table.t_list tbody td ul .text02:before{display: inline-block;vertical-align: middle;margin-right:5px; width:3px;height:3px;content: "";background:#283570;}


.portlet_scholarship2 .box02 table.t_list tbody td{text-align: left;}
.portlet_scholarship2 .box02 table.t_list tbody td ul .text01{padding-bottom:10px; border-bottom:1px dashed #ebebeb;}

.portlet_scholarship2 .box02 table.t_list tbody td ul .text02{padding:15px 10px;    background: #f6f7fb;color:#222;border-radius:5px;margin-top:10px;text-align: center;letter-spacing:0;}
.portlet_scholarship2 .box02 table.t_list tbody td ul .text03{padding-top:10px;text-align: center;font-size:18px;}



.portlet_appraisal .box01{line-height: 1.4em;padding-bottom:20px;}
.portlet_appraisal .box01 strong{font-size:15px;}
.portlet_appraisal .box01 p{display:inline-block; font-size:13px;letter-spacing: -0.5px;}




.portlet_appraisal .box02 table.t_list tbody td{text-align: left;font-size: 13px;}
.portlet_appraisal .box02 table.t_list tbody td.td_btn{padding:5px 2px;}
.portlet_appraisal .box02 table.t_list tbody td.td_btn .btn01{width:100%;min-width:60px;}


.portlet_appraisal .box02 table.t_list tbody td .portlet_ul_list_more{ display: block; border: 1px solid #d7d7d7;height: 32px;line-height: 32px;text-align: center;opacity: 0.7;}
.portlet_appraisal .box02 table.t_list tbody td .portlet_ul_list_more span{color: #999999;padding-left: 22px;background: url(images/btn_more.png) no-repeat 0% 50%;}
.portlet_appraisal .box02 table.t_list tbody td .portlet_ul_list_more:hover{opacity: 1;}


.portlet_appraisal .box02 table.t_list tbody td ul .text02{padding:5px;    background: #fdebe1;color:#333;border-radius:5px;margin-top:5px;text-align: center;}

.portlet_appraisal .box02 .pot_1023 table.t_list tbody td{position: relative;}
.portlet_appraisal .box02 .pot_1023 table.t_list tbody td .text01{font-size: 15px;line-height:1.4em; color:#666666;font-weight: 600;padding-right:60px;}
.portlet_appraisal .box02 .pot_1023 table.t_list tbody td .text02{padding-top:10px;padding-right:60px;}
.portlet_appraisal .box02 .pot_1023 table.t_list tbody td .text03{position: absolute;top:50%;right: 0;margin-top:-7.5px;}
.portlet_appraisal .box02 .pot_1023 table.t_list tbody td .text03 span{padding:5px 5px;border-radius: 3px;}
.portlet_appraisal .box02 .pot_1023 table.t_list tbody td .text03 .col_01{color:#fff;background: #53cbc4;}
.portlet_appraisal .box02 .pot_1023 table.t_list tbody td .text03 .col_02{color:#fff;background: #f567a0;}

.portlet_appraisal .box02 .pot_1024 table.t_list tbody td{position: relative;}
.portlet_appraisal .box02 .pot_1024 table.t_list tbody td .text01{font-size: 15px;line-height:1.4em; color:#666666;font-weight: 600;padding-right:60px;}
.portlet_appraisal .box02 .pot_1024 table.t_list tbody td .text02{padding-top:10px;padding-right:60px;}
.portlet_appraisal .box02 .pot_1024 table.t_list tbody td .text03{position: absolute;top:25px;right: 0;}
.portlet_appraisal .box02 .pot_1024 table.t_list tbody td .text03 span{padding:5px 5px;border-radius: 3px;}
.portlet_appraisal .box02 .pot_1024 table.t_list tbody td .text03 .col_01{color:#fff;background: #53cbc4;}
.portlet_appraisal .box02 .pot_1024 table.t_list tbody td .text03 .col_02{color:#fff;background: #f567a0;}

.portlet_appraisal .box02 .pot_1027 table.t_list tbody td{position: relative;}
.portlet_appraisal .box02 .pot_1027 table.t_list tbody td .text01{font-size: 15px;line-height:1.4em; color:#666666;font-weight: 600;padding-right:60px;}
.portlet_appraisal .box02 .pot_1027 table.t_list tbody td .text02{padding-top:10px;padding-right:60px;}
.portlet_appraisal .box02 .pot_1027 table.t_list tbody td .text03{position: absolute;top:50%;right: 10px;margin-top:-13px;}
.portlet_appraisal .box02 .pot_1027 table.t_list tbody td .text03 span{display:inline-block; min-width:54px;text-align:center; padding:3px 5px;border-radius: 3px;border:2px solid #4f92dd; color:#4f92dd;background: #fff;}



.portlet .table_wrap table.t_list thead th{color:#999999; background: #fbfbfb;}

.portlet_appraisal .table_wrap .t_list .label{width:50px;}
.portlet_appraisal .table_wrap .t_list .label.bg01{background: #4f92dd;}
.portlet_appraisal .table_wrap .t_list .label.bg02{background: #7d7d7d;}





.column .portlet{background: #fff;margin-bottom:30px;}
.column .portlet .portlet_ul_class li.NO_RESULT.type01{border:none;padding-left:0;}



.column .portlet .NO_RESULT.type01{line-height:1;padding-top:100px !important; height:auto;     background: url(images/no_date01.png) no-repeat 50% 30px;}
.column .portlet .NO_RESULT.type01 p{line-height: 1.4em;font-size:14px;color:#222; padding:13px 10px;;width:100%; background: #f9f9f9;border-radius: 32px;}

.column .portlet .NO_RESULT.type02{line-height:1;padding-top:100px !important; height:auto;   background: url(images/no_date02.png) no-repeat 50% 30px;}
.column .portlet .NO_RESULT.type02 p{line-height: 1.4em;font-size:14px;color:#222; padding:13px 10px;;width:100%; background: #f9f9f9;border-radius: 22.5px;}

.column .portlet .portlet_wrap02 .NO_RESULT.type01{line-height:1;padding-top:0 !important; height:auto;     background: none;}

.column.portlet_list .portlet{margin-bottom:0;background: transparent;}

.user_open .main_user_open_w{width:calc(100% - 50%);left:0;top:0;}
.user_open .user_open_bg{position:absolute;top:0;left:0;width:100%;height:100%; background: #000 !important; opacity: 0.3;}
.user_open  .main_wrap .portlet_w{width: calc(100% - 50%);padding-left:0;}

/* .main_user_open_w{width:calc(100% - 50%);left:0;top:0;}
.main_wrap .portlet_w{width: calc(100% - 50%);padding-left:0;}
 */

.user_open .main_wrap .portlet_top{padding-left:20px;display: none; }
.user_open  .portlet_box{height:1000px;padding-top:50px;overflow: hidden;}
.user_open .portlet_top ul li{margin-right:5px;min-width:99px;}
/* .user_open .portlet_box .column{margin-left:25px;} */

.portlet_list_w{border:1px solid red;}


.google_sch_w{clear: both;overflow: hidden;}
.google_sch_w .input_box{position: relative;}
.google_sch_w input{width:100%;padding-right:40px; font-size: 14px;float: left;background: #f9f9f9;border-radius:20px;border:none;}
.google_sch_w .btn01{position:absolute;top:0;right:0; min-width: 40px; font-size:14px;height:40px;line-height:38px;padding:0;text-indent: -9999em;border:none; background: url(images/btn_google.png) no-repeat 50% 50%;}

.portlet_appraisal.por1010  .box01 select{height:34px;line-height: 34px;}
.portlet_appraisal.por1010  .box03{position:relative;padding-top:15px;min-height:62px;padding-left:60px;}
.portlet_appraisal.por1010  .box03 div{position:absolute;top:15px;left:0; width:50px;line-height:1.2em; height:46px;padding:8px;text-align:center; border:1px solid #103ea6;color:#103ea6;}
.portlet_appraisal.por1010  .box03 li{padding-top:6px;color:#555555;}

.google_sch_w ul{padding-top:20px;}
.google_sch_w ul li{font-size:14px;line-height: 1.4em;letter-spacing: -0.6px;}


.table_sch_w{clear: both;overflow: hidden;padding-bottom:10px;}
.table_sch_w .select{width:100%;padding-bottom:5px;}
.table_sch_w input{width: calc(100% - 70px);font-size: 14px;float: left;margin-left:0 !important;}
.table_sch_w .btn01{float:left;margin-left:0; min-width: 70px;font-size:14px;height:40px;line-height:38px;padding:0;}



/*구글 달력*/
#google_calendar .view-container-border{background-color: #ccc;}
.ui-widget{font-size:13px;}

.portlet_wrap05{}
.portlet_wrap05 .tab_type1{padding-left:1px;margin-bottom:20px;}
.portlet_wrap05 .tab_type1 li{display:block;float:left;width:calc(25% + 1px);margin-left:-1px;border:1px solid #e1e1e1;}
.portlet_wrap05 .tab_type1 li.on
.portlet_wrap05 .tab_type1 li:hover{border:1px solid #5b626c;}
.portlet_wrap05 .tab_type1 li a{  display:table;  height:30px;line-height: 30px;border:none;padding:0;margin:0;text-align: center;}

.portlet_wrap05 .portlet_ul_list li a{font-size: 14px;color:#444;}

.portlet_wrap05 .tab_type1 li{border:none;}
.portlet_wrap05 .tab_type1 li a{color:#888888;font-size:16px; font-weight:500; background: #fff;}
.portlet_wrap05 .tab_type1 li a span{display:inline;width:auto; border-bottom:2px solid #fff;}
.portlet_wrap05 .tab_type1 li.on a span{color:#9d1c20; border-bottom:2px solid #9d1c20;}

/* 지원금 신청 */
.portlet_appraisal.por_1022 .ul_list2 .text{position: relative;padding-right:70px;padding-left:10px;}
.portlet_appraisal.por_1022 .ul_list2 .text .text01_{font-size:15px;color:#666666;font-weight: 600;}
.portlet_appraisal.por_1022 .ul_list2 .text .text02_{padding-top:10px;color:#999999;font-size:13px;}
.portlet_appraisal.por_1022 .ul_list2 .text span{position:absolute;top:6px;right:10px; display:inline-block;color:#fff;text-align:center; min-width:53px; padding:5px 3px; background:#4f92dd;border-radius: 3px;}

.portlet_appraisal.por_1022 .ul_list2 .text2{padding-left:10px;padding-right:10px;}
.portlet_appraisal.por_1022 .table_wrap .t_list .label{width:100%;padding:10px 5px;text-align:center; background: #f6f7fb;color:#222;}


/* 바로가기 */
.portlet_wrap15 ul{clear: both;overflow: hidden;}
.portlet_wrap15 ul li{float:left; width:33.3333%;text-align: center;margin-bottom:5px;}
.portlet_wrap15 ul li.NO_RESULT{width:100%;}
.portlet_wrap15 ul li a{display:block;margin:0 2px;}
.portlet_wrap15 ul li a .img_box{max-width:70px;height:70px;margin:0 auto;}
.portlet_wrap15 ul li a .img_box .image{width: 100%; height: 100%;}
.portlet_wrap15 ul li a .img_box .image .fileimg_wrap170{height: 100%; vertical-align: middle;text-align: center;}
.portlet_wrap15 ul li a .img_box .image .fileimg_wrap170 img{width:100%;height:100%; border-radius: 35px;}
.portlet_wrap15 ul li a .text01{margin-top:10px; line-height:1.2em;height:30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}

/* 자주가는사이트 */
.portlet_wrap16{position: relative;}
.portlet_wrap16 .set_btn{display: block; position: absolute;top:-42px; left:75px;width: 17px;height: 17px;background: url(images/btn_set_ic.png) no-repeat 50% 50%;text-indent: -9999em;}
.portlet_wrap16 .box01{display:none;padding-bottom:10px; }
.portlet_wrap16 .box01.on{}
.portlet_wrap16 .box01 dl + dl{margin-top:15px;}
.portlet_wrap16 .box01 dl dt{color:#222;line-height: 1.2em;font-size:14px; padding-left:8px;text-indent: -8px;padding-bottom:5px;}
.portlet_wrap16 .box01 dl dt:before{display: inline-block;vertical-align: middle;margin-right:5px; width:3px;height:3px;content: "";background:#666666;}
.portlet_wrap16 .box01 dl dd{}
.portlet_wrap16 .box01 dl dd input{background: #f9f9f9;border-radius: 20px;border: none;}

 .portlet_wrap16 .NO_RESULT.type01{border:none;padding:0;}
.portlet_wrap16 .port_btn_w{clear: both;overflow: hidden;padding-top:10px;}
.portlet_wrap16 .port_btn_w .btn01{float: left;width:49%;min-width: auto;}
.portlet_wrap16 .port_btn_w .btn01 + .btn01{float: right;}

.portlet16_list li{position:relative; margin-top:10px;padding:13px 50px 13px 10px;line-height:1.2em; clear: both;overflow: hidden;border:1px solid #ebebeb;}
.portlet16_list li:first-child{margin-top:0;}
.portlet16_list li .title{width:45px;height:42px; display:block;position:absolute;top:0;right:0;  padding-right:0;line-height: 1.2em;background: #a7aab0 url(images/icon_05.png) no-repeat 50% 50%;text-indent: -9999em;border:none;}
.portlet16_list li .btn_del{display:none;position: absolute;top:0;right: 0;width:45px;height:42px;background:#fff url(images/btn_close.png) no-repeat 50% 50%;text-indent: -9999em;z-index: 1;border:none;}
.portlet_wrap16.on li .btn_del{display:block;}
.portlet_wrap16.on li .title{padding-right:25px;}






/* 자주가는사이트 */
.portlet_wrap17 .ul_list{padding-bottom:10px;}

/* 도서대출현황 */
.portlet_wrap17 .box03{padding-top:20px;}
.portlet_wrap17 .box03 dl{clear: both;overflow: hidden;}
.portlet_wrap17 .box03 dl dt{float: left;width:30%;height:40px;padding-top:5px;line-height:1.2em; text-align: center;border:1px solid #222;font-weight: 600;}
.portlet_wrap17 .box03 dl dd{float: left;width:70%;padding-left:20px;}

.portlet_wrap17 .btn01{width:100%;display: block;border-radius: 3px;}
/* .portlet_wrap17 .btn01 span{padding-left:25px;background:url(images/icon_02_.png) no-repeat 0 50%;border-radius: 3px;}
 */
 .portlet_wrap17 .btn01 span{padding-left:20px;background:url(images/com_aladdin/btn02_ic13.png) no-repeat 0 50%;border-radius: 3px;}



/* 도서대출현황 */
.portlet_wrap18{}
.portlet_wrap18 .port18_01 > li{padding-top:10px;}
.portlet_wrap18 .port18_01 > li:first-child{padding-top:0;}
.portlet_wrap18 .port18_01 > li dl{clear: both;overflow: hidden;}
.portlet_wrap18 .port18_01 > li dt{width:50px;float: left;padding-top:10px;font-size:16px;font-weight: 600;}
.portlet_wrap18 .port18_01 > li dt.bg01{padding-bottom:60px; background:url(images/icon_food01_.png) no-repeat 0 35px;}
.portlet_wrap18 .port18_01 > li dt.bg02{padding-bottom:70px;background:url(images/icon_food02.png) no-repeat 0% 35px;}
.portlet_wrap18 .port18_01 > li dd{float:right;width:calc(100% - 50px);;padding-left:0;}
.portlet_wrap18 .port18_01 > li dd .port18_02{clear: both;overflow: hidden;}
.portlet_wrap18 .port18_01 > li dd .port18_02 li{width:50%;padding:3.5px;float: left;}
.portlet_wrap18 .port18_01 > li dd .port18_02 li a{width:100%;background:#9d1c20;padding:10px 3px; border:1px solid #9d1c20; border-radius:5px;font-size: 14px;}
.portlet_wrap18 .port18_01 > li dd .port18_03 li{width:100%;padding:3.5px;float: left;}
.portlet_wrap18 .port18_01 > li dd .port18_03 li a{width:100%;background:#293571;padding:10px 3px; border:1px solid #293571; border-radius:5px;font-size: 14px;}





/* 푸쉬알림 */
.portlet_wrap19{}
.portlet_wrap19 .text01{padding-bottom:10px;}
.portlet_wrap19 ul{}
.portlet_wrap19 ul li{padding-top:10px;margin-left:10px;background:url(images/line01.png) no-repeat 0% 0%;}

.portlet_wrap19 ul li:before{display: inline-block;vertical-align: top;margin-right:5px;margin-top: 15px; margin-left: -6px;width:13px;height:13px;content: "";background:url(images/icon_06.png) no-repeat 50% 50%;}

.portlet_wrap19 ul li.NO_RESULT{margin-left: 0;border-left: none;}
.portlet_wrap19 ul li.NO_RESULT:before{display: none;}

.portlet_wrap19 ul li:first-child {padding-top:0;background:url(images/line01.png) no-repeat 0% 20px;}
.portlet_wrap19 ul li dl{display:inline-block;width:calc(100% - 32px); background:#f7f8fa;padding:16px;border-radius: 10px;margin-left:10px;}
.portlet_wrap19 ul li dt{color:#222;padding-bottom:10px;clear: both;overflow: hidden;}
.portlet_wrap19 ul li dt .name{float: left;font-weight: 600;}
.portlet_wrap19 ul li dt .date{float: right;color:#999999;font-size:12px;}
.portlet_wrap19 ul li dd{line-height: 1.2em;}


.portlet_appraisal .box02 table.t_list tbody td .bot_li:before{margin-right: 5px !important;}





/* 출결인증 */

.portlet_wrap20 .att_pop2_text{padding-top:0;padding-bottom: 10px;}
.portlet_wrap20 .att_pop2_text ul li.text01{padding:5px;font-size: 16px;font-weight: 600;color:#192b86;}
.portlet_wrap20 .att_pop2_text ul li.text02{padding-top:5px;font-size: 13px;}
.portlet_wrap20 .att_pop2_text ul li.text03{padding-top:15px;text-align: right;}
.portlet_wrap20 .att_num01{padding:20px;background:#fcfcfc; }
.portlet_wrap20 .att_num01 h4{text-align: left;padding-bottom:10px;}
.portlet_wrap20 .att_num01 .text01{padding-bottom:15px;}
.portlet_wrap20 .att_num01 .text02{padding-top:20px;}
.portlet_wrap20 .att_num01 .btn_w{padding-bottom:13px;}
.portlet_wrap20 .att_num01 .num_w{padding:0 20px;}
.portlet_wrap20 .att_num01 .num_w li{padding:0 2.5px;}
.portlet_wrap20 .att_num01 .num_w li span{width:100%; height:43px;border-bottom: none;display:block;line-height:37px;font-size:25px; text-align: center;border:3px solid #f4f4f4;border-radius: 5px;background:#fff;}

.portlet_wrap20 .btn01.col02{background: #293571;border:1px solid #293571;}
.portlet_wrap20 .att_num01 ul li{width:25%;padding:0 1%; height:42px;padding-top:0;margin-left:0;}
.portlet_wrap20 .att_num01 ul li input {width:100%;padding:0;font-size:36px;    border: 4px solid #ececec;color: #293571;    font-weight: 700;border-radius: 5px;}
.portlet_wrap20 .btn_wrap{padding-top:0;}
.portlet_wrap20 .att_num01 + .tab_top_wrap{padding-top:10px;}

.portlet_wrap20 .ul_inblock{width:100%}
.portlet_wrap20 .ul_inblock li{width:25%;}
.portlet_wrap20 h5{padding:10px 0 5px 0;}
.portlet_wrap20 .radio{padding-right: 0;padding-bottom: 5px;}


/*휴보강조회*/
.portlet_wrap21{}
.portlet_wrap21 .ul_list{padding-bottom:15px;}
.portlet_wrap21 .ul_list li{font-size:14px;}
.portlet_wrap21 .table_wrap .t_list .label{padding:4px 5px;}
.portlet_wrap21 .table_wrap .t_list .label.bg01{background: #7d7d7d;}
.portlet_wrap21 .table_wrap .t_list .label.bg02{background: #53cbc4;}


/* 수강생 정보 검색 */
.portlet_wrap28 .table_sch_w{padding-bottom:20px;}
.portlet_wrap28 .table_sch_w select{height:34px;line-height: 34px;}
.portlet_wrap28 .table_sch_w  .box01{position:relative; padding-bottom:10px;clear: both;overflow: hidden;}
.portlet_wrap28 .table_sch_w  .box01 input{width:100%;padding-right:50px;background:#f9f9f9;border-radius:20px;  font-size: 14px;border:none;}
.portlet_wrap28 .table_sch_w  .box01 .btn01{position:absolute;top:0;right:0; width: 40px;min-width: 40px;border:none; font-size:13px;height:40px;line-height:40px;padding:0;text-indent: -9999em;    background: url(images/main_btn01.png) no-repeat 2px 50%;}






/* 라벨 */
.portlet_ul_list .label{color:#fff;width:auto;text-align:center; padding:5px 2px;border-radius:3px;}
.portlet_ul_list .text{padding-top:10px;}
.portlet_ul_list .label + strong{margin-left:5px;}
.portlet_ul_list .label{display: inline-block;color:#fff;min-width:60px;padding:5px 2px;margin-right:0;border-radius:12px; background: #7d7d7d;}
.portlet_ul_list .label.bg01{background: #e26968;}
.portlet_ul_list .label.bg02{background: #da993b;}
.portlet_ul_list .label.bg03{background: #5086de;}
.portlet_ul_list .label.bg04{background: #b66be0;}




/* 포틀릿 상담 아이콘 */
.cou_icon_w{background: #fff;padding:3px 2px;display: inline-block;vertical-align: middle;float: left;}
.cou_icon_w + .cou_icon_w{padding-left:0;}
.cou_icon{display: inline-block;width:20px;height:20px;line-height:20px;font-weight:600;  margin-right:0; color:#fff;border-radius:2px; font-size:12px;text-align:center; letter-spacing: 1;    vertical-align: middle; }
.cou_icon + .cou_icon{margin-left:5px;}
.cou_icon.col00{background: #103ea6;border:1px solid #0b3799;border-radius:14px;}
.cou_icon.col01{background: #ec3232;}
.cou_icon.col02{background: #b92c00;}
.cou_icon.col03{background: #ff945a;}
.cou_icon.col04{background: #f56414;}
.cou_icon.col05{background: #a1b900;}
.cou_icon.col06{background: #4cd97a;}
.cou_icon.col07{background: #10c9d0;}
.cou_icon.col08{background: #06909c;}
.cou_icon.col09{background: #06a9f5;}
.cou_icon.col10{background: #61abff;}
.cou_icon.col11{background: #0b4281;}
.cou_icon.col12{background: #b17ed8;}
.cou_icon.col13{background: #9431e1;}
.cou_icon.col14{background: #ff5e99;border:1px solid #e6296f;}
.cou_icon.col15{background: #ec3276;border:1px solid #d72264;}
.cou_icon.col16{background: #a74669;border:1px solid #853250;}
.cou_icon.col17{background: #683737;border:1px solid #522626;}
.cou_icon.col18{background: #99838b;border:1px solid #7f6870;}
.cou_icon.col19{background: #afafaf;border:1px solid #a0a0a0;}
.cou_icon.col20{background: #898989;border:1px solid #707070;}

.portlet_wrap07_ .portlet_appraisal{position: relative;padding-top:35px;}
.portlet_wrap07_  .cla_center{position:absolute;top:0;left:0;text-align: center;width:100%;transition:all 0.5s ease;clear: both;overflow: hidden;}
.portlet_wrap07_  .cla_center a{display: inline-block;vertical-align: top;}
.portlet_wrap07_  .cla_center a:hover{opacity: 0.7;}
.portlet_wrap07_  .cla_center .prev_btn{margin-right:10px;float: left;}
.portlet_wrap07_  .cla_center .prev_btn span{padding-right:20px; background: url('images/cal_prev.png') no-repeat 100% 50%;font-size: 13px;color:#999999;}
.portlet_wrap07_  .cla_center .next_btn{margin-left:10px;float: right;}
.portlet_wrap07_  .cla_center .next_btn span{padding-left:20px; background: url('images/cal_next.png') no-repeat 0% 50%;font-size: 14px;color:#999999;}
.portlet_wrap07_  .cla_center span{display: inline-block;font-size: 16px;font-weight: 600;color:#333333;}

.portlet_wrap07_ .portlet_appraisal .table_wrap .t_list .label{width:auto;}
.portlet_wrap07_ .portlet_appraisal .table_wrap .t_list .label.bg01{border: 1px solid #1ab84e;background: #26ad52;color: #fff;}
.portlet_wrap07_ .portlet_appraisal .table_wrap .t_list .label.bg02{border: 1px solid #c21542;background: #ce4466;color: #fff;}
.portlet_wrap07_ .portlet_appraisal .table_wrap .t_list .label.bg03{border: 1px solid #448fe6;background: #299cec;color: #fff;}
.portlet_wrap07_ .portlet_appraisal .table_wrap .t_list .label.bg04{border: 1px solid #7b24bf;background: #7f64d9;color: #fff;}
.portlet_wrap07_ .portlet_appraisal .table_wrap .t_list .label.bg05{border: 1px solid #777777;background: #757380;color: #fff;}

/* 메인 슬라이드 */
.portlet_box .portlet.slide_portlet.ui-widget.ui-widget-content{width:100%;border-top:none;height: auto;padding: 0;margin-bottom:50px;}
.portlet_box .portlet.slide_portlet .portlet-header{display: none;}
.portlet_box .portlet.slide_portlet .swiper-container{height:auto;}
.portlet_box .portlet.slide_portlet .swiper-container .swiper-slide{height:auto;border:none; }
.portlet_box .portlet.slide_portlet .swiper-container .swiper-slide img{max-width: 100%;max-height: 100%;}
.portlet_on .portlet_box .portlet.slide_portlet .portlet-header{display: block;}
.portlet_on .portlet_box .portlet.slide_portlet.ui-widget.ui-widget-content{width:100%;    border-top: 1px solid #000000;height: auto;padding: 0;}

.portlet_on .portlet_box .portlet_list .portlet.slide_portlet.ui-widget.ui-widget-content{border-top:none;}



@media only screen and (max-width:1280px){
	.portlet_on .portlet_top .portlet_menu_w{padding-left:3%;padding-right:0;}

	.portlet_on .portlet_box .column.portlet_list{margin-right: 0;}
	.main_wrap .portlet_w{padding-right: 10px;}
	/* .portlet_box .column{width:50%;padding:0 2%;} */
	/* .portlet_on  .portlet_box .column{width:34%;padding:0 2%;} */
	.main_wrap .portlet_top{padding-left:2%;padding-right:0%;}
	
	.portlet_on .portlet_top .portlet_menu_w{    width: calc(100% - 270px);}
	.user_open_w{width:100%;padding-right: 30px;padding-left: 30px;}
	.user_open_w .weather_box ul .box02{padding-left:20px;width:175px;}
	
	/* .portlet_box > .dialog > .cont{display: block;} */
	/* .main_wrap .portlet_box .cont .column.portlet_list{display: none;} */
	
	/* .portlet_box .column.portlet_.list2{border-right: none;} */
	.portlet_box .column{padding-left:10px;padding-right: 10px;}
	/* .portlet_on .portlet_box .column.portlet_.list3{float: left;} */
	
	
	.portlet_on .portlet_box .column.portlet_list{width: 270px !important;}

}

@media only screen and (max-width:1024px){
	.portlet_box .column.portlet_.list3{float: right;}
	 .portlet_box > .dialog > .cont{display: block;}
	 .portlet_box .column.portlet_.list2{border-right: none;}
	.user_open .main_user_open_w{display: none;}
	.portlet_box .column{width:100%;padding:0 2%;}
	.gnb_open2 .main_wrap .main_user_w {left:0;visibility: visible;opacity: 1;width:100%;}
	.main_wrap .main_user_w{top:-52px; background: #fff;z-index:70;transition: all 0.5s cubic-bezier(.64,.19,.15,1);}
	.main_user_w .btn_set{display: none;}
	.btn_open_user{display: none;}
	.main_user_w{padding-bottom:30px;}

	.main_top_2 li{width:100%;padding:0 10px;}
	.main_top_1 .main_top_3{width:100%;}
	.main_top_3 ul li{padding:0 10px;}
	.main_top_3 .main_top_4{width:100%;padding:20px 10px 20px 10px;text-align: center;}

	.login_wrap_ .login_box_ > ul{padding:0 20px;}
	.login_wrap_ .login_box_ ul li{width:100%;}
	.login_wrap_ .login_box_ > ul > li + li{border-top: 1px solid #dfe1e9;border-left:none;}
	.login_wrap_ .login_box_ ul li{padding: 40px 0;}
	.login_wrap_ .login_box_ ul li.li1 .text02{padding-top:30px;}

	.login_wrap_ .login_box_{margin:0 10px;}
	.login_slide{margin:10px 10px 0 10px;}
	.login_w .login_footer{padding:25px 10px 30px 10px;}

	.main_wrap .main_user_w{left:-330px;}
	.user_open .main_wrap .main_user_w{display: none;}
	.main_wrap .portlet_w{width:100%;padding:20px 10px;}
	.user_open .main_wrap .portlet_w{width:100%;padding:20px 10px;}
	
	.main_wrap .portlet_top{padding:10px 0 0 0;}
	.user_open .main_wrap .portlet_top{padding:10px 0 0 0;}
	
	.portlet_top ul{padding-top:1px;padding-left:2px;}
	.portlet_top ul li{width:33.33%;margin-right: 0;max-width: none;margin-left:-1px;margin-top:-1px;}
	.portlet_top ul li a{width:100%;border-radius: 0;max-width: none;}
	.portlet_top .btn_set{display: none;}
	
	.main_wrap .btn_box{display:none;}
	.main_wrap .portlet_top{padding-left:0;display: none;}
	.portlet_w{padding-top:40px;}
	.user_open .portlet_w{padding-top:20px;}
	.portlet_box .column{padding:0 1%;min-height: auto;}
	.user_open .portlet_box{padding-top:20px;}

}
@media only screen and (max-width:760px){
	.portlet_box .column{width:45%%;}
	.user_open .portlet_box .column{width:50%;}

}
@media only screen and (max-width:560px){
	.portlet_box .column{width:100%;}
	.user_open .portlet_box .column{width:100%;}
	.portlet_box .column.portlet_{border-right: none;}
}
@media only screen and (max-width:420px){

}
@media only screen and (max-width:380px){

}
@media only screen and (max-width:360px){

}

@media screen and (min-width: 1024px) {
	/*포틀렛 확대*/

	.expansion .portlet:hover {position:relative;background:#fff;    padding:10px;z-index: 100;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);transition:all 0.2s ease;	}
	.expansion .portlet_box .column:nth-of-type(1) .portlet:hover {-webkit-transform: translate(10%, 0) scale(1.2);-moz-transform: translate(10%, 0) scale(1.2);-o-transform: translate(10%, 0) scale(1.2);transform: translate(10%, 0) scale(1.2);	}
	.expansion .portlet_box .column:nth-of-type(3) .portlet:hover {-webkit-transform: translate(-10%, 0) scale(1.2);-moz-transform: translate(-10%, 0) scale(1.2);-o-transform: translate(-10%, 0) scale(1.2);transform: translate(-10%, 0) scale(1.2);	}
	.expansion .portlet_box .column:nth-of-type(1) .portlet:first-of-type:hover{-webkit-transform: translate(10%, 10%) scale(1.2);-moz-transform: translate(10%, 10%) scale(1.2);-o-transform: translate(10%, 10%) scale(1.2);transform: translate(10%, 10%) scale(1.2);	}
	.expansion .portlet_box .column:nth-of-type(2) .portlet:first-of-type:hover {-webkit-transform: translate(0, 10%) scale(1.2);-moz-transform: translate(0, 10%) scale(1.2);-o-transform: translate(0, 10%) scale(1.2);transform: translate(0, 10%) scale(1.2);	}
	.expansion .portlet_box .column:nth-of-type(3) .portlet:first-of-type:hover{-webkit-transform: translate(-10%, 10%) scale(1.2);-moz-transform: translate(-10%, 10%) scale(1.2);-o-transform: translate(-10%, 10%) scale(1.2);transform: translate(-10%, 10%) scale(1.2);	}
	.expansion .portlet_box  .column:nth-of-type(1) .portlet:last-of-type:not(:first-of-type):hover{-webkit-transform: translate(10%, -10%) scale(1.2);-moz-transform: translate(10%, -10%) scale(1.2);-o-transform: translate(10%, -10%) scale(1.2);transform: translate(10%, -10%) scale(1.2);	}
	.expansion .portlet_box  .column:nth-of-type(2) .portlet:last-of-type:not(:first-of-type):hover{-webkit-transform: translate(0, -10%) scale(1.2);-moz-transform: translate(0, -10%) scale(1.2);-o-transform: translate(0, -10%) scale(1.2);transform: translate(0, -10%) scale(1.2);	}
	.expansion .portlet_box  .column:nth-of-type(3) .portlet:last-of-type:not(:first-of-type):hover {-webkit-transform: translate(-10%, -10%) scale(1.2);-moz-transform: translate(-10%, -10%) scale(1.2);-o-transform: translate(-10%, -10%) scale(1.2);transform: translate(-10%, -10%) scale(1.2);	}
	.expansion .portlet:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);	}
}