@charset "utf-8"; .fb_x {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;-webkit-justify-content:center; -ms-flex-pack:center;} .fb_y {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center;-webkit-align-items:center; -ms-flex-align:center;} .fb_xy {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;} .fb_e {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;-webkit-justify-content:flex-start; -ms-flex-pack:start;} .fb_w {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-end;-webkit-justify-content:flex-end; -ms-flex-pack:end;} .fb_ey {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;align-items:center; -webkit-justify-content:flex-start; -webkit-align-items:center; -ms-flex-pack:start; -ms-flex-align:center;} .fb_wy {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-end;align-items:center; -webkit-justify-content:flex-end; -webkit-align-items:center; -ms-flex-pack:end; -ms-flex-align:center;} .fb_ew {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;-webkit-justify-content:space-between; -ms-flex-pack:justify;} .fb_ewy {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;align-items:center; -webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;} .fb_dir_x {flex-direction:row;-ms-flex-direction:row;} .fb_dir_y {flex-direction:column;-ms-flex-direction:column;} .fi_start {align-self:flex-start;} .fi_end {align-self:flex-end;} .fi_xy {align-self:center;} .text_left {text-align:left !important;} .text_right {text-align:right !important;} .text_center {text-align:center !important;} .fl {float:left;} .fr {float:right;} .imgCenBox {text-align:center; margin-bottom:50px; padding:30px 0;} .artrtnImg {text-align:center; padding:30px 10px; border:1px solid #dbe1e3; margin-bottom:30px;} .artrtnImg img { margin:0px 20px; display:inline-block;} .artrtnImg .txt01 {text-align:left;padding:0 0 15px 30px;margin-bottom:15px;border-bottom:1px solid #dbe1e3;} @media (max-width:990px) { .imgCenBox { margin-bottom:30px; padding:15px 0px;} .text_center img, .imgCenBox img { width:100%; max-width:100%;} .artrtnImg img { margin:5px 0px; width:100%; max-width:100%;} } /* -------------------------------------------------------- toTop ----------------------------------------------------------*/ #toTop {display:none;position:fixed;z-index:1500; bottom:250px; /*left:50%;*/ right:15%; overflow:hidden;width:43px;height:43px;text-indent:100%;background:url('../images/common/top.gif') no-repeat 0 0;} #toTopHover {width:43px;height:43px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);} #toTop:active, #toTop:focus {outline:none;} @media (max-width:1350px) { #toTop {left:95%; margin-left:0px;} } @media (max-width:990px) { #toTop {left:93%;} } @media (max-width:640px) { #toTop {left:90%;} } @media (max-width:400px) { #toTop {left:85%;} } .agree_message { display:none;} @media (max-width:767px) { .tableResponsive { width:100%; overflow-x:auto; overflow-y:hidden; background:url(/resources/kor/images/sub/ico_tableResponsive.png) no-repeat top center; padding-top:30px;} } /* -------------------------------------------------------- letterHeader ----------------------------------------------------------*/ #newsletter2020 { color:#000; letter-spacing:-1px;} #newsletter2020.stnew {} #newsletter2020 h4 {font-size:22px; line-height:140%; color:#014099; border-bottom:1px solid #c4c4c4; position:relative; background:none; padding-left:39px; padding-bottom:10px; margin-bottom:20px; } #newsletter2020 h4.noLine { border-bottom:none;} #newsletter2020.stnew h4 {color:#333;} #newsletter2020 h4:before {content:''; display:block; position:absolute; top:3px; left:2px; width:25px; height:25px; background:url(../images/newsletter/ico_h4.png) no-repeat;} #newsletter2020 h5 { font-size:20px; background:none; padding:0px; margin:10px 0px; } @media (max-width:990px) { #newsletter2020 h4 { font-size:20px; margin-bottom:0px;} #newsletter2020 h5 { font-size:18px;} } #newsletter2020 .letterHeader { position:relative; height:295px; display:block; padding:60px 20px; box-sizing:border-box;} #newsletter2020 .letterHeader.Header202001 { background:url(../images/newsletter/202001/HeaderBg202001.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202002 { background:url(../images/newsletter/202002/HeaderBg202002.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202003 { background:url(../images/newsletter/202003/HeaderBg202003.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202004 { background:url(../images/newsletter/202004/HeaderBg202004.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202005 { background:url(../images/newsletter/202005/HeaderBg202005.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202006 { background:url(../images/newsletter/202006/HeaderBg202006.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202007 { background:url(../images/newsletter/202007/HeaderBg202007.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202008 { background:url(../images/newsletter/202008/HeaderBg202008.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202009 { background:url(../images/newsletter/202009/HeaderBg202009.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202010 { background:url(../images/newsletter/202010/HeaderBg202010.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202011 { background:url(../images/newsletter/202011/HeaderBg202011.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader.Header202012 { background:url(../images/newsletter/202012/HeaderBg202012.jpg) no-repeat top center; background-size:cover;} #newsletter2020 .letterHeader .nlogo { position:absolute; top:17px; right:19px;} #newsletter2020 .letterHeader .titleBox {background:rgba(1,64,153,0.8); color:#fff; width:447px; height:179px; padding:20px 25px; box-sizing:border-box; position:relative;} #newsletter2020 .letterHeader .titleBox span, #newsletter2020 .letterHeader .titleBox strong, #newsletter2020 .letterHeader .titleBox em { display:block;} #newsletter2020 .letterHeader .titleBox span { font-size:20px; margin-bottom:23px;} #newsletter2020 .letterHeader .titleBox strong { font-size:40px; letter-spacing:-2px; margin-bottom:30px;} #newsletter2020 .letterHeader .titleBox em { font-size:20px;} #newsletter2020 .letterHeader .titleBox em > span { font-size:30px; display:inline-block;} #newsletter2020 .letterHeader .titleBox > a { color:#fff; background:none;} #newsletter2020 .letterHeader .titleBox > a.lastBtn { text-align:right; font-size:16px; padding-right:19px; position:absolute; right:29px; bottom:29px;} #newsletter2020 .letterHeader .titleBox > a.lastBtn:after {content:''; display:block; position:absolute; top:10px; right:0px; width:8px; height:14px; background:url(../images/newsletter/ico_lastBtn.png) no-repeat;} @media (max-width:767px) { #newsletter2020 .letterHeader { padding:20px 15px; height:auto;} #newsletter2020 .letterHeader .nlogo { width:160px;} #newsletter2020 .letterHeader .nlogo img { width:100%; max-width:100%;} #newsletter2020 .letterHeader .titleBox { width:100%; height:auto; margin-top:50px; padding:15px;} #newsletter2020 .letterHeader .titleBox span { font-size:18px; margin-bottom:10px;} #newsletter2020 .letterHeader .titleBox strong { font-size:24px; line-height:30px; margin-bottom:20px; } #newsletter2020 .letterHeader .titleBox em { font-size:18px;} #newsletter2020 .letterHeader .titleBox em > span { font-size:24px;} #newsletter2020 .letterHeader .titleBox a.lastBtn { position:relative; margin-top:20px; left:0px; bottom:0px;} } /* -------------------------------------------------------- letterBody ----------------------------------------------------------*/ #newsletter2020 .letterBody { padding:20px;} #newsletter2020 .letterBody.blueBag { background:#e8f9ff;} #newsletter2020 .letterBody.greenBag { background:#f4fff4;} #newsletter2020 .letterBody.yellowBag { background:#f9f6d8;} #newsletter2020 .letterBody.grayBag { background:#f3f3f3;} #newsletter2020 .letterBody.specialBg01 { background:#f4fff4 url(../images/newsletter/202003/specialBg01.png) no-repeat right top; padding-top:40px; box-sizing:border-box;} #newsletter2020 .letterBody.specialBg02 { background:#f4fff4 url(../images/newsletter/202003/specialBg02.png) no-repeat right top; padding-top:40px; box-sizing:border-box;} #newsletter2020 .letterBody.specialBg03 { background:#f4fff4 url(../images/newsletter/202004/specialBg03.png) no-repeat right top; padding-top:40px; box-sizing:border-box; background-size:contain;} #newsletter2020 .letterBody.specialBg04 { background:#d5f5e3 url(../images/newsletter/202005/specialBg04.png) no-repeat right bottom; padding-top:40px; padding-bottom:40px; box-sizing:border-box; background-size:cover;} #newsletter2020 .letterBody.specialBg05 { background:#d5f5e3 url(../images/newsletter/202006/specialBg05.png) no-repeat right bottom; padding-top:40px; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg06 { background:#d5f5e3 url(../images/newsletter/202006/specialBg06.png) no-repeat right bottom; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg07 { background:#d5f5e3 url(../images/newsletter/202007/specialBg07.png) no-repeat right bottom; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg08 { background:#d5f5e3 url(../images/newsletter/202008/specialBg08.png) no-repeat right bottom; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg09 { background:#d5f5e3 url(../images/newsletter/202009/specialBg09.png) no-repeat right bottom; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg10 { background:#d5f5e3 url(../images/newsletter/202010/specialBg10.png) no-repeat right bottom; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg11 { background:#d5f5e3 url(../images/newsletter/202010/specialBg11.png) no-repeat right bottom; box-sizing:border-box; } #newsletter2020 .letterBody.specialBg12 { background:#d5f5e3 url(../images/newsletter/202011/specialBg12.png) no-repeat right bottom; box-sizing:border-box; } @media (max-width:767px) { #newsletter2020 .letterBody { padding:20px 10px;} #newsletter2020 .letterBody.blueBag, #newsletter2020 .letterBody.greenBag, #newsletter2020 .letterBody.yellowBag, #newsletter2020 .letterBody.grayBag { padding:20px 10px 10px 10px;} #newsletter2020 .letterBody.specialBg01, #newsletter2020 .letterBody.specialBg02 { padding:20px 10px;} #newsletter2020 .letterBody.specialBg03, #newsletter2020 .letterBody.specialBg04, #newsletter2020 .letterBody.specialBg05, #newsletter2020 .letterBody.specialBg06, #newsletter2020 .letterBody.specialBg07, #newsletter2020 .letterBody.specialBg08, #newsletter2020 .letterBody.specialBg09, #newsletter2020 .letterBody.specialBg10, #newsletter2020 .letterBody.specialBg11, #newsletter2020 .letterBody.specialBg12 { padding:20px 10px;} #newsletter2020 .letterBody.specialBg01, #newsletter2020 .letterBody.specialBg02, #newsletter2020 .letterBody.specialBg05, #newsletter2020 .letterBody.specialBg06, #newsletter2020 .letterBody.specialBg07, #newsletter2020 .letterBody.specialBg08, #newsletter2020 .letterBody.specialBg09, #newsletter2020 .letterBody.specialBg10, #newsletter2020 .letterBody.specialBg11, #newsletter2020 .letterBody.specialBg12 {background-size:contain;} } /* -------------------------------------------------------- conBox ----------------------------------------------------------*/ #newsletter2020 .conBoxWrap {} #newsletter2020 .conBox { font-size:16px; color:#555; padding:0px; box-sizing:border-box;} #newsletter2020 .conBox p { display:block; word-break:keep-all; margin-top:10px; letter-spacing:-1px;} #newsletter2020 .letterBody .conBox p {word-break:keep-all;} #newsletter2020 .dlBox {margin:15px 0px;} #newsletter2020 .dlBox dl { font-size:0px; margin:3px 0px;} #newsletter2020 .dlBox dt, #newsletter2020 .dlBox dd { display:inline-block; font-size:16px; line-height:22px; vertical-align:top; word-break:keep-all;} #newsletter2020 .dlBox dt { background:#014099; width:68px; height:22px; line-height:20px; color:#fff; text-align:center; border-radius:20px;} #newsletter2020 .dlBox dd { width:calc(100% - 80px); margin-left:12px;} #newsletter2020 .dlBox02 {margin:15px 0px; width:calc(100% - 250px);} #newsletter2020 .dlBox02.Box02W {width:calc(100% - 50px);} #newsletter2020 .dlBox02 dl { font-size:0px; margin:3px 0px 20px 0px;} #newsletter2020 .dlBox02 dt, #newsletter2020 .dlBox02 dd { display:inline-block; font-size:16px; line-height:22px; vertical-align:top; word-break:keep-all; text-align:left;} #newsletter2020 .dlBox02 dt { width:100px; height:22px; line-height:20px; font-weight:500;} #newsletter2020 .dlBox02 dd { width:calc(100% - 120px); margin-left:12px;} #newsletter2020 .dlBox02 dd ul {} #newsletter2020 .dlBox02 dd ul li { position:relative; word-break:keep-all; padding-left:10px;} #newsletter2020 .dlBox02 dd ul li:before {content:''; display:block; position:absolute; top:10px; left:0px; width:2px; height:2px; background:#333;} @media (max-width:767px) { #newsletter2020 .conBoxWrap { display:block;} #newsletter2020 .dlBox02, #newsletter2020 .dlBox02.Box02W {margin:10px 0px; width:calc(100% - 0px);} #newsletter2020 .dlBox02 dt, #newsletter2020 .dlBox02 dd { display:block; width:100%; margin-left:0px;} #newsletter2020 .letterBody .conBox p { padding:0px;} #newsletter2020 .conBox p { padding:0px 10px;} } /* -------------------------------------------------------- newyear ----------------------------------------------------------*/ #newsletter2020 .newyear { margin-bottom:50px;} #newsletter2020 .newyear > .imgBox, #newsletter2020 .newyear > .conBox { display:inline-block; vertical-align:top;} #newsletter2020 .newyear > .imgBox { width:270px;} #newsletter2020 .newyear > .conBox { width:calc(100% - 290px); padding-top:37px; margin-left:20px;} @media (max-width:767px) { #newsletter2020 .newyear, #newsletter2020 .newyear > .imgBox, #newsletter2020 .newyear > .conBox { display:block;} #newsletter2020 .newyear > .imgBox { width:100%; margin-bottom:20px;} #newsletter2020 .newyear > .conBox { width:calc(100% - 0px); margin-left:0px;} } /* -------------------------------------------------------- thinkTank ----------------------------------------------------------*/ #newsletter2020 .thinkTank { margin:0px 0px 50px; padding:0px; height:359px; box-sizing:border-box; background:url(../images/newsletter/202002/thinkTankBg.jpg) no-repeat top center; position:relative; background-size:cover;} #newsletter2020 .thinkTank .textBox {background:rgba(0,0,0,0.8); position:absolute; bottom:0px; height:80px; left:0px; color:#fff; padding:15px 20px; z-index:100; width:100%; box-sizing:border-box;} #newsletter2020 .thinkTank .textBox .text {width:calc(100% - 113px); margin-right:20px;} #newsletter2020 .thinkTank .textBox .text span, #newsletter2020 .thinkTank .textBox .text strong { display:block; word-break:keep-all;} #newsletter2020 .thinkTank .textBox .text span { font-size:18px; margin-bottom:5px;} #newsletter2020 .thinkTank .textBox .text strong { font-size:24px; font-weight:500;} #newsletter2020 .thinkTank .textBox > .btn { background:#005bac; width:93px; height:45px;} #newsletter2020 .thinkTank .textBox > .btn > a { display:block; color:#fff; text-align:center; line-height:45px; background:none;} @media (max-width:767px) { #newsletter2020 .thinkTank .textBox { height:auto;} #newsletter2020 .thinkTank .textBox, #newsletter2020 .thinkTank .textBox .text, #newsletter2020 .thinkTank .textBox .btn { display:block;} #newsletter2020 .thinkTank .textBox .text {width:calc(100% - 0px); text-align:center;} #newsletter2020 .thinkTank .textBox .text span { font-size:16px;} #newsletter2020 .thinkTank .textBox .text strong { font-size:20px;} #newsletter2020 .thinkTank .textBox > .btn { margin:10px auto; width:100%;} } /* -------------------------------------------------------- letterList ----------------------------------------------------------*/ #newsletter2020 .letterList {margin-bottom:30px; padding:0px; box-sizing:border-box;} #newsletter2020 .letterList.marb0 { margin-bottom:0px;} #newsletter2020 .letterList .imgBox, #newsletter2020 .letterList .conBox { display:inline-block; vertical-align:top;} #newsletter2020 .letterList .imgBox { width:242px; background:#d3e1f4; padding-top:35px; text-align:center; box-sizing:border-box;} #newsletter2020 .letterList .imgBox.noBg { background:none;} #newsletter2020 .letterList .imgBox.grayBg{ background:#dfdfdf;} #newsletter2020 .letterList .conBox { width:calc(100% - 264px); margin-right:22px;} #newsletter2020 .letterList .imgBox img { margin:0px auto 10px auto;} #newsletter2020 .letterList .imgBox .btnBox { display:block; font-size:0px; position:relative;} #newsletter2020 .letterList .imgBox .btnBox.nus { margin-top:-30px;} #newsletter2020 a { background:#014099; color:#fff; font-size:16px; text-align:center; height:37px; line-height:35px;} #newsletter2020 a.yellBg { background:#f1be34; color:#000;} #newsletter2020 a.link { display:block; width:161px; margin:15px auto;} #newsletter2020 a.view, #newsletter2020 a.list { display:inline-block; width:50%;} #newsletter2020 a.viewB, #newsletter2020 a.listB { display:inline-block; width:50%;} #newsletter2020 a i { vertical-align:middle;} #newsletter2020 a.view i { background:url(../images/newsletter/ico_view.png) no-repeat center center; display:inline-block; width:12px; height:18px; margin-right:7px;} #newsletter2020 a.list i {background:url(../images/newsletter/ico_list.png) no-repeat center center; display:inline-block; width:14px; height:14px; margin-right:7px;} #newsletter2020 a.viewB i { background:url(../images/newsletter/ico_viewB.png) no-repeat center center; display:inline-block; width:12px; height:18px; margin-right:7px;} #newsletter2020 a.listB i {background:url(../images/newsletter/ico_listB.png) no-repeat center center; display:inline-block; width:14px; height:14px; margin-right:7px;} #newsletter2020 a.blueBtn { margin:15px 0px; display:block; color:#000; background:#9ad4e8; border-radius:50px; text-align:center; width:100%;} #newsletter2020 a.greenBtn { margin:15px 0px; display:block; color:#000; background:#bff8d4; border-radius:50px; text-align:center;} #newsletter2020 a.blackBtn { margin:15px 0px; display:block; color:#fff; background:#333; border-radius:50px; text-align:center;} #newsletter2020 a.ygreenBtn { margin:15px 0px; display:block; color:#000; background:#eefff5; border-radius:50px; text-align:center;} @media (max-width:1080px) { #newsletter2020 .letterList .imgBox .btnBox.nus { margin-top:0px;} } @media (max-width:767px) { #newsletter2020 .letterList { padding:0px;} #newsletter2020 .letterList, #newsletter2020 .letterList .imgBox, #newsletter2020 .letterList .conBox { display:block;} #newsletter2020 .letterList .imgBox { width:100%; padding-top:20px;} #newsletter2020 .letterList .conBox { width:calc(100% - 0px); margin-right:0px; margin-bottom:20px;} #newsletter2020 a.link { width:100%;} #newsletter2020 a.greenBtn, #newsletter2020 a.blackBtn { margin:15px auto;} } /* -------------------------------------------------------- photoBox ----------------------------------------------------------*/ #newsletter2020 .photoBoxWrap { padding:0px; box-sizing:border-box;} #newsletter2020 .photoBoxWrap:first-child { margin-top:20px;} #newsletter2020 .photoBox {margin-bottom:30px; } #newsletter2020 .photoBox .thumbBox, #newsletter2020 .photoBox .contBox { display:inline-block; vertical-align:top;} #newsletter2020 .photoBox .thumbBox { width:295px; text-align:left; box-sizing:border-box;} #newsletter2020 .photoBox .thumbBox img { margin:0px auto;} #newsletter2020 .photoBox .thumbBox .txtBox { display:block; background:#005bac; color:#fff; padding:10px; font-size:15px; letter-spacing:-1px; } #newsletter2020 .photoBox .thumbBox .txtBox dl { font-size:0px;} #newsletter2020 .photoBox .thumbBox .txtBox dt, #newsletter2020 .photoBox .thumbBox .txtBox dd { font-size:15px; display:inline-block; vertical-align:top;} #newsletter2020 .photoBox .thumbBox .txtBox dt:after {content:':'; display:inline-block; margin-left:3px; } #newsletter2020 .photoBox .thumbBox .txtBox dt { width:35px; padding-right:3px; box-sizing:border-box;} #newsletter2020 .photoBox .thumbBox .txtBox dd { width:calc(100% - 38px); } #newsletter2020 .photoBox .contBox { width:calc(100% - 310px); margin-left:15px; padding:10px 0px;} #newsletter2020 .photoBox .contBox p { margin-bottom:10px; word-break:keep-all;} #newsletter2020 .photoBox .contBox a {} @media (max-width:767px) { #newsletter2020 .photoBox {} #newsletter2020 .photoBox, #newsletter2020 .photoBox .thumbBox, #newsletter2020 .photoBox .contBox { display:block;} #newsletter2020 .photoBox .thumbBox { width:100%; margin-bottom:20px;} #newsletter2020 .photoBox .contBox { width:calc(100% - 0px); margin-left:0px;} #newsletter2020 .photoBox .thumbBox img { width:100%; max-width:100%;} } /* -------------------------------------------------------- cardWrap ----------------------------------------------------------*/ #newsletter2020 .cardWrap { border-top:1px solid #e7e7e7; padding:30px 0px; position:relative; overflow:hidden;} #newsletter2020 .cardWrap .titBox {} #newsletter2020 .cardWrap .titBox h4 { font-size:30px; color:#000; background:none; padding:0px; border-bottom:none; margin-bottom:15px;} #newsletter2020 .cardWrap .titBox h4:before { display:none;} #newsletter2020 .cardWrap .titBox p { font-size:20px; color:#014099; padding-right:70px; word-break:keep-all; } #newsletter2020 .cardWrap .cardList { margin:20px -13px 0px -13px; font-size:0px;} #newsletter2020 .cardWrap .cardList li {width:calc(33.3% - 26px); margin:0px 13px; padding:0px; display:inline-block; vertical-align:top;} #newsletter2020 .cardWrap .cardList li img { max-width:100%; width:100%; border:6px solid #e7e7e7;} #newsletter2020 .cardWrap .more { position:absolute; top:30px; right:0px;} #newsletter2020 .cardWrap .more > a { background:#d3e1f4; color:#000; border-radius:50%; width:61px; height:61px; font-size:15px; line-height:18px; padding-top:13px; box-sizing:border-box; display:block; text-align:center; word-break:keep-all; } @media (max-width:990px) { #newsletter2020 .cardWrap .titBox h4 { font-size:20px;} #newsletter2020 .cardWrap .titBox p { font-size:18px;} } @media (max-width:767px) { #newsletter2020 .cardWrap {padding:15px 0px;} #newsletter2020 .cardWrap .titBox h4 { font-size:18px; margin-bottom:10px;} #newsletter2020 .cardWrap .titBox p { font-size:16px; } #newsletter2020 .cardWrap .cardList { margin:20px -5px 0px -5px;} #newsletter2020 .cardWrap .cardList li {width:calc(33.3% - 10px); margin:0px 5px;} #newsletter2020 .cardWrap .cardList li img { border:3px solid #e7e7e7;} } /* -------------------------------------------------------- wmvWrap ----------------------------------------------------------*/ #newsletter2020 .wmvWrap { padding:30px 0px; position:relative; overflow:hidden;} #newsletter2020 .wmvWrap .wmvThumb { margin:0px auto; text-align:center; margin-bottom:10px;} #newsletter2020 .wmvWrap .wmvList { margin:20px -13px 0px -13px; font-size:0px;} #newsletter2020 .wmvWrap .wmvList li {width:calc(33.3% - 26px); margin:0px 13px; padding:0px; display:inline-block; vertical-align:top;} #newsletter2020 .wmvWrap img { max-width:100%; width:100%; border:3px solid #fff;} #newsletter2020 .wmvWrap .more { position:absolute; top:30px; right:0px;} #newsletter2020 .wmvWrap .more > a { background:#f1be34; color:#000; border-radius:20px; padding:0px 30px; height:33px; font-size:16px; line-height:33px; box-sizing:border-box; display:block; text-align:center; word-break:keep-all; } #newsletter2020 .wmvWrap .more > a i {background:url(../images/newsletter/ico_lastBtnB.png) no-repeat center center; display:inline-block; width:8px; height:14px; margin-right:7px; vertical-align:top; margin-top:10px;} @media (max-width:767px) { #newsletter2020 .wmvWrap {padding:10px 0px;} #newsletter2020 .wmvWrap .wmvThumb { margin-bottom:0px;} #newsletter2020 .wmvWrap .wmvList { margin:10px -5px 0px -5px;} #newsletter2020 .wmvWrap .wmvList li {width:calc(33.3% - 10px); margin:0px 5px;} #newsletter2020 .wmvWrap .wmvList li img { border:3px solid #e7e7e7;} #newsletter2020 .wmvWrap .more { position:relative; top:0px; margin-top:10px;} } /* -------------------------------------------------------- etcBox ----------------------------------------------------------*/ #newsletter2020 .etcWrap { border-top:1px solid #e7e7e7; padding:30px 0px; position:relative; overflow:hidden;} #newsletter2020 .etcWrap.padNo { padding:0px;} #newsletter2020 .etcWrap.noLine { border-top:none;} #newsletter2020 .etcWrap .etcBox { margin-bottom:45px;} #newsletter2020 .etcWrap .etcBox dl {} #newsletter2020 .etcWrap .etcBox dt, #newsletter2020 .etcWrap .etcBox dd { display:inline-block;} #newsletter2020 .etcWrap .etcBox dt { color:#014099; font-size:23px; width:135px;} #newsletter2020 .etcWrap .etcBox dt span { font-size:15px; width:100%; height:35px; line-height:33px; border:2px solid #014099; text-align:center; display:block; margin-top:18px; } #newsletter2020 .etcWrap .etcBox dt span > a { color:#014099; background:none;} #newsletter2020 .etcWrap .etcBox dd {width:calc(100% - 180px); margin-left:45px;} #newsletter2020 .etcWrap .etcBox dd ul {} #newsletter2020 .etcWrap .etcBox dd ul li { font-size:16px; position:relative; padding-left:12px; margin:5px 0px;} #newsletter2020 .etcWrap .etcBox dd ul li:before {content:''; display:block; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#014099;} @media (max-width:767px) { #newsletter2020 .etcWrap { padding:15px 0px 30px 0px;} #newsletter2020 .etcWrap .etcBox { margin-bottom:20px;} #newsletter2020 .etcWrap .etcBox dl, #newsletter2020 .etcWrap .etcBox dt, #newsletter2020 .etcWrap .etcBox dd { display:block;} #newsletter2020 .etcWrap .etcBox dt { font-size:18px; margin-bottom:10px;} #newsletter2020 .etcWrap .etcBox dd {width:calc(100% - 0px); margin-left:0px;} #newsletter2020 .etcWrap .etcBox dt span { margin-top:10px;} } /* -------------------------------------------------------- etcBox02 ----------------------------------------------------------*/ #newsletter2020 .etcWrap .etcBox02 { margin-bottom:45px;} #newsletter2020 .etcWrap .etcBox02 dl { overflow:hidden;} #newsletter2020 .etcWrap .etcBox02 dt, #newsletter2020 .etcWrap .etcBox02 dd { display:inline-block;} #newsletter2020 .etcWrap .etcBox02 dt { color:#fff; font-size:23px; width:160px; background:#014099; text-align:center; box-sizing:border-box; padding:30px 0px; position:relative; } #newsletter2020 .etcWrap .etcBox02 dt:before {content:''; display:inline-block; width:8px; height:16px; position:absolute; right:-8px; top:50%; margin-top:-8px; background:url(../images/newsletter/ico_arrowb.png) no-repeat;} #newsletter2020 .etcWrap .etcBox02 dt span { font-size:15px; width:100%; height:35px; line-height:33px; text-align:center; display:block; margin-top:5px; } #newsletter2020 .etcWrap .etcBox02 dt span a { color:#fff; background:url(../images/newsletter/ico_lastBtn.png) no-repeat 100% 5px; padding-right:15px;} #newsletter2020 .etcWrap .etcBox02 dd {width:calc(100% - 180px); margin-left:20px;} #newsletter2020 .etcWrap .etcBox02 dd ul { font-size:0px; margin:0px -10px;} #newsletter2020 .etcWrap .etcBox02 dd ul li { width:calc(33.3% - 20px); display:inline-block; font-size:18px; position:relative; margin:0px 10px; border:5px solid #e7e7e7; padding:15px; box-sizing:border-box; word-break:keep-all;} #newsletter2020 .etcWrap .etcBox02 dd ul li span { font-size:15px; color:#8c8c8c; display:block; margin-top:10px;} @media (max-width:767px) { #newsletter2020 .etcWrap .etcBox02 { margin-bottom:20px;} #newsletter2020 .etcWrap .etcBox02 dl, #newsletter2020 .etcWrap .etcBox02 dt, #newsletter2020 .etcWrap .etcBox02 dd { display:block;} #newsletter2020 .etcWrap .etcBox02 dt { font-size:20px; margin-bottom:10px; width:100%; padding:10px; font-size:20px;} #newsletter2020 .etcWrap .etcBox02 dd {width:calc(100% - 0px); margin-left:0px;} #newsletter2020 .etcWrap .etcBox02 dd ul {margin:0px; display:block;} #newsletter2020 .etcWrap .etcBox02 dd ul li { width:calc(100% - 0px); display:block; margin:5px 0px; padding:10px; font-size:16px; border:3px solid #e7e7e7;} } /* -------------------------------------------------------- linkBanner ----------------------------------------------------------*/ #newsletter2020 .etcWrap .linkBanner { text-align:center; overflow:hidden;} #newsletter2020 .etcWrap .linkBanner ul { margin:0px -10px; font-size:0px;} #newsletter2020 .etcWrap .linkBanner ul.sixNum {} #newsletter2020 .etcWrap .linkBanner ul li {width:calc(20% - 20px); margin:10px; padding:0px; display:inline-block; vertical-align:top; position:relative;} #newsletter2020 .etcWrap .linkBanner ul.sixNum li {width:calc(16.66% - 20px);} #newsletter2020 .etcWrap .linkBanner ul li > a { display:block; font-size:16px; line-height:20px; color:#000; text-align:center; padding-top:110px; padding-bottom:25px; word-break:keep-all; background:none;} #newsletter2020 .etcWrap .linkBanner ul li:before {content:''; display:block; position:absolute; top:0px; left:50%; margin-left:-50px; width:100px; height:100px; z-index:-1;} #newsletter2020 .etcWrap .linkBanner ul li.link01:before { background:url(../images/newsletter/link_ico01.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link02:before { background:url(../images/newsletter/link_ico02.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link03:before { background:url(../images/newsletter/link_ico03.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link04:before { background:url(../images/newsletter/link_ico04.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link05:before { background:url(../images/newsletter/link_ico05.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link06:before { background:url(../images/newsletter/link_ico21.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link07:before { background:url(../images/newsletter/link_ico22.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link08:before { background:url(../images/newsletter/link_ico23.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link09:before { background:url(../images/newsletter/link_ico24.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link10:before { background:url(../images/newsletter/link_ico25.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link11:before { background:url(../images/newsletter/link_ico06.png) no-repeat center center;} #newsletter2020 .etcWrap .linkBanner ul li.link12:before { background:url(../images/newsletter/link_ico26.png) no-repeat center center;} @media (max-width:1080px) { #newsletter2020 .etcWrap .linkBanner ul li {margin:10px;} } @media (max-width:990px) { #newsletter2020 .etcWrap .linkBanner ul { margin:0px -5px;} #newsletter2020 .etcWrap .linkBanner ul li {width:calc(16.66% - 10px); margin:5px; height:auto;} #newsletter2020 .etcWrap .linkBanner ul li > a {padding-top:75px; padding-bottom:0px;} #newsletter2020 .etcWrap .linkBanner ul li:before {margin-left:-35px; width:70px; height:70px;} #newsletter2020 .etcWrap .linkBanner ul li.link01:before, #newsletter2020 .etcWrap .linkBanner ul li.link02:before, #newsletter2020 .etcWrap .linkBanner ul li.link03:before, #newsletter2020 .etcWrap .linkBanner ul li.link04:before, #newsletter2020 .etcWrap .linkBanner ul li.link05:before, #newsletter2020 .etcWrap .linkBanner ul li.link06:before, #newsletter2020 .etcWrap .linkBanner ul li.link07:before, #newsletter2020 .etcWrap .linkBanner ul li.link08:before, #newsletter2020 .etcWrap .linkBanner ul li.link09:before, #newsletter2020 .etcWrap .linkBanner ul li.link10:before, #newsletter2020 .etcWrap .linkBanner ul li.link11:before, #newsletter2020 .etcWrap .linkBanner ul li.link12:before { background-size:contain;} } @media (max-width:767px) { #newsletter2020 .etcWrap .linkBanner { text-align:left;} #newsletter2020 .etcWrap .linkBanner ul li, #newsletter2020 .etcWrap .linkBanner ul.sixNum li {width:calc(49% - 10px); } #newsletter2020 .etcWrap .linkBanner ul li:before {width:40px; height:40px; left:0px; margin-left:0px;} #newsletter2020 .etcWrap .linkBanner ul li > a {padding-top:0px; font-size:15px; padding-left:50px; text-align:left; height:40px; padding-top:10px; } #newsletter2020 .etcWrap .linkBanner ul li.link09 > a { padding-top:5px;} } /* -------------------------------------------------------- specialWrap ----------------------------------------------------------*/ #newsletter2020 .specialWrap { background:url(../images/newsletter/202003/specialWrapBg.png) no-repeat right center; padding:20px 0px;} #newsletter2020 .specialWrap h4 { font-size:28px; font-weight:600; padding-left:0px; color:#333; border-bottom:none;} #newsletter2020 .specialWrap h4:before { display:none;} #newsletter2020 .specialWrap h4 span { font-size:22px; font-weight:500; display:block;} #newsletter2020 .specialWrap .conBox { width:calc(100% - 280px);} @media (max-width:767px) { #newsletter2020 .specialWrap { background:none;} #newsletter2020 .specialWrap h4 { font-size:20px;} #newsletter2020 .specialWrap .conBox { width:calc(100% - 0px);} } /* -------------------------------------------------------- lineBox ----------------------------------------------------------*/ #newsletter2020 .lineBox { border:5px solid #c6e3ed; padding:30px; margin-bottom:30px;} #newsletter2020 .lineBox .title {} #newsletter2020 .lineBox .title strong, #newsletter2020 .lineBox .title span { text-align:center; display:block; margin:0px auto; word-break:keep-all;} #newsletter2020 .lineBox .title strong { font-size:22px; color:#14509a; font-weight:500;} #newsletter2020 .lineBox .title span { font-size:18px; margin-bottom:10px;} #newsletter2020 .lineBox img { display:block; margin:30px auto; max-width:100%;} #newsletter2020 .lineBox .btn { display:block; margin:0px auto; text-align:center;} #newsletter2020 .lineBox .btn a { border-radius:20px; padding:5px 20px; line-height:20px; height:auto; word-break:keep-all; } @media (max-width:767px) { #newsletter2020 .lineBox { padding:15px; margin-bottom:0px;} #newsletter2020 .lineBox .title strong { font-size:18px;} #newsletter2020 .lineBox .title span { font-size:16px;} #newsletter2020 .lineBox img { margin:15px auto; width:100%;} #newsletter2020 .lineBox .btn a { display:block;} } /* -------------------------------------------------------- magazinWrap ----------------------------------------------------------*/ #newsletter2020 .magazinWrap {} #newsletter2020 .magazinWrap .magazinList { background:#fff; padding:20px; margin:10px 0px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #newsletter2020 .magazinWrap .magazinList.noBg { background:none; padding:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} #newsletter2020 .magazinWrap .magazinList .thumb { width:127px;} #newsletter2020 .magazinWrap .magazinList .thumb img {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); } #newsletter2020 .magazinWrap .magazinList.noBg .thumb img {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} #newsletter2020 .magazinWrap .magazinList .info {width:calc(100% - 147px); margin-left:20px; word-break:keep-all; padding:5px 0px;} #newsletter2020 .magazinWrap .magazinList .info strong, #newsletter2020 .magazinWrap .magazinList .info p { display:block;} #newsletter2020 .magazinWrap .magazinList .info strong { font-size:20px; font-weight:500; margin-bottom:10px;} #newsletter2020 .magazinWrap .magazinList .info p { font-size:15px; line-height:18px; color:#444; min-height:70px; margin-bottom:15px;} #newsletter2020 .magazinWrap .magazinList .info a { background:#efefef; color:#000; padding:5px 10px; } #newsletter2020 .magazinWrap .magazinList .info a i {background:url(../images/newsletter/ico_viewB.png) no-repeat center center; display:inline-block; width:12px; height:18px; margin-right:7px;} #newsletter2020 .magazinWrap .magazinList .info a.bbag { background:#005bac; color:#fff;} #newsletter2020 .magazinWrap .magazinList .info a.bbag i {background:url(../images/newsletter/ico_view.png) no-repeat center center; display:inline-block; width:12px; height:18px; margin-right:7px;} #newsletter2020 .magazinWrap .magazinList .info a.gbag { background:#cdcdcd;} #newsletter2020 .magazinWrap .magazinList .info a.gbag i {background:url(../images/newsletter/ico_viewB.png) no-repeat center center; display:inline-block; width:12px; height:18px; margin-right:7px;} @media (max-width:767px) { #newsletter2020 .magazinWrap .magazinList { display:block;} #newsletter2020 .magazinWrap .magazinList .thumb { margin:0px auto 10px auto;} #newsletter2020 .magazinWrap .magazinList .info { width:100%; margin-top:0px; margin-left:0px;} #newsletter2020 .magazinWrap .magazinList .info a { margin:0px auto; display:block;} #newsletter2020 .magazinWrap .magazinList .info strong { font-size:18px;} } /* -------------------------------------------------------- seminar ----------------------------------------------------------*/ #newsletter2020 .seminar { text-align:center; background:#e1e1e1; padding:20px;} #newsletter2020 .seminar img { margin:10px auto; } #newsletter2020 .seminar p { text-align:left; font-size:15px; padding:0px 30px; word-break:keep-all;} #newsletter2020 .seminar .sembtn { margin:20px auto;} #newsletter2020 .seminar .sembtn a { background:#333; color:#fff; border-radius:20px; padding:0px 30px; height:33px; font-size:16px; line-height:33px; box-sizing:border-box;display:inline-block; margin:0px 10px; text-align:center; word-break:keep-all; } #newsletter2020 .seminar .sembtn a i {background:url(../images/newsletter/ico_lastBtn.png) no-repeat center center; display:inline-block; width:8px; height:14px; margin-left:7px; vertical-align:top; margin-top:10px;} @media (max-width:767px) { #newsletter2020 .seminar { padding:10px;} #newsletter2020 .seminar p { padding:0px;} #newsletter2020 .seminar .sembtn a { padding:0px 10px; display:block; margin:5px 0px;} } /* -------------------------------------------------------- seminarWrap ----------------------------------------------------------*/ #newsletter2020 .seminarWrap { background:url(../images/newsletter/202011/seminarWrapBg.jpg) no-repeat top center; background-size:cover; text-align:center; padding:20px 20px 100px 20px; box-sizing:border-box; overflow:hidden;} #newsletter2020 .seminarWrap h4 { background:none; padding:0px; color:#fff !important; font-size:30px; display:block; border-bottom:none;} #newsletter2020 .seminarWrap h4:before { display:none;} #newsletter2020 .seminarWrap h4 span { display:block; font-size:25px; color:#92cdff;} #newsletter2020 .seminarWrap p { color:#fff; margin-bottom:10px;} #newsletter2020 .seminarWrap p.decinfo { text-align:left;} #newsletter2020 .seminarWrap .seminarBox { margin:0px -6px 20px -6px; font-size:0px;} #newsletter2020 .seminarWrap .seminarBox a { height:20px; line-height:20px;} #newsletter2020 .seminarWrap .seminarBox dl {width:calc(20% - 12px); margin:0px 6px; display:inline-block; background:rgba(0,0,0,0.6); vertical-align:top; padding:15px; box-sizing:border-box;} #newsletter2020 .seminarWrap .seminarBox dt, #newsletter2020 .seminarWrap .seminarBox dd { display:block; font-size:16px; color:#fff; } #newsletter2020 .seminarWrap .seminarBox dt { background:#e9242d; border-radius: 30px; font-style: italic; width:100px; height:30px; line-height:30px; margin:0px auto 20px auto;} #newsletter2020 .seminarWrap .seminarBox dd { font-size:17px; word-break:keep-all;} #newsletter2020 .seminarWrap .seminarBox dd a { background:none;} #newsletter2020 .seminarWrap .seminarBox dd span {display:block; height:50px;} #newsletter2020 .seminarWrap .seminarBox dd em { font-style:normal; display:block; font-size:16px; margin-top:10px; } @media (max-width:990px) { #newsletter2020 .seminarWrap h4 { font-size:20px; margin-bottom:20px;} #newsletter2020 .seminarWrap h4 span { font-size:18px;} #newsletter2020 .seminarWrap .seminarBox dl {padding:10px 5px;} } @media (max-width:767px) { #newsletter2020 .seminarWrap { padding:15px; } #newsletter2020 .seminarWrap .seminarBox { margin:0px 0px 20px 0px; font-size:0px;} #newsletter2020 .seminarWrap .seminarBox dl {width:calc(100% - 0px); margin:0px 0px 10px 0px; display:block;} #newsletter2020 .seminarWrap .seminarBox dd span { height:auto;} #newsletter2020 .seminarWrap p span { display:block;} } @media (max-width:640px) { #newsletter2020 .seminarWrap h4 { font-size:18px;} #newsletter2020 .seminarWrap h4 span { font-size:16px;} } /* -------------------------------------------------------- letterFoot ----------------------------------------------------------*/ #newsletter2020 .letterFoot { background:#eee; padding:20px;} #newsletter2020 .letterFoot .footLogo, #newsletter2020 .letterFoot .copy { display:inline-block; vertical-align:top;} #newsletter2020 .letterFoot .footLogo { width:151px;} #newsletter2020 .letterFoot .copy {width:calc(100% - 161px); margin-left:10px;} #newsletter2020 .letterFoot .copy p { font-size:15px; display:block; margin:2px 0px; word-break:keep-all;} @media (max-width:767px) { #newsletter2020 .letterFoot { padding:20px 10px;} #newsletter2020 .letterFoot, #newsletter2020 .letterFoot .footLogo, #newsletter2020 .letterFoot .copy { display:block; text-align:center;} #newsletter2020 .letterFoot .footLogo { margin:0px auto 20px auto;} #newsletter2020 .letterFoot .copy {width:calc(100% - 0px); margin:0px auto;} #newsletter2020 .letterFoot .copy p { margin:0px auto;} } /* -------------------------------------------------------- letterSend ----------------------------------------------------------*/ #newsletter2020 .letterSend { background:#005bac; padding:10px; text-align:center;} #newsletter2020 .letterSend p { font-size:16px; display:block; word-break:keep-all; color:#fff; display:inline-block; box-sizing:border-box; } #newsletter2020 .letterSend p span { color:#fffc00;} #newsletter2020 .letterSend a { background:#fff; border-radius:20px; color:#000; display:inline-block; padding:0px 20px; margin:0px 10px; height:24px; line-height:24px;} @media (max-width:767px) { #newsletter2020 .letterSend p, #newsletter2020 .letterSend a { display:block;} #newsletter2020 .letterSend a { margin:5px 0px;} } /* -------------------------------------------------------- letterHeader ----------------------------------------------------------*/ #newsletter2021 { color:#000; letter-spacing:-1px;} #newsletter2021 h4 {font-size:23px; line-height:140%; position:relative; background:none; padding:0px; margin-bottom:20px; } #newsletter2021 h5 { font-size:20px; background:none; padding:0px; margin:10px 0px; } @media (max-width:990px) { #newsletter2021 h4 { font-size:20px; margin-bottom:0px;} #newsletter2021 h5 { font-size:18px;} } #newsletter2021 .letterHeader { position:relative; height:295px; display:block; padding:0px; box-sizing:border-box; font-size:0px;} #newsletter2021 .letterHeader.Header202101 { background:url(../images/newsletter/202101/HeaderBg202101.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202102 { background:url(../images/newsletter/202102/HeaderBg202102.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202103 { background:url(../images/newsletter/202103/HeaderBg202103.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202104 { background:url(../images/newsletter/202104/HeaderBg202104.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202105 { background:url(../images/newsletter/202105/HeaderBg202105.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202106 { background:url(../images/newsletter/202106/HeaderBg202106.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202107 { background:url(../images/newsletter/202107/HeaderBg202107.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202108 { background:url(../images/newsletter/202108/HeaderBg202108.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202109 { background:url(../images/newsletter/202109/HeaderBg202109.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202110 { background:url(../images/newsletter/202110/HeaderBg202110.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202111 { background:url(../images/newsletter/202111/HeaderBg202111.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader .monthBox, #newsletter2021 .letterHeader .titleBox { display:inline-block;} #newsletter2021 .letterHeader .monthBox { width:295px; background:#0164a5; color:#fff; height:100%; padding:40px; box-sizing:border-box;} #newsletter2021 .letterHeader .monthBox span, #newsletter2021 .letterHeader .monthBox strong { display:block; line-height:120%;} #newsletter2021 .letterHeader .monthBox span { font-size:25px; margin-bottom:0px;} #newsletter2021 .letterHeader .monthBox strong { font-size:100px; margin:10px auto 0px auto; text-align:center;} #newsletter2021 .letterHeader .titleBox { width:calc(100% - 295px);} #newsletter2021 .letterHeader .titleBox .nlogo { position:absolute; top:17px; right:19px;} #newsletter2021 .letterHeader .titleBox span, #newsletter2021 .letterHeader .titleBox strong { display:block; margin-left:50px; color:#fff;} #newsletter2021 .letterHeader .titleBox span { font-size:28px; margin-bottom:23px;} #newsletter2021 .letterHeader .titleBox strong { font-size:40px; letter-spacing:-2px; margin-bottom:30px;} #newsletter2021 .letterHeader .titleBox > a { color:#fff; background:none;} #newsletter2021 .letterHeader .titleBox > a.lastBtn { text-align:right; font-size:16px; padding:0px 19px 0px 10px; position:absolute; right:0px; bottom:0px; background:#e6002d; height:32px; line-height:32px;} #newsletter2021 .letterHeader .titleBox > a.lastBtn:after {content:''; display:block; position:absolute; top:0px; left:-20px; width:20px; height:32px; background:url(../images/newsletter/lastBtnBg.png) no-repeat; } @media (max-width:990px) { #newsletter2021 .letterHeader .monthBox { width:200px;} #newsletter2021 .letterHeader .titleBox { width:calc(100% - 200px);} #newsletter2021 .letterHeader .titleBox span, #newsletter2021 .letterHeader .titleBox strong {margin-left:0px; text-align:center; margin:0px auto;} #newsletter2021 .letterHeader .titleBox span { font-size:24px; } #newsletter2021 .letterHeader .titleBox strong { font-size:36px; margin-bottom:20px;} } @media (max-width:767px) { #newsletter2021 .letterHeader { height:200px;} #newsletter2021 .letterHeader.Header202101 { background:url(../images/newsletter/202101/HeaderBg202101m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202102 { background:url(../images/newsletter/202102/HeaderBg202102m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202103 { background:url(../images/newsletter/202103/HeaderBg202103m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202104 { background:url(../images/newsletter/202104/HeaderBg202104m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202105 { background:url(../images/newsletter/202105/HeaderBg202105m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202106 { background:url(../images/newsletter/202106/HeaderBg202106m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202107 { background:url(../images/newsletter/202107/HeaderBg202107m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202108 { background:url(../images/newsletter/202108/HeaderBg202108m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202109 { background:url(../images/newsletter/202109/HeaderBg202109m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202110 { background:url(../images/newsletter/202110/HeaderBg202110m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader.Header202111 { background:url(../images/newsletter/202111/HeaderBg202111m.jpg) no-repeat top center; background-size:cover;} #newsletter2021 .letterHeader .monthBox { width:100px; height:80px; padding:15px;} #newsletter2021 .letterHeader .titleBox { width:calc(100% - 0px);} #newsletter2021 .letterHeader .monthBox span { font-size:18px;} #newsletter2021 .letterHeader .monthBox strong { font-size:30px; margin-top:0px;} #newsletter2021 .letterHeader .titleBox .nlogo { width:160px;} #newsletter2021 .letterHeader .titleBox .nlogo img { width:100%; max-width:100%;} #newsletter2021 .letterHeader .titleBox span { font-size:18px; } #newsletter2021 .letterHeader .titleBox strong { font-size:26px;} } @media (max-width:480px) { #newsletter2021 .letterHeader .titleBox strong { margin:20px 0px 10px 0px;} } /* -------------------------------------------------------- letterBody ----------------------------------------------------------*/ #newsletter2021 .letterBody { padding:20px;} #newsletter2021 .letterBody.yellowBag { background:#f8f1e5;} @media (max-width:767px) { #newsletter2021 .letterBody { padding:20px 0px;} #newsletter2021 .letterBody.yellowBag { padding:10px;} } /* -------------------------------------------------------- eventWrap ----------------------------------------------------------*/ #newsletter2021 .eventWrap { margin-bottom:20px;} #newsletter2021 .eventWrap h4 { background:#003f6a; height:55px; line-height:53px; margin:0px; color:#fff; padding:0px 0px 0px 72px; box-sizing:border-box; position:relative;} #newsletter2021 .eventWrap h4:before {content:''; display:inline-block; width:31px; height:23px; background:#222; position:absolute; left:28px; top:16px; background:url(../images/newsletter/ico_eventh4.png) no-repeat;} #newsletter2021 .eventWrap h5 { font-size:20px; padding-bottom:10px; border-bottom:1px solid #cecece; margin-bottom:20px;} #newsletter2021 .eventWrap h5.noLine { border-bottom:none; padding-bottom:0px;} #newsletter2021 .eventWrap h5 span { font-weight:600; color:#0164a5;} #newsletter2021 .eventWrap .eventBox { background:#f5f5f5; padding:30px;} #newsletter2021 .eventWrap .eventBox .eventInfo { margin-bottom:30px;} #newsletter2021 .eventWrap .eventBox .eventInfo:last-child { margin-bottom:0px;} #newsletter2021 .eventWrap .eventBox .eventInfo .thumbBox, #newsletter2021 .eventWrap .eventBox .eventInfo .contBox { display:inline-block; vertical-align:top;} #newsletter2021 .eventWrap .eventBox .eventInfo .thumbBox { width:240px; text-align:left; box-sizing:border-box;} #newsletter2021 .eventWrap .eventBox .eventInfo .thumbBox img { margin:0px auto; border:1px solid #d4d4d4;} #newsletter2021 .eventWrap .eventBox .eventInfo .contBox { width:calc(100% - 260px); margin-left:20px; padding:0px; word-break:keep-all; font-size:17px;} #newsletter2021 .eventWrap p { font-size:17px;} @media (max-width:767px) { #newsletter2021 .eventWrap h5 { font-size:18px;} #newsletter2021 .eventWrap .eventBox { padding:10px; margin-bottom:10px;} #newsletter2021 .eventWrap .eventBox .eventInfo { display:block; margin-bottom:10px;} #newsletter2021 .eventWrap .eventBox .eventInfo .thumbBox, #newsletter2021 .eventWrap .eventBox .eventInfo .contBox { display:block;} #newsletter2021 .eventWrap .eventBox .eventInfo .thumbBox img { width:100%; max-width:100%;} #newsletter2021 .eventWrap .eventBox .eventInfo .thumbBox { width:100%; margin-bottom:10px;} #newsletter2021 .eventWrap .eventBox .eventInfo .contBox { width:calc(100% - 0px); margin-left:0px; font-size:16px;} } /* -------------------------------------------------------- magazinWrap ----------------------------------------------------------*/ #newsletter2021 .magazinWrap { margin-bottom:20px;} #newsletter2021 .magazinWrap h4 { background:#c96259; height:55px; line-height:53px; margin:0px; color:#fff; padding:0px 0px 0px 72px; box-sizing:border-box; position:relative;} #newsletter2021 .magazinWrap h4:before {content:''; display:inline-block; width:21px; height:26px; background:#222; position:absolute; left:28px; top:16px; background:url(../images/newsletter/ico_magazinh4.png) no-repeat;} #newsletter2021 .magazinWrap h5 { font-size:20px; padding-bottom:10px; border-bottom:1px solid #cecece; margin-bottom:20px;} #newsletter2021 .magazinWrap .magazinBox { background:#f5f5f5; padding:30px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo { margin-bottom:30px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo:last-child { margin-bottom:0px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .thumbBox, #newsletter2021 .magazinWrap .magazinBox .magazinInfo .contBox { display:inline-block; vertical-align:top;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .thumbBox { width:121px; text-align:left; box-sizing:border-box;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .thumbBox img { margin:0px auto; border:1px solid #d4d4d4;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .contBox { width:calc(100% - 141px); margin-left:20px; padding:0px; word-break:keep-all; font-size:17px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .contBox a { display:block; width:125px; height:28px; line-height:26px; background:#222; text-align:center; margin-top:10px; color:#fff;} @media (max-width:767px) { #newsletter2021 .magazinWrap h5 { font-size:18px;} #newsletter2021 .magazinWrap .magazinBox { padding:10px; margin-bottom:10px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo { display:block; margin-bottom:10px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .thumbBox, #newsletter2021 .magazinWrap .magazinBox .magazinInfo .contBox { display:block;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .thumbBox { width:100%; margin-bottom:10px; text-align:center;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .contBox { width:calc(100% - 0px); margin-left:0px; font-size:16px;} #newsletter2021 .magazinWrap .magazinBox .magazinInfo .contBox a { width:100%; height:50px; line-height:50px;} } /* -------------------------------------------------------- basicreWrap ----------------------------------------------------------*/ #newsletter2021 .basicreWrap { margin-bottom:20px;} #newsletter2021 .basicreWrap h4 { background:#84b936; height:55px; line-height:53px; margin:0px; color:#fff; padding:0px 0px 0px 72px; box-sizing:border-box; position:relative;} #newsletter2021 .basicreWrap h4:before {content:''; display:inline-block; width:21px; height:26px; background:#222; position:absolute; left:28px; top:16px; background:url(../images/newsletter/ico_basich4.png) no-repeat;} #newsletter2021 .basicreWrap h5 { font-size:20px; padding-bottom:10px; border-bottom:1px solid #cecece; margin-bottom:20px;} #newsletter2021 .basicreWrap .basicreBox { background:#f5f5f5; padding:30px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo { margin-bottom:30px; position:relative;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo:last-child { margin-bottom:0px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dl { margin-bottom:10px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dl:last-child { margin-bottom:0px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dt, #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd { display:inline-block; vertical-align:top;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dt { background:#84b936; border-radius:5px; width:92px; height:21px; line-height:20px; color:#fff; text-align:center;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd {width:calc(100% - 112px); margin-left:20px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd ul {} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd ul li { padding-left:15px; word-break:keep-all; position:relative;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd ul li:before {content:''; display:inline-block; width:7px; height:1px; background:#000; position:absolute; left:0px; top:10px;} #newsletter2021 .basicreWrap .basicreBox a { position:absolute; top:-60px; right:0px; width:125px; height:28px; line-height:26px; background:#222; text-align:center; color:#fff; display:block;} @media (max-width:767px) { #newsletter2021 .basicreWrap h5 { font-size:18px;} #newsletter2021 .basicreWrap .basicreBox { padding:10px; margin-bottom:10px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dl, #newsletter2021 .basicreWrap .basicreBox .basicreInfo dt, #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd { display:block;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dt { margin-bottom:10px;} #newsletter2021 .basicreWrap .basicreBox .basicreInfo dd { width:100%; margin-left:0px;} #newsletter2021 .basicreWrap .basicreBox a { position:relative; top:0px; width:100%; margin-top:10px; height:50px; line-height:50px;} } /* -------------------------------------------------------- studyWrap ----------------------------------------------------------*/ #newsletter2021 .studyWrap {} #newsletter2021 .studyWrap h4 { background:#3f3b3a; height:55px; line-height:53px; margin:0px; color:#fff; padding:0px 0px 0px 72px; box-sizing:border-box; position:relative;} #newsletter2021 .studyWrap h4:before {content:''; display:inline-block; width:21px; height:26px; background:#222; position:absolute; left:28px; top:16px; background:url(../images/newsletter/ico_studyh4.png) no-repeat;} #newsletter2021 .studyWrap .studyBox { background:#f5f5f5; padding:30px;} #newsletter2021 .studyWrap .studyBox .thumbBox, #newsletter2021 .studyWrap .studyBox .contBox { display:inline-block; vertical-align:top;} #newsletter2021 .studyWrap .studyBox .thumbBox { width:140px; text-align:left; box-sizing:border-box;} #newsletter2021 .studyWrap .studyBox .thumbBox img { margin:0px auto; border:1px solid #d4d4d4;} #newsletter2021 .studyWrap .studyBox .thumbBox span { display:block; margin-top:20px;} #newsletter2021 .studyWrap .studyBox .thumbBox span a { background:#222; color:#fff; text-align:center; font-size:17px; height:28px; line-height:28px; margin:4px 0px; width:100%; display:block;} #newsletter2021 .studyWrap .studyBox .contBox { width:calc(100% - 160px); margin-left:20px; padding:0px; word-break:keep-all; font-size:17px;} #newsletter2021 .studyWrap .studyBox .contBox h5 { font-size:20px; margin:0px; margin-bottom:20px;} #newsletter2021 .studyWrap .studyBox .contBox p {} @media (max-width:767px) { #newsletter2021 .studyWrap .studyBox { padding:10px; display:block; margin-bottom:10px;} #newsletter2021 .studyWrap .studyBox .thumbBox, #newsletter2021 .studyWrap .studyBox .contBox { display:block;} #newsletter2021 .studyWrap .studyBox .thumbBox { width:100%; margin-bottom:10px; text-align:center;} #newsletter2021 .studyWrap .studyBox .contBox { width:calc(100% - 0px); margin-left:0px; font-size:16px;} #newsletter2021 .studyWrap .studyBox .contBox h5 { font-size:18px;} #newsletter2021 .studyWrap .studyBox .thumbBox span a { height:50px; line-height:50px;} } /* -------------------------------------------------------- wmvWrap ----------------------------------------------------------*/ #newsletter2021 .wmvWrap { position:relative; margin:30px 0px 50px 0px;} #newsletter2021 .wmvWrap h4 { font-size:20px; height:69px; margin:0px; color:#000; padding:0px 0px 0px 74px; box-sizing:border-box; position:relative; border-bottom:1px solid #cecece;} #newsletter2021 .wmvWrap h4 span { font-size:18px; display:block; font-weight:500; color:#005bac;} #newsletter2021 .wmvWrap h4:before {content:''; display:inline-block; width:58px; height:51px; position:absolute; left:6px; top:0px; background:url(../images/newsletter/ico_wmvh4.png) no-repeat;} #newsletter2021 .wmvWrap .wmvThumb { margin:20px auto 0px auto; text-align:center;} #newsletter2021 .wmvWrap .wmvList { margin:20px -10px 0px -10px; font-size:0px;} #newsletter2021 .wmvWrap .wmvList li {width:calc(33.3% - 20px); margin:0px 10px; padding:0px; display:inline-block; vertical-align:top;} #newsletter2021 .wmvWrap .wmvList li img { max-width:100%; width:100%;} #newsletter2021 .wmvWrap .more { position:absolute; top:0px; right:0px;} #newsletter2021 .wmvWrap .more > a { background:#222; color:#fff; padding:0px; width:78px; height:51px; font-size:16px; line-height:51px; box-sizing:border-box; display:block; text-align:center;} @media (max-width:767px) { #newsletter2021 .wmvWrap { margin:10px 0px 20px 0px;} #newsletter2021 .wmvWrap h4 { height:auto; font-size:18px; padding-left:40px; padding-bottom:10px;} #newsletter2021 .wmvWrap h4 span { font-size:16px;} #newsletter2021 .wmvWrap h4:before { width:30px; height:26px; background-size:cover;} #newsletter2021 .wmvWrap .wmvThumb { } #newsletter2021 .wmvWrap .wmvThumb img { max-width:100%;} #newsletter2021 .wmvWrap .wmvList { margin:10px -5px 0px -5px;} #newsletter2021 .wmvWrap .wmvList li {width:calc(33.3% - 10px); margin:0px 5px;} #newsletter2021 .wmvWrap .wmvList li img { border:3px solid #e7e7e7;} #newsletter2021 .wmvWrap .more { position:relative; top:0px; margin-top:10px;} #newsletter2021 .wmvWrap .more > a { width:100%;} } /* -------------------------------------------------------- cardWrap ----------------------------------------------------------*/ #newsletter2021 .cardWrap { position:relative; margin:0px;} #newsletter2021 .cardWrap h4 { font-size:20px; height:69px; margin:0px; color:#000; padding:0px 0px 0px 74px; box-sizing:border-box; position:relative; border-bottom:1px solid #cecece;} #newsletter2021 .cardWrap h4 span { font-size:18px; display:block; font-weight:500; color:#005bac;} #newsletter2021 .cardWrap h4:before {content:''; display:inline-block; width:58px; height:54px; background:#222; position:absolute; left:6px; top:0px; background:url(../images/newsletter/ico_cardh4.png) no-repeat;} #newsletter2021 .cardWrap .cardList { margin:20px -10px 0px -10px; font-size:0px;} #newsletter2021 .cardWrap .cardList li {width:calc(33.3% - 20px); margin:0px 10px; padding:0px; display:inline-block; vertical-align:top;} #newsletter2021 .cardWrap img { max-width:100%; width:100%; border:3px solid #fff;} #newsletter2021 .cardWrap .more { position:absolute; top:0px; right:0px;} #newsletter2021 .cardWrap .more > a { background:#222; color:#fff; padding:0px; width:78px; height:51px; font-size:16px; line-height:51px; box-sizing:border-box; display:block; text-align:center;} @media (max-width:767px) { #newsletter2021 .cardWrap { } #newsletter2021 .cardWrap h4 { height:auto; font-size:20px; padding-left:40px; padding-bottom:10px;} #newsletter2021 .cardWrap h4 span { font-size:16px;} #newsletter2021 .cardWrap h4:before { width:30px; height:28px; background-size:cover;} #newsletter2021 .cardWrap .cardList { margin:10px -5px 0px -5px;} #newsletter2021 .cardWrap .cardList li {width:calc(33.3% - 10px); margin:0px 5px;} #newsletter2021 .cardWrap .more { position:relative; top:0px; margin-top:10px;} #newsletter2021 .cardWrap .more > a { width:100%;} } /* -------------------------------------------------------- thesisWrap ----------------------------------------------------------*/ #newsletter2021 .thesisWrap { padding:20px; border-bottom:1px solid #cecece;} #newsletter2021 .thesisWrap .thumbBox, #newsletter2021 .thesisWrap .contBox { display:inline-block; vertical-align:top;} #newsletter2021 .thesisWrap .thumbBox { width:260px; text-align:left; box-sizing:border-box;} #newsletter2021 .thesisWrap .thumbBox img { margin:0px auto; border:1px solid #d4d4d4;} #newsletter2021 .thesisWrap .contBox { width:calc(100% - 280px); margin-left:20px; padding:0px; word-break:keep-all; font-size:17px;} #newsletter2021 .thesisWrap .contBox p { margin-bottom:20px; word-break:keep-all;} #newsletter2021 .thesisWrap .contBox p strong { display:block; font-size:30px; color:#5b2900; margin-top:10px;} #newsletter2021 .thesisWrap .contBox dl { margin-bottom:5px;} #newsletter2021 .thesisWrap .contBox dt, #newsletter2021 .thesisWrap .contBox dd { display:inline-block; vertical-align:top; word-break:keep-all;} #newsletter2021 .thesisWrap .contBox dt { color:#e6002d; width:100px;} #newsletter2021 .thesisWrap .contBox dd {width:calc(100% - 105px);} #newsletter2021 .thesisWrap .contBox dd span { color:#004aa0;} @media (max-width:767px) { #newsletter2021 .thesisWrap { padding:10px; display:block; margin-bottom:10px;} #newsletter2021 .thesisWrap .thumbBox, #newsletter2021 .thesisWrap .contBox { display:block;} #newsletter2021 .thesisWrap .thumbBox { width:100%; margin-bottom:10px;} #newsletter2021 .thesisWrap .thumbBox img { width:100%; max-width:100%;} #newsletter2021 .thesisWrap .contBox { width:calc(100% - 0px); margin-left:0px; font-size:16px;} #newsletter2021 .thesisWrap .contBox dt, #newsletter2021 .thesisWrap .contBox dd { display:block;} #newsletter2021 .thesisWrap .contBox dd {width:calc(100% - 0px); margin-top:10px;} #newsletter2021 .thesisWrap .contBox p strong { font-size:20px;} } /* -------------------------------------------------------- linkBanner ----------------------------------------------------------*/ #newsletter2021 .etcWrap .linkBanner { text-align:center; overflow:hidden; margin:30px 0px;} #newsletter2021 .etcWrap .linkBanner ul { margin:0px; font-size:0px;} #newsletter2021 .etcWrap .linkBanner ul li {width:calc(16.66% - 0px); margin:10px 0px; padding:0px; display:inline-block; vertical-align:top; position:relative;} #newsletter2021 .etcWrap .linkBanner ul li > a { display:block; font-size:16px; line-height:20px; color:#000; text-align:center; padding-top:57px; word-break:keep-all; background:none;} #newsletter2021 .etcWrap .linkBanner ul li:before {content:''; display:block; position:absolute; top:0px; left:50%; margin-left:-27px; width:55px; height:40px; z-index:-1;} #newsletter2021 .etcWrap .linkBanner ul li.link01:before { background:url(../images/newsletter/link2021_ico01.png) no-repeat center center;} #newsletter2021 .etcWrap .linkBanner ul li.link02:before { background:url(../images/newsletter/link2021_ico02.png) no-repeat center center;} #newsletter2021 .etcWrap .linkBanner ul li.link03:before { background:url(../images/newsletter/link2021_ico03.png) no-repeat center center;} #newsletter2021 .etcWrap .linkBanner ul li.link04:before { background:url(../images/newsletter/link2021_ico04.png) no-repeat center center;} #newsletter2021 .etcWrap .linkBanner ul li.link05:before { background:url(../images/newsletter/link2021_ico05.png) no-repeat center center;} #newsletter2021 .etcWrap .linkBanner ul li.link06:before { background:url(../images/newsletter/link2021_ico06.png) no-repeat center center;} @media (max-width:767px) { #newsletter2021 .etcWrap .linkBanner { text-align:left; margin:10px;} #newsletter2021 .etcWrap .linkBanner ul li {width:calc(49% - 10px); } #newsletter2021 .etcWrap .linkBanner ul li:before {left:0px; margin-left:0px; top:5px; width:34px; height:25px;} #newsletter2021 .etcWrap .linkBanner ul li > a {padding-top:0px; font-size:15px; padding-left:40px; text-align:left; line-height:30px; } #newsletter2021 .etcWrap .linkBanner ul li.link01:before, #newsletter2021 .etcWrap .linkBanner ul li.link02:before, #newsletter2021 .etcWrap .linkBanner ul li.link03:before, #newsletter2021 .etcWrap .linkBanner ul li.link04:before, #newsletter2021 .etcWrap .linkBanner ul li.link05:before, #newsletter2021 .etcWrap .linkBanner ul li.link06:before { background-size:contain;} } /* -------------------------------------------------------- linkQuick ----------------------------------------------------------*/ #newsletter2021 .etcWrap .linkQuick { background:#e1e7ec; padding:20px 80px; margin-bottom:40px;} #newsletter2021 .etcWrap .linkQuick ul { margin:0px; font-size:0px;} #newsletter2021 .etcWrap .linkQuick ul li {width:calc(33.3% - 0px); margin:10px 0px; padding:0px; display:inline-block; vertical-align:top; position:relative; height:38px; line-height:38px;} #newsletter2021 .etcWrap .linkQuick ul li > a { display:block; font-size:16px; color:#000; text-align:left; padding-left:64px; word-break:keep-all; background:none;} #newsletter2021 .etcWrap .linkQuick ul li:before {content:''; display:block; position:absolute; top:0px; left:0px; width:49px; height:38px;} #newsletter2021 .etcWrap .linkQuick ul li.link01:before { background:url(../images/newsletter/linkQuick01.png) no-repeat center center;} #newsletter2021 .etcWrap .linkQuick ul li.link02:before { background:url(../images/newsletter/linkQuick02.png) no-repeat center center;} #newsletter2021 .etcWrap .linkQuick ul li.link03:before { background:url(../images/newsletter/linkQuick03.png) no-repeat center center;} #newsletter2021 .etcWrap .linkQuick ul li.link04:before { background:url(../images/newsletter/linkQuick04.png) no-repeat center center;} #newsletter2021 .etcWrap .linkQuick ul li.link05:before { background:url(../images/newsletter/linkQuick05.png) no-repeat center center;} #newsletter2021 .etcWrap .linkQuick ul li.link06:before { background:url(../images/newsletter/linkQuick06.png) no-repeat center center;} @media (max-width:767px) { #newsletter2021 .etcWrap .linkQuick { padding:10px; margin-bottom:10px;} #newsletter2021 .etcWrap .linkQuick ul li {width:calc(49% - 10px); margin:5px 0px; } #newsletter2021 .etcWrap .linkQuick ul li:before {left:0px; margin-left:0px; top:5px; width:32px; height:25px;} #newsletter2021 .etcWrap .linkQuick ul li > a {padding-top:0px; font-size:15px; padding-left:40px; text-align:left; line-height:30px; } #newsletter2021 .etcWrap .linkQuick ul li.link04 > a, #newsletter2021 .etcWrap .linkQuick ul li.link05 > a { line-height:20px;} #newsletter2021 .etcWrap .linkQuick ul li.link01:before, #newsletter2021 .etcWrap .linkQuick ul li.link02:before, #newsletter2021 .etcWrap .linkQuick ul li.link03:before, #newsletter2021 .etcWrap .linkQuick ul li.link04:before, #newsletter2021 .etcWrap .linkQuick ul li.link05:before, #newsletter2021 .etcWrap .linkQuick ul li.link06:before { background-size:contain;} } /* -------------------------------------------------------- letterFoot ----------------------------------------------------------*/ #newsletter2021 .letterFoot { background:#eee; padding:20px;} #newsletter2021 .letterFoot .footLogo, #newsletter2021 .letterFoot .copy { display:inline-block; vertical-align:top;} #newsletter2021 .letterFoot .footLogo { width:151px; margin-top:45px;} #newsletter2021 .letterFoot .copy {width:calc(100% - 161px); margin-left:10px;} #newsletter2021 .letterFoot .copy p { font-size:15px; display:block; margin:2px 0px; word-break:keep-all;} @media (max-width:767px) { #newsletter2021 .letterFoot { padding:20px 10px;} #newsletter2021 .letterFoot, #newsletter2021 .letterFoot .footLogo, #newsletter2021 .letterFoot .copy { display:block; text-align:center;} #newsletter2021 .letterFoot .footLogo { margin:20px auto 0px auto;} #newsletter2021 .letterFoot .copy {width:calc(100% - 0px); margin:0px auto;} #newsletter2021 .letterFoot .copy p { margin:0px auto;} } /* -------------------------------------------------------- letterSend ----------------------------------------------------------*/ #newsletter2021 .letterSend { background:#005bac; height:53px; font-size:0px;} #newsletter2021 .letterSend p {width:calc(100% - 148px); font-size:16px; padding:15px 0px 14px 20px; box-sizing:border-box; display:inline-block; word-break:keep-all; color:#fff;} #newsletter2021 .letterSend p span { color:#fffc00;} #newsletter2021 .letterSend .sendBtn { width:148px; display:inline-block; } #newsletter2021 .letterSend .sendBtn a { background:#231815; color:#fff; font-size:16px; padding:15px; position:relative; display:block;} #newsletter2021 .letterSend .sendBtn a i { display:inline-block; width:29px; height:19px; background:url(../images/newsletter/ico_mail.png) no-repeat; margin-right:10px; vertical-align:middle;} #newsletter2021 .letterSend .sendBtn a:before {content:''; display:inline-block; width:40px; height:53px; position:absolute; left:-40px; top:0px; background:url(../images/newsletter/sendBtnBg.png) no-repeat;} @media (max-width:767px) { #newsletter2021 .letterSend { height:auto; overflow:hidden;} #newsletter2021 .letterSend p, #newsletter2021 .letterSend a { display:block;} #newsletter2021 .letterSend p {width:calc(100% - 0px); } #newsletter2021 .letterSend .sendBtn { float:right;} } /* -------------------------------------------------------- InterviewWrap ----------------------------------------------------------*/ #newsletter2021 .InterviewWrap { margin-bottom:20px; border-radius:20px; border:1px solid #9f9f9f; padding:30px; box-sizing:border-box; position:relative;} #newsletter2021 .InterviewWrap h4 { margin:0px; color:#e6002d; padding:0px; font-size:18px; box-sizing:border-box; position:relative;} #newsletter2021 .InterviewWrap h4:before {content:''; display:inline-block; width:calc(100% - 140px); box-sizing:border-box; height:1px; background:#0164a5; position:absolute; left:140px; top:16px;} #newsletter2021 .InterviewWrap h5 { font-size:20px; color:#0164a5; font-weight:600; word-break:keep-all;} #newsletter2021 .InterviewWrap .InterviewBox {} #newsletter2021 .InterviewWrap .InterviewBox dl { margin:20px 0px; } #newsletter2021 .InterviewWrap .InterviewBox dt { font-weight:600;} #newsletter2021 .InterviewWrap .InterviewBox dd {word-break:keep-all;} #newsletter2021 .InterviewWrap .InterviewBox .InterviewCon {width:calc(100% - 210px);} #newsletter2021 .InterviewWrap .InterviewBox .InterviewimgBox { width:200px;} #newsletter2021 .InterviewWrap .InterviewBox .InterviewimgBox a { background:#0164a5; display:block; color:#fff; border-radius:20px; text-align:center; font-weight:600; font-size:16px; width:145px; height:36px; line-height:34px; margin:10px auto 0px auto; } @media (max-width:767px) { #newsletter2021 .InterviewWrap { margin:0px 10px; margin-bottom:20px; width:calc(100% - 20px);} #newsletter2021 .InterviewWrap .InterviewBox { display:block;} #newsletter2021 .InterviewWrap .InterviewBox .InterviewCon {width:calc(100% - 0px);} #newsletter2021 .InterviewWrap .InterviewBox .InterviewimgBox { width:100%;} #newsletter2021 .InterviewWrap .InterviewBox .InterviewimgBox img { width:100%; max-width:100%;} } .btnW140 { width:140px;} .btnW244 { width:244px;} .photoImg { margin-bottom:30px; } .photoImg img { max-width:100%; width:100%;} .blueColor { color:#014099;} .innerpad { padding-top:50px;}