/* BASIC css start */
.product { margin:0 auto; }
.product .tit { text-align: center; }
.product h1 { color: #6da9c8; font-size: 30px; font-weight: 300; text-align: center; margin: 100px auto 50px; }
.product p { font-size:1em; line-height: 18px; letter-spacing: -1px; }

.product .main_font2 { line-height:18px; letter-spacing: -1px; }
.introduction {
	width:520px;
	position:absolute;
	left:50%;
	margin-left:-260px;
	top:30px;
	z-index:10;
}
.row .title { text-align: center; margin:0 auto 20px auto; }



#section1 { background-color: white; margin-top: 50px; }
#section2 { background-color: white; margin-top: 65px; }
#section3, #section4, #section5 {
	margin-top: 100px;
}
#section4 .title { padding-top:0; }

.product_info {
	margin-top:30px !important;
}
.introduction_title {
	background-color:white;
	border:1px solid #d4d4d4;
	border-left:0;
	padding:10px;
	margin:0 auto;
	float:left;
    width:130px;
	font-size: 15px;
    text-align:center;
}
.introduction_title:first-child {
	border-left:1px solid #d4d4d4;
}
.introduction_title:hover {
	background-color:#333;
	color:white;
	cursor:pointer;
}
#section3 .row { margin-bottom: 40px; }
#section3 .gray_font_product { margin-top: 20px; }
.title {
	font-size: 22px !important;
    letter-spacing: -1px;
    color: #8a8a8a;
    font-weight: 400;
}
.blue_font {
	font-size:25px;
	color:#6da9c8;
	padding:50px 0 0 0;
	letter-spacing: -1px;
	font-weight:300;
}
.product_data .blue_font { padding-top: 0; margin-bottom: 30px; }
.gray_font {
	font-size:25px;
	color:#636363;
	letter-spacing: -1px;
}
.gray_font_sm {
	font-size:15px;
	color:#939393;
	letter-spacing: -1px;
}
.gray_font_product {
	font-size: 17px;
    letter-spacing: -1px;
    color: #8a8a8a;
    font-weight: 300;
}

.year_gray_font_sm {
	font-size:13px;
	color:#939393;
	letter-spacing: -1px;
    font-weight: 400;
}
.year_gray_font {
	font-size:16px;
	color:#535353;
	letter-spacing: -1px;
    font-weight: 400;
}
.f_18 {
	font-size:19px !important;
}
.gray_font_product_sm {
	font-size:15px;
	color:#a2a2a2;
}
.font_number_big {
	font-size: 60px;
	letter-spacing: -1px;
	font-weight: bold;
	color:#e7eff5;
}
.buy {
	text-align:center;
	padding:10px 0;
	color:white;
	background-color:#454545;
	font-size:14px;
	width:180px;
	letter-spacing: -1px;
	margin:0 auto;
    font-weight:600;
    cursor:pointer;
}
.pro_circle {
	border-radius:50%;
	color: white;
	display:table;
	height: 300px;
	width: 300px !important;
	font-weight: bold;
	font-size: 1.2em;
	width: auto;
	margin:0 auto;
	overflow:hidden;
}
.pro_circle img{
	width:100%;
	height:100%;
}
.cir { margin: 20px auto; }
.pro_circles1 {
	border-radius:50%;
	color: white;
	display:table;
	height: 200px;
	width: 200px !important;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
	background-image:url("/design/todamdak/PC/img/duduk.png");
	background-size:400%;
	background-repeat:no-repeat;
	background-position:-100px;
}
.pro_circles2 {
	border-radius:50%;
	color: white;
	display:table;
	height: 200px;
	width: 200px !important;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
	background-color:#f1f1f1;
	background-image:url("/design/todamdak/PC/img/mak.png");
	background-size:150%;
	background-repeat:no-repeat;
	background-position:-40px 0px;
}
.pro_circles3 {
	border-radius:50%;
	color: white;
	display:table;
	height: 200px;
	width: 200px !important;
	margin:0 auto;
	padding-top:50px;
	overflow:hidden;
	background-image:url("/design/todamdak/PC/img/jji.png");
	background-size:200%;
	background-repeat:no-repeat;
	background-position:-100px 0px;
	background-color:#f1f1f1;
}
.pro_circle3 {
	position: relative;
	width: 413px;
	height: 413px;
	background-color: #f1f1f1;
	border-radius: 50%;
	color: white;
	display:table;
	font-weight: bold;
	font-size: 1.2em;
	margin:0 auto;
	padding-top:65px;
	overflow: hidden;
	background-image:url("/design/todamdak/PC/img/sricle_green.png");
}
.pro_circle4 {
	position: relative;
	width: 413px;
	height: 413px;
	background-color: #f1f1f1;
	border-radius: 50%;
	color: white;
	display:table;
	font-weight: bold;
	font-size: 1.2em;
	margin:0 auto;
	padding-top:65px;
	overflow: hidden;
	background-image:url("/design/todamdak/PC/img/sricle_blue.png");
}
.sd_center {
	float:none;
	margin:0 auto;
}
.cricle3_slide {
	position:relative;
	max-width:1024px; 
	margin:0 auto;
}
.pro_option3.row {
	width:80%;
	max-width:660px; 
	margin:0 auto;
}
.pro_option3 .cir { margin-bottom:20px; }
.pro_option3 .gray_font_sm { margin-bottom: 30px; }
.pro_option2.row {
	max-width:870px; 
	margin:60px auto 0 auto;
	overflow:hidden;
}
.pro_option2 .gray_font_product { margin-top: 0; }
.bottom_color_c3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	/*background-color: #55baad;*/
	text-align: center;
	padding-top:30px;
}
.pro_last {
	margin:0 auto;
}
.pro_info {
	padding:10px 10px;
	float:left;
}
.pro_info:nth-child(2n) {
	margin-top:10px;
}
.pro_info:nth-child(odd) {
	margin-top:0px;
}
.pro_info:first-child {
	margin-top:-10px;
}
.tow_best {
	position:absolute;
	z-index:1;
	left:20px;
}
.menu_3all {
	overflow:hidden; 
	height:530px;
}
.menu_3 {
	width:340px;
}
.left_btn {
	width:24px; height:42px; position:absolute; background-image:url('/design/todamdak/PC/img/page2_prev.png'); background-repeat:no-repeat; top:50%; margin-top:-70px; left:32%; z-index:1; cursor:pointer; 
}
.right_btn {
	width:24px; height:42px; position:absolute; background-image:url('/design/todamdak/PC/img/page2_next.png'); background-repeat:no-repeat; top:50%; margin-top:-70px; right:32%; z-index:1; cursor:pointer;
}

