@charset "utf-8";

#wrap{position:relative; margin:0 auto; width:100%; min-width:1204px; background:#eeefe9;}
#wrap_all {margin:0 auto; width:1204px; padding-top:60px;}
#wrap_all:after {clear:both; display:block; content:"";}

/*header*/
/*#header {position:absolute; width:213px; top:60px;}*/
#header {float:left; width:213px; margin-right:18px;}
h1.logo {text-align:center;width:213px;padding-bottom:33px; padding-top:4px;}
#lang {position:relative; overflow:hidden;padding-bottom:27px;}
#lang ul {text-align:center;width:198px;margin: 0 auto;overflow:hidden;}
#lang li {float:left;text-align:center;margin-left:2px;}
#lang li a {padding:3px 5px;display:block;}
#lang li a.lang_on {background:#324a63;color:#fff;border-radius:8px;}
#lang li a:hover {background:#324a63;color:#fff;border-radius:8px;}
#gnb li {height:163px;overflow:hidden;}
.menu_top {padding-bottom:19px;}


/*contents*/
/*#content_wrap {position:relative; margin:0 auto; width:742px;top:60px;}*/
#content_wrap {float:left; width:742px;}


/*main visual*/
#main_visual {width:742px; height:368px; position:relative; overflow:hidden;}
.slider1 {width:100%; height:100%; overflow:hidden;}
 .bd1 {width:100%; position:absolute; left:0; top:0; z-index:1;}
.slider1 .bd1 li {width:742px; height:368px; overflow:hidden;}
.slider1 .bd1 li img {height:368px;}
.slider1 .tempWrap {overflow:visible !important;}
.slider1 .tempWrap ul {margin-left:0 !important;}

