@charset "utf-8";
/*
  작성자:			  dmp
 최초작성일:   2014.06.04
  */

@import url("content.css");

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	/* font: inherit; */
	vertical-align: baseline;
	/*font-family:'맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/
	
}


@media print {
     
      #lnb a,#spot.main .veiwport .cont .txt .h1,
      #spot.main .veiwport .cont .txt .t1{color: #fff !important; }
      
      @media print and (-webkit-min-device-pixel-ratio:0) {
        #lnb a,#spot.main .veiwport .cont .txt .h1
        ,#spot.main .veiwport .cont .txt .t1{color: #fff  !important;  -webkit-print-color-adjust: exact; -ms-print-color-adjust: exact; -o-print-color-adjust: exact; print-color-adjust: exact; }
        
      }/* print */

   }/* print */


html.noScroll{overflow:hidden}
body{-webkit-text-size-adjust:none;/*ios zoom*/	overflow-y:scroll; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif , 'Dotum','돋움','gulim','굴림'; font-size:12px; color:#7e7e7e;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
input,select,textarea{vertical-align:middle}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none}

button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
  /*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:#7e7e7e; text-decoration:none; }
a:hover{color:#333}

/* skip navigation */
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* lst_thmb */
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/*// lst_thmb*/

/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */
/* //clearfix */

/* 익스 업데이트 페이지 */
#wrapper_ieUp{ text-align: center; }
.ieUpArea{  width: 600px; text-align: left; margin:150px auto;}

.ieUpArea .error_cont{   *zoom:1; border-style: solid; border-color: #3a3a3a; border-width:2px 0 1px;  padding: 40px 0 30px;}
.ieUpArea .error_cont:after{ clear: both; display: block; content: ""; height: 0; visibility: hidden; }

.ieUpArea .error_cont .error_img{ float: left; }
.ieUpArea .error_cont .cont{ margin-left: 170px; line-height: 20px; }
.ieUpArea .error_cont .cont h2{ font-size: 1.2em; margin-bottom: 20px; }
.ieUpArea .error_cont .cont .btns{ margin-top: 20px;}
.ieUpArea .error_footer{ margin-top: 10px;  }
/* //익스 업데이트 페이지 */ 

#header .header_inner,
.banner_main,
#footer .inner
{ width: 1200px; margin: 0 auto;  position: relative; }
#header{ width: 100%; min-height: 72px; position: fixed; left: 0; top: 0; z-index: 60; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; }
#header.ing{
 min-height: 59px;
 background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.png);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#header .allMenu{ display: none; }
#header_mobile{display: none;}
#wrap.sub #header{ background-color: #fff;}

#wrap.sub #header.ing{
  background: none;
  min-height: 59px;
 background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.png);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#header.ing .header_inner > h1{ padding-top: 15px;  }
#header.ing #lnb{ top: 20px;  }
#wrap.sub #header.ing a{color: #fff;}
#header .header_inner > h1{ display: inline-block; *display: inline; *zoom: 1; padding-top: 22px; font-size: 0; line-height: 0;  transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease;  }
#header .header_inner > h1 .main{display: block;}
#header .header_inner > h1 .sub{display: none;}

#wrap.sub #header .header_inner > h1 .main{display: none;}
#wrap.sub #header .header_inner > h1 .sub{display: block;}
#wrap.sub #header.ing .header_inner > h1 .main{display: block;}
#wrap.sub #header.ing .header_inner > h1 .sub{display: none;}

#header_mobile{ position: fixed; width: 100%; background-color: #fff; z-index: 50;  border-bottom: 1px #ededed solid;}
#header_mobile .inner{padding: 19px 23px; }
#header_mobile .allMenu{ position: absolute; right: 23px; top: 19px; }

#lnb{ position: absolute; right: 0; top: 26px;  transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.8s ease;  }
#lnb a{ color: #ffffff; font-size: 16px; line-height: 22px;  font-weight: normal;   transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.8s ease; }
 #wrap.sub #lnb a{ color: #606060;} 
 
