@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 { width:800px; margin:0 auto;}
.footer {padding-bottom:80px;}

/* 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;}

.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;}

.bl_circle {display: inline-block; width:35px; height:35px; background-color:#000; font-weight:600; color:#fff; border-radius: 100%; text-align: center; line-height:30px; margin-right:10px;}

.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;}


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}
/*.tel{background:#f1f1f1;border:5px solid #fff;z-index:99999999;border-radius:10em;width:200px;height:200px;margin:50px auto 0;box-sizing:border-box;padding-top:30px}*/

.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;}

/* 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:30px; right:10px;}

/* articel_1 */
.article_1 {background:url(/images/prom/newsletter/vol82/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 {background:url(/images/prom/newsletter/vol82/100_bg.png) no-repeat 0 0; height:270px;  background-size:328px 160px; font-size:42px; line-height:52px; font-weight:600; padding-top:20px;background-position: left bottom}*/
.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;}
.article_1 .logo_100 {position:absolute; top:-15px; right:15px;}

@media (max-width:736px){
.article_1 {background:url(/images/prom/newsletter/vol82/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%}
}
.section{position:relative; z-index:1;}

.section1 .box {overflow: hidden; background-color:#def1ff; padding:0 25px; position:relative; z-index:10;}
.section1 .box h3 {font-size: 32px; padding-bottom:25px; font-weight:600;}
.section1 .img_area { margin-bottom:20px;}
.txt_area.type1 p {font-size:16px; line-height:26px; padding-bottom:30px; }
.section1 .box .mv_tit {padding:5px 0; margin-bottom:15px; border-right:3px solid #addcff; border-left:3px solid #addcff;}
.h3_icon{background:url(/images/prom/newsletter/vol82/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:12px;}
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}
.nop{display:none}
.nom{display:block}
.h4{color:#ed3e70;margin-top:60px;display:block}

@media(max-width:800px){

.h3_title {font-size:25px ;}

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



.section1 dl{margin:50px 0}
.section1 dl strong{display:block;margin-bottom:10px;color:#0d4e9c;font-size:1.2em;font-weight:600}
.sub_tit{display:block;margin-bottom:10px;color:#0d4e9c;font-size:1.2em;font-weight:600}
.section1 dl span{}
.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}

.section1  .name{content:"";margin:20px 0;text-decoration:underline}
.section1  .name:before{display:inline-block;content:"";background:#2663cc;width:6px;height:6px;border-radius:100%;margin-right:10px;margin-bottom:5px}
.section1 dd{margin-top:10px}

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

/* section2 */
.section2 {}
.section2 .container {background:url(/images/prom/newsletter/vol82/section2_bg.png) no-repeat 0 0; background-position: left top; margin-top:-120px; z-index:9; background-size:contain;}
.section2 .content {padding-top:150px;}
.section2 .title {font-size:32px; letter-spacing: -0.5px; font-weight:600; padding:40px 0 0;}

.section2 .img_area {margin:50px 0}

.section2 .s_tit {font-size:28px; letter-spacing: -0.5px; display: block; font-weight:500; margin:20px 0; line-height: 30px;}
.section2 span.fc_bl {}
.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; }

 .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}
.section1 .doublebox .tit{width:590px;margin:-70px auto 20px ;}

@media (max-width:800px) {



 .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}
 .section1 .doublebox .tit{width:100%;}

}


/* section3 */
.section3{}
.section3 p{}
@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;}
 .section3{padding:0 20px;box-sizing:border-box;}
 .section4{padding:0 20px;box-sizing:border-box;}
 .section5{padding:0 20px;box-sizing:border-box;}
 .section9{padding:0 20px;box-sizing:border-box;}
 .section12{padding:0 20px;box-sizing:border-box;}
}


/* section4 */
.section4 dl{}
.section4 dd{margin:40px 0}
.section4 dd strong{display:block;margin:10px 0;font-size:24px}




/* section5 */
.section5 {}




/* section6 */
.section7 dl{}
.section7 dd{margin:40px 0}
.section7 dd strong{display:block;margin:10px 0;font-size:24px}
.section7 dd img{margin-bottom:30px}
.section7  .name{content:"";margin:20px 0;text-decoration:underline}
.section7  .name:before{display:inline-block;content:"";background:#2663cc;width:6px;height:6px;border-radius:100%;margin-right:10px;margin-bottom:5px}


/* section8 */
.section8 dl{margin:50px 0;position:relative;padding-left:80px}
.section8 dl img{position:absolute;left:0;top:0;width:59px;height:59px}
.section8 dl strong{display:block;margin-bottom:10px;color:#0d4e9c;font-size:1.2em}
.section8 dl span{}
.s8_em{margin-left:35px}



.section8 dd{color:#0d4e9c; margin-top:10px}


@media (max-width:800px){
	.section8 dl{margin:50px 0;position:relative;padding-left:70px;border:1px solid red !important}
	.section8 dl img{position:absolute;left:0;top:0;width:59px !important;height:59px !important}


}







/* section9 */
.section9 img{}


/* section10 */
.section10 {padding-bottom:50px}
.section10 .card {background-color:#fff; padding:20px; overflow: hidden;  }
.section10 .card .card_tit {padding-top:15px; border-top:1px solid #ededed; margin-top:15px; text-align: left;}
.section10 .card .card_tit > div {display: inline-block; vertical-align: top;}
.section10 .card .card_tit > p { font-size:.9em; color:#999}
.section10 .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;}
.section10 .list ul li {border-bottom:1px solid #08275c; padding:10px;}
.section10 .list ul li span:first-child {font-size:18px; color:#fff; font-weight:500; letter-spacing: -1px; width:calc(100% - 90px); display: inline-block; overflow: hidden;}
.section10 .list ul li span:last-child {float:right; color:#023894; padding:4px 18px; background-color:#fff; font-size:14px; cursor: pointer;}
.height1{height:390px}
.height2{height:415px}
.height3{height:435px}
@media (max-width:800px){
.section10 .card {background-color:#fff; padding:20px; overflow: hidden; height:auto; }
.section10 .card .col .img_area {display:table;}
.section10 .card .col img {width:100%; display:table-cell; }
.section10 .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;}
.section10 .list .col {width:100%; padding:0; margin:0;}
.section10 .list ul li span:first-child {font-size:14px;}
.section10 .col2 .col {width:100%; margin:0 0 20px 0; padding:0;}
.section10  .row{margin:0}

.height1{height:auto}
.height2{height:auto}
}

/* section11 */
.section11 {padding-bottom:40px;}
.section11 .box_wh .title {font-size:32px; letter-spacing: -0.5px; font-weight:600; padding:0 0 20px;}
.section11 .img_area {padding-bottom:20px;}
.section11  p.strong .fc_bl.strong {display: block;margin:30px 0 10px 0}
.section11 div ul.row.col2 {  margin-bottom:20px; text-align:center;}
.section11 div ul.row.col2 .img_caption p:first-child {font-size:18px; color:#023894;}
.section11 div ul.row.col2 .img_caption p:first-child a{font-size:18px; color:#023894;}
.section11 div ul.row.col2 .img_caption p:last-child {padding-bottom:0;}
.section11 div ul.row.col2 li:last-child {color:#023894;  }
.section11 .btn_01 {display:inline-block; padding:0 20px; border:1px solid #023894; line-height:30px;color:#023894; }
.section11 .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}
.section11 .icon_tel {width:60px;}
.section11 dl{}
.section11 .gangchon dt{}
.section11  .btn_01{margin-top:40px}


/*section14*/
.section14{padding-bottom:40px;}

.section14 dl{border:1px solid #ddd;padding:0 30px 30px 30px;margin:50px 0;}
.section14 dt{position:relative;background:#11387b;color:#fff;padding:8px 10px;width:200px;text-align:center;top:-20px}
.section14 dd{position:relative;}
.section14 dd .icon{position:absolute;left:0;top:0;width:100px}
.section14 dd p{margin-left:110px}

@media (max-width:800px) {

.section11 .box_wh .title {font-size:25px;}
.section11 div ul.row.col2 {margin:20px 0 0 0;}
.section11 div ul.row.col2 .img_caption p:first-child {font-size:14px; letter-spacing: -0.5px; min-height:50px; padding-bottom:0;}
.section11 div ul.row.col2 .img_caption p:last-child {font-size:12px; line-height:16px;}
.section11 div ul.row.col2 li:last-child {margin-bottom:20px; font-size:12px;}
.section11 .gangchon dt{float:none; margin-right:0px;margin-bottom:20px}
.section11 .gangchon dt img{width:100%}


.section14 dl{border:1px solid #ddd;padding:0 20px 20px 20px;margin:50px 0}
.section14 dt{position:relative;background:#11387b;color:#fff;padding:8px 10px;width:80%;margin:0 auto;text-align:center;top:-20px}
.section14 dd{position:relative;}
.section14 dd .icon{position:relative;left:0;top:0;width:80px;margin:0 auto 20px;text-align:center;display:block}
.section14 dd p{margin-left:0px}
}




.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;}






@media (max-width:800px) {
.section5 div ul.row.col2 {margin-left:0;   margin-bottom:20px; text-align:center;}
}

#section5_sc{position:relative;margin-top:30px  }
#section5_sc section{position:relative; overflow:hidden; }
#section5_sc section li{width:31.33%; padding:1%; text-align:center ; }
#section5_sc section li img{width:100%; }
#section5_sc h4 {display:none;}
#section5_sc 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; }
#section5_sc a.mvpn.prev{left:-30px;}
#section5_sc a.mvpn.next{right:-30px;}
#section5_sc a.mvpn:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid; border-color:#FFF; border-width:2px; content:"";}
#section5_sc 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;  }
#section5_sc a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#section5_sc 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;  }
#section5_sc a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}




#section5_sc2{position:relative;margin-top:30px  }
#section5_sc2 section{position:relative; overflow:hidden; }
#section5_sc2 section li{width:31.33%; padding:1%; text-align:center ; }
#section5_sc2 section li img{width:100%; }
#section5_sc2 h4 {display:none;}
#section5_sc2 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; }
#section5_sc2 a.mvpn.prev{left:-30px;}
#section5_sc2 a.mvpn.next{right:-30px;}
#section5_sc2 a.mvpn:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid; border-color:#FFF; border-width:2px; content:"";}
#section5_sc2 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;  }
#section5_sc2 a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#section5_sc2 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;  }
#section5_sc2 a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}



#section5_last{position:relative;margin-top:30px  }
#section5_last section{position:relative; overflow:hidden; }
#section5_last section li{width:31.33%; padding:1%; text-align:center ; }
#section5_last section li img{width:100%; }
#section5_last h4 {display:none;}
#section5_last 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; }
#section5_last a.mvpn.prev{left:-30px;}
#section5_last a.mvpn.next{right:-30px;}
#section5_last a.mvpn:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid; border-color:#FFF; border-width:2px; content:"";}
#section5_last 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;  }
#section5_last a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#section5_last 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;  }
#section5_last a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}



#section5_sc3{position:relative;margin-top:30px;box-sizing:border-box ;}
#section5_sc3 section{position:relative; overflow:hidden;box-sizing:border-box  }
#section5_sc3 section li{width:31.33%; padding:1%; text-align:center ;box-sizing:border-box }
#section5_sc3 section li img{width:100%; }
#section5_sc3 h4 {display:none;}
#section5_sc3 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; }
#section5_sc3 a.mvpn.prev{left:-30px;}
#section5_sc3 a.mvpn.next{right:-30px;}
#section5_sc3 a.mvpn:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid; border-color:#FFF; border-width:2px; content:"";}
#section5_sc3 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;  }
#section5_sc3 a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#section5_sc3 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;  }
#section5_sc3 a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#section5_sc3 section span{color:#999;font-size:0.9em}


@media (max-width:860px) {
#section5_sc a.mvpn.prev{left:0px;}
#section5_sc a.mvpn.next{right:0px;}
#section5_sc2 a.mvpn.prev{left:0px;}
#section5_sc2 a.mvpn.next{right:0px;}
#section5_sc3 a.mvpn.prev{left:0px;}
#section5_sc3 a.mvpn.next{right:0px;}
#section5_last a.mvpn.prev{left:0px;}
#section5_last a.mvpn.next{right:0px;}
}
@media (max-width:623px) {

#section5_sc3{position:relative;margin-top:30px;box-sizing:border-box ;margin:0 4% }
#section5_sc section li{width:98%; padding:1%; text-align:center ; }

#section5_sc2 section li{width:98%; padding:1%; text-align:center ; }


#section5_sc3 section li{width:98%; padding:1%; text-align:center ; }
}

.section_foot .box_wh {padding:35px 50px;}

/* 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;}


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


}
@media (max-width:800px) {
    .container {width:100%;}
    .content {width:calc(100% - 40px); padding:0 20px;box-sizing:border-box;}
    .section1 .content {width:100%; padding:0;}
    .section1 {margin-top:50px;}
    .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;}

    .section1 .box h3 {font-size:25px; letter-spacing: -1px;}
    .section2 .s_tit {font-size:23px;}
    .section2 .title {padding-top:25px; padding-bottom:5px; font-size:25px;}
    .partrow {padding-top:50px;}
    .section2 .subtitle div {font-size:12px; line-height:16px; letter-spacing: -0.3px;}

    .section2 .col2.col100 .col {width:100%; padding:0; margin:0 0 10px 0;}
    .section2 span.txt_q {font-size:18px;}
    .section2 span.txt_a {font-size:14px;}
    .section2 span.txt_a .fc_bl {font-size:16px;}
    .section2 .bl_circle {width:30px; height:30px; line-height:29px;}

    .section3 .card .col {width:100%; margin:0 0 10px; padding:15px;}
    .section3 .card .col .img_area {display:table;}
    .section3 .card .col img {width:100%; display:table-cell; }
    .section3 .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;}
    .section3 .list .col {width:100%; padding:0; margin:0;}
    .section3 .list ul li span:first-child {font-size:14px;}
    .section3 .col2 .col {width:100%; margin:0 0 20px 0; padding:0;}

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

    .section4 .box_wh > div {display: block;}
    .section4 .box_wh .txt_area {width:100%; margin:0;}
    .section4 .col2 .col {width:100%; margin:0 0 20px 0; padding:0;}
	.section4  .title {font-size:25px;}



    .section5 .box_wh .title {font-size:25px;}
    .section5 div ul.row.col2 {margin:20px 0 0 0;}
    .section5 div ul.row.col2 .img_caption p:first-child {font-size:14px; letter-spacing: -0.5px; min-height:50px; padding-bottom:0;}
    .section5 div ul.row.col2 .img_caption p:last-child {font-size:12px; line-height:16px;}
    .section5 div ul.row.col2 li:last-child {margin-bottom:20px; font-size:12px;}






    .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;}
}
@media (max-width:623px) {
    .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;}
    .section1 .box .col2 .col {width:100%; margin:0 0 15px 0;}
	.nom{display:none}
.nop{display:block}
}