@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Noto+Serif+KR&family=Nanum+Gothic&family=Nanum+Myeongjo&display=swap");

@font-face {
    font-family: 'ArchitectsDaughter';
    src: url(/fonts/ArchitectsDaughter-Regular.ttf) format('opentype');
}

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
/* @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
        url(/fonts/NotoSansKR/NotoSansKR-Thin.woff) format('woff'),
        url(/fonts/NotoSansKR/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
        url(/fonts/NotoSansKR/NotoSansKR-Light.woff) format('woff'),
        url(/fonts/NotoSansKR/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKR/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKR/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKR/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKR/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKR/NotoSansKR-Black.otf) format('opentype');
} */
/* @font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Nanum_Gothic/NanumGothic-Regular.ttf) format('opentype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Nanum_Gothic/NanumGothic-Bold.ttf) format('opentype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/Nanum_Gothic/NanumGothic-ExtraBold.ttf) format('opentype');
}
@font-face {
    font-family: 'Nanum Myeongjo';    
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Nanum_Myeongjo/NanumMyeongjo-Regular.ttf) format('opentype');
}
@font-face {
    font-family: 'Nanum_Myeongjo';    
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Nanum_Myeongjo/NanumMyeongjo-Bold.ttf) format('opentype');
}
@font-face {
    font-family: 'Nanum Myeongjo';    
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/Nanum_Myeongjo/NanumMyeongjo-ExtraBold.ttf) format('opentype');
} */
/* @font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-ExtraLight.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-ExtraLight.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-ExtraLight.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-Light.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Light.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-Regular.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Regular.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-Medium.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Medium.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-SemiBold.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-SemiBold.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-SemiBold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-Bold.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Bold.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/NotoSerifKR/NotoSerifKR-Black.woff2) format('woff2'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Black.woff) format('woff'),
         url(/fonts/NotoSerifKR/NotoSerifKR-Black.otf) format('opentype');
} */

/* Common */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {margin:0; padding: 0;text-size-adjust: none;-webkit-text-size-adjust: none;}
body {
    font-family: 'Noto Sans KR','Apple SD Gothic Neo','Apple Gothic','AppleGothic','sans-serif','dotum','Noto Serif KR','Nanum Myeongjo','Nanum Gothic';
    font-size:14px;
    line-height:1.6;
    letter-spacing: -0.5px;
    word-spacing: 0px;
    margin:0 auto;
    color:#222222;
    background-color:#FFF;
}

li{list-style:none;}
form,button{border:0; vertical-align:top;}
img {border:0;
    vertical-align:bottom;
}
em, address{font-style:normal;}

