@charset "utf-8";


html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	line-height:1;
	text-decoration:none;
	font-family:'lato','noto sans kr','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#444;
	letter-spacing:-0.3px;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}

table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/* border-radius:0; */
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.png) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.png) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.set_ip {position: relative; overflow: hidden;}
.set_ip .unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:260px; height:46px; padding:0 10px; border:1px solid #ddd; border-radius:4px; background-color:transparent;  box-sizing:border-box; outline:none;}
.ip_comm:focus	{background-color: #ffffee;}
.ip_comm.tel	{float:left; width:110px;}
input.ip_comm.tel	{margin-left:20px;}
.ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:46px; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{width:100%; height:150px; padding:10px; line-height:1.5;}
.btn_sm	{display:block; height:50px; margin:0 auto; border:0; font-size: 16px; font-weight: 500; color:#fff;}

.center	{width:1080px; margin:0 auto;}
.center::after	{content:""; display:block; clear:both;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.btn_hbg {position:relative; display:block; width:24px; height:30px;}
.btn_hbg span,
.btn_hbg span:before,
.btn_hbg span:after {display:block; width:100%; height:1px; background-color:#fff; transition:all 0.3s}
.btn_hbg span {position:absolute; left:0; top:50%; text-indent:-999%; font-size:0; line-height:0;}
.btn_hbg span:before,
.btn_hbg span:after {content:""; position:relative;}
.btn_hbg span:before {top:-6px;}
.btn_hbg span:after {top:5px;}
.on .btn_hbg span {background-color:transparent;}
.on .btn_hbg span:before {top:0px; transform:rotate(45deg); background-color:#222;}
.on .btn_hbg span:after {top:-1px; transform:rotate(-45deg); background-color:#222;}

#wrapper {width:100%; min-width:1080px; }

/*========= header ===========*/
#header {position: absolute; left:0; top:0; width:100%; z-index: 100; background-color:transparent; transition:all 0.3s}
#header.scroll {position: fixed; z-index: 500;}
  #header.scroll,
  #header:hover {background-color:#fff;}
  #header::after {content:""; position: absolute; left:0; top:90px; width:100%; height:162px; border-top:1px solid #eee; background-color: #fff; z-index: -1; display: none;}
  #header.scroll::after {top:65px}
  #header:hover::after {display: block;}
#header .center {position: relative; padding:25px 0;}
#header.scroll .center {padding:15px 0;}
#header h1	{position: relative; float:left; z-index: 1;}
#header h1 img {transition:all 0.3s;}
#header.scroll h1 img {height:30px}
#header h1 .color	{position: absolute; left:0; top:0; opacity:0}
  #header.scroll h1 .white,
  #header:hover h1 .white	{opacity:0;}
  #header.scroll h1 .color,
  #header:hover h1 .color	{opacity:1;}
#header .catalog	{position: relative; top:10px; float:right; display: block; padding: 0 20px; line-height: 38px; border-radius:100px; border:1px solid #fff; font-size: 13px; color: #fff; letter-spacing:1px; transition:all 0.3s; z-index: 1;}
  #header.scroll .catalog {top:5px; line-height:34px; font-size: 12px;}
  #header.scroll .catalog,
  #header:hover .catalog	{border-color:#0084cc; color:#0084cc;}
#header .catalog i {margin-right: 4px;}

#btn_nav {display: none;}
#header:hover .btn_hbg span,
#header:hover .btn_hbg span:before,
#header:hover .btn_hbg span:after {background-color:#222;}
#header.scroll .btn_hbg span,
#header.scroll .btn_hbg span:before,
#header.scroll .btn_hbg span:after {background-color:#222;}
.on #header .btn_hbg span {background-color:transparent;}

#nav {position: absolute; left:0; bottom:0; width: 100%;}
#nav .nav_list {text-align: center;}
#nav .nav_list>li {position: relative; display: inline-block; width: 130px;}
#nav .nav_list>li .dep1	{position: relative; display:block; text-align: center; font-size:17px; font-weight:600; color:#fff;}
	#header.scroll #nav .nav_list>li .dep1 {font-size: 15px;}
	#header.scroll #nav .nav_list>li .dep1,
	#header:hover #nav .nav_list>li .dep1	{color:#333}
#nav .nav_list>li:hover .dep1 {cursor: default;}
#nav .nav_list>li:hover .dep1 span	{color: #0084cc;}
#nav .nav_list>li .dep1 span	{display: block; padding:25px 0; letter-spacing:1px; transition:all 0.3s;}
#nav .nav_list>li .dep1 .kr	{position: absolute; left:0; top:0; width:100%; opacity:0; letter-spacing: -0.5px;}
#header:hover #nav .nav_list>li .dep1 .kr	{opacity:1;}
#header:hover #nav .nav_list>li .dep1 .en	{opacity:0;}
#nav .nav_list>li .dep2 {display: none; overflow:hidden; position:absolute; left:0%; top:67px; width:100%; padding:20px 0px; z-index:300; transition:all 0.5s;}
	#header.scroll #nav .nav_list>li .dep2 {top:65px;}
#header:hover #nav .nav_list .dep2 {display: block;}
#nav .nav_list>li .dep2 li {}
#nav .nav_list>li .dep2 li a {display:block; padding:5px 0; line-height:1.3; font-size:14px; color:#666; letter-spacing:0;}
#nav .nav_list>li .dep2 li a:hover {color:#0084cc; }


/*========= main ===========*/

.btn_more {display: inline-block; padding-right:60px; background-image:url(/images/arr.svg); background-position: right center; }

#visual {overflow: hidden; position: relative;}
#visual li {position: relative; height:815px;}
#visual .v01 {background-image: url(/images/visual1.jpg);}
#visual .v02 {background-image: url(/images/visual2.jpg);}
#visual .v03 {background-image: url(/images/visual3.jpg);}
#visual li img {display: none;}
#visual .visu_txt {position: absolute; left:0; top:50%; transform:translateY(-50%); width: 100%; z-index: 1;}
#visual .visu_txt p {text-align: center; color: #fff;}
#visual .visu_txt .p1 {font-size:34px; font-weight: 300; }
#visual .visu_txt .p2 {margin-top: 10px; font-size:44px; font-weight:800; letter-spacing:1px }
#visual .btn_more {position: absolute; left:50%; bottom:130px; transform:translateX(275px); background-image:url(/images/arr_w.svg); color: #fff; z-index: 1; letter-spacing:1px; }

@keyframes title {
	0% {top:170px; opacity:0;}
	100% {top:70px; opacity:1}
}

.product {position: relative; padding:70px 0; padding-left:420px;}
.product .title {position: absolute; left:0; top:170px; width:420px; padding-left: 100px; padding-top: 50px; opacity:0; }
.product.active .title {animation-name:title; animation-duration:1s; animation-fill-mode: forwards;}
.product .title h2 {position: relative; margin-bottom: 120px; padding-bottom: 15px; line-height: 1.2; font-size: 28px; font-weight: 300; letter-spacing: -1.5px; z-index: 1;}
.product .title h2::after {content:""; position: absolute; left:0; bottom:0; font-size:50px; font-weight: 700; color: #eee; z-index: -1;}
.product .title h2 strong {font-size:46px; font-weight:inherit; letter-spacing:-2px }
.product .title .btn_more {font-size: 14px;}

.product .pd_slider {position: relative; overflow:hidden;padding-left: 20px;}
.product .pd_slider li {width:auto;}
.product .pd_slider a {display: block;}
.product .pd_slider .img_cont {overflow: hidden; border:1px solid #ddd; border-radius:30px;}
.product .pd_slider .img_cont img {width:100%; height:auto;}
.product .pd_slider .tit {margin-top: 20px; text-align: center; font-size: 18px; font-weight: 600; color: #222; letter-spacing:0 }
.product .swiper-button-white {left:0; width:40px; height:40px; margin-top:-30px; border-radius:100px; background-color:rgba(0,132,204,0.6); background-size:10px auto;}



#main02 {border-bottom:1px solid #ddd;}
#main02 .title h2::after {content:"FAUNTAIN";}

#main03 .title h2::after {content:"CUP";}

#main04 {padding:80px 0; background-image:url(/images/bg_cs.jpg); background-size:cover;}
#main04 .center {padding-left:430px;}
#main04 h2 {margin-bottom: 30px; font-size:30px; font-weight: 600; color: #222; letter-spacing: -1px}
#main04 .apply ul {}
#main04 .apply ul::after {content:""; display: block; clear:both;}
#main04 .apply ul li {float:left; width:210px; margin-right:10px; margin-bottom:10px;}
#main04 .apply ul li:nth-child(3n) {margin-right: 0;}
#main04 .apply ul li.span3 {width: 100%; margin-right: 0;}
#main04 .apply ul li label {display: block; margin-bottom: 5px; font-size: 13px; color: #777;}
#main04 .apply ul li .set_ip {overflow: hidden; border:1px solid #ddd; border-radius:4px; background-color: #fff;}
#main04 .apply ul li .set_ip .ip_comm {width:100%; border:0; border-radius:0;}
#main04 .apply ul li .set_ip .ip_comm.tel {width:30%; margin: 0;}
#main04 .apply ul li .set_ip .bar {width:5%;}
#main04 .apply .set_sm {margin-top: 12px;}
#main04 .apply .set_sm::after {content:""; display: block; clear:both;}
#main04 .apply .set_sm .set_agree {float:left;}
#main04 .apply .set_sm .set_agree label,
#main04 .apply .set_sm .set_agree a {font-size:14px; color: #666;}
#main04 .apply .set_sm .btn_sm {float:right; width:150px; border-radius:50px; background-color: #0084cc; box-shadow:0 0 10px rgba(0,0,0,0.5); }

#main04 .cs_center {margin-top: 30px; padding:30px; border:1px solid #eee; background-color:rgba(228,228,228,0.2);}
#main04 .cs_center::after {content:""; display: block; clear:both;}
#main04 .cs_center h3,
#main04 .cs_center .set_tel {float:left;}
#main04 .cs_center h3 {padding-top: 5px; font-size: 16px; font-weight: 600; color: #222;}
#main04 .cs_center .set_tel {margin-left: 20px;}
#main04 .cs_center .set_tel .tel {font-size: 26px; font-weight: 700; color: #0084cc; letter-spacing:1px; }
#main04 .cs_center .set_tel .time {margin-top: 10px; font-size: 14px; color: #666;}
#main04 .cs_center .catalog {float:right; display: block; margin-top: 8px; padding:0 20px; line-height: 38px; background-color: #e5e5e5; border-radius:100px; font-size: 13px; font-weight: 500; color: #666; letter-spacing:0px ; transition:all 0.3s}
#main04 .cs_center .catalog i {margin-right: 5px; color: #bbb;}
#main04 .cs_center .catalog:hover {background-color: #0084cc; color: #fff;}

/*========= footer ===========*/
#footer {background-color: #444;}
#footer .set_info {float:left; width: 520px; padding:35px; padding-left: 0;}
#footer .set_info ul li {display: inline-block; margin-right: 10px; line-height:26px; font-size: 14px; color: #fff;}
#footer .set_info .copyright {margin-top: 10px; font-size: 13px; color: #999;}
#footer .set_info .copyright a {font-size:inherit; font-weight:inherit; color:inherit;}

#footer nav {float:right; width: 560px;}
#footer nav .nav_list::after {content:""; display: block; clear:both;}
#footer nav .nav_list {border-left:1px solid rgba(255,255,255,0.2);}
#footer nav .nav_list>li {float:left; width:25%; padding:30px 15px ; border-right:1px solid rgba(255,255,255,0.2);}
#footer nav .nav_list>li .dep1 {font-size: 14px; font-weight: 500; color: #ccc;}
#footer nav .nav_list>li .dep2 {height:96px; margin-top: 5px;}
#footer nav .nav_list>li .dep2 li {line-height: 24px;}
#footer nav .nav_list>li .dep2 li a {font-size: 13px; color: #aaa;}

/*========= sub ===========*/

#sub_visual {position: relative; height: 520px;}
#sub_visual.sub_visual01 {background-image: url(/images/sub_visual1.jpg);}
#sub_visual.sub_visual02 {background-image: url(/images/sub_visual2.jpg);}
#sub_visual.sub_visual03 {background-image: url(/images/sub_visual3.jpg);}
#sub_visual.sub_visual04 {background-image: url(/images/sub_visual4.jpg);}

#sub_visual .visu_txt {position: absolute; left:0; top:50%; width:100%;}
#sub_visual h2,
#sub_visual p {text-align: center; color: #fff;}
#sub_visual h2 {font-size: 40px; font-weight: 700; letter-spacing:1px }
#sub_visual p {margin-top: 20px; font-size:20px;}

#sub_menu {position: absolute; left:0; bottom:50px; width:100%;}
#sub_menu ul {text-align: center;}
#sub_menu ul li {display: inline-block;}
#sub_menu ul li a {display: block; width: 140px; line-height:36px; text-align: center; border-radius:4px; border:1px solid #ddd; background-color:rgba(255,255,255,0.1); font-size: 16px; color: #fff;}
#sub_menu ul li a.on {background-color:#fff; color: #0084cc;}

#sub_contents {padding:80px 0 150px 0;}
#sub_contents.sub0101 {padding:0;}

#page_title {margin-bottom: 50px; text-align: center;}
#page_title h3,
.sub0101 h3 { font-family: 'noto sans kr', sans-serif; font-size: 30px; font-weight:700; color: #222;}

/* .sub_title {margin-top:50px; margin-bottom:15px;}
#page_title + .sub_title {margin-top: 0;}
.sub_title h4 {display: inline-block; font-size:20px; font-weight: 600; border-bottom:2px solid #62c297;} */

.p_comm {font-size: 17px; line-height:30px;}


.sub0101 {width:100%;}
.sub0101 h3 {margin-bottom: 30px; text-align: center; }
.sub0101 .sub_cont {padding:100px 0 120px 0;}

.sub0101 #sub01 {}
.sub0101 #sub01 ul {display:flex; align-items: center; justify-content: center;}
.sub0101 #sub01 ul li {width: 300px; height:300px; margin:0 -15px; padding:30px;  border-radius:300px; background-image:linear-gradient(90deg,#009cbe,#0089c9);}
	.sub0101 #sub01 ul li:nth-child(1) {background-image:linear-gradient(90deg,#009cbe,#0089c9);}
	.sub0101 #sub01 ul li:nth-child(2) {background-image:linear-gradient(-90deg,#009cbe,#0089c9);}
	.sub0101 #sub01 ul li:nth-child(3) {background-image:linear-gradient(90deg,#009cbe,#0089c9);}
.sub0101 #sub01 ul li div {height: 100%; padding-top: 48px; border-radius:300px; background-color: #fff; text-align: center;}
.sub0101 #sub01 ul li div img {display: block; margin:0 auto; margin-bottom:20px;}
.sub0101 #sub01 ul li div .tit {font-size:24px; font-weight: 700; color: #222;}
.sub0101 #sub01 ul li div .ex {margin-top: 10px; line-height: 20px; font-size: 14px;}
.sub0101 #sub01 .p_comm {margin-top: 30px; text-align: center;}

.sub0101 #sub02 {background-image: url(/images/bg_bisu.jpg); background-size:cover;}
.sub0101 #sub02 h3 {color: #fff;}
.sub0101 #sub02 ul {display:flex; align-items: center; justify-content: center;}
.sub0101 #sub02 ul li {width: 260px; margin:0 10px; padding:15px; padding-bottom: 90px; border-radius:300px; border:1px solid #fff; background-color:rgba(255,255,255,0.3);}
.sub0101 #sub02 ul li figure {overflow: hidden; border-radius:300px; }
.sub0101 #sub02 ul li p {text-align: center;}
.sub0101 #sub02 ul li .tit {margin-top: 30px; font-size: 20px; font-weight: 600; color: #222;}
.sub0101 #sub02 ul li .ex {margin-top: 10px; line-height: 24px;}

.sub0101 #sub03 {padding-bottom: 80px;}
.sub0101 #sub03 ul::after {content:""; display: block; clear:both;}
.sub0101 #sub03 ul li {float:left; width: 255px; margin-right:20px; margin-bottom: 40px; text-align: center;}
.sub0101 #sub03 ul li:nth-child(4n) {margin-right: 0;}
.sub0101 #sub03 ul li figure {padding:10px; margin-bottom: 15px; border-radius:10px; border:1px solid #ddd;}
.sub0101 #sub03 ul li figure img {width:100%; height:auto;}

.sub0101 #sub04 {position: relative; padding: 0;}
.sub0101 #sub04 .map {width:100%; height:560px;}
.sub0101 #sub04 .map iframe {width:100%; height:100%;}
.sub0101 #sub04 .set_addr {position: absolute; left:50%; top:70px; transform:translateX(-540px); width: 320px; padding:40px 30px; background-color:#fff;}
.sub0101 #sub04 .set_addr h3 {margin-bottom: 15px; text-align: left; font-size: 24px;}
.sub0101 #sub04 .set_addr .addr {font-size: 16px; line-height: 26px;}
.sub0101 #sub04 .set_addr dl {margin-top:20px;}
.sub0101 #sub04 .set_addr dl dt,
.sub0101 #sub04 .set_addr dl dd {font-size: 14px;}
.sub0101 #sub04 .set_addr dl dt {margin-bottom: 8px;}
.sub0101 #sub04 .set_addr dl dt i {margin-right: 4px; font-size: 12px; color: #aaa;}
.sub0101 #sub04 .set_addr dl dd {margin-bottom: 15px; font-weight: 600;}
.sub0101 #sub04 .set_addr dl .tel {color: #0085d0;}


.merit dt,
.merit dd {padding-left: 20px; line-height: 22px;}
.merit dt {background-image:url(/images/chk.svg); background-position:left 5px; font-weight: 600;}
.merit dd {margin-bottom: 10px; line-height: 22px;}

.sub0202 {}
.sub0202 .p_comm {text-align: center;}
.sub0202 .set_merit {position: relative; min-height:131px; margin-top: 40px; padding-left:300px;}
.sub0202 .set_merit figure {position: absolute; left:0; top:0; }
.sub0202 .set_merit .merit {padding-top: 10px;}

.sub0202 .set_pd {margin-top: 40px;}
.sub0202 .set_pd::after {content:""; display: block; clear:both;}
.sub0202 .set_pd > div {position: relative; float:left; width:49%; min-height:280px; margin-right:2%; padding:25px 10px; padding-left:250px; padding-right:40px; border-radius:4px; border:1px solid #aaa;}
.sub0202 .set_pd > div:last-child {margin-right: 0;}
.sub0202 .set_pd > div figure {position: absolute; left:20px; top:25px; width:200px;}
.sub0202 .set_pd > div img {width: 100%; height:auto;}
.sub0202 .set_pd > div .tit {margin-bottom:20px; font-size: 18px; font-weight: 600; color: #222;}
.sub0202 .set_pd > div table {border-top:1px solid #eee;}
.sub0202 .set_pd > div table th,
.sub0202 .set_pd > div table td {padding:10px 0;border-bottom:1px solid #ddd; text-align:left; font-size: 14px;}
.sub0202 .set_pd > div table th {font-weight: 600;}
.sub0202 .set_pd > div table td {}
.sub0202 .set_pd > div a {display: block; margin-top:10px; background-color: #0085d0; text-align: center; line-height:40px; color: #fff;}
.sub0202 .set_img {display:flex; align-items: center; justify-content: center; margin-top: 40px;}
.sub0202 .set_img img {margin:0 2px; }

.sub0301 .p_comm {text-align: center;}
.sub0301 .service {margin-top: 30px;}
.sub0301 .service::after {content:""; display: block; clear:both;}
.sub0301 .service > div {float:left; width:340px; margin-right:30px; padding-top: 50px; border:1px solid #ccc; border-radius:4px;}
.sub0301 .service > div:last-child {margin-right: 0;}
.sub0301 .service > div h4,
.sub0301 .service > div p {text-align: center;}
.sub0301 .service > div img {display: block; margin:0 auto; margin-bottom:18px}
.sub0301 .service > div h4 {font-size: 18px; font-weight: 600; color: #222;}
.sub0301 .service > div p {margin-top: 10px; line-height:22px;}
.sub0301 .service .merit {margin-top: 35px; padding:30px; background-color: #f4f4f4;}
.sub0301 .service .merit dd:last-child {height: 44px; margin-bottom: 0;}

.sub0401 .tbl_apply { border-top:1px solid #aaa;}
.sub0401 .tbl_apply th,
.sub0401 .tbl_apply td {padding:20px 0; border-bottom:1px solid #aaa; text-align: left;}
.sub0401 .tbl_apply th {width:100px; padding-left:40px; font-size: 17px; font-weight: 600; color: #0084cc;}
.sub0401 .tbl_apply td {}
.sub0401 .tbl_apply #email {width: 350px;}
.sub0401 .tbl_apply #subject {width: 100%;}
.sub0401 .term {overflow-y: auto; height: 140px; margin-top: 20px; padding:15px 20px; border-radius:4px; border:1px solid #ddd; background-color:#f3f3f3; line-height: 22px; font-size: 14px; color: #666;}
.sub0401 .set_agree {margin-top: 20px; }
.sub0401 .set_agree label {font-size: 14px;}
.sub0401 .btn_sm {width: 250px; height: 64px; margin:0 auto; margin-top: 30px; background-color: #0084cc; border-radius:4px; font-size: 18px; font-weight: 600; color: #fff; transition:all 0.3s;}
.sub0401 .btn_sm:hover {box-shadow:2px 2px 10px rgba(0,0,0,0.5) }


.pd_cate {position: relative; margin-bottom: 40px; }
.pd_cate::before {content:""; position: absolute; left:0; bottom:0px; display: block; width:100%; height:1px; background-color: #0084cc; z-index: -1;}
.pd_cate::after {content:""; display: block; clear: both;}
.pd_cate > li {float:left; width: 97px; margin-right:4px;}
.pd_cate > li a {display: block; line-height: 48px; background-color: #ddd; border:1px solid #ddd; border-bottom:1px solid #0084cc; border-radius:4px 4px 0 0; text-align: center; color: #888;}
.pd_cate > li a.on {background-color: #fff; border-color:#0084cc; border-bottom-color:#fff; color: #0084cc;}

.pd_list {}
.pd_list::after {content:""; display: block; clear:both;}
.pd_list > li {float:left; width: 340px; margin-right: 30px; margin-bottom: 50px;}
.pd_list > li:nth-child(3n) {margin-right: 0;}
.pd_list > li a {display: block; }
.pd_list > li .img_cont { overflow: hidden; border:1px solid #ddd; border-radius:30px;}
.pd_list > li .img_cont img {width:100%; height:auto;}
.pd_list > li .tit {margin-top: 15px; text-align: center; font-size: 20px; font-weight: 600; color: #222;}

.pd_view {}
.pd_view .view_top {}
.pd_view .view_top::after {content:""; display: block; clear:both;}

.pd_view .view_top .thumb {float:left; width: 590px;}
.pd_view .view_top .thumb::after {content:""; display: block; clear:both;}
.pd_view .view_top .thumb > div {float:left; overflow: hidden;}
.pd_view .view_top .thumb > div img {width:100%; height:auto;}
.pd_view .view_top .thumb .big_slider {width:460px; height: 565px; border-radius:10px; border:1px solid #ddd;}
.pd_view .view_top .thumb .thumb_slider {margin-left:10px; width:120px; height:471px;}
.pd_view .view_top .thumb .thumb_slider li {overflow: hidden; height: auto; border-radius:10px; border:1px solid #ddd;}

.pd_view .view_top .pd_info {float:right; width: 430px; padding-top: 20px;}
.pd_view .view_top .pd_info .cate {font-size: 16px; font-weight: 600; color: #222;}
.pd_view .view_top .pd_info .set_tit {position: relative; margin-top: 10px;}
.pd_view .view_top .pd_info .set_tit .tit {font-size: 34px; font-weight: 700; color: #222; letter-spacing: 0}
.pd_view .view_top .pd_info .set_tit .num {position: absolute; right:0; bottom:0; padding-left: 20px; line-height:15px; background-image:url(/images/icon_num.gif); background-position:left center; font-size: 14px;}
.pd_view .view_top .pd_info table {margin-top: 40px; border-top:1px solid #ddd;}
.pd_view .view_top .pd_info table th,
.pd_view .view_top .pd_info table td {padding:10px 0; border-bottom:1px solid #ddd; text-align: left; font-size: 14px;}
.pd_view .view_top .pd_info table th {font-weight: 600;}
.pd_view .view_top .pd_info table td {}
.pd_view .view_top .pd_info .total {padding: 15px 0; }
.pd_view .view_top .pd_info .total::after {content:""; display: block; clear:both;}
.pd_view .view_top .pd_info .total dt,
.pd_view .view_top .pd_info .total dd {line-height: 24px;}
.pd_view .view_top .pd_info .total dt {float:left; font-size:16px; font-weight: 600;}
.pd_view .view_top .pd_info .total dd {float:right; font-size: 24px; font-weight: 700; color: #009fbc;}
.pd_view .view_top .pd_info .total dd span {font-size: 18px; font-weight: 400;}
.pd_view .view_top .pd_info .btn_buy {display: block; width: 430px; height: 54px; line-height: 54px; margin-top: 20px; background-color:#0084cc; text-align: center; font-size: 17px; font-weight: 600; color: #fff;}

.pd_view .view_btm {margin-top: 80px; }
.sub0203 .pd_view .view_btm {display: none;}
.pd_view .view_btm h4 {margin-bottom: 40px; padding-bottom: 15px; border-bottom:1px solid #aaa; font-size: 20px; font-weight: 600; color: #222;}
.pd_view .view_btm .merit {margin-bottom: 40px;}


/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}