.mt_18 {
	margin-top:18px !important;
}
.sm_circle_wrap {
	position:relative;
	max-width: 1024px;
	margin:0 auto;
}
.pro_circle_sm {
	position:relative;
	border-radius:50%;
	color: white;
	display:table;
	background:white;
    width: 185px;
	font-weight: bold;
	font-size: 1.2em;
	float:left;
}
.pro_circle_sm:first-child {
	width:70px;
}
.pro_info {
	margin:0 auto;
	float:left;
}
.pro_circle_sm_font {
	font-size: 15px;
	letter-spacing: -1px;
	color:white;
}
.pro_circle_sm_font2 {
	font-size: 15px;
	letter-spacing: -1px;
	color:#636363;
}
.pro_circle_sm_font2_2 {
	font-size: 15px;
	letter-spacing: -1px;
	color:#636363;
}

@media screen and (max-width:1024px) {
    .year_gray_font_sm {
        font-size:10px;
    }
    .year_gray_font {
        font-size:13px;
    }
    .sm_circle_wrap {
	max-width: 750px;
	 }
    .pro_circle_sm {
        width: 160px;
    }
    .pro_info {
	display:none;
    }
}
@media screen and (max-width:710px) {
    .year_gray_font_sm {
        font-size:15px;
    }
    .year_gray_font {
        font-size:18px;
    }
    .sm_circle_wrap {
	max-width: 550px;
	 }
    .pro_circle_sm {
        width: 100%;
        margin-top:20px;
    }
     .pro_circle_sm:first-child {
        width: 100%;
    }
}
@media screen and (max-width:900px){
	.product {
		margin-top:100px;
	}
}
@media screen and (max-width:564px) {
	.pro_circle3 {
		position: relative;
		width: 250px;
		height: 250px;
		background-color: #f1f1f1;
		border-radius: 50%;
		color: white;
		display:table;
		font-weight: bold;
		font-size: 1.2em;
		margin:0 auto;
		padding-top:35px;
		overflow: hidden;
		background-image:url("/design/todamdak/PC/img/sricle_green.png");
		background-size:100% 100%;
	}
	.pro_circle3 img{
		width:150px;
		height:130px;
	}
	.pro_circle3 > div > p {font-size:14px;}
	.pro_circle4 > div > p {font-size:14px;}
	.pro_option2 .gray_font_product { margin-top:30px; }
	.pro_option3 .block { margin-top:30px; }
	.pro_circle4 {
		position: relative;
		width: 250px;
		height: 250px;
		background-color: #f1f1f1;
		border-radius: 50%;
		color: white;
		display:table;
		font-weight: bold;
		font-size: 1.2em;
		margin:0 auto;
		padding-top:35px;
		overflow: hidden;
		background-image:url("/design/todamdak/PC/img/sricle_blue.png");
		background-size:100% 100%;
	}
	.pro_circle4 img{
		width:170px;
		height:110px;
	}
	.todam_best {
		margin-top:26px;
	}
}

.product_wrap .top .swiper-slide-prev{left:0; opacity:0;}
.product_wrap .top .swiper-slide-next{right:0; opacity:0;}
.product_wrap .top .swiper-slide-active .product_info{opacity:1}

.product_wrap .swiper-slide{
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.product_wrap .btn_wrap{position:absolute;top:35%;left:50%;width:450px;margin-left:-225px;z-index:10;margin-top:-27px}
.product_wrap .btn_wrap > a{display:block;position:absolute;top:0}
.product_wrap .btn_wrap > a.button-prev,
.product_wrap .btn_wrap > a.button-prev00,
.product_wrap .btn_wrap > a.button-prev01,
.product_wrap .btn_wrap > a.button-prev02,
.product_wrap .btn_wrap > a.button-prev03,
.product_wrap .btn_wrap > a.button-prev04,
.product_wrap .btn_wrap > a.button-prev05{left:0}
.product_wrap .btn_wrap > a.button-next,
.product_wrap .btn_wrap > a.button-next00,
.product_wrap .btn_wrap > a.button-next01,
.product_wrap .btn_wrap > a.button-next02,
.product_wrap .btn_wrap > a.button-next03,
.product_wrap .btn_wrap > a.button-next04,
.product_wrap .btn_wrap > a.button-next05{right:0}
.product_wrap .btn_wrap > a.btn_next{right:0}
.product_wrap .btn_wrap > a.btn_prev{left:0}

.product_wrap .product_info .title{font-size:18px;color:#444}
.product_wrap .product_info .info{font-size:14px;color:#888;margin-top:8px}
	.product_info .info p { width:180px; margin:0 auto; }
	.product_info .info span { display:inline-block; width:40%; text-align:right; }
	.product_info .info span:first-child { width:60%; text-align:left; }
	.product_info .buy { display: block; color:white; margin-top: 20px !important; }
/* BASIC css end */