@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400i');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo|PT+Serif:400i');


@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:55.5%;}
 }
 @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.6%;}
 }
 @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;}
 }


*{margin:0; padding:0; color:inherit; box-sizing:border-box;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Dotum', sans-serif; color:#303030;max-width:640px}
h1,h2,h3,h4,h5 {font-weight:300;letter-spacing:-0.01em;line-height:1.25}
h1 b,h2 b,h3 b,h4 b,h5 b {font-weight:500}
.c_main {color:#cf000f !important}
.c_sky {color:#2bb5bb !important}
.c_lightgray {color:#a0a0a0 !important}
.c_darkgray {color:#535353 !important}
.c_gray {color:#808080 !important}
.c_white {color:#fff !important}
.c_red {color:#CC1000 !important;}

h1 {font-size:40px;}
h2 {font-size:30px}
h3 {font-size:27px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:16.5px;line-height:180%;color:inherit;font-weight:300;letter-spacing:0}
span {color:inherit}


.bg_gray {background:#f5f5f5;}
.top_bar {background:url(images/bar.gif) top left no-repeat;padding-top:10px}
.mj {font-family: 'Nanum Myeongjo' !important; letter-spacing:-0.1em !important}
.img100 {width:100%;height:auto}

/* 크기 및 정렬 설정 */
.inner {width:600px;margin:auto}

.left {float:left;}
.right {float:right}
.center {text-align:center}
.al_left {text-align:left}
.al_right {text-align:right}
.half {width:50%}



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

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

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

.pd0 {padding-left:0 !important;padding-right:0 !important;}

.pl02 {padding-left:2%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%;}
.pl20 {padding-left:20%;}
.pl30 {padding-left:30%;}
.pl40 {padding-left:40%;}
.pl50 {padding-left:50%;}
.pl60 {padding-left:60%;}
.pl70 {padding-left:70%;}
.pl80 {padding-left:80%;}

.pr02 {padding-right:2%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%;}
.pr20 {padding-right:20%;}
.pr30 {padding-right:30%;}
.pr40 {padding-right:40%;}
.pr50 {padding-right:50%;}
.pr60 {padding-right:60%;}
.pr70 {padding-right:70%;}
.pr80 {padding-right:80%;}

.ml0 {margin-left:0 !important;}
.mr0 {margin-right:0 !important;}



/* 보더 설정 */
.bd_t {border-top:1px #e0e0e0 solid;}
.bd_b {border-bottom:1px #e0e0e0 solid;}
.bd_l {border-left:1px #e0e0e0 solid;}
.bd_r {border-right:1px #e0e0e0 solid;}



#wrap {width:100%;  margin:0 auto; background:#fff;}
#header {width:100%; height:190px;line-height:0;text-align:center}
#header .header_logo {padding-top:24px;height:85px}

#gnb {width:100%;height:105px;line-height:51px;display:inline-block;text-align:center;border-top:1px #d0d0d0 solid}
#gnb ul {width:100%;border-bottom:1px #d0d0d0 solid;height:52px;line-height:51px}
#gnb ul li {float:left;font-size:16px}
#gnb ul.p3 li {width:33.33%;}
#gnb ul.p4 li {width:25%;}
#gnb ul.p5 li {width:20%;}
#gnb ul li a.on {font-weight:bold;background:#303030;color:#fff}
#gnb ul li a {display:block;}
#gnb ul li.shop {color:#cf000f}
#gnb ul li.line2 {line-height:1.5}
#gnb ul li.line2 a {padding:1.5px 0}


#main {width:100%;position:relative;line-height:0;}

#main .link {width:100%;display:inline-block;margin:15px 0}
#main .link li {float:left;margin:5px 0 5px 10px;width:295px;height:300px;border-radius:15px;overflow:hidden;}
#main .link li.link1,#main .link li.link3 {margin-left:0}
#main .link li.link1 {background:url(images/main_link1.png) center no-repeat}
#main .link li.link2 {background:url(images/main_link2.png) center no-repeat}
#main .link li.link3 {background:url(images/main_link3.png) center no-repeat}
#main .link li.link4 {background:url(images/main_link4.png) center no-repeat}
#main .link li a {text-indent:-3333px;display:block;height:300px}

#main .icon {background:url(/base/img/m/images/main_icon_bg.jpg) center no-repeat;width:100%;height:212px}
#main .icon ul {float:right;position:relative;left:-50%;margin-top:30px}
#main .icon ul li {float:left;position:relative;left:50%;margin:0 8px}




#footer {width:100%;display:inline-block;position:relative;text-align:center}
#footer .tel {width:100%;display:inline-block;background:url(images/tel.png) top center no-repeat;height:93px;text-indent:-3333px}
#footer .contact {width:100%;line-height:30px;display:inline-block;margin-top:20px}
#footer .contact ul {float:right;position:relative;left:-50%;}
#footer .contact li {float:left;position:relative;left:50%;padding:0 10px;font-size:17px}

#footer .txt_area {display:inline-block;padding:10px;width:100%;}
#footer .txt_area span {padding:0 6px;line-height:150%;font-size:13px;}
#footer .txt_area span a {font-size:18px;font-weight:bold}





/* 서브 */
#sub {width:100%;  display:inline-block;position:relative;}
#sub .subtop {width:100%; height:260px; display:inline-block;float:left;background-size:cover !important; text-align:center}
#sub .subtop.top1 {background:url(/base/img/m/images/sub1_top.jpg) center no-repeat} 
#sub .subtop.top2 {background:url(/base/img/m/images/sub2_top.jpg) center no-repeat} 
#sub .subtop.top3 {background:url(/base/img/m/images/sub3_top.jpg) center no-repeat} 
#sub .subtop.top4 {background:url(/base/img/m/images/sub4_top.jpg) center no-repeat} 
#sub .subtop.top5 {background:url(/base/img/m/images/sub5_top.jpg) center no-repeat} 
#sub .subtop.top6 {background:url(/base/img/m/images/sub6_top.jpg) center no-repeat} 
#sub .subtop.top7 {background:url(/base/img/m/images/sub7_top.jpg) center no-repeat} 
#sub .subtop.top8 {background:url(/base/img/m/images/sub8_top.jpg) center no-repeat} 
#sub .subtop .title {margin-top:60px;color:#fff}
#sub .subtop .title h1 {font-size:50px;font-weight:bold}


#sub .snb {width:100%;float:left;line-height:0}
#sub .snb ul {width:100%;display:inline-block;border-bottom:1px #e0e0e0 solid;}
#sub .snb ul li {float:left;text-align:center;border-left:1px #e0e0e0 solid}
#sub .snb ul li a {display:block;line-height:56px;font-size:18px;}
#sub .snb ul li a.on,#sub .snb ul li a:hover {font-weight:bold;background:#cf000f;color:#fff}
#sub .snb ul.p5 li {width:20%;}
#sub .snb ul.p3 li {width:33.33%;}
#sub .snb ul.p2 li {width:50%;}
#sub .snb ul.full li {width:100%;}
#sub .snb ul li.sn1 {border-left:0}
#sub .snb ul li.first {border-left:0}

#sub .snb ul.sub3 li a {line-height:1.3;padding:20px 0}
#sub .snb ul.sub3 li.line1 a {line-height:87px;padding:0}


#sub #content  {width:100%; display:inline-block;margin:0 auto;position:relative;}
#sub #content .paragraph {width:100%; margin-bottom:60px;display:inline-block; padding-top:60px}
#sub #content .paragraph .row {width:100%; display:inline-block}
#sub #content .paragraph h1.subject {background:url(/base/img/m/images/subject_bar.gif) bottom center no-repeat;padding-bottom:15px;text-align:center;margin-bottom:30px}
#sub #content .paragraph h1.subject.al_left {background:url(/base/img/m/images/subject_bar.gif) bottom left no-repeat;text-align:left}
#sub #content .paragraph h2.title {line-height:1;padding-top:12px;/*background:url(/base/img/m/images/content_title.gif) top left no-repeat;*/margin-bottom:20px}
#sub #content .paragraph h2.number {color:#cf000f; text-align:center;margin-bottom:30px}
#sub #content .paragraph h2.number b {background:#cf000f;color:#fff;width:46px;height:46px;border-radius:46px;line-height:46px;display:inline-block;margin-bottom:5px}
#sub #content .paragraph h4 {margin-bottom:5px}
#sub #content .paragraph h4.number {font-weight:300;margin-bottom:10px}
#sub #content .paragraph h4.number span {background:#3a4c88;height:29px;width:29px;border-radius:29px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:100;margin-right:10px;font-size:20px;display:inline-block;line-height:29px;text-align:center}
#sub #content .paragraph h4.line {border-bottom:1px #d0d0d0 solid; padding-bottom:10px;color:#2bb5bb;font-weight:500;}
#sub #content .paragraph p.box {padding:17px 10px;width:95%;background:#fff;border:1px #d0d0d0 solid;text-align:center;margin:8px auto;}

#sub #content .paragraph span.download {background:url(/base/img/m/images/download.gif) right center no-repeat;height:49px;line-height:49px;display:inline-block;margin:0 15px}
#sub #content .paragraph span.download a {display:block;height:49px;padding-right:22px;}


/* 오시는 길*/
#sub #content .paragraph .mapline {background:url(images/mapline.png) center no-repeat;height:69px;}
#sub #content .paragraph .mapline li {float:left;width:33.33%;height:69px}
#sub #content .paragraph .mapline li a {display:block;height:69px;text-indent:-3333px}

#sub #content .paragraph table.nobox td {border:0;padding:5px;text-align:center}
#sub #content .paragraph table.nobox td.add {background:url(/base/img/en/pc/images/sub1_5_1_1.png) center no-repeat;height:140px;}
#sub #content .paragraph table.nobox td.tel {background:url(/base/img/en/pc/images/sub1_5_1_2.png) center no-repeat;height:140px;}
#sub #content .paragraph table.nobox td.traffic {background:url(/base/img/en/pc/images/sub1_5_1_3.png) center no-repeat;height:140px;}



#sub #content .paragraph .sub1_2 {background:url(/base/img/m/images/sub1_2.jpg) center no-repeat;height:408px;padding:64px 0}

#sub #content .paragraph .sub2_1_1 {background:url(/base/img/m/images/sub2_1_1_bg.jpg) center no-repeat;background-size:cover;}
#sub #content .paragraph .sub2_1_1 .inner {padding:25px 20px}
#sub #content .paragraph .sub3_2_1_5 {background:url(/base/img/m/images/sub3_2_1_5_bg.png) right center no-repeat;height:505px;padding:30px 40px;background-size:cover}



#sub #content .paragraph ul.bullet {display:inline-block}
#sub #content .paragraph ul.bullet li {background:url(/base/img/m/images/bullet.gif) 0 13px no-repeat;padding-left:13px;margin-bottom:4px}



#sub #content .paragraph ul.list {display:inline-block}
#sub #content .paragraph ul.list li {background:url(/base/img/m/images/bullet.gif) 0 13px no-repeat;padding-left:16px}





/* 기본 표 설정 */
#sub #content .paragraph .bagic {border-top:2px #ad000d solid}
#sub #content .paragraph .bagic td,#sub #content .paragraph .bagic th {padding:10px 12px;border-bottom:1px #d0d0d0 solid}
#sub #content .paragraph .bagic th {color:#333 !important;}
#sub #content .paragraph .bagic .bg_gray {background:#f5f5f5}

#sub #content .paragraph .bagic.arrow th,#sub #content .paragraph .bagic.arrow td {border-left:1px #e0e0e0 solid;padding:10px 0;position:relative}
#sub #content .paragraph .bagic.arrow .bg_gray {border-left:0}

#sub #content .paragraph .bagic.arrow td.bar {background:url(images/arrow_bar.png) center repeat-x;}
#sub #content .paragraph .bagic.arrow td.head {background-image:url(images/arrow_head.png);background-repeat:no-repeat;}



#sub #content .paragraph .business {width:48%;border:1px #d0d0d0 solid;margin:0 1%;height:630px;float:left;}
#sub #content .paragraph .business img {width:100%;height:auto}
#sub #content .paragraph .business ul.bullet {padding:10px 15px;text-align:left;}




#sub #content .paragraph .border_box {border:1px #d0d0d0 solid; border-left:0}
#sub #content .paragraph .border_box.notop {border-top:0}
#sub #content .paragraph .border_box.p1 > .box {width:100%;}
#sub #content .paragraph .border_box.p2 > .box {width:50%;}
#sub #content .paragraph .border_box.p3 > .box {width:33.33%;}
#sub #content .paragraph .border_box > .box {border-left:1px #d0d0d0 solid;padding:25px;float:left}
#sub #content .paragraph .border_box > .box .top {text-align:center;background:url(/base/img/m/images/content_title.gif) top center no-repeat;padding-top:15px;padding-bottom:20px;border-bottom:1px #d0d0d0 solid}
#sub #content .paragraph .border_box > .box .bottom {padding-top:20px}


#content .board_box {width:100%;text-align:justify;display:inline-block}
#content .board_box .table_02 td.bbsnewf5 > table > tbody > tr > td a img {width:180px !important; height:128px !important}
#content .board_box .board {font-size:12px;}
#content .board_box #post_area img {width:100% !important;height:auto !important;}