.slider1 .hd {position:absolute; width:144px; z-index:10; height:10px; top:25px; left:15px; overflow:hidden;}/* bullet */
.slider1 .hd li {display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 5px 0 0; cursor:pointer; background:#9c9c9c;}
.slider1 .hd li.on {background:#fff;}




#m_con {width:742px; position:relative; overflow:hidden; padding-top:10px; clear:both; margin-bottom:10px;}
#m_con:after {clear:both; display:block; content:"";}

#info {width:742px; position:relative; overflow:hidden; background:#5ea8bd;}

.in_add {padding:20px 0 0 18px;}
.info_tit {display:block; font-size:24px;color:#fff;padding-bottom:15px;} 
.in_tel {padding:20px 0 0 18px;}
.inadd_txt {color:#c8f0fb;}
.intel_txt {font-size:24px;color:#454543;}
.inadd_txt {font-size:12px;}
.in_time {}


/*banner*/
#l_ban {float:left; width:366px; height:159px; position:relative; overflow:hidden; margin-bottom:10px;}
.slider2 {width:100%; height:100%; overflow:hidden;}
 .bd2 {width:100%; position:absolute; left:0; top:0; z-index:1;}
.slider2 .bd2 li {width:366px; height:159px; overflow:hidden;}
.slider2 .bd2 li img {height:159px;}
.slider2 .tempWrap {overflow:visible !important;}
.slider2 .tempWrap ul {margin-left:0 !important;}

.slider2 .hd {position:absolute; width:144px; z-index:10; height:10px; top:15px; left:15px; overflow:hidden;}/* bullet */
.slider2 .hd li {display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 5px 0 0; cursor:pointer; background:#9c9c9c;}
.slider2 .hd li.on {background:#fff;}

#r_ban {float:right; width:366px; height:159px; position:relative; overflow:hidden; margin-bottom:10px;}
.slider3 {width:100%; height:100%; overflow:hidden;}
 .bd3 {width:100%; position:absolute; left:0; top:0; z-index:1;}
.slider3 .bd3 li {width:366px; height:159px; overflow:hidden;}
.slider3 .bd3 li img {height:159px;}
.slider3 .tempWrap {overflow:visible !important;}
.slider3 .tempWrap ul {margin-left:0 !important;}

/*
.slider3 .hd {position:absolute; width:144px; z-index:10; height:10px; top:25px; left:15px; overflow:hidden;}/* bullet
.slider3 .hd li {display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 5px 0 0; cursor:pointer; background:#9c9c9c;}
.slider3 .hd li.on {background:#fff;} */


#m_contents{width:743px;}
#m_contents ul{width:743px; overflow:hidden; margin-bottom:10px;}
#m_contents ul:after {clear:both; display:block; content:"";}
#m_contents ul li{float:left;}

/*#r_ban_wrap {position:absolute; width:213px;top:60px;  right:50%;margin-right:-602px;}*/
#r_ban_wrap {float:right; width:213px;}
.r_top {text-align:center; margin-bottom: 100px; position: relative;}
.pad_btm {margin-bottom:11px;}
.pad_top li ul {display: none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:130px; transition: all 0.5s ease-out 1s;}
.pad_top li ul li img {width: 100%;}
.pad_top li:hover ul {display: block; position: absolute; top: -37px; left: -140px; z-index: 999;}
.r_mid {text-align:center; padding-bottom:10px; display: inline-block; position: absolute; top: 180px; left:32px;}
.r_mid ul {float: left;}
.r_mid  .pad_mid {margin-left: 12px; }
.r_mid  .pad_bot {margin-left: 7px; }
.r_mid .r_ban_tit {font-size: 12px; line-height: 13px;}
.pad_bot {}
.r_ban_tit {font-size: 14px;color:#324a63;font-family:'Noto Sans JP', sans-serif;}

.r_ban_icon /* {padding-bottom:13px;} */
.r_ban_txt {color:#324a63}
.e_txt {font-size:13px;}
.t_txt {font-size:20px;}
.r_wrap {width:211px; background:#fff;border: 1px solid #d7d8d3;}
.r_article {height:785px; padding:30px 26px 0px 26px;}
.r_article_tit {font-size:15px; display:block; padding-bottom:15px; color:#9a9f7d;}
.r_article_txt {padding-bottom:11px; font-size:12px; color:#898989;}
.r_article_img {padding-bottom:20px;}
.article01 {border-bottom:1px solid #d7d8d3;}
.article02 {padding-top:20px;}


/*footer*/
#footer_wrap {clear:both; width:100%; padding-top:25px;}
#footer_wrap ul{overflow:hidden; margin-left:232px;}
#footer_wrap ul li{float:left; font-size:11px;}
#footer_wrap ul li .add_tit{font-weight:bold; margin-left:5px;}
.copyright {width:100%;color:#808080; padding-bottom:50px; text-align:center;}


/*#footer address { width:100%; height:25px; text-align:center; font-weight:normal; font-style:normal; color:#999;}
#footer address .line {padding:0 7px;}
#footer .copyright {display:block; color:#808080; text-align:center; text-transform:uppercase; padding-bottom:24px;}*/


/*서브*/
#event_visual{width:742px; height:776px; position:relative; overflow:hidden;}
.online_bt{width:151px; height:35px; position:absolute; top:2564px; left:290px;}

/*서브 온라인상담 박스*/
#content{width:599px; height:111px;position:absolute; top:2400px; left:70px;}


/*랜딩*/
/*header*/
#header_wrap {width:100%; height:158px;}
#header_wrap #header {width:100%; height:68px; background:#555454;}
#header01 #header_top {position:relative; margin:auto; width:1200px; height:68px;}
#header_top #logo {float:left; width:174px; height:68px; background-image:url(../images/logo.gif);}
#logo h1 {width:100%; height:100%;}
#logo h1 a {display:block; width:100%; height:100%; font-size:0; line-height:0;}
#header_top #right_menu {float:right; height:18px; padding-top:20px;}
#right_menu > div {display:inline-block; height:18px; color:#fff; vertical-align:middle;}
#right_menu .tel {margin-right:10px; width:155px; height:18px; font-size:0; line-height:0; background:url(../images/tel.gif) no-repeat;}
#right_menu .lang li {float:left; padding:0 10px;}
#right_menu .lang li a {display:block; height:18px; font-size:0;}
#right_menu .lang li a.kor {width:35px; background:url(../images/kor.gif);}
#right_menu .lang li a.jap {width:37px; background:url(../images/jap.gif);}
#right_menu .lang li a.eng {width:53px; background:url(../images/eng.gif);}
#right_menu .lang li a.chi {width:38px; background:url(../images/chi.gif);}

/*menu*/
#header_wrap #gnb01 {position:relative; width:100%; height:89px; background:#fff; border-bottom:solid 1px #cccccc;}

#gnb01 > ul {display:table; margin:auto; height:89px;}
#gnb01 > ul > li {float:left; padding:32px 35px;}
#gnb01 > ul > li > a {display:block; height:25px; font-size:0; padding:0 10px; overflow:hidden; background:no-repeat center top;}
#gnb01 > ul > li > a:hover, #gnb > ul > li > a.on {background-position:center -25px;}
#gnb01 > ul > li > a.mn01 {width:161px; background-image:url(../images/mn01.gif);}
#gnb01 > ul > li > a.mn02 {width:121px; background-image:url(../images/mn02.gif);}
#gnb01 > ul > li > a.mn03 {width:129px; background-image:url(../images/mn03.gif);}
#gnb01 > ul > li > a.mn04 {width:131px; background-image:url(../images/mn04.gif);}
#gnb01 > ul > li > a.mn05 {width:235px; background-image:url(../images/mn05.gif);}