@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/hanna.css); 

.hanna * { font-family: 'Hanna', fantasy; }

/* font */
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url(/css/prom/newsletter/font/NotoSansKR-Light.eot);
	src:url(/css/prom/newsletter/font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NotoSansKR-Light.woff) format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url(/css/prom/newsletter/font/NotoSansKR-Regular.eot);
	src:url(/css/prom/newsletter/font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url(/css/prom/newsletter/font/NotoSansKR-Medium.eot);
	src:url(/css/prom/newsletter/font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NotoSansKR-Medium.woff) format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:600;
	src:url(/css/prom/newsletter/font/NotoSansKR-Bold.eot);
	src:url(/css/prom/newsletter/font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NotoSansKR-Bold.woff) format('woff');
}
@font-face {
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url(/css/prom/newsletter/font/NotoSansKR-Black.eot);
	src:url(/css/prom/newsletter/font/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NotoSansKR-Black.woff) format('woff');
}
@font-face {
	font-family:'NanumMyeongjo';
	font-style:normal;
	font-weight:500;
	src:url(/css/prom/newsletter/font/NanumMyeongjo.eot);
	src:url(/css/prom/newsletter/font/NanumMyeongjo.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NanumMyeongjo.woff) format('woff');
}
@font-face {
	font-family:'NanumMyeongjo';
	font-style:normal;
	font-weight:600;
	src:url(/css/prom/newsletter/font/NanumMyeongjoBold.eot);
	src:url(/css/prom/newsletter/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NanumMyeongjoBold.woff) format('woff');
}
@font-face {
	font-family:'NanumMyeongjo';
	font-style:normal;
	font-weight:700;
	src:url(/css/prom/newsletter/font/NanumMyeongjoExtraBold.eot);
	src:url(/css/prom/newsletter/font/NanumMyeongjoExtraBold.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NanumMyeongjoExtraBold.woff) format('woff');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url(/css/prom/newsletter/font/NanumBarunGothicLight.eot);
	src:url(/css/prom/newsletter/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NanumBarunGothicLight.woff) format('woff');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:500;
	src:url(/css/prom/newsletter/font/NanumBarunGothic.eot);
	src:url(/css/prom/newsletter/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NanumBarunGothic.woff) format('woff');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:600;
	src:url(/css/prom/newsletter/font/NanumBarunGothicBold.eot);
	src:url(/css/prom/newsletter/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
        url(/css/prom/newsletter/font/NanumBarunGothicBold.woff) format('woff');
}




/* reset */
* {margin:0;padding:0;font-family:'NotoSansKR','돋움', Dotum, 'Apple SD Gothic Neo', 'Apple Gothic','sans-serif';font-weight:400;color:#000;-webkit-text-size-adjust:100%;word-break: break-all;}
fieldset,img {border:0;}
ul,li {list-style:none;}
button {border:0;cursor:pointer;}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0;word-wrap:break-word;}
table td {word-wrap:break-word;}
button,
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='file'],
input[type='radio'],
input[type='checkbox'],
select {border-radius:0;}
textarea {resize:none;border-radius:0;}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;vertical-align:top;}
a:active, a:focus, a:hover {text-decoration:none;}
legend, caption, .blind {overflow:hidden;position:absolute;left:-9999px !important;top:-9999px !important;}
em {font-style:normal;}
img {border:0;vertical-align:top;}
strong {font-weight:600;}
body {}
img{max-width:100%}
/* layout */
.container { width:1000px; margin:0 auto; }
.content {position:relative; width:800px; margin:0 auto;}
.content1 {position:relative; width:800px; margin:0 auto;}
.footer {padding-bottom:80px;}







