/* header */ .header:after{content:'';clear:both;display:block;} .header .linkarea{width:100%;height:47px;border-bottom:1px solid #ebebeb;text-align:right;display:none} .header .linkarea a{position:relative;display:inline-block;height:47px;line-height:47px;padding:0 15px;vertical-align:middle;font-size:13px;color:#888} .header .linkarea .btn_wtechcenter:before, .header .linkarea .btn_demosite:before{content:"";position:absolute;left:0px;top:18px;height:12px;border-left:1px solid #aaa} .header .linkarea .btn_allmenu{display:inline-block;height:29px;line-height:29px;padding:0 9px 0 34px;margin-left:5px;margin-right:2.3958%;border:1px solid #cfd5d8;border-radius:2px;color:#737373;background:url(../cm/images/contents/btn_allmenu.png) 11px 7px no-repeat} .header .linkarea .btn_allmenu:hover{background-color:#ebebeb} .header .btn_toggle_menu{display:inline-block;position:relative;width:56px;height:50px;font-size:0px;line-height:0px;vertical-align:top} .header .btn_toggle_menu:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;background:url(../cm/images/contents/btn_toggle_menu.png) center center no-repeat} .header .btn_toggle_menu:hover:after{animation:btn_toggle_menu 1s forwards} .header h1{display:inline-block;width:182px;height:50px;vertical-align:top} .header h1 .logo{display:inline-block;width:100%;height:100%;font-size:0px;line-height:0px;vertical-align:top;background:url(../cm/images/contents/logo.png) 20px 17px no-repeat} .gnb_menu{position:relative;display:inline-block;margin-left:22px;} .gnb_menu > li{position:relative;display:inline-block;height:100%;vertical-align:top;} .gnb_menu > li > h2 > a{position:relative;display:inline-block;width:100%;line-height:50px;padding:0 16px;font-size:13px;box-sizing:border-box;color:rgba(255,255,255,0.85)} .gnb_menu > li.on > h2 > a, .gnb_menu > li > h2 > a:hover{color:#fff;} .gnb_menu > li.on > h2 > a:before, .gnb_menu > li > h2 > a:hover:before{content:'';position:absolute;left:8px;top:43%;width:6px;height:6px;margin-left:-3px;border-radius:100%;background:#fff;} .container.widget_bg{background-color:#EFF1F3 ;} ._flex{display: flex;} .dep2{display:none;position:absolute;top:50px;left:-1px;min-width:163px;border-radius:5px;z-index:200;} .dep2 > li{background:#368CB2;} .dep2 > li + li{border-top:1px solid #5CA2C1} .dep2 > li > a{display:block;padding:6px;font-size:12px;line-height:18px;color:#fff;text-align:center;box-sizing:border-box;} .dep2 > li:hover{background-color:#368CB2;} .dep2 > li.on{background:#5CA2C1 url(../cm/images/contents/btn_tab_right.png) no-repeat 95% center;-webkit-transition:background-position-y .3s;-o-transition:background-position-y .3s;transition:background-position-y .3s} .gnb_menu > li.on > .dep2{display:block;box-shadow:-2px 5px 8px -5px #aaaaaa;-moz-box-shadow:-2px 5px 8px -5px #aaaaaa;-webkit-box-shadow:-2px 5px 8px -5px #aaaaaa;z-index: 1000;} .dep2:after{content:'';width:5px;height:5px;border-top:1px solid #368CB2;border-right:1px solid #368CB2;display:inline-block;transform:rotate(315deg);position:absolute;top:-4px;left:25px;background:#368CB2;} .grp_top .head_left .gnb.depth1 > li > a{position:relative;} .grp_top .head_left .gnb.depth1>li.on .depth2{display:none;} .grp_top .head_left .gnb.depth1>li.on:after{content:'';width:6px;height:6px;border-top:1px solid #20252A;border-right:1px solid #20252A;display:inline-block;transform:rotate(135deg);position:absolute;top:8px;right:-20px;transition: all .2s;} .grp_top .head_left .gnb.depth1>li.open .depth2{display:block;} .grp_top .head_left .gnb.depth1>li.open:after{transform:rotate(315deg);top:12px;} .grp_top .head_left .gnb .depth2{display:none;position:absolute;top:48px;width:158px;left:-18px;padding:10px 0;border:1px solid #CED4DA;background:#fff;border-radius:4px;box-shadow:0 0 10px rgb(0 0 0 / 20%);} .grp_top .head_left .gnb .depth2:after{content:'';width:10px;height:10px;border-top:1px solid #CED4DA;border-right:1px solid #CED4DA;display:inline-block;transform:rotate(315deg);position:absolute;top:-7px;left:25px;background:#fff;} .grp_top .head_left .gnb .depth2 li a{display:block;line-height:40px;height:40px;padding:0 15px;margin: 0px 0;font-size: 14px;} .grp_top .head_left .gnb .depth2 li a:hover, .grp_top .head_left .gnb .depth2 li a.on{color:#EB6619;text-decoration:underline;background:#F6F6F6;position: relative;} .grp_top .head_left .gnb .depth2 li a:hover:after, .grp_top .head_left .gnb .depth2 li a.on:after{content:'';position:absolute;top: 16px;right:11px;border-top:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #EB6619;} .dep3{display:none;position:absolute;top:-1px;left:100%;min-width:163px;border:1px solid #368cb2;z-index:100;-webkit-transition:ease-in .2s;-o-transition:ease-in .2s;transition:ease-in .2s;} .dep3 > li{background:#368cb2;} .dep3 > li + li{border-top:1px solid #5CA2C1} .dep3 > li > a{display:block;padding:6px;font-size:12px;line-height:18px;color:#fff;text-align:left;} .dep3 > li:hover{background-color:#5CA2C1} .dep2 > li.on > .dep3{display:block;box-shadow:-2px 5px 8px -5px #aaaaaa;-moz-box-shadow:-2px 5px 8px -5px #aaaaaa;-webkit-box-shadow:-2px 5px 8px -5px #aaaaaa;} .dep3 > li.on {background:#5CA2C1} .header .option_box{position:absolute;top:0;right:0;display:table;} .header .option_box > ul{display:table-cell;vertical-align:middle;} .header .option_box > ul > li{display:inline-block;margin-right:16px;text-align:center;} .header .option_box > ul > li > a{position:relative;display:inline-block;width:100%;height:100%;padding-top:30px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box; font-size:11px;vertical-align:middle;} .header .option_box > ul > li > a.btn_mypage{padding:15px 45px 15px 30px;line-height:20px;color:#fff;font-size:12px;text-align:left} .header .option_box ul li .btn_mypage:after{content:'';position:absolute;top:50%;right:29px;width:8px;height:4px;background:url(../cm/images/contents/ico_selectarrow_down.png) no-repeat right center;} .header .option_box ul li .btn_mypage:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;background:url(../cm/images/contents/ico_mypage.png) no-repeat left center;} .header .option_box ul li .btn_setting{background:url(../cm/images/contents/ico_setting.png) no-repeat 5px 50% #2d5277;background-size:16px;display: inline-block;margin: 0 4px 0 0;padding: 0 8px 0 26px;height:26px;color:#f0f2f4;font-size:12px;font-weight:bold;line-height:25px;text-align:center;border:1px dashed #a1b1be;border-radius: 3px;box-sizing: border-box;} .header .option_box ul li.myapge{position:relative;} .header .option_box ul li.mypage .items{display:none;position:absolute;top:50px;left:-1px;min-width:141px;border:1px solid #caccce;z-index:10;} .header .option_box ul li.mypage .items li{background:#fff;} .header .option_box ul li.mypage .items li + li{border-top:1px solid #e9ecef} .header .option_box ul li.mypage .items li a{display:block;padding:10px 11px;font-size:12px;line-height:18px;color:#4a5864;text-align:left;} .header .option_box ul li.mypage .items li:hover{background-color:#f8f8fa} .header .option_box ul li.mypage .items.on{display:block;box-shadow:-2px 5px 8px -5px #aaaaaa;-moz-box-shadow:-2px 5px 8px -5px #aaaaaa;-webkit-box-shadow:-2px 5px 8px -5px #aaaaaa;} .header .option_box ul li.mypage .items .btn_logout:after{content:'';display:inline-block;width:16px;height:16px;margin-left:3px;vertical-align:middle;background:url(../cm/images/contents/contents/ico_logout.png) no-repeat left top} /* MDI */ .win_c {position:absolute;top:0;left:0;right:0;bottom:0} .win_c .w2window {border:none;} .win_c .w2window_iframe {background:#fff} .win_c .w2window.w2window_restored{border: 1px solid #CED4DA;} .win_c .w2window_header{height:30px;background:#fff; padding:0} .win_c .w2window_header .w2window_header_title {color:#000;line-height:30px;padding:0;height:30px;} .win_c .w2window_header_icon {top:3px} .win_c .w2window_header_control{height:30px;top:0;width:58px} .win_c .w2windowContainer_window_top {position:absolute; top:30px;} .win_c .w2windowContainer_window{left:0;right:0;bottom:36px;} .win_c .w2windowContainer_nameLayer{position:relative;top:0;width:auto;height:30px;line-height:30px;padding:0 25px 0 25px;white-space:nowrap;color:#fff;text-overflow:ellipsis;font-size:12px;text-align:center;font-weight:bold;background:#858585;-moz-box-sizing:border-box;box-sizing:border-box;margin-right: 4px;} .win_c .w2window_body{top:0;background-color:transparent;} .win_c .w2window_content{left:0;right:0;bottom:0;border:0;} /* Restored Window */ .win_c .w2window_restored .w2window_body{top:30px;} .win_c .w2window_restored .w2window_header{background:#e9ebf1} /* .win_c .w2windowContainer_windowToolbar{height:30px;border-top:1px solid #b5b8be;background:#d9dadc;} */ .win_c .w2windowContainer_windowToolbar{display:none} .win_c .w2windowContainer_windowToolbar_top{height:30px;background: #2d5277;} .win_c .w2windowContainer_nameContainer{height:30px; top:0; right:201px !important;left:5px;overflow:hidden;border-bottom:1px solid #d4dcde} .win_c .w2windowContainer_name{height:30px;} /* .win_c .w2windowContainer_nameLayer, */ .win_c .w2windowContainer_selectedNameLayer{color:#000;background:#FFF} .win_c .w2windowContainer_nameLayer_close{background:url(../cm/images/contents/tab_close.png) no-repeat center center; width:25px; height:25px; right:0px; left:auto; top:0px;} .win_c .w2windowContainer_selectedNameLayer .w2windowContainer_nameLayer_close {background:url(../cm/images/contents/tab_close_active.png) no-repeat center center; width:25px; height:25px; right:0px; left:auto; top:0px;} .win_c .w2windowContainer_controlIconLayer{width:201px !important;right:0;top:0;height:30px;background: transparent;} .win_c .w2windowContainer_controlIcon_vertical{background: #368CB2 url(../cm/images/contents/icon_mdi0.png) center no-repeat;width:27px; height:25px; left:auto !important; right:116px; top:5px;} .win_c .w2windowContainer_controlIcon_horizontal{background: #368CB2 url(../cm/images/contents/icon_mdi1.png) center no-repeat;width:27px; height:25px; left:auto !important; right:89px;top:5px;} .win_c .w2windowContainer_controlIcon_cascade{background: #368CB2 url(../cm/images/contents/icon_mdi2.png) center no-repeat;width:27px; height:25px;left:auto !important; right:64px; top:5px;} .win_c .w2windowContainer_controlIcon_sequential{background: #368CB2 url(../cm/images/contents/icon_mdi3.png) center no-repeat;width:27px; height:25px; left:auto !important; right:37px; top:5px;} .win_c .w2windowContainer_controlIcon_closeAll{background: #368CB2 url(../cm/images/contents/icon_mdi4.png) center no-repeat;width:27px; height:25px; left:auto !important; right:10px; top:5px;} .win_c .w2windowContainer_controlIcon_maximize {background-image: url(../cm/images/contents/icon_mdi5.png); width:24px; height:24px; left:200px; top:4px;} /* 2022.09.28 수정 코드 - INSWAVE 현상 : 탭 갯수가 width 만큼 생긴 경우에 <> 버튼 표시되야함. CSS 적용되면서 로딩 시 무조건 버튼이 표시됨. 각 부분에 !important 제거 margin-right 값 적용되도록 해당 부분만 !important 설정 */ .win_c .w2windowContainer_scrollRightBtn {display:block ;width:24px; height:24px; top:5px; right:145px; margin-right:0 !important; background-image: url(../cm/images/contents/win_right_off.png); background-position:center;background-color:#368CB2;} .win_c .w2windowContainer_scrollLeftBtn {display:block ;width:24px; height:24px; top:5px; left:auto ; right:173px; background-image: url(../cm/images/contents/win_left_off.png); background-position:center;background-color:#368CB2;} /* 기존 코드 - INSWAVE .win_c .w2windowContainer_scrollRightBtn {display:block !important;width:24px; height:24px; top:5px; right:145px; margin-right:0 !important; background-image: url(../cm/images/contents/win_right_off.png); background-position:center;background-color:#368CB2;} .win_c .w2windowContainer_scrollLeftBtn {display:block !important;width:24px; height:24px; top:5px; left:auto !important; right:173px; background-image: url(../cm/images/contents/win_left_off.png); background-position:center;background-color:#368CB2;} */ .win_c .w2window_status{left:0;right:0;bottom:0;background:#F0F2F4;border:1px solid #CED4DA;border-width:1px 0 0 0;z-index:1000;} .win_c .w2window_msg {left:5px;width:auto;padding:3px 0 0 19px;height:15px;color:#495255;background:url(../cm/images/contents/icon_msg.png) no-repeat top 4px left 3px;} .w2windowContainer_nameLayer_fixOff{top:8px;border-radius:2px;background:#CED4DA url(../cm/images/contents/btn_fix_off.png) no-repeat top 1px left 1px;background-size: 100%;} .w2windowContainer_nameLayer_fixOn{background:#66B1CE url(../cm/images/contents/btn_fix_off.png) no-repeat top 1px left 1px;background-size: 100%;} .w2window_minimize{width:18px;height:18px;background:url(../cm/images/contents/btn_minimize.png) no-repeat center;} .w2window_restored .w2window_restore{width:18px;height:18px;background:url(../cm/images/contents/btn_restore.png) no-repeat center;} .w2window_close{width:18px;height:18px;background:url(../cm/images/contents/btn_close.png) no-repeat center;} @keyframes btn_toggle_menu{100%{transform:rotate(180deg)}} /* side */ .side{position:absolute;top:50px;left:-291px;bottom:0;width:220px;border-right:1px solid #e1e1e1;overflow:auto;background:#ffffff;transition:all 0.8s;z-index:1000;-webkit-box-shadow: 0px 0px 15px rgb(30 32 37 / 12%);-moz-box-shadow: 0px 0px 15px rgb(30 32 37 / 12%);box-shadow: 0px 0px 15px rgb(30 32 37 / 12%);} .side .grp_tab{position:absolute;top:16px;left:16px;right:16px;bottom:229px;} .side .grp_tab > a{position:absolute;text-indent:-9999px;} .side .grp_tab > .shortcut_box{position:absolute;right:0;height:25px;} .side .grp_tab > .shortcut_box:after{content:'';display:block;clear:both;} .side .grp_tab > .shortcut_box .btn_all_search{display:inline-block;width:25px;height:25px;margin-right:4px;background:#585858 url(../cm/images/base/ico_search_white.png) no-repeat 50% 50%;text-indent:-9999px;vertical-align:middle;box-shadow: 0px 3px 5px rgb(30 32 37 / 20%); border-radius: 50% 50%;} .side .grp_tab > .shortcut_box .btn_fold{display:inline-block;width:22px;height:22px;background:url(../cm/images/contents/btn_folder.png) no-repeat top 5px center;text-indent:-9999px;vertical-align:middle;} .side .grp_tab > .shortcut_box .btn_fold.on{background-image:url(../cm/images/contents/btn_folder_on.png);} .side .grp_tab > .shortcut_box .btn_fold_list{display:inline-block;width:22px;height:22px;background:url(../cm/images/contents/btn_folder_list.png) no-repeat center;text-indent:-9999px;vertical-align:middle;} .side .grp_tab > .shortcut_box .btn_fold_list.on{background-image:url(../cm/images/contents/btn_folder_list_on.png)} .side .grp_tab .search_field{display:none;position:absolute;top:40px;left:0;z-index:100;width:100%;background-color:#f1f3f6;padding:10px;box-sizing:border-box;border-top:1px solid #e9e9e9;} .side .grp_tab .search_field.active{display:block;} .side .grp_tab .tab_tit{overflow:hidden;} .side .grp_tab .tab_tit li{float:left;height:25px;margin-right: 16px;} .side .grp_tab > .tab_tit > li > a{display:block;line-height:25px;padding:0;color:#333;-moz-box-sizing:border-box;box-sizing:border-box;font-size:13px;text-align: center;font-weight:600} .side .grp_tab > .tab_tit > li.on{background:#fff;border-bottom:2px solid #368CB2} .side .grp_tab > .tab_tit > li.on > a{color: #368CB2;font-weight: 600;} .side .grp_tab > .tab_tit > li.allmenu{position:relative;} .side .grp_tab > .tab_tit > li.allmenu a {padding:0 20px 0 16px;cursor:pointer;} .side .grp_tab .tab_con{position:absolute;top:40px;left:0;bottom:0;overflow:auto;} .recent_work{position: absolute;bottom: 0;left: 0;right: 0;padding: 16px;} .recent_work .tit {font-weight:bold;line-height:28px;} .recent_work > ul {padding-right: 5px;height:99px;overflow-y: auto;} .recent_work .btn_work_clear{width:26px;height:26px;background:url(../cm/images/base/btn_delete.png) no-repeat right 10px;text-indent:-9999px;} .recent_work .work_item{position:relative; margin-bottom: 3px; padding:0 15px; height: 30px; border: 1px solid #EBEBEB; border-radius: 3px; box-sizing:border-box;} .recent_work .work_item a{display:block;line-height: 28px;font-size:12px;} /* LNB */ .tw_menu{background-color:transparent;} .tw_menu .w2treeview_group{width:100%;} .tw_menu .w2treeview_row_depth1 .w2treeview_label{font-size:13px;color: #fff;font-weight:bold;box-sizing: border-box;display: inline-block;width: 100%;padding-left: 16px;background:#858585 url(../cm/images/contents/ico_menuopen.png) no-repeat right 10px center;border-radius:5px;border:1px solid #858585;line-height:22px;margin: 2px 0;} .tw_menu .w2treeview_row_depth1 .w2treeview_label.w2treeview_select_node{background:#368CB2;border:1px solid #368CB2 !important; color:#fff} .tw_menu .w2treeview_row_depth2 .w2treeview_label{font-size:13px;font-weight:bold;} .tw_menu .w2treeview_row_depth3 .w2treeview_label{font-size:12px;} .tw_menu .w2treeview_row_depth3 .w2treeview_label.w2treeview_select_node{position:relative;font-weight:600;color:#368CB2;} .tw_menu .w2treeview_row_depth3 .w2treeview_label.w2treeview_select_node:before{content:'';display:inline-block;width:4px;height:4px;vertical-align:middle;background:#368CB2;border-radius:100%; position: absolute; top:10px; left:-7px;} .tw_menu .w2treeview_row_depth1 .w2treeview_col_label{width:100%;} .tw_menu .w2treeview_row_parent{height:30px;} .tw_menu .w2treeview_row_parent.w2treeview_row_depth2{height:30px;} .tw_menu .w2treeview_row_parent.w2treeview_row_depth3{height:25px;} /* 1depthmenu */ .tw_menu .w2treeview_noguideline.w2treeview_col_depth1{width:30px;} .tw_menu .w2treeview_node .w2treeview_row_depth1{} .tw_menu .w2treeview_open_child .w2treeview_row_depth1 + .w2treeview_row_child{background-color:#fff} .tw_menu .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_col_icon_navi, .tw_menu .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_col_icon_navi{width: 0;padding: 0;} .tw_menu .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_icon_navi{width:30px;background:url(../cm/images/base/ico_acd_down.png) no-repeat 14px 7px;} .tw_menu .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_icon_navi{width:30px;background:url(../cm/images/base/ico_acd_up.png) no-repeat 14px 7px;} .tw_menu .w2treeview_root_last_leaf .w2treeview_row_depth1 .w2treeview_icon_navi, .tw_menu .w2treeview_root_multi_leaf .w2treeview_row_depth1 .w2treeview_icon_navi, .tw_menu .w2treeview_leaf .w2treeview_row_depth1 .w2treeview_icon_none, .tw_menu .w2treeview_leaf .w2treeview_row_depth1 .w2treeview_icon_navi{width:26px;height:27px;margin:0 auto;} /* 2depthmenu */ .tw_menu .w2treeview_open_child .w2treeview_row_depth2 .w2treeview_icon_navi{width:16px;height:16px;background:url(../cm/images/contents/ico_closemenu.png) no-repeat 50% 50%} .tw_menu .w2treeview_close_child .w2treeview_row_depth2 .w2treeview_icon_navi{width:16px;height:16px;background:url(../cm/images/contents/ico_selectmenu.png) no-repeat 50% 50%} .tw_menu .w2treeview_row_depth3 .w2treeview_col_icon_navi {width:0} .tw_menu .w2treeview_child {margin-bottom:8px} .show_menu .side{left:20px;bottom:0;} .show_menu .side_r{right:0;bottom:0;} .show_menu .contents{left:240px;} .show_menu .dim.on{display:block;} /* pageTab */ .tabc_layout{position:absolute;left:0;right:0;top:0;bottom:0} .tabc_layout .w2tabcontrol_control{position:absolute;height:30px;background: #2d5277;} .tabc_layout > .w2tabcontrol_control:before{content:'';position:absolute;left: 0px;top:0px;z-index:1;width:100%;} .tabc_layout .w2tabcontrol_control > button{top:25px;width:22px;height:22px;margin-top:-13px;width:28px;height:28px;margin:0;border:1px solid #d3dbe3} .tabc_layout .w2tabcontrol_control > button:hover{background-color:#e9edf1} .tabc_layout .w2tabcontrol_control > div[class*="btn"]{top:0px;width:30px;height:30px;margin-right:0px} .tabc_layout .w2tabcontrol_control .btn_scrollLeft{right:106px;background:#368CB2 url(../cm/images/contents/btn_tab_left.png) center no-repeat} .tabc_layout .w2tabcontrol_control .btn_scrollRight{right:76px;background:#368CB2 url(../cm/images/contents/btn_tab_right.png) center no-repeat} .tabc_layout .w2tabcontrol_control .btn_submenu{right:16px;background:#368CB2 url(../cm/images/contents/btn_tab_list.png) center no-repeat} .tabc_layout .w2tabcontrol_control.mask{left:20px;right:140px;margin:0px} .tabc_layout .w2tabcontrol_tabhost{position:absolute;bottom:0;left:0;height:30px} .tabc_layout .w2tabcontrol_tabhost li{margin-right:4px;border-right:1px solid #858585;background-color:#858585;} .tabc_layout .w2tabcontrol_tabhost li a{color:#fff} .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background:transparent} .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_center a{top:0px;height:30px;line-height:30px;margin-left:20px;margin-right:20px;font-size:12px;font-weight:600} .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_left{width:0px} .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:20px} .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_right .w2tabcontrol_tab_close{top:0px;height:20px;background:url(../cm/images/contents/tab_close.png) center 6px no-repeat} .tabc_layout .w2tabcontrol_tabhost li.w2tabcontrol_active .w2tabcontrol_tab_right .w2tabcontrol_tab_close {background:url(../cm/images/contents/tab_close_active.png) center 6px no-repeat} .tabc_layout .w2tabcontrol_tabhost li.w2tabcontrol_active{background-color:#fff;z-index:100;border-bottom-color:#fff} .tabc_layout .w2tabcontrol_tabhost li.w2tabcontrol_active a{color:#000} .tabc_layout .w2tabcontrol_container{position:absolute;left:0;right:0;top:30px;bottom:0;border:0px;height:auto !important;background:transparent;} .tabc_layout .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected{height:100% !important;} .w2table_tabControl{left:auto !important;right:7px} .tab_allclose{position:absolute;right:46px;top:0;width:30px;height:30px;margin-right:0px;background:#368CB2 url(../cm/images/contents/btn_tab_allclose.png) center no-repeat;text-indent:-9999px;} .tabc_layout.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected {margin-top:0; padding-top:15px 0 20px 10px} .w2table_tabControl {background-color:#ffffff;border-color:#8996A3;box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);} .w2table_tabControl .w2table_tabControl_col {background-color:#fff;border-top:none;background-position:0 5px;padding-left:20px;} .w2table_tabControl .w2table_tabControl_col_over {background-color:#DBF0F7} /* page samlpe */ .sample_box{overflow:hidden;} .pageWrap{overflow:hidden;margin-top:-30px;margin-left:-20px} .pageWrap .item{float:left;margin:30px 20px 0 20px;text-align:center;list-style:none} .pageWrap .item a{text-indent: -9999em;} .pageWrap .item a{display:block;width:156px;height:149px;background-repeat:no-repeat;background-position:0 0;margin:0 auto} .pageWrap .item a.searchGrid{background-image:url(../cm/images/contents/img_searchGrid.png)} .pageWrap .item a.searchGrid:hover{background-image:url(../cm/images/contents/img_searchGrid_hover.png)} .pageWrap .item a.searchTable{background-image:url(../cm/images/contents/img_searchTable.png)} .pageWrap .item a.searchTable:hover{background-image:url(../cm/images/contents/img_searchTable_hover.png)} .pageWrap .item a.searchTableGrid{background-image:url(../cm/images/contents/img_searchTableGrid.png)} .pageWrap .item a.searchTableGrid:hover{background-image:url(../cm/images/contents/img_searchTableGrid_hover.png)} .pageWrap .item a.searchTab{background-image:url(../cm/images/contents/img_searchTab.png)} .pageWrap .item a.searchTab:hover{background-image:url(../cm/images/contents/img_searchTab_hover.png)} .pageWrap .item a.searchMultiGrid{background-image:url(../cm/images/contents/img_searchMultiGrid.png)} .pageWrap .item a.searchMultiGrid:hover{background-image:url(../cm/images/contents/img_searchMultiGrid_hover.png)} .pageWrap .item a.searchTableTab{background-image:url(../cm/images/contents/img_searchTableTab.png)} .pageWrap .item a.searchTableTab:hover{background-image:url(../cm/images/contents/img_searchTableTab_hover.png)} .pageWrap .item a.treeGrid{background-image:url(../cm/images/contents/img_treeGrid.png)} .pageWrap .item a.treeGrid:hover{background-image:url(../cm/images/contents/img_treeGrid_hover.png)} .pageWrap .item a.hShuttleGrid{background-image:url(../cm/images/contents/img_hShuttleGrid.png)} .pageWrap .item a.hShuttleGrid:hover{background-image:url(../cm/images/contents/img_hShuttleGrid_hover.png)} .pageWrap .item a.vShuttleGrid{background-image:url(../cm/images/contents/img_vShuttleGrid.png)} .pageWrap .item a.vShuttleGrid:hover{background-image:url(../cm/images/contents/img_vShuttleGrid_hover.png)} .pageWrap .item a.popupGrid{background-image:url(../cm/images/contents/img_popupGrid.png)} .pageWrap .item a.popupGrid:hover{background-image:url(../cm/images/contents/img_popupGrid_hover.png)} .pageWrap .item a.popupAlert{background-image:url(../cm/images/contents/img_popupAlert.png)} .pageWrap .item a.popupAlert:hover{background-image:url(../cm/images/contents/img_popupAlert_hover.png)} .pageWrap .item a.hShuttleTree{background-image:url(../cm/images/contents/img_hShuttleTree.png)} .pageWrap .item a.hShuttleTree:hover{background-image:url(../cm/images/contents/img_hShuttleTree_hover.png)} .pageWrap .item a.accordion{background-image:url(../cm/images/contents/img_accordion.png)} .pageWrap .item a.accordion:hover{background-image:url(../cm/images/contents/img_accordion_hover.png)} .pageWrap .item a.treeMultiGrid{background-image:url(../cm/images/contents/img_treeMultiGrid.png)} .pageWrap .item a.treeMultiGrid:hover{background-image:url(../cm/images/contents/img_treeMultiGrid_hover.png)} .pageWrap .item a.calendar{background-image:url(../cm/images/contents/img_calendar.png)} .pageWrap .item a.calendar:hover{background-image:url(../cm/images/contents/img_calendar_hover.png)} .pageWrap .item a.chat{background-image:url(../cm/images/contents/img_chat.png)} .pageWrap .item a.chat:hover{background-image:url(../cm/images/contents/img_chat_hover.png)} .pageWrap .item a.login{background-image:url(../cm/images/contents/img_login.png)} .pageWrap .item a.login:hover{background-image:url(../cm/images/contents/img_login_hover.png)} .pageWrap .item a.slideBanner{background-image:url(../cm/images/contents/img_slideBanner.png)} .pageWrap .item a.slideBanner:hover{background-image:url(../cm/images/contents/img_slideBanner_hover.png)} .pageWrap .item a.stepTable{background-image:url(../cm/images/contents/img_stepTable.png)} .pageWrap .item a.stepTable:hover{background-image:url(../cm/images/contents/img_stepTable_hover.png)} .pageWrap .item a.searchMultiChart{background-image:url(../cm/images/contents/img_searchMultiChart.png)} .pageWrap .item a.searchMultiChart:hover{background-image:url(../cm/images/contents/img_searchMultiChart_hover.png)} .sub_contents{padding:20px} .main_contents .pgtbox{position:relative;margin:0 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap} .main_contents .pgtbox .pgt_tit{display:inline-block;font-weight:600;color:#000;font-size:20px;vertical-align:top} .main_contents .pgtbox h3.pgt_tit{font-size:16px} .main_contents .pgtbox h3.pgt_tit.row_line{font-size:18px; position:relative;padding-right:7px; box-sizing: border-box;} .main_contents .pgtbox h3.pgt_tit.row_line:after{content:''; width:1px; height:16px; background:#c5c5c5; opacity:0.16; position: absolute; top:5px; right:0;} .main_contents .pgtbox .pgt_right{display:flex;align-items:center;margin-left:auto;} .main_contents .pgtbox .pgt_right .btn_miniround{display:inline-block;margin-left:2px;width:20px;height:20px;border:1px solid #CED4DA;padding: 5px7px;box-sizing:border-box;font-size:0;} .main_contents .pgtbox .pgt_right .btn_miniround.left{background:url(../cm/images/contents/ico_arr_prev.png) no-repeat center;} .main_contents .pgtbox .pgt_right .btn_miniround.right{background:url(../cm/images/contents/ico_arr_next.png) no-repeat center;} .main_contents .pgtbox .pgt_right .btn_miniround.plus{background:url(../cm/images/contents/ico_plus.png) no-repeat center;} .main_contents .pgtbox .pgt_tit + .w2selectbox_native{margin-left:10px;} .main_contents .pgtbox .w2selectbox{height:26px;position: absolute;top:-2px;right: 0;} .main_contents .pgtbox .w2selectbox .w2selectbox_label{font-size:12px;font-weight:bold; padding:2px 9px;} .main_contents .pgtbox .w2selectbox .w2selectbox_col_button{width:16px} .main_contents .pgtbox h3.pgt_tit ~ .w2selectbox_native{height:26px;margin-left:10px;background:transparent;} .main_contents .pgtbox h3.pgt_tit ~ .w2selectbox_native:after{right:15px;} .main_contents .pgtbox h3.pgt_tit ~ .w2selectbox_native.fixedWidth .w2selectbox_native_select{height:26px;border:0;} .main_contents .pgtbox h3.pgt_tit ~ .w2selectbox .w2selectbox_col_button{width:30px} .main_contents .pgtbox .w2selectbox_native:after{width:6px;height:4px;background:url(../cm/images/contents/ico_selectarrow.png) no-repeat center;background-size:100% auto;transform:rotate(0deg) translateY(-50%);border:0;} .main_contents .btn_round.widget:after{content:'';position:absolute;top:50%;left:19px;width:8px;height:2px;margin-top:-1px;background:#00bdff;} .main_contents .pgtbox .pgt_route{} .main_contents .pgtbox .pgt_route li{display:inline-block;} .main_contents .pgtbox .pgt_route li>div{display:inline-block;} .main_contents .pgtbox .pgt_route li:after{content:'/';display:inline-block;margin:0 5px;} .main_contents .pgtbox .pgt_route li:last-child:after{display:none;} .main_contents .pgtbox .pgt_route li.on>div{color:#20252A;} .main_contents .pgtbox .pgt_route li.pgt_home{} .main_contents .pgtbox .pgt_route li.pgt_home>div{width:12px;height:18px;background:url(../cm/images/contents/ico_home.png) no-repeat top 3px center;text-indent:-9999px;} .mainbox{width:100%;height:100%;} .mainbox > li{display:inline-block;width:33.333%;height:213px;vertical-align:top;box-sizing:border-box;margin-bottom:10px} .mainbox > li.pg{display:inline-block;width:100%;height:auto;vertical-align:top;box-sizing:border-box;margin-bottom:20px} .shadowbox{position:relative;height:100%;border:1px solid #CED4DA;border-radius:10px;box-sizing:border-box;background:#fff;box-shadow:1px 1px 10px rgb(30 32 37 / 12%);padding: 32px 39px;} .mainbox.top{display:flex;} .mainbox.top > li{height:460px} .mainbox.top .month_result{padding-right:15px;margin-top:15px;} .mainbox.top .month_result:first-child{margin-top:0;} .mainbox.top .month_result .shadowbox{padding: 14px 17px} .mainbox.top .month_result .pgt_tit{font-size:16px} /* .mainbox.top .month_result .chartbox{position:absolute;left:39px;top:82px;right:39px;bottom:32px} */ .mainbox.top .month_result.version{display: flex;justify-content: space-between;height: 119px;} .mainbox.top .month_result.version .shadowbox{width: 100%;height: 119px;margin: 0 6px;} .mainbox.top .month_result.version .shadowbox:first-of-type{margin:0 12px 0 0;} .mainbox.top .month_result.version .shadowbox:last-of-type{margin:0 0 0 12px;} .mainbox.top .month_result .chartbox span{height:100% !important;} /* .mainbox.top .right_grp{width:33.333%; height:585px;padding-left:10px;width: calc(33.333% - 20px);padding-left: 10px;position: absolute;top: 82px;} */ .mainbox.top .left_grp{flex:1;position:relative;height:100%;padding:0;} .mainbox.top .right_grp{position:relative;width:300px;height:585px;padding-left:10px;flex:none;padding:0;} .mainbox.top .right_grp .shadowbox{padding:15px;height:290px;} .mainbox.top .right_grp .shadowbox.noti_news{margin-top:20px;height: 280px;} .mainbox.top .noti_news .pgtbox{margin-bottom:26px} .mainbox.top .noti_news .pgtbox .fr a{margin-left:5px;margin-top:2px} .mainbox.top .noti_news .pgtbox .pgt_right .mainbox.top .noti_news .noticelist{height:200px;overflow:auto;} .mainbox.top .noti_news .noticelist a{display:block;margin-bottom:18px;font-size:12px;font-weight:bold; position: relative;} .mainbox.top .noti_news .noticelist .tit{margin-right:5px;vertical-align:top;} .mainbox.top .noti_news .noticelist .cnt{width:calc(100% - 100px);font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;} .mainbox.top .noti_news .noticelist .cnsubt{position: absolute;top:7px; right:14px; font-size:10px; font-weight: normal;color:#B2BBC5;} .mainbox.top .noti_news .noticelist .tit.category01{color:#fc7d86;} .mainbox.top .noti_news .noticelist .tit.category02{color:#6393ca;} .mainbox.top .calbox .w2calendar{width:280px; /*height:300px; */margin:0 auto; border:0;box-shadow:none} .mainbox.top .calbox .w2calendar_header{background:#fff;} .mainbox.top .calbox .w2calendar_content {border-bottom:none} .mainbox.bottom > li .shadowbox{padding:14px 17px} .mainbox.bottom > li .shadowbox .pgtbox .date{color:#ff8c11;font-size:15px;font-weight:bold} .mainbox.bottom > li:nth-child(3n-2){padding-right:10px} .mainbox.bottom > li:nth-child(3n-1){padding-left:10px;padding-right:10px} .mainbox.bottom > li:nth-child(3n){padding-left:10px} .mainbox.top .month_result .shadowbox.releasebox{padding:15px 18px; background:#636DCA; position: relative;border: 1px solid #636DCA;} .mainbox.top .month_result .shadowbox.releasebox:after{content:''; width:37px;height:37px; position: absolute;top:13px; right:12px; background: #fff url(../cm/images/contents/btn_sub_setting.png) no-repeat center;border-radius:5px} .mainbox.top .month_result .shadowbox.releasebox:nth-of-type(2){background:#349C85;border: 1px solid #349C85;} .mainbox.top .month_result .shadowbox.releasebox:nth-of-type(2):after{background: #fff url(../cm/images/contents/btn_sub_setting.png) no-repeat center;} .mainbox.top .month_result .shadowbox.releasebox:last-of-type{background:#585858;border: 1px solid #585858;} .mainbox.top .month_result .shadowbox.releasebox:last-of-type:after{background: #fff url(../cm/images/contents/btn_sub_setting.png) no-repeat center;} .mainbox.top .month_result .shadowbox.releasebox .w2textbox{color:#fff;} .mainbox.top .month_result .shadowbox.releasebox .pgtbox{margin-bottom:10px;} .mainbox.top .month_result .shadowbox.releasebox .pgt_tit{font-size:12px; font-weight: bold;} .mainbox.top .month_result .shadowbox.releasebox .ver_num{font-size:34px; font-weight: bold; margin-bottom:3px;} .mainbox.top .month_result .shadowbox.releasebox .ver_num.fs16{font-size:16px;} .mainbox.top .month_result .shadowbox.releasebox .ver_desc{font-size:10px;} .mainbox.top .month_result .shadowbox.releasebox .ver_desc + .ver_desc{margin-left:10px;} .mainbox.bottom > li{height:150px; margin-top:15px} .mainbox.bottom > li .pgtbox{margin-bottom: 5px;} .pgtbox .pgt_right .txt_location{font-size:12px; font-weight: bold;} .pgtbox .pgt_right .map_link{width:16px;height:18px;margin-left:5px; background:url(../cm/images/contents/ico_map_link.png) no-repeat center; text-indent:-9999px; overflow:hidden;} .mainbox.bottom .today_weather .w2textbox{font-size:12px; color:#20252a;} .mainbox.bottom .today_weather .cnt_box{display: flex;justify-content:space-around;align-items:center;} .mainbox.bottom .today_weather .cnt_box .cnt_txt{font-size: 40px;font-weight: bold;} .mainbox.bottom .today_weather .cnt_box .cnt_rbox .w2textbox{} .mainbox.bottom .today_weather .cnt_box .cnt_rbox .w2textbox:first-of-type{font-weight: bold;} .mainbox.bottom .today_weather .cnt_bbox{display:flex;justify-content: center;align-items:center;margin-top:13px;} .mainbox.bottom .today_weather .cnt_bbox .s_refresh{width:10px;height:10px;margin-left:10px; background:url(../cm/images/contents/ico_subtit_refresh.png) no-repeat center; text-indent:-9999px; overflow:hidden;} .mainbox.bottom .exchange_rate .flag_tit{display:inline-block; font-size:12px; font-weight: bold; position: relative;} .mainbox.bottom .exchange_rate .flag_tit:after{content:''; width:15px; height:10px; background:url(../cm/images/contents/ico_flag03.png) no-repeat center; position: absolute;top:3px; right:-22px;} .mainbox.bottom .exchange_rate .value_box{display: flex; align-items:center;} .mainbox.bottom .exchange_rate .value_box .w2textbox:first-of-type{font-size:22px; font-weight:bold; color:#F93345;} .mainbox.bottom .exchange_rate .value_box .w2textbox:last-of-type{font-size:10px; color:#f93345; position: relative; padding-left:12px; margin-left:12px; box-sizing: border-box;} .mainbox.bottom .exchange_rate .value_box .w2textbox:last-of-type:before{content:''; width:6px; height:9px; background:url(../cm/images/contents/ico_rising_arrow.png) no-repeat center; position: absolute;top:50%; transform:translateY(-50%); left:0;} .mainbox.bottom .exchange_rate .flagname_box{margin-top:10px;} .mainbox.bottom .exchange_rate .flagname_box li{display: flex;justify-content: space-between;} .mainbox.bottom .exchange_rate .flagname_box li + li{margin-top:3px;} .mainbox.bottom .exchange_rate .flagname_box li .flagname_txt{font-size:10px; font-weight: bold; padding-left:23px; box-sizing:border-box;position: relative;} .mainbox.bottom .exchange_rate .flagname_box li .flagname_txt:before{content:''; width:18px;height: 12px; background:url(../cm/images/contents/ico_flag01.png) no-repeat center; position: absolute; top:0;left:0;} .mainbox.bottom .exchange_rate .flagname_box li .flagname_txt.flag02:before{background:url(../cm/images/contents/ico_flag02.png) no-repeat center;} .mainbox.bottom .exchange_rate .flagname_box li .flagname_txt.flag03:before{background:url(../cm/images/contents/ico_flag03.png) no-repeat center;} .mainbox.bottom .exchange_rate .flagname_box li div .w2textbox:first-of-type{font-size:10px; margin-right:10px;} .mainbox.bottom .exchange_rate .flagname_box li div .w2textbox:last-of-type{font-size:10px; color:#52A9F3; padding-left:10px; position: relative;} .mainbox.bottom .exchange_rate .flagname_box li div .w2textbox:last-of-type::before{content:'';width:6px;height:9px; background:url(../cm/images/contents/ico_down_arrow.png) no-repeat center; position: absolute; top:50%;left:0; transform:translateY(-50%);} .mainbox.bottom .btn_setting{display:inline-block; width:20px;height:20px; background:url(../cm/images/contents/btn_sub_setting.png) no-repeat center; text-indent:-9999px; overflow:hidden;} .mainbox.bottom .system_info .system_tit{font-size: 12px;font-weight: bold;margin-top: 6px;} .mainbox.bottom .system_info .system_listbox{display: flex;justify-content: space-between;margin-top:5px;} .mainbox.bottom .system_info .system_listbox .w2textbox{font-size: 10px;width:19.5%;margin-left:4px;padding:5px 5px 5px 20px; box-sizing:border-box; border-radius:3px;background: #EFF1F3 url(../cm/images/contents/ico_browser01.png) no-repeat center left 15px;text-align:center;} .mainbox.bottom .system_info .system_listbox .w2textbox:first-child{margin-left:0;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(2){background: #EFF1F3 url(../cm/images/contents/ico_browser02.png) no-repeat center left 15px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(3){background: #EFF1F3 url(../cm/images/contents/ico_browser03.png) no-repeat center left 15px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(4){background: #EFF1F3 url(../cm/images/contents/ico_browser04.png) no-repeat center left 15px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(5){background: #EFF1F3 url(../cm/images/contents/ico_browser05.png) no-repeat center left 15px;} .mainbox.bottom .system_info .system_resolution{margin-top:5px; background:#EFF1F3;padding: 5px 7px; border-radius: 3px; box-sizing: border-box;} .mainbox.bottom .system_info .system_resolution .w2textbox{color:#20252A;font-size:12px; font-weight: bold;} .mainbox.bottom .system_info .system_resolution .w2textbox span{font-weight: normal;} /* wrm */ .notice_area {position: absolute;bottom:10px;right:10px;z-index: 9998;} .notice_area .notice {color: #2D353C;width:100%;min-height:15px; margin-bottom:2px; background: rgba(250,250,250,0.97);overflow: hidden;word-break: break-word;border-radius:5px} .notice_area .notice .info {padding: 8px 10px 10px 26px;background:#EDF5FD url(../cm/images/base/ico_notice.png) no-repeat 10px 10px;min-height: 15px;} .notice_area .notice .error {padding: 8px 10px 10px 26px;background:#E74C3C url(../cm/images/base/ico_error.png) no-repeat 10px 10px;min-height: 15px;} .notice_area .notice .warning {padding: 8px 10px 10px 26px;background:#FFF2ED url(../cm/images/base/ico_warning.png) no-repeat 10px 10px;min-height: 15px;} .notice_area .notice .success {padding: 8px 10px 10px 26px;background:#DDF7EB url(../cm/images/base/ico_success.png) no-repeat 10px 10px;min-height: 15px;} /* Accordion */ .accr_wrap{border-top:2px solid #555555; margin:0 0 16px;} .accr_wrap .items{border-bottom:1px solid #e5ebf2;} .accr_wrap .items .tit_box{padding: 4px 8px;-moz-box-sizing:border-box;box-sizing:border-box;} .accr_wrap .items .tit_box a{display:block;padding-right:30px;line-height:28px;color:#2d353c;font-weight:bold;cursor:pointer;background:url(../cm/images/base/ico_acd_down.png) right center no-repeat;-moz-box-sizing:border-box;box-sizing:border-box; font-size:12px;} .accr_wrap .items.on .tit_box a{background-image:url(../cm/images/base/ico_acd_up.png);} .accr_wrap .items .con_box{display:none;padding:20px 30px;overflow:auto;background:#f2f3f4; color:#5E6C84; -moz-box-sizing:border-box;box-sizing:border-box; font-size:12px;} .accr_wrap .items .con_box .w2textbox{line-height:20px;font-size:12px;color:#5E6C84;} .accr_wrap .items.on .con_box{display:block;} /* 기타박스 */ .etcbox {position:relative;margin:0 0 8px;width:100%;min-height:14px;} .msbox {position:relative;margin:0 0 16px;width:100%;min-height:14px;} .msbox >.w2textarea {background: #F2F3F4;text-align: center; font-weight: bold;} /* 가운데정렬 버튼 영역 */ .btncbox{position:relative;width:100%;min-height:14px;padding:7px 0 3px;margin:0;text-align:center} .btncbox:after{content:'';display:block;clear:both;} .btncbox .btn_cm {color:#666feb;border-color:#666feb;background-color:#f9f9fe;margin-bottom:5px} /* table */ .tb .w2tb_th span.th_pt {height:19px;line-height:19px;background:#20252A;padding:0 6px;margin:2px 5px 2px 0;border-radius:3px;color:#fff;} .tb .w2tb_th span.th_txt {line-height:19px;padding:0 6px;margin:2px 5px 2px 0;color:#2D353C;} /* login */ .login_wrap.type2{background:#2D4874 url(../cm/images/base/bg_w.png) no-repeat center center / cover} .login_wrap.type2 .login_container .login_contents {margin-top: 30px;} .login_wrap.type2 .login_container .login_contents ul li .btn_login:active{background: #203B8A;} .login_wrap.type2 .login_bg{background:url(../cm/images/base/img_wlogo2.png) no-repeat 50% 50% ; width:110px;height:96px; margin: auto;background-size: cover;} @media screen and (max-width: 1280px) { /* Mobile Reset */ html,body{-webkit-overflow-scrolling:touch;} body{-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;} .accr_wrap .items .con_box{-webkit-overflow-scrolling:touch;} .mainbox.bottom .system_info .system_listbox .w2textbox {background: #EFF1F3 url(../cm/images/contents/ico_browser01.png) no-repeat center left 10px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(2){background: #EFF1F3 url(../cm/images/contents/ico_browser02.png) no-repeat center left 10px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(3){background: #EFF1F3 url(../cm/images/contents/ico_browser03.png) no-repeat center left 10px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(4){background: #EFF1F3 url(../cm/images/contents/ico_browser04.png) no-repeat center left 10px;} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(5){background: #EFF1F3 url(../cm/images/contents/ico_browser05.png) no-repeat center left 10px;} } @media screen and (max-width: 1200px) { .gnb_menu li a{padding:0 20px 0 30px;} } @media screen and (max-width: 1024px) { .gnb_menu li a{padding:0 20px 0 30px;} } @media screen and (max-width: 800px) { .wrap{position:absolute;top:0;left:0;right:0;bottom:0;min-width:100%;overflow:hidden;} .header{height:50px;text-align:center;} .header h1{width:135px;height:47px;} .header h1 .logo{background-position:0;} .header .option_box{display:none;} .gnb_menu{display:none;position:absolute;top:88px;left:-9999px;background-color:#fff;} .gnb_menu li{position:relative;height:48px;padding:0 10px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .gnb_menu li a{height:auto;line-height:18px;padding:0;font-size:16px;font-weight:normal;word-break:break-all;} .gnb_menu li:nth-child(n) a{background-image:none;} .gnb_menu li:nth-child(n) a:hover{background-image:none;} .gnb_menu li a:hover:before{display:none;} .gnb_menu li.on a{position:absolute;top:50%;left:10px;min-height:30px;line-height:29px;padding:0 10px;text-align:center;color:#fff;border-radius:25px;background:#3681f1 !important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);} .gnb_menu li.on a:before{display:none} .pgt_icobox {display:none} .side{display:none;left:-9999px;transition:none;} .side .user_info .user_cnt .user_position {font-size:19px} .side .user_info .user_cnt .user_team {font-size:15px; margin:5px 0 0} .side .grp_tab{bottom:0;} .side .grp_tab .tab_tit li{border-top:0;} .side .grp_tab .tab_con::-webkit-scrollbar{width:3px;} .recent_work, .tab_allclose{display:none;} .header .btn_toggle_menu{position:absolute;top:0;left:0;height:47px;} .container{top:50px;} .contents{left:0;border-left:0;background:#fff} .mainbox li{width:100% !important;padding-left:0 !important;padding-right:0 !important;} .mainbox.top{flex-direction:column;} .mainbox.top .month_result .pgt_tit {font-size:18px} .mainbox.top .month_result.version{display:block;height:auto} .mainbox.top .month_result.version .shadowbox, .mainbox.top .month_result.version .shadowbox:last-of-type{margin:5px 0 0 0;} .mainbox.top .right_grp .shadowbox.noti_news {margin-top:10px;} .mainbox.bottom > li {height:auto;margin-top:0} .mainbox.bottom .system_info .system_listbox .w2textbox {background: #EFF1F3 url(../cm/images/contents/ico_browser01.png) no-repeat 50% 50% ; text-indent:-9999px; padding:5px} .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(2){background: #EFF1F3 url(../cm/images/contents/ico_browser02.png) no-repeat 50% 50% } .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(3){background: #EFF1F3 url(../cm/images/contents/ico_browser03.png) no-repeat 50% 50% } .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(4){background: #EFF1F3 url(../cm/images/contents/ico_browser04.png) no-repeat 50% 50% } .mainbox.bottom .system_info .system_listbox .w2textbox:nth-of-type(5){background: #EFF1F3 url(../cm/images/contents/ico_browser05.png) no-repeat 50% 50% } .main_contents .pgtbox h3.pgt_tit {font-size:18px} .main_contents .pgtbox .pgt_right {display:none} .show_menu .header{background:#2D5277;-webkit-box-shadow:none;box-shadow:none;} .show_menu .contents{left:0;} .show_menu .side_r{display:block;top:50px;left:0;right:0;bottom:0;width:auto;border-top:1px solid #e9e9e9;border-left:0;} .show_menu .side{display:block;top:50px;left:0;right:0;bottom:0;width:auto;border-top:1px solid #e9e9e9;border-right:0;} .show_menu .side .side_menu01{position:absolute;top:128px;left:105px;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;} .show_menu .side .side_menu01 > li{border:0;} .show_menu .side .side_menu01 > li > a{font-weight:normal} .show_menu .side .side_menu01 > li > a:before, .show_menu .side .side_menu01 > li > a:after{display:none;} .show_menu .side .side_menu02 > li > a{font-weight:normal} .show_menu .side .side_menu03 > li > a{font-weight:normal} .show_menu .side .user_info{padding-left:30px;border-bottom:1px solid #ebebeb;text-align:left;} .show_menu .side .user_info .user_img{vertical-align:middle;} .show_menu .side .user_info .user_cnt{display:inline-block;margin-left:20px;padding-top:0;text-align:left;vertical-align:middle;} .show_menu .header .btn_toggle_menu{left:0;z-index:2;height:44px;} .show_menu .header .btn_toggle_menu:after{background:url(../cm/images/contents/btn_toggle_menu02.png) center center no-repeat;} .show_menu .header .btn_toggle_menu:hover:after{animation:btn_toggle_menu 1s forwards} .side .grp_tab > .shortcut_box {border:none} .side .grp_tab .tab_tit {border-bottom:1px solid #CED4DA;} .side .grp_tab .tab_tit li {border-width: 1px 1px 0 0;} .tabc_layout .w2tabcontrol_container {top:0} .tabc_layout .w2tabcontrol_container {border-top:none;padding: 16px; box-sizing: border-box;} .shbox {padding:0 0 10px;} .shbox .btn_shbox {position: static;width: 100%;margin-top: 5px;text-align: right;} .shbox .shbox_inner {margin:0} .login_wrap.type2 .login_container {z-index:10;top:60px;left:50%;padding-bottom:50px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:70%;box-sizing:border-box;} .login_wrap.type2 .login_container .login_contents:before {display:none;} .login_wrap.type2 .login_container {top: 50%;margin-left: 0px;border-radius:30px;} .login_wrap.type2 .login_container .login_contents {box-shadow: none; padding: 50px 35px; } .lybox .ly_column {display: block; width: 100% !important;padding: 0 !important;} .dfbox .df_tit { margin-top: 0; line-height:27px;} } @media screen and (max-width: 446px) { .login_wrap.type2 .login_container{ width: 312px;} .login_wrap.type2 .login_contents ul li a {margin-left: 10px;padding-left: 10px;} } .movi_box {border:1px solid #ddd; background:#eee; min-height:360px; padding:10px;} .lybox.left_fix5.movi_box100 {display:flex; flex-direction: column;} .lybox.left_fix5.movi_box101 { display:flex; flex-direction: column; } /* 확대 상태인 경우, movi_box100 클래스가 추가됨 */ /* 축소 상태인 경우, movi_box100 클래스가 제거됨 */ .lybox.left_fix5.movi_box100 .movi_box {} .lybox.left_fix5.movi_box100 .ly_columnfix_left { float: none; padding: 10px 0; width: 100%; height: 584px; } .lybox.left_fix5 .ly_columnfix_left { float: none; padding: 10px 0; width: 458px; height: 544px; }