a{color:#222222; text-decoration: none;outline: none;}
a:visited {color: #222222;}
a:active{color: #222222;}
a:hover{text-decoration: none;}
a.visit {}
a.visit:visited {}
a.visit:active{}
a.visit:hover{}
.strong {font-weight: 600;}
input::placeholder {color: #aaaaaa;}
button {background-color: #0000;cursor: pointer;}

.bg_blue {background-color: #0b4abb;}

/* 면편집 레이아웃 */
.din {position: relative;clear: both;overflow: hidden;width: 1920px;max-width: 100%;margin: 0 auto;padding:0;}
.din.din100 {width: 100%;} /* 하위 영역에서 폭을 지정할 경우 */

/* 1단 */
.din.din1 {}
.din.din1 > div[data-dinnum] {width:100%;}
.din.din1 > .left {width:50%; float: left;}
.din.din1 > .right {width:50%; margin:15px 0 0 auto;}

/* 2단 1:1 */
.din.din2-11 {}
.din.din2-11 > div[data-dinnum] {float:left;width: 50%;margin-bottom: 0;}

/* 2단 1:2 */
.din.din2-12 {}
.din.din2-12 > div[data-dinnum] {float:left;}
.din.din2-12 > div[data-dinnum="1"] {width: 600px;padding-right: 40px;}
.din.din2-12 > div[data-dinnum="2"] {width: calc(100% - 640px);padding: 0 20px;}

/* 2단 2:1 */
.din.din2-21 {}
.din.din2-21 > div[data-dinnum] {float:left;}
.din.din2-21 > div[data-dinnum="1"] {width: 1270px;padding-right: 20px;}
.din.din2-21 > div[data-dinnum="2"] {display: block;float: right;width: 630px;padding-left: 20px;}
/* .din.din2-21 > div[data-dinnum="1"] > .din {width: 100%;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-21 > div[data-dinnum="1"] {float: left;width: calc(100% - 267px);padding-right: 20px;border: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-12 > div[data-dinnum="1"] {float: left;width: 240px;padding-right: 20px;border: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din.din2-12 > div[data-dinnum="2"] {float: right;width: calc(100% - 240px);padding-left: 0;}
.din.din2-21 > div[data-dinnum="1"] > .din:first-child {padding-bottom: 41px;}
.din.din2-21 > div[data-dinnum="1"] > .din {padding-bottom: 45px;margin-bottom: 0 !important;}
.din.din2-21 > div[data-dinnum="1"] > .din:last-child {border-bottom: 0;padding-bottom: 0;} */

/* 3단 1:1:1 */
.din.din3-111 {}
.din.din3-111 > div > div {margin-bottom:25px}
.din.din3-111 > div[data-dinnum] {float:left;}
.din.din3-111 > div[data-dinnum="1"], .din.din3-111 > div[data-dinnum="2"], .din.din3-111 > div[data-dinnum="3"] {width:31%;}
.din.din3-111 > div[data-dinnum="2"] {margin: 0 3.2%;}

/* 3단 1:2:1 */
.din.din3-121 {}
.din.din3-121 > div[data-dinnum] {float:left;}
.din.din3-121 > div[data-dinnum="1"] {width:25%;}
.din.din3-121 > div[data-dinnum="2"] {width:calc(50% - 40px);padding:0 20px;}
.din.din3-121 > div[data-dinnum="3"] {width:25%;}

div[data-dinnum] > div.din {width: 100%;}
/* //면편집 레이아웃 */

/* body background-image*/
body {position: relative;}
.body_main {position: relative;background-color: #ffffff;}
.main_background {position: absolute;z-index: 1;top:1400px;width: 100%;}
.main {position: relative;z-index: 2;width: 1200px;margin: 0 auto}
.list_background {}
.newsview_background {background-color: #ffffff;}
.company {background-color: #ffffff;}

/* header -------------------------------------------- */
header {margin: 0 auto;position: relative;text-align: left;width: 100%;background-color:#FFF;}

/* header banner */
header .banner .adlink {width: 100%;/*height: 240px;*/}
header .banner .adlink img {width: 100%;height: 100%;}

/* header nav*/
header nav {position:relative;margin:0 auto;width:100%;background-color: #0000;}
header nav .inner {position:relative;margin:0 auto;width:1160px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

/* #nav */
#nav {position: relative;display: flex;justify-content: flex-start;align-items: center;z-index: 99;width:100%;height: 50px;}
header .navBar{background: -webkit-linear-gradient(left, rgb(0 32 255) 50%, rgb(0 0 0) 100%);display: block;height: 1px;width: 100%;}
#nav .logo {position: relative;background-color: #ffffff;}
#nav .logo a {width: 60px;display: flex;justify-content: center;}
#nav .logo img {width: 45px;height: auto;}
#nav li {padding: 0 20px;}
#nav li.category_li {position: relative;}
#nav li.category_li a {color: #000000;font-size: 18px;font-family:'Noto Sans KR' ;font-weight: 600;letter-spacing: normal;width: 100%;}
#nav li.category_li:not(:last-child)::after {display: inline;position: relative;content: '\\';color: #dddddd;font-weight: 600;font-size: 18px;right: -20px;}
#nav .thisCategory {width: 100%;position: absolute;color: #003399;bottom: -17px;text-align: center;padding-right: 47px;display: none;}
#nav .thisCategory.active {display: block !important;}
/* nav 햄버거 메뉴 */
nav .bars {position: relative;}
nav .bars button {cursor: pointer;background-color: #0000;width: 30px;height: 100%;}
nav .bars button > img {width: 13px;height: auto;}
nav .bar-menu {transform: scale(0, 0);background-color: #ffffff;width:750px;display: block;position:absolute;z-index: 999;top: 50px;right:-20px;padding: 30px 50px 70px 50px;border: 1px solid #aaa}
nav .bar-menu.active {transform: scale(1, 1);}
nav .bar-menu a {word-break: keep-all;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;white-space: pre-wrap;font-family: 'Noto Serif KR';}
nav .bar-menu a:hover {color: #000000;}
nav .bar-menu > li {width: 100%;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;position: relative;display: flex;align-items: flex-start;}
nav .bar-menu > li:last-child {margin-bottom: 0;}
nav .bar-menu .main-menu {font-size: 22px;font-weight: bold;min-width: 170px;line-height: 1.1;margin-right: 0;padding-right: 20px;color: #222222;background-color: #ffffff;}
nav .bar-menu > li::after {content: '';width: 80px;border-bottom: 1px solid #888888;display: block;position: absolute;bottom: -1px;}
nav .bar-menu .sub-menu {top:0;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;padding:0;background-color: #ffffff;justify-content: flex-start;}
nav .bar-menu .sub-menu > li {width: 150px;position: relative;;margin-bottom: 15px;padding-bottom: 0;}
nav .bar-menu .sub-menu > li > a {margin-right: 0;font-size: 16px;font-weight: 600;color: #555555;line-height: 1.3;background-color: #ffffff;}
nav .bar-menu .sub-sub {top:0;position: relative;display: block;padding: 0;margin-top: 5px;}
nav .bar-menu .sub-sub > li {padding-bottom: 0;list-style: circle;background-color: #ffffff;display: flex;flex: 1 1 1;}
nav .bar-menu .sub-sub > li::before {display: block;content: '';background-color: #555555;width: 2px;height: 2px;border-radius: 50%;margin-right: 5px;}
nav .bar-menu .sub-sub > li > a {font-size: 14px;color: #555555;font-weight: 400;line-height:1.58;letter-spacing: -0.58px;background-color: #ffffff;}
nav .btn_close {cursor: pointer;;width: 16px;height: 16px;background-color: #0000;display: block;position: absolute;right: 25px;top: 25px;}


/* 헤더 네비게이션 검색 박스*/
nav .search_box {position:absolute;display: block;right: 10px;padding: 15px 0;text-align: right;}
nav .search_box form {width:100%}
nav .search_box input {font-size: 15px;padding:5px 35px 5px 15px;width:550px;height: 30px;position: relative;text-align: left;background-color: #f6f6f6;border:1px solid #cccccc;border-radius: 22px;outline: none;}
nav .search_box .btn_search {vertical-align: middle;margin-left: 20px;}


/* photo_nav */
.photo_nav {width:100%;height: 325px;background: url(/img/header_photo.png);padding-top: 30px;background-size: contain;    margin-bottom: 35px;}
#photo_nav {position: relative;display: flex;justify-content: flex-start;align-items: center;z-index: 99;width:100%;height: 100%;}
#photo_nav .logo {position: relative;width: 73px;height: 40px;padding: 0;margin-right: 20px;}
#photo_nav .logo a {width: 100%;height: 100%}
#photo_nav .logo img {width: 100%;height: 100%}
#photo_nav li {padding: 0 20px;}
#photo_nav li a {color: #ffffff;font-size: 20px;font-weight: 500;letter-spacing: normal;}
#photo_nav li.bars {position: absolute;right: 0;}
#photo_nav li.bars button {cursor: pointer;;background-color: #0000;width: 30px;height: 13px;}
#photo_nav li.bars button > img {width: 100%;height: 100%;}
.photo_nav .bar-menu {right: -20px;top: 40px;}


/* main */
main {clear: both;display: block;padding: 0 0px;position: relative;text-align: left;width: 100%;}
.din.din1.main_top {background-color: #ffffff;}
.din.din1.main_top > div[data-dinnum="1"] {width: 1800px;margin: 0 auto;}
.din.din2-21.list_page {width: 100%;margin:0 auto;}
.din.din2-21.list_page > div[data-dinnum="1"] {padding-left: 50px;padding-right: 20px;width: 900px;}
.din.din2-21.list_page > div[data-dinnum="2"] {/*padding-right: 60px;*/width: 300px;padding-left: 20px;}
.din.din2-21.newsview {width: 100%;margin:0 auto;}
.din.din2-21.newsview > div[data-dinnum="1"] {width: calc(100% - 300px);/*padding-left: 300px;*/}
.din.din2-21.newsview > div[data-dinnum="2"] {width: 300px;padding-left: 0;/*padding-right: 95px;*/margin-top: 40px;}
.din.din2-12.view_din {margin-top: 40px;}
.din.din2-12.view_din > div[data-dinnum="1"] {width: 160px;padding-right: 0;}
.din.din2-12.view_din > div[data-dinnum="2"] {width: 720px;margin-bottom: 50px;}


/* footer */
footer {position:relative;display: block;margin: 50px auto 0;width:100%;height: 560px;background-color: #000000;background-size: 1200px;}

/* footer social */
footer .social {position: relative;display: block;width: 100%;height: 30%;margin-bottom: 25px;}
footer .social_list {height: 100%;position: relative;display: flex;justify-content: center;align-items: center;}
footer .social_list .social_item {display: block;margin-right: 30px;width: 60px;}
footer .social_list .social_item:last-child {margin-right: 0;}
footer .social_list .sosial_item img {width: 100%;height: auto}
footer .social_list .title {margin-top: 10px;text-align: center;color: #ffffff;font-size: 14px;font-weight: 500;letter-spacing: -0.72px;}

/* footer bottom */
footer .bottom {position: absolute;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
footer .bottom .logo_wrap {margin: 0 40px 0 85px;width: 310px;}
footer .bottom .logo_wrap img {width: 100%;}
footer .bottom .info_wrap {position:relative;display: block;}
footer .bottom .info_wrap .menu_list {font-family: 'Nanum_Gothic';position: relative;display: flex;justify-content: flex-start;flex-direction: row;margin-bottom: 25px;}
footer .bottom .info_wrap .menu_list .menu {position: relative;margin-right: 15px;}
footer .bottom .info_wrap .menu_list .menu a {color:#ffffff;font-size:16px;letter-spacing: -0.5px;line-height: 1.88;font-weight:600;}
footer .bottom .info_wrap .info_list {position: relative;display: block;}
footer .bottom .info_wrap .info_list li {color:#ffffff;font-size: 16px;letter-spacing: -0.64px;font-weight: 600;margin-bottom: 6px;}
footer .bottom .info_wrap .info_list li:last-child {margin-bottom: 0;}
#company {font-size: 18px;}
#copy {margin-top: 30px;}


/* company */
.company header nav .inner {display: block;width: 100%;padding: 0 20px;}
.company .photo_nav {background-image: url(/img/background/company_header.png);height: 625px;padding-top: 0;margin-bottom: 0;display: flex;flex-direction: column;align-items: center;}
.company .photo_nav #photo_nav {position: relative;display: flex;justify-content: flex-start;align-items: center;z-index: 99;width:100%;height: 100px;}
.company .photo_nav #photo_nav .logo {position: relative;width: 73px;height: 40px;padding: 0;margin-right: 20px;}
.company .photo_nav #photo_nav .logo a {width: 100%;height: 100%}
.company .photo_nav #photo_nav .logo img {width: 50px;height: auto;}
.company .photo_nav #photo_nav li {padding: 0 20px;}
/* .company .photo_nav #photo_nav li a {color: #ffffff;font-size: 20px;font-family:'Nanum Myeongjo' ;font-weight: 500;letter-spacing: normal;} */
.company .photo_nav #photo_nav li.bars {position: absolute;right: 0;}
.company .photo_nav #photo_nav li.bars button {cursor: pointer;;background-color: #0000;width: 30px;height: 13px;}
.company .photo_nav #photo_nav li.bars button > img {width: 100%;height: 100%;}
.company .photo_nav .logo_center {position: relative;margin-top: 50px;}
.company .photo_nav .logo_center a {display: flex;justify-content: center;margin-bottom: 20px;}
.company .photo_nav .logo_center img {width: 230px;height: auto;}
.company .photo_nav .logo_center .bnt_title {text-align: center;color: #ffffff;line-height: 2;font-size: 28px;}
.company .photo_nav .bar-menu {top: 70px;right: 0;}

/* company footer
.company footer {height: ;}
.company footer .social {position: relative;display: block;width: 100%;padding: 0;}
.company footer .social_list {padding: 110px 150px 0;position: relative;display: flex;flex-wrap: wrap;width: 100%;
    justify-content: space-around;}
.company footer .social_list li {display: block;margin-right: 30px;margin-top: 0;width:190px}
.company footer .social_list li:last-child {margin-right: 0;}
.company footer .social_list li img {width: 190px;height: 288px;}
.company footer .social_list li .social_item{width:190px;}
.company footer .social_list .title {margin-top: 10px;text-align: center;color: #ffffff;font-size: 12px;font-weight: 500;letter-spacing: -0.72px;} */


/* company footer bottom
.company footer .bottom {margin-top: 100px;position: relative;width: 100%;display: flex;flex-direction: column;align-items: center;padding:0;}
.company footer .bottom .logo_wrap {padding: 0;margin-top: 30px;}
.company footer .bottom .logo_wrap img {width: 670px;}
.company footer .bottom .info_wrap {position:relative;display: block;margin-left: 0;}
.company footer .bottom .info_wrap .info_list {position: relative;display: block;}
.company footer .bottom .info_wrap .info_list li {display: flex;justify-content: flex-start;color:#ffffff;font-size: 16px;letter-spacing: -0.64px;line-height: 1.88;font-weight: 500;margin-bottom: 10px;}
.company footer .bottom .info_wrap .info_list .name {text-align: right;margin-right: 40px;width: 250px;}
 */

img[align="center"] {display: block;margin: 0 auto;}

.content div {margin-bottom: 25px;}
.headerGradient{		
	position:absolute;
	width:100%;
	height:100%;
	z-index: 10;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(59%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.4),rgba(0,0,0,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.subGnb {z-index: 10;position: absolute;width: 100%;background-color: #fff;box-shadow: 5px 6px 5px rgb(0 0 0 / 20%);display:none;}
.subGnb .list_nav_box {padding: 10px 24px;width: 100%;align-items: flex-end;}
.subGnb .list_nav_box .subCategory .category {margin-bottom:0;}
.subGnb .article_box_sm .article {width: calc((95% - 75px) / 4);margin-right: 25px;}
.subGnb .box.article_box_sm {margin-bottom: 20px;}
.subGnb #list_nav {width: 230px;}
.subGnb .subCategory{margin-bottom: 10px;}
.subGnb #list_nav .main_category {margin-right: 10px;}
.subGnb .article_box_sm .article .thumb{height: 200px;}

.googleBanner {display: block;text-align: center;}

/* popup */
.popup {min-width: 250px;display: flex;flex-direction: column;}
.popup.layer {position: fixed;z-index: 10;border: 1px solid #000000;background-color: #ffffff;}
.popup .popup_content {width: 100%;height: calc(100% - 30px);overflow: auto;}
.popup img {max-width: 100%;}
.popup .popup_footer {height: 30px;line-height: 30px;padding-left: 10px;}
.popup .popup_footer button {background-color: #000000;color: #ffffff;float: right;height: 30px;padding: 3px;cursor: pointer;}

.banner img{max-width:100%}