@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);


@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.22%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }

/* 갤럭시 S20 설정 */
 @media only screen and
(device-width: 360px) and
(device-height: 800px) and
(-webkit-device-pixel-ratio: 4.0) {
  body {zoom:56.2%;}
}


*{margin:0; padding:0; box-sizing:border-box;color:inherit; letter-spacing: -0.07em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {width:100%;max-width:640px; font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto',sans-serif; color:#505050;}
.clearfix {clear:both}
.inner {width:600px;margin:auto;position: relative;}
.inner2 {width:540px;margin:auto;position: relative;}
.c_main {color: #048ce0 !important;}
.c_sub {color: #0b5275 !important;}
.c_red {color:#c20005 !important;}
.c_lightgray {color:#c0c0c0 !important;}
.c_gray {color:#808080 !important;}
.c_white {color:#fff !important;}
.c_black {color:#303030 !important;}

h1 {font-size:50px;}
h2 {font-size:40px;}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.6}
h1,h2,h3 {font-weight:200;line-height:1.2}
h4,h5 {font-weight:300;}
b {letter-spacing:inherit;font-weight:700}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.font36 {font-size: 36px;}
.roboto {font-family: "Roboto";}
.loose {letter-spacing: 0.1em;}
.thin {font-weight: 100 !important;}
.bold {font-weight: 700 !important;}
.txtshadow {text-shadow: 2px 2px 1px rgba(0,0,0,0.3);}

span {color:inherit}

.float {float:left;}
.float_r {float:right !important;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.flex {display: flex;}
.flex .col {flex: 1;}


hr {width:100%;height:1px;background:#d0d0d0;border:0;}


/* 폭 설정 */
.half {width:50% !important}
.col6 {width:16.66% !important;}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !important;}
.col3x2 {width:66.66% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}

.w90 {width:90% !important;}
.w100 {width:100% !important;}
.w600 {width:600px !important;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt120 {margin-top:120px !important;}

.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb120 {margin-bottom:120px !important;}

.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl50 {padding-left:50px}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr50 {padding-right:50px}

.padding80 {padding: 80px 0;}


.bd_b {border-bottom:1px #d0d0d0 solid}
.bd_t {border-top:1px #d0d0d0 solid}
.bd_l {border-left:1px #d0d0d0 solid}
.bd_r {border-right:1px #d0d0d0 solid}






*{margin:0; padding:0; box-sizing:border-box;color:inherit; letter-spacing: -0.07em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {width:100%;max-width:640px; font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto',sans-serif; color:#505050;}

#wrap {width:100%; display:inline-block; position:relative;background:#fff}
#header {width:100%; height:172px; float: left;}
#header a.logo {width:425px;height:70px;display:block;text-indent:-3333px;background-image:url(img/images/logo_03.png);background-size:contain;background-repeat:no-repeat;}
#header a.logo {position:absolute; top:22px; left:50%; margin-left: -212.5px;}
#header #gnb {z-index: 3; width: 100%;height: 62px; position:absolute; top: 110px; border-top: 1px #d0d0d0 solid; border-bottom: 0px #505050 solid;}
#header #gnb ul {margin-left: 6px;}
#header #gnb li {float: left; line-height: 59px; text-align: center; font-size: 20px; letter-spacing: -0.02em; margin: 0 20px;}
#header #gnb li a.on {font-weight: bold; color: #044e7c;}
#header #gnb li.last {}
#header #gnb li.last a {background-color: #044e7c; color: #fff; font-weight: 700; padding: 5px 10px; border-radius: 4px;}

/* gnb마우스 호버시 */
#header #gnb ul li:hover a {color: #0071bd;}

/* 공통 하단 */
#footer {width:100%; height: 80px; margin:auto;position: absolute; text-align: center; color: #989898; padding: 30px 0; bottom: 0;
}
#footer .list_img_box {
  display: flex; 
}
#footer .pcver {margin-right: 20px;}
#footer span { color: #fff; line-height: 70px}
#footer .inner {
    width: 100%; height: 70px; background-color: #a0a0a0
}
/* 메인 */
#main {width:100%; float:left; position:relative; display:inline-block; padding: 40px 0; background: url(images/main_bg.jpg) top center no-repeat; background-size: cover; margin-top: -40px;}
#main .top { background-color: yellow; width: 100%;}
#main .top img {position: relative; z-index: 1;}
#main .top_menu {width: 100%; margin-left: auto; margin-right: auto; margin-top: -65px; position: absolute; z-index: 3;}

#main .submenu {font-size: 20px; letter-spacing: -0.02em; margin: 0 20px; line-height: 65px; border: 1px solid #d0d0d0;}
#main .submenu_01 {width: 100%; height: 63px; text-align: center;  display: flex; background-color: #fff;}
#main .submenu_01 li {width: 33.3333%;}
#main .submenu_01 li a {}

#main .submenu li a.on { height: 63px; background-color: #0071bd; display: block; color: #fff;}

/* 서브메뉴 마우스호버효과 */
.submenu_01 li:hover {background-color: #0071bd;}
.submenu_01 li:hover a {color: #fff;}

/* 롱페이지 사진설정값 */
#main .list_img { text-align: center;}