@charset "utf-8";
@import url(media_sub.css);
.pc_none_640 {display:none !important;}

/**** Media Query ****/
/* @media (min-width:1025px){
	#s1 .arti02 .br {display:block;}
} */

@media (max-width:1650px){
	
	#s2_2 .cont_02 .info_box {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; max-width:96%}
}

@media (max-width:1462px){
	#s2_2 .cont_02 .info_box .info_top { height: 268px;}
}

@media (max-width:1430px){
	.header .hd_sub .gnb_wrap .gnb_right { width: 31%;}
}
@media (max-width:1300px){
	.header .hd_sub .gnb_wrap .cate_03 { margin-right: 11%;}
	.top_bt_wrap { margin: 0px auto 20px;}
}
@media (max-width:1220px){
	#s2_2 .cont_02 .info_box li {padding-left: 20px !important; padding-right: 5px !important;}
	
	/* s301 */
	#bo_cate > ul > li > a {min-height:55px}
	.view_txt dl dd select {width: 90% !important;}
	.view_txt dl dd input {width: 90% !important;}
}

@media (max-width:1100px){
	.view_txt dl dt {min-width:95px;}

}

@media (max-width:1170px){
	.header .hd_sub .gnb_wrap .category > a { padding: 10px 15px 65px;  font-size: 18px;}
}

@media (max-width:1050px){
	.miena li figure figcaption p {font-size: 20px;}

}


