@charset "euc-kr";

@import url("base.css");
@import url("layout.css");
@import url("global.css");
@import url("bbs.css");

/* visual */
#mainContainer {width:978px; margin:0 auto; padding:0 10px 48px;}
.mainConTop {margin-bottom:43px; border-bottom:1px solid #ededed;}
.visual {position:relative; float:left; height:318px; padding:27px 0 0 8px; background:url(/mysiren/img/main/bg_visual.gif) no-repeat 8px 0;}
.visual .visualTab {float:left; width:708px; margin:0 0 0 -8px;}
.visual .visualTab li {margin-bottom:4px;}
.visual .visualTab li > a {display:block; width:195px; text-align:right;}
.visual .visualTab li .visual_cont {display:none; position:absolute; top:5px; left:195px; width:469px; height:293px; padding:44px 0 0 44px;}
.visual .visualTab li .visual_cont h3 + p {margin:28px 0 17px;}
.visual .visualTab li .visual_cont.cont01 {display:block; background:url(/mysiren/img/main/bg_visual_cont01.png) no-repeat 307px 172px;}
.visual .visualTab li .visual_cont.cont02 {background:url(/mysiren/img/main/bg_visual_cont02.png) no-repeat 298px 166px;}
.visual .visualTab li .visual_cont.cont03 {background:url(/mysiren/img/main/bg_visual_cont03.png) no-repeat 326px 153px;}
.visual .visualTab li .visual_cont.cont04 {background:url(/mysiren/img/main/bg_visual_cont04.png) no-repeat 315px 155px;}
.visual .experience {float:left; padding:19px 0 0 27px;}
.visual .experience h3 + p {margin:23px 0 25px;}


/* mainQuick */
.mainQuick {overflow:hidden; padding:28px 0 27px;}
.mainQuick h2 {float:left; margin:16px 0 0 27px;}
.mainQuick h2 + ul {margin:0 0 0 240px;}
.mainQuick h2 + ul li {float:left; width:68px; margin-left:22px; text-align:center;}
.mainQuick h2 + ul li:first-child {margin-left:0;}

/* mainConBottom */
.mainConBottom {overflow:hidden;}
.sectionLeft {float:left; width:310px;}
.sectionCenter {float:left; width:329px; margin:0 34px 0 35px;}
.sectionRight {float:left; width:270px;}

/* experienceList */
.experienceList {margin-bottom:23px;}
.experienceList * {vertical-align:top;}
.experienceList li {margin-top:9px;}
.experienceList li.experience02 {height:100px; padding:28px 0 0 106px; background:url(/mysiren/img/main/bg_experience02.gif) #f9f9f9 no-repeat 24px 39px;}
.experienceList li.experience03 {height:95px; padding:33px 0 0 106px;background:url(/mysiren/img/main/bg_experience03.gif) #f9f9f9 no-repeat 21px 35px;}
.experienceList li h2 {margin:0 0 9px; font-size:12px;}
.experienceList li p strong {display:block; margin:0 0 5px;}
.experienceList li:first-child {height:105px; margin-top:0; padding:26px 0 0 22px; background:url(/mysiren/img/main/bg_experience01.gif) no-repeat 0 0;}
.experienceList li:first-child h2 {margin:0 0 9px;}
.experienceList li:first-child p {margin:0 0 14px;}
.experienceList li:first-child .text {width:65px; border:1px solid #bbbdbf; vertical-align:middle;}
.experienceList li:first-child input {vertical-align:middle;}
.experienceList li:first-child span {display:inline-block; width:8px; height:22px; margin:0 2px; font-size:0; line-height:0; background:url(/mysiren/img/main/bg_experience_bar.gif) no-repeat 0 10px;}
.experienceList li:first-child .form_btn {margin-left:4px;}


/* notice */
.notice {position:relative;}
.notice h2 {margin:0 0 18px; padding-bottom:10px; border-bottom:1px solid #cecece; font-size:12px;}
.notice h2 + ul li {position:relative; margin-bottom:5px;}
.notice h2 + ul li a {display:block; overflow:hidden; width:240px; color:#666; white-space:nowrap; text-overflow:ellipsis;}
.notice h2 + ul li .date {position:absolute; top:0; right:0; color:#666;}
.notice .addBtn {position:absolute; top:2px; right:5px;}

/* news */
.news-01 {position:relative; margin-bottom:38px;}
/*20190325 º£³Ê¼öÁ¤½ÃÀÛ*/
.news-01 h2 {margin:0 0 0; padding-bottom:9px; font-size:12px;}
/*-20190325 º£³Ê¼öÁ¤³¡*/
.news-01 h2 + ul li {position:relative; margin-bottom:4px;}
.news-01 h2 + ul li a {display:block; overflow:hidden; width:260px; color:#767676; white-space:nowrap; text-overflow:ellipsis;}
.news-01 h2 + ul li .date {position:absolute; top:0; right:0; color:#666;}
.news-01 .addBtn {position:absolute; top:2px; right:5px;}

/* news */
.news {position:relative; margin-bottom:38px;}
/*20190325 º£³Ê¼öÁ¤½ÃÀÛ*/
.news h2 {margin:0 0 20px; padding-bottom:11px; border-bottom:1px solid #cecece; font-size:12px;}
/*-20190325 º£³Ê¼öÁ¤³¡*/
.news h2 + ul li {position:relative; margin-bottom:4px;}
.news h2 + ul li a {display:block; overflow:hidden; width:260px; color:#767676; white-space:nowrap; text-overflow:ellipsis;}
.news h2 + ul li .date {position:absolute; top:0; right:0; color:#666;}
.news .addBtn {position:absolute; top:2px; right:5px;}

/* infoTab */
.infoTab {position:relative; overflow:hidden; height:222px; margin-bottom:23px;}
.infoTab > ul > li {float:left; margin:0 1px 0 0;}
.infoTab > ul > li > h2 {position:relative; margin:0; z-index:10;}
.infoTab > ul > li > h2 + div {position:absolute; top:35px; left:0; width:100%; padding-top:20px; border-top:1px solid #cecece;}
.infoTab > ul > li > h2 + div li {overflow:hidden; margin-bottom:12px;}
.infoTab > ul > li > h2 + div li .img {float:left;}
.infoTab > ul > li > h2 + div li dl {margin:5px 0 0 78px; line-height:17px;}
.infoTab > ul > li > h2 + div li dl dt a {display:block; overflow:hidden; width:251px; color:#333; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;}
.infoTab > ul > li > h2 + div li dl dd a {display:block; overflow:hidden; width:251px; font-size:11px; color:#767676; white-space:nowrap; text-overflow:ellipsis;}
.infoTab .addBtn {position:absolute; top:-22px; right:5px;}

/* finance */
.finance {position:relative;}
.finance h2 {margin:0 0 17px; padding-bottom:11px; border-bottom:1px solid #cecece; font-size:12px;}
.finance h2 + p {background:url(/mysiren/img/main/bg_finance.gif) no-repeat right 0;}
.finance h2 + p a {display:block;}
.finance .addBtn {position:absolute; top:2px; right:5px;}

/* popupZone */
/*
.popupZone {position:relative; height:235px; margin-bottom:10px;}
.popupZone .popCont {float:right;}
.popupZone .popCont > li {float:left; margin-left:2px;}
.popupZone .popCont > li > div {position:absolute; top:24px; left:0;}
.popup_btn {position:absolute; top:0; left:0;}*/

/* link */
.link {margin-bottom:10px;}

/* customer */
.customer {padding:16px 0 16px 17px; border:1px solid #e7e7e7;}
.customer p {margin-bottom:7px;}


/*20140731*/
/* header */
#headerWrap_main {position:relative; width:100%; z-index:1000; background:url(/mysiren/img/layout/bg_header.gif) repeat-x 0 78px;}

#header_main #header_new{width:980px; margin:0 auto;}
#header_main h1 {float:left; margin:10px 0 0 26px;}
#header_main > #header_new .menuWrap {padding-top:31px}
#header_main > #header_new .menuWrap .menuTop {overflow:hidden; float:right;}
#header_main > #header_new .menuWrap .menuTop .utilMenu {float:left; margin-right:11px; padding-right:14px; background:url(/mysiren/img/common/line01.gif) no-repeat right 0;}
#header_main > #header_new .menuWrap .menuTop .utilMenu li {float:left; margin-left:15px;}
#header_main > #header_new .menuWrap .menuTop .etcMenu {float:left;}
#header_main > #header_new .menuWrap .menuTop .etcMenu li {float:left; margin-left:18px;}
#header_main > #header_new .menuWrap .menuTop .etcMenu li:first-child {margin-left:0;}

/* gnb */
#gnb_main {margin-top:30px; /*ie7 ÇÙ*/*margin-top:12px; overflow:hidden; background:url(/mysiren/img/layout_new/gnb_menu_bg.gif) repeat-x;}
#gnb_main > ul{width:980px; margin:0 auto;}
#gnb_main > ul > li {float:left;}
#gnb_main > ul > li > a {display:block;}
#gnb_main .dep2Mwrap {display:none; position:absolute; width:100%; top:104px; left:0; padding:32px 0 20px; background:url(/mysiren/img/layout/bg_2depth_wrap.png) repeat-x 0 bottom; z-index:10;}
#gnb_main .dep2Mwrap .dep2M {overflow:hidden; width:980px; margin:0 auto;}
#gnb_main .dep2Mwrap .dep2M h3 {float:left; width:179px; margin-top:15px; padding-left:10px;}
#gnb_main .dep2Mwrap .dep2M .dep2List {float:left; width:176px; height:256px; padding-top:18px; border-top:1px solid #f2f2f2; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #f2f2f2; background:#ffffff;}
#gnb_main .dep2Mwrap .dep2M .dep2List li {}
#gnb_main .dep2Mwrap .dep2M .quick {float:left; width:290px; margin-left:15px;}
#gnb_main .dep2Mwrap .dep2M .quick div {display:block; width:260px; margin-top:10px; padding:20px 14px 14px; text-align:right; border-top:1px solid #f2f2f2; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #f2f2f2; background:#ffffff;}
#gnb_main .dep2Mwrap .dep2M .quick div:first-child {margin-top:0;}
#gnb_main .dep2Mwrap .dep2M .quick div strong {display:block; height:16px; margin-bottom:7px; text-align:left;}
#gnb_main .dep2Mwrap .dep2M .quick div span {display:block; height:53px; text-align:left; word-spacing:-1px;}
#gnb_main .dep2Mwrap .dep2M .ad {float:left; margin-left:15px; width:291px;}
#gnb_main .dep2Mwrap .dep2M .banner {float:left; width:263px; height:249px; margin-left:11px; padding:25px 0 0 27px; border-top:1px solid #f2f2f2; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #f2f2f2; background:#f6f6f6 url(/mysiren/img/layout/bg_sub01_banner.gif) no-repeat 100% 100%;}
#gnb_main .dep2Mwrap .dep2M .banner p {margin-bottom:19px;}
#gnb_main .dep2Mwrap .dep2M .banner span {display:block; margin-bottom:5px;}

#gnb_main .dep2Mwrap.sub01 {}
#gnb_main .dep2Mwrap.sub01 .quick div.bg01 {background:url(/mysiren/img/layout/bg_sub01_quick01.gif) no-repeat 216px 29px;}
#gnb_main .dep2Mwrap.sub01 .quick div.bg02 {background:url(/mysiren/img/layout/bg_sub01_quick02.gif) no-repeat 218px 29px;}
#gnb_main .dep2Mwrap.sub02 .quick div.bg01 {background:url(/mysiren/img/layout/bg_sub02_quick01.gif) no-repeat 214px 28px;}
#gnb_main .dep2Mwrap.sub02 .quick div.bg02 {background:url(/mysiren/img/layout/bg_sub02_quick02.gif) no-repeat 213px 21px;}
#gnb_main .dep2Mwrap.sub03 {}
#gnb_main .dep2Mwrap.sub03 .dep2List {height:113px;}
#gnb_main .dep2Mwrap.sub03 .quick div.bg01 {background:url(/mysiren/img/layout/bg_sub03_quick01.gif) no-repeat 218px 22px;}
#gnb_main .dep2Mwrap.sub03 .quick div span {word-spacing:0; letter-spacing:-1px;}
#gnb_main .dep2Mwrap.sub04 .quick div.bg01 {background:url(/mysiren/img/layout/bg_sub04_quick01.gif) no-repeat 214px 28px;}
#gnb_main .dep2Mwrap.sub04 .quick div.bg02 {background:url(/mysiren/img/layout/bg_sub04_quick02.gif) no-repeat 213px 20px;}
#gnb_main .dep2Mwrap.sub05 .dep2List.subList02 {margin-left:10px;}
#gnb_main .dep2Mwrap.sub05 .banner {width:371px; margin-left:20px;}
#gnb_main .dep2Mwrap.sub06 .banner {width:262px;}
#gnb_main .dep2Mwrap.sub07 .ad02 {margin-left:11px;}

/*container*/
.main_visual{margin-bottom:30px; height:464px; overflow:hidden; background:url(../../img/layout_new/main_bg.gif) repeat-x;}
.main_01{width:980px; margin:0 auto;}
.quick_menu{margin-top:25px; overflow:hidden; background:#fff; width:297px; border:1px solid #ccc;
-moz-box-shadow:1px 1px 3px #ccc; -ms-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; box-shadow:1px 1px 3px #ccc;
-moz- border-radius:5px; -ms- border-radius:5px; -webkit- border-radius:5px; border-radius:5px;}
.quick_menu h1{ text-align:center; margin:23px 0 17px;}
.quick_menu ul li{display:inline;}
.quick_menu ul li:first-child{margin-left:21px;}
.quick_menu ul li.icon_02{margin:0 19px;}
.quick_menu ul li.pdt17{padding-top:17px;}
.quick_menu ul li.pdt15{padding-top:15px;}
#container{width:100%; clear:both; padding:0; margin:0;}
#container .visual .quick_menu ul li.pdt4{padding-top:4px;}
#container #contents{margin:0 auto; width:980px;}


/* »õ¼Ò½Ä,°øÁö»çÇ× Tab */
.infoTab2 {position:relative; width:100%; overflow:hidden; height:120px; margin-bottom:23px;}
.infoTab2 > ul > li {float:left;}
.mgl-1{margin-left:-1px;}
.infoTab2 > ul > li > h2 {position:relative; margin:0; z-index:10;}
.infoTab2 > ul > li > h2 + div {position:absolute; top:35px; width:100%; padding-top:12px; border-top:1px solid #cecece;}
.infoTab2 > ul > li > h2 + div li {margin-left:5px;margin-bottom:4px;}
.infoTab2 .addBtn {position:absolute; top:-22px; right:5px;}

/* LIFE,¿©Çà,°ø¿¬,°Ç°­ Tab */
.infoTab3 {position:relative; overflow:hidden; height:271px;  border-bottom:1px solid #ccc;}
.infoTab3 > ul > li {float:left;}
.infoTab3 > ul > li > h2 {position:relative; margin:0; z-index:10;}
.infoTab3 > ul > li > h2 + div {position:absolute; top:35px; left:0; width:100%; padding-top:20px;}
.infoTab3 .addBtn {position:absolute; top:-22px; right:5px;}
.infoTab3 .tab_ctn{width:293px; padding:20px 17px; border-left:1px solid #ccc; border-right:1px solid #ccc; line-height:17px;}
.infoTab3 .tab_ctn dl{width:130px; float:left;}
.infoTab3 .tab_ctn dl:first-child{border-right:1px solid #ccc; padding-right:16px;}
.infoTab3 .tab_ctn .sum_tit{margin-top:17px;}

/* popupZone */
.popupZone {position:relative; height:147px; margin-bottom:10px;}
.popupZone .popCont,.popupZone .popCont_R1,.popupZone .popCont_R2 {float:right;}
.popupZone .popCont > li ,.popupZone .popCont_R1 > li,.popupZone .popCont_R2 > li {float:left; margin-left:2px;}
.popupZone .popCont > li > div ,.popupZone .popCont_R1 > li > div,.popupZone .popCont_R2 > li > div {position:absolute; top:24px; left:0;}
.popup_btn {position:absolute; top:0; left:0;}

/* ÇÏ´Ü ¶óÀÎ ¹öÆ° */
.line_btn{clear:both; overflow:hidden; width:980px; border-top:1px solid #3184e8; border-bottom:1px solid #3184e8; margin:0 auto; text-align:center;}
.line_btn ul li{padding:6px 0; width:245px; float:left;}
.line_btn ul li.line_btn02{background:url(/mysiren/img/layout_new/main_footern_btn_arrow.gif) no-repeat 60px 9px;}
.line_btn ul li.line_btn01{background:url(/mysiren/img/layout_new/main_footern_btn_arrow.gif) no-repeat 68px 9px;}
.line_btn ul li.line_btn03{background:url(/mysiren/img/layout_new/main_footern_btn_arrow.gif) no-repeat 61px 9px;}
.line_btn ul li.line_btn04{background:url(/mysiren/img/layout_new/main_footern_btn_arrow.gif) no-repeat 49px 9px;}
.cl{clear:both; display:none;}

/* footer */
.callcenter{position:relative; top:-73px; left:815px; width:246px;}

.pdt13{padding-top:13px;}
.pdt19{padding-top:19px;}
.pdt1{padding-top:1px;}

/*¸ÞÀÎJ-Query*/
/*.swiper-container {width:673px; float:left; position:relative; top:63px; overflow:hidden; backface-visibility:hidden; z-index:1;}
.swiper-wrapper {width:100%; transition-property:transform, left, top; transition-duration:0s;	transform:translate3d(0px,0,0);	transition-timing-function:ease;}
.swiper-slide{float:left;}
.pagination{clear:both; position:relative; top:-90px; left:-300px;text-align:center; width:100%;}
.swiper-pagination-switch{display:inline-block; width:10px; height:10px; border-radius:50%; background:#ccc; box-shadow:0px 1px 2px #555 inset; margin:0 3px; cursor:pointer;}
.swiper-active-switch{background:#579cd7;}*/
.flickingWrapper {height:332px; position:relative; top:50px; float:left; width:673px;}
.flickingWrapper .flicking {width:100%; height:100%; overflow:hidden;}
.pageCnt {width:100%;height:100%;}
.pageCnt p {height:100%;text-align:center;line-height:150px;font-size:14px;}
.pageCnt.n1 {background:#6fd1f9;}
.pageCnt.n2 {background:#3ebdf2;}
.pageCnt.n3 {background:#30a5e8;}
.pageCnt.n4 {background:#a6ff70;}
.pageCnt.n5 {background:#e8ae30;}
.flickingWrapper .prev{position:absolute;top:120px;left:0;}
.flickingWrapper .next{position:absolute;top:120px;right:20px;}
.flickingWrapper .flickPaging{position:relative; top:-15px; margin:0 auto; width:100px;}
.flickingWrapper .flickPaging a{display:inline-block; float:left; width:10px; height:10px; border-radius:50%; background:#ccc; box-shadow:0px 1px 2px #555 inset; margin:0 3px; cursor:pointer;}
.flickingWrapper .flickPaging .on {background:#579cd7 !important;}

/*20140916*/
.mgt-10{margin-top:-10px !important;}
.pdt20{padding-top:20px;}
.l-250{left:250px !important;}