/* topPart */
.topPart {width:800px; margin:0 auto;}
.topPart ul {font-size:0; margin:10px 0; text-align: center;}
.topPart ul li {display:inline-block; margin:5px 0;}
.topPart ul li a {display:inline-block; border:1px solid #cfe6f8; font-size:13px; color:#085fa4; padding:7px 11px; border-radius: 20px; letter-spacing: -0.5px; width:175px;}
.topPart ul li a:hover {color:#fff; background-color:#023894;}



/* top */
.top {position: relative;}
.top .logo {margin-left:25px;}
.top .m_logo {display: none;}
.top .vol {position:absolute; top:40px; right:10px;}


#goto_prev_webzine{position:absolute; top:0px; right:0;cursor:pointer;z-index:999999 ;border:1px solid #ddd;border-radius:5em}
#goto_prev_webzine dl{margin:0 !important}
#goto_prev_webzine dt{position:relative; z-index:2; width:120px; line-height:30px; text-align:right; height:30px; padding:0 10px;  }
#goto_prev_webzine dt i{float:right; line-height:30px;margin-left:20px}
#goto_prev_webzine dd{text-align:center; position:absolute; display:none; z-index:1;box-sizing:border-box; border:1px solid #DDD; background:#FFF;  top:0; padding:10px; padding-top:40px;  left:0; right:0px; max-height:300px; overflow:auto; border-radius:4px; box-shadow:1px 1px 4px rgba(0,0,0,.3)}
#goto_prev_webzine dd a{display:block;width:100px}
#goto_prev_webzine:hover dd{display:block;}


/* articel_1 */
.article_1 {background:url(/images/prom/newsletter/vol83/article_1_bg.png) no-repeat 0 0; height:565px; background-size:cover; margin-top:-217px; background-position: center top;z-index:1}
.article_1 .title_area {padding:240px 25px 0;position: relative; z-index:9999}
.article_1 .title {font-size:42px; line-height: 52px; font-weight: 600; padding-top:20px; color:#fff;}
.article_1 .title_img {display: inline-block; position: absolute; top:15px; right:20px;z-index:99;}
.article_1 .logo_100 {position:absolute; top:-15px; right:15px;}


/* common */
.center {text-align:center;}
.overflow_hidden {height:100%;overflow:hidden;}
.underline {text-decoration:underline !important;}
.strong {font-weight:500 !important;}
.ex_strong {font-weight:600 !important;}
.right {text-align:right;}
.NanumMj {font-family:'NanumMyeongjo'}
.fc_bl {color:#002b91;}
.box_wh {background-color:#fff; padding:20px;}
.hidden {display:none;}
hr{clear:both;display:block;height:40px;border:0}
.float_l {float:left;}
.float_r {float:right;}
.c{text-align:center}


.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.iframeWrap {width:100%; padding-bottom:55%; position:relative; overflow: hidden; height:0; margin:0 auto;}
.iframeWrap2 {width:800px; padding-bottom:55%; position:relative; overflow: hidden; height:0; margin:0 auto;}
iframe {position:absolute; top:0; left:0; height:100%; width:100%; border:0;}


.shadow {width:100%; height:100%; background-color:rgba(0,0,0,0.3); transition:all 0.5s ease; position:fixed; display:none; z-index:100; margin-top:-10px;}
.btn_02 {display:block; padding:10px 20px; border:1px solid #023894; line-height:30px;color:#023894;margin:30px auto 0;width:150px;text-align:center}

iframe {width:100%;}
.row {margin:40px 0 0 0;}
.row50 {margin:50px 0 0 0;}
.row:after {content:'';display:block;clear:both;}
.row .left {float:left;padding:0 10px 0 0;}
.row .right {float:right;padding:0 0 0 10px;}
.col {width:50%;box-sizing:border-box;vertical-align:top;}
.col2 .col {display:inline-block;width:50%;padding:0 0 0 10px;}
.col2 .col:first-child {margin:0 0 0 -10px;}
.col2 .col60 {width:60%;}
.col2 .col40 {width:40%;}
.col2 .col70 {width:70%;}
.col2 .col30 {width:30%;}
.col3 .col {display:inline-block;width:33.3%;padding:0 0 0 10px;}
.col3 .col:first-child {margin:0 0 0 -10px;}
.img {display:block;vertical-align:top;}
.img .img_area {overflow:hidden;display:block;width:100%;box-sizing:border-box; position:relative;}
.img .img_area.noborder {border:none;}
.img .img_area a {display:block;}
.img .img_area img {width:100%;}
.img_area .img_num {width:24px; height:24px; display:inline-block; background-color:#3666d2; color:#fff; text-align:center; line-height:24px; position:absolute; bottom:0; left:0; font-size:20px;}

.bg{background:#f1f1f1;margin-bottom:20px}
.tel{box-sizing:border-box;margin:50px 0}
.tel strong{font-size:30px;color:#416591}
.tel span{border:1px solid #ddd;display:block;width:80px;height:80px;margin:0 auto;padding:30px;border-radius:10em}
.tel span img{margin-bottom:10px}


.subtitle {display:table;width:100%;table-layout:fixed;line-height:1.5em;}
.subtitle div {display:table-cell;padding:7px 0;vertical-align:middle; color:#3666d2;}
.subtitle span {display:block;line-height:1.5em;text-align:center;}
.subtitle.line2 div {height:44px;}
.subtitle.line3 div {height:66px;}
.subtitle.line4 div {height:88px;}
.subtitle.line5 div {height:110px;}
.subtitle.line6 div {height:132px;}

.partrow {border-top:1px solid #dedede; padding-top:30px; margin-top:30px; }
.part {padding:10px 15px 8px; background-color:#023894; color:#fff; font-family: 'NanumBarunGothic'; font-weight:600; display: inline-block; border-radius: 20px; font-size:13px;}
.stitle {font-size:24px; font-weight:500;  letter-spacing: -0.5px;margin:10px 0 30px 35px}
.stitle2 {font-size:24px; font-weight:500;  letter-spacing: -0.5px;margin:10px 0 30px 48px}
.title_area.type2 {text-align: center; padding:50px 0 20px;}
.title_area.type2:before {content:''; display:block; width:50px; border-top:5px solid #fff; margin:0 auto;}
.title_area.type2 h2 {font-size:36px; font-weight:600; color:#fff; padding-top:15px;}

.title_area.type3 {text-align: center; padding:50px 0 20px;}
.title_area.type3:before {content:''; display:block; width:50px; border-top:5px solid #fff; margin:0 auto;}
.title_area.type3 h2 {font-size:36px; font-weight:600; color:#fff; padding-top:15px;}

.stit{font-size:1.3em;margin-top:30px;font-weight:600}
.green{color:#538844}
.orange_bg{color:#fff !important;background:#132a79  !important;padding:3px 10px;border-radius:1em;margin:0 auto;box-sizing:border-box}
.orange_bg i{color:#fff}
.purple{color:#591f97}
.hotpink{color:#cd1e4f}



.h3_icon{background:url(/images/prom/newsletter/vol83/78/h3.png) left 20px no-repeat;padding-left:18px}

.lsm1{letter-spacing:-1px}
.lsm15{letter-spacing:-1.5px}
.lsm2{letter-spacing:-2px}
.title i, .box i{color:#0d4e9c ;font-size:24px;}
.txt_area.type1 p {font-size:16px; line-height:26px; padding-bottom:30px; }


.section{position:relative; z-index:1;}


.txt_area.type1 p {font-size:16px; line-height:26px; padding-bottom:30px; }

.h3_icon{background:url(/images/prom/newsletter/vol83/h3.png) left 20px no-repeat;padding-left:18px}
.ls1{letter-spacing:-1.7px !important}
.h3_title i, .title i, .box i{color:#0d4e9c ;font-size:24px;}
.h3_title {position:relative;font-size:32px; letter-spacing: -1px;font-weight:600;;margin-top:20px;padding-left:30px;box-sizing:border-box;word-break:keep-all}
.h3_title em{margin-left:0px}
.h3_title i{position:absolute;left:0;top:15px;}
h3 span{font-size: 24px; font-weight:400; }
.h3_title2 {position:relative;font-size:32px; letter-spacing: -1px;font-weight:600;;margin-top:20px;box-sizing:border-box;padding-left:40px;}
.h3_title2  .bl_circle {position:absolute;left:0;top:10px; width:35px; height:35px; background-color:#000; font-weight:600; color:#fff; border-radius: 100%; text-align: center; line-height:30px; margin-right:10px;}
.nop{display:none}
.nom{display:block}
.h4{color:#ed3e70;margin-top:60px;display:block}


.caption {padding-top:5px; padding-bottom:5px; color:#888; font-size:0.9em; text-align:right; font-family:나눔고딕; font-weight:500; letter-spacing:-0.5px;}

.txt_q {display:block; font-size:22px; padding-bottom:10px; font-weight:500; line-height:30px;margin-top:30px}
.txt_a {display: block; padding-bottom:10px;margin-top:10px}
.txt_a .fc_bl {font-size:22px; }





.sub_tit{display:block;margin-bottom:10px;color:#0d4e9c;font-size:1.2em;font-weight:600}

.full_btn{background:#0d4e9c;color:#fff;margin:30px auto 60px ;width:180px;padding:10px 20px;border-radius:3em;display:block;box-sizing:border-box;}
.full_btn:hover{background:#000}
.full_btn i{margin-left:20px;color:#fff;}
.s1_em{margin-left:35px}




 .doublebox{border:5px double #000;padding:30px;margin-top:50px;}
 .doublebox .tit{font-size:28px;margin-bottom:30px;background:#def1ff;padding:0 10px;text-align:center;display:block;text-align:center}
 .doublebox .tit2{font-size:28px;margin-bottom:30px;background:#fff;padding:0 10px;text-align:center;display:block;text-align:center}
 .doublebox .tit:before{display:inline-block;content:"[";margin-right:30px;font-size:45px;font-weight:100}
 .doublebox .tit:after{display:inline-block;content:"]";margin-left:30px;font-size:45px;font-weight:100}
 .doublebox  p{}
 .doublebox .name{position:relative;content:"";margin:20px 0;text-decoration:underline;}
 .doublebox .name:before{display:inline-block;content:"";background:#2663cc;width:6px;height:6px;border-radius:100%;margin-right:10px;margin-bottom:5px}

 .doublebox .name2{font-weight:600}




.slide_box{position:relative;margin-top:30px  }
.slide_box section{position:relative; overflow:hidden; }
.slide_box section li{width:31.33%; padding:1%; text-align:center ; }
.slide_box li strong{border:1px solid #1285c1;color:#1285c1;padding:2px ;border-radius:1em;font-size:0.9em;display:block;width:80px;margin:0px auto 5px}
.slide_box li  span{color:#666}
.slide_box section li img{width:100%;margin-bottom:10px }
.slide_box h4 {display:none;}

a.mvpn{position:absolute; top:80px; z-index:3; width:30px; height:40px; padding:0; background:rgba(0,0,0,.5); border:0; cursor:pointer; }
a.mvpn.prev{left:-30px;}
a.mvpn.next{right:-30px;}
a.mvpn:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid; border-color:#FFF; border-width:2px; content:"";}
a.mvpn.prev:after{left:8px; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
a.mvpn.next:after{right:8px; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}





.popwrap {width: 1000px; margin:0 auto;}
.popup {width:800px; margin:0 auto; background:#fff; position:fixed; max-width:90%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:110; transition:all 0.5s ease;}
.popup_contents {padding:22px 28px;}
.pop_head {overflow:hidden;}
.btn_cls {float:right; cursor: pointer;}
.pop_tit {font-size:22px; font-weight:500; margin-bottom:10px;}


.card {  overflow: hidden;  }
.card .card_tit {padding-top:15px; border-top:1px solid #ededed; margin-top:15px; text-align: left;}
.card .card_tit  div {display: inline-block; vertical-align: top;}
.card   p { font-size:.9em; color:#999}
.card .card_tit .more {width:calc(30% - 7px);border:1px solid #023894; color:#023894; text-align: center; padding:6px 0; cursor: pointer; vertical-align: middle;}

.card dl{display: -webkit-flex; display: flex;justify-content:space-between;}
.card dl dd{width:calc(50% - 8px);background-color:#fff;padding:20px;box-sizing:border-box;margin:15px 0}
.card dl dd img{display:block;margin:0 auto}
.card dl dt{display:none}
.dlw{  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* 양쪽정열 */
.dlw.js{justify-content:space-between} /* 양쪽정열 */
.dlw.br{flex-flow:wrap;}/* 줄바꿈 */
.dlw > dd{position:relative;    }
.dlw .od2{order:2;}
.dlw.fg > dt, .dlw.fg > dd{flex-grow:1;   } /* 너비통일 */
.dlw .vc{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*수직센터정열*/
.dlw.vc dt, .dlw.vc dd{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*수직센터정열*/

/* footer */
.section_foot {background:#11387b;}
.section_foot .container {padding-bottom:50px;}
.section_foot .content .box_wh > div {display: inline-block; vertical-align: middle;}
.section_foot .content .txt_area p {font-size:15px; padding:0 55px;}
.section_foot .sns ul li {display: inline-block;}
.section_foot .box_wh {padding:35px 50px;}


@media (max-width:1000px) {
    .container {width:auto;}
    .content {padding:0;}
    .section img {max-width:100%; }

.top .vol {position:absolute; top:90px; right:10px;}


#goto_prev_webzine{position:absolute; top:60px; right:0;cursor:pointer;z-index:999999 ;border:1px solid #ddd;border-radius:5em;font-size:0.8em}
#goto_prev_webzine dl{margin:0 !important}
#goto_prev_webzine dt{position:relative; z-index:2; width:100px; line-height:25px; text-align:right; height:25px; padding:0 10px;  }
#goto_prev_webzine dt i{float:right; line-height:25px;margin-left:20px}
#goto_prev_webzine dd{text-align:center; position:absolute; display:none; z-index:1;box-sizing:border-box; border:1px solid #DDD; background:#FFF;  top:0; padding:5px 10px; 
padding-top:40px;  left:0; right:0px; max-height:300px; overflow:auto; border-radius:4px; box-shadow:1px 1px 4px rgba(0,0,0,.3)}
#goto_prev_webzine dd a{display:block;width:100px}
#goto_prev_webzine:hover dd{display:block;}

.article_1 .title_img {display: inline-block; position: absolute; top:80px; right:20px;z-index:99;}
}



@media (max-width:860px) {
a.mvpn.prev{left:0px;}
a.mvpn.next{right:0px;}

}



@media (max-width:800px) {
    .container {width:100%;}
	.content1{width:100%}
    .content {width:calc(100% - 40px);box-sizing:border-box;}
    
    .topPart {display:none;}
	.stitle {padding:0; font-size:18px;margin-left:0}
	.stitle2 {padding:0; font-size:18px;margin-left:0}

    .top .logo {display:none;}
    .top .m_logo {display: block; height:293px;}
    .top .m_logo > span {    padding: 20px 15px; display: inline-block;  font-size: 18px; color: #023894; line-height: 28px; font-weight: 500;}
    .top .m_logo span {font-size:18px; color:#023894; font-weight:500;}
    .top .vol {width:130px;}

    .article_1 .logo_100 {width:100px; top:-20px;}
    .article_1 .title {font-size:30px; line-height:40px; text-shadow: 2px 2px 2px #000; width:300px; height:auto;}
    .article_1 .title_area {padding:0px 10px;float:right}

    .txt_area.type1 p {font-size:14px;}

.h3_title2 {position:relative;font-size:28px;margin-top:20px;box-sizing:border-box;padding-left:30px;}
.h3_title2  .bl_circle {position:absolute;left:0;top:5px; width:30px; height:30px; color:#fff; border-radius: 100%; text-align: center; line-height:30px; margin-right:10px;}

 
 .partrow {padding-top:50px;}



    .title_area.type2 h2 {font-size:23px; letter-spacing: -1px;}



    .section_foot .box_wh {padding:30px 20px;}

    .section_foot .footer_logo {display: none !important;}
    .section_foot .content .txt_area p {padding:0; text-align: left; margin-right:40px;}
    .section_foot .content .box_wh > div.sns {float:right;}

.h3_title {font-size:25px ;}

.s1_em{margin-left:0px}
.h3_title i{position:absolute;left:0;top:8px;}


.doublebox{border:5px double #000;padding:30px 10px;margin-top:50px}
.doublebox .tit{position:relative;font-size:24px;top:20px;background:#def1ff;padding:0px;box-sizing:border-box;text-align:center;padding-bottom:50px;}
.doublebox .tit:before{display:inline-block;content:"[";margin-right:5px;font-size:20px;font-weight:100}
.doublebox .tit:after{display:inline-block;content:"]";margin-left:5px;font-size:20px;font-weight:100}
/*
.card {background-color:#fff; padding:20px; overflow: hidden; height:auto; }
.card .col .img_area {display:table;}
.card .col img {width:100%; display:table-cell; }
.card .col .img_caption {width:56%; border:none; margin:0; display:table-cell; padding-left:3%; vertical-align: middle; padding-top:0; font-size:14px; text-align: left;}*/
}

@media (max-width:736px) {
 .doublebox .tit{position:relative;font-size:24px;top:0px;background:#def1ff;padding:0px;box-sizing:border-box;text-align:center;padding-bottom:0px;}
 .doublebox .tit2{font-size:20px;margin-bottom:30px;background:#fff;padding:0 10px;text-align:center;display:block;text-align:center;}


.article_1 {background:url(/images/prom/newsletter/vol83/article_1_bg_s.png) no-repeat 90% 0;}
.article_1 .title_img {display: inline-block; position: absolute; top:80px; right:0px;}
.img_fix{width:100%}


.card dl{display: -webkit-flex; display: flex;justify-content:space-between;display:block}
.card dl dd{width:calc(100% - 0px);background-color:#fff;padding:20px;box-sizing:border-box;margin:15px 0}
}






@media (max-width:623px) {

.slide_box section li{width:98%; padding:1%; text-align:center ; }

.section_foot .content .txt_area p {padding-bottom:20px; margin-right:0;}
.section_foot .content .box_wh > div.sns {float:none;}

}








@media (max-width:600px){
.article_1 .title {width:250px; top:230px; left:25px;}
    
.nom{display:none}
.nop{display:block}
}