.subWrap {  clear:both; width:1200px; height:auto; overflow:hidden; margin:0px auto 0;padding-top:30px;  }
.menu { width:1200px; height:50px;margin:0px auto 30px;  display:flex;justify-content: space-between; flex-wrap: nowrap;  }
.menu li {  width:50%; height:50px; font-weight:bold; font-size:15px;text-align:center; cursor:pointer;   }
.menu li a { display:block; line-height:48px; margin-left:-1px; color:#666; border:1px solid #dfe4e9; }
.menu li:first-child a {margin-left:0; }
.menu li.searchOn a {background-color:#dfedfc; border-color:#dfedfc; color:#2359bb; }

.menu02 { width:1200px; height:50px; display:block; overflow:hidden; margin-bottom:30px; border-top:1px solid #c1dbf6; border-left:1px solid #c1dbf6;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.menu02 li { float:left; width:20%; height:50px; line-height:50px; font-size:15px;text-align:center; cursor:pointer; border-right:1px solid #c1dbf6; border-bottom:1px solid #c1dbf6; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.menu02 li:hover { background:#c1dbf6; }
.menu02 li.searchOn { background:#c1dbf6;  }
.menu02 li a { display:block;color:#3a619b; font-weight:500; }


.menu03 { width:1200px; height:50px;margin:20px auto 30px;  display:flex;justify-content: space-between; flex-wrap: nowrap;  }
.menu03 li {  width:25%; height:50px; font-weight:bold; font-size:15px;text-align:center; cursor:pointer;   }
.menu03 li a { display:block; line-height:48px; margin-left:-1px; color:#666; border:1px solid #c1dbf6; }
.menu03 li:first-child a {margin-left:0; }
.menu03 li.searchOn a {background:#c1dbf6; color:#3a619b; }

.title { width:1200px; height:37px; font-weight:bold; margin-bottom:10px; }
.title .big { float:left; font-size:28px; padding-bottom:13px; /*border-bottom:2px solid #000000;*/ letter-spacing:-2px;  }
.title .small { float:left; font-size:15px; padding:10px 2px 16px 20px; border-bottom:2px solid #4662b6; color:#4662b6; }
.container01 .pic { text-align:center; }
.container01 .pic_02{ text-align:center; margin-top:70px; }
.container02 { margin-top:0px; display:none; }
.container03 { margin-top:0px; display:none;  }
.container04 { margin-top:0px; display:none;  }
.container05 { margin-top:0px; display:none;  }
.container06 { margin-top:0px; display:none;  }
.container07 { margin-top:0px; display:none;  }




/* ****************************************************************************************
                                 new 더독스 소개 20221214 
***************************************************************************************** */
.container { display:block;width:100%; padding-top:30px; word-break:keep-all; overflow:hidden;}
.container * {margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
.container .inr {width:1200px; margin:0 auto; }
.title_wrap {text-align:center;  margin-top:80px;margin-bottom:90px; }
.title_wrap:after {content:''; display:block; width:100%; clear:both; }
.title_wrap h1 {display:block; font-size:35px; line-height:1.5em; color:#444; font-family:'nanummyeongjo'; font-weight:400; }
.title_wrap .from {position:relative; margin-top:20px; display:inline-block; clear:both; color:#555; font-size:20px; font-weight:bold; font-family:'nanummyeongjo'}
.title_wrap .from:before {content:''; width:50px; height:1px; background-color:#333; display:inline-block; vertical-align:middle; margin-right:15px;  }
.title_wrap .from:after {content:''; width:50px; height:1px; background-color:#333; display:inline-block; vertical-align:middle; margin-left:15px;  }
.title_wrap .exp {margin-top:10px; font-size:18px; line-height:1.6em;font-weight:400; color:#777; }

/* 더독스소개 */
.intro_wrap {display:flex; width:100%;  justify-content: space-between;  flex-direction: column;gap:120px; text-align:center;  }
.intro_wrap .item {display:flex;  text-align:center; width:100%; flex-direction: row; flex-wrap: nowrap; align-items: center;  justify-content: space-between;  }
.intro_wrap .item .txt_wrap {width:calc(100% - 760px);}
.intro_wrap .item .txt_wrap h2 {font-family:'Roboto'; font-size:32px; line-height:1.3em; font-weight:300; padding-bottom:20px; position:relative;  }
.intro_wrap .item .txt_wrap h2 span {display:block; font-family:'Notosans'; font-weight:500; color:#333; font-size:19px; position:relative;  }
.intro_wrap .item .txt_wrap h2:after {content:'';position:absolute; left:50%; bottom:-0px; margin-left:-12px;  width:24px; height:1px; background-color:#999; transform: rotate( 135deg );}
.intro_wrap .item .txt_wrap .exp {padding-top:25px;  font-size:16px; color:#666; font-weight:400; line-height:1.6em;}
.intro_wrap .item.n01 figure {width:760px;}
.intro_wrap .item.n01 .txt_wrap {width:calc(100% - 760px); padding-right:50px;}

.intro_wrap .item.n02 {padding-top:100px;}
.intro_wrap .item.n02 .img_box {width:680px; display:flex; gap:30px;  justify-content: space-between; }
.intro_wrap .item.n02 .img_box .img1 {margin-top:-90px;}

.intro_wrap .item.n03  { justify-content: center; }

.intro_wrap .item.n04 .txt_wrap  {width:calc(100% - 720px)}
.intro_wrap .item.n04 .img_box {width:720px; display:flex; gap:12px; }

.promise {width:100%; background-color:#f6f6f6;  margin-top:100px; padding: 80px 0; border-bottom:1px solid #e9e9e9; text-align:center; }
.promise .title_box p { font-size:16px; font-weight:500; color:#333; }
.promise .title_box h2 { font-size: 35px; line-height:1.5em; color:#333;font-family:'Roboto';  font-weight:400; margin-top:10px; text-transform:uppercase; letter-spacing: .08em;   }
.promise ul {padding-top:30px;display:flex;  justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; }
.promise ul li {width:25%; }
.promise ul li h2 {font-size:32px; line-height:1.5em;  font-weight:300; color:#222; }
.promise ul li p {font-size:16px; line-height:1.6em; color:#777; padding-top:12px; letter-spacing:-.04em; }


/* 왜 더독스인가   */
.why_thedogs {padding-bottom:120px;}
.why_thedogs .txt_wrap {position:relative; width:100%; display:flex;flex-direction: row;justify-content: space-between; align-items: flex-start; }
.why_thedogs .txt_wrap .number { width:170px; font-family:'Roboto'; font-size:120px; line-height:120px; font-weight:500; color:#c29683; }
.why_thedogs .txt_wrap .box {width:calc(100% - 170px); padding-top:10px; padding-bottom:30px;}
.why_thedogs .txt_wrap .box h1 {position:relative;display:block; font-size:35px; line-height:35px; font-weight:300; color:#444; padding-bottom:20px; margin-bottom:20px;letter-spacing:-.04em !important;}
.why_thedogs .txt_wrap .box h1:after{content:'';position:absolute; left:0; bottom:0px;  width:24px; height:1px; background-color:rgba(0,0,0,0.4); transform: rotate( 135deg );}
.why_thedogs .txt_wrap .box h1 span {color:#fff; font-weight:300; }
.why_thedogs .txt_wrap .box h2 { display:block;font-size:20px;  line-height:1.5em;font-weight:500; color:#333; margin:10px 0; }
.why_thedogs .txt_wrap .box p {display:block;margin:10px 0; font-size:16px; line-height:1.6em; color:#888;font-family:'SpoqaHanSans';}
.why_thedogs .item { display:block;}
.why_thedogs .item.n01 figure {display:block; text-align:center; }
.why_thedogs .item.n01 .txt_wrap {padding-left:50%; margin-top:-65px; }
.why_thedogs .item.n02 .txt_wrap .box h1 {text-shadow: -1px 0 rgba(255,255,255,0.6), 0 1px rgba(255,255,255,0.6), 1px 0 rgba(255,255,255,0.6), 0 -1px rgba(255,255,255,0.6);}
.why_thedogs .item.n02 figure {display:block; text-align:left;  }
.why_thedogs .item.n02 .txt_wrap {padding-left:250px; margin-top:-55px; padding-right:0%;}
.why_thedogs .item.n03 figure {display:block; text-align:right;  }
.why_thedogs .item.n03 .txt_wrap {padding-left:0px; margin-top:-240px; padding-right:42%; text-align:right;}
.why_thedogs .item.n03 .txt_wrap .box h1 {position:relative;display:block; }
.why_thedogs .item.n03 .txt_wrap .box h1:after{ left:auto; right:0; }
.why_thedogs .item.n04 {padding:80px 0}
.why_thedogs .item.n04 figure {display:block; text-align:left;  }
.why_thedogs .item.n04 .txt_wrap {padding-left:22%; margin-top:-55px; padding-right:0%;}


/*  12가지 혜택   */
.benefit .item{ display:flex; width:100%; flex-direction: row; flex-wrap: nowrap; align-items: center;  justify-content: space-between; padding-bottom:120px; }
.benefit figure,
.benefit .box {width:50%;}
.benefit .box.left {padding-left:50px; }
.benefit .box.right {padding-right:50px; text-align:right; }
.benefit .box {display:flex; gap:40px; flex-direction: column; justify-content: center;  }
.benefit .box li {width:100%; display:flex; flex-direction: row;justify-content: space-between; align-items: flex-start; }
.benefit .box li .number { width:100px; font-family:'Roboto'; font-size:60px; line-height:60px; font-weight:500; color:#c29683;}
.benefit .box li .txt_wrap {width:calc(100% - 100px); padding-top:0px; }
.benefit .box li .txt_wrap h1 {position:relative;display:block; font-size:21px; line-height:1.5em; font-weight:600; color:#333; letter-spacing:-.04em; font-family:'SpoqaHanSans'}
.benefit .box li .txt_wrap p {display:block;margin-top:10px; font-size:16px; line-height:1.5em; color:#888;font-family:'SpoqaHanSans';letter-spacing:-.04em;}

/*  인사말  */
.ceo_greeting { background:url('/images/sub/bg_ceo.jpg') no-repeat center 0; margin-top:0px; padding:100px 0 0; min-height:1000px;}
.ceo_greeting .inr{display:flex; justify-content: flex-start; width:1200px; margin: auto;  }
.ceo_greeting .item {width:60%; padding-left:50px;}
.ceo_greeting .item h2 {font-size:21px; font-weight:bold; color:#333;}
.ceo_greeting .item ul {margin-top:40px; margin-bottom:40px;  }
.ceo_greeting .item ul li {display:block; position:relative; padding-left:17px; font-size:17px; font-weight:500; color:#8c6a5c; margin-bottom:15px; letter-spacing:-.04em; }
.ceo_greeting .item ul li:before {content:''; position:absolute; left:5px; top:50%; margin-top:-2px ; width:4px; height:4px; background-color:#8c6a5c; }
.ceo_greeting .item p {font-size:17px; font-weight:400; color:#666; line-height:1.7em; margin-bottom:25px; letter-spacing:-.04em;font-family:'SpoqaHanSans'}
.ceo_greeting .item .hit {font-family:'nanummyeongjo'; color:#b98a76; font-weight:600; display:inline-block; vertical-align:bottom; }
.ceo_greeting .item .hit strong {font-family:'SpoqaHanSans'; font-weight:bold; }


/* 더독스 연계병원 */
.hospital_img {position:relative; width:100%;  height:500px; background:url('/images/sub/bg_hp.jpg') no-repeat center ; background-size:cover;  display:flex; align-items: center; margin:3rem 0; }
.hospital_img h2 {font-family:'OneMobile'; width:60%; margin-left:75px;font-weight:500; color:#444; font-size:1.75rem; line-height:1.7em;  }
.hospital_img .color1 {color:#559616}
.hospital_img .color2 {color:#de9a08}
.hospital_img strong {font-weight:bold; }
.hospital_wrap {display:flex;  justify-content: space-between;gap:30px; }
.hospital_wrap h3{font-family:'OneMobile';  color:#333; font-size:1.1rem;line-height:1.3em; padding-bottom:0.5rem; font-weight:bold; }
.hospital_wrap .row {width:calc(50% - 15px)}
.hospital_wrap ul {padding-top:1rem; }
.hospital_wrap ul li {display:block; margin-bottom:0.6rem; }
.hospital_wrap ul li span {display:inline-block; vertical-align:top; font-size:1rem; color:#666; font-weight:500;padding-top:0.5rem;font-family:'OneMobile';  }
.hospital_wrap ul li span:first-child {color:#333; font-weight:600; width:90px; }


/* ****************************************************************************************
                                end new 더독스 소개 20221214 
***************************************************************************************** */







.snsNew_02{margin-top:100px;  width:1070px; margin:50px auto;}
.snsNew_02 img{left:30%;}
.callCWrap_02 { /*clear:both; */ /*width:1200px;*/ float:right; height:152px; /*margin:15px 0;*/}
.callCWrap_02 .callC_02 { position:relative; float:right; /* border:2px solid #ebeaea;width:598px; height:136px; background:url(/images/main/bg_tel_180606.png) no-repeat center top;*/ }
.callCWrap_02 .callC_02 .text01 { position:absolute; top:32px; left:76px; font-size:25px; line-height:1.4; font-weight:bold; letter-spacing:-1px; }
.callCWrap_02 .callC_02 .text02 { position:absolute; top:32px; right:5px; font-size:25px; line-height:1.3; font-weight:bold; font-family:"arial"; }

.callCWrap_02 .callC_02.pc  {}
.callCWrap_02 .callC_02.mobile {display:none;} 

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

.callCWrap_02 .callC_02.pc  {display:none;}
.callCWrap_02 .callC_02.mobile {display:block;} 
}


.shop { text-align:center; padding-top:20px; position:relative; }
.shop .call { position:absolute; top:160px; left:425px; font-size:48px; font-weight:bold; letter-spacing:-1px; font-family:arial; }
.shop .kakao { position:absolute; top:225px; left:430px; font-size:22px; font-weight:bold;   }
.shop .title { position:absolute;top: 164px;width: 193px;left: 149px;font-size: 28px;font-weight: normal;letter-spacing: -3px;color:#333;}
.shop ul { display:block; overflow:hidden; width:1200px; padding-top:50px; }
.shop ul li { width:50%; overflow:hidden; float:left; margin-bottom:20px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.shop ul li.m1 { height:384px; padding-right:10px; background:url(/images/sub/shop_top.gif)no-repeat center top; text-align:center;  }
.shop ul li.m1 .name01 { font-weight:bold; font-size:28px; color:#3a619b; padding:105px 0 0 75px; }
.shop ul li.m1 .name02 { font-weight:bold; font-size:18px; color:#777777; letter-spacing:-1px; padding:8px 0 0 70px; }
.shop ul li.m1 .call { font-weight:bold; font-size:42px; color:#1757a6; padding:20px 0 0 70px; }
.shop ul li.m1 .naver { width:420px; height:90px; margin:50px 0 0 124px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.shop ul li.m2 { text-align:left; padding-left:10px;  }
.shop ul li.m3 { text-align:right; padding-right:10px; }
.shop ul li.m4 { text-align:left; padding-left:10px; }
.mapWrap { width:1040px; height:480px; margin:30px auto 0 auto; position:relative; }
.mapWrap .title { width:245px; height:64px; line-height:64px; border:2px solid white; position:absolute; top:10px; left:10px; background:#3a619c; text-align:center; color:white; 
font-weight:bold; font-size:24px; box-shadow:2px 2px 2px #cccccc; z-index:9999;  }
.mapWrap .map { width:1038px; height:398px;  }
.mapWrap .map .wrap_controllers { display:none; }

.mapWrap .address { height:80px; background:#cbcbcb; font-size:19px; font-weight:bold; line-height:1.5; padding:20px 0 0 15px; color:#444444;}
.picture { text-align:center; padding-top:60px; }
.margin { margin-top:80px; }

.mapWrap02 { width:1200px; height:480px; margin:30px auto 0 auto;  position:relative; }
.mapWrap02 .title { width:245px; height:64px; line-height:64px; border:2px solid white; position:absolute; top:10px; left:10px; background:#3a619c; text-align:center; color:white; z-index:9999;
font-weight:bold; font-size:24px; box-shadow:2px 2px 2px #cccccc;  }
.mapWrap02 .map { width:1200px; height:398px;  }
.mapWrap02 .address { height:60px; background:#cbcbcb; font-size:16px; font-weight:bold; line-height:1.5; padding:30px 0 0 15px; color:#444444; }

.mapWrap03 { width:1200px; height:480px; margin:30px auto 0 auto;  position:relative; }
.mapWrap03 .title { width:245px; height:64px; line-height:64px; border:2px solid white; position:absolute; top:10px; left:10px; background:#3a619c; text-align:center; color:white; z-index:9999;
font-weight:bold; font-size:24px; box-shadow:2px 2px 2px #cccccc;  }
.mapWrap03 .map { width:1200px; height:398px;  }
.mapWrap03 .address { height:60px; background:#cbcbcb; font-size:16px; font-weight:bold; line-height:1.5; padding:30px 0 0 15px; color:#444444; }

.mapWrap04 { width:1200px; height:480px; margin:30px auto 0 auto;  position:relative; }
.mapWrap04 .title { width:245px; height:64px; line-height:64px; border:2px solid white; position:absolute; top:10px; left:10px; background:#3a619c; text-align:center; color:white; z-index:9999;
font-weight:bold; font-size:24px; box-shadow:2px 2px 2px #cccccc;  }
.mapWrap04 .map { width:1200px; height:398px;  }
.mapWrap04 .address { height:60px; background:#cbcbcb; font-size:16px; font-weight:bold; line-height:1.5; padding:30px 0 0 15px; color:#444444; }


/*---------------------company----------------------*/

.section01 {  }
.section02 {  }
.section03 {  }
.section04 { overflow:hidden; }
.section04 .shopInfo { width:1200px; height:280px; overflow:hidden; margin:60px auto 0 auto;  }
.section04 .shopInfoBox { width:1200px; height:280px; }
.section04 .shopInfoBox div { float:left; text-align:center; font-weight:bold;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.section04 .shopInfoBox .shop01 { width:479px; height:279px; padding:80px 0 0 130px; background:url(/images/sub/shopcallBG01.gif) no-repeat center bottom; }
.section04 .shopInfoBox .shop02 { width:354px; height:279px; padding:80px 0 0 5px; background:url(/images/sub/shopcallBG02.gif) no-repeat center bottom; }
.section04 .shopInfoBox .shop03 { width:367px; height:279px; padding:80px 10px 0 0px; background:url(/images/sub/shopcallBG03.gif) no-repeat center bottom; }
.section04 .shopInfoBox .shop04 { width:264px; height:280px; padding:80px 20px 0 0px; background:url(/images/sub/shopcallBG02.jpg) no-repeat center bottom; }
.section04 .shopInfo .name01 { font-size:18px; padding-top:25px; }
.section04 .shopInfo .name02 { font-size:26px; color:#4662b6; padding-top:18px; }
.section04 .shopInfo .name03 { font-size:14px; color:#777777; padding-top:8px; }
.section04 .shopInfo .call { font-size:28px; padding-top:20px; letter-spacing:-1px; }

.searchBar { width:700px; height:45px; overflow:hidden; float:right; text-align:right; }
.searchBar select { vertical-align:middle; width:180px; height:45px; border:1px solid #cccccc; font-size:15px; }
.searchBar input[type=text] {height:41px;border:1px solid #ccc;line-height:41px;    font-size: 15px;outline:0;oulline-width:0;}
.searchBar input[type=submit] { vertical-align:middle; width:60px; height:45px; background:#6c6c6c; color:white; border:none; font-weight:bold; font-size:14px; line-height:30px; }
.searchBar input[type=button] { vertical-align:middle; width:60px; height:45px; background:#aaa; color:white; border:none; font-weight:bold; font-size:14px; line-height:30px;outline:0;oulline-width:0; }

.dogList { width:1200px; height:auto; padding-top:10px; overflow:hidden; }
.dogList ul { display:block; width:1200px; height:auto; overflow:hidden; }
.dogList ul li { display:block; float:left; width:285px; height:240px; position:relative; padding-right:20px; margin-bottom:20px;  }
.dogList ul li:nth-child(4n+0) { padding-right:0px; }
.dogList ul li a { display:block; width:100%; height:200px; color:white; }
.dogList ul li .gradation {  width:285px; height:30px; text-align:center; font-size:14px; font-weight:bold; line-height:28px; }
.dogList ul li .price { text-align:center; font-weight:bold; color:#5166a5; font-size:14px; }
.dogList .paging { width:1200px; height:42px; text-align:center; padding-top:20px;  }
.dogList .paging a { display:inline-block; width:40px; height:40px; line-height:40px; text-aling:center; font-size:14px; color:#333333; border:1px solid #3a619c; border-right:none; margin-right:-4px;}
.dogList .paging a:last-child { border-right:1px solid #3a619c; }
.dogList .paging a.on { background:#3a619c; color:white; }

.dogList .paging02 { width:1200px; height:42px; text-align:center; padding-top:20px;  }
.dogList .paging02 a { display:inline-block; width:40px; height:40px; line-height:40px; text-aling:center; font-size:14px; color:#333333; border:1px solid #3a619c; border-right:none; margin-right:-4px;}
.dogList .paging02 a:last-child { border-right:1px solid #3a619c; }
.dogList .paging02 a.on { background:#3a619c; color:white; }



.callCenter { width:1200px; height:1200px; /*background:url(/images/sub/shopTop_btm.png) no-repeat 0 0; left:50px;*/ /*margin:30px auto 20px auto;*/ position:relative; }
.callCenter_01 { width:500px; height:380px; background:url(/images/sub/shopTop007_btm.png) no-repeat 0 0; left:611px;/*margin:30px auto 20px auto;*/ position:relative; }
.callCenter_02 { width:500px; height:380px; background:url(/images/sub/shopTop03_btm.png) no-repeat 0 0; display:inline-block; margin:30px auto 20px auto; position:relative; }
.callCenter_03 { width:500px; height:380px; background:url(/images/sub/shopTop04_btm.png) no-repeat 0 0; left:260px; top:-430px; margin:30px auto 20px auto; position:relative; }
.callCenter_04 {  width:500px; height:380px; background:url(/images/sub/shopTop06_btm.png) no-repeat 0 0; display:inline-block; margin:30px auto 20px auto; position:relative;  top:-450px;}

.callCenter .call01 { width:310px; height:140px; position:absolute; left:82px; top:30px; text-align:center; }
.callCenter .call01 span { display:block; font-weight:bold; }
.callCenter .call01 span.calltop { font-size:16px; padding:35px 0 0px 0; color:#4662b6; }
.callCenter .call01 span.call {   font-size:16px; line-height:130%; }
.callCenter .call02 { width:310px; height:140px; position:absolute; left:84px; top:66px; text-align:center; }
.callCenter .call02 span { display:block; font-weight:bold; }
.callCenter .call02 span.calltop { font-size:14px; padding:35px 0 0px 0; color:#4662b6; }
.callCenter .call02 span.call {  font-size:14px; line-height:130%; }

.callCenter_05 {background:url(/images/sub/shopTop03.png) no-repeat 0 0;}
.callCenter_06 {margin-left:95px;background:url(/images/sub/shopTop12.png) no-repeat 0 0;}
.callCenter_07 {background:url(/images/sub/shopTop007.jpg) no-repeat 0 0;}
.callCenter_wrap {float:left;width:550px; height:600px;background-size:100% auto; display:inline-block; position:relative;}
.callCenter_wrap > img {width:100%;margin-top:166px;}
.callCenter_wrap .call01 {top:75px;height:auto;}
.callCenter_wrap .call01 .call {font-size:22px !important;}
.callCenter_wrap .call02 {top:70px;height:auto;}
.callCenter_wrap .loca { width:120px; position:absolute; left:10px; top:80px; text-align:center;font-weight:bold;color:#4662b6;font-size:18px;}

/*---------------------dogList----------------------*/

.contents01 { clear:both; width:1200px; height:auto; overflow:hidden; margin-top:50px; }
.contents01 .commentList { width:1200px; height:auto; padding-top:10px; overflow:hidden; }
.contents01 .commentList ul { display:block; width:1200px; height:auto; overflow:hidden; }
.contents01 .commentList ul li { display:block; float:left; width:384px; height:378px; border:1px solid #cccccc; margin:0 20px 20px 0; }
.contents01 .commentList ul li:nth-child(3n+0) { margin-right:0; }
.contents01 .commentList ul li a { display:block; width:100%; height:378px; color:#333333; }
.contents01 .commentList ul li .top { width:100%; height:40px; line-height:44px; font-weight:bold; padding:0 15px; font-size:15px; 
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
.contents01 .commentList ul li .top span { display:inline-block; float:right; font-size:12px; }
.contents01 .commentList ul li .text { width:100%; height:70px; padding:0 15px; color:#666666; line-height:1.9; overflow:hidden;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.boardSearch { width:100%; float:right; text-align:right; clear:both; }
.boardSearch select { width:88px; height:26px; border:1px solid #cccccc; vertical-align:middle; }
.boardSearch input { width:100px; height:20px; line-height:20px; font-size:12px; text-align:center; vertical-align:middle; font-weight:bold; }
.boardSearch input[type=submit], .boardSearch input[type=button] { width:60px; height:26px; line-height:26px; font-size:12px; text-align:center; vertical-align:middle; color:white; font-weight:bold; background:#6c6c6c; border:none; }
.boardSearch a { display:inline-block; width:60px; height:24px; font-size:13px; line-height:25px; background:#4b545e; border:1px solid #3b3c3f; color:white; text-align:center; font-family:"����"; font-weight:bold;
vertical-align:middle; letter-spacing:-1px;  }


.paging { width:1200px; height:42px; text-align:center; padding-top:20px;  }
.paging a { display:inline-block; width:40px; height:40px; line-height:40px; text-aling:center; font-size:14px; color:#333333; border:1px solid #3a619c; border-right:none; margin-right:-4px;}
.paging a:last-child { border-right:1px solid #3a619c; }
.paging a.on { background:#3a619c; color:white; }

.familyList { width:1200px; height:auto; padding-top:20px; overflow:hidden; }
.familyList ul { display:block; width:1200px; height:auto; overflow:hidden; }
.familyList ul li { display:block; float:left; width:230px; height:170px; padding-right:12px; margin-bottom:12px; }
.familyList ul li:nth-child(5n+0) { padding-right:0px; }

.contents03 { display:none; margin-top:50px; }
table.board { border-top:2px solid #a0a0a0; margin:55px 0 20px 0; }
table.board th { height:44px; vertical-align:middle; text-align:center; background:#f7f7f7; font-weight:bold; font-size:13px; }
table.board td { height:40px; vertical-align:middle; text-align:center; font-size:13px; border-bottom:1px solid #e5e5e5; }
table.board td a { color:#333333; }
table.board td.align { text-align:left; }

.contents04 { display:none; margin-top:50px; }

table.board01 { border-top:2px solid #a0a0a0; text-align:center; margin-top:20px; }
table.board01 th { vertical-align:middle; height:44px; background:#f7f7f7; font-weight:bold; }
table.board01 td { vertical-align:middle; height:14px; padding:10px; line-height:1.6; border-bottom:1px solid #cccccc;  }
table.board01 td input { border:1px solid #bbbbbb; height:22px; }
table.board01 td input.textarea01 { width:250px; }
table.board01 td input.textarea02 { width:95%; }
table.board01 td input.textarea03 { width:500px; }
table.board01 td input.call { width:60px; }
table.board01 td select { border:1px solid #bbbbbb; height:26px; }
table.board01 td select.call { width:60px; }
table.board01 td textarea { border:1px solid #bbbbbb; width:95%; height:150px; }
table.board01 td a { vertical-align:middle; display:inline-block; height:24px; line-height:24px; padding:0 10px; font-weight:bold; color:#333333; border:1px solid #cccccc; text-align:center;
background:#f9f9f9; background:linear-gradient(to bottom, #f9f9f9 0%, #dedede 100%); }
table.board01 td.title { background:#f7f7f7; }
table.board01 td.left { text-align:left; }

.btns { width:1200px; height:40px; overflow:hidden; padding-top:10px; }
.btns a { display:inline-block; padding:0 10px; height:26px; line-height:26px; background:#f2f5f9; border:1px solid #d9ded9; color:#333333; }
.btns a.write { background:#4b545e; border:1px solid #3b3c3f; color:white; }
.btn01 { float:left; }
.btn02 { float:right; }


/*-------------------------bbs--------------------------*/

.viewTop { width:1200px; height:auto; overflow:hidden;  }
.viewTop .viewPic {display:inline-block; vertical-align:top;  width:590px; padding-right:60px; }
.viewTop .viewInfo {display:inline-block;  vertical-align:top; width:500px;  position:relative; }
.viewTop .info-wrap {display:block; position:relative; }
.viewTop .viewInfo h3 { font-weight:500; font-size:43px; color:#666; padding-bottom:15px; border-bottom:1px solid #333333; }
.viewTop .viewInfo h3 span { color:#1757a6; padding-left:10px; font-weight:600; }
.viewTop .viewInfo ul {display:block; position:relative; font-size:0; padding-top:20px;  }
.viewTop .viewInfo ul li {display:inline-block; vertical-align:top; width:100%; margin-bottom:20px; font-size:20px; font-weight:600; letter-spacing:-.05em;  }
.viewTop .viewInfo ul li:nth-child(1) {width:60%;}
.viewTop .viewInfo ul li:nth-child(2) { width:40%;}
.viewTop .viewInfo ul li span {display:inline-block; vertical-align:top; }
.viewTop .viewInfo ul li span:first-child {width:75px; color:#333; }
.viewTop .viewInfo ul li span:first-child + span {width:calc(100% - 75px); color:#1757a6 }
.viewTop .viewInfo ul li em {font-size:20px; font-weight:600; color:#2777ee; font-style:normal}
.viewTop .viewInfo .social {position:absolute; right:25px; bottom:-10px; width:200px; font-size:0; }
.viewTop .viewInfo .social li { display:inline-block; width:50%; vertical-align:top; text-align:center;}
.viewTop .viewInfo .social li a {display:block; color:#333  }
.viewTop .viewInfo .social li img {margin-bottom:5px; display:inline-block;}
.viewTop .viewInfo .social li a p {display:block;  font-size:12px; line-height:15px;  font-weight:500;}

.viewTop .viewInfo table { font-weight:bold; font-size:20px; color:#333333; margin-top:15px; }
.viewTop .viewInfo table td { height:36px; vertical-align:middle; line-height:1.3; }
.viewTop .viewInfo table td.blue { color:#1757a6; }
.viewTop .viewInfo table td .font { font-size:12px; padding-top:4px; }
.viewTop .viewInfo .callBox { width:500px; height:140px; background:url(/images/sub/viewBG01.gif)no-repeat 0 0; margin-top:14px; text-align:center; font-weight:bold; color:#1757a6; }
.viewTop .viewInfo .callBox a { color:#1757a6; }
.viewTop .viewInfo .callBox .name01 { font-size:24px; padding:12px 0 0 10px;  }
.viewTop .viewInfo .callBox .name02 { font-size:16px; color:#777777; padding:5px 0 0 0; }
.viewTop .viewInfo .callBox .call { font-size:40px; padding-top:10px; font-family:'GmarketSans';}

.viewPic { width:840px; height:auto; overflow:hidden; padding-top:0px; margin:0 auto; }
.viewPic p { padding-bottom:40px; }
.viewPic span.first{ padding-right:35px; display:inline-block; }

.viewMemo { width:840px; height:auto; overflow:hidden; padding-top:70px; margin:0 auto; }
.viewMemo p { padding:3px; }
.viewMemo img { max-width:840px; }

.shopCall { width:660px; height:256px; margin:40px auto 0 auto; overflow:hidden; background:url(/images/sub/viewBG02.gif) no-repeat 0 0; text-align:center; font-weight:bold; color:#1757a6; }
.shopCall a { color:#1757a6; }
.shopCall .name01 { font-size:24px; padding:127px 0 0 102px; letter-spacing:-1px; }
.shopCall .name02 { font-size:16px; color:#777777; padding:7px 0 0 92px; }
.shopCall .call { font-size:36px; padding:10px 0 0 82px; }
.shopCall .call .text { font-size:32px; padding-right:10px; }
.others { width:840px; height:auto; margin:0 auto; text-align:center; padding-top:40px; }

/*-------------------------viewPage--------------------------*/

.boxWrap { width:1200px; height:500px; margin:0 auto; overflow:hidden; background:#f3f4f6; color:#666666; }
.boxWrap .findBox { width:345px; height:300px; margin:60px auto 0 auto; text-align:center; }
.boxWrap .findBox .title01 { font-weight:bold; font-size:28px; }
.boxWrap .findBox .title02 { font-weight:bold; font-size:16px; padding-top:12px; }
.boxWrap .findBox ul { display:block; overflow:hidden; padding-top:30px; width:100%; }
.boxWrap .findBox ul li { display:block; width:343px; height:50px; border:1px solid #cccccc; background:white; margin-bottom:4px; }
.boxWrap .findBox ul li span { float:left; display:inline-block; width:80px; height:50px; line-height:50px; border-right:1px solid #eeeeee; font-weight:bold; }
.boxWrap .findBox ul li input { margin:14px 0 0 10px; width:220px; float:left; border:none; }
.boxWrap .findBox input[type=submit] { width:100%; height:46px; line-height:46px; margin-top:4px; background:#3a619b; color:white; font-weight:bold; border:none; }
.boxWrap .findBox p.save { text-align:left; padding-top:5px; }
.boxWrap .findBox input[type=checkbox] { width:12px; height:12px; }
.boxWrap .findBox .aWrap { padding-top:15px; margin-top:15px; border-top:1px solid #cccccc; }
.boxWrap .findBox .aWrap a { font-size:14px; padding-left:5px; font-weight:bold; color:#3a619b;  margin-right:10px;}

/*-------------------------find_ID--------------------------*/

.joinBox { clear:both; width:1200px; height:auto; overflow:hidden; margin-top:20px;   }
.joinBox h4 { font-weight:bold; font-size:14px; padding-bottom:5px; }
.joinBox .textBox { width:1200px; height:200px; border:1px solid #cccccc; padding:10px; line-height:1.4; overflow-y:scroll; margin:4px 0;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
.joinBox .textBox span { display:inline-block; float:right;  }
.joinBox .joinBTNbox { text-align:center; margin-top:10px; }
.joinBox .joinBTNbox a { display:inline-block; width:65px; height:30px; border:1px solid #315283; line-height:30px; background:#3a619b; color:white; }
.joinBox .btns { margin-top:10px; text-align:center; }
.joinBox .btns a { display:inline-block; padding:0 10px; height:30px; line-height:30px; font-weight:bold; background:#3a619b; color:white; border:1px solid #315283; }
.joinBox .btns a.cancel { background:#f2f5f9; border:1px solid #d9ded9; color:#333333; }


.addressWrap { width:100%; height:500px; overflow:hidden; font-family: 'Nanum Gothic', sans-serif;  }
.addressWrap .fillForm { width:100%; height:45px; overflow:hidden; border-bottom:1px solid #aaaaaa; }
.addressWrap .fillForm input { width:100%; height:42px; border:none; background:url(/images/sub/addressBTN.jpg)no-repeat right 8px; text-indent:5px; }
.addressWrap .tipBox { width:100%;  overflow:hidden; padding:10px 10px; font-size:15px; line-height:1.5; border-bottom:1px solid #cccccc;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.addressWrap .tipBox .tip { font-weight:bold; font-size:17px; padding-bottom:5px; }
.addressWrap .tipBox .ex { color:#cccccc; padding-top:4px; }
.addressWrap .address { overflow:hidden; }
.addressWrap .address ul { display:block; overflow:hidden;  }
.addressWrap .address ul li { padding:15px 10px; border-bottom:1px solid #cccccc; line-height:1.5; cursor:pointer; }
.addressWrap .address ul li:hover { color:#3a619b; }

.completeBox { width:100%; height:300px; overflow:hidden; background:#f3f4f6; }
.completeBox .complete { width:400px; height:95px; margin:50px auto 0 auto; text-align:center; background:white; padding-top:20px; border:1px solid #dedede; }
.completeBox .complete p { font-weight:bold; font-size:26px; line-height:1.4; color:#333333; }
.completeBox { margin-top:10px; text-align:center; }
.completeBox .btns a { display:inline-block; padding:0 20px; height:40px; line-height:40px; font-weight:bold; font-size:14px; background:#3a619b; color:white; border:1px solid #315283; }


/*-------------------------member join--------------------------*/



/* 12가지 보상시스템 */

.reward-system {display:block;  padding:30px 40px 0; margin:50px 0; border-radius:8px; border:0px solid #dedede; background-color:#fff; border:7px solid #c8d9f4; word-break:keep-all; }
.reward-system * { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

.reward-system .title-wrap {display:block; padding:20px 0 0; position:relative; }
.reward-system .title-wrap:after {content:''; display:block; width:100%; height:7px; margin-top:25px; background:url('/images/underline_pattern.png') repeat;opacity:0.2 }
.reward-system .title-wrap  h2 {display:block; text-align:center; padding-bottom:15px;  font-size:28px; font-weight:600; color:#333; font-family:'NotoSans'; }
.reward-system .title-wrap  h2 span {color:#2053d6}
.reward-system .title-wrap  .exp {display:block; text-align:center; font-size:19px; line-height:1.5em;  font-weight:500;  color:#666; }
.reward-system ul {display:block; font-size:0; padding:50px 10px 0; }
.reward-system ul li {display:inline-block; width:50%; vertical-align:top; margin-bottom:50px;padding-right:30px;  }
.reward-system ul li:nth-child(2n){padding-left:30px; padding-right:0;}
.reward-system .tit {font-size:21px; font-weight:bold; color:#222; }
.reward-system .txt {font-size:17px; font-weight:500; padding-top:15px; color:#666; line-height:1.5em;  letter-spacing:-.04em; }