#lnb .lnb_inner > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#lnb .lnb_inner > ul > li{float: left; margin-left: 60px;}

#wrap.sub #lnb .lnb_inner > ul > li > a:hover,
#wrap.sub #lnb .lnb_inner > ul > li.on > a{color: #054ca4;}


/*모바일 메뉴  */

#allMenu{display: none; position: fixed; left:0; top: 65px; width: 100%; height:100%; border-style:solid;  border-width:0; border-color:#272727;  overflow:auto;-webkit-overflow-scrolling:touch; z-index: 100; 
  background-color: rgba(0, 0, 0, 0);  background-image: url(trg.png);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";

}
#allMenu .allMenu_inner{ position: relative; }

#allMenu .allMenu_inner>ul>li>a{ display: block; padding:19px 0 17px 15px; border-bottom: 1px solid #7c7d80; background-color: #545a67; background-image: url(../images/bg/bg_arrdep1_off.jpg); background-position:  97% 18px; background-repeat: no-repeat;  color: #fff;  font-size: 18px; font-weight: 500;   background-size: 20px ;   }
#allMenu .allMenu_inner>ul>li>a.on{ background-image: url(../images/bg/bg_arrdep1_on.jpg); }
#allMenu .allMenu_inner .depth2{ display:none ;}
#allMenu .allMenu_inner .depth2> ul>li>a{ display: block; padding:14px 0 12px 15px; border-top: 1px solid #a0a3a7; background-color: #767b85; background-image: url(../images/bg/bg_arrdep2_off.png); background-position:  97% 15px; background-repeat: no-repeat;  color: #fff;  font-size: 14px; font-weight: 500;   }
#allMenu .allMenu_inner .depth2> ul>li:first-child>a{border-top: 0;}
#allMenu .allMenu_inner .depth2> ul>li>a.on{ background-image: url(../images/bg/bg_arrdep1_on.png); }
#allMenu .allMenu_inner .depth3{background-color: #9197A4; padding-left: 2%;}
#allMenu .allMenu_inner .depth3 > ul>li>a{ display: block; padding:8px 0 8px 15px; color: #fff;  font-size: 14px; font-weight: 500;   }


#spot.main{position: relative; left: 0; top: 0; z-index: 0; }
#spot.main .bg{visibility: hidden; }
#spot.main  .pageing{ width: 14px;  position: absolute; right: 30px; top: 50%; margin-top: -50px; z-index: 10;}
#spot.main  .pageing button{margin-top: 12px;}
#spot.main  .pageing button:first-child{margin-top: 0;}
#spot.main .veiwport{ width: 100%;  height: 613px; position: relative; overflow: hidden; }
#spot.main .veiwport li{ display: block; width: 0%; position:absolute; right: 0;  top: 0;  height: 696px; overflow: hidden; z-index: 1; }
 #spot.main .veiwport li.on{right:inherit; left:0; } 



#spot.main .veiwport li .img{position: absolute;  left: 50%;  top: 0;  width: 1900px;  margin-left: -950px;   }
#spot.main .veiwport li .img img{max-width: 100%;}
#spot.main .veiwport .cont{ width: 1200px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -600px;  }
#spot.main .veiwport .cont .txt{ position: absolute; width: 40%; left: 56%; top: 42%; color: #fff; }
#spot.main .veiwport .m2 .cont .txt{ position: absolute; width: 39%; left: 0%; top: 60%; color: #fff; }
#spot.main .veiwport .m3 .cont .txt{ position: absolute; width: 34%; left: 9%; top: 54%; color: #fff; }
#spot.main .veiwport .m4 .cont .txt{ position: absolute; width: 62%; left: 42%; top: 32%; color: #fff; }

