@charset "euc-kr"; /*============================= START ============================= */ body {width:100%; /*min-width:1256px;*/ margin:0 auto; font-family:"Malgun Gothic","맑은 고딕"; letter-spacing:-1px} div.Wrapper {width:1200px; margin:0 auto; clear:both;} div.Wrapper_full {width:100%; margin:0 auto; clear:both;} .ft_MG {font-family:"Malgun Gothic","맑은 고딕"} .p_re {position:relative} .pmg_lec .pmg_lec_board td.sample {background:none !important} div#content {margin-bottom:35px} div#subContainer div.subContent {min-height:950px; margin-bottom:40px} /* 상단 탑배너 2019 */ .topbnrWp {background:/*rgba('44,60,61,0.6');*/ #031131 url('//file.pmg.co.kr/User/pmg/imgs/2019/bnr/bg_top.jpg') no-repeat center;} .loginForm {display:none} .topbnrWp {display:none;} /* Header */ #Header {background:#fff; background-image:none; height:70px} #Header .loginWrap {position:relative} #Header .loginWrap .Logo {float:left; margin-top:24px} #Header .loginWrap .SearchForm {position:absolute; top:20px; left:180px; width:200px; height:30px; } #Header .loginWrap .SearchForm input[type="text"] {border:none; outline:none; margin:6px 15px; height:18px; background:none; color:#000} #Header .loginWrap .SearchForm input[type="image"] {position:absolute; top:10px; left:2px; } #Header .loginWrap .loginForm {position:absolute; top:32px; right:0; z-index:9999} #Header .loginWrap .loginForm li {float:left; color:#ddd; margin-right:15px} #Header .loginWrap .loginForm li a {font-size:12px; color:#ddd} /* 상단 어워드롤링 */ .subTop_Wrap {float:right;position:relative;} .n_SM_rollban {position:absolute; top:0px; right:0; width:260px; height:70px;} .n_SM_rollban .n_SM_num {position:absolute; bottom:0; right:40px} .n_SM_rollban .ArrowBox {position:absolute; top:5px; right:0} .n_SM_rollban .ArrowBox ul li {float:left; width:16px; height:16px; padding:0; margin:0} /* PMG_Visual 2019 */ #Container div.PMG_Visual{position:relative; background:#000001; height:320px; overflow:hidden; text-align:center;} .visual_back{overflow:hidden; background:url('http://file.pmg.co.kr/User/pmg/imgs/2019/bg_visual.jpg') no-repeat top center; display:block; width:100%; height:320px; -webkit-animation: blink-2 1.5s infinite; animation: blink-2 1.5s infinite;} .visual_typo{position:absolute; top:0; left:50%; margin-left:-600px;} @-webkit-keyframes blink-2 { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes blink-2 { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } /* 사이트메뉴 리스트 2019 */ .PMG_siteMenu {background:#005969 url('//file.pmg.co.kr/User/pmg/imgs/2019/bg_main.jpg') no-repeat center; height:791px} .PMG_siteMenu .siteTop {padding:96px 0 30px; height:104px; overflow:hidden; background:url('//file.pmg.co.kr/User/pmg/imgs/2019/siteTop_tit.png') no-repeat left 96px; } .PMG_siteMenu .siteTop_icon {overflow:hidden; float:right; padding-top:15px} .PMG_siteMenu .siteTop_icon li {width:130px; float:left; height:80px; border-left:1px solid rgba(38, 114, 127, 0.5); text-align:center; } .PMG_siteMenu .siteTop_icon li:first-of-type {border-left:0; } .PMG_siteMenu .siteTop_icon li a {color:#fff; } .PMG_siteMenu .siteTop_icon li a span {display:block; font-size:14px; font-family:"Malgun Gothic","맑은 고딕",sans-serif; letter-spacing:-1px; padding-top:12px;} .siteMenuWp {overflow:hidden;} .siteMenuWp .siteBox {width:228px; float:left; margin-bottom:10px; margin-right:15px} .siteMenuWp .siteBox:before {content:""; display:block; background:url('//file.pmg.co.kr/User/pmg/imgs/2019/sub_menu_top.png'); width:228px; height:5px; } .siteMenuWp .siteBox:after {content:""; display:block; background:url('//file.pmg.co.kr/User/pmg/imgs/2019/sub_menu_btm.png'); width:228px; height:5px; } .siteMenuWp .siteBox .siteCon {background:rgba(255,255,255,0.88); width:226px; height:218px; border-left:1px solid #000;border-right:1px solid #000;} .siteBox .siteCon .list_Tit {width:200px; margin:0 auto; font-size:17px; font-weight:bold; color:#e51937; letter-spacing:-1px; background-position:right top; background-repeat:no-repeat; display:block; margin-bottom:15px; border-right:0; line-height:35px; height:35px; text-align:center; border-bottom:2px solid #000; } .slist01 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon01.png');} .slist02 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon02.png');} .slist03 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon03.png');} .slist04 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon04.png');} .slist05 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon05.png');} .slist06 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon06.png');} .slist07 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon07.png');} .slist08 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon08.png');} .slist09 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon09.png');} .slist10 .siteCon .list_Tit {background-image:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/sub_icon10.png');} .siteCon ul {width:200px; margin:0 14px;} .siteCon ul li {font-size:14px;letter-spacing:-2px; color:#000; display:inline-block; margin-bottom:5px; } .siteCon ul li:after {content:"|"; color:#c2c2c2; margin-right:3px;} .siteCon ul li a {color:#000;margin-right:3px;font-size:14px;} .siteCon ul li a:hover {color:#e51937;} .siteCon li.list_sTit_sub ul li a:hover{color:#e51937;} .siteCon ul li.list_sTit {color:#37878e; border-right:0;display:block;} .siteCon ul li.list_sTit:after {display:none;} .siteCon ul li.nline {border-right:0;} .siteCon ul li.nline:after {display:none;} .siteCon ul li.list_sTit_sub {color:#626262; overflow:hidden; width:100%} .siteCon ul li.list_sTit_sub > span.list_sTit_subtt {float:left;} .siteCon ul li.list_sTit_sub ul { float:left; width:auto; display:inline-block; margin:0 0 0 4px;} .siteCon ul li.list_sTit_sub ul li {margin-bottom:0;} .siteCon ul li.list_sTit_sub ul li a {color:#000} .siteCon ul li.list_sTit_sub ul li:after {margin-right:0;} .siteCon ul li.list_sTit_sub ul li a {margin-right:0;} /* 메인 타이틀 공통 */ #Container .MainTit { text-align:center; font-size:35px; color:#000; font-weight:bold; line-height:40px; padding:80px 0 30px;} #Container .MainTit .SubTit {font-size:20px; font-weight:normal; } /* 이벤트배너 모음 2019 */ .PMG_BnrWp {overflow:hidden; background:#f8f8f8; padding-bottom:80px} .evt_bnrBx {overflow:hidden; width:595px; float:left;} .evt_bnrBx li {float:left; position:relative; overflow:hidden;} .evt_bnrBx li a {display:block;} .evt_bnrBx li.overtxt_wp .evt_off_img {display:block; cursor:pointer;} .evt_bnrBx li.ebnr01 {width:595px; height:292px;} .evt_bnrBx li.ebnr02 {width:292px; height:292px; margin-top:10px;} .evt_bnrBx li.ebnr03 {width:292px; height:292px; margin-top:10px; margin-left:11px;} .evt_bnrBx li.ebnr04 {width:292px; height:594px;} .evt_bnrBx li.ebnr05 {width:292px; height:292px; margin-left:11px;} .evt_bnrBx li.ebnr06 {width:292px; height:292px; margin-top:10px; margin-left:11px;} /* 마우스오버 */ .over_txt {position:absolute; display:flex; align-content:stretch; align-items:center; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .over_txt a {width:100%;} .over_txt .txt_detail { width:100%; color:#fff; font-size:15px; text-align:center; line-height:25px; } .over_txt .txt_detail span {width:166px; height:13px; font-size:13px; line-height:13px; color:#fff; border:1px solid #fff; padding:9px 0 11px; display:block; text-align:center; margin:30px auto 0;} .over_txt .txt_detail span:after {content:"";display:inline-block; margin-left:10px; width:18px; height:8px; background:url('//file.pmg.co.kr/User/pmg/imgs/2019/icon/icon_arrow.png') no-repeat left top;} .over_txt.txt01 {top:292px; left:0; width:595px; height:292px; background:#457383;} .over_txt.txt02 {top:0; left:292px; width:292px; height:594px; background:#33283c;} .overtxt_wp:hover .over_txt { top:0; left:0;} /* 합격한 사람들 */ .PMG_Success {background:#fff;} /* 합격자후기동영상 */ .PMG_Success {padding-bottom:80px;} .tab_booklist {} .tab_booklist li {width:266px; background:#fff; overflow:hidden; margin-left:17px; border:1px solid #f2f2f2; box-sizing:border-box;} .tab_booklist li .videoImg {width:266px; text-align:center;} .tab_booklist li .videoImg img {height:194px; width:auto; margin:0 auto;} .tab_booklist li .videoTit {width:236px; padding:0 15px; margin-top:15px; letter-spacing:-1px;text-overflow:ellipsis; display:block; white-space:normal; line-height:22px; text-align:left; word-wrap:break-word; display: -webkit-box; /* -webkit-line-clamp: 2; */ -webkit-box-orient:vertical; font-size:12px;} .tab_booklist li .videoTit strong.tit {display:block; font-size:17px; color:#000;/* 추가 */ padding-bottom:5px;} .tab_booklist li .videoTit span.detail {display:block; color:#8c8c8c; min-height:41px; /* min-height:44px 추가 */line-height:16px;} .tab_booklist li .videoTit strong.s_tit {display:block; color:#000;} .tab_booklist li .videoTit span.s_detail {font-size:11px;line-height:15px;display:block;} /* PMG_Type_FullBnr */ #Container .PMG_Type_FullBnr {background:#0e192b; clear:both} /* PMG_Type_PEN */ #Container .PMG_Type_PEN {clear:both} /* PMG_Type_Bnr */ #Container .PMG_Type_Bnr {clear:both; height:160px} #Container .PMG_Type_Bnr ul li {position:relative; float:left; margin-left:30px} #Container .PMG_Type_Bnr ul li:first-child {margin-left:0} #Container .PMG_Type_Bnr ul li .Subject_Btn {position:absolute; top:0; right:0} /* PMG_Type_Rolling */ #Container .PMG_Type_Rolling {padding-bottom:80px; background:#f4f4f4} #Container .PMG_Type_Rolling .EvtWrap {border-top:1px solid #666; border-bottom:1px solid #666} #Container .PMG_Type_Rolling ul.Top {} #Container .PMG_Type_Rolling ul {height:86px; line-height:84px; border-top:1px solid #e1e1e1} #Container .PMG_Type_Rolling ul li {float:left} #Container .PMG_Type_Rolling ul li.Date {font-size:15px; font-weight:600; color:#959595; padding:0 35px} #Container .PMG_Type_Rolling ul li.Act {position:relative; width:62px; height:84px} #Container .PMG_Type_Rolling ul li.Act .Box {position:absolute; top:50%; margin-top:-14px; width:66px; height:23px; font-size:13px; text-align:center; line-height:22px; letter-spacing:-1px; border:1px solid #000} #Container .PMG_Type_Rolling ul li.Act .Info {color:#ca2557; border:2px solid #ca2557; border-radius:16px;} #Container .PMG_Type_Rolling ul li.Act .Evt {color:#ca2557; border:2px solid #ca2557; border-radius:16px;} #Container .PMG_Type_Rolling ul li.Btn {position:relative; width:55px; height:84px; margin:0 20px 0 16px} #Container .PMG_Type_Rolling ul li.Btn .Subject_Btn {position:absolute; top:50%; margin-top:-15px} #Container .PMG_Type_Rolling ul li.Txt {font-size:18px; color:#222} #Container .PMG_Type_Rolling ul li.Txt span.icon_new{font-family:"Malgun Gothic","맑은 고딕",sans-serif; font-size:13px; color:#ca2557} /* PMG_Type_Success */ #Container .PMG_Type_Success {float:left; width:100%; background:#f2f4f7; padding-bottom:60px} #Container .PMG_Type_Success .SuccessWrap {float:left; background:#fff; border:1px solid #e3e7ee; padding:40px} #Container .PMG_Type_Success ul.Top li {margin-bottom:37px} #Container .PMG_Type_Success ul li {float:left; width:194px; height:162px; margin-left:37px} #Container .PMG_Type_Success ul li:first-child {margin-left:0} #Container .PMG_Type_Success ul li .Img {width:194px; height:109px} #Container .PMG_Type_Success ul li .STit {color:#ee2d31; margin-top:5px} #Container .PMG_Type_Success ul li .STxt {color:#616161} /* PMG_Type : Selected */ #Container .SelectGrid {position:absolute; top:-55px; right:0} #Container .SelectGrid span {float:left} #Container .SelectGrid .NumBox {color:#959595; line-height:29px} #Container .SelectGrid .NumBox strong {color:#fff} #Container .SelectGrid .ArrowBox {margin-left:10px} #Container .SelectGrid .ArrowBox ul {display:inline-block; background:#aaaaaa; height:29px; line-height:27px; border-top:none; padding:0 5px;} #Container .SelectGrid .ArrowBox ul li {padding:0 5px; height:29px; margin:0; text-align:center; color:#fff;} #Container .SelectGrid .ArrowBox ul li.NumBox { height:29px; margin:0; } #Container .SelectGrid .ArrowBox ul li a {color:#fff; display:block;} #Container .SelectGrid .SelectBox {margin-left:10px} #Container .SelectGrid .SelectBox select {width:125px; height:29px; border:1px solid #000; outline:none; box-sizing:border-box;padding:4px;} /* PMG_Type_Slider */ #Container .PMG_Type_Slider {background:#323232; clear:both;padding-bottom:70px; font-family:"Malgun Gothic","맑은 고딕",sans-serif} #Container .PMG_Type_Slider .MainTit {color:#fff} #Container .PMG_Type_Slider .SliderWrap {position:relative;font-family:'verdana'"Malgun Gothic","맑은 고딕",sans-serif;} #Container .PMG_Type_Slider .SliderWrap .arrowBtn {display:none; position:absolute; top:50%; margin-top:-31px; width:1200px; z-index:9999} #Container .PMG_Type_Slider .SliderWrap:hover .arrowBtn {display:block;} #Container .PMG_Type_Slider .SliderWrap .arrowBtn a {position:absolute} #Container .PMG_Type_Slider .SliderWrap .arrowBtn .btnNewCrsLeft {left:0} #Container .PMG_Type_Slider .SliderWrap .arrowBtn .btnNewCrsRight {right:0} #Container .PMG_Type_Slider .SliderWrap .SliderNow {width:1200px; height:290px; overflow:hidden; border:1px solid #ededed; background:#fff; box-sizing:border-box; padding:17px 24px; border-radius:7px;} #Container .PMG_Type_Slider .SliderWrap .SliderNow ul { height:248px; overflow:hidden;} #Container .PMG_Type_Slider .SliderWrap .SliderNow ul li {position:relative; background:#fff; float:left; margin-left:30px; width:550px; height:248px; overflow:hidden;} #Container .PMG_Type_Slider .SliderWrap .SliderNow ul li:before {content:""; width:1px; height:248px; float:left; margin-right:24px;background:#ededed} #Container .PMG_Type_Slider .SliderWrap .SliderNow ul li:first-of-type:before {display:none;} #Container .PMG_Type_Slider .SliderWrap .SliderNow ul li:first-child {padding-left:0; margin:0;} #Container .PMG_Type_Slider .SliderWrap .SliderNow .Nimg {float:left; margin-right:25px; margin-top:18px; margin-left:28px; width:103px; } #Container .PMG_Type_Slider .SliderWrap .SliderNow .NtxtBx {float:left; width:366px; margin-top:20px} #Container .PMG_Type_Slider .SliderWrap .SliderNow .NTit {font-size:21px; font-weight:600; color:#000; margin-bottom:10px; font-weight:bold;} #Container .PMG_Type_Slider .SliderWrap .SliderNow .NTxt {font-size:13px; color:#414141; line-height:21px;word-break:keep-all;} #Container .PMG_Type_Slider .SliderWrap .SliderNow .MoreBtn {width:102px; height:35px; margin-top:20px;display:inline-block; background:#323232; } #Container .PMG_Type_Slider .SliderWrap .SliderNow .MoreBtn a {display:block; width:102px; height:35px; font-size:11px; color:#fff; font-weight:normal;text-align:center; line-height:35px} #Container .PMG_Type_Slider .SliderWrap .SliderNow .MoreBtn a img {margin-top:-2px} #Container .PMG_Type_Slider .SliderWrap .SliderNow .reason {font-size:10px;line-height:15px;color:#8f8f8f;padding:10px 0 0;} /* PMG_Type : Btn */ .Subject_Btn {background:#333; width:70px; height:30px; font-size:12px; color:#fff; text-align:center; line-height:28px; letter-spacing:-1px} .More_Btn a {display:block; width:120px; height:38px; font-size:13px; font-weight:600; color:#000; text-align:center; line-height:38px; border:1px solid #000} /* PMG_Type_Info */ .PMG_Type_Info {clear:both; padding-bottom:70px; background:#fff; overflow:hidden;} .PMG_Type_Info .Section {float:left} #Container .PMG_Type_Info .Section_Notice .MainTit {font-size:22px; text-align:left;padding-bottom:10px; position:relative;} #Container .PMG_Type_Info .Section_Notice .MainTit .notice_more {position:absolute; bottom:0px; right:0; font-size:13px; color:#656565; text-align:left;padding-bottom:10px;} #Container .PMG_Type_Info .Section_Notice .MainTit .notice_more span {color:#ca2557} .PMG_Type_Info .Section_Notice {width:585px; margin-right:15px} .PMG_Type_Info .Section_Notice .BoardWrap {position:relative; height:150px; border:1px solid #dbdbdb; padding:15px 40px} .PMG_Type_Info .Section_Notice .More a {position:absolute; top:-1px; right:-1px; display:block; width:28px; height:28px; font-size:27px; text-align:center; line-height:22px; border:1px solid #666} .PMG_Type_Info .Section_Notice ul li {font-size:14px; margin-top:8px} .PMG_Type_Info .Section_Notice ul li:first-child {margin-top:0} .PMG_Type_Info .Section_Notice ul li a {width:445px; color:#000; display:inline-block; zoom:1;*display:inline/*IE7 HACK*/; _display:inline;/*IE6 HACK*/} .PMG_Type_Info .Section_Notice ul li a font {margin-right:8px; color:#ca2557;} .PMG_Type_Info .Section_Notice ul li span {font-size:13px; color:#8f9ba9m} .PMG_Type_Info .Section_Customer {width:585px; margin-left:15px} #Container .PMG_Type_Info .Section_Customer .MainTit {font-size:22px; text-align:left; overflow:hidden; padding-bottom:10px;} #Container .PMG_Type_Info .Section_Customer .MainTit span {float:left; font-size:22px; text-align:left;} #Container .PMG_Type_Info .Section_Customer .MainTit span.CS_num {float:left; display:inline-block;font-size:30px; height:40px; line-height:44px;font-family:Tw Cen MT;text-align:left; margin-left:15px;} .PMG_Type_Info .Section_Customer .CSWrap {float:left; border:1px solid #dbdbdb;} .PMG_Type_Info .CSWrap {overflow:hidden; height:180px;} .PMG_Type_Info .CSWrap .Call {width:260px; float:left; border-right:1px solid #dbdbdb; } .PMG_Type_Info .CSWrap .Call .Date {overflow:hidden; width:240px;padding-bottom:10px; } .PMG_Type_Info .CSWrap .Call .Date .Red {} .PMG_Type_Info .CSWrap .Call .Date .ft_MG {font-family:"Malgun Gothic","맑은 고딕",sans-serif} .PMG_Type_Info .CSWrap .Call .Date .csTit {color:#ca2557; font-size:14px; width:80px; height:29px; border:1px solid #ca2557; text-align:center; letter-spacing:-1px;line-height:27px; margin-right:12px; float:left;} .PMG_Type_Info .CSWrap .Call .Date .csTime {float:left; width:145px; font-family:'Tw Cen MT'; color:#000; font-size:16px; letter-spacing:-1px;line-height:16px;} .PMG_Type_Info .CSWrap .Call .Date .csTime > span {font-size:13px; font-weight:bold;} .PMG_Type_Info .CSWrap .Call .CTxt {font-size:12px; color:#000; letter-spacing:-1px; line-height:20px; padding-top:10px; border-top:1px dashed #dbdbdb} .PMG_Type_Info .CSWrap .CSTeam {padding:23px 15px; } .PMG_Type_Info .CSWrap .CSTeam .Date {padding-bottom:20px;} .PMG_Type_Info .CSWrap .DevTeam { border-right:0; padding:15px;} .PMG_Type_Info .CSWrap .DevTeam .Date {padding-bottom:12px;} .PMG_Type_Info .CSWrap .DevTeam .Date .csTit {margin-top:8px; } /* PMG_Awards #Container .PMG_Awards {clear:both; background:#f8f8f8; } #Container .PMG_Awards .Wrapper {position:relative} #Container .PMG_Awards .awardsBox {position:relative; height:120px; background:url('//file.pmg.co.kr/User/pmg/imgs/2019/brand_award.png') no-repeat 869px 21px;} #Container .PMG_Awards .ATit {position:absolute; top:28px; left:0; font-size:16px; font-weight:600; color:#000; letter-spacing:-1px;} #Container .PMG_Awards .ATit .Red {color:#e5344a} #Container .PMG_Awards .ATxt {position:absolute; top:60px; left:0; font-size:12px; color:#616161;line-height:19px; } #Container .PMG_Awards .More_Btn {position:absolute; top:50%; right:0; margin-top:-20px; } #Container .PMG_Awards .More_Btn a {display:block;font-size:13px; border:1px solid #000; color:#000; height:38px; width:329px !important; line-height:38px; font-weight:600;text-align:center;} */ /* Footer */ #Footer_PMG{/*margin-top:15px;*/padding-top:0px;} #Footer {background:#fff; letter-spacing:0; padding-bottom:25px; border-top:1px solid #ccc; min-width:1140px;} #Footer ul {clear:both; height:18px; padding-top:1px;letter-spacing: -1px;} #Footer ul:first-child {padding-top:0} #Footer ul li {/*background:url('//file.pmg.co.kr/User/pmg/imgs/line.jpg') no-repeat 15px 5px;*/ float:left; font-size:12px; color:#6d6d6d; padding-left:15px;letter-spacing: -1.5px;font-weight: 500; font-family: 'Noto Sans KR', sans-serif;} #Footer ul li a {font-weight:600;} #Footer ul li:first-child {background:none; padding-left:0} #Footer ul li a {color:#000} #Footer .footerTop { background:#f4f4f4; padding:20px 0 15px; margin-bottom:25px; border-bottom:1px solid #e5e5e5} #Footer .footerTop ul.Top {width:980px; margin:0 auto;} #Footer .footerTop ul.Top li a {color:#000;} #Footer .Logo {position:absolute; top:50%; right:0; margin-top:-20px; text-align:right} #Footer .Logo .CopyRight {font-size:12px; color:#6d6d6d; padding-top:15px} .f_address {float:left;} .footerMark {display: inline-block;margin-top: 0px;float:right;} .f_address .Top {margin-bottom:5px;} .f_address .Top li {font-size:13px !important;font-weight:bold;} /* 1108 리스트 수정 */ .pmglistW {overflow:hidden;} .pmglistleft {width:964px; } .pmglistright {width:226px; padding-top:30px;} #Container .PMG_List .pmglistright .SLCenter {width:226px; height:146px; margin-bottom:14px; background:url('http://file.pmg.co.kr/User/pmg/imgs/2018/PMG_plc_bg.png') no-repeat 0 0; float:right;} #Container .PMG_List .pmglistright .SLCenter .MTit {margin-bottom:15px;} #Container .PMG_List .pmglistright .Book {margin-bottom:14px; width:226px; height:148px; background:url('http://file.pmg.co.kr/User/pmg/imgs/2018/PMG_book_bg2.png') no-repeat 0 0} #Container .PMG_List .pmglistright .Media {width:226px; height:148px; background:#0c749b url('http://file.pmg.co.kr/User/pmg/imgs/2018/PMG_media_bg2.png') no-repeat center bottom } /* 박문각 이벤트 */ .PMG_Evt_BoxWp {background:#f4f4f4; padding:34px 0;} .PMG_Evt_BoxWp .PMG_Evt_BoxCon {height:30px;position:relative;} .PMG_Evt_BoxWp .PMG_Evt_BoxCon .tabEvtTit {width:160px;float:left;overflow:hidden;} .PMG_Evt_BoxWp .PMG_Evt_BoxCon .tabEvtTit select {padding:5px; width:160px; box-sizing:border-box; font-family:"Malgun Gothic","맑은 고딕",sans-serif; font-size:13px;} .PMG_Evt_BoxWp div.issueCont {width:1000px;height:30px; line-height:30px; margin-left:40px} .PMG_Evt_BoxWp div.issueCont .issueTab {position:absolute; top:-34px; right:0px; z-index:999999; width:70px; text-align:center; background:#aaa; height:21px;} .PMG_Evt_BoxWp div.issueCont .issueTab .sect_menu {top:0 !important; left:0 !important; text-align:center} .PMG_Evt_BoxWp div.issueCont .issueTab ul {height:21px;} .PMG_Evt_BoxWp div.issueCont .issueTab ul li {display:inline-block; zoom:1; *display:inline/*IE7 HACK*/; _display:inline/*IE6 HACK*/; margin:0 2px; line-height:21px;} .PMG_Evt_BoxWp div.issueCont .issueTab ul li a {color:#fff; display:inline-block; zoom:1; *display:inline/*IE7 HACK*/; _display:inline/*IE6 HACK*/} .PMG_Evt_BoxWp div.issueCont .issueTab strong{font: normal 13px/21px "Tahoma", sans-serif;color:#fff} .PMG_Evt_BoxWp .PMG_Evt_BoxCon .tEvtCon {width:1000px;float:left; } .PMG_Evt_BoxWp .PMG_Evt_BoxCon .tEvtCon .issueArea { font-size:16px;} .PMG_Evt_BoxWp .PMG_Evt_BoxCon .tEvtCon .issueArea .tEvtCon_btn {font-size:13px;display:block; float:right; border:2px solid #000; border-radius:15px; height:26px; width:165px; text-align:center; color:#656464; letter-spacing:-1px; line-height:24px;} /* 박문각 설명회 */ .PMG_briefing {background:#323232; padding-bottom:70px} .PMG_briefing .MainTit {color:#fff !important;} .SliderWrap2 { background:url('//file.pmg.co.kr/User/pmg/imgs/2019/bg_briefingBx.jpg') no-repeat center top; width:1200px; height:127px;} .SliderWrap2 .SliderNow ul { height:125px; overflow:hidden;width:1200px; } .briefing_listWp {position:relative;} .briefing_listWp .briefingBx {background:#fff; position:relative;border-left:1px solid #ececec; width:534px; float:left; height:45px; padding:35px 31px 35px 34px; position:relative;margin-top: 5px;} .briefing_listWp .briefingBx.bx_right {margin-left:16px} .briefing_listWp #HUBListDiv2 {height:125px; overflow:hidden;width:1200px; } .briefing_listWp #HUBListDiv2 li {float:left;} .briefing_listWp #HUBListDiv2 li .briefingBx .subj_tt { float:left; margin-right:20px;font-weight:bold;font-size:14px;width:78px; color:#ca2557; border:1px solid #ca2557; text-align:center; height:44px;line-height:45px; background:#fff;} .briefing_listWp #HUBListDiv2 li .briefingBx .subBF_cont {width:434px; float:left;} .briefing_listWp #HUBListDiv2 li .briefingBx .subBF_cont a {font-size:16px; font-weight:bold; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;} .briefing_listWp #HUBListDiv2 li .briefingBx .subBF_cont .subTit_red {color:#ca2557;font-size:14px;display:block;} .briefing_listWp .brfTab.arrowBtn {position:absolute; top:-55px; right:-2px; overflow:hidden;width:50px;} /* ---------------------------------------------------------------------------------------------- 20211230 허브 리뉴얼한 상단, 푸터와 맞추기 위해 허브 리뉴얼(/User/pmg/css/ssl_PMG_HUB_2021.css) 한 것을 가져와서 수정 ---------------------------------------------------------------------------------------------- */ /* Header */ #Header {background:#1b1b1b; height:70px;border-bottom: 1px solid #fff;} #Header .loginWrap {position:relative; text-align:center;} #Header .loginWrap .Logo {position: absolute; top:15px; left:0; text-align:left; margin:0; float:none} #Header .loginWrap .subTit {} #Header .loginWrap .subTit a {color: #fff; font-size:15px; margin-left:-100px;} #Header .loginWrap .loginForm {position:absolute; top:14px; right:5px; display:block} #Header .loginWrap .loginForm > ul > li {position:relative; float:left; width:62px; margin-left:30px; padding-bottom:10px;} #Header .loginWrap .loginForm > ul > li:first-child {margin-left:0;} #Header .loginWrap .loginForm > ul > li > a, #Header .loginWrap .loginForm > ul > li > .btn_myinfo {display:block; color:#fff; font-size:13px; text-align:center; padding-top:30px;} #Header .loginWrap .loginForm > ul > li .btn_myinfo {background: url('//file.pmg.co.kr/User/pmg/imgs/2021/header_myinfo.png') no-repeat center 0;} #Header .loginWrap .loginForm > ul > li .btn_search {background: url('//file.pmg.co.kr/User/pmg/imgs/2021/header_search.png') no-repeat center 5%;} #Header .loginWrap .popuptext {visibility: hidden; position:absolute; top:58px; left:50%; width:110px; line-height:25px; padding:10px 0; margin-left:-55px; text-align:center; word-break:keep-all; font-size:13px; color:#000; background:#fff; border-radius:12px; border:1px solid #edeff1; box-sizing: border-box; z-index:9;} #Header .loginWrap .popuptext:after {content:''; position:absolute; top:-10px; left:50%; width:12px; height:10px; margin-left:-6px; background:url('//file.pmg.co.kr/User/pmg/imgs/2021/tooltip_arrow.png') center top no-repeat;} #Header .loginWrap .popuptext a {position:relative; display:block; width:auto; line-height:25px; padding:0 10px; font-size:13px; color:#858585; } #Header .loginWrap .popup {position: relative;display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #Header .loginWrap .popup .popuptext {visibility: hidden;} #Header .loginWrap .popup .show {visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;} @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;}} @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;}} /* 푸터 */ #footer {background:#fff; letter-spacing:0; padding:20px 0; margin-top:0 !important; border-top:1px solid #eee;} #footer .Wrapper {position:relative} #footer ul {clear:both; height:18px; padding-top:5px} #footer ul:first-child {padding-top:0} #footer ul li {background:url('//file.pmg.co.kr/User/pmg/imgs/line.jpg') no-repeat 15px 5px; float:left; font-size:12px; color:#acacac; padding-left:30px} #footer ul li:first-child {background:none; padding-left:0} #footer ul.Top li a {color:#acacac; font-weight:bold;} #footer ul.Top li:last-child a {color:#ff0000;} #footer .Logo {position:absolute; top:50%; right:0; margin-top:-20px; text-align:right} #footer .Logo .CopyRight {font-size:12px; color:#acacac; padding-top:15px} /* PMG_Awards */ #Container .PMG_Awards {clear:both; background:#323232; font-family:"Malgun Gothic", "맑은 고딕"} #Container .PMG_Awards .Wrapper {position:relative} #Container .PMG_Awards .awardsBox {position:relative; padding:28px 0 26px; box-sizing:border-box;} #Container .PMG_Awards .ATit {font-size:16px; font-weight:400; color:#fff; letter-spacing:-1px;} #Container .PMG_Awards .ATit .Red {color:#e5344a} #Container .PMG_Awards .ATxt {padding-top:10px; font-size:12px; color:#fff;line-height:19px; } #Container .PMG_Awards .More_Btn {position:absolute; top:22px; right:0; text-align:right;} #Container .PMG_Awards .More_Btn a {float:right; display:block; width:242px; height:25px; margin-top:10px; font-size:13px; font-weight:normal; color:#fff; text-align:center; line-height:22px; border:1px solid #707070}