@charset "utf-8";

@import url('/css/individual/common_2016.css');

/* 서브메인 */
#wrapper { width:100%; position:relative;} /* common_2016 */
#container.submain { width:1110px; margin:45px auto 100px; position:relative; padding:0 10px;}
#container.submain h2 { font-size:30px; font-family:'RixGoB'; font-weight:normal; line-height:30px; color:#000; text-align:center;}

/* 롤링 */
#subVisual { margin-top:30px;}
#subVisual .subvisWrap { margin:0 auto;}
#subVisual .visualSlider { width:1110px; height:300px; position:relative; overflow:hidden}
#subVisual .visualSlider .slides > li { width:1110px; height:300px;}
#subVisual .visualSlider .slides > li.visual1 { background:url('/images/individual/2016/customer/customer_visual1.jpg') no-repeat center 0;}
#subVisual .visualSlider .slides > li.visual2 { background:url('/images/individual/2016/customer/customer_visual2.jpg') no-repeat center 0;}
#subVisual .visualSlider .slides > li.visual3 { background:url('/images/individual/2016/customer/customer_visual3.jpg') no-repeat center 0;}
#subVisual .visualSlider .slides > li.visual4 { background:url('/images/individual/2016/customer/customer_visual4.jpg') no-repeat center 0;}
#subVisual .visualSlider .flex-control-nav { width:1110px; position:relative; left:0; top:0; display:block; margin:0 auto;  z-index:10;}
#subVisual .visualSlider .flex-control-nav li { float:left; position:relative; left:45px; top:30px; width:10px;height:10px; margin-left:3px !important;}
#subVisual .visualSlider .flex-control-nav li a { width:10px;height:10px; text-indent:-9999px; display:block; background:url('/images/individual/2016/common/ico_roll.png') no-repeat 0 0;}
#subVisual .visualSlider .flex-control-nav li a.flex-active { background:url('/images/individual/2016/common/ico_roll_over.png') no-repeat 0 0 !important;}
#subVisual .visualSlider .flex-direction-nav {display:none;}
#subVisual .visualSlider .flex-pauseplay { width:1110px; position:relative; left:0; top:0; display:block; margin:0 auto; z-index:10;}
#subVisual .visualSlider .flex-pauseplay a { width:8px; height:10px; text-indent:-9999px; display:block; position:relative; left:30px; top:30px; }
#subVisual .visualSlider .flex-pauseplay .flex-pause {background:url('/images/individual/2016/common/btn_pause_b.png') no-repeat 0 0;}
#subVisual .visualSlider .flex-pauseplay .flex-play {background:url('/images/individual/2016/common/btn_play_b.png') no-repeat 0 0;}
#subVisual .visualSlider .textBlock { padding:70px 0 0 555px; height:230px; display:block; margin:0 auto;}
#subVisual .visualSlider a.textBlock { text-decoration:none; cursor: inherit;}
#subVisual .visualSlider .textBlock h3 { font-family:'RixGoM'; font-weight:normal; font-size:20px; line-height:20px;}
#subVisual .visualSlider .textBlock strong {font-family:'RixGoB'; font-weight:normal; font-size:40px; line-height:48px; display:block; margin-top:10px;}
#subVisual .visualSlider .textBlock ul { margin-top:5px;}
#subVisual .visualSlider .textBlock ul li { font-size:14px; font-family:RixGoM; line-height:24px; padding-left:15px;}
#subVisual .visualSlider .textBlock > p { font-size:14px; font-family:RixGoM; line-height:21px;}
#subVisual .visualSlider .textBlock.white { color:#fff !important}
#subVisual .visualSlider .textBlock.black { color:#000 !important}
#subVisual .visualSlider .textBlock.white ul li { background:url('/images/individual/2016/common/bul_roll_w.gif') no-repeat 0 9px;}
#subVisual .visualSlider .textBlock.black ul li { background:url('/images/individual/2016/common/bul_roll_b.gif') no-repeat 0 9px;}
#subVisual .visualSlider .btnBlock { position:absolute; left:555px; top:210px;}

