@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 h3 {height:0; width:0; font-size:0; line-height:0; overflow:hidden; left:-9999px; top:-9999px;}
#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_g.png') no-repeat 0 0;}
#subVisual .visualSlider .flex-control-nav li a.flex-active { background:url('/images/individual/2016/common/ico_roll_over_g.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_g.png') no-repeat 0 0;}
#subVisual .visualSlider .flex-pauseplay .flex-play {background:url('/images/individual/2016/common/btn_play_g.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.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:181px;}

/* 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_g.png') no-repeat 0 0;}
#subVisual .visualSlider .flex-pauseplay01 .btn_play {display:none; background:url('/images/individual/2016/common/btn_play_g.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;}

#serviceAll { margin-top:70px;}
#serviceAll h3 {font-family:'RixGoB'; font-weight:normal; font-size:22px; line-height:22px; color:#000;}
#serviceAll .serviceCont { padding-top:50px; overflow:hidden;}
#serviceAll .serviceCont .section { float:left; margin-left:30px;}
#serviceAll .serviceCont .section > a {display:block;}
#serviceAll .serviceCont .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;}
#serviceAll .serviceCont .section:first-child { margin-left:0;}
#serviceAll .serviceCont .section > a > div { height:100px; margin-top:30px;}
#serviceAll .serviceCont .section > a > p { margin-top:20px; font-family:RixGoM; font-size:14px; line-height:14px; color:#000;}
#serviceAll .bannerCont { margin-top:70px; overflow:hidden;}
#serviceAll .bannerCont .banner { float:left; height:50px; border-left:1px solid #cacaca;}
#serviceAll .bannerCont .banner:first-child { border-left:0;}
#serviceAll .bannerCont .banner.icon1 { width:251px; padding-left:118px; background:url('/images/individual/2016/service/ico_bn1.gif') no-repeat 48px 0;}
#serviceAll .bannerCont .banner.icon2 { width:266px; padding-left:103px; background:url('/images/individual/2016/service/ico_bn2.gif') no-repeat 33px 0;}
#serviceAll .bannerCont .banner.icon3 { width:221px; padding-left:105px; background:url('/images/individual/2016/service/ico_bn6.gif') no-repeat 50px 0;}
#serviceAll .bannerCont .banner > a { display:block; height:50px; color:#484848;}
#serviceAll .bannerCont .banner > a > p { line-height:30px; font-family:'RixGoB'; font-weight:normal; font-size:18px;}
#serviceAll .bannerCont .banner > a > p > span { line-height:20px; font-family:'RixGoB'; font-weight:normal; font-size:13px; display:block;}