@charset "utf-8";
@import url('base.css');



/*layOut*/
body{overflow-x:hidden !important;}
.searchWrap {height:35px; background:#354e68;}
.searchWrap>.searchAll {width:1150px; margin:0 auto;}
.headerWrap {height:135px; border-top:5px solid #4a5277; border-bottom:1px solid #ddd; background:url('../images/bg_line.png') left 95px repeat-x;}
.headerWrap>.header {width:1150px; margin:0 auto;}
.headerWrap>.header>.logo {float:left; width:297px;/*385px*/ text-align:right; padding-top:15px;}
.headerWrap>.header>.search {float:left; width:/* 820px */ 765px;}


.subBg{position:absolute; top:141px; left:0px; width:100%; height:300px; background:#fff; border-bottom:1px solid #ddd; z-index:10;}
.header:after{content:'';display:block;clear:both;}
.gnb{position:absolute; left:50%; margin-left:-575px; top:100px;}

.gnb ul.menu{font-weight:bold;}
.gnb ul.menu:after{content:''; clear:both;display:block;}
.gnb ul.menu>li{float:left;  z-index:40;}
.gnb ul.menu>li>a{display:block; height:40px; line-height:40px; border-left:1px solid #ddd; box-sizing:border-box; display:block; text-align:center; font-size:15px;   font-family:'malgunB'; letter-spacing:-0.05em;}
.gnb ul.menu>li:last-child>a {border-right:1px solid #ddd;}
.gnb ul.menu>li>a:hover {color:#3c51ae;}

/*����޴�*/
.gnb ul.menu li.menu01 {width:150px;}
.gnb ul.menu li.menu01 .subWrap{width:150px;top:41px;left:0px;}
.gnb ul.menu li.menu02 {width:200px;}
.gnb ul.menu li.menu02 .subWrap{width:200px;top:41px;left:150px}
.gnb ul.menu li.menu03 {width:200px;}
.gnb ul.menu li.menu03 .subWrap{width:200px;top:41px;left:350px}
.gnb ul.menu li.menu04 {width:150px;}
.gnb ul.menu li.menu04 .subWrap{width:150px;top:41px;left:550px}
.gnb ul.menu li.menu05 {width:150px;}
.gnb ul.menu li.menu05 .subWrap{width:150px;top:41px;left:700px}
.gnb ul.menu li.menu06 {width:150px;}
.gnb ul.menu li.menu06 .subWrap{width:150px;top:41px;left:850px}
.gnb ul.menu li.menu07 {width:150px;}
.gnb ul.menu li.menu07 .subWrap{width:150px;top:41px;left:1000px}

.gnb ul.menu .subWrap{height:300px; background:#fff; z-index:50; position:absolute;}
.gnb ul.menu .subWrap.fir{}
.gnb ul.menu .subWrap ul{padding:15px 15px 0 15px;}
.gnb ul.menu .subWrap li{float:none;position:relative;text-align:left; _display:block; line-height:1.1; letter-spacing:-0.05em; margin-bottom:5px;}
.gnb ul.menu .subWrap ul>li>a{color:#333; height:auto; text-decoration:none; font-size:12px; letter-spacing:-0.07em;}
.gnb ul.menu .subWrap ul li a:hover{color:#fff; font-family:'malgunB'; text-decoration:none; background-color:#02b4e2; }

.gnb ul.menu .subWrap.subOn {background:#eee}
/*#header .gnb ul.menu .subWrap.subOn ul{
#header .gnb ul.menu .subWrap.subOn .menuImg01{display:block}
#header .gnb ul.menu .subWrap.subOn .menuImg02{display:block}
#header .gnb ul.menu .subWrap.subOn .menuImg03{display:block}
#header .gnb ul.menu .subWrap.subOn .menuImg04{display:block}
#header .gnb ul.menu .subWrap.subOn .menuImg05{display:block}
#header .gnb ul.menu .subWrap.subOn .menuImg06{display:block}*/

.visualWrap {height:400px;}
.visualWrap>.envWrap {position:absolute; z-index:8; background:url('../images/bg_env.png'); height:380px; min-width:900px; left:50%; margin-left:214px; padding-left:20px; padding-top:20px;}
.visualWrap>.envWrap>h2 {color:#fff; font-family:'malgunB';  font-size:15px; height:25px; line-height:25px;}
.visualWrap>.envWrap>h2.ico_e {background:url('../images/ico_env.png') left 3px no-repeat; padding-left:23px; letter-spacing:-0.05em;}
.visualWrap>.envWrap>h2.ico_s {background:url('../images/ico_safe.png')  left 3px no-repeat; padding-left:23px; letter-spacing:-0.05em;}
.visualWrap>.envWrap>ul>li{line-height:23px;}
.visualWrap>.envWrap>ul>li>a {color:#eee;}
.main_ani { overflow:hidden; position:relative; width:100%; height: 400px; z-index:-1;}
.slider_panel { width:100%; height:460px; position:relative;}
.slider_image { position: absolute; left:0; top:0; width: 100%; height:460px; opacity:0;}

.slider_panel .img1 {background:url(/common/images/bg_v1.jpg) no-repeat center top;}
.slider_panel .img2 {background:url(/common/images/bg_v2.jpg) no-repeat center top;}
.slider_panel .img3 {background:url(/common/images/bg_v3.jpg) no-repeat center top;}

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 460px; }
/*.slider_text_panel .slider_text { width: 960px; height: 460px; position:absolute; left:50%; top:0; margin-left: -480px; background-color:red;}*/

.slider_text_panel .txt1 .text11 { position: absolute; left: 50%; margin-left:-575px; top: 115px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text12 { position: absolute; left: 50%; margin-left:-575px; top: 160px; opacity: 0; filter: alpha(opacity=0); }

.slider_text_panel .txt2 .text21 { position: absolute; left: 50%; margin-left:-575px; top: 115px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text22 { position: absolute; left: 50%; margin-left:-575px; top: 160px; opacity: 0;  filter: alpha(opacity=0); }

.slider_text_panel .txt3 .text31 { position: absolute; left: 50%; margin-left:-575px; top: 115px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text32 { position: absolute; left: 50%; margin-left:-575px; top: 160px; opacity: 0; filter: alpha(opacity=0); }

.control_panel { position:absolute; overflow:hidden; z-index:10; left:50%; margin-left:-575px; margin-top:-150px;}
.control_panel .control_button {width:14px; height:14px; position:relative; float:left; cursor:pointer; display:inline-block; margin-right:3px; background:url('../images/pag_img2.png') no-repeat; }
.control_panel .control_button.active {width:30px; height:14px; background:url('../images/pag_img.png') left top no-repeat; }




.conWrap {border-top:1px solid #ddd;}
.conWrap>.con {width:1150px; height:310px; margin:0 auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.conWrap>.con>.notice {float:left; width:334px; height:195px; border-right:1px solid #ddd; background:#f6f6f6; padding-left:25px; padding-top:25px;}
.conWrap>.con>.icoWrap {float:left; width:429px; height:220px; border-right:1px solid #ddd;}
.conWrap>.con>.icoWrap>a {display:block; width:134px; height:74px; float:left; padding-left:80px; padding-top:35px;}
.conWrap>.con>.icoWrap>a.i1 {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url('../images/ico_1.png') 35px 35px no-repeat;}
.conWrap>.con>.icoWrap>a.i2 {border-bottom:1px solid #ddd; background:url('../images/ico_2.png') 35px 35px no-repeat;}
.conWrap>.con>.icoWrap>a.i3 {border-right:1px solid #ddd; background:url('../images/ico_3.png') 40px 40px no-repeat;}
.conWrap>.con>.icoWrap>a.i4 { background:url('../images/ico_4.png') 35px 35px no-repeat;}
.conWrap>.con>.icoWrap>a>p {font-size:16px;  font-family:'malgunB'; letter-spacing:-0.05em; color:#555;}
.conWrap>.con>.icoWrap>a.i1:hover>p {color:#646476;}
.conWrap>.con>.icoWrap>a.i2:hover>p {color:#246a85;}
.conWrap>.con>.icoWrap>a.i3:hover>p {color:#7b9c4d ;}
.conWrap>.con>.icoWrap>a.i4:hover>p {color:#c0a279;}
.conWrap>.con>.bbs {float:left; width:335px; height:195px;  background:#f6f6f6;  padding-left:25px; padding-top:25px;}

.conWrap>.con>.rollingWrap {width:1130px !important; border-top:1px solid #ddd; padding-top:26px !important;}

.footerWrap {background:#464646; height:45px; padding:28px 0;}
.footerWrap>.footer {width:1150px; margin:0 auto;}
.footerWrap>.footer>.logo {width:550px;float:left;}
.footerWrap>.footer>.address {width:600px;float:right; text-align:right; color:#b4b4b4; letter-spacing:-0.03em; line-height:23px;}
.footerWrap>.footer>.address span {color:#fff;}


.sv {background:url('../images/sv1.jpg') center top; height:135px; padding-top:65px;}
.sv>h1  {width:1150px; margin:0 auto; color:#fff; font-size:36px; line-height:30px; height:30px; letter-spacing:-0.04em;}
.sv>p  {width:1150px; margin:0 auto;color:#fff; font-size:14px; line-height:40px;  letter-spacing:-0.04em;}
.inWrap>.sub {width:1150px; margin:0 auto; }
.inWrap>.sub>.lnbWrap {width:250px; float:left;}
.inWrap>.sub>.lnbWrap>h1 {background:url('../images/bg_lnb_h1.jpg') left top no-repeat; height:100px; padding-top:70px; color:#fff; font-size:28px; letter-spacing:-0.06em; text-align:center;}
.inWrap>.sub>.lnbWrap>ul>li {border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.inWrap>.sub>.lnbWrap>ul>li.on>a {color:#2156cd; font-family:'malgunB';}
.inWrap>.sub>.lnbWrap>ul>li>a {display:block; padding:13px 10px 13px 10px; }
.inWrap>.sub>.lnbWrap>ul>li>a:hover {background:#eee;}
.inWrap>.sub>.subArticle {width:860px; float:left; margin-left:40px; min-height:650px; padding-top:30px;padding-bottom:100px;}
.inWrap>.sub>.subArticle>p.path {}
.inWrap>.sub>.subArticle p {line-height:190%;}
.inWrap>.sub>.subArticle>h1 {font-size:30px; color:#3f485d; letter-spacing:-0.07em; height:40px; line-height:40px; margin-top:50px; background:url('../images/bg_h1.png') left top no-repeat; padding-top:10px;}

.inWrap>.sub>.subArticle>.article {text-align:justify !important; line-height:23px; font-size:13px; padding-top:40px; letter-spacing:-0.05em;}
.inWrap>.sub>.subArticle>.article h1 {background:url('../images/bull_h1.gif') left 3px no-repeat; padding-left:25px; height:24px; line-height:21px; font-size:20px; font-family:'malgunB'; color:#2c5564; letter-spacing:-0.06em;}
.inWrap>.sub>.subArticle>.article h2 {background:url('../images/bull_h2.gif') left 7px no-repeat; padding-left:9px; line-height:16px; font-size:16px; font-family:'malgunB'; color:#424347; letter-spacing:-0.03em;}



/* �⺻�ڽ������� */
.bBox1 {text-align:center; border:6px solid #ddd;  font-family:'malgunB'; font-size:16px; padding:15px 0; color:#242c39;}


/* �⺻���̺������� ����th */
.bTb1 {border-top:2px solid #809499;}
.bTb1 th {background:#edf3f4; font-size:13px; border-right:1px solid #ddd;  font-family:'malgunB';text-align:center; border-bottom:1px solid #ddd;} 
.bTb1 td {padding:6px 3px; font-size:13px;  border-bottom:1px solid #ddd;}

/* �⺻���̺������� th,td ������� */
.bTb2 {border-top:2px solid #809499;}
.bTb2 th {background:#edf3f4; font-size:13px; border-right:1px solid #ddd;  font-family:'malgunB';text-align:center; border-bottom:1px solid #ddd;} 
.bTb2 td {padding:6px 3px; font-size:13px;  border-bottom:1px solid #ddd; text-align:center; }

/* �⺻���̺������� th,td �������, �����ʰ�輱 */
.bTb3 {border-top:2px solid #809499;}
.bTb3 th {background:#edf3f4; font-size:13px; border-right:1px solid #ddd;  font-family:'malgunB';text-align:center; border-bottom:1px solid #ddd; padding:10px 0;} 
.bTb3 td {padding:6px 3px; font-size:13px;  border-bottom:1px solid #ddd; text-align:center; border-right:1px solid #ddd;}
.bTb3 th:last-child {border-right:none;}
.bTb3 td:last-child {border-right:none;}
.bTb3 td>ul>li {font-size:12.5px; color:#777;}

/* �⺻���̺������� th�������, td ��������, �����ʰ�輱 */
.bTb4 {border-top:2px solid #809499;}
.bTb4 th {background:#edf3f4; font-size:13px; border-right:1px solid #ddd;  font-family:'malgunB';text-align:center; border-bottom:1px solid #ddd; padding:10px 0;} 
.bTb4 td {padding:6px 3px; font-size:13px; border-bottom:1px solid #ddd; text-align:left; border-right:1px solid #ddd;}
.bTb4 th:last-child {border-right:none;}
.bTb4 td:last-child {border-right:none;}

a.mail {color:#809499; font-family:'malgunB'; }

/*people2*/
ul.certificate>li {float:left; width:200px; margin-right:15px; margin-bottom:30px;}
ul.certificate>li>a>img {width:198px; height:272px; border:1px solid #ddd;}
ul.certificate>li>p {width:200px; text-align:center; padding-top:5px;}

/* History */
dl.history dt{width:100px; float:left; font-size:20px; font-family:'malgunB';  color:#1d365c;}
dl.history dd{width:685px; float:left; padding-left:30px; padding-bottom:60px; }
dl.history dd>ul>li {font-size:13px; line-height:27px;}
dl.history dd>ul>li>span {color:#333; display:inline-block; font-family:'malgunB';  padding-right:10px;}
dl.history dd.bg_odd {background:url('../../wonil/images/bull_history_1.jpg') left 5px repeat-y;}
dl.history dd.bg_even {background:url('../../wonil/images/bull_history_2.jpg') left 5px repeat-y;}
dl.history dd.bg_last {background:url('../../wonil/images/bull_history_last.jpg') left 5px no-repeat;}


/* �����Ȳ�� */

.webwidget_tab  {}
.webwidget_tab>.tabContainer>ul.tabHead{width:860px; }
.webwidget_tab>.tabContainer>ul.tabHead>li {float:left; width:122px; height:40px; line-height:40px;text-align:center; background:#939393;}
.webwidget_tab>.tabContainer>ul.tabHead>li.currentBtn {background:#243a52; border-bottom:none; box-sizing:border-box; }
.webwidget_tab>.tabContainer>ul.tabHead>li.currentBtn>a {color:#fff; font-family:'malgunB';}
.webwidget_tab>.tabContainer>ul.tabHead>li>a {font-size:14px;color:#ddd;display:block; height:40px; line-height:40px;}
.webwidget_tab>.tabBody>ul>li.tabCot {padding-top:70px;}


b.fb2 {font-family:'malgunB';  color:#1d365c; display:inline-block;}



.amazon_scroller{margin: 0px;}
.amazon_scroller .amazon_scroller_nav{    position: absolute;}
.amazon_scroller .amazon_scroller_nav li{    cursor: pointer;    position: absolute;}
.amazon_scroller .amazon_scroller_mask{    position: absolute;    margin-left: 30px;    margin-right: 30px;    overflow: hidden;}
.amazon_scroller ul{    padding: 0px;   float: left;}
.amazon_scroller ul li{    padding: 0px;    margin: 0px;    margin-left: 5px;    margin-right: 5px;    list-style: none;    float: left;    text-align: center;    display:inline;}
.amazon_scroller ul li a{    text-decoration: none;}
.amazon_scroller ul li a amazon_scroller_title{	overflow:hidden;}
.amazon_scroller ul li a:hover{    text-decoration: underline;}
.amazon_scroller ul li a img{    border: none;}