@media (max-width:800px){
	/* layout */
	.header{display: none;}
	#m_header{display: block;}
	.sub_tabs { margin: 40px auto 0;}
	.sub_tabs_01{display: block; overflow: hidden;}
	.sub_tabs_01 > li {width: 33.333%; display: block; float: left;}
	.sub_tabs > li > a{background: #fff; color: #000; padding: 15px 0;}
	.sub_tabs > li > a:after{display: none;}
	.sub_tabs > li.current > a, .sub_tabs > li > a:hover {color: #fff; background: #000; text-decoration: none; }

	/* s101 */
	#s1_1 .cont_01 .cont_box > li {width: 49%; margin-right: 1%; height: 350px; margin-bottom: 10px;}
	#s1_1 .cont_01 .cont_box > li:nth-child(2n+2){margin-right: 0;}
	#s1_1 .cont_01 .cont_box > li {-webkit-background-size: 100%; background-size: 100%;background-position: center;}
	#s1_1 .cont_01 .cont_box > .box_01 {-webkit-background-size: 100%; background-size: 100%;}
	#s1_1 .cont_02 .top_info .abs_info > li { font-size: 18px;}
	.suika_wrap > div {width: 100%;}
	.suika_wrap > div:first-child ul li {text-align: center; display: inline-block; width: 45%;}
	#daumRoughmapContainer1527649104934,#daumRoughmapContainer1527652921336{height: 350px;}
	 .root_daum_roughmap .wrap_map {height: 350px !important;}
	.suika_wrap:before {display: none;}
	#s1_1 .cont_02 {padding: 180px 0 160px;}
	#s1_1 .cont_03 .map_info {margin-top: 45px;}
	#s1_1 .cont_03 .map_tit:after { margin: 23px auto 15px;}
	/* main */
	.main_notice_slide {top:0; padding: 0; width: 96%; margin: 0 auto; border-bottom: 1px solid #dbdbdb;}
	.main_notice_slide .notice_title { left: 0%;}
	.main_notice_slide .rolling > li .date {margin-right: 0;}
	.main_notice_slide .rolling > li, .main_notice_slide .rolling a, .main_notice_slide .notice_title {color: #000;}
	.suika_wrap > div:first-child ul li:last-child {margin-right: 0;}
	.suika_wrap > div:first-child {float: none; text-align: center;}

	/* s103 */
	.miena li figure figcaption { line-height: 54px; height: 54px;}
	.miena li figure figcaption p {line-height: 54px; line-height: 22px; font-size: 15px; text-align: center; padding-right: 0;}
	.miena li figure figcaption p:after {display: none;}

	/* s201 */
	#s2_1 .cont_02 .pd_wrap .product_info {display: block; overflow: hidden;}
	#s2_1 .cont_02 .pd_wrap .product_info > li {width: 50%; display: block; float: left; overflow: hidden; background-position:center center; height: 260px;}
	#s2_1 .cont_02 .pd_wrap .product_info > .info_01, #s2_1 .cont_02 .pd_wrap .product_info > .info_02, #s2_1 .cont_02 .pd_wrap .product_info > .info_03, #s2_1 .cont_02 .pd_wrap .product_info > .info_04 { background-size: 115%; background-position: center center;}
	#s2_1 .cont_02 { padding: 400px 0 276px;}
	#s2_1 .cont_02 .pd_wrap {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0px 20px;}

	/* s202 */
	#s2_2 .cont_02 .info_box li {width: 50%; height: 268px;}
	#s2_2 .cont_02 .info_box .info_btm {width: 50%; height: 268px;}
	#s2_2 .cont_02 .info_box .info_05 {border-right: 1px dashed #dbdbdb;}
	#s2_2 .cont_02 .info_box .info_06, #s2_2 .cont_02 .info_box .info_07, #s2_2 .cont_02 .info_box .info_08  {border-bottom:1px dashed #dbdbdb;}
	#s2_2 .cont_02 .info_box li {padding: 5% !important;}

	/* s301 */
	.bo_cate_ul{}
	#bo_cate > ul > li {width: 33.333%; display: block; float: left;}
	#bo_cate > ul > li > a{background: #fff; color: #000; padding: 15px 0;}
	#bo_cate > ul > li > a:hover{color: #fff; background: #000; text-decoration: none; }
	#bo_v_atc {padding-left: 0;}

	.view_wrap {width: 100%; padding-left: 0;}
	#bo_v_img img {height: auto; min-height:auto;}
	#bo_v_con {width: 100%; padding-left: 0; margin-top: 30px;}
	.v_content {padding-left: 0;}

	/* s501 */
	#daumRoughmapContainer1527649104934, #daumRoughmapContainer1527652921336{width: 100%; height: 400px;}
	.respon_w .layout_email li:first-of-type {width: 38%;}
	.respon_w .layout_email li:nth-of-type(2),.respon_w .layout_email li:nth-of-type(3) {width: 28%;}

	/* my page */
	.mypage_li, .table_mypage dl { width: 100%;}
	.sub_cont5_12 .table_mypage {width: 100%; margin-top: 30px;}
	.sub_cont5_12 .table_mypage dl:nth-child(2n+2) {border-right: 1px solid #ddd;}
	.sub_cont5_12 .table_mypage dl:nth-of-type(3){border-bottom: 0;}
	.sub_cont5_12 .table_cart table tr th:nth-child(3) {padding-left: 0; text-align: center;}
	.sub_cont5_12 .table_cart table tr th:nth-child(4),.sub_cont5_12 .table_cart table tr th:nth-child(5),.sub_cont5_12 .table_cart table tr th:nth-child(6) {display: none;}
	.sub_cont5_12 .table_cart table tr td:nth-child(4),.sub_cont5_12 .table_cart table tr td:nth-child(5),.sub_cont5_12 .table_cart table tr td:nth-child(6) {display: none;}
	.sub_cont5_12 .table_cart2 table tr th:nth-child(2) { width: 25%;}
	.sub_cont5_12 .table_cart2 table tr th:first-child { width: 27%;}
	
	.s5_1c .table_cart table tr th:nth-child(5), .s5_1c .table_cart table tr th:nth-child(6), .s5_1c .table_cart table tr th:nth-child(7) {display: none;}
	.s5_1c .table_cart table tr td:nth-of-type(5), .s5_1c .table_cart table tr td:nth-of-type(6), .s5_1c .table_cart table tr td:nth-of-type(7) {display: none;}
	

	.s5_1c .table_cart table tr th:nth-child(2) {width: 15%;}
	.s5_1c .table_cart table tr th:nth-child(3) {  padding-left: 10%; width: 40%; -ms-word-break: keep-all; word-break: keep-all;}
		
	#bo_v_img:hover img{}

}

@media (max-width:640px){
	/* main */
	.main_cont_01 .cont_box > li {width: 48%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; box-shadow:0 0 7px rgba(0,0,0,0.1); margin-right: 2%; margin-bottom: 20px;}
	.main_cont_01 .cont_box > li:nth-child(2n+2){margin-right: 0;}
	.main_cont_02 .cont_box > li .txt {width: 95%;}
	.main_cont_01 .cont_box > li a img{width: 100%; height: auto;}

	/* s101 */
	#s1_1 .cont_01 .cont_box > li { height: 300px; }
	#s1_1 .cont_01 .cont_box > .box_01 {  background: url(../../images/sub/s12_c1_box_01.png)no-repeat center center;}
	#s1_1 .cont_01 .cont_box > .box_02 {  background: url(../../images/sub/s12_c1_box_02.png)no-repeat center center;}
	#s1_1 .cont_01 .cont_box > .box_03 {  background: url(../../images/sub/s12_c1_box_03.png)no-repeat center center;}
	#s1_1 .cont_01 .cont_box > .box_04 {  background: url(../../images/sub/s12_c1_box_04.png)no-repeat center center;}

	/* s103 */
	.sub_cont .subCont_tit:after { margin: 7px auto 15px;}
	.miena li {width: 100%; margin-right: 0; margin-bottom: 40px;}
	.miena li figure figcaption {height: auto; padding:0;} 
	.miena li figure figcaption p{padding-top: 0; line-height: 80px; margin-top: 0; font-size: 30px;}
	.miena { margin: 60px auto 28px;}
	#s1_3 .cont_box > li {display: block; width: 100%;}
	#s1_3 .cont_box > li:last-child {height: auto; padding: 10% 0;}

	

	/* s104 */
	.bo_fx { margin-top: 0px;}
	.respon_l .div_td.col_writer, .respon_l .div_td.col_date, .respon_l .div_td.col_hit {display: inline-block; width: 32%; padding: 0px; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.respon_l .div_td.col_writer{padding-left: 2%;}
	.respon_l .div_td.col_hit{width: 10%;}
	.respon_l .div_td.col_date{width:52%}
	.respon_l .div_td.col_date, .respon_l .div_td.col_hit {text-align: right;}
	.respon_l .div_td.col_num{display: block; width: 100%; background: #f5f5f5; text-align: left; font-size: 14px;}
	.respon_l .div_td.col_num strong{display: block;}
	.respon_l .div_td.col_subject a{font-size: 18px; font-weight: 500;}
	
	.s5_1c .table_cart table tr th:nth-child(2) {width: 20%;}
	.s5_1c .table_cart table tr th:nth-child(3) {  padding-left: 7%; width: 40%; -ms-word-break: keep-all; word-break: keep-all;}

}
@media (max-width:560px){
	.suika_wrap > div:first-child ul li:last-child img {width: 98%;}
	.s101_plus > li {margin-top: 5%;}
	.s101_plus > li:last-child{margin-right: 0;}
	.suika_wrap > div:first-child ul li { text-align: center; display: inline-block;   width: 39%;}
	#s1_1 .cont_02 { padding: 92px 0 160px;}
	#s1_1 .cont_02 .top_info .abs_info { top: -169px; width: 99%;}
}

@media (max-width:460px){
	/* layout */
	.m_header_nav > ul > li > a {font-size: 3.5vw; height: 60px; line-height: 60px;}
	.m_header_nav > ul > li > ul li a {font-size: 3.5vw; line-height: 60px;}
	.m_header_nav > ul > li > ul li.line2 a{line-height: 1.7em; padding: 10px 0; width: 70%; text-indent: 0; padding-left: 10px;}
	.m_header_nav ul li:after {top:25px; }
	.m_header_nav ul li:after {width: 17px; -webkit-background-size: 90%; background-size: 90%;}
	.m_header_nav > ul > li:hover:after { -webkit-background-size: 90%; background-size: 90%; top:24px;}
	.m_header_nav > ul > li.on:hover:after {width: 17px; -webkit-background-size: 90%; background-size: 90%; top:24px}
	.m_header_nav ul li {text-indent: 10px;}

	/* main */
	.main_notice_slide .rolling > li:before { margin-left: 58px;}
	.main_notice_slide .rolling > li, .main_notice_slide .rolling a {width: 66%; text-overflow: ellipsis; -o-text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; word-wrap: normal !important;display:  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.main_cont_02 .cont_box > li {width: 100%;}
	.main_cont_02 {margin: 50px auto 0;}
	.main_cont_01 .cont_box {margin-bottom: 35px;}
	.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: none;}
	.main_cont_02 .cont_box > li > a figure {margin-bottom: 25px;}
	.main_cont_02 .cont_box > li > a { padding-bottom: 40px;}
	.main_cont_02 .cont_box > li .banner_tit:after { margin: 25px auto 15px;}
	.main_notice_slide .rolling a { width: 56%;}
	
	/* s104 */
	#bo_sch input[type=text] { width: 62%;}
	#bo_sch input[type=submit] {margin-top: 10px;}

	/* s201 */
	#s2_1 .cont_02 .pd_wrap .product_info > li { height: 161px;}
	#s2_1 .cont_02 { padding: 400px 0 0px;}

	/* s301 */
	.table_cart2 table tr td {-ms-word-break: keep-all;word-break: keep-all;}
	.table_mypage dl dt, .table_mypage dl dd {width: 100%;}
	.table_mypage p {margin: 10px 0;}
	.table_cart2 table tr th {font-size: 13px;}
    .table_cart2 table tr td { line-height: 20px;}
    .bx-viewport {height: auto;}

	.s5_1c .cart_shop ul li {width: 32.3%; margin-right: 1%;}
	.s5_1c .cart_shop ul li:last-child{margin-right: 0;}
	.s5_1c .cart_shop ul li a{width: 100%; display: block;}
	.s5_1c .cart_shop {float: none;}
}

@media (max-width:440px){
	/* main */
	.main_notice_slide .rolling, .main_notice_slide .rolling > li{height: 65px; line-height: 65px;}
	.main_notice_slide {height: 65px;}
	.main_notice_slide .rolling > li .date { margin-right: 2px;}
	.main_cont_01 {margin: 50px auto 0;}
	.main_cont_01 .cont_tit {font-size: 7vw;}
	.more_btn > a {font-size: 4vw; padding: 5% 10%;}
	.main_cont_02 .cont_box > li .banner_tit {font-size: 6vw;}
	.main_cont_02 .cont_box > li .txt {font-size: 4vw;}
	.top_bt { width: 45px;  height: 45px;  line-height: 41px; font-size: 16px;}
	.footer .copy {font-size: 3.3vw;}
	
	#captcha.m_captcha #captcha_img {width: 80%; height: auto; margin-left: 10%;}
	#captcha.m_captcha audio {width: 100%; margin-bottom: 10px;}
	#captcha.m_captcha #captcha_key {width: 100%;}
	#captcha.m_captcha #captcha_info {font-size: 3.5vw; letter-spacing: 0;}
	#captcha.m_captcha #captcha_reload { background: url(../../img/captcha.png) no-repeat 0 -30px; text-align: center;  margin: 10px 0; margin-left: 10%;}

	/* s101 */
	.sub_cont .subCont_tit {font-size: 7vw; line-height: 1.7em;}
	.sub_cont .txt {font-size: 4vw; line-height: 1.7em;}
	#s1_1 .cont_02 .top_info .abs_info > li{text-align: center;}
	#s1_1 .cont_02 .top_info .abs_info > li:before {display: block; margin: 0 auto; margin-bottom: 5px;}
	#s1_1 .cont_02 .top_info .abs_info > li:after {display: none;}
	#s1_1 .cont_02 .top_info .abs_info > li {  padding: 21px 0; font-size: 4vw;}
	#s1_1 .cont_01 .cont_box > li {width: 100%; margin-right: 0;}
	.sub_tabs > li > a {min-height:58px; font-size: 4vw; line-height: 1.7em;}
	.sub_tabs_01 > li:nth-child(2) > a,.sub_tabs_01 > li:nth-child(3) > a,.sub_tabs_01 > li:nth-child(5) > a{line-height: 58px;}
	#s1_1 .cont_02 { padding: 44px 0 160px;}
	#s1_1 .cont_01 .cont_box > .box_01, #s1_1 .cont_01 .cont_box > .box_02, #s1_1 .cont_01 .cont_box > .box_03, #s1_1 .cont_01 .cont_box > .box_04 {-webkit-background-size: 100%; background-size: 100%;}
	#s1_1 .cont_02 .top_info .abs_info {width: 100%; top: -131px;}
   .suika2 .txt_wrap { padding-top: 15%;}
   #s1_1 .cont_03 .map_01, #s1_1 .cont_03 .map_02 {width: 100%;}
	#s1_1 .cont_03 .map_tit {font-size: 7vw; line-height: 1.7em;}
	#s1_1 .cont_03 .info_list span {font-size: 4vw; line-height: 1.7em;}
	#s1_1 .cont_03 .map_info { margin-top: 24px;}
	#s1_1 .cont_03 .map_01{margin-bottom: 30px;}
	.sub_cont { margin: 60px auto 70px;}
	.sub_cont .subCont_tit:after {  margin: 14px auto 15px;}
	#s1_1 .cont_03 .map_tit:after {margin: 10px auto 15px;}

	/* s103 */
	.miena li figure figcaption p {font-size: 7vw; line-height: 2.4em;}
	#s1_3 .cont_box .info_sec .info_tit {font-size: 6vw; line-height: 1.7em;}
	#s1_3 .cont_box .info_sec .info_tit:after {margin: 14px auto 15px;}
	#s1_3 .cont_box > li {height: 350px;}
	.miena { margin: 35px auto 28px;}

	/* s201 */
	.more_btn > a { font-size: 4vw; padding: 5% 10%;}
	.sub_tabs_02 > li > a { line-height: 48px; min-height:48px;}
	
	/* s202 */
	#s2_2 .cont_02 .info_box li, #s2_2 .cont_02 .info_box .info_btm  {width: 100%; height: 196px;}
	#s2_2 .cont_02 .info_box .info_09{border-bottom: 1px dashed #dbdbdb;}
	#s2_2 .cont_02 .info_box li .info_tit {font-size: 6vw;}
	#s2_2 .cont_02 .info_box .info_top {height: 196px;}
	#s2_2 .cont_02 .info_box .info_03 .info_tit, #s2_2 .cont_02 .info_box .info_04 .info_tit {margin-left: 0;}
	#s2_2 .cont_02 { margin-bottom: 70px; padding: 59px 0;}

	/* s301 */
	#bo_cate > ul > li {width: 33.333%; display: block; float: left;}
	#bo_cate > ul > li > a{ min-height: 48px; font-size: 4vw;line-height: 1.7em;}
	#bo_cate > ul > li:nth-child(4) > a{line-height: 48px;}
	#bo_sch.shop_list_sch input[type="submit"] {top: -6px;}
	#bo_v_img img {width: auto;}
	#bo_v_img:hover img{width: 340px !important; margin-left: 0; margin-top: 0;}
	#sit #bo_v_title { font-size: 6vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.view_txt dl dt {width: 100%; font-size: 4.5vw; font-weight: 500; }
	.view_txt dl dt, .view_txt dl dd {width: 100%;}
	.view_txt dl dd select, .view_txt dl dd input  {width: 100% !important; margin-left: 0;}
	#gall_ul > li:hover .bg_fle{opacity: 0;}
	#gall_ul > li:hover .gall_text_href p{display: none;}
	.respon_w .layout_email li {width: 33% !important;}

	/* s401 */
	.sub_tabs_04 > li a{min-height:48px; line-height: 48px;}
	.face_book_a li {width: 10%;}
	.face_book_a {padding-left: 32%;}
	.step_chart > li { width: 100%; margin-right: 0;}
	.step_chart {width: 95%; margin: 10px auto;}
	.country_td {margin-left: 0 !important;}
	.country_td select { width: 99%;}
    .name_box input {margin-right: 0; width: 49% !important;}
	
	/* s501 */
	.s5_1c .table_cart table tr th:nth-child(2) {width: 20%;}
	.s5_1c .table_cart table tr th:nth-child(3) {  padding-left: 7%; width: 40%; -ms-word-break: keep-all; word-break: keep-all;}
	.s5_1c .table_cart table tr td img {width: 70px !important; padding: 0;}
	.sub_tabs_05 ul > li > a{line-height: 48px; height: 48px;}
	.sub_tabs.sub_tabs_05 > li > a {min-height:48px; line-height: 48px;}

	.main_gnb1 > a { width: 65px; height: 65px; margin-top: 15px;}

} 

@media (max-width:414px){
	.s5_1c .table_cart table tr td {font-size: 13px; line-height: 20px;}
	.s5_1c .table_cart table tr th {font-size: 13px;}

	
}


@media (max-width:360px){
	.sub_tabs > li > a { min-height: 48px;}
	.sub_tabs_01 > li:nth-child(2) > a, .sub_tabs_01 > li:nth-child(3) > a, .sub_tabs_01 > li:nth-child(5) > a {line-height: 48px;}
	.s5_1c .table_cart table tr td img { width: 54px !important;}



}
@media (max-width:340px){
	.main_notice_slide .rolling a { width: 47%;}
}