#spot.main .veiwport .cont .txt .h1{ font-size: 27px; line-height: 34px; margin-bottom: 16px; text-transform: uppercase;  }
#spot.main .veiwport .cont .txt .t1{ font-size: 15px; line-height: 18px; text-align: justify; }
#spot.main .veiwport .cont .txt .info{display: inline-block; *display: inline; *zoom: 1; margin-top: 30px;}
#spot.main .main_notice{ width: 1200px; padding: 12px 0 8px;  position:absolute; left: 50%; bottom: 0; margin-left: -600px; z-index: 20;
   background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.png);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#spot.main .main_notice .inner{ width:602px; text-align:left; margin-left: 36px;}
#spot.main .main_notice:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#spot.main .main_notice h3 { float:left; }
#spot.main .main_notice .main_notice_list {  position:relative; height:17px; overflow:hidden; padding-left:32px; }
#spot.main .main_notice .main_notice_list ul { position:relative; }
#spot.main .main_notice .main_notice_list li {width:100%; height:15px; line-height:15px; }
#spot.main .main_notice .main_notice_list li a { color:#fff; text-decoration:none; }

.main_notice_mobile{display: none; height: 40px; position: relative; border-bottom: 1px solid #dbdbdb;}
.main_notice_mobile .inner{padding: 14px 60px 0 80px;}
.main_notice_mobile .inner h3{width: 50px; position: absolute; left: 2%; top: 12px;}
.main_notice_mobile .inner .pageing{ position: absolute; right: 0; top: 0; }
.main_notice_mobile .inner .pageing button{position: relative; display: table; width: 40px; height: 21px; border-style: solid; border-width:1px; border-color: #dbdbdb;}
.main_notice_mobile .inner .pageing button.next{top: -1px;}
.main_notice_mobile .inner .viewport{position: relative; left: 0; top: 0; width: 100%; height: 13px; overflow: hidden; }
.main_notice_mobile .inner > ul{ }

#spot.sub{position: relative; height: 256px; overflow: hidden;}
#spot.sub .img{ width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px;  }

.banner_main{margin-top: 20px;}
.banner_main > .inner{margin-left: -1.666666666666667%; position: relative; left: 0; top: 0;}
.banner_main > .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.banner_main > .inner > article{float: left; width: 23.33333333333333%;  text-align: left; margin-left: 1.666666666666667%; }
.banner_main > .inner > article .photo{position: relative;}
.banner_main > .inner > article .cont{ margin: 0 3.571428571428571%;  font-size: 14px; line-height: 20px;}
.banner_main > .inner > article h1{margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;color: #3b3b3b;text-transform: uppercase; font-weight: normal; font-weight: 700; }

#footer{margin-top: 20px;  visibility: hidden;}
#footer .inner{border-top: 2px solid #3b2900; padding-top: 23px; padding-bottom:10px; }
#footer .bnb{ padding-left: 10px; }
#footer .bnb > ul:after{clear: both;display: block;content:"";visibility: hidden;height: 0;  }
#footer .bnb > ul li{float: left; padding-left: 18px; margin-right: 18px; background: url(../images/footer/bg_dot.gif) 0 50% no-repeat;}
#footer .bnb > ul li:first-child{padding-left: 0; background: none;}
#footer .bnb > ul li  a{font-size: 14px; color: #666; }
#footer .logo{ text-align: center;  position: absolute;  right: 10px;  top: 19px; font-size: 13px;  color: #858583;   }
#footer .info{ font-size: 14px; color: #a8a8a8; margin-bottom: 10px; }
#footer .info,#footer .logo.mobile{ display: none; }
#footer .logo span{display: block; margin-top: 5px; text-align: right;  }
#footer .copyright{position: absolute;  left: 260px;  top: 23px; font-size: 14px; color: #666;   }

#container.sub{ max-width: 1200px; margin: 0 auto; position: relative; z-index: 10; }
#container.sub > .container_inner > .snb { float: left; width: 220px; background: url(../images/bg/bg_side.gif) 0 0 repeat-x;}
#container.sub > .container_inner > .snb h1{padding-top: 15px; padding-left: 4px;  font-size: 18px; line-height: 22px; color: #636363; text-transform: uppercase;}
#container.sub > .container_inner > .snb .lst{margin-top:10px; border-bottom: 1px solid #e0e0e0;}
#container.sub > .container_inner > .snb .lst > li{padding: 12px 5px 12px; border-style: solid; border-width: 1px 0 0 0; border-color: #e0e0e0; }
#container.sub > .container_inner > .snb .lst > li:first-child{border-width: 0;}
#container.sub > .container_inner > .snb .lst > li a{padding-left: 7px; display: block; position: relative; color: #333; font-size: 15px; line-height: 18px; font-weight: normal; }
#container.sub > .container_inner > .snb .lst > li > a:hover,#container.sub > .container_inner > .snb .lst > li.on > a{color: #054ca4;}
#container.sub > .container_inner > .snb .lst > li a .du{position: absolute; left: 0; top: 0;}
#container.sub > .container_inner > .snb .depth3{margin-top: 10px;display: none;}
#container.sub > .container_inner > .snb .depth3 >ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#container.sub > .container_inner > .snb .depth3 >ul>li{ padding-left:0; margin-bottom: 2px; position: relative; }
#container.sub > .container_inner > .snb .depth3 >ul.fl-l>li{ float: left; width: 50%;  }
#container.sub > .container_inner > .snb .depth3 >ul>li>a{color: #7a7a7a; font-size: 13px;}
#container.sub > .container_inner > .snb .depth3 >ul>li>a .du{display: none;}
#container.sub > .container_inner > .snb .depth3 >ul>li>a span.bdb{display: inline-block; *display: inline; *zoom: 1; border-bottom: 1px solid #fff; padding-bottom: 1px; }
#container.sub > .container_inner > .snb .depth3 >ul>li>a:hover,#container.sub > .container_inner > .snb .depth3 >ul>li.on>a{color: #333; }
#container.sub > .container_inner > .snb .depth3 >ul>li>a:hover span.bdb,#container.sub > .container_inner > .snb .depth3 >ul>li.on>a span.bdb{  border-bottom: 1px solid #333;  }
#container.sub > .container_inner > .snb .depth3 > span.du{ position: absolute; left: 0; top: 0; }
#container.sub .map_asia{margin-top:30px; text-align: center;}
#container.sub .map_asia > img{width:90%;}

#container.sub > .container_inner > .article{ min-height: 450px; margin-top: 40px; margin-left: 255px; padding-left: 40px; border-style: solid; border-width: 0 0 0 1px; border-color: #ebebeb; font-size: 15px; line-height: 22px; color: #666; }
#container.sub > .container_inner > .article.link_area{margin-left: 0; padding-left: 0; border-width: 0;  }
#container.sub > .container_inner > .article > .path{position: relative; margin-bottom: 15px;}
#container.sub > .container_inner > .article > .path h2{color: #333; font-size: 20px; line-height: 32px; /* text-transform: uppercase;  */font-weight: normal;}
#container.sub > .container_inner > .article > .path .rtit{display: none; position: absolute; right: 0; top: 8px; color: #898989; font-size: 13px; line-height: 16px;}
#container.sub > .container_inner > .article > .path .rtit > *{display: inline-block; *display: inline; *zoom: 1; }
#container.sub > .container_inner > .article > .path .rtit .home{padding-left: 17px; background: url(../images/ico/ico_home.gif) 0 1px no-repeat;}
#container.sub > .container_inner > .article > .path .rtit span{background: url(../images/bg/bg_path_arr.gif) 100% 3px no-repeat; padding-right: 20px; margin-right: 10px;}
#container.sub > .container_inner > .article > .path .rtit strong{font-weight: normal;}