@charset "utf-8";
/*CSS Document*/

.Head{border-bottom:2px solid #ff7e02;}
.Head .inner{position:relative; width:1000px; height:80px; margin:0 auto;}
.Head h1{position:absolute; left:0; top:12.5px;}
.Head .navi{position:absolute; right:0; top:25px; overflow:hidden;}
.Head .navi li{float:left; position:relative;}
.Head .navi li a{display:inline-block; height:30px; line-height:30px; font-size:16px; color:#777; letter-spacing:-0.065rem; padding:0 32px; /* padding:0 40px; */ transition:color 0.3s;}
.Head .navi li a:hover{color:#000;}
.Head .navi li.on a{color:#ff7e02; font-weight:600;}
.Head .navi li:first-child a{padding-left:0;}
.Head .navi li:last-child a{padding-right:0;}
.Head .navi li:before{position:absolute; left:0; top:50%; content:''; display:inline-block; width:1px; height:16px; margin-top:-8px; background:rgba(0,0,0,0.12);}
.Head .navi li:first-child:before{display:none;}


.Foot{background:#f2f2f2;}
.Foot .inner{position:relative; width:1000px; margin:0 auto; padding:30px 0 60px; font-size:13px; color:#666; line-height:1.8;}
.Foot span{display:inline-block; margin:0 10px; color:rgba(0,0,0,0.2);}
.Foot small{display:block; color:#aaa; letter-spacing:0; margin:10px 0 0;}
.Foot a.srshop{position:absolute; right:0; top:30px; display:inline-block; height:30px; line-height:30px; background:#b8b8b8; border-radius:3px; border:1px solid #b8b8b8; color:#fff; padding:0 15px; letter-spacing:0.025rem; transition:all 0.3s;}
.Foot a.srshop:hover{background:#999; border-color:#999; text-decoration:none;}



/* 메인 롤링 ---------------------------------------------------*/
.photoslider-bullets{position:relative; width:100%; height:400px; overflow:hidden; display:none;}
/* Nav */
.photoslider-bullets .sliderkit-nav{position:absolute; left:50%; bottom:20px; width:1000px; margin-left:-500px; text-align:center; z-index:10;}
.photoslider-bullets .sliderkit-nav-clip{display:inline-block; overflow:hidden;}
.photoslider-bullets .sliderkit-nav-clip ul{display:inline-block; white-space:nowrap; font-size:0;}
.photoslider-bullets .sliderkit-nav-clip ul li{display:inline-block; margin:0 5px 0 0;}
.photoslider-bullets .sliderkit-nav-clip ul li a{display:block; width:12px; height:12px; background:#fff; border-radius:100px; overflow:hidden;}
.photoslider-bullets .sliderkit-nav-clip ul li.sliderkit-selected a{background-color:#ff7e02;}
/* Panels */
.photoslider-bullets .sliderkit-panel{position:absolute; width:100%; height:400px; overflow:hidden; z-index:1;}
.photoslider-bullets .sliderkit-panel-active{z-index:5;}
.photoslider-bullets .sliderkit-panel-old{z-index:4;}



.M-bbs-wrap{background:#f4f4f4;}
.M-bbs-wrap .inner{width:1000px; margin:0 auto; overflow:hidden;}
.M-bbs-wrap .gallery{position:relative; width:100%; height:240px; background:#f4f4f4; padding:40px 0 0; /*  padding:40px 40px 0; */ box-sizing:border-box;}
.M-bbs-wrap .gallery h2{padding-left:40px; font-size:17px; color:#333; font-weight:600; letter-spacing:-0.065rem; line-height:1.3;}
.M-bbs-wrap .gallery a.more{display:none; position:absolute; right:40px; top:40px; color:rgba(0,0,0,0.3); transition:all 0.3s;}
.M-bbs-wrap .gallery a.more:hover{color:rgba(0,0,0,0.8);}
.M-bbs-wrap .gallery .cont{position:relative; margin:30px 0 0;}
.M-bbs-wrap .gallery .cont ul{overflow:hidden;}
.M-bbs-wrap .gallery .cont ul li{float:left; margin-left:10px;}
.M-bbs-wrap .gallery .cont ul li:first-child{margin-left:0;}
.M-bbs-wrap .gallery .cont .roll-left,
.M-bbs-wrap .gallery .cont .roll-right{position:absolute; top:50%; margin-top:-13px; display:block; width:14px; height:26px; opacity:0.4; transition:all 0.3s;}
.M-bbs-wrap .gallery .cont .roll-left:hover,
.M-bbs-wrap .gallery .cont .roll-right:hover{opacity:1;}
.M-bbs-wrap .gallery .cont .roll-left{left:-25px; background:url(/img/ico/roll-left.png) 0 0 no-repeat;}
.M-bbs-wrap .gallery .cont .roll-right{right:-25px; background:url(/img/ico/roll-right.png) 0 0 no-repeat;}

.M-center-wrap{width:1000px; margin:60px auto 70px; overflow:hidden;}
.M-center-wrap .inner:after{content:''; display:block; clear:both;}
.M-center-wrap .ban-item{float:left; height:170px; overflow:hidden;}
.M-center-wrap .lnk-item{width:330px; margin-right:10px;}
.M-center-wrap .lnk-item a{display:block; width:100%; height:100%;}
.M-center-wrap .center-item{width:300px; margin-left:20px; padding:110px 0 0; background:url(/img/main/main_center_bg.jpg) no-repeat 50% 50%; text-align:center; box-sizing:border-box;}
.M-center-wrap .center-item dt{margin-bottom:8px; font-size:15px; line-height:21px; letter-spacing:-0.025rem;}
.M-center-wrap .center-item dd{font-size:24px; font-weight:600; letter-spacing:-0.025rem;}
.M-center-wrap .center-item dd span{letter-spacing:0;}




.sub-vis{background:#737373; text-align:center;}
.page-tit{position:relative; width:1000px; margin:0 auto; padding:60px 0 20px; border-bottom:1px solid #ddd;}
.page-tit h2{text-align:center; font-size:38px; color:#444; font-weight:600; line-height:1.4;}
.page-tit ul{position:absolute; right:0; top:20px; overflow:hidden;}
.page-tit ul li{float:left; position:relative; color:#888; font-size:13px; padding:0 13px;}
.page-tit ul li:before{position:absolute; left:0px; top:50%; margin-top:-4px; content:''; display:block; width:5px; height:9px; background:url(/img/ico/path-arrow.png) 0 0 no-repeat; opacity:0.5;}
.page-tit ul li:first-child:before{display:none;}


.page-tit-v2{position:relative;  width:1000px; margin:0 auto; padding:28px 0 0px;}
.page-tit-v2 h2{color:#000; font-size:17px; font-weight:600; letter-spacing:-0.025rem;}
.page-tit-v2 ul{position:absolute; right:0; bottom:0; overflow:hidden;}
.page-tit-v2 ul li{float:left; position:relative; color:#888; font-size:13px; padding:0 13px;}
.page-tit-v2 ul li:before{position:absolute; left:0px; top:50%; margin-top:-4px; content:''; display:block; width:5px; height:9px; background:url(/img/ico/path-arrow.png) 0 0 no-repeat; opacity:0.5;}
.page-tit-v2 ul li:first-child:before{display:none;}

.cont-body{width:1000px; margin:30px auto 100px;}
.cont-body.v2{margin-top:15px;}











#Sub_topimg { height:170px; overflow:hidden; border-bottom:1px solid #ddd; }
#Sub_topimg div { height:170px }
#Sub_topimg .img1 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img2 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img3 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img4 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img5 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img6 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img7 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img8 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }
#Sub_topimg .img9 { background:url(../img/sub/sub01.jpg) no-repeat 50% 50%; }

#Sub_Wrap { width:1000px; margin: 0 auto; overflow:hidden; }

#Sub_Category { float:left; width:200px; margin-top:30px; }
#Sub_Container { float:right; width:750px; margin-top:30px;  }

/*서브카테고리*/
#Sub_Category .Category_Title { padding:30px 0 15px 20px; letter-spacing:-0.05em; border-top:2px solid #0084dd; background:#f5f5f5; }
#Sub_Category .Category_Title span { color:#aaa; font-size:13px; }
#Sub_Category h2 { font-size:24px; font-weight:normal; color:#333;  height:40px; line-height:40px;  }
#Sub_Category ul { border-width:1px 0px 0px; border-style:solid; border-color:#ddd; }
#Sub_Category li { border-bottom:1px solid #ddd; background:#fff; }
#Sub_Category li a { display:block; line-height:1.2!important; color:#666; padding:13px 0 13px 20px; font-size:13px; }
#Sub_Category li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#Sub_Category li.on a  { font-weight:bold; color:#0084dd; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }

/*서브타이틀*/
#Sub_Title { position:relative; border-bottom:1px solid #ddd; height:48px;}
#Sub_Title h3 { position:absolute; font-size:26px; font-weight:normal; color:#333; letter-spacing:-0.05em;  }
#Sub_Title ul { position:absolute; overflow:hidden; right:0; top:10px; }
#Sub_Title li { float:left; color:#666; letter-spacing:-0.05em; padding-left:15px; background:url(../img/comm/arrow.png) no-repeat 4px -29px;  font-size:12px !important;}
#Sub_Title li.home {  background:url(../img/comm/home.png) no-repeat 4px 4px; }
#sub_title ul li span{color:#555;  }

/*서브컨텐츠*/
#Sub_Body  { margin-top:30px; min-height:500px; padding-bottom:50px; }

#Sub_Body .txt_title { font-size:30px; letter-spacing:-0.03em; }
#Sub_Body .txt10 { font-size:10px }
#Sub_Body .txt13 { font-size:13px; }
#Sub_Body .txt15 { font-size:15px; }
#Sub_Body .txt20 { font-size:20px;  }
#Sub_Body .txt25 { font-size:25px; }
#Sub_Body .lh10 {  line-height:1.0; }
#Sub_Body .lh13 {  line-height:1.3; }
#Sub_Body .lh15 {  line-height:1.5; }
#Sub_Body .lh18 {  line-height:1.8; }
#Sub_Body .lh20 {  line-height:2.0; }
#Sub_Body .c_black { color:#000000; }
#Sub_Body .c_gray9 { color:#999999; }
#Sub_Body .c_gray6 { color:#666666; }
#Sub_Body .c_gray3 { color:#333333; }
#Sub_Body .c_red { color:#ff0000; }
#Sub_Body .c_blue { color:#0084dd; }
#Sub_Body .c_green { color:green }
#Sub_Body .s_bold { font-weight:bold; }
#Sub_Body .s_line { text-decoration:underline; }

#Sub_Body .tb_typeA { border-top:2px solid #0084dd; width:100%; text-align:left; }
#Sub_Body .tb_typeA th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
#Sub_Body .tb_typeA td { border-bottom:1px solid #dde0e1; padding:0px 0 0 20px; }

#Sub_Body .tb_typeB { border-top:1px solid #666; width:100%; text-align:left; }
#Sub_Body .tb_typeB th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
#Sub_Body .tb_typeB td { border-bottom:1px solid #dde0e1; padding:10px 20px; }

.tit_A { background:url(../img/comm/icon_t1.png) no-repeat 0 55%; padding:0 0 0 17px; font-size:16px; font-weight:normal; }

/* 찾아오시는길*/
.metro_link {width:250px; margin-bottom:20px; padding:10px 15px; background:#84d4f2; color:#fff; display:block;}
.metro_link:hover { color:#fff; }



/*현재카운트*/
#Current_Count { width:1000px; margin:0 auto; text-align:right; padding:0px 00px 10px 0; color:#888; }
#Current_Count span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}


/*  intro.php  */
.intro-vis-area{position:relative; width:1000px; margin-bottom:65px;}
.intro-vis-area .slide-container{padding-bottom:32px;}
.intro-vis-area .slide-container .slide-img{width:100%; height:400px;}
.intro-vis-area .cycle-pager{position:absolute; bottom:0; left:0; width:100%; font-size:0; text-align:center;}
.intro-vis-area .cycle-pager span{ display:inline-block; width:12px; height:12px; margin:0 2.5px; background:#ccc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; cursor:pointer;}
.intro-vis-area .cycle-pager .cycle-pager-active{background:#ff7e02;}

.intro-txt-area .desc-section > p{color:#666; font-size:15px; line-height:29px; letter-spacing:-0.025em;}
.intro-txt-area .desc-section > p + p{margin-top:30px;}
.intro-txt-area .desc-section img{width:auto; height:auto; max-width:100%;}

.intro-txt-area .summary-section{padding-bottom:72px; margin-bottom:72px; border-bottom:1px solid #eee;}

.intro-txt-area .summary-section .tit{display:block; margin-bottom:22px; color:#000; font-size:25px; font-weight:600; letter-spacing:-0.025em;}
.intro-txt-area .summary-section .img{margin:35px 0 50px;}
.intro-txt-area .summary-section .left-cont{float:left; width:610px; margin-right:40px;}
.intro-txt-area .summary-section .right-cont{float:left; width:350px; padding-top:110px; background:url(../img/intro/intro_img02.jpg) no-repeat 0% 0%;}
.intro-txt-area .summary-section .txt strong{display:block; margin-bottom:10px; color:#000; font-size:19px; font-weight:600; line-height:29px; letter-spacing:-0.025em;}
.intro-txt-area .summary-section .txt p{color:#666; font-size:15px; line-height:29px; letter-spacing:-0.025em;}
.intro-txt-area .summary-section .ico span{display:inline-block; padding:8px 0 10px; color:#000; font-size:13px; font-weight:600; line-height:15px;}
.intro-txt-area .summary-section .ico .heat{margin-top:30px; padding-left:44px; background:url(../img/intro/intro_summary_ico01.png) no-repeat 0% 50%;}
.intro-txt-area .summary-section .ico .uv{margin-left:30px; padding-left:58px; background:url(../img/intro/intro_summary_ico02.png) no-repeat 0% 50%;}
.intro-txt-area .summary-section .ico .signal{margin-top:20px; padding-left:45px; background:url(../img/intro/intro_summary_ico03.png) no-repeat 0% 50%;}
.intro-txt-area .prd-section .img{margin-top:42px;}

/* .intro-txt-area .detail-section dl{margin:50px 0 55px;} */
.intro-txt-area .detail-section{padding-bottom:92px; margin-top:144px; margin-bottom:100px; border-bottom:1px solid #eee;}
.intro-txt-area .detail-section dt{margin-bottom:20px; color:#000; font-size:19px; font-weight:600; letter-spacing:-0.025em;}
.intro-txt-area .detail-section dd{color:#666; font-size:15px; line-height:29px; letter-spacing:-0.025em;}
.intro-txt-area .detail-section .img.vis{margin:32px 0 65px;}
.intro-txt-area .detail-section .color-data p{color:#666; font-size:15px; letter-spacing:-0.025em;}
.intro-txt-area .detail-section .color-data .img{margin-top:11px;}

/* .intro-txt-area .detail-section .color-data .img{margin:22px 0 100px;} */
.intro-txt-area .detail-section .reference-data strong{display:block; margin-top:72px; color:#000; font-size:26px; font-weight:700;}
.intro-txt-area .detail-section .reference-data .img{margin:15px 0 24px;}
.intro-txt-area .detail-section .reference-data p{color:#000; font-size:15px; line-height:29px; letter-spacing:-0.025em;}
.intro-txt-area .explain-section .tit{display:block; height:160px; padding:0 40px; background:url(../img/intro/intro_desc_tit.jpg) no-repeat 0% 0%; color:#000; font-size:25px; font-weight:600; letter-spacing:-0.025em; line-height:160px; box-sizing:border-box;}
.intro-txt-area .explain-section dt{padding:43px 0 13px; color:#000; font-size:19px; font-weight:600; letter-spacing:-0.025em;}
.intro-txt-area .explain-section dd{position:relative; padding-left:14px; color:#666; font-size:15px; line-height:25px; letter-spacing:-0.025em; box-sizing:border-box;}
.intro-txt-area .explain-section dd::before{ content:''; display:block; position:absolute; left:0; top:10.5px; width:4px; height:4px; background:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.intro-txt-area .explain-section .reference-txt{padding-left:20px; box-sizing:border-box;}
.intro-txt-area .explain-section ul{margin-top:15px;}
.intro-txt-area .explain-section li{position:relative; padding-left:14px; color:#666; font-size:13px; letter-spacing:-0.025em; line-height:25px;}
.intro-txt-area .explain-section li span{color:#000; font-weight:600;}
.intro-txt-area .explain-section li::before{ content:''; display:block; position:absolute; left:0; top:10.5px; width:4px; height:2px; background:#000; }

.intro-effect-area .science-section{margin:80px 0 130px;}
.intro-effect-area .science-section .science-item{text-align:center;}
.intro-effect-area .science-section .science-item.v2{margin-top:80px;}
.intro-effect-area .science-section .science-item.v3{margin-top:125px;}
/* .intro-effect-area .science-section .science-item + .science-item{margin-top:120px;} */
.intro-effect-area .science-section .tit{display:block; margin-bottom:50px; color:#000; font-size:25px; font-weight:600; letter-spacing:-0.025em; text-align:center;}
.intro-effect-area .science-section img{max-width:100%;}
.intro-effect-area .science-section .v1 img{width:64%;}

.intro-effect-area .uv-section .prd-cont{float:left; width:490px; margin-right:120px;}
.intro-effect-area .uv-section .prd-cont .tit{display:block; margin-bottom:20px; color:#000; font-size:25px; font-weight:600; letter-spacing:-0.025em;}
.intro-effect-area .uv-section .prd-cont li{position:relative; padding-left:14px; color:#666; font-size:15px; line-height:25px; letter-spacing:-0.025em; box-sizing:border-box;}
.intro-effect-area .uv-section .prd-cont li::before{ content:''; display:block; position:absolute; left:0; top:10.5px; width:4px; height:4px; background:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.intro-effect-area .uv-section .point-box{height:170px; padding:24px 0 15px  30px; margin:24px 0 30px; background:#f0f0f0 url(../img/intro/intro_scf_logo.jpg) no-repeat right 20px top 15px; color:#3574bb; font-size:15px; line-height:25px; box-sizing:border-box;}
.intro-effect-area .effect-num-tb{border:1px solid #7f95d3; box-sizing:border-box;}
.intro-effect-area .effect-num-tb thead th{height:40px; background:#3574bb; color:#fff; font-size:17px; vertical-align:middle; letter-spacing:0;}
.intro-effect-area .effect-num-tb tbody th, .intro-effect-area .effect-num-tb tbody td{height:35px; border-top:1px solid #d7e3f1; vertical-align:middle; box-sizing:border-box;}
.intro-effect-area .effect-num-tb tbody tr:nth-of-type(1) th, .intro-effect-area .effect-num-tb tbody tr:nth-of-type(1) td{border-top:0;}
.intro-effect-area .effect-num-tb tbody th{padding-left:25px; border-right:1px solid #d7e3f1; color:#000; font-size:14px; letter-spacing:0; text-align:left;}
.intro-effect-area .effect-num-tb tbody td{text-align:center;}

.intro-effect-area .uv-section .uv-article{float:left; width:390px; padding-top:7px;}
.intro-effect-area .uv-article em{display:block; width:100%; height:40px; background:#ccffcc; color:#3574bb; font-size:17px; font-weight:600; letter-spacing:-0.025em; text-align:center; line-height:40px;}
.intro-effect-area .uv-article div{text-align:left; color:#232323; font-size:15px; letter-spacing:-0.025em; line-height:28px; }
.intro-effect-area .uv-article .tit{display:block; padding:18px 0 17px; color:#000; font-size:19px; font-weight:600; letter-spacing:-0.025em;}
.intro-effect-area .uv-article img{width:auto; height:auto; max-width:100%; margin-bottom:16px;}
.intro-effect-area .uv-article p{word-break:keep-all}
.intro-effect-area .uv-article p span{color:#f00;}


.intro-process-area{position:relative; left:-200px; width:1400px; padding-top:118px; margin:100px 0 100px;}
.intro-process-area .txt{width:100%; max-width:1000px; margin:0 auto;}
.intro-process-area .txt h2{color:#000; font-size:19px; font-weight:700; letter-spacing:-0.025em;}
.intro-process-area .txt p{margin:18px 0 40px; color:#666; font-size:15px; line-height:29px; letter-spacing:-0.025em;}
.intro-process-area .slide-container .process-img{width:100%; height:700px; overflow:hidden;}
.intro-process-area .slide-container .process-img img{width:100%; height:100%;}
.intro-process-area .cycle-pager{position:absolute; bottom:82px; left:54px; width:100%; font-size:0; z-index:150;}
.intro-process-area .cycle-pager span{ display:inline-block; width:55px; height:20px; margin:0 1px; background:transparent; cursor:pointer;}
.intro-process-area .cycle-pager .cycle-pager-active{background:transparent;}

/*  certifi.php  */

.sub-certifi .greeting-section p{color:#666; font-size:15px; line-height:29px; letter-spacing:-0.025em;}
.sub-certifi .greeting-section p + p{margin-top:30px;}
.sub-certifi .frm-section{margin-top:48px; padding:49px 79px; border:1px solid #ccc; background:url(../img/sub/cont_logo.png) no-repeat right 110px top 50%;  box-sizing:border-box;}
.sub-certifi .frm-section .tit{display:block; margin-bottom:15px; color:#666; font-size:17px; font-weight:600; letter-spacing:-0.025em;}
.sub-certifi .frm-section .frm-inner{width:510px;}
.sub-certifi .frm-section .num-box{float:left; width:400px; margin-right:10px;}
.sub-certifi .frm-section input[type="number"]{width:100%; height:48px; padding:0 15px; background:#eee; border:none;}
.sub-certifi .frm-section input[type="number"] + input{margin-top:5px;}
.sub-certifi .frm-section input[type="number"]::-webkit-outer-spin-button,
.sub-certifi .frm-section input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.sub-certifi .frm-section input[type="text"]{width:197px; height:48px; padding:0 15px; background:#eee; border:none;}
.sub-certifi .frm-section input[type="text"] + input{margin-top:5px;}
.sub-certifi .frm-section input[type="text"]::-webkit-outer-spin-button,
.sub-certifi .frm-section input[type="text"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sub-certifi .frm-section button{float:right; width:100px; height:101px; background:#ff7e02; border:none; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.025em; line-height:101px; text-align:center;}


/* store */

.sub-store-nav{margin:30px 0 50px; border:1px solid #ddd; box-sizing:border-box;}
.sub-store-nav li{float:left; width:50%; height:53px; background:#f9f9f9; line-height:53px;}
.sub-store-nav li a{display:block; width:100%; height:100%; color:#999; font-size:17px; letter-spacing:-0.045em; text-align:center;}
.sub-store-nav li.on a{position:relative; background:#fff; color:#ff7e02; font-weight:600;}
.sub-store-nav li.on a::before{content:''; display:block; width:100%; height:100%; position:absolute; left:-1px; top:-1px; border:1px solid #ff7e02;  z-index:0;}

.sub-store-gallery{padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #ebebeb;}
.sub-store-gallery .slide-container{position:relative; height:120px;}
.sub-store-gallery .slide-item-list{width:840px; height:100%; margin:0 auto; font-size:0; overflow:hidden;}
.sub-store-gallery .slide-item-list img{width:200px; height:120px; margin:0 5px;}
.sub-store-gallery .slide-control span{display:inline-block; position:absolute; top:50%; width:14px; height:26px; margin-top:-13px; font-size:0; text-indent:-9999px; cursor:pointer;}
.sub-store-gallery .slide-control .arr_prev{left:40px; background:url(../img/store/arr_prev.png) no-repeat 50% 50%;}
.sub-store-gallery .slide-control .arr_next{right:40px; background:url(../img/store/arr_next.png) no-repeat 50% 50%;}

.sub-store-map h3{margin-bottom:15px; color:#000; font-size:20px; font-weight:600; letter-spacing:-0.045em;}
.sub-store-map .area-list li{position:relative; float:left; width:25%; height:16px; margin-top:19px;}
.sub-store-map .area-list input[type="radio"]{position:absolute; left:0; top:0; width:16px; height:16px; visibility:hidden;}
.sub-store-map .area-list label{height:100%; padding-left:24px; background:url(../img/store/input_radio.png) no-repeat 0% 50%; color:#000; font-size:15px; letter-spacing:-0.045em; box-sizing:border-box; cursor:pointer;}
.sub-store-map .area-list input[type="radio"]:checked + label{background-image:url(../img/store/input_radio_on.png);}
.sub-store-map .result{padding-top:65px;}
.sub-store-map .result-head{border-width:1px 1px 0 1px; border-style:solid; border-color:#ddd; box-sizing:border-box; font-size:0;}
.sub-store-map .result-head span{display:inline-block; color:#999; font-size:14px; letter-spacing:-0.045em; line-height:50px; box-sizing:border-box;}
.sub-store-map .result-head .store-tit{width:22%; padding-left:18px;}
.sub-store-map .result-head .info-tit{width:78%; padding-left:20px; border-left:1px solid #ddd;}
.sub-store-map .result-body{height:500px; border:1px solid #000; box-sizing:border-box;}
.sub-store-map .result-body .store-list{float:left; width:22%; height:100%; overflow-y:auto;}
.sub-store-map .result-body .store-list li{padding-left:20px; border-bottom:1px solid #f2f2f2; color:#000; font-size:14px; letter-spacing:-0.065em; line-height:45px; box-sizing:border-box; cursor:pointer;}
.sub-store-map .result-body .store-list .on{background:#ffecd9 url(../img/store/ico_chk.png) no-repeat right 12px top 50%;}

.sub-store-map .result-body .detail-info{float:left; width:78%; height:100%; border-left:1px solid #ddd; box-sizing:border-box;}
.sub-store-map .detail-info .txt{float:left; width:300px; padding:30px 30px 0; box-sizing:border-box;}
.sub-store-map .detail-info .store-name{display:block; margin-bottom:30px; color:#000; font-size:17px; font-weight:600;}
.sub-store-map .detail-info dt{margin:24px 0 5px; color:#000; font-size:13px; font-weight:600; letter-spacing:-0.065em;}
.sub-store-map .detail-info dd{color:#888; font-size:13px; letter-spacing:-0.025em; line-height:19px;}
.sub-store-map .detail-info .lnk-store{display:block; width:80px; height:27px; padding-left:10px; margin-top:5px; background:#fff url(../img/store/ico_lnk.png) no-repeat right 10px top 50%; border:1px solid #ddd; color:#888; font-size:12px; letter-spacing:-0.065em; line-height:25px; box-sizing:border-box; }
.sub-store-map .detail-info .map-box{float:left; width:calc(100% - 300px); height:100%;  overflow:hidden;}

.sub-store-center h3{color:#000; font-size:20px; font-weight:600; letter-spacing:-0.045em;}
.sub-store-center .active-info{margin:20px 0 60px; border:5px solid #f2f2f2; box-sizing:border-box;}
.sub-store-center .active-info dl{float:left; width:50%; padding:25px 0; box-sizing:border-box;}
.sub-store-center .active-info .call{padding-left:126px; background:url(../img/store/ico_call.png) no-repeat 42px 50%;}
.sub-store-center .active-info dt{margin-bottom:10px; color:#000; font-size:15px; font-weight:600; letter-spacing:-0.045em;}
.sub-store-center .active-info dd{color:#999; font-size:15px;}
.sub-store-center .center-list-tb{width:100%; margin-bottom:100px; border-top:1px solid #000;}
.sub-store-center .center-list-tb thead{background:#f6f6f6; text-align:left;}
.sub-store-center .center-list-tb th, .sub-store-center .center-list-tb td{height:50px; border-bottom:1px solid #ddd; color:#000; font-size:15px; letter-spacing:-0.045em; vertical-align:middle; box-sizing:border-box;}
.sub-store-center .center-list-tb th{padding-left:63px;}
.sub-store-center .center-list-tb tr th:nth-of-type(2){padding-left:42px;}
.sub-store-center .center-list-tb td{padding-left:36px;}
.sub-store-center .center-list-tb tr td:nth-of-type(1){padding-left:20px;}
.sub-store-center .center-list-tb tr td:nth-of-type(2){padding-left:18px;}


.sub-store-process h3{color:#000; font-size:20px; font-weight:600; letter-spacing:-0.045em;}
.sub-store-process ol{margin-top:50px; text-align:center;}
.sub-store-process ol li{float:left; position:relative; width:25%; height:135px; /*margin-right:19px;*/ vertical-align:top;}
.sub-store-process ol li::after{content:''; display:block; position:absolute; right:-19px; top:50%; width:19px; height:30px; margin-top:-15px; background:url(../img/store/arr_process.png) no-repeat 50% 50%;}
/*
.sub-store-process ol li:first-child, .sub-store-process ol li:last-child{width:135px;}
.sub-store-process ol li:last-child{margin-right:0;}
*/
.sub-store-process ol li:last-child::after{display:none;}
.sub-store-process ol i{display:inline-block; width:100%; height:57px; line-height:57px;}
.sub-store-process ol i img{vertical-align:middle;}
.sub-store-process ol .tit{display:block; margin:14.5px 0 6.5px; color:#000; font-size:14px; font-weight:600; letter-spacing:-0.045em; line-height:19px;}
.sub-store-process ol p{color:#888; font-size:13px; line-height:19px; letter-spacing:-0.045em;}

/* price  */
.sub-price .img{text-align:center;}
.sub-price .img img{width:100%; height:auto; max-width:100%; }


/* 탑메뉴 */
.Topmenu{position:absolute; right:0; top:8px; overflow:hidden;}
.Topmenu li{float:left; padding-left:21px;}
.Topmenu li.first{padding:0; background:none;}
.Topmenu li a{display:block; color:#bbb; line-height:1.3; font-size:12px;}
.Topmenu li a:hover{text-decoration:none; color:#5f5f5f;}