/* 2017-09-04 롤링 배경 흰색일때 인디케이터 색 변경 */
#subVisual .visualSlider.ctrl_grey .flex-control-nav li a {background:url('/images/individual/2016/common/ico_roll_g.png') no-repeat 0 0;}
#subVisual .visualSlider.ctrl_grey .flex-pauseplay .flex-pause {background:url('/images/individual/2016/common/btn_pause_g.png') no-repeat 0 0;}
#subVisual .visualSlider.ctrl_grey .flex-pauseplay .flex-play {background:url('/images/individual/2016/common/btn_play_g.png') no-repeat 0 0;}

#subVisual .visualSlider .flex-pauseplay {display:none;}
#subVisual .visualSlider .flex-pauseplay01 {position:relative; left:0px; top:0; z-index:10; width:1110px; margin:0 auto;}
#subVisual .visualSlider .flex-pauseplay01 button {display:block; overflow:hidden; position:absolute; left:30px; top:30px; width:8px; height:10px; text-indent:-9999px;}
#subVisual .visualSlider .flex-pauseplay01 .btn_pause {display:none; background:url('/images/individual/2016/common/btn_pause_b.png') no-repeat 0 0;}
#subVisual .visualSlider .flex-pauseplay01 .btn_play {display:none; background:url('/images/individual/2016/common/btn_play_b.png') no-repeat 0 0;}

#subVisual .tabSlide { width:1110px; margin:0 auto; overflow:hidden;}
#subVisual .tabSlide > li { float:left; height:55px; border-bottom:1px solid #cacaca; display:block; text-align:center; line-height:56px; font-family:'RixGoB'; font-weight:normal; font-size:14px; color:#000;}
#subVisual .tabSlide.col2 > li { width:50%;}
#subVisual .tabSlide.col3 > li { width:33%;}
#subVisual .tabSlide.col4 > li { width:25%;}
#subVisual .tabSlide.col5 > li { width:20%;}
#subVisual .tabSlide.col6 > li { width:16.6%;}
#subVisual .tabSlide > li a { display:block; height::57px;;}
#subVisual .tabSlide > li.on a { background:url('/images/individual/2016/common/bg_roll_3px.gif') repeat-x 0 bottom;}

#customerAll { margin-top:70px;}
#customerAll h3 {font-family:'RixGoB'; font-weight:normal; font-size:22px; line-height:22px; color:#000;}
#customerAll .customerCont { padding-top:50px; overflow:hidden;}
#customerAll .customerCont .section { float:left; margin-left:30px;}
#customerAll .customerCont .section > a {display:block;} /* 2020 웹접근성 2020-08-19 */
#customerAll .customerCont .section h4 {font-family:'RixGoB'; font-weight:normal; font-size:18px; line-height:18px; color:#000; height:37px; border-bottom:1px solid #000; background:url('/images/individual/2016/common/ico_arr.png') no-repeat 333px 2px;}
#customerAll .customerCont .section:first-child { margin-left:0;}
#customerAll .customerCont .section > a > div { height:100px; margin-top:30px;}
#customerAll .customerCont .section > a > p { margin-top:17px; font-family:RixGoM; font-size:14px; line-height:20px; color:#000;}
#customerAll .bannerCont { margin-top:70px; overflow:hidden;}
#customerAll .bannerCont .banner { float:left; height:50px; border-left:1px solid #cacaca;}
#customerAll .bannerCont .banner:first-child { border-left:0;}
#customerAll .bannerCont .banner.icon1 { width:219px; background:url('/images/individual/2016/customer/ico_bn1.gif') no-repeat 85px 0; padding-left:150px;}
#customerAll .bannerCont .banner.icon2 { width:208px; background:url('/images/individual/2016/customer/ico_bn2.gif') no-repeat 96px 0; padding-left:161px;}
#customerAll .bannerCont .banner.icon3 { width:218px; background:url('/images/individual/2016/customer/ico_bn3.gif') no-repeat 87px 0; padding-left:152px;}
#customerAll .bannerCont .banner > a { display:block; height:50px; color:#484848;}
#customerAll .bannerCont .banner > a > p { line-height:50px; font-family:'RixGoB'; font-weight:normal; font-size:18px;}

/* 게시판 검색 */
.board_search {padding:30px 0; background-color:#f6f6f6; text-align:center;}
.board_search .input {padding:4px 15px; font-family:'RixGoM';}